@liiift-studio/sanity-visitor-insights 0.48.0 → 0.49.0

package/dist/index.d.mts

@@ -363,6 +363,13 @@ interface SortColumn<Row> {
      * currency, and a column with a fallback displays something `sortValue` returns null for.
      */
     exportValue?: (row: Row) => number | string | null;
+    /**
+     * Keep this column even when every value in it is blank or zero.
+     *
+     * For the column that identifies the row — a table whose first column collapsed would be a list
+     * of numbers belonging to nothing — and for any column whose emptiness is itself the finding.
+     */
+    alwaysShow?: boolean;
     render: (row: Row) => React.ReactNode;
 }
 /** Props for SortableTable. */

package/dist/index.d.ts

@@ -363,6 +363,13 @@ interface SortColumn<Row> {
      * currency, and a column with a fallback displays something `sortValue` returns null for.
      */
     exportValue?: (row: Row) => number | string | null;
+    /**
+     * Keep this column even when every value in it is blank or zero.
+     *
+     * For the column that identifies the row — a table whose first column collapsed would be a list
+     * of numbers belonging to nothing — and for any column whose emptiness is itself the finding.
+     */
+    alwaysShow?: boolean;
     render: (row: Row) => React.ReactNode;
 }
 /** Props for SortableTable. */

package/dist/index.js

@@ -648,6 +648,14 @@ function NoticeList({ notices }) {
     )
   ] });
 }
+function columnIsEmpty(column, rows) {
+  if (column.alwaysShow) return false;
+  if (rows.length === 0) return false;
+  return rows.every((row) => {
+    const value = column.sortValue(row);
+    return value === 0 || value === "";
+  });
+}
 function SortableTable({
   caption,
   columns,
@@ -666,6 +674,7 @@ function SortableTable({
   const [query, setQuery] = import_react2.default.useState("");
   const [excluded, setExcluded] = import_react2.default.useState(() => /* @__PURE__ */ new Set());
   const [copied, setCopied] = import_react2.default.useState("idle");
+  const [showEmpty, setShowEmpty] = import_react2.default.useState(false);
   const copyTimer = import_react2.default.useRef(null);
   import_react2.default.useEffect(() => () => {
     if (copyTimer.current !== null) window.clearTimeout(copyTimer.current);
@@ -679,6 +688,13 @@ function SortableTable({
       return filterOn(row).toLowerCase().includes(needle);
     });
   }, [rows, query, excluded, filterOn, rowKey]);
+  const emptyColumns = import_react2.default.useMemo(
+    () => columns.filter(
+      (column, index) => index > 0 && column.key !== sort?.key && columnIsEmpty(column, visible)
+    ),
+    [columns, visible, sort?.key]
+  );
+  const shown = showEmpty || emptyColumns.length === 0 ? columns : columns.filter((column) => !emptyColumns.includes(column));
   const ordered = import_react2.default.useMemo(() => {
     const rows2 = visible;
     if (!active || !sort) return rows2;
@@ -701,8 +717,8 @@ function SortableTable({
     });
   };
   const copyCsv = async () => {
-    const header = columns.map((column) => column.label);
-    const lines = [header, ...ordered.map((row) => columns.map((column) => {
+    const header = shown.map((column) => column.label);
+    const lines = [header, ...ordered.map((row) => shown.map((column) => {
       const value = column.exportValue ? column.exportValue(row) : column.sortValue(row);
       return value === null || value === void 0 ? "" : String(value);
     }))];
@@ -722,7 +738,7 @@ function SortableTable({
   const hiddenCount = rows.length - visible.length - excludedInWindow;
   const excludedCount = excluded.size;
   return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_sanity_ui_compat.Stack, { space: 2, children: [
-    (filterOn || exportName) && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { style: tableControls, children: [
+    (filterOn || exportName || emptyColumns.length > 0) && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { style: tableControls, children: [
       filterOn && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
         "input",
         {
@@ -750,11 +766,21 @@ function SortableTable({
         ] })
       ] }),
       /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { style: { flex: 1 } }),
+      emptyColumns.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        "button",
+        {
+          type: "button",
+          style: tableControlButton,
+          "aria-pressed": showEmpty,
+          onClick: () => setShowEmpty((open) => !open),
+          children: showEmpty ? `Hide ${emptyColumns.length} empty column${emptyColumns.length === 1 ? "" : "s"}` : `Show ${emptyColumns.length} empty column${emptyColumns.length === 1 ? "" : "s"}`
+        }
+      ),
       exportName && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("button", { type: "button", style: tableControlButton, onClick: () => void copyCsv(), children: copied === "done" ? "Copied" : copied === "failed" ? "Could not copy" : "Copy as CSV" })
     ] }),
     /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_sanity_ui_compat.Card, { radius: 2, tone: "transparent", border: true, style: tableWrapper, children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("table", { style: tableBase, children: [
       /* @__PURE__ */ (0, import_jsx_runtime.jsx)("caption", { style: visuallyHidden, children: caption }),
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("thead", { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("tr", { children: columns.map((column) => {
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("thead", { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("tr", { children: shown.map((column) => {
         const isActive = sort?.key === column.key;
         return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
           "th",
@@ -773,7 +799,7 @@ function SortableTable({
       /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("tbody", { children: [
         ordered.map((row) => {
           const key = rowKey(row);
-          return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("tr", { children: columns.map((column, index) => {
+          return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("tr", { children: shown.map((column, index) => {
             const content = column.render(row);
             return index === 0 ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("th", { scope: "row", style: bodyCell, children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", { style: firstCell, children: [
               content,