@macrostrat/feedback-components 1.0.0

package/dist/feedback.46c2b5c4.js

@@ -0,0 +1,252 @@
+import "./feedback.module.7e16830e.css";
+import $2Wjkf$feedbackmodulec28cbac7js from "./feedback.module.c28cbac7.js";
+import $b6b9741bf83336eb$export$2e2bcd8739ae039 from "./node.30d0b8c3.js";
+import {FeedbackText as $156a3efbc315814c$export$6e107db9091b8219} from "./text-visualizer.77af0d24.js";
+import {ModelInfo as $03d8811e9c9b360d$export$4eb2a0ce903ce967} from "./extractions.54be85f8.js";
+import {useUpdatableTree as $b79bf29960412ca7$export$911bb4b9c8065d3d, TreeDispatchContext as $b79bf29960412ca7$export$e5ce04c5b3f58533, treeToGraph as $b79bf29960412ca7$export$8d9dbb7a64bf2a5e} from "./edit-state.e8edb13a.js";
+import {OmniboxSelector as $fda9ef5406c1cfb4$export$d8660660a589068c} from "./type-selector.e75dd247.js";
+import {GraphView as $ff8c3e7f2bc22925$export$6a7fe3ef90e8d566} from "./graph.cb42b871.js";
+import $2Wjkf$macrostrathyper from "@macrostrat/hyper";
+import {Tree as $2Wjkf$Tree} from "react-arborist";
+import {useRef as $2Wjkf$useRef, useCallback as $2Wjkf$useCallback, useEffect as $2Wjkf$useEffect} from "react";
+import {SegmentedControl as $2Wjkf$SegmentedControl, Card as $2Wjkf$Card, ButtonGroup as $2Wjkf$ButtonGroup} from "@blueprintjs/core";
+import {FlexRow as $2Wjkf$FlexRow, CancelButton as $2Wjkf$CancelButton, SaveButton as $2Wjkf$SaveButton, DataField as $2Wjkf$DataField} from "@macrostrat/ui-components";
+import $2Wjkf$useelementdimensions from "use-element-dimensions";
+
+
+function $parcel$interopDefault(a) {
+  return a && a.__esModule ? a.default : a;
+}
+
+
+
+
+
+
+
+
+
+
+
+
+
+const $71d20dff35996763$var$h = (0, $2Wjkf$macrostrathyper).styled((0, ($parcel$interopDefault($2Wjkf$feedbackmodulec28cbac7js))));
+function $71d20dff35996763$var$setsAreTheSame(a, b) {
+    if (a.size !== b.size) return false;
+    for (const item of a){
+        if (!b.has(item)) return false;
+    }
+    return true;
+}
+function $71d20dff35996763$export$a90600c9da52b40c({ entities: entities = [], text: text, model: model, entityTypes: entityTypes, matchComponent: matchComponent, onSave: onSave }) {
+    // Get the input arguments
+    const [state, dispatch] = (0, $b79bf29960412ca7$export$911bb4b9c8065d3d)(entities.map($71d20dff35996763$var$processEntity), entityTypes);
+    const { selectedNodes: selectedNodes, tree: tree, selectedEntityType: selectedEntityType, isSelectingEntityType: isSelectingEntityType } = state;
+    const [{ width: width, height: height }, ref] = (0, $2Wjkf$useelementdimensions)();
+    return $71d20dff35996763$var$h((0, $b79bf29960412ca7$export$e5ce04c5b3f58533).Provider, {
+        value: dispatch
+    }, [
+        $71d20dff35996763$var$h((0, $156a3efbc315814c$export$6e107db9091b8219), {
+            text: text,
+            dispatch: dispatch,
+            // @ts-ignore
+            nodes: tree,
+            selectedNodes: selectedNodes
+        }),
+        $71d20dff35996763$var$h((0, $2Wjkf$FlexRow), {
+            alignItems: "baseline",
+            justifyContent: "space-between"
+        }, [
+            $71d20dff35996763$var$h((0, $03d8811e9c9b360d$export$4eb2a0ce903ce967), {
+                data: model
+            }),
+            $71d20dff35996763$var$h((0, $2Wjkf$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
+                    });
+                }
+            })
+        ]),
+        $71d20dff35996763$var$h("div.entity-panel", {
+            ref: ref
+        }, [
+            $71d20dff35996763$var$h((0, $2Wjkf$Card), {
+                className: "control-panel"
+            }, [
+                $71d20dff35996763$var$h((0, $2Wjkf$ButtonGroup), {
+                    vertical: true,
+                    fill: true,
+                    minimal: true,
+                    alignText: "left"
+                }, [
+                    $71d20dff35996763$var$h((0, $2Wjkf$CancelButton), {
+                        icon: "trash",
+                        disabled: state.initialTree == state.tree,
+                        onClick () {
+                            dispatch({
+                                type: "reset"
+                            });
+                        }
+                    }, "Reset"),
+                    $71d20dff35996763$var$h((0, $2Wjkf$SaveButton), {
+                        onClick () {
+                            onSave(state.tree);
+                        },
+                        disabled: state.initialTree == state.tree
+                    }, "Save")
+                ]),
+                $71d20dff35996763$var$h($71d20dff35996763$var$EntityTypeSelector, {
+                    entityTypes: entityTypes,
+                    selected: selectedEntityType,
+                    onChange (payload) {
+                        dispatch({
+                            type: "select-entity-type",
+                            payload: payload
+                        });
+                    },
+                    isOpen: isSelectingEntityType,
+                    setOpen: (isOpen)=>dispatch({
+                            type: "toggle-entity-type-selector",
+                            payload: isOpen
+                        })
+                })
+            ]),
+            $71d20dff35996763$var$h.if(state.viewMode == "tree")($71d20dff35996763$var$ManagedSelectionTree, {
+                selectedNodes: selectedNodes,
+                dispatch: dispatch,
+                tree: tree,
+                width: width,
+                height: height,
+                matchComponent: matchComponent
+            }),
+            $71d20dff35996763$var$h.if(state.viewMode == "graph")((0, $ff8c3e7f2bc22925$export$6a7fe3ef90e8d566), {
+                tree: tree,
+                width: width,
+                height: height
+            })
+        ])
+    ]);
+}
+function $71d20dff35996763$var$processEntity(entity) {
+    // @ts-ignore
+    return {
+        ...entity,
+        // @ts-ignore
+        term_type: entity.type.name,
+        txt_range: [
+            entity.indices
+        ],
+        children: entity.children?.map($71d20dff35996763$var$processEntity) ?? []
+    };
+}
+function $71d20dff35996763$var$EntityTypeSelector({ entityTypes: entityTypes, selected: selected, isOpen: isOpen, setOpen: setOpen, onChange: onChange }) {
+    // Show all entity types when selected is null
+    const _selected = selected != null ? selected : undefined;
+    return $71d20dff35996763$var$h((0, $2Wjkf$DataField), {
+        label: "Entity type",
+        inline: true
+    }, [
+        $71d20dff35996763$var$h("code.bp5-code", {
+            onClick () {
+                setOpen((d)=>!d);
+            }
+        }, selected.name),
+        $71d20dff35996763$var$h((0, $fda9ef5406c1cfb4$export$d8660660a589068c), {
+            isOpen: isOpen,
+            items: Array.from(entityTypes.values()),
+            selectedItem: _selected,
+            onSelectItem (item) {
+                setOpen(false);
+                onChange(item);
+            },
+            onClose () {
+                setOpen(false);
+            }
+        })
+    ]);
+}
+function $71d20dff35996763$var$ManagedSelectionTree(props) {
+    const { selectedNodes: selectedNodes, dispatch: dispatch, tree: tree, height: height, width: width, matchComponent: matchComponent, ...rest } = props;
+    const ref = (0, $2Wjkf$useRef)();
+    const _Node = (0, $2Wjkf$useCallback)((props)=>$71d20dff35996763$var$h((0, $b6b9741bf83336eb$export$2e2bcd8739ae039), {
+            ...props,
+            matchComponent: matchComponent
+        }), [
+        matchComponent
+    ]);
+    (0, $2Wjkf$useEffect)(()=>{
+        if (ref.current == null) return;
+        // Check if selection matches current
+        const selection = new Set(selectedNodes.map((d)=>d.toString()));
+        const currentSelection = ref.current.selectedIds;
+        if ($71d20dff35996763$var$setsAreTheSame(selection, currentSelection)) return;
+        // If the selection is the same, do nothing
+        // Set selection
+        ref.current.setSelection({
+            ids: selectedNodes.map((d)=>d.toString()),
+            anchor: null,
+            mostRecent: null
+        });
+    }, [
+        selectedNodes
+    ]);
+    return $71d20dff35996763$var$h((0, $2Wjkf$Tree), {
+        className: "selection-tree",
+        height: height,
+        width: width,
+        ref: ref,
+        data: tree,
+        onMove ({ dragIds: dragIds, parentId: parentId, index: index }) {
+            dispatch({
+                type: "move-node",
+                payload: {
+                    dragIds: dragIds.map((d)=>parseInt(d)),
+                    parentId: parentId ? parseInt(parentId) : null,
+                    index: index
+                }
+            });
+        },
+        onDelete ({ ids: ids }) {
+            dispatch({
+                type: "delete-node",
+                payload: {
+                    ids: ids.map((d)=>parseInt(d))
+                }
+            });
+        },
+        onSelect (nodes) {
+            let ids = nodes.map((d)=>parseInt(d.id));
+            if (ids.length == 1 && ids[0] == selectedNodes[0]) // Deselect
+            ids = [];
+            dispatch({
+                type: "select-node",
+                payload: {
+                    ids: ids
+                }
+            });
+        },
+        children: _Node,
+        idAccessor (d) {
+            return d.id.toString();
+        }
+    });
+}
+
+
+export {$71d20dff35996763$export$a90600c9da52b40c as FeedbackComponent, $b79bf29960412ca7$export$8d9dbb7a64bf2a5e as treeToGraph};
+//# sourceMappingURL=feedback.46c2b5c4.js.map

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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,44 @@
+.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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,28 @@
+
+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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,83 @@
+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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,145 @@
+import { CSSProperties, HTMLAttributes, DetailedReactHTMLElement, DOMAttributes, DOMElement, FunctionComponentElement, Dispatch, ProviderProps } from "react";
+import { TagProps } from "@blueprintjs/core";
+type EntityType = {
+    name: string;
+    color: string;
+    id: number;
+};
+type Match = any;
+export interface Entity {
+    id: number;
+    name: string;
+    type?: number;
+    indices: [number, number];
+    children: Entity[];
+    match?: Match;
+}
+type Highlight = {
+    start: number;
+    end: number;
+    tag?: string;
+    text?: string;
+    backgroundColor?: string;
+    borderColor?: string;
+    id: number;
+    parents?: number[];
+};
+export interface EntityExt extends Omit<Entity, "type" | "children"> {
+    type: EntityType;
+    children: EntityExt[];
+    parents?: number[];
+}
+export function buildHighlights(entities: EntityExt[], parent: EntityExt | null): Highlight[];
+export function enhanceData(extractionData: any, models: any, entityTypes: any): any;
+export function getTagStyle(baseColor: string, options: {
+    highlighted?: boolean;
+    inDarkMode?: boolean;
+    active?: boolean;
+}): CSSProperties;
+export function ExtractionContext({ data, entityTypes, matchComponent, }: {
+    data: any;
+    entityTypes: Map<number, EntityType>;
+    matchComponent: MatchComponent;
+}): DetailedReactHTMLElement<HTMLAttributes<HTMLElement>, HTMLElement>;
+export function ModelInfo({ data }: {
+    data: any;
+}): DOMElement<DOMAttributes<Element>, Element>;
+export type MatchComponent = (props: {
+    data: any;
+}) => any;
+type EntityTagProps = {
+    data: EntityExt;
+    highlighted?: boolean;
+    active?: boolean;
+    onClickType?: (type: EntityType) => void;
+    matchComponent?: MatchComponent;
+};
+export function EntityTag({ data, highlighted, active, onClickType, matchComponent, }: EntityTagProps): FunctionComponentElement<TagProps>;
+export type TreeData = EntityExt;
+enum ViewMode {
+    Tree = "tree",
+    Graph = "graph"
+}
+type TextRange = {
+    start: number;
+    end: number;
+    text: string;
+};
+type TreeAction = {
+    type: "move-node";
+    payload: {
+        dragIds: number[];
+        parentId: number;
+        index: number;
+    };
+} | {
+    type: "delete-node";
+    payload: {
+        ids: number[];
+    };
+} | {
+    type: "select-node";
+    payload: {
+        ids: number[];
+    };
+} | {
+    type: "toggle-node-selected";
+    payload: {
+        ids: number[];
+    };
+} | {
+    type: "set-view-mode";
+    payload: ViewMode;
+} | {
+    type: "create-node";
+    payload: TextRange;
+} | {
+    type: "select-entity-type";
+    payload: EntityType;
+} | {
+    type: "toggle-entity-type-selector";
+    payload?: boolean | null;
+} | {
+    type: "deselect";
+} | {
+    type: "reset";
+};
+type TreeDispatch = Dispatch<TreeAction>;
+interface EntityOutput {
+    id: number;
+    type: number | null;
+    txt_range: number[][];
+    name: string;
+    match: any | null;
+    reasoning: string | null;
+}
+export interface GraphData {
+    nodes: EntityOutput[];
+    edges: {
+        source: number;
+        dest: number;
+    }[];
+}
+export function treeToGraph(tree: TreeData[]): GraphData;
+declare namespace InfiniteScrollView {
+    var defaultProps: {
+        hasMore(res: any): boolean;
+        getItems(d: any): any;
+        getCount(d: any): any;
+        getNextParams(response: any, params: any): any;
+        placeholder: (p: APIPlaceholderProps) => React.ComponentElement<$$parcel$import$212<HTMLElement>, Spinner>;
+    };
+}
+declare namespace ThreeColumnLayout {
+    var Panels: typeof SidePanel;
+}
+export function FeedbackComponent({ entities, text, model, entityTypes, matchComponent, onSave, }: {
+    entities?: any[];
+    text: any;
+    model: any;
+    entityTypes: any;
+    matchComponent: any;
+    onSave: any;
+}): FunctionComponentElement<ProviderProps<TreeDispatch>>;
+
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"mappings":"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","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/index.js

@@ -0,0 +1,9 @@
+import {buildHighlights as $03d8811e9c9b360d$export$c4b91360064ad200, enhanceData as $03d8811e9c9b360d$export$d60b563f571177d, getTagStyle as $03d8811e9c9b360d$export$35baa338324d8550, ExtractionContext as $03d8811e9c9b360d$export$2b07158757c249e0, ModelInfo as $03d8811e9c9b360d$export$4eb2a0ce903ce967, EntityTag as $03d8811e9c9b360d$export$117e56c71b172cde} from "./extractions.54be85f8.js";
+import {FeedbackComponent as $71d20dff35996763$export$a90600c9da52b40c, treeToGraph as $b79bf29960412ca7$export$8d9dbb7a64bf2a5e} from "./feedback.46c2b5c4.js";
+
+
+
+
+
+export {$03d8811e9c9b360d$export$c4b91360064ad200 as buildHighlights, $03d8811e9c9b360d$export$d60b563f571177d as enhanceData, $03d8811e9c9b360d$export$35baa338324d8550 as getTagStyle, $03d8811e9c9b360d$export$2b07158757c249e0 as ExtractionContext, $03d8811e9c9b360d$export$4eb2a0ce903ce967 as ModelInfo, $03d8811e9c9b360d$export$117e56c71b172cde as EntityTag, $71d20dff35996763$export$a90600c9da52b40c as FeedbackComponent, $b79bf29960412ca7$export$8d9dbb7a64bf2a5e as treeToGraph};
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"mappings":"","sources":["packages/feedback-components/src/index.ts"],"sourcesContent":["export * from \"./extractions\";\nexport * from \"./feedback\";\n"],"names":[],"version":3,"file":"index.js.map"}

package/dist/main.module.21bbfaf4.js

@@ -0,0 +1,19 @@
+
+function $parcel$export(e, n, v, s) {
+  Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
+}
+var $f8bcd91cbf17e53f$exports = {};
+
+$parcel$export($f8bcd91cbf17e53f$exports, "item-container", () => $f8bcd91cbf17e53f$export$68a2d1df2d976de8, (v) => $f8bcd91cbf17e53f$export$68a2d1df2d976de8 = v);
+$parcel$export($f8bcd91cbf17e53f$exports, "selected", () => $f8bcd91cbf17e53f$export$d90250155de6d7e7, (v) => $f8bcd91cbf17e53f$export$d90250155de6d7e7 = v);
+$parcel$export($f8bcd91cbf17e53f$exports, "swatch", () => $f8bcd91cbf17e53f$export$c672d9950c40fe0a, (v) => $f8bcd91cbf17e53f$export$c672d9950c40fe0a = v);
+var $f8bcd91cbf17e53f$export$68a2d1df2d976de8;
+var $f8bcd91cbf17e53f$export$d90250155de6d7e7;
+var $f8bcd91cbf17e53f$export$c672d9950c40fe0a;
+$f8bcd91cbf17e53f$export$68a2d1df2d976de8 = `WofFTa_item-container`;
+$f8bcd91cbf17e53f$export$d90250155de6d7e7 = `WofFTa_selected`;
+$f8bcd91cbf17e53f$export$c672d9950c40fe0a = `WofFTa_swatch`;
+
+
+export {$f8bcd91cbf17e53f$exports as default};
+//# sourceMappingURL=main.module.21bbfaf4.js.map

package/dist/main.module.21bbfaf4.js.map

@@ -0,0 +1 @@
+{"mappings":";;;;;;;;;AAAA,IAAA;AACA,IAAA;AACA,IAAA;AAFA,4CAAmC,CAAC,qBAAqB,CAAC;AAC1D,4CAA6B,CAAC,eAAe,CAAC;AAC9C,4CAA2B,CAAC,aAAa,CAAC","sources":["packages/feedback-components/src/feedback/type-selector/main.module.sass"],"sourcesContent":[".item-container\n  min-height: 40px\n  display: flex\n  align-items: center\n  gap: 1em\n\n  &.selected\n    background-color: var(--panel-background-color)\n\n.swatch\n  width: 30px\n  height: 30px\n  border-radius: 4px\n"],"names":[],"version":3,"file":"main.module.21bbfaf4.js.map"}