@macrostrat/feedback-components 1.0.0 → 1.1.0

package/dist/{edit-state.e8edb13a.js → esm/feedback-components.bf5f7cf7.js}

@@ -1,5 +1,5 @@
-import {useReducer as $5j0pg$useReducer, createContext as $5j0pg$createContext, useContext as $5j0pg$useContext} from "react";
-import $5j0pg$immutabilityhelper from "immutability-helper";
+import {useReducer as $abOVY$useReducer, createContext as $abOVY$createContext, useContext as $abOVY$useContext} from "react";
+import $abOVY$immutabilityhelper from "immutability-helper";
 
 
 
@@ -10,8 +10,9 @@ var $b79bf29960412ca7$export$53ec42062883b2d4 = /*#__PURE__*/ function(ViewMode)
 }({});
 function $b79bf29960412ca7$export$911bb4b9c8065d3d(initialTree, entityTypes) {
     // Get the first entity type
+    // issue: grabs second entity instead of selected one
     const type = entityTypes.values().next().value;
-    return (0, $5j0pg$useReducer)($b79bf29960412ca7$var$treeReducer, {
+    return (0, $abOVY$useReducer)($b79bf29960412ca7$var$treeReducer, {
         initialTree: initialTree,
         tree: initialTree,
         selectedNodes: [],
@@ -22,15 +23,60 @@ function $b79bf29960412ca7$export$911bb4b9c8065d3d(initialTree, entityTypes) {
         viewMode: "tree"
     });
 }
-const $b79bf29960412ca7$export$e5ce04c5b3f58533 = (0, $5j0pg$createContext)(null);
+const $b79bf29960412ca7$export$e5ce04c5b3f58533 = (0, $abOVY$createContext)(null);
 function $b79bf29960412ca7$export$e1068f2d1c68f87e() {
-    const dispatch = (0, $5j0pg$useContext)($b79bf29960412ca7$export$e5ce04c5b3f58533);
+    const dispatch = (0, $abOVY$useContext)($b79bf29960412ca7$export$e5ce04c5b3f58533);
     if (dispatch == null) throw new Error("No dispatch context available");
     return dispatch;
 }
 function $b79bf29960412ca7$var$treeReducer(state, action) {
-    console.log(action);
     switch(action.type){
+        case "add-entity-type":
+            {
+                // Add a new entity type to the map
+                const { name: name, description: description, color: color } = action.payload;
+                const newId = state.lastInternalId - 1;
+                const newType = {
+                    id: newId,
+                    name: name,
+                    description: description === "" ? null : description,
+                    color: color
+                };
+                const newEntityTypesMap = new Map(state.entityTypesMap);
+                newEntityTypesMap.set(newId, newType);
+                return {
+                    ...state,
+                    entityTypesMap: newEntityTypesMap,
+                    selectedEntityType: newType,
+                    lastInternalId: newId
+                };
+            }
+        case "update-entity-type":
+            {
+                // Update an existing entity type in the map
+                const { id: id, name: name, description: description, color: color } = action.payload;
+                const newEntityTypesMap = new Map(state.entityTypesMap);
+                const oldType = newEntityTypesMap.get(id);
+                if (!oldType) {
+                    console.warn(`Entity type with id ${id} not found`);
+                    return state;
+                }
+                const updatedType = {
+                    ...oldType,
+                    name: name,
+                    description: description === "" ? null : description,
+                    color: color
+                };
+                newEntityTypesMap.set(id, updatedType);
+                // Update the tree to reflect the new type
+                const newTree = $b79bf29960412ca7$var$updateTreeTypes(state.tree, oldType, updatedType);
+                return {
+                    ...state,
+                    tree: newTree,
+                    entityTypesMap: newEntityTypesMap,
+                    selectedEntityType: updatedType
+                };
+            }
         case "move-node":
             // For each node in the tree, if the node is in the dragIds, remove it from the tree and collect it
             const [newTree, removedNodes] = $b79bf29960412ca7$var$removeNodes(state.tree, action.payload.dragIds);
@@ -51,7 +97,7 @@ function $b79bf29960412ca7$var$treeReducer(state, action) {
             });
             return {
                 ...state,
-                tree: (0, $5j0pg$immutabilityhelper)(newTree, updateSpec)
+                tree: (0, $abOVY$immutabilityhelper)(newTree, updateSpec)
             };
         case "delete-node":
             // For each node in the tree, if the node is in the ids, remove it from the tree
@@ -70,20 +116,25 @@ function $b79bf29960412ca7$var$treeReducer(state, action) {
             };
         case "select-node":
             const { ids: ids } = action.payload;
+            const type = action.payload.ids.length > 0 ? $b79bf29960412ca7$var$findNodeById(state.tree, ids[0])?.type : null;
+            console.log("Selecting nodes:", ids, "Type:", type);
             return {
                 ...state,
-                selectedNodes: ids
+                selectedNodes: ids,
+                selectedEntityType: type
             };
         // otherwise fall through to toggle-node-selected for a single ID
         case "toggle-node-selected":
             const nodesToAdd = action.payload.ids.filter((id)=>!state.selectedNodes.includes(id));
             const nodesToKeep = state.selectedNodes.filter((id)=>!action.payload.ids.includes(id));
+            const newType = action.payload.ids.length > 0 ? $b79bf29960412ca7$var$findNodeById(state.tree, action.payload.ids[0])?.type : null;
             return {
                 ...state,
                 selectedNodes: [
                     ...nodesToKeep,
                     ...nodesToAdd
-                ]
+                ],
+                selectedEntityType: newType
             };
         case "create-node":
             const newId = state.lastInternalId - 1;
@@ -109,6 +160,23 @@ function $b79bf29960412ca7$var$treeReducer(state, action) {
                 ],
                 lastInternalId: newId
             };
+        case "delete-entity-type":
+            {
+                // Remove the entity type from the map
+                console.log("Deleting entity type:", action.payload.id);
+                const { id: id } = action.payload;
+                const newEntityTypesMap = new Map(state.entityTypesMap);
+                const oldType = newEntityTypesMap.get(id);
+                newEntityTypesMap.delete(id);
+                const defaultType = newEntityTypesMap.values().next().value;
+                const newTree = $b79bf29960412ca7$var$updateTreeTypes(state.tree, oldType, defaultType);
+                return {
+                    ...state,
+                    tree: newTree,
+                    entityTypesMap: newEntityTypesMap,
+                    selectedNodes: []
+                };
+            }
         /** Entity type selection */ case "toggle-entity-type-selector":
             return {
                 ...state,
@@ -125,7 +193,7 @@ function $b79bf29960412ca7$var$treeReducer(state, action) {
                             $set: action.payload
                         }
                     });
-                    newTree2 = (0, $5j0pg$immutabilityhelper)(newTree2, nestedSpec);
+                    newTree2 = (0, $abOVY$immutabilityhelper)(newTree2, nestedSpec);
                 }
                 return {
                     ...state,
@@ -216,16 +284,18 @@ function $b79bf29960412ca7$export$8d9dbb7a64bf2a5e(tree) {
         // If we've already found an instance of this node, we don't need to record
         // it again
         if (nodeMap.has(node.id)) continue;
-        const { indices: indices, id: id, name: name } = node;
+        const { indices: indices, id: id, name: name, type: type, children: children } = node;
         const nodeData = {
             id: id,
-            type: node.type.id,
+            type: type.id,
+            color: type.color,
             name: name,
             txt_range: [
                 indices
             ],
             reasoning: null,
-            match: node.match
+            match: node.match,
+            children: children
         };
         nodeMap.set(node.id, node);
         nodes.push(nodeData);
@@ -245,7 +315,28 @@ function $b79bf29960412ca7$export$8d9dbb7a64bf2a5e(tree) {
         edges: edges
     };
 }
+function $b79bf29960412ca7$var$findNodeById(tree, id) {
+    for (const node of tree){
+        if (node.id === id) return node;
+        if (node.children) {
+            const found = $b79bf29960412ca7$var$findNodeById(node.children, id);
+            if (found) return found;
+        }
+    }
+    return null;
+}
+function $b79bf29960412ca7$var$updateTreeTypes(tree, oldType, defaultType) {
+    return tree.map((node)=>$b79bf29960412ca7$var$updateNodeType(node, oldType, defaultType));
+}
+function $b79bf29960412ca7$var$updateNodeType(node, oldType, defaultType) {
+    const type = node.type.id === oldType.id ? defaultType : node.type;
+    return {
+        ...node,
+        type: type,
+        children: node.children ? $b79bf29960412ca7$var$updateTreeTypes(node.children, oldType, defaultType) : []
+    };
+}
 
 
 export {$b79bf29960412ca7$export$53ec42062883b2d4 as ViewMode, $b79bf29960412ca7$export$911bb4b9c8065d3d as useUpdatableTree, $b79bf29960412ca7$export$e5ce04c5b3f58533 as TreeDispatchContext, $b79bf29960412ca7$export$e1068f2d1c68f87e as useTreeDispatch, $b79bf29960412ca7$export$8d9dbb7a64bf2a5e as treeToGraph};
-//# sourceMappingURL=edit-state.e8edb13a.js.map
+//# sourceMappingURL=feedback-components.bf5f7cf7.js.map

package/dist/esm/feedback-components.bf5f7cf7.js.map

@@ -0,0 +1 @@
+{"mappings":"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","sources":["packages/feedback-components/src/feedback/edit-state.ts"],"sourcesContent":["import { TreeData } from \"./types\";\nimport { createContext, Dispatch, useContext, useReducer } from \"react\";\nimport update, { Spec } from \"immutability-helper\";\nimport { EntityType } from \"../extractions/types\";\n\nexport enum ViewMode {\n  Tree = \"tree\",\n  Graph = \"graph\",\n}\n\ninterface TreeState {\n  initialTree: TreeData[];\n  tree: TreeData[];\n  selectedNodes: number[];\n  entityTypesMap: Map<number, EntityType>;\n  selectedEntityType: EntityType;\n  lastInternalId: number;\n  isSelectingEntityType: boolean;\n  viewMode: ViewMode;\n}\n\ntype TextRange = {\n  start: number;\n  end: number;\n  text: string;\n};\n\ntype TreeAction =\n  | {\n      type: \"move-node\";\n      payload: { dragIds: number[]; parentId: number; index: number };\n    }\n  | { type: \"delete-node\"; payload: { ids: number[] } }\n  | { type: \"select-node\"; payload: { ids: number[] } }\n  | { type: \"toggle-node-selected\"; payload: { ids: number[] } }\n  | { type: \"set-view-mode\"; payload: ViewMode }\n  | { type: \"create-node\"; payload: TextRange }\n  | { type: \"select-entity-type\"; payload: EntityType }\n  | { type: \"toggle-entity-type-selector\"; payload?: boolean | null }\n  | { type: \"deselect\" }\n  | { type: \"reset\" }\n  | { type: \"delete-entity-type\"; payload: { id: number } }\n  | {\n      type: \"add-entity-type\";\n      payload: { name: string; description: string; color: string };\n    }\n  | {\n      type: \"update-entity-type\";\n      payload: { id: number; name: string; description: string; color: string };\n    };\n\nexport type TreeDispatch = Dispatch<TreeAction>;\n\nexport function useUpdatableTree(\n  initialTree: TreeData[],\n  entityTypes: Map<number, EntityType>,\n): [TreeState, TreeDispatch] {\n  // Get the first entity type\n  // issue: grabs second entity instead of selected one\n  const type = entityTypes.values().next().value;\n\n  return useReducer(treeReducer, {\n    initialTree,\n    tree: initialTree,\n    selectedNodes: [],\n    entityTypesMap: entityTypes,\n    selectedEntityType: type,\n    lastInternalId: 0,\n    isSelectingEntityType: false,\n    viewMode: ViewMode.Tree,\n  });\n}\n\nexport const TreeDispatchContext = createContext<TreeDispatch | null>(null);\n\nexport function useTreeDispatch() {\n  const dispatch = useContext(TreeDispatchContext);\n  if (dispatch == null) {\n    throw new Error(\"No dispatch context available\");\n  }\n  return dispatch;\n}\n\nfunction treeReducer(state: TreeState, action: TreeAction) {\n  switch (action.type) {\n    case \"add-entity-type\": {\n      // Add a new entity type to the map\n      const { name, description, color } = action.payload;\n      const newId = state.lastInternalId - 1;\n      const newType: EntityType = {\n        id: newId,\n        name,\n        description: description === \"\" ? null : description,\n        color,\n      };\n\n      const newEntityTypesMap = new Map(state.entityTypesMap);\n      newEntityTypesMap.set(newId, newType);\n\n      return {\n        ...state,\n        entityTypesMap: newEntityTypesMap,\n        selectedEntityType: newType,\n        lastInternalId: newId,\n      };\n    }\n    case \"update-entity-type\": {\n      // Update an existing entity type in the map\n      const { id, name, description, color } = action.payload;\n      const newEntityTypesMap = new Map(state.entityTypesMap);\n      const oldType = newEntityTypesMap.get(id);\n\n      if (!oldType) {\n        console.warn(`Entity type with id ${id} not found`);\n        return state;\n      }\n\n      const updatedType: EntityType = {\n        ...oldType,\n        name,\n        description: description === \"\" ? null : description,\n        color,\n      };\n\n      newEntityTypesMap.set(id, updatedType);\n\n      // Update the tree to reflect the new type\n      const newTree = updateTreeTypes(state.tree, oldType, updatedType);\n\n      return {\n        ...state,\n        tree: newTree,\n        entityTypesMap: newEntityTypesMap,\n        selectedEntityType: updatedType,\n      };\n    }\n    case \"move-node\":\n      // For each node in the tree, if the node is in the dragIds, remove it from the tree and collect it\n      const [newTree, removedNodes] = removeNodes(\n        state.tree,\n        action.payload.dragIds,\n      );\n\n      let keyPath: (number | \"children\")[] = [];\n      if (action.payload.parentId) {\n        keyPath = findNode(newTree, action.payload.parentId);\n        keyPath.push(\"children\");\n      }\n\n      // Add removed nodes to the new tree at the correct location\n      let updateSpec = buildNestedSpec(keyPath, {\n        $splice: [[action.payload.index, 0, ...removedNodes]],\n      });\n\n      return { ...state, tree: update(newTree, updateSpec) };\n    case \"delete-node\":\n      // For each node in the tree, if the node is in the ids, remove it from the tree\n      const [newTree2, _removedNodes] = removeNodes(\n        state.tree,\n        action.payload.ids,\n      );\n      // Get children of the removed nodes\n      // If children are not present elsewhere in the tree, insert them\n\n      const children = _removedNodes\n        .flatMap((node) => node.children ?? [])\n        .filter((child) => !nodeIsInTree(newTree2, child.id));\n\n      // Reset the selection\n\n      return {\n        ...state,\n        tree: [...newTree2, ...children],\n        selectedNodes: state.selectedNodes.filter(\n          (id) => !action.payload.ids.includes(id),\n        ),\n      };\n    case \"select-node\":\n      const { ids } = action.payload;\n\n      const type =\n        action.payload.ids.length > 0\n          ? findNodeById(state.tree, ids[0])?.type\n          : null;\n\n      console.log(\"Selecting nodes:\", ids, \"Type:\", type);\n\n      return { ...state, selectedNodes: ids, selectedEntityType: type };\n    // otherwise fall through to toggle-node-selected for a single ID\n    case \"toggle-node-selected\":\n      const nodesToAdd = action.payload.ids.filter(\n        (id) => !state.selectedNodes.includes(id),\n      );\n      const nodesToKeep = state.selectedNodes.filter(\n        (id) => !action.payload.ids.includes(id),\n      );\n\n      const newType =\n        action.payload.ids.length > 0\n          ? findNodeById(state.tree, action.payload.ids[0])?.type\n          : null;\n\n      return {\n        ...state,\n        selectedNodes: [...nodesToKeep, ...nodesToAdd],\n        selectedEntityType: newType,\n      };\n\n    case \"create-node\":\n      const newId = state.lastInternalId - 1;\n      const { text, start, end } = action.payload;\n      const node: TreeData = {\n        id: newId,\n        name: text,\n        children: [],\n        indices: [start, end],\n        type: state.selectedEntityType,\n      };\n\n      return {\n        ...state,\n        tree: [...state.tree, node],\n        selectedNodes: [newId],\n        lastInternalId: newId,\n      };\n\n    case \"delete-entity-type\": {\n      // Remove the entity type from the map\n      console.log(\"Deleting entity type:\", action.payload.id);\n      const { id } = action.payload;\n      const newEntityTypesMap = new Map(state.entityTypesMap);\n      const oldType = newEntityTypesMap.get(id);\n      newEntityTypesMap.delete(id);\n\n      const defaultType = newEntityTypesMap.values().next().value;\n      const newTree = updateTreeTypes(state.tree, oldType, defaultType);\n\n      return {\n        ...state,\n        tree: newTree,\n        entityTypesMap: newEntityTypesMap,\n        selectedNodes: [],\n      };\n    }\n\n    /** Entity type selection */\n    case \"toggle-entity-type-selector\":\n      return {\n        ...state,\n        isSelectingEntityType: action.payload ?? !state.isSelectingEntityType,\n      };\n    case \"select-entity-type\": {\n      // For each selected node, update the type\n      let newTree2 = state.tree;\n      for (let id of state.selectedNodes) {\n        const keyPath = findNode(state.tree, id);\n        const nestedSpec = buildNestedSpec(keyPath, {\n          type: { $set: action.payload },\n        });\n        newTree2 = update(newTree2, nestedSpec);\n      }\n\n      return {\n        ...state,\n        tree: newTree2,\n        selectedEntityType: action.payload,\n      };\n    }\n    case \"deselect\":\n      return { ...state, selectedNodes: [] };\n    case \"reset\":\n      return {\n        ...state,\n        tree: state.initialTree,\n        selectedNodes: [],\n      };\n    case \"set-view-mode\":\n      return { ...state, viewMode: action.payload };\n  }\n}\n\nfunction nodeIsInTree(tree: TreeData[], id: number): boolean {\n  for (let node of tree) {\n    if (node.id == id) {\n      return true;\n    } else if (node.children) {\n      if (nodeIsInTree(node.children, id)) {\n        return true;\n      }\n    }\n  }\n  return false;\n}\n\nfunction buildNestedSpec(\n  keyPath: (number | \"children\")[],\n  innerSpec: Spec<any>,\n): Spec<TreeData[]> {\n  // Build a nested object from a key path\n\n  let spec = innerSpec;\n  for (let i = keyPath.length - 1; i >= 0; i--) {\n    spec = { [keyPath[i]]: spec };\n  }\n  return spec as any;\n  // Since we don't have a \"children\" key at the root, we make the top-level spec an array\n}\n\nfunction findNode(\n  tree: TreeData[],\n  id: number,\n): (number | \"children\")[] | null {\n  // Find the index of the node with the given id in the tree, returning the key path\n  for (let i = 0; i < tree.length; i++) {\n    if (tree[i].id == id) {\n      return [i];\n    } else if (tree[i].children) {\n      let path = findNode(tree[i].children, id);\n      if (path != null) {\n        return [i, \"children\", ...path];\n      }\n    }\n  }\n  return null;\n}\n\nfunction removeNodes(\n  tree: TreeData[],\n  ids: number[],\n): [TreeData[], TreeData[]] {\n  /** Remove nodes with the given ids from the tree and return the new tree and the removed nodes */\n  let newTree: TreeData[] = [];\n  let removedNodes: TreeData[] = [];\n\n  for (let node of tree) {\n    if (ids.includes(node.id)) {\n      removedNodes.push(node);\n    } else {\n      // Recurse into children\n      if (node.children) {\n        let [newChildren, removedChildren] = removeNodes(node.children, ids);\n        node = { ...node, children: newChildren };\n        removedNodes.push(...removedChildren);\n      }\n      newTree.push(node);\n    }\n  }\n\n  return [newTree, removedNodes];\n}\n\nexport interface EntityOutput {\n  id: number;\n  type: number | null;\n  txt_range: number[][];\n  name: string;\n  match: any | null;\n  reasoning: string | null;\n  color: string | null;\n  children: any[] | null;\n}\n\nexport interface GraphData {\n  nodes: EntityOutput[];\n  edges: { source: number; dest: number }[];\n}\n\nexport function treeToGraph(tree: TreeData[]): GraphData {\n  // Convert the tree to a graph\n  let nodes: EntityOutput[] = [];\n  let edges: { source: number; dest: number }[] = [];\n  const nodeMap = new Map<number, TreeData>();\n\n  for (let node of tree) {\n    // If we've already found an instance of this node, we don't need to record\n    // it again\n    if (nodeMap.has(node.id)) {\n      continue;\n    }\n\n    const { indices, id, name, type, children } = node;\n\n    const nodeData: EntityOutput = {\n      id,\n      type: type.id,\n      color: type.color,\n      name,\n      txt_range: [indices],\n      reasoning: null,\n      match: node.match,\n      children,\n    };\n\n    nodeMap.set(node.id, node);\n    nodes.push(nodeData);\n\n    if (node.children) {\n      for (let child of node.children) {\n        edges.push({ source: node.id, dest: child.id });\n      }\n\n      // Now process the children\n      const { nodes: childNodes, edges: childEdges } = treeToGraph(\n        node.children,\n      );\n      nodes.push(...childNodes);\n      edges.push(...childEdges);\n    }\n  }\n\n  return { nodes, edges };\n}\n\nfunction findNodeById(tree, id) {\n  for (const node of tree) {\n    if (node.id === id) {\n      return node;\n    }\n    if (node.children) {\n      const found = findNodeById(node.children, id);\n      if (found) return found;\n    }\n  }\n  return null;\n}\n\nfunction updateTreeTypes(tree, oldType, defaultType) {\n  return tree.map((node) => updateNodeType(node, oldType, defaultType));\n}\n\nfunction updateNodeType(node, oldType, defaultType) {\n  const type = node.type.id === oldType.id ? defaultType : node.type;\n\n  return {\n    ...node,\n    type,\n    children: node.children\n      ? updateTreeTypes(node.children, oldType, defaultType)\n      : [],\n  };\n}\n"],"names":[],"version":3,"file":"feedback-components.bf5f7cf7.js.map"}

package/dist/{main.module.f9f92ece.css → esm/feedback-components.bf93773c.css}

@@ -14,4 +14,4 @@
   width: 30px;
   height: 30px;
 }
-/*# sourceMappingURL=main.module.f9f92ece.css.map */
+/*# sourceMappingURL=feedback-components.bf93773c.css.map */

package/dist/{main.module.f9f92ece.css.map → esm/feedback-components.bf93773c.css.map}

@@ -1 +1 @@
-{"mappings":"AAAA;;;;;;;AAME;;;;AAGF","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.f9f92ece.css.map"}
+{"mappings":"AAAA;;;;;;;AAME;;;;AAGF","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":"feedback-components.bf93773c.css.map"}

package/dist/{main.module.d6508c0e.css → esm/feedback-components.e273ed5b.css}

@@ -11,4 +11,4 @@
   margin: .2em 0 .5em;
   padding-right: 3px;
 }
-/*# sourceMappingURL=main.module.d6508c0e.css.map */
+/*# sourceMappingURL=feedback-components.e273ed5b.css.map */

package/dist/{main.module.d6508c0e.css.map → esm/feedback-components.e273ed5b.css.map}

@@ -1 +1 @@
-{"mappings":"AAAA;;;;;AAIE;;;;AAGF","sources":["packages/feedback-components/src/extractions/main.module.sass"],"sourcesContent":[".entities\n  list-style: none\n  padding-left: 0\n\n  .entities ul\n    list-style: none\n\n.entity\n  margin: 0.2em 0 0.5em\n  padding-right: 3px\n"],"names":[],"version":3,"file":"main.module.d6508c0e.css.map"}
+{"mappings":"AAAA;;;;;AAIE;;;;AAGF","sources":["packages/feedback-components/src/extractions/main.module.sass"],"sourcesContent":[".entities\n  list-style: none\n  padding-left: 0\n\n  .entities ul\n    list-style: none\n\n.entity\n  margin: 0.2em 0 0.5em\n  padding-right: 3px\n"],"names":[],"version":3,"file":"feedback-components.e273ed5b.css.map"}

package/dist/{main.module.21bbfaf4.js → esm/feedback-components.f9850d85.js}

@@ -16,4 +16,4 @@ $f8bcd91cbf17e53f$export$c672d9950c40fe0a = `WofFTa_swatch`;
 
 
 export {$f8bcd91cbf17e53f$exports as default};
-//# sourceMappingURL=main.module.21bbfaf4.js.map
+//# sourceMappingURL=feedback-components.f9850d85.js.map

package/dist/{main.module.21bbfaf4.js.map → esm/feedback-components.f9850d85.js.map}

@@ -1 +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"}
+{"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":"feedback-components.f9850d85.js.map"}

package/dist/{index.d.ts → esm/index.d.ts}

@@ -4,6 +4,7 @@ type EntityType = {
     name: string;
     color: string;
     id: number;
+    description?: string;
 };
 type Match = any;
 export interface Entity {
@@ -29,6 +30,18 @@ export interface EntityExt extends Omit<Entity, "type" | "children"> {
     children: EntityExt[];
     parents?: number[];
 }
+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.FunctionComponentElement<$$parcel$import$202<HTMLElement>>;
+    };
+}
+declare namespace ThreeColumnLayout {
+    var Panels: typeof SidePanel;
+}
 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: {
@@ -103,6 +116,26 @@ type TreeAction = {
     type: "deselect";
 } | {
     type: "reset";
+} | {
+    type: "delete-entity-type";
+    payload: {
+        id: number;
+    };
+} | {
+    type: "add-entity-type";
+    payload: {
+        name: string;
+        description: string;
+        color: string;
+    };
+} | {
+    type: "update-entity-type";
+    payload: {
+        id: number;
+        name: string;
+        description: string;
+        color: string;
+    };
 };
 type TreeDispatch = Dispatch<TreeAction>;
 interface EntityOutput {
@@ -112,6 +145,8 @@ interface EntityOutput {
     name: string;
     match: any | null;
     reasoning: string | null;
+    color: string | null;
+    children: any[] | null;
 }
 export interface GraphData {
     nodes: EntityOutput[];
@@ -121,25 +156,15 @@ export interface GraphData {
     }[];
 }
 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, }: {
+export function FeedbackComponent({ entities, text, model, entityTypes, matchComponent, onSave, lineHeight, allowOverlap, }: {
     entities?: any[];
     text: any;
     model: any;
     entityTypes: any;
     matchComponent: any;
     onSave: any;
+    lineHeight: any;
+    allowOverlap: any;
 }): FunctionComponentElement<ProviderProps<TreeDispatch>>;
 
 //# sourceMappingURL=index.d.ts.map

package/dist/esm/index.d.ts.map

@@ -0,0 +1 @@
+{"mappings":";;AAAA,kBAAkB;IAChB,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,EAAE,EAAE,MAAM,CAAC;IACX,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB,CAAC;AACF,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;kBqByIQ,kBAAkB;;;;;;yBAwKR,mBAAmB;;;kBwBnO7B,iBAAiB;;;AKnG1B,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,CA2Cf;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,sCAkChB;ACrKD,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,GACjB;IAAE,IAAI,EAAE,oBAAoB,CAAC;IAAC,OAAO,EAAE;QAAE,EAAE,EAAE,MAAM,CAAA;KAAE,CAAA;CAAE,GACvD;IACE,IAAI,EAAE,iBAAiB,CAAC;IACxB,OAAO,EAAE;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,WAAW,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,CAAC;CAC/D,GACD;IACE,IAAI,EAAE,oBAAoB,CAAC;IAC3B,OAAO,EAAE;QAAE,EAAE,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAC;QAAC,WAAW,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,CAAC;CAC3E,CAAC;AAEN,oBAA2B,SAAS,UAAU,CAAC,CAAC;AA4ShD;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;IACzB,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IACrB,QAAQ,EAAE,GAAG,EAAE,GAAG,IAAI,CAAC;CACxB;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,CA4CvD;AwFrWD,kCAAkC,EAChC,QAAa,EACb,IAAI,EACJ,KAAK,EACL,WAAW,EACX,cAAc,EACd,MAAM,EACN,UAAU,EACV,YAAY,GACb;;;;;;;;;CAAA,yDA4HA","sources":["packages/feedback-components/src/src/extractions/types.ts","packages/feedback-components/color-utils/src/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/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/src/src/feedback/graph.ts","packages/feedback-components/data-sheet/src/components/editor-popup.ts","packages/.storybook/main.ts","packages/feedback-components/data-sheet/src/components/colors.ts","packages/feedback-components/data-sheet/src/components/text-areas.ts","packages/feedback-components/data-sheet/src/components/index.ts","packages/feedback-components/data-sheet/src/utils/column-spec.ts","packages/feedback-components/data-sheet/src/utils/index.ts","packages/feedback-components/data-sheet/src/provider.ts","packages/feedback-components/data-sheet/src/components/actions.ts","packages/feedback-components/data-sheet/src/core.ts","packages/feedback-components/data-components/src/components/hierarchy/index.ts","packages/feedback-components/data-components/src/components/prevalent-taxa/prevalent-taxa.ts","packages/feedback-components/data-components/src/components/prevalent-taxa/index.ts","packages/feedback-components/data-components/src/components/unit-details/tag.ts","packages/feedback-components/stratigraphy-utils/src/age-ranges.ts","packages/feedback-components/stratigraphy-utils/src/measurements.ts","packages/feedback-components/stratigraphy-utils/src/index.ts","packages/feedback-components/data-components/src/components/unit-details/base.ts","packages/feedback-components/data-components/src/components/unit-details/lithology-tag.ts","packages/feedback-components/data-components/src/components/unit-details/index.ts","packages/feedback-components/data-components/src/components/index.ts","packages/feedback-components/data-components/src/dz-spectrum/gradients.ts","packages/feedback-components/data-components/src/dz-spectrum/kernel-density.ts","packages/feedback-components/data-components/src/dz-spectrum/index.ts","packages/feedback-components/mapbox-utils/src/labels.ts","packages/feedback-components/mapbox-utils/src/position.ts","packages/feedback-components/mapbox-utils/src/preprocess-styles.ts","packages/feedback-components/mapbox-utils/src/utils.ts","packages/feedback-components/mapbox-utils/src/view-info.ts","packages/feedback-components/mapbox-utils/src/style-helpers.ts","packages/feedback-components/mapbox-utils/src/index.ts","packages/feedback-components/data-components/src/field-locations/base.ts","packages/feedback-components/data-components/src/field-locations/checkins.ts","packages/feedback-components/data-components/src/field-locations/spots.ts","packages/feedback-components/mapbox-react/src/context.ts","packages/feedback-components/mapbox-react/src/hooks.ts","packages/feedback-components/mapbox-react/src/controls.ts","packages/feedback-components/mapbox-react/src/terrain.ts","packages/feedback-components/mapbox-react/src/debugger.ts","packages/feedback-components/mapbox-react/src/focus-state.ts","packages/feedback-components/map-styles/src/layer-helpers/symbol-layers.ts","packages/feedback-components/map-styles/src/layer-helpers/geology-layers.ts","packages/feedback-components/map-styles/src/layer-helpers/pattern-fill.ts","packages/feedback-components/map-styles/src/layer-helpers/utils.ts","packages/feedback-components/map-styles/src/layer-helpers/point-features/symbols/index.ts","packages/feedback-components/map-styles/src/layer-helpers/point-features/icon-image.ts","packages/feedback-components/map-styles/src/layer-helpers/point-features/symbol-layer.ts","packages/feedback-components/map-styles/src/layer-helpers/point-features/index.ts","packages/feedback-components/map-styles/src/layer-helpers/cross-sections.ts","packages/feedback-components/map-styles/src/layer-helpers/index.ts","packages/feedback-components/map-styles/src/styles/line-symbols.ts","packages/feedback-components/map-styles/src/styles/layers.ts","packages/feedback-components/map-styles/src/styles/index.ts","packages/feedback-components/map-styles/src/index.ts","packages/feedback-components/mapbox-react/src/layer-managers/line-symbols.ts","packages/feedback-components/mapbox-react/src/layer-managers/map-sources.ts","packages/feedback-components/mapbox-react/src/layer-managers/index.ts","packages/feedback-components/mapbox-react/src/index.ts","packages/feedback-components/map-interface/src/context-panel/index.ts","packages/feedback-components/map-interface/src/location-info/utils.ts","packages/feedback-components/map-interface/src/location-info/hash-string.ts","packages/feedback-components/map-interface/src/location-info/index.ts","packages/feedback-components/map-interface/src/location-panel/header.ts","packages/feedback-components/map-interface/src/controls.ts","packages/feedback-components/map-interface/src/container.ts","packages/feedback-components/map-interface/src/location-panel/index.ts","packages/feedback-components/map-interface/src/dev/xray.ts","packages/feedback-components/map-interface/src/utils.ts","packages/feedback-components/map-interface/src/helpers.ts","packages/feedback-components/map-interface/src/map-view.ts","packages/feedback-components/map-interface/src/dev/tile-extent.ts","packages/feedback-components/map-interface/src/expansion-panel/headers.ts","packages/feedback-components/map-interface/src/expansion-panel/index.ts","packages/feedback-components/map-interface/src/dev/vector-tile-features.ts","packages/feedback-components/map-interface/src/dev/map-page.ts","packages/feedback-components/map-interface/src/dev/index.ts","packages/feedback-components/map-interface/src/index.ts","packages/feedback-components/data-components/src/field-locations/rockd-checkins/index.ts","packages/feedback-components/data-components/src/field-locations/index.ts","packages/feedback-components/data-components/src/index.ts","packages/feedback-components/data-sheet/src/postgrest-table/data-loaders.ts","packages/feedback-components/data-sheet/src/postgrest-table/index.ts","packages/feedback-components/data-sheet/src/index.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,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,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 → esm/index.js}

@@ -1,5 +1,5 @@
-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";
+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 "./feedback-components.5df2a926.js";
+import {FeedbackComponent as $71d20dff35996763$export$a90600c9da52b40c, treeToGraph as $b79bf29960412ca7$export$8d9dbb7a64bf2a5e} from "./feedback-components.6a6c8af5.js";
 
 
 

package/dist/node/feedback-components.15e1316d.js

@@ -0,0 +1,2 @@
+import"./feedback-components.65d8488e.js";import"./feedback-components.e8aa70b8.js";import"./feedback-components.6681dbde.js";import"./feedback-components.8b03e8be.js";import"./feedback-components.e2f3c4b7.js";import"./feedback-components.acac789b.js";import"./feedback-components.7caa447a.js";import e from"@macrostrat/hyper";import{Tree as t}from"react-arborist";import{useState as o,useRef as n,useCallback as a,useEffect as r}from"react";import{SegmentedControl as i,Card as l,ButtonGroup as d,Divider as s,Icon as c,Overlay2 as p,Popover as y}from"@blueprintjs/core";import{ErrorBoundary as u,FlexRow as m,CancelButton as h,SaveButton as f,useInDarkMode as v}from"@macrostrat/ui-components";import g from"use-element-dimensions";import{asChromaColor as b}from"@macrostrat/color-utils";import{ColorPicker as C}from"@macrostrat/data-sheet";function T(e,t,o,n){Object.defineProperty(e,t,{get:o,set:n,enumerable:!0,configurable:!0})}var x=globalThis,w={},S={},k=x.parcelRequirea149;null==k&&((k=function(e){if(e in w)return w[e].exports;if(e in S){var t=S[e];delete S[e];var o={id:e,exports:{}};return w[e]=o,t.call(o.exports,o,o.exports),o.exports}var n=Error("Cannot find module '"+e+"'");throw n.code="MODULE_NOT_FOUND",n}).register=function(e,t){S[e]=t},x.parcelRequirea149=k),k.register;var N={};T(N,"FeedbackComponent",()=>j),T(N,"treeToGraph",()=>k("eedTh").treeToGraph);var O=k("9wFEx"),E=k("bQY4Q"),_=k("3OP12"),H=k("edvRb"),A=k("eedTh"),I=k("iKZjQ"),F=k("bK9Of");let R=e.styled(O&&O.__esModule?O.default:O);function j({entities:e=[],text:t,model:o,entityTypes:n,matchComponent:a,onSave:r,lineHeight:c,allowOverlap:p}){let[y,v]=(0,A.useUpdatableTree)(e.map(M),n),{selectedNodes:b,tree:C,selectedEntityType:T,isSelectingEntityType:x,entityTypesMap:w}=y,[{width:S,height:k},N]=g();return R(A.TreeDispatchContext.Provider,{value:v},[R(u,{description:"An error occurred while rendering the feedback text component."},R(_.FeedbackText,{text:t,dispatch:v,nodes:C,selectedNodes:b,lineHeight:c,allowOverlap:p})),R(m,{alignItems:"baseline",justifyContent:"space-between"},[R(H.ModelInfo,{data:o}),R(i,{options:[{label:"Tree",value:"tree"},{label:"Graph",value:"graph"}],value:y.viewMode,small:!0,onValueChange(e){console.log("Setting view mode",e),v({type:"set-view-mode",payload:e})}})]),R("div.entity-panel",{ref:N},[R(l,{className:"control-panel"},[R(d,{vertical:!0,fill:!0,minimal:!0,alignText:"left"},[R(h,{icon:"trash",disabled:y.initialTree==y.tree,onClick(){v({type:"reset"})}},"Reset"),R(f,{onClick(){r(y.tree)},disabled:y.initialTree==y.tree},"Save")]),R(s),R(D,{entityTypes:w,selected:T,onChange(e){v({type:"select-entity-type",payload:e})},dispatch:v,tree:C,selectedNodes:b,isOpen:x,setOpen:e=>v({type:"toggle-entity-type-selector",payload:e})})]),R.if("tree"==y.viewMode)(P,{selectedNodes:b,dispatch:v,tree:C,width:S,height:k,matchComponent:a}),R.if("graph"==y.viewMode)(F.GraphView,{tree:C,width:S,height:k,dispatch:v,selectedNodes:b})])])}function M(e){return{...e,term_type:e.type.name,txt_range:[e.indices],children:e.children?.map(M)??[]}}function D({entityTypes:e,selected:t,isOpen:n,setOpen:a,onChange:r,tree:i,dispatch:l,selectedNodes:d=[]}){let s=null!=t?t:void 0,[c,p]=o(""),y=Array.from(e.values()),u=""!==c?y.filter(e=>e.name.toLowerCase().includes(c.toLowerCase())):y;return R("div.entity-type-selector",[R(G,{types:e,selected:s,dispatch:l,selectedNodes:d,tree:i}),R(I.OmniboxSelector,{isOpen:n,items:u,selectedItem:s,onSelectItem(e){a(!1),r(e)},onQueryChange(e){p(e)},onClose(){a(!1)}})])}function P(e){let{selectedNodes:o,dispatch:i,tree:l,height:d,width:s,matchComponent:c}=e,p=n(),y=n(!1),u=a(e=>R(E.default,{...e,matchComponent:c}),[c]);return r(()=>{if(null!=p.current)!function(e,t){if(e.size!==t.size)return!1;for(let o of e)if(!t.has(o))return!1;return!0}(new Set(o.map(e=>e.toString())),p.current.selectedIds)&&p.current.setSelection({ids:o.map(e=>e.toString()),anchor:null,mostRecent:null})},[o]),R("div.selection-tree-wrapper",{onPointerDown:function(){y.current=!0}},R(t,{className:"selection-tree",height:d,width:s,ref:p,data:l,onMove({dragIds:e,parentId:t,index:o}){i({type:"move-node",payload:{dragIds:e.map(e=>parseInt(e)),parentId:t?parseInt(t):null,index:o}})},onDelete({ids:e}){i({type:"delete-node",payload:{ids:e.map(e=>parseInt(e))}})},onSelect:a(e=>{if(!y.current)return;y.current=!1,console.log("Clicked nodes:",e);let t=e.map(e=>parseInt(e.id));1===t.length&&t[0]===o[0]&&(t=[]),i({type:"select-node",payload:{ids:t}})},[o,i]),children:u,idAccessor:e=>e.id.toString()}))}function G({types:e,selected:t,dispatch:n,selectedNodes:a,tree:r}){let[i,l]=o(null),d=a.length>0,s=v()?.9:.4;return R("div.type-list-container",[R("div.type-list-header",d&&!i?"Change selected nodes to:":"Entity Types"),R("div.type-list",Array.from(e.values()).map(e=>R(z,{type:e,luminance:s,selectedType:i,setSelectedType:l,dispatch:n,tree:r,selectedNodes:a,selected:t,isSelectedNodes:d}))),R(B,{dispatch:n})])}function $(e,t){let o=[];return e.forEach(function e(n){n.type.id===t&&o.push(n.id),Array.isArray(n.children)&&n.children.forEach(e)}),o}function B({dispatch:e}){let[t,n]=o(!1);return R("div.add-type-container",[R("div.add-type",{onClick:()=>n(!0)},[R("p.add-type-text","Add new type"),R(c,{icon:"plus"})]),R(U,{setOverlayOpen:n,overlayOpen:t,title:"Add New Type",saveHandler:t=>{e({type:"add-entity-type",payload:t}),n(!1)}})])}function Q({dispatch:e,type:t}){let[n,a]=o(!1);return R("div.edit-type",[R(c,{icon:"edit",className:"edit-icon",onClick:e=>{e.stopPropagation(),a(!0)}}),R(U,{setOverlayOpen:a,overlayOpen:n,originalType:t,title:"Edit Type",saveHandler:t=>{e({type:"update-entity-type",payload:t}),a(!1)}})])}function U({setOverlayOpen:e,overlayOpen:t,originalType:n,title:a,saveHandler:r}){let{name:i,description:l,color:d,id:s}=n||{},[y,u]=o(i||""),[m,h]=o(l||""),[v,g]=o(d||"#fff");return R(p,{isOpen:t},R("div.overlay-container",R("div.add-type-overlay",[R("h2.title",[a,R(c,{icon:"cross",className:"close-icon",onClick:()=>{e(!1)},style:{cursor:"pointer",color:"red"}})]),R("div.form-group",[R("div.text-inputs",[R("div.form-field.name",[R("p.label","Name"),R("input",{type:"text",placeholder:"Enter type name",onChange:e=>u(e.target.value),value:y})]),R("div.form-field.form-description",[R("p.label","Description"),R("input",{type:"text",placeholder:"Enter type description",onChange:e=>h(e.target.value),value:m})])]),R("div.form-field.color",[R("p.label","Color"),R(C,{value:v,onChange:e=>g(e),style:{width:"100%"}})])]),R(f,{className:"save-btn",small:!0,onClick:()=>r({name:y,description:m,color:v,id:s})},"Save changes")])))}function z({type:e,luminance:t,selectedType:o,setSelectedType:n,dispatch:a,tree:r,selectedNodes:i,selected:l,isSelectedNodes:d}){let{color:s,name:p,id:u,description:m}=e,h=b(s??"#000000"),f=v(),g={id:u,name:p,color:s,description:m},C=$(r,u);return R(y,{autoFocus:!1,content:R("div.description",m||"No description available"),interactionKind:"hover"},R("div.type-tag",{onClick:()=>{d||null!==o?d&&null===o?u===l?.id&&i.length>0?a({type:"toggle-node-selected",payload:{ids:i}}):a({type:"select-entity-type",payload:g}):d&&o.id===u?(n(null),a({type:"toggle-node-selected",payload:{ids:C}})):d&&o.id!==u?C.length>0&&(n(e),a({type:"toggle-node-selected",payload:{ids:$(r,o.id)}}),a({type:"toggle-node-selected",payload:{ids:C}})):console.warn("Unexpected state in TypeTag click handler",{isSelectedNodes:d,selectedType:o,selectedNodes:i,ids:C,id:u,selected:l}):C.length>0&&(n(e),a({type:"toggle-node-selected",payload:{ids:C}}))},style:{cursor:C.length>0||d&&!o?"pointer":"",color:f?"white":"black",backgroundColor:h?.luminance(1-t).hex(),border:u===l?.id&&i.length>0?"1px solid var(--text-emphasized-color)":"1px solid var(--background-color)"}},R("div.type-container",[R("div.type-name",p),R("div.icons",[R(Q,{dispatch:a,type:e}),R(c,{icon:"cross",className:"delete-type-icon",style:{color:"red",cursor:"pointer"},onClick:e=>{e.stopPropagation(),a({type:"delete-entity-type",payload:{id:u}})}})])])))}export{j as FeedbackComponent,$330ae695507d96f5$export$8d9dbb7a64bf2a5e as treeToGraph};
+//# sourceMappingURL=feedback-components.15e1316d.js.map

package/dist/node/feedback-components.15e1316d.js.map

@@ -0,0 +1 @@
+{"mappings":"A,M,oD,A,O,oD,A,O,oD,A,O,oD,A,O,oD,A,O,oD,A,O,oD,A,Q,M,mB,A,Q,Q,C,K,gB,A,Q,Y,C,C,U,C,C,e,C,C,a,C,K,O,A,Q,oB,C,C,Q,C,C,e,C,C,W,C,C,Q,C,C,Y,C,C,W,C,K,mB,A,Q,iB,C,C,W,C,C,gB,C,C,c,C,C,iB,C,K,2B,A,Q,M,wB,A,Q,iB,C,K,yB,A,Q,e,C,K,wB,C,S,E,C,C,C,C,C,C,C,E,O,c,C,E,E,C,I,E,I,E,W,C,E,a,C,C,E,C,I,E,W,E,C,E,E,C,E,E,E,iB,A,O,I,A,C,E,S,C,E,G,K,E,O,C,C,E,C,O,C,G,K,E,C,I,E,C,C,E,A,Q,C,C,E,C,I,E,C,G,E,Q,C,C,E,O,C,C,E,C,E,E,I,C,E,O,C,E,E,O,E,E,O,A,C,I,E,A,M,uB,E,I,O,E,I,C,mB,C,C,E,Q,C,S,C,C,C,E,C,C,E,C,C,E,E,iB,C,G,E,Q,C,I,E,C,E,E,E,oB,I,G,E,E,c,I,A,E,S,W,E,I,E,E,S,E,E,S,E,E,S,E,E,S,E,E,S,E,E,S,E,E,SC4CA,IAAM,EAAI,AAAA,EAAM,MAAM,C,AAAC,G,AAAA,E,U,C,AAAA,E,O,CAAA,GAUhB,SAAS,EAAkB,CAAA,SAChC,EAAW,EAAE,CAAA,KACb,CAAI,CAAA,MACJ,CAAK,CAAA,YACL,CAAW,CAAA,eACX,CAAc,CAAA,OACd,CAAM,CAAA,WACN,CAAU,CAAA,aACV,CAAY,CACb,EAEC,GAAM,CAAC,EAAO,EAAS,CAAG,AAAA,CAAA,EAAA,EAAA,gBAAe,AAAf,EACxB,EAAS,GAAG,CAAC,GACb,GAGI,CAAA,cACJ,CAAa,CAAA,KACb,CAAI,CAAA,mBACJ,CAAkB,CAAA,sBAClB,CAAqB,CAAA,eACrB,CAAc,CACf,CAAG,EAEE,CAAC,CAAA,MAAE,CAAK,CAAA,OAAE,CAAM,CAAE,CAAE,EAAI,CAAG,AAAA,IAEjC,OAAO,EAAE,AAAA,EAAA,mBAAkB,CAAE,QAAQ,CAAE,CAAE,MAAO,CAAS,EAAG,CAC1D,EACE,EACA,CACE,YACE,gEACJ,EACA,EAAE,EAAA,YAAW,CAAG,CACd,KAAA,EACA,SAAA,EAEA,M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","sources":["<anon>","packages/feedback-components/src/feedback/index.ts"],"sourcesContent":["import \"./feedback-components.65d8488e.js\";\nimport \"./feedback-components.e8aa70b8.js\";\nimport \"./feedback-components.6681dbde.js\";\nimport \"./feedback-components.8b03e8be.js\";\nimport \"./feedback-components.e2f3c4b7.js\";\nimport \"./feedback-components.acac789b.js\";\nimport \"./feedback-components.7caa447a.js\";\nimport $ajJMX$macrostrathyper from \"@macrostrat/hyper\";\nimport {Tree as $ajJMX$Tree} from \"react-arborist\";\nimport {useState as $ajJMX$useState, useRef as $ajJMX$useRef, useCallback as $ajJMX$useCallback, useEffect as $ajJMX$useEffect} from \"react\";\nimport {SegmentedControl as $ajJMX$SegmentedControl, Card as $ajJMX$Card, ButtonGroup as $ajJMX$ButtonGroup, Divider as $ajJMX$Divider, Icon as $ajJMX$Icon, Overlay2 as $ajJMX$Overlay2, Popover as $ajJMX$Popover} from \"@blueprintjs/core\";\nimport {ErrorBoundary as $ajJMX$ErrorBoundary, FlexRow as $ajJMX$FlexRow, CancelButton as $ajJMX$CancelButton, SaveButton as $ajJMX$SaveButton, useInDarkMode as $ajJMX$useInDarkMode} from \"@macrostrat/ui-components\";\nimport $ajJMX$useelementdimensions from \"use-element-dimensions\";\nimport {asChromaColor as $ajJMX$asChromaColor} from \"@macrostrat/color-utils\";\nimport {ColorPicker as $ajJMX$ColorPicker} from \"@macrostrat/data-sheet\";\n\n\nfunction $parcel$interopDefault(a) {\n  return a && a.__esModule ? a.default : a;\n}\n\nfunction $parcel$export(e, n, v, s) {\n  Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});\n}\n\n      var $parcel$global = globalThis;\n    \nvar $parcel$modules = {};\nvar $parcel$inits = {};\n\nvar parcelRequire = $parcel$global[\"parcelRequirea149\"];\n\nif (parcelRequire == null) {\n  parcelRequire = function(id) {\n    if (id in $parcel$modules) {\n      return $parcel$modules[id].exports;\n    }\n    if (id in $parcel$inits) {\n      var init = $parcel$inits[id];\n      delete $parcel$inits[id];\n      var module = {id: id, exports: {}};\n      $parcel$modules[id] = module;\n      init.call(module.exports, module, module.exports);\n      return module.exports;\n    }\n    var err = new Error(\"Cannot find module '\" + id + \"'\");\n    err.code = 'MODULE_NOT_FOUND';\n    throw err;\n  };\n\n  parcelRequire.register = function register(id, init) {\n    $parcel$inits[id] = init;\n  };\n\n  $parcel$global[\"parcelRequirea149\"] = parcelRequire;\n}\n\nvar parcelRegister = parcelRequire.register;\nvar $2c86488f2f3c1edd$exports = {};\n\n$parcel$export($2c86488f2f3c1edd$exports, \"FeedbackComponent\", () => $2c86488f2f3c1edd$export$a90600c9da52b40c);\n$parcel$export($2c86488f2f3c1edd$exports, \"treeToGraph\", () => (parcelRequire(\"eedTh\")).treeToGraph);\n\nvar $9wFEx = parcelRequire(\"9wFEx\");\n\n\n\nvar $bQY4Q = parcelRequire(\"bQY4Q\");\n\nvar $3OP12 = parcelRequire(\"3OP12\");\n\nvar $edvRb = parcelRequire(\"edvRb\");\n\nvar $eedTh = parcelRequire(\"eedTh\");\n\n\n\nvar $iKZjQ = parcelRequire(\"iKZjQ\");\n\n\n\nvar $bK9Of = parcelRequire(\"bK9Of\");\n\n\nconst $2c86488f2f3c1edd$var$h = (0, $ajJMX$macrostrathyper).styled((0, (/*@__PURE__*/$parcel$interopDefault($9wFEx))));\nfunction $2c86488f2f3c1edd$var$setsAreTheSame(a, b) {\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}\nfunction $2c86488f2f3c1edd$export$a90600c9da52b40c({ entities: entities = [], text: text, model: model, entityTypes: entityTypes, matchComponent: matchComponent, onSave: onSave, lineHeight: lineHeight, allowOverlap: allowOverlap }) {\n    // Get the input arguments\n    const [state, dispatch] = (0, $eedTh.useUpdatableTree)(entities.map($2c86488f2f3c1edd$var$processEntity), entityTypes);\n    const { selectedNodes: selectedNodes, tree: tree, selectedEntityType: selectedEntityType, isSelectingEntityType: isSelectingEntityType, entityTypesMap: entityTypesMap } = state;\n    const [{ width: width, height: height }, ref] = (0, $ajJMX$useelementdimensions)();\n    return $2c86488f2f3c1edd$var$h((0, $eedTh.TreeDispatchContext).Provider, {\n        value: dispatch\n    }, [\n        $2c86488f2f3c1edd$var$h((0, $ajJMX$ErrorBoundary), {\n            description: \"An error occurred while rendering the feedback text component.\"\n        }, $2c86488f2f3c1edd$var$h((0, $3OP12.FeedbackText), {\n            text: text,\n            dispatch: dispatch,\n            // @ts-ignore\n            nodes: tree,\n            selectedNodes: selectedNodes,\n            lineHeight: lineHeight,\n            allowOverlap: allowOverlap\n        })),\n        $2c86488f2f3c1edd$var$h((0, $ajJMX$FlexRow), {\n            alignItems: \"baseline\",\n            justifyContent: \"space-between\"\n        }, [\n            $2c86488f2f3c1edd$var$h((0, $edvRb.ModelInfo), {\n                data: model\n            }),\n            $2c86488f2f3c1edd$var$h((0, $ajJMX$SegmentedControl), {\n                options: [\n                    {\n                        label: \"Tree\",\n                        value: \"tree\"\n                    },\n                    {\n                        label: \"Graph\",\n                        value: \"graph\"\n                    }\n                ],\n                value: state.viewMode,\n                small: true,\n                onValueChange (value) {\n                    console.log(\"Setting view mode\", value);\n                    dispatch({\n                        type: \"set-view-mode\",\n                        payload: value\n                    });\n                }\n            })\n        ]),\n        $2c86488f2f3c1edd$var$h(\"div.entity-panel\", {\n            ref: ref\n        }, [\n            $2c86488f2f3c1edd$var$h((0, $ajJMX$Card), {\n                className: \"control-panel\"\n            }, [\n                $2c86488f2f3c1edd$var$h((0, $ajJMX$ButtonGroup), {\n                    vertical: true,\n                    fill: true,\n                    minimal: true,\n                    alignText: \"left\"\n                }, [\n                    $2c86488f2f3c1edd$var$h((0, $ajJMX$CancelButton), {\n                        icon: \"trash\",\n                        disabled: state.initialTree == state.tree,\n                        onClick () {\n                            dispatch({\n                                type: \"reset\"\n                            });\n                        }\n                    }, \"Reset\"),\n                    $2c86488f2f3c1edd$var$h((0, $ajJMX$SaveButton), {\n                        onClick () {\n                            onSave(state.tree);\n                        },\n                        disabled: state.initialTree == state.tree\n                    }, \"Save\")\n                ]),\n                $2c86488f2f3c1edd$var$h((0, $ajJMX$Divider)),\n                $2c86488f2f3c1edd$var$h($2c86488f2f3c1edd$var$EntityTypeSelector, {\n                    entityTypes: entityTypesMap,\n                    selected: selectedEntityType,\n                    onChange (payload) {\n                        dispatch({\n                            type: \"select-entity-type\",\n                            payload: payload\n                        });\n                    },\n                    dispatch: dispatch,\n                    tree: tree,\n                    selectedNodes: selectedNodes,\n                    isOpen: isSelectingEntityType,\n                    setOpen: (isOpen)=>dispatch({\n                            type: \"toggle-entity-type-selector\",\n                            payload: isOpen\n                        })\n                })\n            ]),\n            $2c86488f2f3c1edd$var$h.if(state.viewMode == \"tree\")($2c86488f2f3c1edd$var$ManagedSelectionTree, {\n                selectedNodes: selectedNodes,\n                dispatch: dispatch,\n                tree: tree,\n                width: width,\n                height: height,\n                matchComponent: matchComponent\n            }),\n            $2c86488f2f3c1edd$var$h.if(state.viewMode == \"graph\")((0, $bK9Of.GraphView), {\n                tree: tree,\n                width: width,\n                height: height,\n                dispatch: dispatch,\n                selectedNodes: selectedNodes\n            })\n        ])\n    ]);\n}\nfunction $2c86488f2f3c1edd$var$processEntity(entity) {\n    // @ts-ignore\n    return {\n        ...entity,\n        // @ts-ignore\n        term_type: entity.type.name,\n        txt_range: [\n            entity.indices\n        ],\n        children: entity.children?.map($2c86488f2f3c1edd$var$processEntity) ?? []\n    };\n}\nfunction $2c86488f2f3c1edd$var$EntityTypeSelector({ entityTypes: entityTypes, selected: selected, isOpen: isOpen, setOpen: setOpen, onChange: onChange, tree: tree, dispatch: dispatch, selectedNodes: selectedNodes = [] }) {\n    // Show all entity types when selected is null\n    const _selected = selected != null ? selected : undefined;\n    const [inputValue, setInputValue] = (0, $ajJMX$useState)(\"\");\n    const types = Array.from(entityTypes.values());\n    const items = inputValue !== \"\" ? types.filter((d)=>d.name.toLowerCase().includes(inputValue.toLowerCase())) : types;\n    return $2c86488f2f3c1edd$var$h(\"div.entity-type-selector\", [\n        $2c86488f2f3c1edd$var$h($2c86488f2f3c1edd$var$TypeList, {\n            types: entityTypes,\n            selected: _selected,\n            dispatch: dispatch,\n            selectedNodes: selectedNodes,\n            tree: tree\n        }),\n        $2c86488f2f3c1edd$var$h((0, $iKZjQ.OmniboxSelector), {\n            isOpen: isOpen,\n            items: 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}\nfunction $2c86488f2f3c1edd$var$countNodes(tree) {\n    if (!tree) return 0;\n    let count = 0;\n    function recurse(nodes) {\n        for (const node of nodes){\n            count++;\n            if (node.children && Array.isArray(node.children)) recurse(node.children);\n        }\n    }\n    recurse(tree);\n    return count;\n}\nfunction $2c86488f2f3c1edd$var$ManagedSelectionTree(props) {\n    const { selectedNodes: selectedNodes, dispatch: dispatch, tree: tree, height: height, width: width, matchComponent: matchComponent } = props;\n    const ref = (0, $ajJMX$useRef)();\n    // Use a ref to track clicks (won't cause rerender)\n    const clickedRef = (0, $ajJMX$useRef)(false);\n    const _Node = (0, $ajJMX$useCallback)((props)=>$2c86488f2f3c1edd$var$h((0, $bQY4Q.default), {\n            ...props,\n            matchComponent: matchComponent\n        }), [\n        matchComponent\n    ]);\n    // Update Tree selection when selectedNodes change\n    (0, $ajJMX$useEffect)(()=>{\n        if (ref.current == null) return;\n        const selection = new Set(selectedNodes.map((d)=>d.toString()));\n        const currentSelection = ref.current.selectedIds;\n        if ($2c86488f2f3c1edd$var$setsAreTheSame(selection, currentSelection)) return;\n        ref.current.setSelection({\n            ids: selectedNodes.map((d)=>d.toString()),\n            anchor: null,\n            mostRecent: null\n        });\n    }, [\n        selectedNodes\n    ]);\n    // Mark clicked when user clicks inside the tree container\n    function handleClick() {\n        clickedRef.current = true;\n    }\n    const handleSelect = (0, $ajJMX$useCallback)((nodes)=>{\n        if (!clickedRef.current) return;\n        clickedRef.current = false;\n        console.log(\"Clicked nodes:\", nodes);\n        let ids = nodes.map((d)=>parseInt(d.id));\n        if (ids.length === 1 && ids[0] === selectedNodes[0]) ids = [];\n        dispatch({\n            type: \"select-node\",\n            payload: {\n                ids: ids\n            }\n        });\n    }, [\n        selectedNodes,\n        dispatch\n    ]);\n    return $2c86488f2f3c1edd$var$h(\"div.selection-tree-wrapper\", {\n        onPointerDown: handleClick\n    }, $2c86488f2f3c1edd$var$h((0, $ajJMX$Tree), {\n        className: \"selection-tree\",\n        height: height,\n        width: width,\n        ref: ref,\n        data: tree,\n        onMove ({ dragIds: dragIds, parentId: parentId, index: index }) {\n            dispatch({\n                type: \"move-node\",\n                payload: {\n                    dragIds: dragIds.map((d)=>parseInt(d)),\n                    parentId: parentId ? parseInt(parentId) : null,\n                    index: index\n                }\n            });\n        },\n        onDelete ({ ids: ids }) {\n            dispatch({\n                type: \"delete-node\",\n                payload: {\n                    ids: ids.map((d)=>parseInt(d))\n                }\n            });\n        },\n        onSelect: handleSelect,\n        children: _Node,\n        idAccessor (d) {\n            return d.id.toString();\n        }\n    }));\n}\nfunction $2c86488f2f3c1edd$var$TypeList({ types: types, selected: selected, dispatch: dispatch, selectedNodes: selectedNodes, tree: tree }) {\n    const [selectedType, setSelectedType] = (0, $ajJMX$useState)(null);\n    const isSelectedNodes = selectedNodes.length > 0;\n    const darkMode = (0, $ajJMX$useInDarkMode)();\n    const luminance = darkMode ? 0.9 : 0.4;\n    return $2c86488f2f3c1edd$var$h(\"div.type-list-container\", [\n        $2c86488f2f3c1edd$var$h(\"div.type-list-header\", isSelectedNodes && !selectedType ? \"Change selected nodes to:\" : \"Entity Types\"),\n        $2c86488f2f3c1edd$var$h(\"div.type-list\", Array.from(types.values()).map((type)=>$2c86488f2f3c1edd$var$h($2c86488f2f3c1edd$var$TypeTag, {\n                type: type,\n                luminance: luminance,\n                selectedType: selectedType,\n                setSelectedType: setSelectedType,\n                dispatch: dispatch,\n                tree: tree,\n                selectedNodes: selectedNodes,\n                selected: selected,\n                isSelectedNodes: isSelectedNodes\n            }))),\n        $2c86488f2f3c1edd$var$h($2c86488f2f3c1edd$var$AddType, {\n            dispatch: dispatch\n        })\n    ]);\n}\nfunction $2c86488f2f3c1edd$var$collectMatchingIds(tree, id) {\n    const ids = [];\n    function traverse(node) {\n        if (node.type.id === id) ids.push(node.id);\n        if (Array.isArray(node.children)) node.children.forEach(traverse);\n    }\n    tree.forEach(traverse);\n    return ids;\n}\nfunction $2c86488f2f3c1edd$var$AddType({ dispatch: dispatch }) {\n    const [overlayOpen, setOverlayOpen] = (0, $ajJMX$useState)(false);\n    const saveHandler = (payload)=>{\n        dispatch({\n            type: \"add-entity-type\",\n            payload: payload\n        });\n        setOverlayOpen(false);\n    };\n    return $2c86488f2f3c1edd$var$h(\"div.add-type-container\", [\n        $2c86488f2f3c1edd$var$h(\"div.add-type\", {\n            onClick: ()=>setOverlayOpen(true)\n        }, [\n            $2c86488f2f3c1edd$var$h(\"p.add-type-text\", \"Add new type\"),\n            $2c86488f2f3c1edd$var$h((0, $ajJMX$Icon), {\n                icon: \"plus\"\n            })\n        ]),\n        $2c86488f2f3c1edd$var$h($2c86488f2f3c1edd$var$TypeOverlay, {\n            setOverlayOpen: setOverlayOpen,\n            overlayOpen: overlayOpen,\n            title: \"Add New Type\",\n            saveHandler: saveHandler\n        })\n    ]);\n}\nfunction $2c86488f2f3c1edd$var$EditType({ dispatch: dispatch, type: type }) {\n    const [editorOpen, setEditorOpen] = (0, $ajJMX$useState)(false);\n    const saveHandler = (payload)=>{\n        dispatch({\n            type: \"update-entity-type\",\n            payload: payload\n        });\n        setEditorOpen(false);\n    };\n    return $2c86488f2f3c1edd$var$h(\"div.edit-type\", [\n        $2c86488f2f3c1edd$var$h((0, $ajJMX$Icon), {\n            icon: \"edit\",\n            className: \"edit-icon\",\n            onClick: (e)=>{\n                e.stopPropagation();\n                setEditorOpen(true);\n            }\n        }),\n        $2c86488f2f3c1edd$var$h($2c86488f2f3c1edd$var$TypeOverlay, {\n            setOverlayOpen: setEditorOpen,\n            overlayOpen: editorOpen,\n            originalType: type,\n            title: \"Edit Type\",\n            saveHandler: saveHandler\n        })\n    ]);\n}\nfunction $2c86488f2f3c1edd$var$TypeOverlay({ setOverlayOpen: setOverlayOpen, overlayOpen: overlayOpen, originalType: originalType, title: title, saveHandler: saveHandler }) {\n    const { name: name, description: description, color: color, id: id } = originalType || {};\n    const [nameInput, setNameInput] = (0, $ajJMX$useState)(name || \"\");\n    const [descriptionInput, setDescriptionInput] = (0, $ajJMX$useState)(description || \"\");\n    const [colorInput, setColorInput] = (0, $ajJMX$useState)(color || \"#fff\");\n    return $2c86488f2f3c1edd$var$h((0, $ajJMX$Overlay2), {\n        isOpen: overlayOpen\n    }, $2c86488f2f3c1edd$var$h(\"div.overlay-container\", $2c86488f2f3c1edd$var$h(\"div.add-type-overlay\", [\n        $2c86488f2f3c1edd$var$h(\"h2.title\", [\n            title,\n            $2c86488f2f3c1edd$var$h((0, $ajJMX$Icon), {\n                icon: \"cross\",\n                className: \"close-icon\",\n                onClick: ()=>{\n                    setOverlayOpen(false);\n                },\n                style: {\n                    cursor: \"pointer\",\n                    color: \"red\"\n                }\n            })\n        ]),\n        $2c86488f2f3c1edd$var$h(\"div.form-group\", [\n            $2c86488f2f3c1edd$var$h(\"div.text-inputs\", [\n                $2c86488f2f3c1edd$var$h(\"div.form-field.name\", [\n                    $2c86488f2f3c1edd$var$h(\"p.label\", \"Name\"),\n                    $2c86488f2f3c1edd$var$h(\"input\", {\n                        type: \"text\",\n                        placeholder: \"Enter type name\",\n                        onChange: (e)=>setNameInput(e.target.value),\n                        value: nameInput\n                    })\n                ]),\n                $2c86488f2f3c1edd$var$h(\"div.form-field.form-description\", [\n                    $2c86488f2f3c1edd$var$h(\"p.label\", \"Description\"),\n                    $2c86488f2f3c1edd$var$h(\"input\", {\n                        type: \"text\",\n                        placeholder: \"Enter type description\",\n                        onChange: (e)=>setDescriptionInput(e.target.value),\n                        value: descriptionInput\n                    })\n                ])\n            ]),\n            $2c86488f2f3c1edd$var$h(\"div.form-field.color\", [\n                $2c86488f2f3c1edd$var$h(\"p.label\", \"Color\"),\n                $2c86488f2f3c1edd$var$h((0, $ajJMX$ColorPicker), {\n                    value: colorInput,\n                    onChange: (color)=>setColorInput(color),\n                    style: {\n                        width: \"100%\"\n                    }\n                })\n            ])\n        ]),\n        $2c86488f2f3c1edd$var$h((0, $ajJMX$SaveButton), {\n            className: \"save-btn\",\n            small: true,\n            onClick: ()=>saveHandler({\n                    name: nameInput,\n                    description: descriptionInput,\n                    color: colorInput,\n                    id: id\n                })\n        }, \"Save changes\")\n    ])));\n}\nfunction $2c86488f2f3c1edd$var$TypeTag({ type: type, luminance: luminance, selectedType: selectedType, setSelectedType: setSelectedType, dispatch: dispatch, tree: tree, selectedNodes: selectedNodes, selected: selected, isSelectedNodes: isSelectedNodes }) {\n    const { color: color, name: name, id: id, description: description } = type;\n    const chromaColor = (0, $ajJMX$asChromaColor)(color ?? \"#000000\");\n    const darkMode = (0, $ajJMX$useInDarkMode)();\n    const payload = {\n        id: id,\n        name: name,\n        color: color,\n        description: description\n    };\n    const ids = $2c86488f2f3c1edd$var$collectMatchingIds(tree, id);\n    const handleTagClick = ()=>{\n        if (!isSelectedNodes && selectedType === null) {\n            if (ids.length > 0) {\n                setSelectedType(type);\n                dispatch({\n                    type: \"toggle-node-selected\",\n                    payload: {\n                        ids: ids\n                    }\n                });\n            }\n        } else if (isSelectedNodes && selectedType === null) {\n            if (id === selected?.id && selectedNodes.length > 0) dispatch({\n                type: \"toggle-node-selected\",\n                payload: {\n                    ids: selectedNodes\n                }\n            });\n            else dispatch({\n                type: \"select-entity-type\",\n                payload: payload\n            });\n        } else if (isSelectedNodes && selectedType.id === id) {\n            setSelectedType(null);\n            dispatch({\n                type: \"toggle-node-selected\",\n                payload: {\n                    ids: ids\n                }\n            });\n        } else if (isSelectedNodes && selectedType.id !== id) {\n            if (ids.length > 0) {\n                setSelectedType(type);\n                const oldIds = $2c86488f2f3c1edd$var$collectMatchingIds(tree, selectedType.id);\n                dispatch({\n                    type: \"toggle-node-selected\",\n                    payload: {\n                        ids: oldIds\n                    }\n                });\n                dispatch({\n                    type: \"toggle-node-selected\",\n                    payload: {\n                        ids: ids\n                    }\n                });\n            }\n        } else console.warn(\"Unexpected state in TypeTag click handler\", {\n            isSelectedNodes: isSelectedNodes,\n            selectedType: selectedType,\n            selectedNodes: selectedNodes,\n            ids: ids,\n            id: id,\n            selected: selected\n        });\n    };\n    return $2c86488f2f3c1edd$var$h((0, $ajJMX$Popover), {\n        autoFocus: false,\n        content: $2c86488f2f3c1edd$var$h(\"div.description\", description || \"No description available\"),\n        interactionKind: \"hover\"\n    }, $2c86488f2f3c1edd$var$h(\"div.type-tag\", {\n        onClick: handleTagClick,\n        style: {\n            cursor: ids.length > 0 || isSelectedNodes && !selectedType ? \"pointer\" : \"\",\n            color: darkMode ? \"white\" : \"black\",\n            backgroundColor: chromaColor?.luminance(1 - luminance).hex(),\n            border: id === selected?.id && selectedNodes.length > 0 ? `1px solid var(--text-emphasized-color)` : `1px solid var(--background-color)`\n        }\n    }, $2c86488f2f3c1edd$var$h(\"div.type-container\", [\n        $2c86488f2f3c1edd$var$h(\"div.type-name\", name),\n        $2c86488f2f3c1edd$var$h(\"div.icons\", [\n            $2c86488f2f3c1edd$var$h($2c86488f2f3c1edd$var$EditType, {\n                dispatch: dispatch,\n                type: type\n            }),\n            $2c86488f2f3c1edd$var$h((0, $ajJMX$Icon), {\n                icon: \"cross\",\n                className: \"delete-type-icon\",\n                style: {\n                    color: \"red\",\n                    cursor: \"pointer\"\n                },\n                onClick: (e)=>{\n                    e.stopPropagation();\n                    dispatch({\n                        type: \"delete-entity-type\",\n                        payload: {\n                            id: id\n                        }\n                    });\n                }\n            })\n        ])\n    ])));\n}\n\n\nexport {$2c86488f2f3c1edd$export$a90600c9da52b40c as FeedbackComponent, $330ae695507d96f5$export$8d9dbb7a64bf2a5e as treeToGraph};\n//# sourceMappingURL=feedback-components.15e1316d.js.map\n","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, useState } from \"react\";\nimport {\n  ButtonGroup,\n  Card,\n  SegmentedControl,\n  Icon,\n  Popover,\n  Divider,\n  Overlay2,\n} from \"@blueprintjs/core\";\nimport { OmniboxSelector } from \"./type-selector\";\nimport {\n  CancelButton,\n  DataField,\n  ErrorBoundary,\n  FlexBox,\n  FlexRow,\n  SaveButton,\n} from \"@macrostrat/ui-components\";\nimport useElementDimensions from \"use-element-dimensions\";\nimport { GraphView } from \"./graph\";\nimport { useInDarkMode } from \"@macrostrat/ui-components\";\nimport { asChromaColor } from \"@macrostrat/color-utils\";\nimport { ColorPicker } from \"@macrostrat/data-sheet\";\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  lineHeight,\n  allowOverlap,\n}) {\n  // Get the input arguments\n  const [state, dispatch] = useUpdatableTree(\n    entities.map(processEntity) as any,\n    entityTypes,\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(TreeDispatchContext.Provider, { value: dispatch }, [\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        lineHeight,\n        allowOverlap,\n      }),\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(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          }),\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          dispatch,\n          selectedNodes,\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}) {\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    }),\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 { selectedNodes, dispatch, tree, height, width, matchComponent } =\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 }),\n    [matchComponent],\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 handleSelect = useCallback(\n    (nodes) => {\n      if (!clickedRef.current) return;\n      clickedRef.current = false;\n      console.log(\"Clicked nodes:\", nodes);\n\n      let ids = nodes.map((d) => parseInt(d.id));\n      if (ids.length === 1 && ids[0] === selectedNodes[0]) {\n        ids = [];\n      }\n\n      dispatch({ type: \"select-node\", payload: { ids } });\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\nfunction TypeList({ types, selected, dispatch, selectedNodes, tree }) {\n  const [selectedType, setSelectedType] = useState(null);\n  const isSelectedNodes = selectedNodes.length > 0;\n  const darkMode = useInDarkMode();\n  const luminance = darkMode ? 0.9 : 0.4;\n\n  return h(\"div.type-list-container\", [\n    h(\n      \"div.type-list-header\",\n      isSelectedNodes && !selectedType\n        ? \"Change selected nodes to:\"\n        : \"Entity Types\",\n    ),\n    h(\n      \"div.type-list\",\n      Array.from(types.values()).map((type) =>\n        h(TypeTag, {\n          type,\n          luminance,\n          selectedType,\n          setSelectedType,\n          dispatch,\n          tree,\n          selectedNodes,\n          selected,\n          isSelectedNodes,\n        }),\n      ),\n    ),\n    h(AddType, { dispatch }),\n  ]);\n}\n\nfunction collectMatchingIds(tree, id) {\n  const ids = [];\n\n  function traverse(node) {\n    if (node.type.id === id) {\n      ids.push(node.id);\n    }\n    if (Array.isArray(node.children)) {\n      node.children.forEach(traverse);\n    }\n  }\n\n  tree.forEach(traverse);\n  return ids;\n}\n\nfunction AddType({ dispatch }) {\n  const [overlayOpen, setOverlayOpen] = useState(false);\n\n  const saveHandler = (payload) => {\n    dispatch({\n      type: \"add-entity-type\",\n      payload,\n    });\n    setOverlayOpen(false);\n  };\n\n  return h(\"div.add-type-container\", [\n    h(\"div.add-type\", { onClick: () => setOverlayOpen(true) }, [\n      h(\"p.add-type-text\", \"Add new type\"),\n      h(Icon, { icon: \"plus\" }),\n    ]),\n    h(TypeOverlay, {\n      setOverlayOpen,\n      overlayOpen,\n      title: \"Add New Type\",\n      saveHandler,\n    }),\n  ]);\n}\n\nfunction EditType({ dispatch, type }) {\n  const [editorOpen, setEditorOpen] = useState(false);\n\n  const saveHandler = (payload) => {\n    dispatch({\n      type: \"update-entity-type\",\n      payload,\n    });\n    setEditorOpen(false);\n  };\n\n  return h(\"div.edit-type\", [\n    h(Icon, {\n      icon: \"edit\",\n      className: \"edit-icon\",\n      onClick: (e) => {\n        e.stopPropagation();\n        setEditorOpen(true);\n      },\n    }),\n    h(TypeOverlay, {\n      setOverlayOpen: setEditorOpen,\n      overlayOpen: editorOpen,\n      originalType: type,\n      title: \"Edit Type\",\n      saveHandler,\n    }),\n  ]);\n}\n\nfunction TypeOverlay({\n  setOverlayOpen,\n  overlayOpen,\n  originalType,\n  title,\n  saveHandler,\n}) {\n  const { name, description, color, id } = originalType || {};\n\n  const [nameInput, setNameInput] = useState(name || \"\");\n  const [descriptionInput, setDescriptionInput] = useState(description || \"\");\n  const [colorInput, setColorInput] = useState(color || \"#fff\");\n\n  return h(\n    Overlay2,\n    {\n      isOpen: overlayOpen,\n    },\n    h(\n      \"div.overlay-container\",\n      h(\"div.add-type-overlay\", [\n        h(\"h2.title\", [\n          title,\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(\"div.text-inputs\", [\n            h(\"div.form-field.name\", [\n              h(\"p.label\", \"Name\"),\n              h(\"input\", {\n                type: \"text\",\n                placeholder: \"Enter type name\",\n                onChange: (e) => setNameInput(e.target.value),\n                value: nameInput,\n              }),\n            ]),\n            h(\"div.form-field.form-description\", [\n              h(\"p.label\", \"Description\"),\n              h(\"input\", {\n                type: \"text\",\n                placeholder: \"Enter type description\",\n                onChange: (e) => setDescriptionInput(e.target.value),\n                value: descriptionInput,\n              }),\n            ]),\n          ]),\n          h(\"div.form-field.color\", [\n            h(\"p.label\", \"Color\"),\n            h(ColorPicker, {\n              value: colorInput,\n              onChange: (color) => setColorInput(color),\n              style: { width: \"100%\" },\n            }),\n          ]),\n        ]),\n        h(\n          SaveButton,\n          {\n            className: \"save-btn\",\n            small: true,\n            onClick: () =>\n              saveHandler({\n                name: nameInput,\n                description: descriptionInput,\n                color: colorInput,\n                id,\n              }),\n          },\n          \"Save changes\",\n        ),\n      ]),\n    ),\n  );\n}\n\nfunction TypeTag({\n  type,\n  luminance,\n  selectedType,\n  setSelectedType,\n  dispatch,\n  tree,\n  selectedNodes,\n  selected,\n  isSelectedNodes,\n}) {\n  const { color, name, id, description } = type;\n  const chromaColor = asChromaColor(color ?? \"#000000\");\n  const darkMode = useInDarkMode();\n\n  const payload = {\n    id,\n    name,\n    color,\n    description,\n  };\n\n  const ids = collectMatchingIds(tree, id);\n\n  const handleTagClick = () => {\n    if (!isSelectedNodes && selectedType === null) {\n      if (ids.length > 0) {\n        setSelectedType(type);\n        dispatch({ type: \"toggle-node-selected\", payload: { ids } });\n      }\n    } else if (isSelectedNodes && selectedType === null) {\n      if (id === selected?.id && selectedNodes.length > 0) {\n        dispatch({\n          type: \"toggle-node-selected\",\n          payload: { ids: selectedNodes },\n        });\n      } else {\n        dispatch({ type: \"select-entity-type\", payload });\n      }\n    } else if (isSelectedNodes && selectedType.id === id) {\n      setSelectedType(null);\n      dispatch({ type: \"toggle-node-selected\", payload: { ids } });\n    } else if (isSelectedNodes && selectedType.id !== id) {\n      if (ids.length > 0) {\n        setSelectedType(type);\n        const oldIds = collectMatchingIds(tree, selectedType.id);\n\n        dispatch({ type: \"toggle-node-selected\", payload: { ids: oldIds } });\n        dispatch({ type: \"toggle-node-selected\", payload: { ids } });\n      }\n    } else {\n      console.warn(\"Unexpected state in TypeTag click handler\", {\n        isSelectedNodes,\n        selectedType,\n        selectedNodes,\n        ids,\n        id,\n        selected,\n      });\n    }\n  };\n\n  return h(\n    Popover,\n    {\n      autoFocus: false,\n      content: h(\"div.description\", description || \"No description available\"),\n      interactionKind: \"hover\",\n    },\n    h(\n      \"div.type-tag\",\n      {\n        onClick: handleTagClick,\n        style: {\n          cursor:\n            ids.length > 0 || (isSelectedNodes && !selectedType)\n              ? \"pointer\"\n              : \"\",\n          color: darkMode ? \"white\" : \"black\",\n          backgroundColor: chromaColor?.luminance(1 - luminance).hex(),\n          border:\n            id === selected?.id && selectedNodes.length > 0\n              ? `1px solid var(--text-emphasized-color)`\n              : `1px solid var(--background-color)`,\n        },\n      },\n      h(\"div.type-container\", [\n        h(\"div.type-name\", name),\n        h(\"div.icons\", [\n          h(EditType, {\n            dispatch,\n            type,\n          }),\n          h(Icon, {\n            icon: \"cross\",\n            className: \"delete-type-icon\",\n            style: { color: \"red\", cursor: \"pointer\" },\n            onClick: (e) => {\n              e.stopPropagation();\n              dispatch({\n                type: \"delete-entity-type\",\n                payload: { id },\n              });\n            },\n          }),\n        ]),\n      ]),\n    ),\n  );\n}\n"],"names":["$ajJMX$macrostrathyper","Tree","$ajJMX$Tree","useState","$ajJMX$useState","useRef","$ajJMX$useRef","useCallback","$ajJMX$useCallback","useEffect","$ajJMX$useEffect","SegmentedControl","$ajJMX$SegmentedControl","Card","$ajJMX$Card","ButtonGroup","$ajJMX$ButtonGroup","Divider","$ajJMX$Divider","Icon","$ajJMX$Icon","Overlay2","$ajJMX$Overlay2","Popover","$ajJMX$Popover","ErrorBoundary","$ajJMX$ErrorBoundary","FlexRow","$ajJMX$FlexRow","CancelButton","$ajJMX$CancelButton","SaveButton","$ajJMX$SaveButton","useInDarkMode","$ajJMX$useInDarkMode","$ajJMX$useelementdimensions","asChromaColor","$ajJMX$asChromaColor","ColorPicker","$ajJMX$ColorPicker","$parcel$export","e","n","v","s","Object","defineProperty","get","set","enumerable","configurable","$parcel$global","globalThis","$parcel$modules","$parcel$inits","parcelRequire","id","exports","init","module","call","err","Error","code","register","$2c86488f2f3c1edd$exports","$2c86488f2f3c1edd$export$a90600c9da52b40c","treeToGraph","$9wFEx","$bQY4Q","$3OP12","$edvRb","$eedTh","$iKZjQ","$bK9Of","$2c86488f2f3c1edd$var$h","styled","a","__esModule","default","entities","text","model","entityTypes","matchComponent","onSave","lineHeight","allowOverlap","state","dispatch","useUpdatableTree","map","$2c86488f2f3c1edd$var$processEntity","selectedNodes","tree","selectedEntityType","isSelectingEntityType","entityTypesMap","width","height","ref","TreeDispatchContext","Provider","value","description","FeedbackText","nodes","alignItems","justifyContent","ModelInfo","data","options","label","viewMode","small","onValueChange","console","log","type","payload","className","vertical","fill","minimal","alignText","icon","disabled","initialTree","onClick","$2c86488f2f3c1edd$var$EntityTypeSelector","selected","onChange","isOpen","setOpen","if","$2c86488f2f3c1edd$var$ManagedSelectionTree","GraphView","entity","term_type","name","txt_range","indices","children","_selected","undefined","inputValue","setInputValue","types","Array","from","values","items","filter","d","toLowerCase","includes","$2c86488f2f3c1edd$var$TypeList","OmniboxSelector","selectedItem","onSelectItem","item","onQueryChange","query","onClose","props","clickedRef","_Node","current","$2c86488f2f3c1edd$var$setsAreTheSame","b","size","has","Set","toString","selectedIds","setSelection","ids","anchor","mostRecent","onPointerDown","onMove","dragIds","parentId","index","parseInt","onDelete","onSelect","length","idAccessor","selectedType","setSelectedType","isSelectedNodes","luminance","darkMode","$2c86488f2f3c1edd$var$TypeTag","$2c86488f2f3c1edd$var$AddType","$2c86488f2f3c1edd$var$collectMatchingIds","forEach","traverse","node","push","isArray","overlayOpen","setOverlayOpen","$2c86488f2f3c1edd$var$TypeOverlay","title","saveHandler","$2c86488f2f3c1edd$var$EditType","editorOpen","setEditorOpen","stopPropagation","originalType","color","nameInput","setNameInput","descriptionInput","setDescriptionInput","colorInput","setColorInput","style","cursor","placeholder","target","chromaColor","autoFocus","content","interactionKind","warn","backgroundColor","hex","border","FeedbackComponent","$330ae695507d96f5$export$8d9dbb7a64bf2a5e"],"version":3,"file":"feedback-components.15e1316d.js.map","sourceRoot":"../../../../"}

package/dist/node/feedback-components.2f391fa4.js

@@ -0,0 +1,2 @@
+function e(e,t,a,o){Object.defineProperty(e,t,{get:a,set:o,enumerable:!0,configurable:!0})}var t,a,o,c={};e(c,"item-container",()=>t,e=>t=e),e(c,"selected",()=>a,e=>a=e),e(c,"swatch",()=>o,e=>o=e),t="WofFTa_item-container",a="WofFTa_selected",o="WofFTa_swatch";export{c as default};
+//# sourceMappingURL=feedback-components.2f391fa4.js.map

package/dist/node/feedback-components.2f391fa4.js.map

@@ -0,0 +1 @@
+{"mappings":"A,S,E,C,C,C,C,C,C,C,E,O,c,C,E,E,C,I,E,I,E,W,C,E,a,C,C,E,C,ICAA,EACA,EACA,E,E,C,E,E,E,iB,I,E,A,G,E,G,E,E,W,I,E,A,G,E,G,E,E,S,I,E,A,G,E,GAFA,EAAmC,wBACnC,EAA6B,kBAC7B,EAA2B,uB,K,O","sources":["<anon>","packages/feedback-components/src/feedback/type-selector/main.module.sass"],"sourcesContent":["\nfunction $parcel$export(e, n, v, s) {\n  Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});\n}\nvar $f57561eafb1aa284$exports = {};\n\n$parcel$export($f57561eafb1aa284$exports, \"item-container\", () => $f57561eafb1aa284$export$68a2d1df2d976de8, (v) => $f57561eafb1aa284$export$68a2d1df2d976de8 = v);\n$parcel$export($f57561eafb1aa284$exports, \"selected\", () => $f57561eafb1aa284$export$d90250155de6d7e7, (v) => $f57561eafb1aa284$export$d90250155de6d7e7 = v);\n$parcel$export($f57561eafb1aa284$exports, \"swatch\", () => $f57561eafb1aa284$export$c672d9950c40fe0a, (v) => $f57561eafb1aa284$export$c672d9950c40fe0a = v);\nvar $f57561eafb1aa284$export$68a2d1df2d976de8;\nvar $f57561eafb1aa284$export$d90250155de6d7e7;\nvar $f57561eafb1aa284$export$c672d9950c40fe0a;\n$f57561eafb1aa284$export$68a2d1df2d976de8 = `WofFTa_item-container`;\n$f57561eafb1aa284$export$d90250155de6d7e7 = `WofFTa_selected`;\n$f57561eafb1aa284$export$c672d9950c40fe0a = `WofFTa_swatch`;\n\n\nexport {$f57561eafb1aa284$exports as default};\n//# sourceMappingURL=feedback-components.2f391fa4.js.map\n",null],"names":["$parcel$export","e","n","v","s","Object","defineProperty","get","set","enumerable","configurable","$f57561eafb1aa284$export$68a2d1df2d976de8","$f57561eafb1aa284$export$d90250155de6d7e7","$f57561eafb1aa284$export$c672d9950c40fe0a","$f57561eafb1aa284$exports","default"],"version":3,"file":"feedback-components.2f391fa4.js.map","sourceRoot":"../../../../"}

package/dist/node/feedback-components.65d8488e.js

@@ -0,0 +1,2 @@
+function e(e,t,o,n){Object.defineProperty(e,t,{get:o,set:n,enumerable:!0,configurable:!0})}var t,o,n,a,p,r,i,c,l,d,Q,W,X,_,y,s,f,g,b,u,x={};e(x,"add-type",()=>t,e=>t=e),e(x,"add-type-overlay",()=>o,e=>o=e),e(x,"control-panel",()=>n,e=>n=e),e(x,"description",()=>a,e=>a=e),e(x,"entity-panel",()=>p,e=>p=e),e(x,"feedback-component",()=>r,e=>r=e),e(x,"feedback-text",()=>i,e=>i=e),e(x,"feedback-text-wrapper",()=>c,e=>c=e),e(x,"form-group",()=>l,e=>l=e),e(x,"highlight",()=>d,e=>d=e),e(x,"icons",()=>Q,e=>Q=e),e(x,"node",()=>W,e=>W=e),e(x,"overlay-container",()=>X,e=>X=e),e(x,"selected",()=>_,e=>_=e),e(x,"selection-tree",()=>y,e=>y=e),e(x,"text-inputs",()=>s,e=>s=e),e(x,"title",()=>f,e=>f=e),e(x,"type-container",()=>g,e=>g=e),e(x,"type-list",()=>b,e=>b=e),e(x,"type-tag",()=>u,e=>u=e),t="QoX8-W_add-type",o="QoX8-W_add-type-overlay",n="QoX8-W_control-panel",a="QoX8-W_description",p="QoX8-W_entity-panel",r="QoX8-W_feedback-component",i="QoX8-W_feedback-text",c="QoX8-W_feedback-text-wrapper",l="QoX8-W_form-group",d="QoX8-W_highlight",Q="QoX8-W_icons",W="QoX8-W_node",X="QoX8-W_overlay-container",_="QoX8-W_selected",y="QoX8-W_selection-tree",s="QoX8-W_text-inputs",f="QoX8-W_title",g="QoX8-W_type-container",b="QoX8-W_type-list",u="QoX8-W_type-tag";export{x as default};
+//# sourceMappingURL=feedback-components.65d8488e.js.map