@sikka/hawa 0.35.6-next → 0.36.0-next

package/dist/dataTable/index.mjs

@@ -884,7 +884,7 @@ var Input = forwardRef4(
       auto: ""
     };
     let defaultStyle = "hawa-flex hawa-max-h-fit hawa-h-fit hawa-relative hawa-flex-col hawa-justify-center hawa-gap-0";
-    let defaultInputStyle = "hawa-block hawa-w-full hawa-rounded hawa-border hawa-transition-all hawa-bg-background hawa-p-3 hawa-text-sm ";
+    let defaultInputStyle = "hawa-block hawa-w-full hawa-rounded hawa-border hawa-transition-all hawa-bg-background hawa-p-3 hawa-text-sm placeholder:hawa-text-muted-foreground";
     const handleChange = (e) => {
       let newValue = e.target.value;
       if (props.prefixText) {
@@ -923,7 +923,31 @@ var Input = forwardRef4(
           )
         },
         props.outsidePrefix
-      ), props.isLoading ? /* @__PURE__ */ React8.createElement("div", { className: "hawa-pb-2 hawa-w-full" }, /* @__PURE__ */ React8.createElement(Skeleton, { className: "hawa-h-[40px] hawa-w-full" })) : /* @__PURE__ */ React8.createElement(React8.Fragment, null, !props.hideSeparator && /* @__PURE__ */ React8.createElement(
+      ), props.isLoading ? /* @__PURE__ */ React8.createElement("div", { className: "hawa-pb-2 hawa-w-full" }, /* @__PURE__ */ React8.createElement(Skeleton, { className: "hawa-h-[40px] hawa-w-full" })) : props.isLoadingError ? /* @__PURE__ */ React8.createElement("div", { className: "hawa-pb-2 hawa-w-full" }, /* @__PURE__ */ React8.createElement(
+        Skeleton,
+        {
+          animation: "none",
+          className: "hawa-h-[40px] hawa-w-full !hawa-bg-destructive/[0.3]",
+          content: /* @__PURE__ */ React8.createElement("div", { className: "hawa-flex hawa-flex-row hawa-gap-2" }, /* @__PURE__ */ React8.createElement(
+            "svg",
+            {
+              xmlns: "http://www.w3.org/2000/svg",
+              width: "20",
+              height: "20",
+              viewBox: "0 0 24 24",
+              fill: "none",
+              stroke: "currentColor",
+              strokeWidth: "2",
+              strokeLinecap: "round",
+              strokeLinejoin: "round",
+              className: "hawa-text-destructive"
+            },
+            /* @__PURE__ */ React8.createElement("path", { d: "m21.73 18-8-14a2 2 0 0 0-3.48 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3" }),
+            /* @__PURE__ */ React8.createElement("path", { d: "M12 9v4" }),
+            /* @__PURE__ */ React8.createElement("path", { d: "M12 17h.01" })
+          ), /* @__PURE__ */ React8.createElement("span", null, /* @__PURE__ */ React8.createElement("span", { className: "hawa-text-destructive" }, props.loadingErrorMesssage || "Error loading data")))
+        }
+      )) : /* @__PURE__ */ React8.createElement(React8.Fragment, null, !props.hideSeparator && /* @__PURE__ */ React8.createElement(
         "div",
         {
           className: cn(
@@ -1115,6 +1139,7 @@ TableHeader.displayName = "TableHeader";
 TableCaption.displayName = "TableCaption";
 
 // elements/dataTable/DataTable.tsx
+var LOCAL_STORAGE_KEY = "datatable-column-visibility";
 var DataTable = ({
   columns,
   data,
@@ -1134,7 +1159,10 @@ var DataTable = ({
   );
   const [globalFilter, setGlobalFilter] = React10.useState("");
   const [expanded, setExpanded] = React10.useState({});
-  const [columnVisibility, setColumnVisibility] = React10.useState({});
+  const [columnVisibility, setColumnVisibility] = React10.useState(() => {
+    const savedVisibility = localStorage.getItem(LOCAL_STORAGE_KEY);
+    return savedVisibility ? JSON.parse(savedVisibility) : {};
+  });
   const [rowSelection, setRowSelection] = React10.useState({});
   const table = useReactTable({
     data,
@@ -1164,12 +1192,20 @@ var DataTable = ({
     label: `${item} / ${pageText}`,
     value: item
   }));
+  React10.useEffect(() => {
+    localStorage.setItem(LOCAL_STORAGE_KEY, JSON.stringify(columnVisibility));
+  }, [columnVisibility]);
   React10.useEffect(() => {
     setColumnVisibility((prev) => {
       let newColumnVisibility = {};
       columns.forEach((column) => {
         var _a2;
-        newColumnVisibility[column.accessorKey] = !((_a2 = column.meta) == null ? void 0 : _a2.hidden);
+        const savedVisibility = prev[column.accessorKey];
+        if (savedVisibility !== void 0) {
+          newColumnVisibility[column.accessorKey] = savedVisibility;
+        } else {
+          newColumnVisibility[column.accessorKey] = !((_a2 = column.meta) == null ? void 0 : _a2.hidden);
+        }
       });
       return newColumnVisibility;
     });
@@ -1338,7 +1374,7 @@ var DataTable = ({
           }
           table.setPageIndex(page);
         },
-        className: "hawa-w-16 hawa-rounded hawa-border hawa-p-1 hawa-px-2 hawa-text-sm"
+        className: "hawa-w-16 hawa-rounded hawa-border hawa-p-1 hawa-px-2 hawa-text-sm placeholder:hawa-text-muted-foreground"
       }
     )), /* @__PURE__ */ React10.createElement(
       DropdownMenu,