@macrostrat/feedback-components 1.0.0 → 1.1.0

package/dist/feedback.46c2b5c4.js.map

@@ -1 +0,0 @@
-{"mappings":"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","sources":["packages/feedback-components/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 { ModelInfo } from \"../extractions\";\nimport {\n  TreeDispatchContext,\n  treeToGraph,\n  useUpdatableTree,\n  ViewMode,\n} from \"./edit-state\";\nimport { useCallback, useEffect, useRef } from \"react\";\nimport { ButtonGroup, Card, SegmentedControl } from \"@blueprintjs/core\";\nimport { OmniboxSelector } from \"./type-selector\";\nimport {\n  CancelButton,\n  DataField,\n  FlexBox,\n  FlexRow,\n  SaveButton,\n} from \"@macrostrat/ui-components\";\nimport useElementDimensions from \"use-element-dimensions\";\nimport { GraphView } from \"./graph\";\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}) {\n  // Get the input arguments\n\n  const [state, dispatch] = useUpdatableTree(\n    entities.map(processEntity) as any,\n    entityTypes\n  );\n\n  const { selectedNodes, tree, selectedEntityType, isSelectingEntityType } =\n    state;\n\n  const [{ width, height }, ref] = useElementDimensions();\n\n  return h(TreeDispatchContext.Provider, { value: dispatch }, [\n    h(FeedbackText, {\n      text,\n      dispatch,\n      // @ts-ignore\n      nodes: tree,\n      selectedNodes,\n    }),\n    h(FlexRow, { alignItems: \"baseline\", justifyContent: \"space-between\" }, [\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    h(\n      \"div.entity-panel\",\n      {\n        ref,\n      },\n      [\n        h(Card, { className: \"control-panel\" }, [\n          h(\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(EntityTypeSelector, {\n            entityTypes,\n            selected: selectedEntityType,\n            onChange(payload) {\n              dispatch({ type: \"select-entity-type\", payload });\n            },\n            isOpen: isSelectingEntityType,\n            setOpen: (isOpen: boolean) =>\n              dispatch({\n                type: \"toggle-entity-type-selector\",\n                payload: isOpen,\n              }),\n          }),\n        ]),\n        h.if(state.viewMode == \"tree\")(ManagedSelectionTree, {\n          selectedNodes,\n          dispatch,\n          tree,\n          width,\n          height,\n          matchComponent,\n        }),\n        h.if(state.viewMode == \"graph\")(GraphView, {\n          tree,\n          width,\n          height,\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}) {\n  // Show all entity types when selected is null\n  const _selected = selected != null ? selected : undefined;\n  return h(DataField, { label: \"Entity type\", inline: true }, [\n    h(\n      \"code.bp5-code\",\n      {\n        onClick() {\n          setOpen((d) => !d);\n        },\n      },\n      selected.name\n    ),\n    h(OmniboxSelector, {\n      isOpen,\n      items: Array.from(entityTypes.values()),\n      selectedItem: _selected,\n      onSelectItem(item) {\n        setOpen(false);\n        onChange(item);\n      },\n      onClose() {\n        setOpen(false);\n      },\n    }),\n  ]);\n}\n\nfunction ManagedSelectionTree(props) {\n  const {\n    selectedNodes,\n    dispatch,\n    tree,\n    height,\n    width,\n    matchComponent,\n    ...rest\n  } = props;\n\n  const ref = useRef<TreeApi<TreeData>>();\n\n  const _Node = useCallback(\n    (props) => h(Node, { ...props, matchComponent }),\n    [matchComponent]\n  );\n\n  useEffect(() => {\n    if (ref.current == null) return;\n    // Check if selection matches current\n    const selection = new Set(selectedNodes.map((d) => d.toString()));\n    const currentSelection = ref.current.selectedIds;\n    if (setsAreTheSame(selection, currentSelection)) return;\n    // If the selection is the same, do nothing\n\n    // Set selection\n    ref.current.setSelection({\n      ids: selectedNodes.map((d) => d.toString()),\n      anchor: null,\n      mostRecent: null,\n    });\n  }, [selectedNodes]);\n\n  return 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(nodes) {\n      let ids = nodes.map((d) => parseInt(d.id));\n      if (ids.length == 1 && ids[0] == selectedNodes[0]) {\n        // Deselect\n        ids = [];\n      }\n      dispatch({ type: \"select-node\", payload: { ids } });\n    },\n    children: _Node,\n    idAccessor(d: TreeData) {\n      return d.id.toString();\n    },\n  });\n}\n"],"names":[],"version":3,"file":"feedback.46c2b5c4.js.map"}

package/dist/feedback.module.7e16830e.css

@@ -1,44 +0,0 @@
-.QoX8-W_feedback-component {
-  width: 800px;
-  position: relative;
-}
-
-.QoX8-W_feedback-component > svg {
-  width: 800px;
-}
-
-.QoX8-W_node {
-  cursor: pointer;
-}
-
-.QoX8-W_feedback-text {
-  margin-bottom: 2em;
-}
-
-.QoX8-W_entity-panel {
-  max-height: 600px;
-  position: relative;
-}
-
-.QoX8-W_control-panel {
-  max-width: 15em;
-  padding: .2em .5em;
-  position: absolute;
-  top: 1em;
-  right: 1em;
-}
-
-.QoX8-W_entity-panel {
-  background: var(--panel-secondary-background-color);
-  min-height: 100px;
-  box-shadow: 0 0 0 1px var(--panel-border-color) inset;
-  border-radius: 4px;
-  flex: 1;
-  padding: 1em;
-}
-
-.QoX8-W_selection-tree {
-  margin: -1em 0;
-  padding: 1em 0;
-}
-/*# sourceMappingURL=feedback.module.7e16830e.css.map */

package/dist/feedback.module.7e16830e.css.map

@@ -1 +0,0 @@
-{"mappings":"AAAA;;;;;AAIE;;;;AAGF;;;;AAIA;;;;AAGA;;;;;AAIA;;;;;;;;AAOA;;;;;;;;;AASA","sources":["packages/feedback-components/src/feedback/feedback.module.sass"],"sourcesContent":[".feedback-component\n  position: relative\n  width: 800px\n\n  & > svg\n    width: 800px\n\n.node\n  cursor: pointer\n\n\n.feedback-text\n  margin-bottom: 2em\n\n.entity-panel\n  position: relative\n  max-height: 600px\n\n.control-panel\n  max-width: 15em\n  position: absolute\n  top: 1em\n  right: 1em\n  padding: 0.2em 0.5em\n\n.entity-panel\n  flex: 1\n  min-height: 100px\n  padding: 1em\n  background: var(--panel-secondary-background-color)\n  border-radius: 4px\n  // Inset box shadow\n  box-shadow: 0 0 0 1px var(--panel-border-color) inset\n\n.selection-tree\n  margin: -1em 0\n  padding: 1em 0\n"],"names":[],"version":3,"file":"feedback.module.7e16830e.css.map"}

package/dist/feedback.module.c28cbac7.js

@@ -1,28 +0,0 @@
-
-function $parcel$export(e, n, v, s) {
-  Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
-}
-var $49c87ee97f392268$exports = {};
-
-$parcel$export($49c87ee97f392268$exports, "control-panel", () => $49c87ee97f392268$export$a0a23f31d5562853, (v) => $49c87ee97f392268$export$a0a23f31d5562853 = v);
-$parcel$export($49c87ee97f392268$exports, "entity-panel", () => $49c87ee97f392268$export$38f2cd12e45697e, (v) => $49c87ee97f392268$export$38f2cd12e45697e = v);
-$parcel$export($49c87ee97f392268$exports, "feedback-component", () => $49c87ee97f392268$export$579bd45c78bf5510, (v) => $49c87ee97f392268$export$579bd45c78bf5510 = v);
-$parcel$export($49c87ee97f392268$exports, "feedback-text", () => $49c87ee97f392268$export$890489be1870bed5, (v) => $49c87ee97f392268$export$890489be1870bed5 = v);
-$parcel$export($49c87ee97f392268$exports, "node", () => $49c87ee97f392268$export$35059013cd4a06db, (v) => $49c87ee97f392268$export$35059013cd4a06db = v);
-$parcel$export($49c87ee97f392268$exports, "selection-tree", () => $49c87ee97f392268$export$3ae1b51693c80a9c, (v) => $49c87ee97f392268$export$3ae1b51693c80a9c = v);
-var $49c87ee97f392268$export$a0a23f31d5562853;
-var $49c87ee97f392268$export$38f2cd12e45697e;
-var $49c87ee97f392268$export$579bd45c78bf5510;
-var $49c87ee97f392268$export$890489be1870bed5;
-var $49c87ee97f392268$export$35059013cd4a06db;
-var $49c87ee97f392268$export$3ae1b51693c80a9c;
-$49c87ee97f392268$export$a0a23f31d5562853 = `QoX8-W_control-panel`;
-$49c87ee97f392268$export$38f2cd12e45697e = `QoX8-W_entity-panel`;
-$49c87ee97f392268$export$579bd45c78bf5510 = `QoX8-W_feedback-component`;
-$49c87ee97f392268$export$890489be1870bed5 = `QoX8-W_feedback-text`;
-$49c87ee97f392268$export$35059013cd4a06db = `QoX8-W_node`;
-$49c87ee97f392268$export$3ae1b51693c80a9c = `QoX8-W_selection-tree`;
-
-
-export {$49c87ee97f392268$exports as default};
-//# sourceMappingURL=feedback.module.c28cbac7.js.map

package/dist/feedback.module.c28cbac7.js.map

@@ -1 +0,0 @@
-{"mappings":";;;;;;;;;;;;AAAA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AALA,4CAAkC,CAAC,oBAAoB,CAAC;AACxD,2CAAiC,CAAC,mBAAmB,CAAC;AACtD,4CAAuC,CAAC,yBAAyB,CAAC;AAClE,4CAAkC,CAAC,oBAAoB,CAAC;AACxD,4CAAyB,CAAC,WAAW,CAAC;AACtC,4CAAmC,CAAC,qBAAqB,CAAC","sources":["packages/feedback-components/src/feedback/feedback.module.sass"],"sourcesContent":[".feedback-component\n  position: relative\n  width: 800px\n\n  & > svg\n    width: 800px\n\n.node\n  cursor: pointer\n\n\n.feedback-text\n  margin-bottom: 2em\n\n.entity-panel\n  position: relative\n  max-height: 600px\n\n.control-panel\n  max-width: 15em\n  position: absolute\n  top: 1em\n  right: 1em\n  padding: 0.2em 0.5em\n\n.entity-panel\n  flex: 1\n  min-height: 100px\n  padding: 1em\n  background: var(--panel-secondary-background-color)\n  border-radius: 4px\n  // Inset box shadow\n  box-shadow: 0 0 0 1px var(--panel-border-color) inset\n\n.selection-tree\n  margin: -1em 0\n  padding: 1em 0\n"],"names":[],"version":3,"file":"feedback.module.c28cbac7.js.map"}

package/dist/graph.cb42b871.js

@@ -1,83 +0,0 @@
-import {treeToGraph as $b79bf29960412ca7$export$8d9dbb7a64bf2a5e} from "./edit-state.e8edb13a.js";
-import $aW1K8$macrostrathyper from "@macrostrat/hyper";
-import {forceSimulation as $aW1K8$forceSimulation, forceLink as $aW1K8$forceLink, forceManyBody as $aW1K8$forceManyBody, forceCenter as $aW1K8$forceCenter, forceCollide as $aW1K8$forceCollide} from "d3-force";
-import {useState as $aW1K8$useState, useEffect as $aW1K8$useEffect} from "react";
-import {Spinner as $aW1K8$Spinner} from "@blueprintjs/core";
-
-
-
-
-
-
-function $ff8c3e7f2bc22925$export$6a7fe3ef90e8d566(props) {
-    // A graph view with react-flow
-    // Get positions of nodes using force simulation
-    const { tree: tree, width: width, height: height } = props;
-    const [nodes, setNodes] = (0, $aW1K8$useState)(null);
-    const [links, setLinks] = (0, $aW1K8$useState)(null);
-    (0, $aW1K8$useEffect)(()=>{
-        const { nodes: nodes, edges: edges } = (0, $b79bf29960412ca7$export$8d9dbb7a64bf2a5e)(tree);
-        const nodesMap = new Map(nodes.map((d)=>[
-                d.id,
-                d
-            ]));
-        const links = edges.map((d)=>{
-            return {
-                source: nodesMap.get(d.source),
-                target: nodesMap.get(d.dest),
-                strength: 1
-            };
-        });
-        const simulation = (0, $aW1K8$forceSimulation)(nodes).force("link", (0, $aW1K8$forceLink)(links)).force("charge", (0, $aW1K8$forceManyBody)().strength(-50)).force("center", (0, $aW1K8$forceCenter)(width / 2, height / 2)).force("collide", (0, $aW1K8$forceCollide)().radius(20)).on("tick", ()=>{
-            // Update the positions of the nodes
-            // setNodes(nodes);
-            console.log("Simulation tick");
-        }).on("end", ()=>{
-            // Update the positions of the nodes
-            setNodes(nodes);
-            setLinks(links);
-        });
-        return ()=>{
-            simulation.stop();
-        };
-    }, [
-        tree,
-        width,
-        height
-    ]);
-    if (nodes == null || links == null) return (0, $aW1K8$macrostrathyper)((0, $aW1K8$Spinner));
-    console.log("Graph", nodes, links);
-    return (0, $aW1K8$macrostrathyper)("div.graph-view", {
-        style: {
-            width: width,
-            height: height
-        }
-    }, [
-        (0, $aW1K8$macrostrathyper)("svg", {
-            width: width,
-            height: height
-        }, [
-            (0, $aW1K8$macrostrathyper)("g.nodes", nodes.map((d)=>{
-                return (0, $aW1K8$macrostrathyper)("circle", {
-                    cx: d.x,
-                    cy: d.y,
-                    r: 5,
-                    fill: "blue"
-                });
-            })),
-            (0, $aW1K8$macrostrathyper)("g.links", links.map((d)=>{
-                return (0, $aW1K8$macrostrathyper)("line", {
-                    x1: d.source.x,
-                    y1: d.source.y,
-                    x2: d.target.x,
-                    y2: d.target.y,
-                    stroke: "black"
-                });
-            }))
-        ])
-    ]);
-}
-
-
-export {$ff8c3e7f2bc22925$export$6a7fe3ef90e8d566 as GraphView};
-//# sourceMappingURL=graph.cb42b871.js.map

package/dist/graph.cb42b871.js.map

@@ -1 +0,0 @@
-{"mappings":";;;;;;;;;;;AAgBO,SAAS,0CAAU,KAIzB;IACC,+BAA+B;IAC/B,gDAAgD;IAChD,MAAM,QAAE,IAAI,SAAE,KAAK,UAAE,MAAM,EAAE,GAAG;IAEhC,MAAM,CAAC,OAAO,SAAS,GAAG,CAAA,GAAA,eAAO,EAAyB;IAC1D,MAAM,CAAC,OAAO,SAAS,GAAG,CAAA,GAAA,eAAO,EAAyB;IAE1D,CAAA,GAAA,gBAAQ,EAAE;QACR,MAAM,SAAE,KAAK,SAAE,KAAK,EAAE,GAAG,CAAA,GAAA,yCAAU,EAAE;QAErC,MAAM,WAAW,IAAI,IACnB,MAAM,GAAG,CAAC,CAAC,IAAM;gBAAC,EAAE,EAAE;gBAAE;aAAE;QAG5B,MAAM,QAAQ,MAAM,GAAG,CAAC,CAAC;YACvB,OAAO;gBACL,QAAQ,SAAS,GAAG,CAAC,EAAE,MAAM;gBAC7B,QAAQ,SAAS,GAAG,CAAC,EAAE,IAAI;gBAC3B,UAAU;YACZ;QACF;QAEA,MAAM,aAAa,CAAA,GAAA,sBAAc,EAAE,OAChC,KAAK,CAAC,QAAQ,CAAA,GAAA,gBAAQ,EAAE,QACxB,KAAK,CAAC,UAAU,CAAA,GAAA,oBAAY,IAAI,QAAQ,CAAC,MACzC,KAAK,CAAC,UAAU,CAAA,GAAA,kBAAU,EAAE,QAAQ,GAAG,SAAS,IAChD,KAAK,CAAC,WAAW,CAAA,GAAA,mBAAW,IAAI,MAAM,CAAC,KACvC,EAAE,CAAC,QAAQ;YACV,oCAAoC;YACpC,mBAAmB;YACnB,QAAQ,GAAG,CAAC;QACd,GACC,EAAE,CAAC,OAAO;YACT,oCAAoC;YACpC,SAAS;YACT,SAAS;QACX;QAEF,OAAO;YACL,WAAW,IAAI;QACjB;IACF,GAAG;QAAC;QAAM;QAAO;KAAO;IAExB,IAAI,SAAS,QAAQ,SAAS,MAC5B,OAAO,CAAA,GAAA,sBAAA,EAAE,CAAA,GAAA,cAAM;IAGjB,QAAQ,GAAG,CAAC,SAAS,OAAO;IAE5B,OAAO,CAAA,GAAA,sBAAA,EAAE,kBAAkB;QAAE,OAAO;mBAAE;oBAAO;QAAO;IAAE,GAAG;QACvD,CAAA,GAAA,sBAAA,EAAE,OAAO;mBAAE;oBAAO;QAAO,GAAG;YAC1B,CAAA,GAAA,sBAAA,EACE,WACA,MAAM,GAAG,CAAC,CAAC;gBACT,OAAO,CAAA,GAAA,sBAAA,EAAE,UAAU;oBACjB,IAAI,EAAE,CAAC;oBACP,IAAI,EAAE,CAAC;oBACP,GAAG;oBACH,MAAM;gBACR;YACF;YAEF,CAAA,GAAA,sBAAA,EACE,WACA,MAAM,GAAG,CAAC,CAAC;gBACT,OAAO,CAAA,GAAA,sBAAA,EAAE,QAAQ;oBACf,IAAI,EAAE,MAAM,CAAC,CAAC;oBACd,IAAI,EAAE,MAAM,CAAC,CAAC;oBACd,IAAI,EAAE,MAAM,CAAC,CAAC;oBACd,IAAI,EAAE,MAAM,CAAC,CAAC;oBACd,QAAQ;gBACV;YACF;SAEH;KACF;AACH","sources":["packages/feedback-components/src/feedback/graph.ts"],"sourcesContent":["import { TreeData } from \"./types\";\nimport { treeToGraph } from \"./edit-state\";\nimport h from \"@macrostrat/hyper\";\n\nimport {\n  forceSimulation,\n  SimulationNodeDatum,\n  SimulationLinkDatum,\n  forceCenter,\n  forceLink,\n  forceManyBody,\n  forceCollide,\n} from \"d3-force\";\nimport { useEffect, useState } from \"react\";\nimport { Spinner } from \"@blueprintjs/core\";\n\nexport function GraphView(props: {\n  tree: TreeData[];\n  width: number;\n  height: number;\n}) {\n  // A graph view with react-flow\n  // Get positions of nodes using force simulation\n  const { tree, width, height } = props;\n\n  const [nodes, setNodes] = useState<SimulationNodeDatum[]>(null);\n  const [links, setLinks] = useState<SimulationLinkDatum[]>(null);\n\n  useEffect(() => {\n    const { nodes, edges } = treeToGraph(tree);\n\n    const nodesMap = new Map<number, SimulationNodeDatum>(\n      nodes.map((d) => [d.id, d])\n    );\n\n    const links = edges.map((d) => {\n      return {\n        source: nodesMap.get(d.source),\n        target: nodesMap.get(d.dest),\n        strength: 1,\n      };\n    });\n\n    const simulation = forceSimulation(nodes)\n      .force(\"link\", forceLink(links))\n      .force(\"charge\", forceManyBody().strength(-50))\n      .force(\"center\", forceCenter(width / 2, height / 2))\n      .force(\"collide\", forceCollide().radius(20))\n      .on(\"tick\", () => {\n        // Update the positions of the nodes\n        // setNodes(nodes);\n        console.log(\"Simulation tick\");\n      })\n      .on(\"end\", () => {\n        // Update the positions of the nodes\n        setNodes(nodes);\n        setLinks(links);\n      });\n\n    return () => {\n      simulation.stop();\n    };\n  }, [tree, width, height]);\n\n  if (nodes == null || links == null) {\n    return h(Spinner);\n  }\n\n  console.log(\"Graph\", nodes, links);\n\n  return h(\"div.graph-view\", { style: { width, height } }, [\n    h(\"svg\", { width, height }, [\n      h(\n        \"g.nodes\",\n        nodes.map((d) => {\n          return h(\"circle\", {\n            cx: d.x,\n            cy: d.y,\n            r: 5,\n            fill: \"blue\",\n          });\n        })\n      ),\n      h(\n        \"g.links\",\n        links.map((d) => {\n          return h(\"line\", {\n            x1: d.source.x,\n            y1: d.source.y,\n            x2: d.target.x,\n            y2: d.target.y,\n            stroke: \"black\",\n          });\n        })\n      ),\n    ]),\n  ]);\n}\n"],"names":[],"version":3,"file":"graph.cb42b871.js.map"}

package/dist/index.d.ts.map

@@ -1 +0,0 @@
-{"mappings":";;AAAA,kBAAkB;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAC;IAAC,EAAE,EAAE,MAAM,CAAA;CAAE,CAAC;AAC9D,aAAa,GAAG,CAAC;AAEjB;IACE,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAC1B,QAAQ,EAAE,MAAM,EAAE,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC;CACf;AAID,iBAAwB;IACtB,KAAK,EAAE,MAAM,CAAC;IACd,GAAG,EAAE,MAAM,CAAC;IACZ,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,EAAE,EAAE,MAAM,CAAC;IACX,OAAO,CAAC,EAAE,MAAM,EAAE,CAAC;CACpB,CAAC;AAEF,0BAA2B,SAAQ,IAAI,CAAC,MAAM,EAAE,MAAM,GAAG,UAAU,CAAC;IAClE,IAAI,EAAE,UAAU,CAAC;IACjB,QAAQ,EAAE,SAAS,EAAE,CAAC;IACtB,OAAO,CAAC,EAAE,MAAM,EAAE,CAAC;CACpB;AEjBD,gCACE,QAAQ,EAAE,SAAS,EAAE,EACrB,MAAM,EAAE,SAAS,GAAG,IAAI,GACvB,SAAS,EAAE,CAoBb;AAED,4BAA4B,cAAc,KAAA,EAAE,MAAM,KAAA,EAAE,WAAW,KAAA,OAQ9D;AAED,4BACE,SAAS,EAAE,MAAM,EACjB,OAAO,EAAE;IAAE,WAAW,CAAC,EAAE,OAAO,CAAC;IAAC,UAAU,CAAC,EAAE,OAAO,CAAC;IAAC,MAAM,CAAC,EAAE,OAAO,CAAA;CAAE,GACzE,aAAa,CA4Bf;AAqBD,kCAAkC,EAChC,IAAI,EACJ,WAAW,EACX,cAAc,GACf,EAAE;IACD,IAAI,EAAE,GAAG,CAAC;IACV,WAAW,EAAE,GAAG,CAAC,MAAM,EAAE,UAAU,CAAC,CAAC;IACrC,cAAc,EAAE,cAAc,CAAC;CAChC,sEAWA;AAED,0BAA0B,EAAE,IAAI,EAAE;;CAAA,+CAEjC;AAED,6BAA6B,CAAC,KAAK,EAAE;IAAE,IAAI,EAAE,GAAG,CAAA;CAAE,KAAK,GAAG,CAAC;AAE3D,sBAAsB;IACpB,IAAI,EAAE,SAAS,CAAC;IAChB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE,UAAU,KAAK,IAAI,CAAC;IACzC,cAAc,CAAC,EAAE,cAAc,CAAC;CACjC,CAAC;AAEF,0BAA0B,EACxB,IAAI,EACJ,WAAkB,EAClB,MAAc,EACd,WAAW,EACX,cAAqB,GACtB,EAAE,cAAc,sCAiChB;ACpJD,uBAAuB,SAAS,CAAC;ACpBjC;IACE,IAAI,SAAS;IACb,KAAK,UAAU;CAChB;AAaD,iBAAiB;IACf,KAAK,EAAE,MAAM,CAAC;IACd,GAAG,EAAE,MAAM,CAAC;IACZ,IAAI,EAAE,MAAM,CAAC;CACd,CAAC;AAEF,kBACI;IACE,IAAI,EAAE,WAAW,CAAC;IAClB,OAAO,EAAE;QAAE,OAAO,EAAE,MAAM,EAAE,CAAC;QAAC,QAAQ,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,CAAC;CACjE,GACD;IAAE,IAAI,EAAE,aAAa,CAAC;IAAC,OAAO,EAAE;QAAE,GAAG,EAAE,MAAM,EAAE,CAAA;KAAE,CAAA;CAAE,GACnD;IAAE,IAAI,EAAE,aAAa,CAAC;IAAC,OAAO,EAAE;QAAE,GAAG,EAAE,MAAM,EAAE,CAAA;KAAE,CAAA;CAAE,GACnD;IAAE,IAAI,EAAE,sBAAsB,CAAC;IAAC,OAAO,EAAE;QAAE,GAAG,EAAE,MAAM,EAAE,CAAA;KAAE,CAAA;CAAE,GAC5D;IAAE,IAAI,EAAE,eAAe,CAAC;IAAC,OAAO,EAAE,QAAQ,CAAA;CAAE,GAC5C;IAAE,IAAI,EAAE,aAAa,CAAC;IAAC,OAAO,EAAE,SAAS,CAAA;CAAE,GAC3C;IAAE,IAAI,EAAE,oBAAoB,CAAC;IAAC,OAAO,EAAE,UAAU,CAAA;CAAE,GACnD;IAAE,IAAI,EAAE,6BAA6B,CAAC;IAAC,OAAO,CAAC,EAAE,OAAO,GAAG,IAAI,CAAA;CAAE,GACjE;IAAE,IAAI,EAAE,UAAU,CAAA;CAAE,GACpB;IAAE,IAAI,EAAE,OAAO,CAAA;CAAE,CAAC;AAEtB,oBAA2B,SAAS,UAAU,CAAC,CAAC;AAoNhD;IACE,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,GAAG,IAAI,CAAC;IACpB,SAAS,EAAE,MAAM,EAAE,EAAE,CAAC;IACtB,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,GAAG,GAAG,IAAI,CAAC;IAClB,SAAS,EAAE,MAAM,GAAG,IAAI,CAAC;CAC1B;AAED;IACE,KAAK,EAAE,YAAY,EAAE,CAAC;IACtB,KAAK,EAAE;QAAE,MAAM,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAA;KAAE,EAAE,CAAC;CAC3C;AAED,4BAA4B,IAAI,EAAE,QAAQ,EAAE,GAAG,SAAS,CA0CvD;kBuB7IQ,kBAAkB;;;;;;yBA2KR,mBAAmB;;;kBwBpO7B,iBAAiB;;;AMtE1B,kCAAkC,EAChC,QAAa,EACb,IAAI,EACJ,KAAK,EACL,WAAW,EACX,cAAc,EACd,MAAM,GACP;;;;;;;CAAA,yDAwGA","sources":["packages/feedback-components/src/src/extractions/types.ts","packages/feedback-components/color-utils/src/index.ts","packages/feedback-components/src/src/extractions/index.ts","packages/feedback-components/src/src/feedback/types.ts","packages/feedback-components/src/src/feedback/edit-state.ts","packages/feedback-components/src/src/feedback/node.ts","packages/feedback-components/src/src/feedback/text-visualizer.ts","packages/feedback-components/src/src/feedback/type-selector/index.ts","packages/feedback-components/ui-components/src/api/types.ts","packages/feedback-components/ui-components/src/util/query-string.ts","packages/feedback-components/ui-components/src/util/state-hooks.ts","packages/feedback-components/ui-components/src/util/layout-hooks.ts","packages/feedback-components/ui-components/src/util/local-storage.ts","packages/feedback-components/ui-components/src/util/json-view.ts","packages/feedback-components/ui-components/src/util/scroll-helpers.ts","packages/feedback-components/ui-components/src/util/migration-helpers.ts","packages/feedback-components/ui-components/src/util/box-model.ts","packages/feedback-components/ui-components/src/util/event-hooks.ts","packages/feedback-components/ui-components/src/util/flexbox.ts","packages/feedback-components/ui-components/src/util/size-aware-label.ts","packages/feedback-components/ui-components/src/util/index.ts","packages/feedback-components/ui-components/src/api/provider.ts","packages/feedback-components/ui-components/src/api/data-provider.ts","packages/feedback-components/ui-components/src/api/indexing.ts","packages/feedback-components/ui-components/src/api/frontend.ts","packages/feedback-components/ui-components/src/api/paged.ts","packages/feedback-components/ui-components/src/api/index.ts","packages/feedback-components/ui-components/src/infinite-scroll.ts","packages/feedback-components/ui-components/src/buttons/delete-button.ts","packages/feedback-components/ui-components/src/buttons/index.ts","packages/feedback-components/ui-components/src/collapse-panel/index.ts","packages/feedback-components/ui-components/src/link-card.ts","packages/feedback-components/ui-components/src/file-upload/index.ts","packages/feedback-components/ui-components/src/image.ts","packages/feedback-components/ui-components/src/model-editor.ts","packages/feedback-components/ui-components/src/toaster.ts","packages/feedback-components/ui-components/src/citations/author-list.ts","packages/feedback-components/ui-components/src/citations/index.ts","packages/feedback-components/ui-components/src/geodeepdive/reference-card.ts","packages/feedback-components/ui-components/src/geodeepdive/index.ts","packages/feedback-components/ui-components/src/text.ts","packages/feedback-components/ui-components/src/dark-mode.ts","packages/feedback-components/ui-components/src/form-controls/slider.ts","packages/feedback-components/ui-components/src/form-controls/index.ts","packages/feedback-components/ui-components/src/settings/index.ts","packages/feedback-components/ui-components/src/error-boundary.ts","packages/feedback-components/ui-components/src/patterns/composite-image.ts","packages/feedback-components/ui-components/src/patterns/index.ts","packages/feedback-components/ui-components/src/collapse-card.ts","packages/feedback-components/ui-components/src/modal-panel/draggable-overlay.ts","packages/feedback-components/ui-components/src/modal-panel/index.ts","packages/feedback-components/ui-components/src/page-layouts/index.ts","packages/feedback-components/ui-components/src/dev-panel/_inner.ts","packages/feedback-components/ui-components/src/dev-panel/index.ts","packages/feedback-components/ui-components/src/data/index.ts","packages/feedback-components/ui-components/src/index.ts","packages/feedback-components/src/src/feedback/graph.ts","packages/feedback-components/src/src/feedback/index.ts","packages/feedback-components/src/src/index.ts","packages/feedback-components/src/index.ts"],"sourcesContent":[null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,"export * from \"./extractions\";\nexport * from \"./feedback\";\n"],"names":[],"version":3,"file":"index.d.ts.map"}

package/dist/node.30d0b8c3.js.map

@@ -1 +0,0 @@
-{"mappings":";;;;;;;;;;;;;;AAOA,MAAM,0BAAI,CAAA,GAAA,sBAAI,EAAE,MAAM,CAAC,CAAA,GAAA,0EAAK;AAE5B,SAAS,iCAAW,UAAoB,EAAE,QAAkB;IAC1D,OAAO,WAAW,EAAE,IAAI,SAAS,EAAE;AACnC,wEAAwE;AAC1E;AAEA,SAAS,wCAAkB,IAAuB,EAAE,IAAuB;IACzE,gFAAgF;IAChF,IAAI,KAAK,aAAa,CAAC,MAAM,IAAI,GAC/B,OAAO;IAGT,KAAK,MAAM,gBAAgB,KAAK,aAAa,CAAE;QAC7C,IAAI,iCAAW,KAAK,IAAI,EAAE,aAAa,IAAI,GACzC,OAAO;IAEX;IAEA,0CAA0C;IAC1C,IAAI,KAAK,MAAM,IAAI,QAAQ,wCAAkB,KAAK,MAAM,EAAE,OACxD,OAAO;IAGT,OAAO;AACT;AAEA,SAAS,mCAAa,IAAuB,EAAE,IAAuB;IACpE,KAAK,MAAM,gBAAgB,KAAK,aAAa,CAAE;QAC7C,IAAI,iCAAW,KAAK,IAAI,EAAE,aAAa,IAAI,GACzC,OAAO;IAEX;IACA,OAAO;AACT;AAEA,SAAS,2BAAK,QAAE,IAAI,SAAE,KAAK,cAAE,UAAU,QAAE,IAAI,kBAAE,cAAc,EAAO;IAClE,IAAI,cAAuB,wCAAkB,MAAM;IACnD,IAAI,SAAkB,mCAAa,MAAM;IAEzC,MAAM,WAAW,CAAA,GAAA,yCAAc;IAE/B,OAAO,wBACL,YACA;eAAE;QAAO,KAAK;IAAW,GACzB,wBAAE,CAAA,GAAA,yCAAQ,GAAG;QACX,MAAM,KAAK,IAAI;gBACf;qBACA;wBACA;QACA;YACE,SAAS;gBAAE,MAAM;YAA8B;QACjD;IACF;AAEJ;IAEA,2CAAe","sources":["packages/feedback-components/src/feedback/node.ts"],"sourcesContent":["import { NodeApi, TreeApi } from \"react-arborist\";\nimport { TreeData } from \"./types\";\nimport { EntityTag } from \"../extractions\";\nimport { useTreeDispatch } from \"./edit-state\";\nimport styles from \"./feedback.module.sass\";\nimport hyper from \"@macrostrat/hyper\";\n\nconst h = hyper.styled(styles);\n\nfunction isSelected(searchNode: TreeData, treeNode: TreeData) {\n  return searchNode.id == treeNode.id;\n  // We could also select children of the search node here if we wanted to\n}\n\nfunction isNodeHighlighted(node: NodeApi<TreeData>, tree: TreeApi<TreeData>) {\n  // We treat no selection as all nodes being active. We may add some nuance later\n  if (tree.selectedNodes.length == 0) {\n    return true;\n  }\n\n  for (const selectedNode of tree.selectedNodes) {\n    if (isSelected(node.data, selectedNode.data)) {\n      return true;\n    }\n  }\n\n  // Check if the parent node is highlighted\n  if (node.parent != null && isNodeHighlighted(node.parent, tree)) {\n    return true;\n  }\n\n  return false;\n}\n\nfunction isNodeActive(node: NodeApi<TreeData>, tree: TreeApi<TreeData>) {\n  for (const selectedNode of tree.selectedNodes) {\n    if (isSelected(node.data, selectedNode.data)) {\n      return true;\n    }\n  }\n  return false;\n}\n\nfunction Node({ node, style, dragHandle, tree, matchComponent }: any) {\n  let highlighted: boolean = isNodeHighlighted(node, tree);\n  let active: boolean = isNodeActive(node, tree);\n\n  const dispatch = useTreeDispatch();\n\n  return h(\n    \"div.node\",\n    { style, ref: dragHandle },\n    h(EntityTag, {\n      data: node.data,\n      active,\n      highlighted,\n      matchComponent,\n      onClickType() {\n        dispatch({ type: \"toggle-entity-type-selector\" });\n      },\n    })\n  );\n}\n\nexport default Node;\n"],"names":[],"version":3,"file":"node.30d0b8c3.js.map"}

package/dist/text-visualizer.77af0d24.js

@@ -1,101 +0,0 @@
-import "./feedback.module.7e16830e.css";
-import $85rLh$feedbackmodulec28cbac7js from "./feedback.module.c28cbac7.js";
-import {getTagStyle as $03d8811e9c9b360d$export$35baa338324d8550, buildHighlights as $03d8811e9c9b360d$export$c4b91360064ad200} from "./extractions.54be85f8.js";
-import {TextAnnotateBlend as $85rLh$TextAnnotateBlend} from "react-text-annotate-blend";
-import $85rLh$macrostrathyper from "@macrostrat/hyper";
-import {useCallback as $85rLh$useCallback} from "react";
-
-
-function $parcel$interopDefault(a) {
-  return a && a.__esModule ? a.default : a;
-}
-
-
-
-
-
-const $156a3efbc315814c$var$h = (0, $85rLh$macrostrathyper).styled((0, ($parcel$interopDefault($85rLh$feedbackmodulec28cbac7js))));
-function $156a3efbc315814c$var$buildTags(highlights, selectedNodes) {
-    let tags = [];
-    // If entity ID has already been seen, don't add it again
-    const entities = new Set();
-    for (const highlight of highlights){
-        // Don't add multiply-linked entities multiple times
-        if (entities.has(highlight.id)) continue;
-        const highlighted = $156a3efbc315814c$var$isHighlighted(highlight, selectedNodes);
-        const active = $156a3efbc315814c$var$isActive(highlight, selectedNodes);
-        tags.push({
-            markStyle: {
-                ...(0, $03d8811e9c9b360d$export$35baa338324d8550)(highlight.backgroundColor, {
-                    highlighted: highlighted,
-                    active: active
-                }),
-                borderRadius: "0.2em",
-                padding: "0.1em",
-                borderWidth: "1.5px",
-                cursor: "pointer"
-            },
-            tagStyle: {
-                display: "none"
-            },
-            ...highlight
-        });
-        entities.add(highlight.id);
-    }
-    return tags;
-}
-function $156a3efbc315814c$var$isActive(tag, selectedNodes) {
-    return selectedNodes.includes(tag.id);
-}
-function $156a3efbc315814c$var$isHighlighted(tag, selectedNodes) {
-    if (selectedNodes.length === 0) return true;
-    return (selectedNodes.includes(tag.id) || tag.parents?.some((d)=>selectedNodes.includes(d))) ?? false;
-}
-function $156a3efbc315814c$export$6e107db9091b8219(props) {
-    // Convert input to tags
-    const { text: text, selectedNodes: selectedNodes, nodes: nodes, dispatch: dispatch } = props;
-    let allTags = $156a3efbc315814c$var$buildTags((0, $03d8811e9c9b360d$export$c4b91360064ad200)(nodes, null), selectedNodes);
-    const onChange = (0, $85rLh$useCallback)((tags)=>{
-        // New tags
-        console.log(tags);
-        const newTags = tags.filter((d)=>!("id" in d));
-        if (newTags.length > 0) {
-            const { start: start, end: end } = newTags[0];
-            const payload = {
-                start: start,
-                end: end,
-                text: text.slice(start, end)
-            };
-            dispatch({
-                type: "create-node",
-                payload: payload
-            });
-            return;
-        }
-        const tagIDs = new Set(tags.map((d)=>d.id));
-        const removedIds = allTags.map((d)=>d.id).filter((d)=>!tagIDs.has(d));
-        /* Find the id that was removed: that is the one that will be selected
-       (we are hijacking the 'click to delete' functionality to select instead) */ if (removedIds.length > 0) dispatch({
-            type: "toggle-node-selected",
-            payload: {
-                ids: removedIds
-            }
-        });
-    }, [
-        allTags,
-        text
-    ]);
-    return $156a3efbc315814c$var$h((0, $85rLh$TextAnnotateBlend), {
-        style: {
-            fontSize: "1.2em"
-        },
-        className: "feedback-text",
-        content: text,
-        onChange: onChange,
-        value: allTags
-    });
-}
-
-
-export {$156a3efbc315814c$export$6e107db9091b8219 as FeedbackText};
-//# sourceMappingURL=text-visualizer.77af0d24.js.map

package/dist/text-visualizer.77af0d24.js.map

@@ -1 +0,0 @@
-{"mappings":";;;;;;;;;;;;;;;;AASA,MAAM,0BAAI,CAAA,GAAA,sBAAI,EAAE,MAAM,CAAC,CAAA,GAAA,0EAAK;AAU5B,SAAS,gCACP,UAAuB,EACvB,aAAuB;IAEvB,IAAI,OAA2B,EAAE;IAEjC,yDAAyD;IACzD,MAAM,WAAW,IAAI;IAErB,KAAK,MAAM,aAAa,WAAY;QAClC,oDAAoD;QACpD,IAAI,SAAS,GAAG,CAAC,UAAU,EAAE,GAAG;QAEhC,MAAM,cAAc,oCAAc,WAAW;QAC7C,MAAM,SAAS,+BAAS,WAAW;QAEnC,KAAK,IAAI,CAAC;YACR,WAAW;gBACT,GAAG,CAAA,GAAA,yCAAU,EAAE,UAAU,eAAe,EAAE;iCACxC;4BACA;gBACF,EAAE;gBACF,cAAc;gBACd,SAAS;gBACT,aAAa;gBACb,QAAQ;YACV;YACA,UAAU;gBACR,SAAS;YACX;YACA,GAAG,SAAS;QACd;QAEA,SAAS,GAAG,CAAC,UAAU,EAAE;IAC3B;IAEA,OAAO;AACT;AAEA,SAAS,+BAAS,GAAc,EAAE,aAAuB;IACvD,OAAO,cAAc,QAAQ,CAAC,IAAI,EAAE;AACtC;AAEA,SAAS,oCAAc,GAAc,EAAE,aAAuB;IAC5D,IAAI,cAAc,MAAM,KAAK,GAAG,OAAO;IACvC,OACE,AAAC,CAAA,cAAc,QAAQ,CAAC,IAAI,EAAE,KAC5B,IAAI,OAAO,EAAE,KAAK,CAAC,IAAM,cAAc,QAAQ,CAAC,GAAE,KACpD;AAEJ;AAEO,SAAS,0CAAa,KAAwB;IACnD,wBAAwB;IACxB,MAAM,QAAE,IAAI,iBAAE,aAAa,SAAE,KAAK,YAAE,QAAQ,EAAE,GAAG;IACjD,IAAI,UAA8B,gCAChC,CAAA,GAAA,yCAAc,EAAE,OAAO,OACvB;IAGF,MAAM,WAAW,CAAA,GAAA,kBAAU,EACzB,CAAC;QACC,WAAW;QACX,QAAQ,GAAG,CAAC;QACZ,MAAM,UAAU,KAAK,MAAM,CAAC,CAAC,IAAM,CAAE,CAAA,QAAQ,CAAA;QAC7C,IAAI,QAAQ,MAAM,GAAG,GAAG;YACtB,MAAM,SAAE,KAAK,OAAE,GAAG,EAAE,GAAG,OAAO,CAAC,EAAE;YACjC,MAAM,UAAU;uBAAE;qBAAO;gBAAK,MAAM,KAAK,KAAK,CAAC,OAAO;YAAK;YAC3D,SAAS;gBAAE,MAAM;yBAAe;YAAQ;YACxC;QACF;QAEA,MAAM,SAAS,IAAI,IAAI,KAAK,GAAG,CAAC,CAAC,IAAM,EAAE,EAAE;QAC3C,MAAM,aAAa,QAAQ,GAAG,CAAC,CAAC,IAAM,EAAE,EAAE,EAAE,MAAM,CAAC,CAAC,IAAM,CAAC,OAAO,GAAG,CAAC;QAEtE;gFAC0E,GAC1E,IAAI,WAAW,MAAM,GAAG,GACtB,SAAS;YACP,MAAM;YACN,SAAS;gBAAE,KAAK;YAAW;QAC7B;IAEJ,GACA;QAAC;QAAS;KAAK;IAGjB,OAAO,wBAAE,CAAA,GAAA,wBAAgB,GAAG;QAC1B,OAAO;YACL,UAAU;QACZ;QACA,WAAW;QACX,SAAS;kBACT;QACA,OAAO;IACT;AACF","sources":["packages/feedback-components/src/feedback/text-visualizer.ts"],"sourcesContent":["import { AnnotateBlendTag, TextAnnotateBlend } from \"react-text-annotate-blend\";\nimport { InternalEntity } from \"./types\";\nimport { TreeDispatch } from \"./edit-state\";\nimport styles from \"./feedback.module.sass\";\nimport hyper from \"@macrostrat/hyper\";\nimport { buildHighlights, getTagStyle } from \"../extractions\";\nimport { Highlight } from \"../extractions/types\";\nimport { useCallback } from \"react\";\n\nconst h = hyper.styled(styles);\n\nexport interface FeedbackTextProps {\n  text: string;\n  selectedNodes: number[];\n  nodes: InternalEntity[];\n  updateNodes: (nodes: string[]) => void;\n  dispatch: TreeDispatch;\n}\n\nfunction buildTags(\n  highlights: Highlight[],\n  selectedNodes: number[]\n): AnnotateBlendTag[] {\n  let tags: AnnotateBlendTag[] = [];\n\n  // If entity ID has already been seen, don't add it again\n  const entities = new Set<number>();\n\n  for (const highlight of highlights) {\n    // Don't add multiply-linked entities multiple times\n    if (entities.has(highlight.id)) continue;\n\n    const highlighted = isHighlighted(highlight, selectedNodes);\n    const active = isActive(highlight, selectedNodes);\n\n    tags.push({\n      markStyle: {\n        ...getTagStyle(highlight.backgroundColor, {\n          highlighted,\n          active,\n        }),\n        borderRadius: \"0.2em\",\n        padding: \"0.1em\",\n        borderWidth: \"1.5px\",\n        cursor: \"pointer\",\n      },\n      tagStyle: {\n        display: \"none\",\n      },\n      ...highlight,\n    });\n\n    entities.add(highlight.id);\n  }\n\n  return tags;\n}\n\nfunction isActive(tag: Highlight, selectedNodes: number[]) {\n  return selectedNodes.includes(tag.id);\n}\n\nfunction isHighlighted(tag: Highlight, selectedNodes: number[]) {\n  if (selectedNodes.length === 0) return true;\n  return (\n    (selectedNodes.includes(tag.id) ||\n      tag.parents?.some((d) => selectedNodes.includes(d))) ??\n    false\n  );\n}\n\nexport function FeedbackText(props: FeedbackTextProps) {\n  // Convert input to tags\n  const { text, selectedNodes, nodes, dispatch } = props;\n  let allTags: AnnotateBlendTag[] = buildTags(\n    buildHighlights(nodes, null),\n    selectedNodes\n  );\n\n  const onChange = useCallback(\n    (tags) => {\n      // New tags\n      console.log(tags);\n      const newTags = tags.filter((d) => !(\"id\" in d));\n      if (newTags.length > 0) {\n        const { start, end } = newTags[0];\n        const payload = { start, end, text: text.slice(start, end) };\n        dispatch({ type: \"create-node\", payload });\n        return;\n      }\n\n      const tagIDs = new Set(tags.map((d) => d.id));\n      const removedIds = allTags.map((d) => d.id).filter((d) => !tagIDs.has(d));\n\n      /* Find the id that was removed: that is the one that will be selected\n       (we are hijacking the 'click to delete' functionality to select instead) */\n      if (removedIds.length > 0) {\n        dispatch({\n          type: \"toggle-node-selected\",\n          payload: { ids: removedIds },\n        });\n      }\n    },\n    [allTags, text]\n  );\n\n  return h(TextAnnotateBlend, {\n    style: {\n      fontSize: \"1.2em\",\n    },\n    className: \"feedback-text\",\n    content: text,\n    onChange,\n    value: allTags,\n  });\n}\n"],"names":[],"version":3,"file":"text-visualizer.77af0d24.js.map"}

package/dist/type-selector.e75dd247.js.map

@@ -1 +0,0 @@
-{"mappings":";;;;;;;;;;;AAAA;;CAEC;;;;;AAUD,MAAM,0BAAI,CAAA,GAAA,sBAAI,EAAE,MAAM,CAAC,CAAA,GAAA,sEAAK;AAa5B,MAAM,oCAAoD,CAAC;IACzD,sCAAsC,GACtC,IAAI,UAAE,MAAM,YAAE,QAAQ,aAAE,SAAS,YAAE,QAAQ,QAAE,IAAI,YAAE,QAAQ,EAAE,GAAG;IAChE,YAAY,CAAA,GAAA,iBAAS,EAAE;gBAAE;kBAAQ;IAAS,GAAG;IAC7C,MAAM,UAAU,IAAM,SAAS;IAE/B,OAAO,wBACL,sBACA;QACE,KAAK,KAAK,EAAE;mBACZ;iBACA;IACF,GACA;QACE,wBAAE,cAAc;YAAE,OAAO;gBAAE,iBAAiB,KAAK,KAAK;YAAC;QAAE;QACzD,wBAAE,YAAY,CAAC,GAAG,KAAK,IAAI;KAC5B;AAEL;AAWO,SAAS,0CAAmB,KAAsB;IACvD,2CAA2C,GAC3C,MAAM,gBAAE,YAAY,SAAE,KAAK,UAAE,MAAM,WAAE,OAAO,EAAE,GAAG;IAEjD,OAAO,wBAAE,CAAA,GAAA,cAAM,GAAG;QAChB,cAAc;eACd;QACA,eAAe;gBACf;iBACA;QACA,cAAa,IAAO,EAAE,eAAE,WAAW,aAAE,SAAS,EAAE;YAC9C,OAAO,wBAAE,mCAAa;gBACpB,KAAK,KAAK,EAAE;sBACZ;gBACA,UAAU;gBACV,QAAQ,UAAU,MAAM;gBACxB,UAAU,UAAU,MAAM;YAC5B;QACF;IACF;AACF","sources":["packages/feedback-components/src/feedback/type-selector/index.ts"],"sourcesContent":["/**\n * Entity type selector\n */\n\nimport styles from \"./main.module.sass\";\nimport hyper from \"@macrostrat/hyper\";\n\nimport classNames from \"classnames\";\nimport React from \"react\";\nimport { Omnibar, OmnibarProps } from \"@blueprintjs/select\";\nimport \"@blueprintjs/select/lib/css/blueprint-select.css\";\n\nconst h = hyper.styled(styles);\n\ninterface TagItemProps<T> {\n  selected: boolean;\n  active: boolean;\n  className?: string;\n  item: T;\n\n  onSelect(t: T): void;\n\n  children?: React.ReactElement;\n}\n\nconst TagListItem: React.ComponentType<TagItemProps<T>> = (props) => {\n  /** Render a tag for the omnibox list */\n  let { active, selected, className, onSelect, item, children } = props;\n  className = classNames({ active, selected }, className);\n  const onClick = () => onSelect(item);\n\n  return h(\n    \"div.item-container\",\n    {\n      key: item.id,\n      className,\n      onClick,\n    },\n    [\n      h(\"div.swatch\", { style: { backgroundColor: item.color } }),\n      h(\"div.item\", {}, item.name),\n    ]\n  );\n};\n\ntype BoxLifecycleProps<T> = Pick<OmnibarProps<T>, \"onClose\" | \"isOpen\">;\n\ninterface OmniboxProps<T> extends BoxLifecycleProps<T> {\n  items: T[];\n  selectedItem: T;\n  onSelectItem: (t: T) => void;\n  listItemComponent?: React.ComponentType<TagItemProps<T>>;\n}\n\nexport function OmniboxSelector<T>(props: OmniboxProps<T>) {\n  /** A general omnibox for annotation types */\n  const { onSelectItem, items, isOpen, onClose } = props;\n\n  return h(Omnibar, {\n    onItemSelect: onSelectItem,\n    items,\n    resetOnSelect: false,\n    isOpen,\n    onClose,\n    itemRenderer(item: T, { handleClick, modifiers }) {\n      return h(TagListItem, {\n        key: item.id,\n        item,\n        onSelect: handleClick,\n        active: modifiers.active,\n        selected: modifiers.active,\n      });\n    },\n  });\n}\n"],"names":[],"version":3,"file":"type-selector.e75dd247.js.map"}

package/stories/feedback.stories.ts

@@ -1,40 +0,0 @@
-import type { Meta, StoryObj } from "@storybook/react";
-
-import { FeedbackComponent } from "../src";
-import { data, entityTypes } from "./test-data";
-import h from "@macrostrat/hyper";
-
-function FeedbackInterface({ data, types }) {
-  const { entities = [], paragraph_text, model, model_run, source_text } = data;
-
-  return h(FeedbackComponent, {
-    entities,
-    text: paragraph_text,
-    model,
-    entityTypes: createMap(types),
-    sourceTextID: source_text,
-    runID: model_run,
-  });
-}
-// More on default export: https://storybook.js.org/docs/react/writing-stories/introduction#default-export
-const meta: Meta<any> = {
-  title: "Text extractions/Text extraction",
-  component: FeedbackInterface,
-};
-
-export default meta;
-
-export const Primary: StoryObj<{}> = {
-  args: {
-    data,
-    types: entityTypes,
-  },
-};
-
-function createMap(arr) {
-  const out = new Map();
-  for (const d of arr) {
-    out.set(d.id, d);
-  }
-  return out;
-}