@itilite/lumina-ui 0.0.324 → 1.0.0-alpha

package/dist/chunk-W2N3AWY6.mjs

@@ -0,0 +1,80 @@
+// src/atom/TableToolbar/index.tsx
+import * as React from "react";
+import clsx from "clsx";
+
+// src/atom/TableToolbar/TableToolbar.module.scss
+var TableToolbar_module_default = { "toolbarWrapper": "TableToolbar-module__toolbarWrapper___gMA4G", "topRow": "TableToolbar-module__topRow___fbhSu", "searchInputWrapper": "TableToolbar-module__searchInputWrapper___ymI3E", "searchIcon": "TableToolbar-module__searchIcon___b6Czq", "searchInput": "TableToolbar-module__searchInput___EJDfa", "editColumnsBtn": "TableToolbar-module__editColumnsBtn___ed--8", "filterRow": "TableToolbar-module__filterRow___-oQV7", "addFilterBtn": "TableToolbar-module__addFilterBtn___-ZJ3M", "tableSlot": "TableToolbar-module__tableSlot___OxBU1" };
+
+// src/atom/TableToolbar/index.tsx
+import { jsx, jsxs } from "react/jsx-runtime";
+function TableToolbar({
+  searchPlaceholder = "Search...",
+  onSearch,
+  editColumnsLabel = "Edit Columns",
+  onEditColumns,
+  addFilterLabel = "+ Add filter",
+  onAddFilter,
+  className,
+  children
+}) {
+  const [searchValue, setSearchValue] = React.useState("");
+  const handleSearchChange = (e) => {
+    setSearchValue(e.target.value);
+    onSearch == null ? void 0 : onSearch(e.target.value);
+  };
+  return /* @__PURE__ */ jsxs("div", { className: clsx(TableToolbar_module_default.toolbarWrapper, className), "data-testid": "lumina-table-toolbar", children: [
+    /* @__PURE__ */ jsxs("div", { className: TableToolbar_module_default.topRow, children: [
+      /* @__PURE__ */ jsxs("div", { className: TableToolbar_module_default.searchInputWrapper, children: [
+        /* @__PURE__ */ jsx("span", { className: TableToolbar_module_default.searchIcon, "aria-hidden": "true", children: /* @__PURE__ */ jsxs("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [
+          /* @__PURE__ */ jsx("circle", { cx: "7", cy: "7", r: "4.5", stroke: "#9CA3AF", strokeWidth: "1.5" }),
+          /* @__PURE__ */ jsx("path", { d: "M10.5 10.5L13.5 13.5", stroke: "#9CA3AF", strokeWidth: "1.5", strokeLinecap: "round" })
+        ] }) }),
+        /* @__PURE__ */ jsx(
+          "input",
+          {
+            className: TableToolbar_module_default.searchInput,
+            type: "text",
+            placeholder: searchPlaceholder,
+            value: searchValue,
+            onChange: handleSearchChange,
+            "aria-label": "Search"
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsxs(
+        "button",
+        {
+          className: TableToolbar_module_default.editColumnsBtn,
+          onClick: onEditColumns,
+          type: "button",
+          "data-testid": "edit-columns-btn",
+          children: [
+            /* @__PURE__ */ jsxs("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [
+              /* @__PURE__ */ jsx("rect", { x: "2", y: "3", width: "3", height: "10", rx: "1", stroke: "#374151", strokeWidth: "1.25" }),
+              /* @__PURE__ */ jsx("rect", { x: "6.5", y: "3", width: "3", height: "10", rx: "1", stroke: "#374151", strokeWidth: "1.25" }),
+              /* @__PURE__ */ jsx("rect", { x: "11", y: "3", width: "3", height: "10", rx: "1", stroke: "#374151", strokeWidth: "1.25" })
+            ] }),
+            editColumnsLabel
+          ]
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsx("div", { className: TableToolbar_module_default.filterRow, children: /* @__PURE__ */ jsx(
+      "button",
+      {
+        className: TableToolbar_module_default.addFilterBtn,
+        onClick: onAddFilter,
+        type: "button",
+        "data-testid": "add-filter-btn",
+        children: addFilterLabel
+      }
+    ) }),
+    /* @__PURE__ */ jsx("div", { className: TableToolbar_module_default.tableSlot, children })
+  ] });
+}
+var TableToolbar_default = TableToolbar;
+
+export {
+  TableToolbar,
+  TableToolbar_default
+};

package/dist/chunk-WUVS6S7N.mjs

@@ -0,0 +1,119 @@
+// src/atom/Table/LuminaPagination.tsx
+import clsx from "clsx";
+
+// src/atom/Table/LuminaPagination.module.scss
+var LuminaPagination_module_default = { "paginationBar": "LuminaPagination-module__paginationBar___RD-LQ", "rowsPerPage": "LuminaPagination-module__rowsPerPage___wziAf", "rowsLabel": "LuminaPagination-module__rowsLabel___jmJoT", "pageSizeSelectWrapper": "LuminaPagination-module__pageSizeSelectWrapper___ZvJtE", "pageSizeSelect": "LuminaPagination-module__pageSizeSelect___LH1Fq", "selectChevron": "LuminaPagination-module__selectChevron___-IHgm", "itemRange": "LuminaPagination-module__itemRange___O04k7", "pageButtons": "LuminaPagination-module__pageButtons___0S2om", "pageBtn": "LuminaPagination-module__pageBtn___zJcg-", "activePage": "LuminaPagination-module__activePage___HCrmx", "ellipsis": "LuminaPagination-module__ellipsis___AmnuL" };
+
+// src/atom/Table/LuminaPagination.tsx
+import { jsx, jsxs } from "react/jsx-runtime";
+var DEFAULT_PAGE_SIZE_OPTIONS = [10, 25, 50];
+function getPageNumbers(page, totalPages) {
+  if (totalPages <= 7) {
+    return Array.from({ length: totalPages }, (_, i) => i + 1);
+  }
+  const pages = [1];
+  if (page > 3) {
+    pages.push("ellipsis-start");
+  }
+  const start = Math.max(2, page - 1);
+  const end = Math.min(totalPages - 1, page + 1);
+  for (let i = start; i <= end; i++) {
+    pages.push(i);
+  }
+  if (page < totalPages - 2) {
+    pages.push("ellipsis-end");
+  }
+  pages.push(totalPages);
+  return pages;
+}
+function LuminaPagination({
+  total,
+  page,
+  pageSize,
+  pageSizeOptions = DEFAULT_PAGE_SIZE_OPTIONS,
+  onChange
+}) {
+  const totalPages = Math.max(1, Math.ceil(total / pageSize));
+  const startItem = (page - 1) * pageSize + 1;
+  const endItem = Math.min(page * pageSize, total);
+  const pageNumbers = getPageNumbers(page, totalPages);
+  const handlePageSizeChange = (e) => {
+    const newPageSize = Number(e.target.value);
+    onChange(1, newPageSize);
+  };
+  const handlePageClick = (p) => {
+    if (p !== page && p >= 1 && p <= totalPages) {
+      onChange(p, pageSize);
+    }
+  };
+  return /* @__PURE__ */ jsxs("div", { className: LuminaPagination_module_default.paginationBar, "data-testid": "lumina-pagination", children: [
+    /* @__PURE__ */ jsxs("div", { className: LuminaPagination_module_default.rowsPerPage, children: [
+      /* @__PURE__ */ jsx("span", { className: LuminaPagination_module_default.rowsLabel, children: "Rows per page:" }),
+      /* @__PURE__ */ jsxs("div", { className: LuminaPagination_module_default.pageSizeSelectWrapper, children: [
+        /* @__PURE__ */ jsx(
+          "select",
+          {
+            className: LuminaPagination_module_default.pageSizeSelect,
+            value: pageSize,
+            onChange: handlePageSizeChange,
+            "aria-label": "Rows per page",
+            children: pageSizeOptions.map((size) => /* @__PURE__ */ jsx("option", { value: size, children: size }, size))
+          }
+        ),
+        /* @__PURE__ */ jsx("span", { className: LuminaPagination_module_default.selectChevron, "aria-hidden": "true", children: "\u25BE" })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: LuminaPagination_module_default.itemRange, "aria-live": "polite", children: [
+      startItem,
+      "\u2013",
+      endItem,
+      " of ",
+      total,
+      " items"
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: LuminaPagination_module_default.pageButtons, role: "navigation", "aria-label": "Pagination", children: [
+      /* @__PURE__ */ jsx(
+        "button",
+        {
+          className: LuminaPagination_module_default.pageBtn,
+          onClick: () => handlePageClick(page - 1),
+          disabled: page === 1,
+          "aria-label": "Previous page",
+          children: "\u2039"
+        }
+      ),
+      pageNumbers.map((p, idx) => {
+        if (p === "ellipsis-start" || p === "ellipsis-end") {
+          return /* @__PURE__ */ jsx("span", { className: LuminaPagination_module_default.ellipsis, "aria-hidden": "true", children: "\u2026" }, `ellipsis-${idx}`);
+        }
+        return /* @__PURE__ */ jsx(
+          "button",
+          {
+            className: clsx(LuminaPagination_module_default.pageBtn, { [LuminaPagination_module_default.activePage]: p === page }),
+            onClick: () => handlePageClick(p),
+            "aria-label": `Page ${p}`,
+            "aria-current": p === page ? "page" : void 0,
+            children: p
+          },
+          p
+        );
+      }),
+      /* @__PURE__ */ jsx(
+        "button",
+        {
+          className: LuminaPagination_module_default.pageBtn,
+          onClick: () => handlePageClick(page + 1),
+          disabled: page === totalPages,
+          "aria-label": "Next page",
+          children: "\u203A"
+        }
+      )
+    ] })
+  ] });
+}
+var LuminaPagination_default = LuminaPagination;
+
+export {
+  LuminaPagination,
+  LuminaPagination_default
+};