@itilite/lumina-ui 1.0.0-alpha → 1.0.1-alpha

package/dist/chunk-ENQN5BAN.mjs

@@ -1,225 +0,0 @@
-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", "showHoverEffect": "Table-module__showHoverEffect___IyKyO", "table": "Table-module__table___5d7g0", "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 { Fragment, jsx, jsxs } 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 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" })
-  ] });
-}
-function nextSortOrder(current) {
-  if (current === void 0) return "ascend";
-  if (current === "ascend") return "descend";
-  return void 0;
-}
-function ColumnHeader({
-  label,
-  sortable = false,
-  sortOrder,
-  onSortChange,
-  sortIcon,
-  filterCount = 0,
-  filterIcon,
-  filterContent
-}) {
-  const [filterOpen, setFilterOpen] = React.useState(false);
-  const wrapperRef = React.useRef(null);
-  const filterActive = filterCount > 0;
-  const hasFilter = filterContent !== void 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(nextSortOrder(sortOrder)),
-        "aria-label": typeof label === "string" ? `Sort by ${label}` : "Sort",
-        children: [
-          /* @__PURE__ */ jsx("span", { className: Table_module_default.columnHeaderLabel, children: label }),
-          /* @__PURE__ */ jsx(
-            "span",
-            {
-              className: clsx(Table_module_default.columnHeaderSortIcon, {
-                [Table_module_default.columnHeaderSortIconActive]: sortOrder !== void 0
-              }),
-              children: sortIcon != null ? sortIcon : /* @__PURE__ */ jsxs(Fragment, { 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": typeof label === "string" ? `Filter ${label}` : "Filter",
-          "aria-expanded": filterOpen,
-          "aria-haspopup": "dialog",
-          children: [
-            filterIcon != null ? filterIcon : /* @__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", children: filterContent })
-    ] })
-  ] });
-}
-function processColumns(columns) {
-  if (!columns) return void 0;
-  return columns.map((col) => {
-    const _a = col, { headerProps, title } = _a, rest = __objRest(_a, ["headerProps", "title"]);
-    if (!headerProps) return __spreadValues({ title }, rest);
-    return __spreadProps(__spreadValues({}, rest), {
-      title: /* @__PURE__ */ jsx(ColumnHeader, __spreadValues({ label: title }, headerProps))
-    });
-  });
-}
-function Table(props) {
-  const _a = props, {
-    size = "middle",
-    variant = "default",
-    className = "",
-    analytics: _analytics,
-    pagination,
-    columns,
-    rowSelection,
-    rowKey = "key",
-    onRow,
-    dataSource
-  } = _a, rest = __objRest(_a, [
-    "size",
-    "variant",
-    "className",
-    "analytics",
-    "pagination",
-    "columns",
-    "rowSelection",
-    "rowKey",
-    "onRow",
-    "dataSource"
-  ]);
-  const isChildVariant = variant === "accordion-child" || variant === "toolbar-child";
-  const resolvedPagination = buildPagination(pagination);
-  const processedColumns = React.useMemo(
-    () => processColumns(columns),
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-    [columns]
-  );
-  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.some((k) => k === key);
-          const newKeys = isSelected ? current.filter((k) => k !== key) : [...current, key];
-          const newRows = (dataSource != null ? dataSource : []).filter(
-            (r) => newKeys.some((k) => k === 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,
-          columns: processedColumns,
-          rowSelection,
-          rowKey,
-          onRow: resolvedOnRow,
-          dataSource
-        }, rest)
-      )
-    }
-  );
-}
-Table.displayName = "Table";
-var Table_default = Table;
-
-export {
-  Table,
-  Table_default
-};

package/dist/chunk-F6VMSH4N.mjs

@@ -1,79 +0,0 @@
-import {
-  Table_module_default
-} from "./chunk-ZYPWQ53U.mjs";
-
-// src/atom/Table/TableToolbar.tsx
-import * as React from "react";
-import clsx from "clsx";
-import { jsx, jsxs } from "react/jsx-runtime";
-var 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(Table_module_default.toolbarWrapper, className), "data-testid": "lumina-table-toolbar", children: [
-    /* @__PURE__ */ jsxs("div", { className: Table_module_default.toolbarTopRow, children: [
-      /* @__PURE__ */ jsxs("div", { className: Table_module_default.toolbarSearchInputWrapper, children: [
-        /* @__PURE__ */ jsx("span", { className: Table_module_default.toolbarSearchIcon, "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: Table_module_default.toolbarSearchInput,
-            type: "text",
-            placeholder: searchPlaceholder,
-            value: searchValue,
-            onChange: handleSearchChange,
-            "aria-label": "Search"
-          }
-        )
-      ] }),
-      /* @__PURE__ */ jsxs(
-        "button",
-        {
-          className: Table_module_default.toolbarEditColumnsBtn,
-          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: Table_module_default.toolbarFilterRow, children: /* @__PURE__ */ jsx(
-      "button",
-      {
-        className: Table_module_default.toolbarAddFilterBtn,
-        onClick: onAddFilter,
-        type: "button",
-        "data-testid": "add-filter-btn",
-        children: addFilterLabel
-      }
-    ) }),
-    /* @__PURE__ */ jsx("div", { className: Table_module_default.toolbarTableSlot, children })
-  ] });
-};
-var TableToolbar_default = TableToolbar;
-
-export {
-  TableToolbar,
-  TableToolbar_default
-};