jazz-tools 0.17.12 → 0.17.13

package/dist/inspector/{custom-element-I7L56H6B.js → custom-element-ZSNTCECD.js}

@@ -33133,7 +33133,8 @@ var PaginationContainer = styled13("div")`
 function CoValuesTableView({
   data,
   node,
-  onNavigate
+  onNavigate,
+  onRemove
 }) {
   const [visibleRowsCount, setVisibleRowsCount] = (0, import_react11.useState)(10);
   const [coIdArray, visibleRows] = (0, import_react11.useMemo)(() => {
@@ -33157,7 +33158,10 @@ function CoValuesTableView({
   };
   return /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(import_jsx_runtime23.Fragment, { children: [
     /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(Table, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(TableHead, { children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(TableRow, { children: [...keys, "Action"].map((key) => /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(TableHeader, { children: key }, key)) }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(TableHead, { children: /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(TableRow, { children: [
+        [...keys, "Action"].map((key) => /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(TableHeader, { children: key }, key)),
+        onRemove && /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(TableHeader, {})
+      ] }) }),
       /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(TableBody, { children: resolvedRows.slice(0, visibleRowsCount).map((item, index) => /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(TableRow, { children: [
         keys.map((key) => /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(TableCell, { children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
           ValueRenderer,
@@ -33192,7 +33196,8 @@ function CoValuesTableView({
             ]),
             children: "View"
           }
-        ) })
+        ) }),
+        onRemove && /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(TableCell, { children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(Button, { variant: "secondary", onClick: () => onRemove(index), children: "Remove" }) })
       ] }, index)) })
     ] }),
     /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(PaginationContainer, { children: [
@@ -33210,22 +33215,33 @@ function CoValuesTableView({
 function TableView({
   data,
   node,
-  onNavigate
+  onNavigate,
+  onRemove
 }) {
   const isListOfCoValues = (0, import_react11.useMemo)(() => {
     return Array.isArray(data) && data.every((k) => isCoId(k));
   }, [data]);
   if (isListOfCoValues) {
-    return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(CoValuesTableView, { data, node, onNavigate });
+    return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+      CoValuesTableView,
+      {
+        data,
+        node,
+        onNavigate,
+        onRemove
+      }
+    );
   }
   return /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(Table, { children: [
     /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(TableHead, { children: /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(TableRow, { children: [
       /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(TableHeader, { style: { width: "5rem" }, children: "Index" }),
-      /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(TableHeader, { children: "Value" })
+      /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(TableHeader, { children: "Value" }),
+      onRemove && /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(TableHeader, { children: "Action" })
     ] }) }),
     /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(TableBody, { children: Array.isArray(data) && data?.map((value, index) => /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(TableRow, { children: [
       /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(TableCell, { children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(Text, { mono: true, children: index }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(TableCell, { children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(ValueRenderer, { json: value }) })
+      /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(TableCell, { children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(ValueRenderer, { json: value }) }),
+      onRemove && /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(TableCell, { children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(Button, { variant: "secondary", onClick: () => onRemove(index), children: "Remove" }) })
     ] }, index)) })
   ] });
 }
@@ -33279,6 +33295,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;
@@ -33304,7 +33328,24 @@ function View(props) {
   if (type === "coplaintext") {
     return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(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__ */ (0, import_jsx_runtime24.jsx)(
+      TableView,
+      {
+        data: snapshot,
+        node,
+        onNavigate,
+        onRemove: canEdit(value) ? handleRemove : void 0
+      }
+    );
+  }
+  if (extendedType === "record") {
     return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(TableView, { data: snapshot, node, onNavigate });
   }
   return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(GridView, { data: snapshot, onNavigate, node });
@@ -33982,4 +34023,4 @@ react/cjs/react-jsx-runtime.development.js:
    * LICENSE file in the root directory of this source tree.
    *)
 */
-//# sourceMappingURL=custom-element-I7L56H6B.js.map
+//# sourceMappingURL=custom-element-ZSNTCECD.js.map