@itilite/lumina-ui 0.0.323 → 1.0.0-alpha

package/dist/atom/Table/Table.js

@@ -0,0 +1,306 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/atom/Table/Table.tsx
+var Table_exports = {};
+__export(Table_exports, {
+  Table: () => Table,
+  default: () => Table_default
+});
+module.exports = __toCommonJS(Table_exports);
+var React = __toESM(require("react"));
+var import_antd = require("antd");
+var import_clsx = __toESM(require("clsx"));
+
+// src/atom/Table/Table.module.scss
+var Table_module_default = { "tableWrapper": "Table-module__tableWrapper___3cqiD", "isAccordion": "Table-module__isAccordion___-uIs6", "isToolbar": "Table-module__isToolbar___LdS-m", "table": "Table-module__table___5d7g0", "firstRow": "Table-module__firstRow___Xq-Hi", "lastRow": "Table-module__lastRow___ahv4g", "showHoverEffect": "Table-module__showHoverEffect___IyKyO", "columnHeader": "Table-module__columnHeader___Unr6d", "columnHeaderLeft": "Table-module__columnHeaderLeft___mp7pK", "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
+var import_jsx_runtime = require("react/jsx-runtime");
+function buildPagination(pagination, overrides = {}) {
+  var _a, _b, _c, _d;
+  if (pagination === false) {
+    return false;
+  }
+  const defaults = {
+    showSizeChanger: true,
+    pageSizeOptions: ["10", "25", "50"],
+    locale: { items_per_page: "" },
+    // Removes "/ page" text
+    showTotal: (total, range) => `${range[0]}\u2013${range[1]} of ${total} items`
+  };
+  const baseConfig = pagination === true || pagination === void 0 ? defaults : __spreadValues(__spreadValues({}, defaults), pagination);
+  return __spreadProps(__spreadValues({}, baseConfig), {
+    total: (_a = overrides.total) != null ? _a : baseConfig.total,
+    current: (_b = overrides.current) != null ? _b : baseConfig.current,
+    pageSize: (_c = overrides.pageSize) != null ? _c : baseConfig.pageSize,
+    onChange: (_d = overrides.onChange) != null ? _d : baseConfig.onChange
+  });
+}
+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,
+  className = ""
+}) {
+  const [filterOpen, setFilterOpen] = React.useState(false);
+  const wrapperRef = React.useRef(null);
+  const filterActive = filterCount > 0;
+  const hasFilter = filterContent !== void 0 && filterIcon !== void 0;
+  const hasSort = sortable && sortIcon !== 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__ */ (0, import_jsx_runtime.jsxs)("div", { className: Table_module_default.columnHeader, ref: wrapperRef, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: Table_module_default.columnHeaderLeft, children: hasSort ? /* @__PURE__ */ (0, import_jsx_runtime.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__ */ (0, import_jsx_runtime.jsx)("span", { className: (0, import_clsx.default)(Table_module_default.columnHeaderLabel, "tw-typography-caption2Bold tw-text-color-text-weak", className), children: label }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            "span",
+            {
+              className: (0, import_clsx.default)(Table_module_default.columnHeaderSortIcon, {
+                [Table_module_default.columnHeaderSortIconActive]: sortOrder !== void 0
+              }),
+              children: sortIcon
+            }
+          )
+        ]
+      }
+    ) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: (0, import_clsx.default)(Table_module_default.columnHeaderLabel, "tw-typography-caption2Bold tw-text-color-text-weak", className), children: label }) }),
+    hasFilter && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: Table_module_default.columnHeaderFilterWrapper, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+        "button",
+        {
+          type: "button",
+          className: (0, import_clsx.default)(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,
+            filterActive && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: Table_module_default.columnHeaderFilterBadge, children: filterCount })
+          ]
+        }
+      ),
+      filterOpen && /* @__PURE__ */ (0, import_jsx_runtime.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__ */ (0, import_jsx_runtime.jsx)(ColumnHeader, __spreadValues({ label: title }, headerProps))
+    });
+  });
+}
+function Table(props) {
+  const _a = props, {
+    size = "middle",
+    variant = "default",
+    isAccordion = false,
+    isToolbar = false,
+    className = "",
+    pagination,
+    loading,
+    total,
+    current,
+    pageSize,
+    onPaginationChange,
+    columns,
+    rowSelection,
+    rowKey = "key",
+    onRow,
+    dataSource,
+    emptyState,
+    hideHeader,
+    loadingIndicator,
+    style
+  } = _a, rest = __objRest(_a, [
+    "size",
+    "variant",
+    "isAccordion",
+    "isToolbar",
+    "className",
+    "pagination",
+    "loading",
+    "total",
+    "current",
+    "pageSize",
+    "onPaginationChange",
+    "columns",
+    "rowSelection",
+    "rowKey",
+    "onRow",
+    "dataSource",
+    "emptyState",
+    "hideHeader",
+    "loadingIndicator",
+    "style"
+  ]);
+  const isChildVariant = isAccordion || isToolbar;
+  const resolvedPagination = buildPagination(pagination, {
+    total,
+    current,
+    pageSize,
+    onChange: onPaginationChange
+  });
+  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 current2 = (_b = rowSelection.selectedRowKeys) != null ? _b : [];
+          const isSelected = current2.some((k) => k === key);
+          const newKeys = isSelected ? current2.filter((k) => k !== key) : [...current2, 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__ */ (0, import_jsx_runtime.jsx)(
+    "div",
+    {
+      className: (0, import_clsx.default)(
+        Table_module_default.tableWrapper,
+        Table_module_default.showHoverEffect,
+        { [Table_module_default.isAccordion]: isAccordion },
+        { [Table_module_default.isToolbar]: isToolbar },
+        className
+      ),
+      style,
+      "data-testid": "lumina-table",
+      children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        import_antd.Table,
+        __spreadProps(__spreadValues({
+          className: Table_module_default.table,
+          size,
+          pagination: resolvedPagination,
+          columns: processedColumns,
+          rowSelection,
+          rowKey,
+          onRow: resolvedOnRow,
+          dataSource,
+          showHeader: !hideHeader,
+          locale: {
+            emptyText: loading && loadingIndicator ? loadingIndicator : loading ? " " : emptyState
+          }
+        }, rest), {
+          loading: loadingIndicator ? false : loading,
+          rowClassName: (_, index) => {
+            var _a2;
+            return (0, import_clsx.default)({
+              [Table_module_default.firstRow]: index === 0,
+              [Table_module_default.lastRow]: index === ((_a2 = dataSource == null ? void 0 : dataSource.length) != null ? _a2 : 0) - 1
+            });
+          }
+        })
+      )
+    }
+  );
+}
+Table.displayName = "Table";
+var Table_default = Table;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Table
+});

package/dist/atom/Table/Table.mjs

@@ -0,0 +1,9 @@
+import {
+  Table,
+  Table_default
+} from "../../chunk-PQ3B2FEB.mjs";
+import "../../chunk-FWCSY2DS.mjs";
+export {
+  Table,
+  Table_default as default
+};

package/dist/atom/Table/TableAccordion.d.mts

@@ -0,0 +1,9 @@
+import * as React from 'react';
+import { T as TableAccordionProps } from '../../types-CA0Wby2L.mjs';
+import 'antd';
+
+declare const TableAccordion: React.FC<TableAccordionProps & {
+    children: React.ReactNode;
+}>;
+
+export { TableAccordion, TableAccordion as default };

package/dist/atom/Table/TableAccordion.d.ts

@@ -0,0 +1,9 @@
+import * as React from 'react';
+import { T as TableAccordionProps } from '../../types-CA0Wby2L.js';
+import 'antd';
+
+declare const TableAccordion: React.FC<TableAccordionProps & {
+    children: React.ReactNode;
+}>;
+
+export { TableAccordion, TableAccordion as default };

package/dist/atom/Table/TableAccordion.js

@@ -0,0 +1,91 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/atom/Table/TableAccordion.tsx
+var TableAccordion_exports = {};
+__export(TableAccordion_exports, {
+  TableAccordion: () => TableAccordion,
+  default: () => TableAccordion_default
+});
+module.exports = __toCommonJS(TableAccordion_exports);
+var React = __toESM(require("react"));
+var import_clsx = __toESM(require("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", "accordionWrapper": "Table-module__accordionWrapper___z-G2o", "accordionHeader": "Table-module__accordionHeader___4U0V1", "accordionHeaderText": "Table-module__accordionHeaderText___EkVJ6", "accordionTitle": "Table-module__accordionTitle___slxlB", "accordionSubtitle": "Table-module__accordionSubtitle___3SHXt", "accordionChevron": "Table-module__accordionChevron___VuP4t", "accordionChevronOpen": "Table-module__accordionChevronOpen___-IBPL", "accordionContent": "Table-module__accordionContent___yRE5i", "accordionContentOpen": "Table-module__accordionContentOpen___IYOrw", "toolbarWrapper": "Table-module__toolbarWrapper___5Lydt", "toolbarTopRow": "Table-module__toolbarTopRow___-uHIo", "toolbarSearchInputWrapper": "Table-module__toolbarSearchInputWrapper___fhdis", "toolbarSearchIcon": "Table-module__toolbarSearchIcon___gQO6D", "toolbarSearchInput": "Table-module__toolbarSearchInput___9IqZ4", "toolbarEditColumnsBtn": "Table-module__toolbarEditColumnsBtn___MQlCZ", "toolbarFilterRow": "Table-module__toolbarFilterRow___Ewi4o", "toolbarAddFilterBtn": "Table-module__toolbarAddFilterBtn___QKMiQ", "toolbarTableSlot": "Table-module__toolbarTableSlot___DMBBH" };
+
+// src/atom/Table/TableAccordion.tsx
+var import_jsx_runtime = require("react/jsx-runtime");
+var TableAccordion = ({
+  title,
+  subtitle,
+  defaultOpen = true,
+  className,
+  children
+}) => {
+  const [open, setOpen] = React.useState(defaultOpen);
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: (0, import_clsx.default)(Table_module_default.accordionWrapper, className), "data-testid": "lumina-table-accordion", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+      "button",
+      {
+        className: Table_module_default.accordionHeader,
+        onClick: () => setOpen((prev) => !prev),
+        "aria-expanded": open,
+        type: "button",
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: Table_module_default.accordionHeaderText, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: Table_module_default.accordionTitle, children: title }),
+            subtitle && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: Table_module_default.accordionSubtitle, children: subtitle })
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            "span",
+            {
+              className: (0, import_clsx.default)(Table_module_default.accordionChevron, { [Table_module_default.accordionChevronOpen]: open }),
+              "aria-hidden": "true",
+              children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("svg", { width: "18", height: "18", viewBox: "0 0 18 18", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M4.5 6.75L9 11.25L13.5 6.75", stroke: "#6B7280", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }) })
+            }
+          )
+        ]
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      "div",
+      {
+        className: (0, import_clsx.default)(Table_module_default.accordionContent, { [Table_module_default.accordionContentOpen]: open }),
+        "aria-hidden": !open,
+        children
+      }
+    )
+  ] });
+};
+var TableAccordion_default = TableAccordion;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  TableAccordion
+});

package/dist/atom/Table/TableAccordion.mjs

@@ -0,0 +1,10 @@
+import {
+  TableAccordion,
+  TableAccordion_default
+} from "../../chunk-M2ZM3X5Y.mjs";
+import "../../chunk-ZYPWQ53U.mjs";
+import "../../chunk-HWQBE6PT.mjs";
+export {
+  TableAccordion,
+  TableAccordion_default as default
+};

package/dist/atom/Table/TableColumnHeader.d.mts

@@ -0,0 +1,7 @@
+import * as React from 'react';
+import { T as TableColumnHeaderProps } from '../../types-D4fdeMWQ.mjs';
+import 'antd';
+
+declare const TableColumnHeader: React.FC<TableColumnHeaderProps>;
+
+export { TableColumnHeader, TableColumnHeader as default };

package/dist/atom/Table/TableColumnHeader.d.ts

@@ -0,0 +1,7 @@
+import * as React from 'react';
+import { T as TableColumnHeaderProps } from '../../types-D4fdeMWQ.js';
+import 'antd';
+
+declare const TableColumnHeader: React.FC<TableColumnHeaderProps>;
+
+export { TableColumnHeader, TableColumnHeader as default };

package/dist/atom/Table/TableColumnHeader.js

@@ -0,0 +1,151 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/atom/Table/TableColumnHeader.tsx
+var TableColumnHeader_exports = {};
+__export(TableColumnHeader_exports, {
+  TableColumnHeader: () => TableColumnHeader,
+  default: () => TableColumnHeader_default
+});
+module.exports = __toCommonJS(TableColumnHeader_exports);
+var React = __toESM(require("react"));
+var import_clsx = __toESM(require("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/TableColumnHeader.tsx
+var import_jsx_runtime = require("react/jsx-runtime");
+function nextOrder(current) {
+  if (current === void 0) return "ascend";
+  if (current === "ascend") return "descend";
+  return void 0;
+}
+function SortBothIcon() {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("svg", { width: "12", height: "12", viewBox: "0 0 12 12", fill: "none", "aria-hidden": "true", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M3.5 7.5L6 10L8.5 7.5", stroke: "currentColor", strokeWidth: "1.3", strokeLinecap: "round", strokeLinejoin: "round" }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M3.5 4.5L6 2L8.5 4.5", stroke: "currentColor", strokeWidth: "1.3", strokeLinecap: "round", strokeLinejoin: "round" })
+  ] });
+}
+function SortAscIcon() {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("svg", { width: "12", height: "12", viewBox: "0 0 12 12", fill: "none", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M3.5 7.5L6 2L8.5 7.5", stroke: "currentColor", strokeWidth: "1.3", strokeLinecap: "round", strokeLinejoin: "round" }) });
+}
+function SortDescIcon() {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("svg", { width: "12", height: "12", viewBox: "0 0 12 12", fill: "none", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M3.5 4.5L6 10L8.5 4.5", stroke: "currentColor", strokeWidth: "1.3", strokeLinecap: "round", strokeLinejoin: "round" }) });
+}
+function FilterIcon() {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("svg", { width: "13", height: "11", viewBox: "0 0 13 11", fill: "none", "aria-hidden": "true", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M1 1H12", stroke: "currentColor", strokeWidth: "1.3", strokeLinecap: "round" }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M2.5 4.5H10.5", stroke: "currentColor", strokeWidth: "1.3", strokeLinecap: "round" }),
+    /* @__PURE__ */ (0, import_jsx_runtime.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__ */ (0, import_jsx_runtime.jsxs)("div", { className: Table_module_default.columnHeader, ref: wrapperRef, children: [
+    sortable ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+      "button",
+      {
+        type: "button",
+        className: Table_module_default.columnHeaderSortArea,
+        onClick: () => onSortChange == null ? void 0 : onSortChange(nextOrder(sortOrder)),
+        "aria-label": `Sort by ${label}`,
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: Table_module_default.columnHeaderLabel, children: label }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+            "span",
+            {
+              className: (0, import_clsx.default)(Table_module_default.columnHeaderSortIcon, {
+                [Table_module_default.columnHeaderSortIconActive]: sortOrder !== void 0
+              }),
+              children: [
+                sortOrder === "ascend" && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SortAscIcon, {}),
+                sortOrder === "descend" && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SortDescIcon, {}),
+                sortOrder === void 0 && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SortBothIcon, {})
+              ]
+            }
+          )
+        ]
+      }
+    ) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: Table_module_default.columnHeaderLabel, children: label }),
+    hasFilter && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: Table_module_default.columnHeaderFilterWrapper, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+        "button",
+        {
+          type: "button",
+          className: (0, import_clsx.default)(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__ */ (0, import_jsx_runtime.jsx)(FilterIcon, {}),
+            filterActive && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: Table_module_default.columnHeaderFilterBadge, children: filterCount })
+          ]
+        }
+      ),
+      filterOpen && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        "div",
+        {
+          className: Table_module_default.columnHeaderFilterDropdown,
+          role: "dialog",
+          "aria-label": `${label} filter options`,
+          children
+        }
+      )
+    ] })
+  ] });
+};
+var TableColumnHeader_default = TableColumnHeader;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  TableColumnHeader
+});

package/dist/atom/Table/TableColumnHeader.mjs

@@ -0,0 +1,10 @@
+import {
+  TableColumnHeader,
+  TableColumnHeader_default
+} from "../../chunk-LROMXY35.mjs";
+import "../../chunk-VY3QH43W.mjs";
+import "../../chunk-HWQBE6PT.mjs";
+export {
+  TableColumnHeader,
+  TableColumnHeader_default as default
+};

package/dist/atom/Table/TableToolbar.d.mts

@@ -0,0 +1,9 @@
+import * as React from 'react';
+import { a as TableToolbarProps } from '../../types-CA0Wby2L.mjs';
+import 'antd';
+
+declare const TableToolbar: React.FC<TableToolbarProps & {
+    children: React.ReactNode;
+}>;
+
+export { TableToolbar, TableToolbar as default };

package/dist/atom/Table/TableToolbar.d.ts

@@ -0,0 +1,9 @@
+import * as React from 'react';
+import { a as TableToolbarProps } from '../../types-CA0Wby2L.js';
+import 'antd';
+
+declare const TableToolbar: React.FC<TableToolbarProps & {
+    children: React.ReactNode;
+}>;
+
+export { TableToolbar, TableToolbar as default };