@oneplatformdev/ui 0.0.1-beta.32 → 0.0.1-beta.33

package/DataTable/DataTable.mjs

@@ -1,64 +1,45 @@
-import { jsxs as r, jsx as l } from "react/jsx-runtime";
-import { flexRender as d } from "@tanstack/react-table";
-import { ChevronDown as u } from "lucide-react";
-import { Button as p } from "../Button/Button.mjs";
-import "../Button/buttonVariants.mjs";
-import { DropdownMenu as g, DropdownMenuTrigger as b, DropdownMenuContent as C, DropdownMenuCheckboxItem as f } from "../DropdownMenu/DropdownMenu.mjs";
-import { Table as w, TableHeader as x, TableRow as o, TableHead as T, TableBody as D, TableCell as a } from "../Table/Table.mjs";
-const B = (s) => {
-  var i;
+import { jsxs as a, jsx as e } from "react/jsx-runtime";
+import { flexRender as i } from "@tanstack/react-table";
+import { Table as h, TableHeader as u, TableRow as n, TableHead as b, TableBody as g, TableCell as c } from "../Table/Table.mjs";
+import { DataTableColumnFilter as f } from "./DataTableColumnFilter.mjs";
+const N = (d) => {
+  var o;
   const {
-    table: t,
-    ToolBar: c,
-    columnsLabel: m = "Columns",
-    noResultLabel: h = "No results"
-  } = s;
-  return /* @__PURE__ */ r("div", { className: "w-full", children: [
-    /* @__PURE__ */ r("div", { className: "flex items-center py-4", children: [
-      c,
-      /* @__PURE__ */ r(g, { children: [
-        /* @__PURE__ */ l(b, { asChild: !0, children: /* @__PURE__ */ r(p, { variant: "outline", className: "ml-auto", children: [
-          m,
-          /* @__PURE__ */ l(u, { className: "ml-2 h-4 w-4" })
-        ] }) }),
-        /* @__PURE__ */ l(C, { align: "end", children: t.getAllColumns().filter((e) => e.getCanHide()).map((e) => /* @__PURE__ */ l(
-          f,
-          {
-            className: "capitalize",
-            checked: e.getIsVisible(),
-            onCheckedChange: (n) => e.toggleVisibility(!!n),
-            children: e.id
-          },
-          e.id
-        )) })
-      ] })
+    table: r,
+    ToolBar: s,
+    noResultLabel: m = "No results"
+  } = d;
+  return /* @__PURE__ */ a("div", { className: "w-full", children: [
+    /* @__PURE__ */ a("div", { className: "flex items-center py-4", children: [
+      s,
+      /* @__PURE__ */ e(f, { ...d })
     ] }),
-    /* @__PURE__ */ l("div", { className: "rounded-md border", children: /* @__PURE__ */ r(w, { children: [
-      /* @__PURE__ */ l(x, { children: t.getHeaderGroups().map((e) => /* @__PURE__ */ l(o, { children: e.headers.map((n) => /* @__PURE__ */ l(T, { children: n.isPlaceholder ? null : d(
-        n.column.columnDef.header,
-        n.getContext()
-      ) }, n.id)) }, e.id)) }),
-      /* @__PURE__ */ l(D, { children: (i = t.getRowModel().rows) != null && i.length ? t.getRowModel().rows.map((e) => /* @__PURE__ */ l(
-        o,
+    /* @__PURE__ */ e("div", { className: "rounded-md border", children: /* @__PURE__ */ a(h, { children: [
+      /* @__PURE__ */ e(u, { children: r.getHeaderGroups().map((t) => /* @__PURE__ */ e(n, { children: t.headers.map((l) => /* @__PURE__ */ e(b, { children: l.isPlaceholder ? null : i(
+        l.column.columnDef.header,
+        l.getContext()
+      ) }, l.id)) }, t.id)) }),
+      /* @__PURE__ */ e(g, { children: (o = r.getRowModel().rows) != null && o.length ? r.getRowModel().rows.map((t) => /* @__PURE__ */ e(
+        n,
         {
-          "data-state": e.getIsSelected() && "selected",
-          children: e.getVisibleCells().map((n) => /* @__PURE__ */ l(a, { children: d(
-            n.column.columnDef.cell,
-            n.getContext()
-          ) }, n.id))
+          "data-state": t.getIsSelected() && "selected",
+          children: t.getVisibleCells().map((l) => /* @__PURE__ */ e(c, { children: i(
+            l.column.columnDef.cell,
+            l.getContext()
+          ) }, l.id))
         },
-        e.id
-      )) : /* @__PURE__ */ l(o, { children: /* @__PURE__ */ l(
-        a,
+        t.id
+      )) : /* @__PURE__ */ e(n, { children: /* @__PURE__ */ e(
+        c,
         {
-          colSpan: t.getAllColumns().length,
+          colSpan: r.getAllColumns().length,
           className: "h-24 text-center",
-          children: h
+          children: m
         }
       ) }) })
     ] }) })
   ] });
 };
 export {
-  B as DataTable
+  N as DataTable
 };

package/DataTable/DataTableColumnFilter.d.ts

@@ -0,0 +1,4 @@
+import { DataTableProps } from './DataTable.types';
+import { FC } from 'react';
+
+export declare const DataTableColumnFilter: FC<DataTableProps>;

package/DataTable/DataTableColumnFilter.mjs

@@ -0,0 +1,31 @@
+import { jsx as n, jsxs as t } from "react/jsx-runtime";
+import { ChevronDown as m } from "lucide-react";
+import { useMemo as s } from "react";
+import { Button as d } from "../Button/Button.mjs";
+import "../Button/buttonVariants.mjs";
+import { DropdownMenuCheckboxItem as c, DropdownMenu as u, DropdownMenuTrigger as h, DropdownMenuContent as p } from "../DropdownMenu/DropdownMenu.mjs";
+const x = (i) => {
+  const {
+    table: r,
+    columnsLabel: l = "Columns"
+  } = i, o = s(() => r.getAllColumns().filter((e) => e.getCanHide()).map((e) => /* @__PURE__ */ n(
+    c,
+    {
+      className: "capitalize",
+      checked: e.getIsVisible(),
+      onCheckedChange: (a) => e.toggleVisibility(!!a),
+      children: e.id
+    },
+    e.id
+  )), [r]);
+  return o.length ? /* @__PURE__ */ t(u, { children: [
+    /* @__PURE__ */ n(h, { asChild: !0, children: /* @__PURE__ */ t(d, { variant: "outline", className: "ml-auto", children: [
+      l,
+      /* @__PURE__ */ n(m, { className: "ml-2 h-4 w-4" })
+    ] }) }),
+    /* @__PURE__ */ n(p, { align: "end", children: o })
+  ] }) : null;
+};
+export {
+  x as DataTableColumnFilter
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@oneplatformdev/ui",
-  "version": "0.0.1-beta.32",
+  "version": "0.0.1-beta.33",
   "description": "UI React Components.",
   "author": "One Platform Development Team",
   "keywords": [