@locusgraph/blocks 0.3.1 → 0.3.2

package/dist/keys/keys-empty.js

@@ -1,73 +1,31 @@
-import { c as _c } from "react/compiler-runtime";
 import { Password as KeyRoundIcon, Add as PlusIcon } from "@carbon/icons-react";
 import { Button, RuleGrid, RuleGridCell, RuleGridDescription, RuleGridTitle } from "@locusgraph/components";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-export function KeysEmpty(t0) {
-  const $ = _c(10);
-  const {
-    newKeyHref,
-    description: t1,
-    linkComponent: t2
-  } = t0;
-  const description = t1 === undefined ? newKeyHref ? "Create a key to let a service call LocusGraph products for this organization." : "Ask an owner to create a key for this organization." : t1;
-  const Link = t2 === undefined ? "a" : t2;
-  let t3;
-  let t4;
-  if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
-    t3 = /*#__PURE__*/_jsx(KeyRoundIcon, {
-      className: "mb-1 size-5 text-muted-foreground"
-    });
-    t4 = /*#__PURE__*/_jsx(RuleGridTitle, {
-      children: "No API keys yet"
-    });
-    $[0] = t3;
-    $[1] = t4;
-  } else {
-    t3 = $[0];
-    t4 = $[1];
-  }
-  let t5;
-  if ($[2] !== description) {
-    t5 = /*#__PURE__*/_jsx(RuleGridDescription, {
-      className: "max-w-sm",
-      children: description
-    });
-    $[2] = description;
-    $[3] = t5;
-  } else {
-    t5 = $[3];
-  }
-  let t6;
-  if ($[4] !== Link || $[5] !== newKeyHref) {
-    t6 = newKeyHref && /*#__PURE__*/_jsx(Button, {
-      asChild: true,
-      size: "sm",
-      className: "mt-2",
-      children: /*#__PURE__*/_jsxs(Link, {
-        href: newKeyHref,
-        children: [/*#__PURE__*/_jsx(PlusIcon, {}), "New key"]
-      })
-    });
-    $[4] = Link;
-    $[5] = newKeyHref;
-    $[6] = t6;
-  } else {
-    t6 = $[6];
-  }
-  let t7;
-  if ($[7] !== t5 || $[8] !== t6) {
-    t7 = /*#__PURE__*/_jsx(RuleGrid, {
-      columns: 1,
-      children: /*#__PURE__*/_jsxs(RuleGridCell, {
-        className: "items-center gap-2 py-12 text-center",
-        children: [t3, t4, t5, t6]
-      })
-    });
-    $[7] = t5;
-    $[8] = t6;
-    $[9] = t7;
-  } else {
-    t7 = $[9];
-  }
-  return t7;
+export function KeysEmpty({
+  newKeyHref,
+  description = newKeyHref ? "Create a key to let a service call LocusGraph products for this organization." : "Ask an owner to create a key for this organization.",
+  linkComponent: Link = "a"
+}) {
+  return /*#__PURE__*/_jsx(RuleGrid, {
+    columns: 1,
+    children: /*#__PURE__*/_jsxs(RuleGridCell, {
+      className: "items-center gap-2 py-12 text-center",
+      children: [/*#__PURE__*/_jsx(KeyRoundIcon, {
+        className: "mb-1 size-5 text-muted-foreground"
+      }), /*#__PURE__*/_jsx(RuleGridTitle, {
+        children: "No API keys yet"
+      }), /*#__PURE__*/_jsx(RuleGridDescription, {
+        className: "max-w-sm",
+        children: description
+      }), newKeyHref && /*#__PURE__*/_jsx(Button, {
+        asChild: true,
+        size: "sm",
+        className: "mt-2",
+        children: /*#__PURE__*/_jsxs(Link, {
+          href: newKeyHref,
+          children: [/*#__PURE__*/_jsx(PlusIcon, {}), "New key"]
+        })
+      })]
+    })
+  });
 }

package/dist/keys/keys.js

@@ -1,4 +1,3 @@
-import { c as _c } from "react/compiler-runtime";
 import { Table, TableBody, TableCell, TableHead, TableHeader, TableRow } from "@locusgraph/components";
 import { LocalDate } from "../dates/local-date.js";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
@@ -7,82 +6,35 @@ function dateOr(value, empty) {
     value: value
   }) : empty;
 }
-export function Keys(t0) {
-  const $ = _c(22);
-  const {
-    keys,
-    actions,
-    highlightedId
-  } = t0;
-  let t1;
-  let t2;
-  let t3;
-  let t4;
-  let t5;
-  let t6;
-  if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
-    t1 = /*#__PURE__*/_jsx(TableHead, {
-      children: "Name"
-    });
-    t2 = /*#__PURE__*/_jsx(TableHead, {
-      className: "hidden md:table-cell",
-      children: "Key"
-    });
-    t3 = /*#__PURE__*/_jsx(TableHead, {
-      children: "Product"
-    });
-    t4 = /*#__PURE__*/_jsx(TableHead, {
-      className: "hidden md:table-cell",
-      children: "Created by"
-    });
-    t5 = /*#__PURE__*/_jsx(TableHead, {
-      className: "hidden md:table-cell",
-      children: "Created"
-    });
-    t6 = /*#__PURE__*/_jsx(TableHead, {
-      children: "Expires"
-    });
-    $[0] = t1;
-    $[1] = t2;
-    $[2] = t3;
-    $[3] = t4;
-    $[4] = t5;
-    $[5] = t6;
-  } else {
-    t1 = $[0];
-    t2 = $[1];
-    t3 = $[2];
-    t4 = $[3];
-    t5 = $[4];
-    t6 = $[5];
-  }
-  let t7;
-  if ($[6] !== actions) {
-    t7 = actions && /*#__PURE__*/_jsx(TableHead, {
-      className: "w-0"
-    });
-    $[6] = actions;
-    $[7] = t7;
-  } else {
-    t7 = $[7];
-  }
-  let t8;
-  if ($[8] !== t7) {
-    t8 = /*#__PURE__*/_jsx(TableHeader, {
+export function Keys({
+  keys,
+  actions,
+  highlightedId
+}) {
+  return /*#__PURE__*/_jsxs(Table, {
+    children: [/*#__PURE__*/_jsx(TableHeader, {
       children: /*#__PURE__*/_jsxs(TableRow, {
-        children: [t1, t2, t3, t4, t5, t6, t7]
+        children: [/*#__PURE__*/_jsx(TableHead, {
+          children: "Name"
+        }), /*#__PURE__*/_jsx(TableHead, {
+          className: "hidden md:table-cell",
+          children: "Key"
+        }), /*#__PURE__*/_jsx(TableHead, {
+          children: "Product"
+        }), /*#__PURE__*/_jsx(TableHead, {
+          className: "hidden md:table-cell",
+          children: "Created by"
+        }), /*#__PURE__*/_jsx(TableHead, {
+          className: "hidden md:table-cell",
+          children: "Created"
+        }), /*#__PURE__*/_jsx(TableHead, {
+          children: "Expires"
+        }), actions && /*#__PURE__*/_jsx(TableHead, {
+          className: "w-0"
+        })]
       })
-    });
-    $[8] = t7;
-    $[9] = t8;
-  } else {
-    t8 = $[9];
-  }
-  let t9;
-  if ($[10] !== actions || $[11] !== highlightedId || $[12] !== keys) {
-    let t10;
-    if ($[14] !== actions || $[15] !== highlightedId) {
-      t10 = key => /*#__PURE__*/_jsxs(TableRow, {
+    }), /*#__PURE__*/_jsx(TableBody, {
+      children: keys.map(key => /*#__PURE__*/_jsxs(TableRow, {
         "data-new": key.id === highlightedId ? "" : undefined,
         className: "transition-colors duration-1000 data-new:bg-accent",
         children: [/*#__PURE__*/_jsxs(TableCell, {
@@ -104,48 +56,14 @@ export function Keys(t0) {
           children: key.createdBy
         }), /*#__PURE__*/_jsx(TableCell, {
           className: "hidden md:table-cell",
-          children: dateOr(key.createdAt, "\u2014")
+          children: dateOr(key.createdAt, "—")
         }), /*#__PURE__*/_jsx(TableCell, {
           children: dateOr(key.expiresAt, "Never")
         }), actions && /*#__PURE__*/_jsx(TableCell, {
           className: "w-0 pr-2 text-right whitespace-nowrap",
           children: actions(key)
         })]
-      }, key.id);
-      $[14] = actions;
-      $[15] = highlightedId;
-      $[16] = t10;
-    } else {
-      t10 = $[16];
-    }
-    t9 = keys.map(t10);
-    $[10] = actions;
-    $[11] = highlightedId;
-    $[12] = keys;
-    $[13] = t9;
-  } else {
-    t9 = $[13];
-  }
-  let t10;
-  if ($[17] !== t9) {
-    t10 = /*#__PURE__*/_jsx(TableBody, {
-      children: t9
-    });
-    $[17] = t9;
-    $[18] = t10;
-  } else {
-    t10 = $[18];
-  }
-  let t11;
-  if ($[19] !== t10 || $[20] !== t8) {
-    t11 = /*#__PURE__*/_jsxs(Table, {
-      children: [t8, t10]
-    });
-    $[19] = t10;
-    $[20] = t8;
-    $[21] = t11;
-  } else {
-    t11 = $[21];
-  }
-  return t11;
+      }, key.id))
+    })]
+  });
 }

package/dist/skeletons/keys-skeleton.js

@@ -1,4 +1,3 @@
-import { c as _c } from "react/compiler-runtime";
 import { SkeletonBar, SkeletonLoadingLabel, skeletonRootProps, Table, TableBody, TableCell, TableHead, TableHeader, TableRow } from "@locusgraph/components";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const columns = [{
@@ -23,148 +22,64 @@ const columns = [{
   bar: "w-20"
 }];
 function NameCellSkeleton() {
-  const $ = _c(1);
-  let t0;
-  if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
-    t0 = /*#__PURE__*/_jsx(TableCell, {
-      className: "max-w-40",
-      children: /*#__PURE__*/_jsxs("div", {
-        className: "flex flex-col gap-1",
-        children: [/*#__PURE__*/_jsx(SkeletonBar, {
-          className: "h-4 w-28"
-        }), /*#__PURE__*/_jsx(SkeletonBar, {
-          className: "h-3 w-20 md:hidden"
-        })]
-      })
-    });
-    $[0] = t0;
-  } else {
-    t0 = $[0];
-  }
-  return t0;
+  return /*#__PURE__*/_jsx(TableCell, {
+    className: "max-w-40",
+    children: /*#__PURE__*/_jsxs("div", {
+      className: "flex flex-col gap-1",
+      children: [/*#__PURE__*/_jsx(SkeletonBar, {
+        className: "h-4 w-28"
+      }), /*#__PURE__*/_jsx(SkeletonBar, {
+        className: "h-3 w-20 md:hidden"
+      })]
+    })
+  });
 }
-export function KeysSkeleton(t0) {
-  const $ = _c(17);
-  const {
-    rows: t1,
-    actions: t2
-  } = t0;
-  const rows = t1 === undefined ? 3 : t1;
-  const actions = t2 === undefined ? false : t2;
+export function KeysSkeleton({
+  rows = 3,
+  actions = false
+}) {
   const count = Math.max(1, Math.floor(rows));
-  let t3;
-  let t4;
-  if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
-    t3 = /*#__PURE__*/_jsx(TableHead, {
-      children: "Name"
-    });
-    t4 = columns.map(_temp);
-    $[0] = t3;
-    $[1] = t4;
-  } else {
-    t3 = $[0];
-    t4 = $[1];
-  }
-  let t5;
-  if ($[2] !== actions) {
-    t5 = actions && /*#__PURE__*/_jsx(TableHead, {
-      className: "w-0"
-    });
-    $[2] = actions;
-    $[3] = t5;
-  } else {
-    t5 = $[3];
-  }
-  let t6;
-  if ($[4] !== t5) {
-    t6 = /*#__PURE__*/_jsx(TableHeader, {
-      children: /*#__PURE__*/_jsxs(TableRow, {
-        className: "hover:bg-transparent",
-        children: [t3, t4, t5]
-      })
-    });
-    $[4] = t5;
-    $[5] = t6;
-  } else {
-    t6 = $[5];
-  }
-  let t7;
-  if ($[6] !== actions || $[7] !== count) {
-    let t8;
-    if ($[9] !== actions) {
-      t8 = (_, row) => /*#__PURE__*/_jsxs(TableRow, {
-        "data-slot": "keys-skeleton-row",
-        className: "hover:bg-transparent",
-        children: [/*#__PURE__*/_jsx(NameCellSkeleton, {}), columns.map(_temp2), actions && /*#__PURE__*/_jsx(TableCell, {
-          className: "w-0 pr-2 text-right",
-          children: /*#__PURE__*/_jsx(SkeletonBar, {
-            className: "ml-auto h-8 w-16 rounded-full"
-          })
-        })]
-      }, row);
-      $[9] = actions;
-      $[10] = t8;
-    } else {
-      t8 = $[10];
-    }
-    t7 = /*#__PURE__*/_jsx(TableBody, {
-      children: Array.from({
-        length: count
-      }, t8)
-    });
-    $[6] = actions;
-    $[7] = count;
-    $[8] = t7;
-  } else {
-    t7 = $[8];
-  }
-  let t8;
-  if ($[11] !== t6 || $[12] !== t7) {
-    t8 = /*#__PURE__*/_jsxs(Table, {
+  return /*#__PURE__*/_jsxs("div", {
+    "data-slot": "keys-skeleton",
+    ...skeletonRootProps,
+    className: "w-full",
+    children: [/*#__PURE__*/_jsxs(Table, {
       "aria-hidden": "true",
-      children: [t6, t7]
-    });
-    $[11] = t6;
-    $[12] = t7;
-    $[13] = t8;
-  } else {
-    t8 = $[13];
-  }
-  let t9;
-  if ($[14] === Symbol.for("react.memo_cache_sentinel")) {
-    t9 = /*#__PURE__*/_jsx(SkeletonLoadingLabel, {
+      children: [/*#__PURE__*/_jsx(TableHeader, {
+        children: /*#__PURE__*/_jsxs(TableRow, {
+          className: "hover:bg-transparent",
+          children: [/*#__PURE__*/_jsx(TableHead, {
+            children: "Name"
+          }), columns.map(column => /*#__PURE__*/_jsx(TableHead, {
+            className: column.visibility,
+            children: column.name
+          }, column.name)), actions && /*#__PURE__*/_jsx(TableHead, {
+            className: "w-0"
+          })]
+        })
+      }), /*#__PURE__*/_jsx(TableBody, {
+        children: Array.from({
+          length: count
+        }, (_, row) => /*#__PURE__*/_jsxs(TableRow
+        // biome-ignore lint/suspicious/noArrayIndexKey: placeholder rows have no identity
+        , {
+          "data-slot": "keys-skeleton-row",
+          className: "hover:bg-transparent",
+          children: [/*#__PURE__*/_jsx(NameCellSkeleton, {}), columns.map(column => /*#__PURE__*/_jsx(TableCell, {
+            className: column.visibility,
+            children: /*#__PURE__*/_jsx(SkeletonBar, {
+              className: `h-4 ${column.bar}`
+            })
+          }, column.name)), actions && /*#__PURE__*/_jsx(TableCell, {
+            className: "w-0 pr-2 text-right",
+            children: /*#__PURE__*/_jsx(SkeletonBar, {
+              className: "ml-auto h-8 w-16 rounded-full"
+            })
+          })]
+        }, row))
+      })]
+    }), /*#__PURE__*/_jsx(SkeletonLoadingLabel, {
       children: "Loading API keys\u2026"
-    });
-    $[14] = t9;
-  } else {
-    t9 = $[14];
-  }
-  let t10;
-  if ($[15] !== t8) {
-    t10 = /*#__PURE__*/_jsxs("div", {
-      "data-slot": "keys-skeleton",
-      ...skeletonRootProps,
-      className: "w-full",
-      children: [t8, t9]
-    });
-    $[15] = t8;
-    $[16] = t10;
-  } else {
-    t10 = $[16];
-  }
-  return t10;
-}
-function _temp2(column_0) {
-  return /*#__PURE__*/_jsx(TableCell, {
-    className: column_0.visibility,
-    children: /*#__PURE__*/_jsx(SkeletonBar, {
-      className: `h-4 ${column_0.bar}`
-    })
-  }, column_0.name);
-}
-function _temp(column) {
-  return /*#__PURE__*/_jsx(TableHead, {
-    className: column.visibility,
-    children: column.name
-  }, column.name);
+    })]
+  });
 }

package/dist/skeletons/plans-skeleton.js

@@ -1,94 +1,54 @@
-import { c as _c } from "react/compiler-runtime";
 import { RuleGrid, RuleGridCell, SkeletonBar, SkeletonLoadingLabel, skeletonRootProps } from "@locusgraph/components";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-export function PlansSkeleton(t0) {
-  const $ = _c(11);
-  const {
-    plans: t1,
-    points: t2,
-    currentIndex: t3
-  } = t0;
-  const plans = t1 === undefined ? 2 : t1;
-  const points = t2 === undefined ? 2 : t2;
-  const currentIndex = t3 === undefined ? 0 : t3;
+export function PlansSkeleton({
+  plans = 2,
+  points = 2,
+  currentIndex = 0
+}) {
   const planCount = Math.max(1, Math.floor(plans));
   const pointCount = Math.max(0, Math.floor(points));
-  const t4 = planCount >= 3 ? 3 : 2;
-  let t5;
-  if ($[0] !== currentIndex || $[1] !== planCount || $[2] !== pointCount) {
-    let t6;
-    if ($[4] !== currentIndex || $[5] !== pointCount) {
-      t6 = (_, plan) => /*#__PURE__*/_jsxs(RuleGridCell, {
-        "data-slot": "plan-skeleton",
-        "aria-hidden": "true",
-        className: "gap-4",
-        children: [/*#__PURE__*/_jsxs("div", {
-          className: "flex flex-col gap-2",
-          children: [/*#__PURE__*/_jsx("div", {
-            className: "flex min-h-6 items-center",
-            children: /*#__PURE__*/_jsx(SkeletonBar, {
-              className: "h-5 w-20"
-            })
-          }), /*#__PURE__*/_jsx(SkeletonBar, {
-            className: "h-8 w-28"
-          })]
-        }), /*#__PURE__*/_jsx("div", {
-          className: "flex flex-col gap-1.5",
-          children: Array.from({
-            length: pointCount
-          }, _temp)
-        }), plan === currentIndex ? /*#__PURE__*/_jsx("div", {
-          className: "mt-auto flex min-h-8 items-center",
+  return /*#__PURE__*/_jsxs(RuleGrid, {
+    columns: planCount >= 3 ? 3 : 2,
+    "data-slot": "plans-skeleton",
+    ...skeletonRootProps,
+    children: [Array.from({
+      length: planCount
+    }, (_, plan) => /*#__PURE__*/_jsxs(RuleGridCell
+    // biome-ignore lint/suspicious/noArrayIndexKey: placeholder plans have no identity
+    , {
+      "data-slot": "plan-skeleton",
+      "aria-hidden": "true",
+      className: "gap-4",
+      children: [/*#__PURE__*/_jsxs("div", {
+        className: "flex flex-col gap-2",
+        children: [/*#__PURE__*/_jsx("div", {
+          className: "flex min-h-6 items-center",
           children: /*#__PURE__*/_jsx(SkeletonBar, {
-            className: "h-4 w-16"
+            className: "h-5 w-20"
           })
-        }) : /*#__PURE__*/_jsx(SkeletonBar, {
-          className: "mt-auto h-8 w-28 rounded-full"
+        }), /*#__PURE__*/_jsx(SkeletonBar, {
+          className: "h-8 w-28"
         })]
-      }, plan);
-      $[4] = currentIndex;
-      $[5] = pointCount;
-      $[6] = t6;
-    } else {
-      t6 = $[6];
-    }
-    t5 = Array.from({
-      length: planCount
-    }, t6);
-    $[0] = currentIndex;
-    $[1] = planCount;
-    $[2] = pointCount;
-    $[3] = t5;
-  } else {
-    t5 = $[3];
-  }
-  let t6;
-  if ($[7] === Symbol.for("react.memo_cache_sentinel")) {
-    t6 = /*#__PURE__*/_jsx(SkeletonLoadingLabel, {
+      }), /*#__PURE__*/_jsx("div", {
+        className: "flex flex-col gap-1.5",
+        children: Array.from({
+          length: pointCount
+        }, (_, point) =>
+        /*#__PURE__*/
+        // biome-ignore lint/suspicious/noArrayIndexKey: placeholder points have no identity
+        _jsx(SkeletonBar, {
+          className: "h-4 w-40"
+        }, point))
+      }), plan === currentIndex ? /*#__PURE__*/_jsx("div", {
+        className: "mt-auto flex min-h-8 items-center",
+        children: /*#__PURE__*/_jsx(SkeletonBar, {
+          className: "h-4 w-16"
+        })
+      }) : /*#__PURE__*/_jsx(SkeletonBar, {
+        className: "mt-auto h-8 w-28 rounded-full"
+      })]
+    }, plan)), /*#__PURE__*/_jsx(SkeletonLoadingLabel, {
       children: "Loading plans\u2026"
-    });
-    $[7] = t6;
-  } else {
-    t6 = $[7];
-  }
-  let t7;
-  if ($[8] !== t4 || $[9] !== t5) {
-    t7 = /*#__PURE__*/_jsxs(RuleGrid, {
-      columns: t4,
-      "data-slot": "plans-skeleton",
-      ...skeletonRootProps,
-      children: [t5, t6]
-    });
-    $[8] = t4;
-    $[9] = t5;
-    $[10] = t7;
-  } else {
-    t7 = $[10];
-  }
-  return t7;
-}
-function _temp(__0, point) {
-  return /*#__PURE__*/_jsx(SkeletonBar, {
-    className: "h-4 w-40"
-  }, point);
+    })]
+  });
 }