@macrostrat/feedback-components 1.1.10 → 2.0.1

package/dist/feedback/index.js

@@ -0,0 +1,348 @@
+import styles from "./feedback.module.sass.js";
+import hyper from "@macrostrat/hyper";
+import { Tree } from "react-arborist";
+import Node from "./node.js";
+import { FeedbackText } from "./text-visualizer.js";
+import { ModelInfo } from "../extractions/index.js";
+import { useUpdatableTree, TreeDispatchContext } from "./edit-state.js";
+import { treeToGraph } from "./edit-state.js";
+import { useState, useRef, useCallback, useEffect } from "react";
+import { SegmentedControl, Card, ButtonGroup, Divider } from "@blueprintjs/core";
+import { OmniboxSelector } from "./type-selector/index.js";
+import { ErrorBoundary, FlexRow, CancelButton, SaveButton } from "@macrostrat/ui-components";
+import useElementDimensions from "use-element-dimensions";
+import { GraphView } from "./graph.js";
+import { Matches } from "./matches.js";
+import { TypeList } from "./typelist.js";
+const h = hyper.styled(styles);
+function setsAreTheSame(a, b) {
+  if (a.size !== b.size) return false;
+  for (const item of a) {
+    if (!b.has(item)) return false;
+  }
+  return true;
+}
+function FeedbackComponent({
+  entities = [],
+  text,
+  model,
+  entityTypes,
+  matchComponent,
+  onSave,
+  allowOverlap,
+  matchLinks,
+  view = false,
+  autoSelect = []
+}) {
+  const [viewOnly, setViewOnly] = useState(view);
+  const [match, setMatchLinks] = useState(matchLinks);
+  const matchMode = match !== void 0;
+  const [state, dispatch] = useUpdatableTree(
+    entities.map(processEntity),
+    entityTypes,
+    viewOnly,
+    matchMode,
+    autoSelect
+  );
+  const {
+    selectedNodes,
+    tree,
+    selectedEntityType,
+    isSelectingEntityType,
+    entityTypesMap
+  } = state;
+  const [{ width, height }, ref] = useElementDimensions();
+  return h("div.page-wrapper", [
+    h(
+      "div.feedback-container",
+      h(TreeDispatchContext.Provider, { value: dispatch }, [
+        h.if(!view)(SegmentedControl, {
+          options: [
+            { label: "View", value: "view" },
+            { label: "Edit", value: "edit" }
+          ],
+          value: viewOnly ? "view" : "edit",
+          small: true,
+          onValueChange() {
+            setViewOnly(!viewOnly);
+            dispatch({ type: "toggle-view-only" });
+          },
+          role: "toolbar"
+        }),
+        h(
+          ErrorBoundary,
+          {
+            description: "An error occurred while rendering the feedback text component."
+          },
+          h(FeedbackText, {
+            text,
+            dispatch,
+            // @ts-ignore
+            nodes: tree,
+            selectedNodes,
+            allowOverlap,
+            matchLinks: match,
+            viewOnly
+          })
+        ),
+        h(
+          FlexRow,
+          { alignItems: "baseline", justifyContent: "space-between" },
+          [
+            h(ModelInfo, { data: model }),
+            h(SegmentedControl, {
+              options: [
+                { label: "Tree", value: "tree" },
+                { label: "Graph", value: "graph" }
+              ],
+              value: state.viewMode,
+              small: true,
+              onValueChange(value) {
+                console.log("Setting view mode", value);
+                dispatch({ type: "set-view-mode", payload: value });
+              }
+            })
+          ]
+        ),
+        h(
+          "div.entity-panel",
+          {
+            ref
+          },
+          [
+            h.if(state.viewMode == "tree")(ManagedSelectionTree, {
+              selectedNodes,
+              dispatch,
+              tree,
+              width,
+              height,
+              matchComponent,
+              viewOnly
+            }),
+            h.if(state.viewMode == "graph")(GraphView, {
+              tree,
+              width,
+              height,
+              dispatch,
+              selectedNodes,
+              viewOnly
+            })
+          ]
+        )
+      ])
+    ),
+    h(Card, { className: "control-panel" }, [
+      h("div.control-content", [
+        h.if(!viewOnly)(
+          ButtonGroup,
+          {
+            vertical: true,
+            fill: true,
+            minimal: true,
+            alignText: "left"
+          },
+          [
+            h(
+              CancelButton,
+              {
+                icon: "trash",
+                disabled: state.initialTree == state.tree,
+                onClick() {
+                  dispatch({ type: "reset" });
+                }
+              },
+              "Reset"
+            ),
+            h(
+              SaveButton,
+              {
+                onClick() {
+                  onSave(state.tree);
+                },
+                disabled: state.initialTree == state.tree
+              },
+              "Save"
+            )
+          ]
+        ),
+        h.if(!viewOnly)(Matches, {
+          match,
+          setMatchLinks,
+          matchLinks,
+          selectedNodes,
+          tree,
+          dispatch
+        }),
+        h.if(!viewOnly)(Divider),
+        h(EntityTypeSelector, {
+          entityTypes: entityTypesMap,
+          selected: selectedEntityType,
+          onChange(payload) {
+            dispatch({ type: "select-entity-type", payload });
+          },
+          dispatch,
+          tree,
+          selectedNodes,
+          isOpen: isSelectingEntityType,
+          setOpen: (isOpen) => dispatch({
+            type: "toggle-entity-type-selector",
+            payload: isOpen
+          }),
+          viewOnly,
+          matchMode
+        })
+      ])
+    ])
+  ]);
+}
+function processEntity(entity) {
+  return {
+    ...entity,
+    // @ts-ignore
+    term_type: entity.type.name,
+    txt_range: [entity.indices],
+    children: entity.children?.map(processEntity) ?? []
+  };
+}
+function EntityTypeSelector({
+  entityTypes,
+  selected,
+  isOpen,
+  setOpen,
+  onChange,
+  tree,
+  dispatch,
+  selectedNodes = [],
+  viewOnly,
+  matchMode
+}) {
+  const _selected = selected != null ? selected : void 0;
+  const [inputValue, setInputValue] = useState("");
+  const types = Array.from(entityTypes.values());
+  const items = inputValue !== "" ? types.filter(
+    (d) => d.name.toLowerCase().includes(inputValue.toLowerCase())
+  ) : types;
+  return h("div.entity-type-selector", [
+    h(TypeList, {
+      types: entityTypes,
+      selected: _selected,
+      dispatch,
+      selectedNodes,
+      tree,
+      viewOnly: viewOnly || matchMode
+    }),
+    h(OmniboxSelector, {
+      isOpen,
+      items,
+      selectedItem: _selected,
+      onSelectItem(item) {
+        setOpen(false);
+        onChange(item);
+      },
+      onQueryChange(query) {
+        setInputValue(query);
+      },
+      onClose() {
+        setOpen(false);
+      }
+    })
+  ]);
+}
+function ManagedSelectionTree(props) {
+  const {
+    selectedNodes,
+    dispatch,
+    tree,
+    height,
+    width,
+    matchComponent,
+    viewOnly
+  } = props;
+  const ref = useRef();
+  const clickedRef = useRef(false);
+  const _Node = useCallback(
+    (props2) => h(Node, { ...props2, matchComponent, viewOnly }),
+    [matchComponent, viewOnly]
+  );
+  useEffect(() => {
+    if (ref.current == null) return;
+    const selection = new Set(selectedNodes.map((d) => d.toString()));
+    const currentSelection = ref.current.selectedIds;
+    if (setsAreTheSame(selection, currentSelection)) return;
+    ref.current.setSelection({
+      ids: selectedNodes.map((d) => d.toString()),
+      anchor: null,
+      mostRecent: null
+    });
+  }, [selectedNodes]);
+  function handleClick() {
+    clickedRef.current = true;
+  }
+  const ctrlPressedRef = useRef(false);
+  useEffect(() => {
+    const down = (e) => {
+      if (e.ctrlKey || e.metaKey) ctrlPressedRef.current = true;
+    };
+    const up = () => ctrlPressedRef.current = false;
+    window.addEventListener("keydown", down);
+    window.addEventListener("keyup", up);
+    return () => {
+      window.removeEventListener("keydown", down);
+      window.removeEventListener("keyup", up);
+    };
+  }, []);
+  const handleSelect = useCallback(
+    (nodes) => {
+      if (!clickedRef.current) return;
+      clickedRef.current = false;
+      const isMultiSelect = ctrlPressedRef.current;
+      let ids = nodes.map((d) => parseInt(d.id));
+      if (isMultiSelect) {
+        dispatch({ type: "toggle-node-selected", payload: { ids } });
+      } else {
+        if (ids.length === 1 && ids[0] === selectedNodes[0]) {
+          ids = [];
+        }
+        dispatch({ type: "select-node", payload: { ids } });
+      }
+    },
+    [selectedNodes, dispatch]
+  );
+  return h(
+    "div.selection-tree-wrapper",
+    { onPointerDown: handleClick },
+    h(Tree, {
+      className: "selection-tree",
+      height,
+      width,
+      ref,
+      data: tree,
+      onMove({ dragIds, parentId, index }) {
+        dispatch({
+          type: "move-node",
+          payload: {
+            dragIds: dragIds.map((d) => parseInt(d)),
+            parentId: parentId ? parseInt(parentId) : null,
+            index
+          }
+        });
+      },
+      onDelete({ ids }) {
+        dispatch({
+          type: "delete-node",
+          payload: { ids: ids.map((d) => parseInt(d)) }
+        });
+      },
+      onSelect: handleSelect,
+      children: _Node,
+      idAccessor(d) {
+        return d.id.toString();
+      }
+    })
+  );
+}
+export {
+  FeedbackComponent,
+  treeToGraph
+};
+//# sourceMappingURL=index.js.map

package/dist/feedback/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../src/feedback/index.ts"],"sourcesContent":["import styles from \"./feedback.module.sass\";\nimport hyper from \"@macrostrat/hyper\";\n\nimport { Tree, TreeApi } from \"react-arborist\";\nimport Node from \"./node\";\nimport { FeedbackText } from \"./text-visualizer\";\nimport type { InternalEntity, TreeData } from \"./types\";\nimport type { Entity } from \"../extractions\";\nimport { getTagStyle, ModelInfo } from \"../extractions\";\nimport {\n  TreeDispatchContext,\n  treeToGraph,\n  useUpdatableTree,\n  ViewMode,\n} from \"./edit-state\";\nimport { useCallback, useEffect, useRef, useState } from \"react\";\nimport {\n  ButtonGroup,\n  Card,\n  SegmentedControl,\n  Divider,\n} from \"@blueprintjs/core\";\nimport { OmniboxSelector } from \"./type-selector\";\nimport {\n  CancelButton,\n  ErrorBoundary,\n  FlexRow,\n  SaveButton,\n} from \"@macrostrat/ui-components\";\nimport useElementDimensions from \"use-element-dimensions\";\nimport { GraphView } from \"./graph\";\n\nimport { Matches } from \"./matches\";\nimport { TypeList } from \"./typelist\";\n\nexport type { GraphData } from \"./edit-state\";\nexport { treeToGraph } from \"./edit-state\";\nexport type { TreeData } from \"./types\";\n\nconst h = hyper.styled(styles);\n\nfunction setsAreTheSame<T>(a: Set<T>, b: Set<T>) {\n  if (a.size !== b.size) return false;\n  for (const item of a) {\n    if (!b.has(item)) return false;\n  }\n  return true;\n}\n\nexport function FeedbackComponent({\n  entities = [],\n  text,\n  model,\n  entityTypes,\n  matchComponent,\n  onSave,\n  allowOverlap,\n  matchLinks,\n  view = false,\n  autoSelect = [],\n}) {\n  const [viewOnly, setViewOnly] = useState(view);\n  const [match, setMatchLinks] = useState(matchLinks);\n  const matchMode = match !== undefined;\n\n  // Get the input arguments\n  const [state, dispatch] = useUpdatableTree(\n    entities.map(processEntity) as any,\n    entityTypes,\n    viewOnly,\n    matchMode,\n    autoSelect,\n  );\n\n  const {\n    selectedNodes,\n    tree,\n    selectedEntityType,\n    isSelectingEntityType,\n    entityTypesMap,\n  } = state;\n\n  const [{ width, height }, ref] = useElementDimensions();\n\n  return h(\"div.page-wrapper\", [\n    h(\n      \"div.feedback-container\",\n      h(TreeDispatchContext.Provider, { value: dispatch }, [\n        h.if(!view)(SegmentedControl, {\n          options: [\n            { label: \"View\", value: \"view\" },\n            { label: \"Edit\", value: \"edit\" },\n          ],\n          value: viewOnly ? \"view\" : \"edit\",\n          small: true,\n          onValueChange() {\n            setViewOnly(!viewOnly);\n            dispatch({ type: \"toggle-view-only\" });\n          },\n          role: \"toolbar\",\n        }),\n        h(\n          ErrorBoundary,\n          {\n            description:\n              \"An error occurred while rendering the feedback text component.\",\n          },\n          h(FeedbackText, {\n            text,\n            dispatch,\n            // @ts-ignore\n            nodes: tree,\n            selectedNodes,\n            allowOverlap,\n            matchLinks: match,\n            viewOnly,\n          }),\n        ),\n        h(\n          FlexRow,\n          { alignItems: \"baseline\", justifyContent: \"space-between\" },\n          [\n            h(ModelInfo, { data: model }),\n            h(SegmentedControl, {\n              options: [\n                { label: \"Tree\", value: \"tree\" },\n                { label: \"Graph\", value: \"graph\" },\n              ],\n              value: state.viewMode,\n              small: true,\n              onValueChange(value: ViewMode) {\n                console.log(\"Setting view mode\", value);\n                dispatch({ type: \"set-view-mode\", payload: value });\n              },\n            }),\n          ],\n        ),\n        h(\n          \"div.entity-panel\",\n          {\n            ref,\n          },\n          [\n            h.if(state.viewMode == \"tree\")(ManagedSelectionTree, {\n              selectedNodes,\n              dispatch,\n              tree,\n              width,\n              height,\n              matchComponent,\n              viewOnly,\n            }),\n            h.if(state.viewMode == \"graph\")(GraphView, {\n              tree,\n              width,\n              height,\n              dispatch,\n              selectedNodes,\n              viewOnly,\n            }),\n          ],\n        ),\n      ]),\n    ),\n    h(Card, { className: \"control-panel\" }, [\n      h(\"div.control-content\", [\n        h.if(!viewOnly)(\n          ButtonGroup,\n          {\n            vertical: true,\n            fill: true,\n            minimal: true,\n            alignText: \"left\",\n          },\n          [\n            h(\n              CancelButton,\n              {\n                icon: \"trash\",\n                disabled: state.initialTree == state.tree,\n                onClick() {\n                  dispatch({ type: \"reset\" });\n                },\n              },\n              \"Reset\",\n            ),\n            h(\n              SaveButton,\n              {\n                onClick() {\n                  onSave(state.tree);\n                },\n                disabled: state.initialTree == state.tree,\n              },\n              \"Save\",\n            ),\n          ],\n        ),\n        h.if(!viewOnly)(Matches, {\n          match,\n          setMatchLinks,\n          matchLinks,\n          selectedNodes,\n          tree,\n          dispatch,\n        }),\n        h.if(!viewOnly)(Divider),\n        h(EntityTypeSelector, {\n          entityTypes: entityTypesMap,\n          selected: selectedEntityType,\n          onChange(payload) {\n            dispatch({ type: \"select-entity-type\", payload });\n          },\n          dispatch,\n          tree,\n          selectedNodes,\n          isOpen: isSelectingEntityType,\n          setOpen: (isOpen: boolean) =>\n            dispatch({\n              type: \"toggle-entity-type-selector\",\n              payload: isOpen,\n            }),\n          viewOnly,\n          matchMode,\n        }),\n      ]),\n    ]),\n  ]);\n}\n\nfunction processEntity(entity: Entity): InternalEntity {\n  // @ts-ignore\n  return {\n    ...entity,\n    // @ts-ignore\n    term_type: entity.type.name,\n    txt_range: [entity.indices],\n    children: entity.children?.map(processEntity) ?? [],\n  };\n}\n\nfunction EntityTypeSelector({\n  entityTypes,\n  selected,\n  isOpen,\n  setOpen,\n  onChange,\n  tree,\n  dispatch,\n  selectedNodes = [],\n  viewOnly,\n  matchMode,\n}) {\n  // Show all entity types when selected is null\n  const _selected = selected != null ? selected : undefined;\n  const [inputValue, setInputValue] = useState(\"\");\n  const types = Array.from(entityTypes.values());\n\n  const items =\n    inputValue !== \"\"\n      ? types.filter((d) =>\n          d.name.toLowerCase().includes(inputValue.toLowerCase()),\n        )\n      : types;\n\n  return h(\"div.entity-type-selector\", [\n    h(TypeList, {\n      types: entityTypes,\n      selected: _selected,\n      dispatch,\n      selectedNodes,\n      tree,\n      viewOnly: viewOnly || matchMode,\n    }),\n    h(OmniboxSelector, {\n      isOpen,\n      items,\n      selectedItem: _selected,\n      onSelectItem(item) {\n        setOpen(false);\n        onChange(item);\n      },\n      onQueryChange(query) {\n        setInputValue(query);\n      },\n      onClose() {\n        setOpen(false);\n      },\n    }),\n  ]);\n}\n\nfunction countNodes(tree) {\n  if (!tree) return 0;\n  let count = 0;\n\n  function recurse(nodes) {\n    for (const node of nodes) {\n      count++;\n      if (node.children && Array.isArray(node.children)) {\n        recurse(node.children);\n      }\n    }\n  }\n\n  recurse(tree);\n  return count;\n}\n\nfunction ManagedSelectionTree(props) {\n  const {\n    selectedNodes,\n    dispatch,\n    tree,\n    height,\n    width,\n    matchComponent,\n    viewOnly,\n  } = props;\n\n  const ref = useRef<TreeApi<TreeData>>();\n  // Use a ref to track clicks (won't cause rerender)\n  const clickedRef = useRef(false);\n\n  const _Node = useCallback(\n    (props) => h(Node, { ...props, matchComponent, viewOnly }),\n    [matchComponent, viewOnly],\n  );\n\n  // Update Tree selection when selectedNodes change\n  useEffect(() => {\n    if (ref.current == null) return;\n\n    const selection = new Set(selectedNodes.map((d) => d.toString()));\n    const currentSelection = ref.current.selectedIds;\n    if (setsAreTheSame(selection, currentSelection)) return;\n\n    ref.current.setSelection({\n      ids: selectedNodes.map((d) => d.toString()),\n      anchor: null,\n      mostRecent: null,\n    });\n  }, [selectedNodes]);\n\n  // Mark clicked when user clicks inside the tree container\n  function handleClick() {\n    clickedRef.current = true;\n  }\n\n  const ctrlPressedRef = useRef(false);\n\n  useEffect(() => {\n    const down = (e) => {\n      if (e.ctrlKey || e.metaKey) ctrlPressedRef.current = true;\n    };\n    const up = () => (ctrlPressedRef.current = false);\n\n    window.addEventListener(\"keydown\", down);\n    window.addEventListener(\"keyup\", up);\n    return () => {\n      window.removeEventListener(\"keydown\", down);\n      window.removeEventListener(\"keyup\", up);\n    };\n  }, []);\n\n  const handleSelect = useCallback(\n    (nodes) => {\n      if (!clickedRef.current) return;\n      clickedRef.current = false;\n      const isMultiSelect = ctrlPressedRef.current;\n\n      let ids = nodes.map((d) => parseInt(d.id));\n\n      if (isMultiSelect) {\n        dispatch({ type: \"toggle-node-selected\", payload: { ids } });\n      } else {\n        if (ids.length === 1 && ids[0] === selectedNodes[0]) {\n          ids = [];\n        }\n\n        dispatch({ type: \"select-node\", payload: { ids } });\n      }\n    },\n    [selectedNodes, dispatch],\n  );\n\n  return h(\n    \"div.selection-tree-wrapper\",\n    { onPointerDown: handleClick },\n    h(Tree, {\n      className: \"selection-tree\",\n      height,\n      width,\n      ref,\n      data: tree,\n      onMove({ dragIds, parentId, index }) {\n        dispatch({\n          type: \"move-node\",\n          payload: {\n            dragIds: dragIds.map((d) => parseInt(d)),\n            parentId: parentId ? parseInt(parentId) : null,\n            index,\n          },\n        });\n      },\n      onDelete({ ids }) {\n        dispatch({\n          type: \"delete-node\",\n          payload: { ids: ids.map((d) => parseInt(d)) },\n        });\n      },\n      onSelect: handleSelect,\n      children: _Node,\n      idAccessor(d) {\n        return d.id.toString();\n      },\n    }),\n  );\n}\n"],"names":["props"],"mappings":"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"}

package/dist/feedback/matches.cjs

@@ -0,0 +1,246 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const core = require("@blueprintjs/core");
+const select = require("@blueprintjs/select");
+const feedback_module = require("./feedback.module.sass.cjs");
+const hyper = require("@macrostrat/hyper");
+const react = require("react");
+const uiComponents = require("@macrostrat/ui-components");
+const dataComponents = require("@macrostrat/data-components");
+const _interopDefault = (e) => e && e.__esModule ? e : { default: e };
+const hyper__default = /* @__PURE__ */ _interopDefault(hyper);
+const h = hyper__default.default.styled(feedback_module.default);
+function Matches({
+  match,
+  setMatchLinks,
+  matchLinks,
+  selectedNodes,
+  tree,
+  dispatch
+}) {
+  const [overlayOpen, setOverlayOpen] = react.useState(false);
+  let nodeMatch = null;
+  if (selectedNodes.length === 1) {
+    nodeMatch = findMatchingNode(tree, selectedNodes[0]);
+  }
+  return h.if(matchLinks)("div", [
+    h(core.Divider),
+    h(core.Switch, {
+      label: "Match mode",
+      checked: match !== void 0,
+      onChange: (e) => {
+        setMatchLinks(match === void 0 ? matchLinks || {} : void 0);
+        dispatch({ type: "toggle-match-mode" });
+      }
+    }),
+    h.if(nodeMatch && match)(Match, {
+      data: nodeMatch?.match,
+      matchLinks,
+      dispatch,
+      nodeId: nodeMatch?.id
+    }),
+    h.if(selectedNodes.length == 1 && !nodeMatch?.match && match)(
+      "div.add-match-container",
+      [
+        h(
+          "div.add-type",
+          {
+            onClick: () => {
+              setOverlayOpen(true);
+            }
+          },
+          [h("p.add-match-text", "Add match"), h(core.Icon, { icon: "plus" })]
+        ),
+        h(MatchOverlay, {
+          isOpen: overlayOpen,
+          setOverlayOpen,
+          nodeMatch,
+          dispatch
+        })
+      ]
+    )
+  ]);
+}
+function findMatchingNode(tree, nodeId) {
+  let match = null;
+  function traverse(node) {
+    if (node.id === nodeId) {
+      match = node;
+      return true;
+    }
+    if (Array.isArray(node.children)) {
+      for (const child of node.children) {
+        if (traverse(child)) return true;
+      }
+    }
+    return false;
+  }
+  tree.forEach(traverse);
+  return match;
+}
+function MatchOverlay({ isOpen, setOverlayOpen, nodeMatch, dispatch }) {
+  const [inputValue, setInputValue] = react.useState(nodeMatch?.name || "");
+  const [selectedItem, setSelectedItem] = react.useState(h("div", "Select a match"));
+  const [disabled, setDisabled] = react.useState(true);
+  const [payload, setPayload] = react.useState({});
+  const data = uiComponents.useAPIResult(
+    "https://dev.macrostrat.org/api/pg/type_lookup?name=ilike.*" + inputValue + "*"
+  );
+  const items = data?.map((data2) => h(MatchTag, { data: data2, setPayload }));
+  return h(
+    core.Overlay2,
+    {
+      isOpen
+    },
+    h(
+      "div.overlay-container",
+      h("div.add-type-overlay", [
+        h("h2.title", [
+          "Add match with " + nodeMatch.name,
+          h(core.Icon, {
+            icon: "cross",
+            className: "close-icon",
+            onClick: () => {
+              setOverlayOpen(false);
+            },
+            style: { cursor: "pointer", color: "red" }
+          })
+        ]),
+        h("div.form-group", [
+          h(
+            select.Select,
+            {
+              items: items || [],
+              itemRenderer: (item, { handleClick }) => {
+                return h("div.match-item", { onClick: handleClick }, item);
+              },
+              onItemSelect: (item) => {
+                setDisabled(false);
+                setSelectedItem(item);
+              },
+              onQueryChange: (query) => setInputValue(query),
+              popoverProps: { minimal: true },
+              query: inputValue,
+              placeholder: "Enter match name"
+            },
+            selectedItem
+          )
+        ]),
+        h(
+          uiComponents.SaveButton,
+          {
+            className: "save-btn",
+            small: true,
+            onClick: () => {
+              dispatch({
+                type: "add-match",
+                payload: { id: nodeMatch.id, payload }
+              });
+              setOverlayOpen(false);
+            },
+            disabled
+          },
+          "Save changes"
+        )
+      ])
+    )
+  );
+}
+function Match({ data, matchLinks, dispatch, nodeId }) {
+  return h.if(data)("div.match-container", [
+    MatchTag({ data, matchLinks }),
+    h(core.Icon, {
+      icon: "cross",
+      color: "red",
+      className: "close-btn",
+      onClick: () => {
+        dispatch({ type: "remove-match", payload: { id: nodeId } });
+      }
+    })
+  ]);
+}
+function MatchTag({ data, matchLinks, setPayload }) {
+  if (!data || Object.keys(data).length === 0) return;
+  if (data.lith_id || data?.type === "lith") {
+    return h(
+      "div",
+      {
+        onClick: () => {
+          data.type === "lith" ? setPayload({ lith_id: data.id, name: data.name }) : null;
+        }
+      },
+      h(uiComponents.DataField, {
+        className: "match-item",
+        label: "Stratigraphic name",
+        value: h(dataComponents.LithologyTag, {
+          data: { name: data.name, id: data.id, color: data.color },
+          onClick: () => window.open(
+            matchLinks.strat_name + "/" + data.strat_name_id,
+            "_blank"
+          )
+        })
+      })
+    );
+  }
+  if (data.strat_name_id || data?.type === "strat_name") {
+    return h(
+      "div",
+      {
+        onClick: () => {
+          data.type === "strat_name" ? setPayload({ strat_name_id: data.id, name: data.name }) : null;
+        }
+      },
+      h(uiComponents.DataField, {
+        className: "match-item",
+        label: "Stratigraphic name",
+        value: h(dataComponents.LithologyTag, {
+          data: { name: data.name, id: data.id, color: data.color },
+          onClick: () => window.open(
+            matchLinks.strat_name + "/" + data.strat_name_id,
+            "_blank"
+          )
+        })
+      })
+    );
+  }
+  if (data.lith_att_id || data?.type === "lith_att") {
+    return h(
+      "div",
+      {
+        onClick: () => {
+          data.type === "lith_att" ? setPayload({ lith_att_id: data.id, name: data.name }) : null;
+        }
+      },
+      h(uiComponents.DataField, {
+        className: "match-item",
+        label: "Lithology attribute",
+        value: h(dataComponents.LithologyTag, {
+          data: { name: data.name, id: data.lith_att_id },
+          onClick: () => window.open(matchLinks.lith_att + "/" + data.lith_att_id, "_blank")
+        })
+      })
+    );
+  }
+  if (data.int_id || data?.type === "interval") {
+    return h(
+      "div",
+      {
+        onClick: () => {
+          data.type === "interval" ? setPayload({ int_id: data.id, name: data.name }) : null;
+        }
+      },
+      h(uiComponents.DataField, {
+        label: "Interval",
+        className: "match-item",
+        value: h(dataComponents.LithologyTag, {
+          data: { name: data.name, id: data.id },
+          onClick: () => window.open(matchLinks.interval + "/" + data.int_id, "_blank")
+        })
+      })
+    );
+  }
+  return h(uiComponents.JSONView, { data });
+}
+exports.MatchTag = MatchTag;
+exports.Matches = Matches;
+//# sourceMappingURL=matches.cjs.map

package/dist/feedback/matches.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"matches.cjs","sources":["../../src/feedback/matches.ts"],"sourcesContent":["import { Switch } from \"@blueprintjs/core\";\nimport { Select } from \"@blueprintjs/select\";\nimport styles from \"./feedback.module.sass\";\nimport hyper from \"@macrostrat/hyper\";\nimport { useState } from \"react\";\nimport { Icon, Divider, Overlay2 } from \"@blueprintjs/core\";\nimport { JSONView, SaveButton } from \"@macrostrat/ui-components\";\nimport { useAPIResult, DataField } from \"@macrostrat/ui-components\";\nimport { LithologyTag } from \"@macrostrat/data-components\";\n\nconst h = hyper.styled(styles);\n\nexport function Matches({\n  match,\n  setMatchLinks,\n  matchLinks,\n  selectedNodes,\n  tree,\n  dispatch,\n}) {\n  const [overlayOpen, setOverlayOpen] = useState(false);\n\n  let nodeMatch = null;\n  if (selectedNodes.length === 1) {\n    nodeMatch = findMatchingNode(tree, selectedNodes[0]);\n  }\n\n  return h.if(matchLinks)(\"div\", [\n    h(Divider),\n    h(Switch, {\n      label: \"Match mode\",\n      checked: match !== undefined,\n      onChange: (e) => {\n        setMatchLinks(match === undefined ? matchLinks || {} : undefined);\n        dispatch({ type: \"toggle-match-mode\" });\n      },\n    }),\n    h.if(nodeMatch && match)(Match, {\n      data: nodeMatch?.match,\n      matchLinks: matchLinks,\n      dispatch,\n      nodeId: nodeMatch?.id,\n    }),\n    h.if(selectedNodes.length == 1 && !nodeMatch?.match && match)(\n      \"div.add-match-container\",\n      [\n        h(\n          \"div.add-type\",\n          {\n            onClick: () => {\n              setOverlayOpen(true);\n            },\n          },\n          [h(\"p.add-match-text\", \"Add match\"), h(Icon, { icon: \"plus\" })],\n        ),\n        h(MatchOverlay, {\n          isOpen: overlayOpen,\n          setOverlayOpen,\n          nodeMatch,\n          dispatch,\n        }),\n      ],\n    ),\n  ]);\n}\n\nfunction findMatchingNode(tree, nodeId) {\n  let match = null;\n\n  function traverse(node) {\n    if (node.id === nodeId) {\n      match = node;\n      return true;\n    }\n    if (Array.isArray(node.children)) {\n      for (const child of node.children) {\n        if (traverse(child)) return true;\n      }\n    }\n    return false;\n  }\n\n  tree.forEach(traverse);\n  return match;\n}\n\nfunction MatchOverlay({ isOpen, setOverlayOpen, nodeMatch, dispatch }) {\n  const [inputValue, setInputValue] = useState(nodeMatch?.name || \"\");\n  const [selectedItem, setSelectedItem] = useState(h(\"div\", \"Select a match\"));\n  const [disabled, setDisabled] = useState(true);\n  const [payload, setPayload] = useState({});\n\n  const data = useAPIResult(\n    \"https://dev.macrostrat.org/api/pg/type_lookup?name=ilike.*\" +\n      inputValue +\n      \"*\",\n  );\n  const items = data?.map((data) => h(MatchTag, { data, setPayload }));\n\n  return h(\n    Overlay2,\n    {\n      isOpen,\n    },\n    h(\n      \"div.overlay-container\",\n      h(\"div.add-type-overlay\", [\n        h(\"h2.title\", [\n          \"Add match with \" + nodeMatch.name,\n          h(Icon, {\n            icon: \"cross\",\n            className: \"close-icon\",\n            onClick: () => {\n              setOverlayOpen(false);\n            },\n            style: { cursor: \"pointer\", color: \"red\" },\n          }),\n        ]),\n        h(\"div.form-group\", [\n          h(\n            Select,\n            {\n              items: items || [],\n              itemRenderer: (item, { handleClick }) => {\n                return h(\"div.match-item\", { onClick: handleClick }, item);\n              },\n              onItemSelect: (item) => {\n                setDisabled(false);\n                setSelectedItem(item);\n              },\n              onQueryChange: (query) => setInputValue(query),\n              popoverProps: { minimal: true },\n              query: inputValue,\n              placeholder: \"Enter match name\",\n            },\n            selectedItem,\n          ),\n        ]),\n        h(\n          SaveButton,\n          {\n            className: \"save-btn\",\n            small: true,\n            onClick: () => {\n              // Handle save changes\n              dispatch({\n                type: \"add-match\",\n                payload: { id: nodeMatch.id, payload },\n              });\n              setOverlayOpen(false);\n            },\n            disabled,\n          },\n          \"Save changes\",\n        ),\n      ]),\n    ),\n  );\n}\n\nfunction Match({ data, matchLinks, dispatch, nodeId }) {\n  return h.if(data)(\"div.match-container\", [\n    MatchTag({ data, matchLinks }),\n    h(Icon, {\n      icon: \"cross\",\n      color: \"red\",\n      className: \"close-btn\",\n      onClick: () => {\n        dispatch({ type: \"remove-match\", payload: { id: nodeId } });\n      },\n    }),\n  ]);\n}\n\ninterface MatchTagProps {\n  data: any;\n  matchLinks?: Record<string, string>;\n  setPayload?: (payload: Record<string, any>) => void;\n}\n\nexport function MatchTag({ data, matchLinks, setPayload }: MatchTagProps) {\n  if (!data || Object.keys(data).length === 0) return;\n\n  if (data.lith_id || data?.type === \"lith\") {\n    return h(\n      \"div\",\n      {\n        onClick: () => {\n          data.type === \"lith\"\n            ? setPayload({ lith_id: data.id, name: data.name })\n            : null;\n        },\n      },\n      h(DataField, {\n        className: \"match-item\",\n        label: \"Stratigraphic name\",\n        value: h(LithologyTag, {\n          data: { name: data.name, id: data.id, color: data.color },\n          onClick: () =>\n            window.open(\n              matchLinks.strat_name + \"/\" + data.strat_name_id,\n              \"_blank\",\n            ),\n        }),\n      }),\n    );\n  }\n\n  if (data.strat_name_id || data?.type === \"strat_name\") {\n    return h(\n      \"div\",\n      {\n        onClick: () => {\n          data.type === \"strat_name\"\n            ? setPayload({ strat_name_id: data.id, name: data.name })\n            : null;\n        },\n      },\n      h(DataField, {\n        className: \"match-item\",\n        label: \"Stratigraphic name\",\n        value: h(LithologyTag, {\n          data: { name: data.name, id: data.id, color: data.color },\n          onClick: () =>\n            window.open(\n              matchLinks.strat_name + \"/\" + data.strat_name_id,\n              \"_blank\",\n            ),\n        }),\n      }),\n    );\n  }\n\n  if (data.lith_att_id || data?.type === \"lith_att\") {\n    return h(\n      \"div\",\n      {\n        onClick: () => {\n          data.type === \"lith_att\"\n            ? setPayload({ lith_att_id: data.id, name: data.name })\n            : null;\n        },\n      },\n      h(DataField, {\n        className: \"match-item\",\n        label: \"Lithology attribute\",\n        value: h(LithologyTag, {\n          data: { name: data.name, id: data.lith_att_id },\n          onClick: () =>\n            window.open(matchLinks.lith_att + \"/\" + data.lith_att_id, \"_blank\"),\n        }),\n      }),\n    );\n  }\n\n  if (data.int_id || data?.type === \"interval\") {\n    return h(\n      \"div\",\n      {\n        onClick: () => {\n          data.type === \"interval\"\n            ? setPayload({ int_id: data.id, name: data.name })\n            : null;\n        },\n      },\n      h(DataField, {\n        label: \"Interval\",\n        className: \"match-item\",\n        value: h(LithologyTag, {\n          data: { name: data.name, id: data.id },\n          onClick: () =>\n            window.open(matchLinks.interval + \"/\" + data.int_id, \"_blank\"),\n        }),\n      }),\n    );\n  }\n\n  return h(JSONView, { data });\n}\n"],"names":["hyper","styles","useState","Divider","Switch","Icon","useAPIResult","data","Overlay2","Select","SaveButton","DataField","LithologyTag","JSONView"],"mappings":"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"}

package/dist/feedback/matches.d.ts

@@ -0,0 +1,17 @@
+export declare function Matches({ match, setMatchLinks, matchLinks, selectedNodes, tree, dispatch, }: {
+    match: any;
+    setMatchLinks: any;
+    matchLinks: any;
+    selectedNodes: any;
+    tree: any;
+    dispatch: any;
+}): import('react').DetailedReactHTMLElement<import('react').HTMLAttributes<HTMLElement>, HTMLElement>;
+interface MatchTagProps {
+    data: any;
+    matchLinks?: Record<string, string>;
+    setPayload?: (payload: Record<string, any>) => void;
+}
+export declare function MatchTag({ data, matchLinks, setPayload }: MatchTagProps): import('react').DetailedReactHTMLElement<{
+    onClick: () => void;
+}, HTMLElement> | import('react').FunctionComponentElement<any>;
+export {};