@itilite/lumina-ui 0.0.323 → 1.0.0-alpha

package/dist/atom/Table/TableToolbar.js

@@ -0,0 +1,114 @@
+"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/TableToolbar.tsx
+var TableToolbar_exports = {};
+__export(TableToolbar_exports, {
+  TableToolbar: () => TableToolbar,
+  default: () => TableToolbar_default
+});
+module.exports = __toCommonJS(TableToolbar_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/TableToolbar.tsx
+var import_jsx_runtime = require("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__ */ (0, import_jsx_runtime.jsxs)("div", { className: (0, import_clsx.default)(Table_module_default.toolbarWrapper, className), "data-testid": "lumina-table-toolbar", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: Table_module_default.toolbarTopRow, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: Table_module_default.toolbarSearchInputWrapper, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: Table_module_default.toolbarSearchIcon, "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("circle", { cx: "7", cy: "7", r: "4.5", stroke: "#9CA3AF", strokeWidth: "1.5" }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M10.5 10.5L13.5 13.5", stroke: "#9CA3AF", strokeWidth: "1.5", strokeLinecap: "round" })
+        ] }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          "input",
+          {
+            className: Table_module_default.toolbarSearchInput,
+            type: "text",
+            placeholder: searchPlaceholder,
+            value: searchValue,
+            onChange: handleSearchChange,
+            "aria-label": "Search"
+          }
+        )
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+        "button",
+        {
+          className: Table_module_default.toolbarEditColumnsBtn,
+          onClick: onEditColumns,
+          type: "button",
+          "data-testid": "edit-columns-btn",
+          children: [
+            /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)("rect", { x: "2", y: "3", width: "3", height: "10", rx: "1", stroke: "#374151", strokeWidth: "1.25" }),
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)("rect", { x: "6.5", y: "3", width: "3", height: "10", rx: "1", stroke: "#374151", strokeWidth: "1.25" }),
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)("rect", { x: "11", y: "3", width: "3", height: "10", rx: "1", stroke: "#374151", strokeWidth: "1.25" })
+            ] }),
+            editColumnsLabel
+          ]
+        }
+      )
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: Table_module_default.toolbarFilterRow, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      "button",
+      {
+        className: Table_module_default.toolbarAddFilterBtn,
+        onClick: onAddFilter,
+        type: "button",
+        "data-testid": "add-filter-btn",
+        children: addFilterLabel
+      }
+    ) }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: Table_module_default.toolbarTableSlot, children })
+  ] });
+};
+var TableToolbar_default = TableToolbar;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  TableToolbar
+});

package/dist/atom/Table/TableToolbar.mjs

@@ -0,0 +1,10 @@
+import {
+  TableToolbar,
+  TableToolbar_default
+} from "../../chunk-F6VMSH4N.mjs";
+import "../../chunk-ZYPWQ53U.mjs";
+import "../../chunk-HWQBE6PT.mjs";
+export {
+  TableToolbar,
+  TableToolbar_default as default
+};

package/dist/atom/Table/__tests__/Table.test.d.mts

@@ -0,0 +1,2 @@
+
+export {  }

package/dist/atom/Table/__tests__/Table.test.d.ts

@@ -0,0 +1,2 @@
+
+export {  }