@itilite/lumina-ui 0.0.323 → 1.0.0-alpha

package/dist/chunk-LVOTEPLC.mjs

@@ -0,0 +1,64 @@
+import {
+  LuminaPagination
+} from "./chunk-WUVS6S7N.mjs";
+import {
+  __objRest,
+  __spreadValues
+} from "./chunk-FWCSY2DS.mjs";
+
+// src/atom/Table/Table.tsx
+import { Table as AntTable } from "antd";
+import clsx from "clsx";
+
+// src/atom/Table/Table.module.scss
+var Table_module_default = { "table": "Table-module__table___5d7g0" };
+
+// src/atom/Table/Table.tsx
+import { jsx, jsxs } from "react/jsx-runtime";
+function Table(props) {
+  const _a = props, {
+    size = "middle",
+    variant = "default",
+    className = "",
+    analytics,
+    pagination
+  } = _a, rest = __objRest(_a, [
+    "size",
+    "variant",
+    "className",
+    "analytics",
+    "pagination"
+  ]);
+  const isChildVariant = variant === "accordion-child" || variant === "toolbar-child";
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: clsx(
+        Table_module_default.tableWrapper,
+        { [Table_module_default.childVariant]: isChildVariant },
+        { [Table_module_default.showHoverEffect]: variant === "hover" },
+        `variant_${variant}`,
+        className
+      ),
+      "data-testid": "lumina-table",
+      children: [
+        /* @__PURE__ */ jsx(
+          AntTable,
+          __spreadValues({
+            className: Table_module_default.table,
+            size,
+            pagination: false
+          }, rest)
+        ),
+        pagination !== false && pagination !== void 0 && /* @__PURE__ */ jsx(LuminaPagination, __spreadValues({}, pagination))
+      ]
+    }
+  );
+}
+Table.displayName = "Table";
+var Table_default = Table;
+
+export {
+  Table,
+  Table_default
+};

package/dist/chunk-M2ZM3X5Y.mjs

@@ -0,0 +1,56 @@
+import {
+  Table_module_default
+} from "./chunk-ZYPWQ53U.mjs";
+
+// src/atom/Table/TableAccordion.tsx
+import * as React from "react";
+import clsx from "clsx";
+import { jsx, jsxs } from "react/jsx-runtime";
+var TableAccordion = ({
+  title,
+  subtitle,
+  defaultOpen = true,
+  className,
+  children
+}) => {
+  const [open, setOpen] = React.useState(defaultOpen);
+  return /* @__PURE__ */ jsxs("div", { className: clsx(Table_module_default.accordionWrapper, className), "data-testid": "lumina-table-accordion", children: [
+    /* @__PURE__ */ jsxs(
+      "button",
+      {
+        className: Table_module_default.accordionHeader,
+        onClick: () => setOpen((prev) => !prev),
+        "aria-expanded": open,
+        type: "button",
+        children: [
+          /* @__PURE__ */ jsxs("div", { className: Table_module_default.accordionHeaderText, children: [
+            /* @__PURE__ */ jsx("span", { className: Table_module_default.accordionTitle, children: title }),
+            subtitle && /* @__PURE__ */ jsx("span", { className: Table_module_default.accordionSubtitle, children: subtitle })
+          ] }),
+          /* @__PURE__ */ jsx(
+            "span",
+            {
+              className: clsx(Table_module_default.accordionChevron, { [Table_module_default.accordionChevronOpen]: open }),
+              "aria-hidden": "true",
+              children: /* @__PURE__ */ jsx("svg", { width: "18", height: "18", viewBox: "0 0 18 18", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ jsx("path", { d: "M4.5 6.75L9 11.25L13.5 6.75", stroke: "#6B7280", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }) })
+            }
+          )
+        ]
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      "div",
+      {
+        className: clsx(Table_module_default.accordionContent, { [Table_module_default.accordionContentOpen]: open }),
+        "aria-hidden": !open,
+        children
+      }
+    )
+  ] });
+};
+var TableAccordion_default = TableAccordion;
+
+export {
+  TableAccordion,
+  TableAccordion_default
+};

package/dist/chunk-M4MIYHAV.mjs

@@ -0,0 +1,43 @@
+import {
+  __objRest,
+  __spreadProps,
+  __spreadValues
+} from "./chunk-HWQBE6PT.mjs";
+
+// src/atom/LoadingSpinner/LoadingSpinner.tsx
+import { LoadingOutlined } from "@ant-design/icons";
+import { Spin } from "antd";
+
+// src/atom/LoadingSpinner/LoadingSpinner.module.scss
+var LoadingSpinner_module_default = { "spinnerContainer": "LoadingSpinner-module__spinnerContainer___DiPLf" };
+
+// src/atom/LoadingSpinner/LoadingSpinner.tsx
+import { jsx } from "react/jsx-runtime";
+var sizeMapping = {
+  xs: 16,
+  small: 24,
+  medium: 36,
+  large: 48
+};
+var LoadingSpinner = (_a) => {
+  var _b = _a, { size = "small", color = "#ec5d25" } = _b, rest = __objRest(_b, ["size", "color"]);
+  return /* @__PURE__ */ jsx("div", __spreadProps(__spreadValues({ className: LoadingSpinner_module_default.spinnerContainer }, rest), { children: /* @__PURE__ */ jsx(
+    Spin,
+    {
+      indicator: /* @__PURE__ */ jsx(
+        LoadingOutlined,
+        {
+          style: { fontSize: sizeMapping[size], color },
+          spin: true
+        }
+      )
+    }
+  ) }));
+};
+LoadingSpinner.displayName = "LoadingSpinner";
+var LoadingSpinner_default = LoadingSpinner;
+
+export {
+  LoadingSpinner,
+  LoadingSpinner_default
+};

package/dist/chunk-M7F7DOC4.mjs

@@ -0,0 +1,41 @@
+import {
+  __objRest,
+  __spreadValues
+} from "./chunk-FWCSY2DS.mjs";
+
+// src/atom/Table/Table.tsx
+import { Table as AntTable } from "antd";
+import clsx from "clsx";
+
+// src/atom/Table/Table.module.scss
+var Table_module_default = { "table": "Table-module__table___5d7g0" };
+
+// src/atom/Table/Table.tsx
+import { jsx } from "react/jsx-runtime";
+function Table(props) {
+  const _a = props, {
+    size = "middle",
+    variant = "default",
+    className = "",
+    analytics
+  } = _a, rest = __objRest(_a, [
+    "size",
+    "variant",
+    "className",
+    "analytics"
+  ]);
+  return /* @__PURE__ */ jsx("div", { className: clsx(Table_module_default.tableWrapper, `variant_${variant}`, className), "data-testid": "lumina-table", children: /* @__PURE__ */ jsx(
+    AntTable,
+    __spreadValues({
+      className: Table_module_default.table,
+      size
+    }, rest)
+  ) });
+}
+Table.displayName = "Table";
+var Table_default = Table;
+
+export {
+  Table,
+  Table_default
+};

package/dist/chunk-MHWFVML4.mjs

@@ -0,0 +1,115 @@
+import {
+  Table_module_default
+} from "./chunk-UHTUJJH7.mjs";
+
+// src/atom/Table/TableColumnHeader.tsx
+import * as React from "react";
+import clsx from "clsx";
+import { jsx, jsxs } from "react/jsx-runtime";
+function nextOrder(current) {
+  if (current === void 0) return "ascend";
+  if (current === "ascend") return "descend";
+  return void 0;
+}
+function SortBothIcon() {
+  return /* @__PURE__ */ jsxs("svg", { width: "12", height: "12", viewBox: "0 0 12 12", fill: "none", "aria-hidden": "true", children: [
+    /* @__PURE__ */ jsx("path", { d: "M3.5 7.5L6 10L8.5 7.5", stroke: "currentColor", strokeWidth: "1.3", strokeLinecap: "round", strokeLinejoin: "round" }),
+    /* @__PURE__ */ jsx("path", { d: "M3.5 4.5L6 2L8.5 4.5", stroke: "currentColor", strokeWidth: "1.3", strokeLinecap: "round", strokeLinejoin: "round" })
+  ] });
+}
+function SortAscIcon() {
+  return /* @__PURE__ */ jsx("svg", { width: "12", height: "12", viewBox: "0 0 12 12", fill: "none", "aria-hidden": "true", children: /* @__PURE__ */ jsx("path", { d: "M3.5 7.5L6 2L8.5 7.5", stroke: "currentColor", strokeWidth: "1.3", strokeLinecap: "round", strokeLinejoin: "round" }) });
+}
+function SortDescIcon() {
+  return /* @__PURE__ */ jsx("svg", { width: "12", height: "12", viewBox: "0 0 12 12", fill: "none", "aria-hidden": "true", children: /* @__PURE__ */ jsx("path", { d: "M3.5 4.5L6 10L8.5 4.5", stroke: "currentColor", strokeWidth: "1.3", strokeLinecap: "round", strokeLinejoin: "round" }) });
+}
+function FilterIcon() {
+  return /* @__PURE__ */ jsxs("svg", { width: "13", height: "11", viewBox: "0 0 13 11", fill: "none", "aria-hidden": "true", children: [
+    /* @__PURE__ */ jsx("path", { d: "M1 1H12", stroke: "currentColor", strokeWidth: "1.3", strokeLinecap: "round" }),
+    /* @__PURE__ */ jsx("path", { d: "M2.5 4.5H10.5", stroke: "currentColor", strokeWidth: "1.3", strokeLinecap: "round" }),
+    /* @__PURE__ */ jsx("path", { d: "M4.5 8H8.5", stroke: "currentColor", strokeWidth: "1.3", strokeLinecap: "round" })
+  ] });
+}
+var TableColumnHeader = ({
+  label,
+  sortable = false,
+  sortOrder,
+  onSortChange,
+  filterCount = 0,
+  children
+}) => {
+  const [filterOpen, setFilterOpen] = React.useState(false);
+  const wrapperRef = React.useRef(null);
+  const hasFilter = children !== void 0;
+  const filterActive = filterCount > 0;
+  React.useEffect(() => {
+    if (!filterOpen) return;
+    const onOutside = (e) => {
+      if (wrapperRef.current && !wrapperRef.current.contains(e.target)) {
+        setFilterOpen(false);
+      }
+    };
+    document.addEventListener("mousedown", onOutside);
+    return () => document.removeEventListener("mousedown", onOutside);
+  }, [filterOpen]);
+  return /* @__PURE__ */ jsxs("div", { className: Table_module_default.columnHeader, ref: wrapperRef, children: [
+    sortable ? /* @__PURE__ */ jsxs(
+      "button",
+      {
+        type: "button",
+        className: Table_module_default.columnHeaderSortArea,
+        onClick: () => onSortChange == null ? void 0 : onSortChange(nextOrder(sortOrder)),
+        "aria-label": `Sort by ${label}`,
+        children: [
+          /* @__PURE__ */ jsx("span", { className: Table_module_default.columnHeaderLabel, children: label }),
+          /* @__PURE__ */ jsxs(
+            "span",
+            {
+              className: clsx(Table_module_default.columnHeaderSortIcon, {
+                [Table_module_default.columnHeaderSortIconActive]: sortOrder !== void 0
+              }),
+              children: [
+                sortOrder === "ascend" && /* @__PURE__ */ jsx(SortAscIcon, {}),
+                sortOrder === "descend" && /* @__PURE__ */ jsx(SortDescIcon, {}),
+                sortOrder === void 0 && /* @__PURE__ */ jsx(SortBothIcon, {})
+              ]
+            }
+          )
+        ]
+      }
+    ) : /* @__PURE__ */ jsx("span", { className: Table_module_default.columnHeaderLabel, children: label }),
+    hasFilter && /* @__PURE__ */ jsxs("div", { className: Table_module_default.columnHeaderFilterWrapper, children: [
+      /* @__PURE__ */ jsxs(
+        "button",
+        {
+          type: "button",
+          className: clsx(Table_module_default.columnHeaderFilterBtn, {
+            [Table_module_default.columnHeaderFilterBtnActive]: filterActive
+          }),
+          onClick: () => setFilterOpen((v) => !v),
+          "aria-label": `Filter ${label}`,
+          "aria-expanded": filterOpen,
+          "aria-haspopup": "dialog",
+          children: [
+            /* @__PURE__ */ jsx(FilterIcon, {}),
+            filterActive && /* @__PURE__ */ jsx("span", { className: Table_module_default.columnHeaderFilterBadge, children: filterCount })
+          ]
+        }
+      ),
+      filterOpen && /* @__PURE__ */ jsx(
+        "div",
+        {
+          className: Table_module_default.columnHeaderFilterDropdown,
+          role: "dialog",
+          "aria-label": `${label} filter options`,
+          children
+        }
+      )
+    ] })
+  ] });
+};
+var TableColumnHeader_default = TableColumnHeader;
+
+export {
+  TableColumnHeader_default
+};

package/dist/chunk-MLCMZRUC.mjs

@@ -0,0 +1,50 @@
+import {
+  __objRest,
+  __spreadProps,
+  __spreadValues
+} from "./chunk-FWCSY2DS.mjs";
+
+// src/atom/Tooltip/Tooltip.tsx
+import { Tooltip as AntTooltip } from "antd";
+
+// src/atom/Tooltip/Tooltip.module.scss
+var Tooltip_module_default = { "light": "Tooltip-module__light___H5oCc" };
+
+// src/atom/Tooltip/Tooltip.tsx
+import { jsx } from "react/jsx-runtime";
+var Tooltip = (_a) => {
+  var _b = _a, {
+    children,
+    title = "",
+    placement = "top",
+    color = "#1F2937",
+    className,
+    mode = "dark"
+  } = _b, rest = __objRest(_b, [
+    "children",
+    "title",
+    "placement",
+    "color",
+    "className",
+    "mode"
+  ]);
+  return /* @__PURE__ */ jsx(
+    AntTooltip,
+    __spreadProps(__spreadValues({
+      className,
+      color,
+      title,
+      placement,
+      overlayClassName: mode === "light" ? Tooltip_module_default.light : ""
+    }, rest), {
+      children
+    })
+  );
+};
+Tooltip.displayName = "Tooltip";
+var Tooltip_default = Tooltip;
+
+export {
+  Tooltip,
+  Tooltip_default
+};

package/dist/chunk-MNARBWAJ.mjs

@@ -0,0 +1,47 @@
+import {
+  __objRest,
+  __spreadValues
+} from "./chunk-FWCSY2DS.mjs";
+
+// src/atom/Switch/Switch.tsx
+import { Switch as AntSwitch } from "antd";
+import clsx from "clsx";
+
+// src/atom/Switch/Switch.module.scss
+var Switch_module_default = { "switch": "Switch-module__switch___fUHZL" };
+
+// src/atom/Switch/Switch.tsx
+import { jsx } from "react/jsx-runtime";
+var Switch = (_a) => {
+  var _b = _a, {
+    className,
+    onChange = () => {
+    },
+    size = "default",
+    disabled = false,
+    checked = false
+  } = _b, rest = __objRest(_b, [
+    "className",
+    "onChange",
+    "size",
+    "disabled",
+    "checked"
+  ]);
+  return /* @__PURE__ */ jsx(
+    AntSwitch,
+    __spreadValues({
+      className: clsx(className, Switch_module_default.switch, Switch_module_default[size]),
+      onChange,
+      size,
+      disabled,
+      checked
+    }, rest)
+  );
+};
+Switch.displayName = "Switch";
+var Switch_default = Switch;
+
+export {
+  Switch,
+  Switch_default
+};

package/dist/chunk-MQFW3LZR.mjs

@@ -0,0 +1,111 @@
+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";
+
+// src/atom/Table/Table.module.scss
+var Table_module_default = { "tableWrapper": "Table-module__tableWrapper___3cqiD", "childVariant": "Table-module__childVariant___z8tqO", "table": "Table-module__table___5d7g0", "showHoverEffect": "Table-module__showHoverEffect___IyKyO", "columnHeader": "Table-module__columnHeader___Unr6d", "columnHeaderSortArea": "Table-module__columnHeaderSortArea___jrIYo", "columnHeaderLabel": "Table-module__columnHeaderLabel___A-mRu", "columnHeaderSortIcon": "Table-module__columnHeaderSortIcon___mWVZN", "columnHeaderSortIconActive": "Table-module__columnHeaderSortIconActive___wHAqC", "columnHeaderFilterWrapper": "Table-module__columnHeaderFilterWrapper___DnSve", "columnHeaderFilterBtn": "Table-module__columnHeaderFilterBtn___NR7DY", "columnHeaderFilterBtnActive": "Table-module__columnHeaderFilterBtnActive___JdO11", "columnHeaderFilterBadge": "Table-module__columnHeaderFilterBadge___-Q2T2", "columnHeaderFilterDropdown": "Table-module__columnHeaderFilterDropdown___M-fD4" };
+
+// src/atom/Table/Table.tsx
+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(() => {
+    if (variant !== "selectable" || !(rowSelection == null ? void 0 : rowSelection.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))
+          );
+          rowSelection.onChange(newKeys, newRows);
+        }
+      });
+    };
+  }, [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_module_default,
+  Table,
+  Table_default
+};

package/dist/chunk-N2WTNCQU.mjs

@@ -0,0 +1,66 @@
+import {
+  Tag
+} from "./chunk-4VZB2KR2.mjs";
+import {
+  Avatar
+} from "./chunk-IWO2Y5QX.mjs";
+import {
+  __spreadValues
+} from "./chunk-FWCSY2DS.mjs";
+
+// src/molecules/UserProfile/UserProfile.tsx
+import clsx from "clsx";
+
+// src/molecules/UserProfile/UserProfile.module.scss
+var UserProfile_module_default = { "userProfile": "UserProfile-module__userProfile___cRMm9", "profileContent": "UserProfile-module__profileContent___tfy8E", "profileHeader": "UserProfile-module__profileHeader___5qYbt", "profileName": "UserProfile-module__profileName___x8pg-", "profileEmail": "UserProfile-module__profileEmail___ZWKDd" };
+
+// src/molecules/UserProfile/UserProfile.tsx
+import { jsx, jsxs } from "react/jsx-runtime";
+var UserProfile = ({
+  firstName = "",
+  lastName = "",
+  email = "",
+  profileImg = "",
+  className = "",
+  avatarHeight = 32,
+  avatarWidth = 32,
+  avatarSize = "normal",
+  showTag = false,
+  tagProps,
+  uniqueKey = "",
+  nameClassName = "",
+  emailClassName = ""
+}) => {
+  const fullName = `${firstName} ${lastName}`;
+  return /* @__PURE__ */ jsxs("div", { className: clsx(UserProfile_module_default.userProfile, className), children: [
+    /* @__PURE__ */ jsx(
+      Avatar,
+      {
+        img: profileImg,
+        name: fullName,
+        className: "tw-w-full tw-h-full tw-border-none",
+        height: avatarHeight,
+        width: avatarWidth,
+        size: avatarSize
+      }
+    ),
+    /* @__PURE__ */ jsxs("div", { className: UserProfile_module_default.profileContent, children: [
+      /* @__PURE__ */ jsxs("div", { className: UserProfile_module_default.profileHeader, children: [
+        /* @__PURE__ */ jsxs("p", { className: clsx(nameClassName || clsx(UserProfile_module_default.profileName, "tw-typography-body2Bold")), children: [
+          firstName,
+          " ",
+          lastName
+        ] }),
+        showTag && tagProps && /* @__PURE__ */ jsx(Tag, __spreadValues({}, tagProps))
+      ] }),
+      email && /* @__PURE__ */ jsx("p", { className: clsx(emailClassName || clsx(UserProfile_module_default.profileEmail, "tw-typography-caption3", "amp-mask")), children: email })
+    ] })
+  ] }, uniqueKey);
+};
+UserProfile.displayName = "UserProfile";
+var UserProfile_default = UserProfile;
+
+export {
+  UserProfile,
+  UserProfile_default
+};