jazz-tools 0.17.11 → 0.17.13

package/dist/inspector/index.js

@@ -1348,7 +1348,8 @@ var PaginationContainer = styled13("div")`
 function CoValuesTableView({
   data,
   node,
-  onNavigate
+  onNavigate,
+  onRemove
 }) {
   const [visibleRowsCount, setVisibleRowsCount] = useState6(10);
   const [coIdArray, visibleRows] = useMemo(() => {
@@ -1372,7 +1373,10 @@ function CoValuesTableView({
   };
   return /* @__PURE__ */ jsxs12(Fragment8, { children: [
     /* @__PURE__ */ jsxs12(Table, { children: [
-      /* @__PURE__ */ jsx22(TableHead, { children: /* @__PURE__ */ jsx22(TableRow, { children: [...keys, "Action"].map((key) => /* @__PURE__ */ jsx22(TableHeader, { children: key }, key)) }) }),
+      /* @__PURE__ */ jsx22(TableHead, { children: /* @__PURE__ */ jsxs12(TableRow, { children: [
+        [...keys, "Action"].map((key) => /* @__PURE__ */ jsx22(TableHeader, { children: key }, key)),
+        onRemove && /* @__PURE__ */ jsx22(TableHeader, {})
+      ] }) }),
       /* @__PURE__ */ jsx22(TableBody, { children: resolvedRows.slice(0, visibleRowsCount).map((item, index) => /* @__PURE__ */ jsxs12(TableRow, { children: [
         keys.map((key) => /* @__PURE__ */ jsx22(TableCell, { children: /* @__PURE__ */ jsx22(
           ValueRenderer,
@@ -1407,7 +1411,8 @@ function CoValuesTableView({
             ]),
             children: "View"
           }
-        ) })
+        ) }),
+        onRemove && /* @__PURE__ */ jsx22(TableCell, { children: /* @__PURE__ */ jsx22(Button, { variant: "secondary", onClick: () => onRemove(index), children: "Remove" }) })
       ] }, index)) })
     ] }),
     /* @__PURE__ */ jsxs12(PaginationContainer, { children: [
@@ -1425,22 +1430,33 @@ function CoValuesTableView({
 function TableView({
   data,
   node,
-  onNavigate
+  onNavigate,
+  onRemove
 }) {
   const isListOfCoValues = useMemo(() => {
     return Array.isArray(data) && data.every((k) => isCoId(k));
   }, [data]);
   if (isListOfCoValues) {
-    return /* @__PURE__ */ jsx22(CoValuesTableView, { data, node, onNavigate });
+    return /* @__PURE__ */ jsx22(
+      CoValuesTableView,
+      {
+        data,
+        node,
+        onNavigate,
+        onRemove
+      }
+    );
   }
   return /* @__PURE__ */ jsxs12(Table, { children: [
     /* @__PURE__ */ jsx22(TableHead, { children: /* @__PURE__ */ jsxs12(TableRow, { children: [
       /* @__PURE__ */ jsx22(TableHeader, { style: { width: "5rem" }, children: "Index" }),
-      /* @__PURE__ */ jsx22(TableHeader, { children: "Value" })
+      /* @__PURE__ */ jsx22(TableHeader, { children: "Value" }),
+      onRemove && /* @__PURE__ */ jsx22(TableHeader, { children: "Action" })
     ] }) }),
     /* @__PURE__ */ jsx22(TableBody, { children: Array.isArray(data) && data?.map((value, index) => /* @__PURE__ */ jsxs12(TableRow, { children: [
       /* @__PURE__ */ jsx22(TableCell, { children: /* @__PURE__ */ jsx22(Text, { mono: true, children: index }) }),
-      /* @__PURE__ */ jsx22(TableCell, { children: /* @__PURE__ */ jsx22(ValueRenderer, { json: value }) })
+      /* @__PURE__ */ jsx22(TableCell, { children: /* @__PURE__ */ jsx22(ValueRenderer, { json: value }) }),
+      onRemove && /* @__PURE__ */ jsx22(TableCell, { children: /* @__PURE__ */ jsx22(Button, { variant: "secondary", onClick: () => onRemove(index), children: "Remove" }) })
     ] }, index)) })
   ] });
 }
@@ -1494,6 +1510,14 @@ var ContentContainer = styled14("div")`
   gap: 1rem;
   padding-bottom: 2rem;
 `;
+function canEdit(value) {
+  try {
+    const myRole = value.group.myRole();
+    return myRole === "writer" || myRole === "admin";
+  } catch (e) {
+    return false;
+  }
+}
 function View(props) {
   const { type, extendedType } = props.coValue;
   const { snapshot, value } = props.coValue;
@@ -1519,7 +1543,24 @@ function View(props) {
   if (type === "coplaintext") {
     return /* @__PURE__ */ jsx23(CoPlainTextView, { data: snapshot });
   }
-  if (type === "colist" || extendedType === "record") {
+  if (type === "colist") {
+    const handleRemove = (index) => {
+      if (confirm("Are you sure you want to remove this item?")) {
+        const list = value;
+        list.delete(index);
+      }
+    };
+    return /* @__PURE__ */ jsx23(
+      TableView,
+      {
+        data: snapshot,
+        node,
+        onNavigate,
+        onRemove: canEdit(value) ? handleRemove : void 0
+      }
+    );
+  }
+  if (extendedType === "record") {
     return /* @__PURE__ */ jsx23(TableView, { data: snapshot, node, onNavigate });
   }
   return /* @__PURE__ */ jsx23(GridView, { data: snapshot, onNavigate, node });