@sikka/hawa 0.26.30 → 0.26.32

package/dist/dataTable/index.mjs

@@ -1,7 +1,3 @@
-import {
-  cn
-} from "../chunk-CBRGWUZG.mjs";
-
 // elements/dataTable/DataTable.tsx
 import * as React9 from "react";
 import {
@@ -14,6 +10,13 @@ import {
   useReactTable
 } from "@tanstack/react-table";
 
+// util/index.ts
+import { clsx } from "clsx";
+import { twMerge } from "tailwind-merge";
+function cn(...inputs) {
+  return twMerge(clsx(inputs));
+}
+
 // elements/button/Button.tsx
 import * as React2 from "react";
 import { cva } from "class-variance-authority";
@@ -735,6 +738,7 @@ var Input = forwardRef4(
     countPosition = "bottom",
     ...props
   }, ref) => {
+    var _a;
     let marginStyles = {
       none: "hawa-mb-0",
       normal: "hawa-mb-3",
@@ -773,7 +777,7 @@ var Input = forwardRef4(
         {
           className: cn(
             "hawa-absolute hawa-end-3 hawa-top-1/2 hawa--translate-y-1/2",
-            props.endIconProps?.className
+            (_a = props.endIconProps) == null ? void 0 : _a.className
           )
         },
         props.endIcon
@@ -800,7 +804,7 @@ var Input = forwardRef4(
               "hawa-pe-[60px]": countPosition === "center"
             },
             preview && "hawa-border-transparent hawa-bg-transparent hawa-px-0",
-            inputProps?.className
+            inputProps == null ? void 0 : inputProps.className
           )
         }
       )), !forceHideHelperText && /* @__PURE__ */ React7.createElement(
@@ -962,6 +966,7 @@ var DataTable = ({
   enableGoTo,
   ...props
 }) => {
+  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k;
   const [sorting, setSorting] = React9.useState(
     props.defaultSort ? [{ id: props.defaultSort, desc: false }] : []
   );
@@ -973,7 +978,10 @@ var DataTable = ({
   const [columnVisibility, setColumnVisibility] = React9.useState({});
   const [rowSelection, setRowSelection] = React9.useState({});
   const visibleColumns = columns.filter(
-    (column) => column.meta?.hidden !== true
+    (column) => {
+      var _a2;
+      return ((_a2 = column.meta) == null ? void 0 : _a2.hidden) !== true;
+    }
   );
   const table = useReactTable({
     data,
@@ -998,8 +1006,8 @@ var DataTable = ({
       expanded
     }
   });
-  const pageText = props.texts?.page || "page";
-  const itemsPerPageOptions = props.itemsPerPage?.map((item) => ({
+  const pageText = ((_a = props.texts) == null ? void 0 : _a.page) || "page";
+  const itemsPerPageOptions = (_b = props.itemsPerPage) == null ? void 0 : _b.map((item) => ({
     label: `${item} / ${pageText}`,
     value: item
   }));
@@ -1007,8 +1015,8 @@ var DataTable = ({
     Input,
     {
       forceHideHelperText: true,
-      placeholder: props.texts?.searchPlaceholder,
-      value: globalFilter ?? "",
+      placeholder: (_c = props.texts) == null ? void 0 : _c.searchPlaceholder,
+      value: globalFilter != null ? globalFilter : "",
       onChange: (event) => setGlobalFilter(event.target.value),
       margin: "none",
       className: "hawa-w-full md:hawa-max-w-sm"
@@ -1019,7 +1027,7 @@ var DataTable = ({
       variant: "outline",
       className: "hawa-flex hawa-flex-row hawa-gap-2"
     },
-    props.texts?.columns || "Columns",
+    ((_d = props.texts) == null ? void 0 : _d.columns) || "Columns",
     /* @__PURE__ */ React9.createElement(
       "svg",
       {
@@ -1062,7 +1070,8 @@ var DataTable = ({
       )
     },
     /* @__PURE__ */ React9.createElement("div", { className: "hawa-rounded-md" }, /* @__PURE__ */ React9.createElement(Table, null, table.getAllColumns().length > 0 && /* @__PURE__ */ React9.createElement(TableHeader, null, table.getHeaderGroups().map((headerGroup) => /* @__PURE__ */ React9.createElement(TableRow, { key: headerGroup.id }, headerGroup.headers.map((header) => {
-      let isSortable = header.column.columnDef.meta?.sortable;
+      var _a2;
+      let isSortable = (_a2 = header.column.columnDef.meta) == null ? void 0 : _a2.sortable;
       return /* @__PURE__ */ React9.createElement(
         TableHead,
         {
@@ -1076,31 +1085,34 @@ var DataTable = ({
           header.getContext()
         )
       );
-    })))), /* @__PURE__ */ React9.createElement(TableBody, null, table.getRowModel().rows?.length ? table.getRowModel().rows.map((row) => /* @__PURE__ */ React9.createElement(
+    })))), /* @__PURE__ */ React9.createElement(TableBody, null, ((_e = table.getRowModel().rows) == null ? void 0 : _e.length) ? table.getRowModel().rows.map((row) => /* @__PURE__ */ React9.createElement(
       TableRow,
       {
         key: row.id,
         "data-state": row.getIsSelected() && "selected"
       },
-      row.getVisibleCells().map((cell) => /* @__PURE__ */ React9.createElement(
-        TableCell,
-        {
-          dir: props.direction,
-          padding: props.condensed ? "condensed" : cell.column.columnDef.meta?.padding,
-          key: cell.id
-        },
-        flexRender(
-          cell.column.columnDef.cell,
-          cell.getContext()
-        )
-      ))
+      row.getVisibleCells().map((cell) => {
+        var _a2;
+        return /* @__PURE__ */ React9.createElement(
+          TableCell,
+          {
+            dir: props.direction,
+            padding: props.condensed ? "condensed" : (_a2 = cell.column.columnDef.meta) == null ? void 0 : _a2.padding,
+            key: cell.id
+          },
+          flexRender(
+            cell.column.columnDef.cell,
+            cell.getContext()
+          )
+        );
+      })
     )) : /* @__PURE__ */ React9.createElement(TableRow, null, /* @__PURE__ */ React9.createElement(
       TableCell,
       {
         colSpan: columns.length,
         className: "hawa-h-24 hawa-text-center"
       },
-      props.texts?.noData
+      (_f = props.texts) == null ? void 0 : _f.noData
     ))))),
     /* @__PURE__ */ React9.createElement("div", { className: "hawa-flex hawa-items-center hawa-justify-between" }, !props.showCount && /* @__PURE__ */ React9.createElement("div", { className: "hawa-flex hawa-w-fit hawa-flex-row hawa-items-center hawa-gap-2 hawa-text-sm hawa-text-muted-foreground" }), props.showCount && /* @__PURE__ */ React9.createElement(
       "div",
@@ -1108,10 +1120,10 @@ var DataTable = ({
         className: "text-muted-foreground text-sm",
         dir: props.direction
       },
-      /* @__PURE__ */ React9.createElement("span", null, props.texts?.total),
+      /* @__PURE__ */ React9.createElement("span", null, (_g = props.texts) == null ? void 0 : _g.total),
       " ",
       /* @__PURE__ */ React9.createElement("span", null, table.getFilteredRowModel().rows.length.toLocaleString())
-    ), /* @__PURE__ */ React9.createElement("div", { className: "hawa-flex hawa-w-fit hawa-flex-row hawa-items-center hawa-gap-2 " }, enableGoTo && /* @__PURE__ */ React9.createElement("div", { className: "hawa-flex hawa-flex-row hawa-items-center hawa-justify-center hawa-gap-2" }, /* @__PURE__ */ React9.createElement("span", { className: "hawa-text-sm" }, props.texts?.goTo), /* @__PURE__ */ React9.createElement(
+    ), /* @__PURE__ */ React9.createElement("div", { className: "hawa-flex hawa-w-fit hawa-flex-row hawa-items-center hawa-gap-2 " }, enableGoTo && /* @__PURE__ */ React9.createElement("div", { className: "hawa-flex hawa-flex-row hawa-items-center hawa-justify-center hawa-gap-2" }, /* @__PURE__ */ React9.createElement("span", { className: "hawa-text-sm" }, (_h = props.texts) == null ? void 0 : _h.goTo), /* @__PURE__ */ React9.createElement(
       "input",
       {
         max: table.getPageCount(),
@@ -1148,11 +1160,11 @@ var DataTable = ({
             size: "icon",
             className: "hawa-h-fit hawa-w-fit hawa-p-0 hawa-px-2 hawa-py-1 "
           },
-          `${table.getState().pagination.pageSize} / ${props.texts?.page}`
+          `${table.getState().pagination.pageSize} / ${(_i = props.texts) == null ? void 0 : _i.page}`
         ),
         onItemSelect: (e) => table.setPageSize(Number(e))
       }
-    ), table.getPageCount() > 1 && /* @__PURE__ */ React9.createElement(React9.Fragment, null, /* @__PURE__ */ React9.createElement("div", { className: "hawa-flex hawa-w-fit hawa-flex-row hawa-items-center hawa-gap-2 hawa-text-sm  " }, /* @__PURE__ */ React9.createElement("span", { className: "hawa-flex hawa-items-center hawa-gap-1" }, /* @__PURE__ */ React9.createElement("div", null, props.texts?.page), /* @__PURE__ */ React9.createElement("div", { className: "hawa-flex hawa-flex-row hawa-gap-1" }, /* @__PURE__ */ React9.createElement("span", { className: "hawa-font-bold" }, table.getState().pagination.pageIndex + 1), /* @__PURE__ */ React9.createElement("span", null, props.texts?.of), /* @__PURE__ */ React9.createElement("span", { className: "hawa-font-bold" }, table.getPageCount())))), /* @__PURE__ */ React9.createElement(
+    ), table.getPageCount() > 1 && /* @__PURE__ */ React9.createElement(React9.Fragment, null, /* @__PURE__ */ React9.createElement("div", { className: "hawa-flex hawa-w-fit hawa-flex-row hawa-items-center hawa-gap-2 hawa-text-sm  " }, /* @__PURE__ */ React9.createElement("span", { className: "hawa-flex hawa-items-center hawa-gap-1" }, /* @__PURE__ */ React9.createElement("div", null, (_j = props.texts) == null ? void 0 : _j.page), /* @__PURE__ */ React9.createElement("div", { className: "hawa-flex hawa-flex-row hawa-gap-1" }, /* @__PURE__ */ React9.createElement("span", { className: "hawa-font-bold" }, table.getState().pagination.pageIndex + 1), /* @__PURE__ */ React9.createElement("span", null, (_k = props.texts) == null ? void 0 : _k.of), /* @__PURE__ */ React9.createElement("span", { className: "hawa-font-bold" }, table.getPageCount())))), /* @__PURE__ */ React9.createElement(
       Button,
       {
         "aria-label": "Next Table Page",