@macrostrat/feedback-components 1.0.0 → 1.0.1

package/dist/node/node.33108ccc.js.map

@@ -0,0 +1 @@
+{"mappings":"A,O,M,mB,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,E,SEAiB,AAAA,EAAA,SAAA,YAAA,CAA6C,S,I,E,E,SDOpD,AAAA,EAAM,MAAM,C,AAAC,G,AAAA,E,U,C,AAAA,E,O,CAAA","sources":["<anon>","packages/feedback-components/src/feedback/node.ts","../../../../.yarn/berry/cache/@parcel-runtime-js-npm-2.13.3-f44fec8492-10c0.zip/node_modules/@parcel/runtime-js/lib/runtime-be5b24876b77195e.js"],"sourcesContent":["import $hPIF3$macrostrathyper from \"@macrostrat/hyper\";\n\n\nfunction $parcel$interopDefault(a) {\n  return a && a.__esModule ? a.default : a;\n}\n\n      var $parcel$global = globalThis;\n    \nvar $parcel$modules = {};\nvar $parcel$inits = {};\n\nvar parcelRequire = $parcel$global[\"parcelRequire94c2\"];\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[\"parcelRequire94c2\"] = parcelRequire;\n}\n\nvar parcelRegister = parcelRequire.register;\n\nvar $edvRb = parcelRequire(\"edvRb\");\nvar $d834190537e68c62$exports = {};\n\n$d834190537e68c62$exports = (parcelRequire(\"daZiC\")).getBundleURL('hPIF3') + \"edit-state.f50ca728.js\";\n\n\n\nvar $9wFEx = parcelRequire(\"9wFEx\");\n\nconst $2e9ede27ff2a3eea$var$h = (0, $hPIF3$macrostrathyper).styled((0, (/*@__PURE__*/$parcel$interopDefault($9wFEx))));\nfunction $2e9ede27ff2a3eea$var$isSelected(searchNode, treeNode) {\n    return searchNode.id == treeNode.id;\n// We could also select children of the search node here if we wanted to\n}\nfunction $2e9ede27ff2a3eea$var$isNodeHighlighted(node, tree) {\n    // We treat no selection as all nodes being active. We may add some nuance later\n    if (tree.selectedNodes.length == 0) return true;\n    for (const selectedNode of tree.selectedNodes){\n        if ($2e9ede27ff2a3eea$var$isSelected(node.data, selectedNode.data)) return true;\n    }\n    // Check if the parent node is highlighted\n    if (node.parent != null && $2e9ede27ff2a3eea$var$isNodeHighlighted(node.parent, tree)) return true;\n    return false;\n}\nfunction $2e9ede27ff2a3eea$var$isNodeActive(node, tree) {\n    for (const selectedNode of tree.selectedNodes){\n        if ($2e9ede27ff2a3eea$var$isSelected(node.data, selectedNode.data)) return true;\n    }\n    return false;\n}\nfunction $2e9ede27ff2a3eea$var$Node({ node: node, style: style, dragHandle: dragHandle, tree: tree, matchComponent: matchComponent }) {\n    let highlighted = $2e9ede27ff2a3eea$var$isNodeHighlighted(node, tree);\n    let active = $2e9ede27ff2a3eea$var$isNodeActive(node, tree);\n    const dispatch = (0, $d834190537e68c62$exports.useTreeDispatch)();\n    return $2e9ede27ff2a3eea$var$h(\"div.node\", {\n        style: style,\n        ref: dragHandle\n    }, $2e9ede27ff2a3eea$var$h((0, $edvRb.EntityTag), {\n        data: node.data,\n        active: active,\n        highlighted: highlighted,\n        matchComponent: matchComponent,\n        onClickType () {\n            dispatch({\n                type: \"toggle-entity-type-selector\"\n            });\n        }\n    }));\n}\nvar $2e9ede27ff2a3eea$export$2e2bcd8739ae039 = $2e9ede27ff2a3eea$var$Node;\n\n\n//# sourceMappingURL=node.33108ccc.js.map\n","import { NodeApi, TreeApi } from \"react-arborist\";\nimport { TreeData } from \"./types\";\nimport { EntityTag } from \"../extractions\";\nimport { useTreeDispatch } from \"./edit-state\";\nimport styles from \"./feedback.module.sass\";\nimport hyper from \"@macrostrat/hyper\";\n\nconst h = hyper.styled(styles);\n\nfunction isSelected(searchNode: TreeData, treeNode: TreeData) {\n  return searchNode.id == treeNode.id;\n  // We could also select children of the search node here if we wanted to\n}\n\nfunction isNodeHighlighted(node: NodeApi<TreeData>, tree: TreeApi<TreeData>) {\n  // We treat no selection as all nodes being active. We may add some nuance later\n  if (tree.selectedNodes.length == 0) {\n    return true;\n  }\n\n  for (const selectedNode of tree.selectedNodes) {\n    if (isSelected(node.data, selectedNode.data)) {\n      return true;\n    }\n  }\n\n  // Check if the parent node is highlighted\n  if (node.parent != null && isNodeHighlighted(node.parent, tree)) {\n    return true;\n  }\n\n  return false;\n}\n\nfunction isNodeActive(node: NodeApi<TreeData>, tree: TreeApi<TreeData>) {\n  for (const selectedNode of tree.selectedNodes) {\n    if (isSelected(node.data, selectedNode.data)) {\n      return true;\n    }\n  }\n  return false;\n}\n\nfunction Node({ node, style, dragHandle, tree, matchComponent }: any) {\n  let highlighted: boolean = isNodeHighlighted(node, tree);\n  let active: boolean = isNodeActive(node, tree);\n\n  const dispatch = useTreeDispatch();\n\n  return h(\n    \"div.node\",\n    { style, ref: dragHandle },\n    h(EntityTag, {\n      data: node.data,\n      active,\n      highlighted,\n      matchComponent,\n      onClickType() {\n        dispatch({ type: \"toggle-entity-type-selector\" });\n      },\n    })\n  );\n}\n\nexport default Node;\n","module.exports = require('./helpers/bundle-url').getBundleURL('hPIF3') + \"edit-state.f50ca728.js\";"],"names":["$hPIF3$macrostrathyper","$parcel$global","globalThis","$parcel$modules","$parcel$inits","parcelRequire","id","exports","init","module","call","err","Error","code","register","getBundleURL","$9wFEx","styled","a","__esModule","default"],"version":3,"file":"node.33108ccc.js.map","sourceRoot":"../../../../"}

package/dist/node/text-visualizer.1e770afa.js

@@ -0,0 +1,2 @@
+import"react-text-annotate-blend";import r from"@macrostrat/hyper";import"react";var e=globalThis,t={},o={},a=e.parcelRequire94c2;null==a&&((a=function(r){if(r in t)return t[r].exports;if(r in o){var e=o[r];delete o[r];var a={id:r,exports:{}};return t[r]=a,e.call(a.exports,a,a.exports),a.exports}var i=Error("Cannot find module '"+r+"'");throw i.code="MODULE_NOT_FOUND",i}).register=function(r,e){o[r]=e},e.parcelRequire94c2=a),a.register;var i=a("9wFEx");a("edvRb"),r.styled(i&&i.__esModule?i.default:i);
+//# sourceMappingURL=text-visualizer.1e770afa.js.map

package/dist/node/text-visualizer.1e770afa.js.map

@@ -0,0 +1 @@
+{"mappings":"A,M,2B,A,Q,M,mB,A,O,O,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,E,S,E,SCSU,AAAA,EAAM,MAAM,C,AAAC,G,AAAA,E,U,C,AAAA,E,O,CAAA","sources":["<anon>","packages/feedback-components/src/feedback/text-visualizer.ts"],"sourcesContent":["import {TextAnnotateBlend as $h8ona$TextAnnotateBlend} from \"react-text-annotate-blend\";\nimport $h8ona$macrostrathyper from \"@macrostrat/hyper\";\nimport {useCallback as $h8ona$useCallback} from \"react\";\n\n\nfunction $parcel$interopDefault(a) {\n  return a && a.__esModule ? a.default : a;\n}\n\n      var $parcel$global = globalThis;\n    \nvar $parcel$modules = {};\nvar $parcel$inits = {};\n\nvar parcelRequire = $parcel$global[\"parcelRequire94c2\"];\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[\"parcelRequire94c2\"] = parcelRequire;\n}\n\nvar parcelRegister = parcelRequire.register;\n\n\nvar $9wFEx = parcelRequire(\"9wFEx\");\n\n\nvar $edvRb = parcelRequire(\"edvRb\");\n\nconst $d6cf457c7790c03a$var$h = (0, $h8ona$macrostrathyper).styled((0, (/*@__PURE__*/$parcel$interopDefault($9wFEx))));\nfunction $d6cf457c7790c03a$var$buildTags(highlights, selectedNodes) {\n    let tags = [];\n    // If entity ID has already been seen, don't add it again\n    const entities = new Set();\n    for (const highlight of highlights){\n        // Don't add multiply-linked entities multiple times\n        if (entities.has(highlight.id)) continue;\n        const highlighted = $d6cf457c7790c03a$var$isHighlighted(highlight, selectedNodes);\n        const active = $d6cf457c7790c03a$var$isActive(highlight, selectedNodes);\n        tags.push({\n            markStyle: {\n                ...(0, $edvRb.getTagStyle)(highlight.backgroundColor, {\n                    highlighted: highlighted,\n                    active: active\n                }),\n                borderRadius: \"0.2em\",\n                padding: \"0.1em\",\n                borderWidth: \"1.5px\",\n                cursor: \"pointer\"\n            },\n            tagStyle: {\n                display: \"none\"\n            },\n            ...highlight\n        });\n        entities.add(highlight.id);\n    }\n    return tags;\n}\nfunction $d6cf457c7790c03a$var$isActive(tag, selectedNodes) {\n    return selectedNodes.includes(tag.id);\n}\nfunction $d6cf457c7790c03a$var$isHighlighted(tag, selectedNodes) {\n    if (selectedNodes.length === 0) return true;\n    return (selectedNodes.includes(tag.id) || tag.parents?.some((d)=>selectedNodes.includes(d))) ?? false;\n}\nfunction $d6cf457c7790c03a$export$6e107db9091b8219(props) {\n    // Convert input to tags\n    const { text: text, selectedNodes: selectedNodes, nodes: nodes, dispatch: dispatch } = props;\n    let allTags = $d6cf457c7790c03a$var$buildTags((0, $edvRb.buildHighlights)(nodes, null), selectedNodes);\n    const onChange = (0, $h8ona$useCallback)((tags)=>{\n        // New tags\n        console.log(tags);\n        const newTags = tags.filter((d)=>!(\"id\" in d));\n        if (newTags.length > 0) {\n            const { start: start, end: end } = newTags[0];\n            const payload = {\n                start: start,\n                end: end,\n                text: text.slice(start, end)\n            };\n            dispatch({\n                type: \"create-node\",\n                payload: payload\n            });\n            return;\n        }\n        const tagIDs = new Set(tags.map((d)=>d.id));\n        const removedIds = allTags.map((d)=>d.id).filter((d)=>!tagIDs.has(d));\n        /* Find the id that was removed: that is the one that will be selected\n       (we are hijacking the 'click to delete' functionality to select instead) */ if (removedIds.length > 0) dispatch({\n            type: \"toggle-node-selected\",\n            payload: {\n                ids: removedIds\n            }\n        });\n    }, [\n        allTags,\n        text\n    ]);\n    return $d6cf457c7790c03a$var$h((0, $h8ona$TextAnnotateBlend), {\n        style: {\n            fontSize: \"1.2em\"\n        },\n        className: \"feedback-text\",\n        content: text,\n        onChange: onChange,\n        value: allTags\n    });\n}\n\n\n//# sourceMappingURL=text-visualizer.1e770afa.js.map\n","import { AnnotateBlendTag, TextAnnotateBlend } from \"react-text-annotate-blend\";\nimport { InternalEntity } from \"./types\";\nimport { TreeDispatch } from \"./edit-state\";\nimport styles from \"./feedback.module.sass\";\nimport hyper from \"@macrostrat/hyper\";\nimport { buildHighlights, getTagStyle } from \"../extractions\";\nimport { Highlight } from \"../extractions/types\";\nimport { useCallback } from \"react\";\n\nconst h = hyper.styled(styles);\n\nexport interface FeedbackTextProps {\n  text: string;\n  selectedNodes: number[];\n  nodes: InternalEntity[];\n  updateNodes: (nodes: string[]) => void;\n  dispatch: TreeDispatch;\n}\n\nfunction buildTags(\n  highlights: Highlight[],\n  selectedNodes: number[]\n): AnnotateBlendTag[] {\n  let tags: AnnotateBlendTag[] = [];\n\n  // If entity ID has already been seen, don't add it again\n  const entities = new Set<number>();\n\n  for (const highlight of highlights) {\n    // Don't add multiply-linked entities multiple times\n    if (entities.has(highlight.id)) continue;\n\n    const highlighted = isHighlighted(highlight, selectedNodes);\n    const active = isActive(highlight, selectedNodes);\n\n    tags.push({\n      markStyle: {\n        ...getTagStyle(highlight.backgroundColor, {\n          highlighted,\n          active,\n        }),\n        borderRadius: \"0.2em\",\n        padding: \"0.1em\",\n        borderWidth: \"1.5px\",\n        cursor: \"pointer\",\n      },\n      tagStyle: {\n        display: \"none\",\n      },\n      ...highlight,\n    });\n\n    entities.add(highlight.id);\n  }\n\n  return tags;\n}\n\nfunction isActive(tag: Highlight, selectedNodes: number[]) {\n  return selectedNodes.includes(tag.id);\n}\n\nfunction isHighlighted(tag: Highlight, selectedNodes: number[]) {\n  if (selectedNodes.length === 0) return true;\n  return (\n    (selectedNodes.includes(tag.id) ||\n      tag.parents?.some((d) => selectedNodes.includes(d))) ??\n    false\n  );\n}\n\nexport function FeedbackText(props: FeedbackTextProps) {\n  // Convert input to tags\n  const { text, selectedNodes, nodes, dispatch } = props;\n  let allTags: AnnotateBlendTag[] = buildTags(\n    buildHighlights(nodes, null),\n    selectedNodes\n  );\n\n  const onChange = useCallback(\n    (tags) => {\n      // New tags\n      console.log(tags);\n      const newTags = tags.filter((d) => !(\"id\" in d));\n      if (newTags.length > 0) {\n        const { start, end } = newTags[0];\n        const payload = { start, end, text: text.slice(start, end) };\n        dispatch({ type: \"create-node\", payload });\n        return;\n      }\n\n      const tagIDs = new Set(tags.map((d) => d.id));\n      const removedIds = allTags.map((d) => d.id).filter((d) => !tagIDs.has(d));\n\n      /* Find the id that was removed: that is the one that will be selected\n       (we are hijacking the 'click to delete' functionality to select instead) */\n      if (removedIds.length > 0) {\n        dispatch({\n          type: \"toggle-node-selected\",\n          payload: { ids: removedIds },\n        });\n      }\n    },\n    [allTags, text]\n  );\n\n  return h(TextAnnotateBlend, {\n    style: {\n      fontSize: \"1.2em\",\n    },\n    className: \"feedback-text\",\n    content: text,\n    onChange,\n    value: allTags,\n  });\n}\n"],"names":["$h8ona$macrostrathyper","$parcel$global","globalThis","$parcel$modules","$parcel$inits","parcelRequire","id","exports","init","module","call","err","Error","code","register","$9wFEx","styled","a","__esModule","default"],"version":3,"file":"text-visualizer.1e770afa.js.map","sourceRoot":"../../../../"}

package/dist/node/type-selector.0035ef7d.js

@@ -0,0 +1,2 @@
+import e from"@macrostrat/hyper";import"classnames";import"@blueprintjs/select";import"@blueprintjs/select/lib/css/blueprint-select.css";var r,t=globalThis,s={},i={},l=t.parcelRequire94c2;null==l&&((l=function(e){if(e in s)return s[e].exports;if(e in i){var r=i[e];delete i[e];var t={id:e,exports:{}};return s[e]=t,r.call(t.exports,t,t.exports),t.exports}var l=Error("Cannot find module '"+e+"'");throw l.code="MODULE_NOT_FOUND",l}).register=function(e,r){i[e]=r},t.parcelRequire94c2=l),l.register;var o={};o=l("daZiC").getBundleURL("16Zb4")+"main.module.6bc7d51b.css",e.styled((r=o)&&r.__esModule?r.default:r);
+//# sourceMappingURL=type-selector.0035ef7d.js.map

package/dist/node/type-selector.0035ef7d.js.map

@@ -0,0 +1 @@
+{"mappings":"A,O,M,mB,A,O,Y,A,O,qB,A,O,kD,C,I,E,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,EEAA,EAAiB,AAAA,EAAA,SAAA,YAAA,CAA6C,SAAW,4CDY/D,AAAA,EAAM,MAAM,C,C,EAAC,I,E,U,C,E,O,C","sources":["<anon>","packages/feedback-components/src/feedback/type-selector/index.ts","../../../../.yarn/berry/cache/@parcel-runtime-js-npm-2.13.3-f44fec8492-10c0.zip/node_modules/@parcel/runtime-js/lib/runtime-d2adba764022ad20.js"],"sourcesContent":["import $16Zb4$macrostrathyper from \"@macrostrat/hyper\";\nimport $16Zb4$classnames from \"classnames\";\nimport {Omnibar as $16Zb4$Omnibar} from \"@blueprintjs/select\";\nimport \"@blueprintjs/select/lib/css/blueprint-select.css\";\n\n\nfunction $parcel$interopDefault(a) {\n  return a && a.__esModule ? a.default : a;\n}\n\n      var $parcel$global = globalThis;\n    \nvar $parcel$modules = {};\nvar $parcel$inits = {};\n\nvar parcelRequire = $parcel$global[\"parcelRequire94c2\"];\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[\"parcelRequire94c2\"] = parcelRequire;\n}\n\nvar parcelRegister = parcelRequire.register;\n/**\n * Entity type selector\n */ var $40e2e1c28f0230c6$exports = {};\n\n$40e2e1c28f0230c6$exports = (parcelRequire(\"daZiC\")).getBundleURL('16Zb4') + \"main.module.6bc7d51b.css\";\n\n\n\n\n\n\nconst $48d99b99dde7627d$var$h = (0, $16Zb4$macrostrathyper).styled((0, (/*@__PURE__*/$parcel$interopDefault($40e2e1c28f0230c6$exports))));\nconst $48d99b99dde7627d$var$TagListItem = (props)=>{\n    /** Render a tag for the omnibox list */ let { active: active, selected: selected, className: className, onSelect: onSelect, item: item, children: children } = props;\n    className = (0, $16Zb4$classnames)({\n        active: active,\n        selected: selected\n    }, className);\n    const onClick = ()=>onSelect(item);\n    return $48d99b99dde7627d$var$h(\"div.item-container\", {\n        key: item.id,\n        className: className,\n        onClick: onClick\n    }, [\n        $48d99b99dde7627d$var$h(\"div.swatch\", {\n            style: {\n                backgroundColor: item.color\n            }\n        }),\n        $48d99b99dde7627d$var$h(\"div.item\", {}, item.name)\n    ]);\n};\nfunction $48d99b99dde7627d$export$d8660660a589068c(props) {\n    /** A general omnibox for annotation types */ const { onSelectItem: onSelectItem, items: items, isOpen: isOpen, onClose: onClose } = props;\n    return $48d99b99dde7627d$var$h((0, $16Zb4$Omnibar), {\n        onItemSelect: onSelectItem,\n        items: items,\n        resetOnSelect: false,\n        isOpen: isOpen,\n        onClose: onClose,\n        itemRenderer (item, { handleClick: handleClick, modifiers: modifiers }) {\n            return $48d99b99dde7627d$var$h($48d99b99dde7627d$var$TagListItem, {\n                key: item.id,\n                item: item,\n                onSelect: handleClick,\n                active: modifiers.active,\n                selected: modifiers.active\n            });\n        }\n    });\n}\n\n\n//# sourceMappingURL=type-selector.0035ef7d.js.map\n","/**\n * Entity type selector\n */\n\nimport styles from \"./main.module.sass\";\nimport hyper from \"@macrostrat/hyper\";\n\nimport classNames from \"classnames\";\nimport React from \"react\";\nimport { Omnibar, OmnibarProps } from \"@blueprintjs/select\";\nimport \"@blueprintjs/select/lib/css/blueprint-select.css\";\n\nconst h = hyper.styled(styles);\n\ninterface TagItemProps<T> {\n  selected: boolean;\n  active: boolean;\n  className?: string;\n  item: T;\n\n  onSelect(t: T): void;\n\n  children?: React.ReactElement;\n}\n\nconst TagListItem: React.ComponentType<TagItemProps<T>> = (props) => {\n  /** Render a tag for the omnibox list */\n  let { active, selected, className, onSelect, item, children } = props;\n  className = classNames({ active, selected }, className);\n  const onClick = () => onSelect(item);\n\n  return h(\n    \"div.item-container\",\n    {\n      key: item.id,\n      className,\n      onClick,\n    },\n    [\n      h(\"div.swatch\", { style: { backgroundColor: item.color } }),\n      h(\"div.item\", {}, item.name),\n    ]\n  );\n};\n\ntype BoxLifecycleProps<T> = Pick<OmnibarProps<T>, \"onClose\" | \"isOpen\">;\n\ninterface OmniboxProps<T> extends BoxLifecycleProps<T> {\n  items: T[];\n  selectedItem: T;\n  onSelectItem: (t: T) => void;\n  listItemComponent?: React.ComponentType<TagItemProps<T>>;\n}\n\nexport function OmniboxSelector<T>(props: OmniboxProps<T>) {\n  /** A general omnibox for annotation types */\n  const { onSelectItem, items, isOpen, onClose } = props;\n\n  return h(Omnibar, {\n    onItemSelect: onSelectItem,\n    items,\n    resetOnSelect: false,\n    isOpen,\n    onClose,\n    itemRenderer(item: T, { handleClick, modifiers }) {\n      return h(TagListItem, {\n        key: item.id,\n        item,\n        onSelect: handleClick,\n        active: modifiers.active,\n        selected: modifiers.active,\n      });\n    },\n  });\n}\n","module.exports = require('./helpers/bundle-url').getBundleURL('16Zb4') + \"main.module.6bc7d51b.css\";"],"names":["$16Zb4$macrostrathyper","a","$parcel$global","globalThis","$parcel$modules","$parcel$inits","parcelRequire","id","exports","init","module","call","err","Error","code","register","$40e2e1c28f0230c6$exports","getBundleURL","styled","__esModule","default"],"version":3,"file":"type-selector.0035ef7d.js.map","sourceRoot":"../../../../"}

package/package.json

@@ -1,11 +1,31 @@
 {
   "name": "@macrostrat/feedback-components",
-  "version": "1.0.0",
+  "version": "1.0.1",
   "description": "",
   "source": "src/index.ts",
   "type": "module",
-  "main": "dist/index.js",
-  "types": "dist/index.d.ts",
+  "main": "dist/esm/index.js",
+  "types": "dist/esm/index.d.ts",
+  "node": "dist/node/index.js",
+  "exports": {
+    ".": {
+      "source": "./src/index.ts",
+      "import": "./dist/esm/index.js",
+      "types": "./dist/esm/index.d.ts",
+      "node": "./dist/node/index.js"
+    }
+  },
+  "targets": {
+    "node": {
+      "engines": {
+        "node": ">=14"
+      }
+    }
+  },
+  "files": [
+    "src",
+    "dist"
+  ],
   "scripts": {
     "build": "rm -rf dist && parcel build"
   },
@@ -17,7 +37,7 @@
     "@blueprintjs/select": "^5.3.10",
     "@macrostrat/color-utils": "^1.0.1",
     "@macrostrat/hyper": "^3.0.6",
-    "@macrostrat/ui-components": "^4.1.0",
+    "@macrostrat/ui-components": "^4.1.1",
     "@xyflow/react": "^12.3.6",
     "classnames": "^2.5.1",
     "d3-force": "^3.0.0",
@@ -26,13 +46,6 @@
     "react-text-annotate-blend": "^1.2.0",
     "use-element-dimensions": "^2.1.3"
   },
-  "exports": {
-    ".": {
-      "source": "./src/index.ts",
-      "import": "./dist/index.js",
-      "types": "./dist/index.d.ts"
-    }
-  },
   "peerDependencies": {
     "react": "^17.0.2||^18",
     "react-dom": "^17.0.2||^18"

package/stories/feedback.stories.ts

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

package/stories/test-data.ts

@@ -1,330 +0,0 @@
-export const data = {
-  entities: [
-    {
-      id: 433864,
-      name: "Serpent",
-      type: {
-        id: 1,
-        name: "strat_name",
-        description: "Test 2",
-        color: "rgb(115, 66, 255)",
-      },
-      match: {
-        name: "Serpent",
-        rank: "Fm",
-        strat_name_id: 5894,
-      },
-      indices: [368, 375],
-      children: [
-        {
-          id: 433865,
-          name: "Sandstone",
-          type: {
-            id: 2,
-            name: "lith",
-            description: "Test",
-            color: "rgb(107, 255, 91)",
-          },
-          match: {
-            name: "sandstone",
-            color: "#FFD500",
-            lith_id: 10,
-          },
-          indices: [78, 87],
-        },
-      ],
-    },
-    {
-      id: 433886,
-      name: "Serpent Formation CAssHYAP",
-      type: {
-        id: 44,
-        name: "strat_proper_noun",
-        description: null,
-        color: "rgb(255, 255, 255)",
-      },
-      indices: [368, 394],
-    },
-    {
-      id: 433880,
-      name: "muddy sandstone",
-      type: {
-        id: 1,
-        name: "strat_name",
-        description: "Test 2",
-        color: "rgb(115, 66, 255)",
-      },
-      match: {
-        name: "Muddy Sandstone",
-        rank: "Fm",
-        concept_id: 9450,
-        strat_name_id: 72335,
-      },
-      indices: [72, 87],
-    },
-    {
-      id: 433881,
-      name: "S. M. CASSHYAP",
-      type: {
-        id: 44,
-        name: "strat_proper_noun",
-        description: null,
-        color: "rgb(255, 255, 255)",
-      },
-      indices: [147, 161],
-    },
-    {
-      id: 433882,
-      name: "Cobalt",
-      type: {
-        id: 44,
-        name: "strat_proper_noun",
-        description: null,
-        color: "rgb(255, 255, 255)",
-      },
-      indices: [169, 175],
-    },
-    {
-      id: 433883,
-      name: "EspanolaWillisville",
-      type: {
-        id: 44,
-        name: "strat_proper_noun",
-        description: null,
-        color: "rgb(255, 255, 255)",
-      },
-      indices: [231, 250],
-    },
-    {
-      id: 433888,
-      name: "Espanola Formation Fig.2",
-      type: {
-        id: 44,
-        name: "strat_proper_noun",
-        description: null,
-        color: "rgb(255, 255, 255)",
-      },
-      indices: [526, 550],
-    },
-    {
-      id: 433884,
-      name: "Quirke Elliot Lake",
-      type: {
-        id: 44,
-        name: "strat_proper_noun",
-        description: null,
-        color: "rgb(255, 255, 255)",
-      },
-      indices: [267, 285],
-    },
-    {
-      id: 433885,
-      name: "RoscoE",
-      type: {
-        id: 44,
-        name: "strat_proper_noun",
-        description: null,
-        color: "rgb(255, 255, 255)",
-      },
-      indices: [291, 297],
-    },
-    {
-      id: 433887,
-      name: "Gowganda Formation",
-      type: {
-        id: 44,
-        name: "strat_proper_noun",
-        description: null,
-        color: "rgb(255, 255, 255)",
-      },
-      indices: [407, 425],
-    },
-    {
-      id: 433866,
-      name: "Bruce Formation",
-      type: {
-        id: 1,
-        name: "strat_name",
-        description: "Test 2",
-        color: "rgb(179, 116, 255)",
-      },
-      indices: [587, 602],
-      children: [
-        {
-          id: 433867,
-          name: "structure",
-          type: {
-            id: 2,
-            name: "lith",
-            description: "Test",
-            color: "rgb(165, 255, 142)",
-          },
-          indices: [656, 665],
-          children: [
-            {
-              id: 433869,
-              name: "sedimentary",
-              type: {
-                id: 3,
-                name: "lith_att",
-                description: "Test",
-                color: "rgb(255, 144, 255)",
-              },
-              indices: [644, 655],
-            },
-            {
-              id: 433873,
-              name: "muddy",
-              type: {
-                id: 3,
-                name: "lith_att",
-                description: "Test",
-                color: "rgb(216, 93, 231)",
-              },
-              match: {
-                name: "muddy",
-                lith_att_id: 154,
-              },
-              indices: [72, 77],
-            },
-            {
-              id: 433875,
-              name: "massive",
-              type: {
-                id: 3,
-                name: "lith_att",
-                description: "Test",
-                color: "rgb(216, 93, 231)",
-              },
-              match: {
-                name: "massive ",
-                lith_att_id: 9,
-              },
-              indices: [41, 48],
-            },
-            {
-              id: 433871,
-              name: "Conglomeratic",
-              type: {
-                id: 3,
-                name: "lith_att",
-                description: "Test",
-                color: "rgb(216, 93, 231)",
-              },
-              match: {
-                name: "conglomeratic",
-                lith_att_id: 67,
-              },
-              indices: [58, 71],
-            },
-          ],
-        },
-      ],
-    },
-    {
-      id: 433876,
-      name: "The Gowganda Formation in this area",
-      type: {
-        id: 1,
-        name: "strat_name",
-        description: "Test 2",
-        color: "rgb(179, 116, 255)",
-      },
-      indices: [403, 438],
-      children: [
-        {
-          id: 433877,
-          name: "structures",
-          type: {
-            id: 2,
-            name: "lith",
-            description: "Test",
-            color: "rgb(165, 255, 142)",
-          },
-          indices: [713, 723],
-          children: [
-            {
-              id: 433869,
-              name: "sedimentary",
-              type: {
-                id: 3,
-                name: "lith_att",
-                description: "Test",
-                color: "rgb(255, 144, 255)",
-              },
-              indices: [644, 655],
-            },
-          ],
-        },
-      ],
-    },
-  ],
-  paragraph_text:
-    "Fig.4. X ray radiograph of a specimen of massive Gowganda conglomeratic muddy sandstone. A sandstone interbed reveals ripple cross laminations.\n14 S. M. CASSHYAP in the Cobalt area THOMSON, 1957. Most evidence suggests that in the EspanolaWillisville area, as in the Quirke Elliot Lake area RoscoE, 1957, no erosional break occurred after deposition of the underlying Serpent Formation CAssHYAP, 1966b.\nThe Gowganda Formation in this area lies conformably abovethe Serpent Sandstone which in turn lies gradationally above the Espanola Formation Fig.2.\nConglomeratic muddy deposit of the Bruce Formation is essentially massive and does not show sedimentary structure of any kind. However, a variety of sedimentary structures occur in the various units of the Gowganda Formation.",
-  model_id: 5321,
-  version_id: 20504,
-  model: {
-    id: 5321,
-    name: "tree_based_span_bert",
-    description: null,
-    url: null,
-    first_run: "2024-10-14T14:39:49.425489",
-    last_run: "2024-11-18T18:33:45.320584",
-    n_runs: 7510,
-    n_entities: 96301,
-    n_matches: 16918,
-    n_strat_names: 4181,
-  },
-};
-
-export const entityTypes = [
-  {
-    id: 2,
-    name: "lith",
-    description: "Test",
-    color: "rgb(33,208,35)",
-  },
-  {
-    id: 3,
-    name: "lith_att",
-    description: "Test",
-    color: "rgb(164,38,180)",
-  },
-  {
-    id: 1,
-    name: "strat_name",
-    description: "Test 2",
-    color: "rgb(13,0,255)",
-  },
-  {
-    id: 10,
-    name: "location",
-    description: "A geographical location or area",
-    color: null,
-  },
-  {
-    id: 4,
-    name: "noun",
-    description: "A general noun of unknown type",
-    color: "rgb(113,112,217)",
-  },
-  {
-    id: 8,
-    name: "form",
-    description:
-      "The form in which a lithology/rock body is expressed (e.g., boulders, lenses, interbedded packages, etc.)",
-    color: "rgb(173,225,0)",
-  },
-  {
-    id: 11,
-    name: "citation",
-    description: "Paper citation",
-    color: "rgb(190,156,156)",
-  },
-  {
-    id: 44,
-    name: "strat_proper_noun",
-    description: null,
-    color: null,
-  },
-];