@corva/ui 0.65.0-1-test → 0.65.0-3

package/components/AdvancedSlider/Handle.js

@@ -1,182 +1 @@
-import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { useState, useRef, useEffect } from 'react';
-import { makeStyles, Input } from '@material-ui/core';
-import classNames from 'classnames';
-import { debounce } from 'lodash';
-import { jsx } from 'react/jsx-runtime';
-
-var debouncedFunc = debounce(function (callback) {
-  callback();
-}, 500);
-
-/*
-interface HandleProps {
-  value: number | string;
-  orientation: 'vertical' | 'horizontal';
-  placement: 'head' | 'tail';
-  onChange: (newValue: number) => void;
-  min: number;
-  max: number;
-}
-*/
-var Handle = function Handle(_ref) {
-  var _classnames, _classnames2;
-  var value = _ref.value,
-    orientation = _ref.orientation,
-    placement = _ref.placement,
-    readOnly = _ref.readOnly,
-    onChange = _ref.onChange,
-    min = _ref.min,
-    max = _ref.max,
-    displayFormatter = _ref.displayFormatter,
-    classes = _ref.classes;
-  var styles = useStyles();
-  var _useState = useState(value),
-    _useState2 = _slicedToArray(_useState, 2),
-    internal = _useState2[0],
-    setInternal = _useState2[1];
-  var inputRef = useRef(null);
-  useEffect(function () {
-    setInternal(value);
-  }, [value]);
-  var onChangeValue = function onChangeValue(e) {
-    var newValue = e.target.value;
-    setInternal(newValue);
-    if (Number.isFinite(+newValue) && +newValue >= min && +newValue <= max) {
-      debouncedFunc(function () {
-        onChange(+newValue);
-      });
-    }
-  };
-  return /*#__PURE__*/jsx("div", {
-    className: classNames(styles.root, classes.handleRoot, (_classnames = {}, _defineProperty(_classnames, styles.horizontalHeadRoot, orientation === 'horizontal' && placement === 'head'), _defineProperty(_classnames, styles.horizontalTailRoot, orientation === 'horizontal' && placement === 'tail'), _defineProperty(_classnames, styles.verticalHeadRoot, orientation === 'vertical' && placement === 'head'), _defineProperty(_classnames, styles.verticalTailRoot, orientation === 'vertical' && placement === 'tail'), _classnames)),
-    children: /*#__PURE__*/jsx("div", {
-      className: classNames(styles.handle, classes.handle, (_classnames2 = {}, _defineProperty(_classnames2, styles.horizontalHeadHandle, orientation === 'horizontal' && placement === 'head'), _defineProperty(_classnames2, styles.horizontalTailHandle, orientation === 'horizontal' && placement === 'tail'), _defineProperty(_classnames2, styles.verticalHeadHandle, orientation === 'vertical' && placement === 'head'), _defineProperty(_classnames2, styles.verticalTailHandle, orientation === 'vertical' && placement === 'tail'), _classnames2)),
-      children: /*#__PURE__*/jsx(Input, {
-        readOnly: readOnly,
-        inputRef: inputRef,
-        classes: {
-          root: styles.inputRoot
-        },
-        value: readOnly ? displayFormatter(internal) : internal,
-        onChange: onChangeValue,
-        error: !(Number.isFinite(+internal) && +internal >= min && +internal <= max)
-      })
-    })
-  });
-};
-var useStyles = makeStyles(function (_ref2) {
-  var isLightTheme = _ref2.isLightTheme;
-  return {
-    root: {
-      position: 'absolute',
-      '&:hover': {
-        borderColor: '#03BCD4'
-      },
-      '&:active': {
-        borderColor: '#03BCD4'
-      },
-      '&:hover $handle': {
-        background: '#008BA3',
-        borderColor: '#03BCD4'
-      },
-      '&:active $handle': {
-        background: '#008BA3',
-        borderColor: '#03BCD4'
-      },
-      display: 'flex',
-      flexDirection: 'column',
-      alignItems: 'center',
-      justifyContent: 'center'
-    },
-    horizontalHeadRoot: {
-      top: 0,
-      bottom: 0,
-      right: 5,
-      // 5px by re-resizable
-      borderRight: '2px solid #414141'
-    },
-    horizontalTailRoot: {
-      top: 0,
-      bottom: 0,
-      left: 5,
-      // 5px by re-resizable
-      borderLeft: '2px solid #414141'
-    },
-    verticalHeadRoot: {
-      left: 0,
-      right: 0,
-      bottom: 5,
-      // 5px by re-resizable
-      borderBottom: '2px solid #414141'
-    },
-    verticalTailRoot: {
-      left: 0,
-      right: 0,
-      top: 5,
-      // 5px by re-resizable
-      borderTop: '2px solid #414141'
-    },
-    handle: {
-      background: isLightTheme ? '#B1B1B1' : '#414141',
-      border: '1px solid transparent',
-      '& > p': {
-        fontSize: '11px',
-        textAlign: 'center',
-        lineHeight: '16px'
-      },
-      display: 'flex',
-      alignItems: 'center',
-      justifyContent: 'center',
-      padding: '1px'
-    },
-    horizontalHeadHandle: {
-      width: '40px',
-      height: '16px',
-      borderTopLeftRadius: '2px',
-      borderBottomLeftRadius: '2px'
-    },
-    horizontalTailHandle: {
-      width: '40px',
-      height: '16px',
-      borderTopRightRadius: '2px',
-      borderBottomRightRadius: '2px'
-    },
-    verticalHeadHandle: {
-      width: '80%',
-      maxWidth: '40px',
-      height: '16px',
-      borderTopLeftRadius: '2px',
-      borderTopRightRadius: '2px'
-    },
-    verticalTailHandle: {
-      width: '80%',
-      maxWidth: '40px',
-      height: '16px',
-      borderBottomLeftRadius: '2px',
-      borderBottomRightRadius: '2px'
-    },
-    inputRoot: {
-      height: '100%',
-      fontSize: '11px',
-      '&::before': {
-        borderWidth: 0
-      },
-      '&::after': {
-        borderWidth: '1px !important'
-      },
-      '& .MuiInputBase-input': {
-        padding: 0,
-        height: '100%',
-        textAlign: 'center'
-      },
-      '&:hover::before': {
-        borderWidth: '1px !important'
-      }
-    }
-  };
-});
-
-export { Handle };
-//# sourceMappingURL=Handle.js.map
+import t from"@babel/runtime/helpers/defineProperty";import o from"@babel/runtime/helpers/slicedToArray";import{useState as e,useRef as r,useEffect as i}from"react";import{makeStyles as a,Input as l}from"@material-ui/core";import n from"classnames";import{debounce as d}from"lodash";import{jsx as h}from"react/jsx-runtime";var p=d((function(t){t()}),500),s=function(a){var d,s,m=a.value,u=a.orientation,x=a.placement,b=a.readOnly,f=a.onChange,g=a.min,v=a.max,R=a.displayFormatter,H=a.classes,B=c(),T=e(m),z=o(T,2),C=z[0],y=z[1],L=r(null);i((function(){y(m)}),[m]);return h("div",{className:n(B.root,H.handleRoot,(d={},t(d,B.horizontalHeadRoot,"horizontal"===u&&"head"===x),t(d,B.horizontalTailRoot,"horizontal"===u&&"tail"===x),t(d,B.verticalHeadRoot,"vertical"===u&&"head"===x),t(d,B.verticalTailRoot,"vertical"===u&&"tail"===x),d)),children:h("div",{className:n(B.handle,H.handle,(s={},t(s,B.horizontalHeadHandle,"horizontal"===u&&"head"===x),t(s,B.horizontalTailHandle,"horizontal"===u&&"tail"===x),t(s,B.verticalHeadHandle,"vertical"===u&&"head"===x),t(s,B.verticalTailHandle,"vertical"===u&&"tail"===x),s)),children:h(l,{readOnly:b,inputRef:L,classes:{root:B.inputRoot},value:b?R(C):C,onChange:function(t){var o=t.target.value;y(o),Number.isFinite(+o)&&+o>=g&&+o<=v&&p((function(){f(+o)}))},error:!(Number.isFinite(+C)&&+C>=g&&+C<=v)})})})},c=a((function(t){return{root:{position:"absolute","&:hover":{borderColor:"#03BCD4"},"&:active":{borderColor:"#03BCD4"},"&:hover $handle":{background:"#008BA3",borderColor:"#03BCD4"},"&:active $handle":{background:"#008BA3",borderColor:"#03BCD4"},display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center"},horizontalHeadRoot:{top:0,bottom:0,right:5,borderRight:"2px solid #414141"},horizontalTailRoot:{top:0,bottom:0,left:5,borderLeft:"2px solid #414141"},verticalHeadRoot:{left:0,right:0,bottom:5,borderBottom:"2px solid #414141"},verticalTailRoot:{left:0,right:0,top:5,borderTop:"2px solid #414141"},handle:{background:t.isLightTheme?"#B1B1B1":"#414141",border:"1px solid transparent","& > p":{fontSize:"11px",textAlign:"center",lineHeight:"16px"},display:"flex",alignItems:"center",justifyContent:"center",padding:"1px"},horizontalHeadHandle:{width:"40px",height:"16px",borderTopLeftRadius:"2px",borderBottomLeftRadius:"2px"},horizontalTailHandle:{width:"40px",height:"16px",borderTopRightRadius:"2px",borderBottomRightRadius:"2px"},verticalHeadHandle:{width:"80%",maxWidth:"40px",height:"16px",borderTopLeftRadius:"2px",borderTopRightRadius:"2px"},verticalTailHandle:{width:"80%",maxWidth:"40px",height:"16px",borderBottomLeftRadius:"2px",borderBottomRightRadius:"2px"},inputRoot:{height:"100%",fontSize:"11px","&::before":{borderWidth:0},"&::after":{borderWidth:"1px !important"},"& .MuiInputBase-input":{padding:0,height:"100%",textAlign:"center"},"&:hover::before":{borderWidth:"1px !important"}}}}));export{s as Handle};

package/components/AnchorsList/AnchorsList.js

@@ -1,216 +1 @@
-import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import { useRef, useEffect, useState, useCallback, useMemo } from 'react';
-import PropTypes from 'prop-types';
-import { throttle, noop } from 'lodash';
-import classNames from 'classnames';
-import { makeStyles, Typography, Link } from '@material-ui/core';
-import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-var useStyles = makeStyles(function (theme) {
-  return {
-    root: _defineProperty({
-      top: 70,
-      width: 175,
-      flexShrink: 0,
-      position: 'sticky',
-      height: 'calc(100vh - 70px)',
-      overflowY: 'auto',
-      padding: theme.spacing(2, 0),
-      display: 'none'
-    }, theme.breakpoints.up('sm'), {
-      display: 'block'
-    }),
-    title: {
-      color: theme.palette.primary.text8,
-      margin: '0 0 8px 16px',
-      lineHeight: '24px',
-      fontSize: 10,
-      fontWeight: 500,
-      letterSpacing: 1
-    },
-    contents: {
-      marginTop: theme.spacing(2),
-      paddingLeft: theme.spacing(1)
-    },
-    ul: {
-      padding: 0,
-      margin: 0,
-      listStyle: 'none',
-      borderLeft: "1px solid ".concat(theme.palette.background.b9)
-    },
-    li: {
-      display: 'flex',
-      '&:not(:first-of-type)': {
-        marginTop: 8
-      }
-    },
-    item: {
-      color: theme.palette.primary.text6,
-      display: 'inline-block',
-      margin: '7px 16px',
-      fontSize: 12,
-      fontWeight: 400,
-      letter: '0.4px',
-      lineHeight: '16px'
-    },
-    active: {
-      color: theme.palette.text.primary,
-      fontWeight: 500
-    },
-    activeItemBorder: {
-      height: 30,
-      width: '2px',
-      backgroundColor: '#03BCD4',
-      borderRadius: '0 2px 2px 0',
-      position: 'absolute'
-    }
-  };
-});
-
-// TODO: these nodes are mutable sources. Use createMutableSource once it's stable
-function getItemsClient(headings) {
-  return headings.map(function (item) {
-    return _objectSpread(_objectSpread({}, item), {}, {
-      node: document.getElementById(item.hash)
-    });
-  });
-}
-function useThrottledOnScroll(callback, delay) {
-  var throttledCallback = useMemo(function () {
-    return callback ? throttle(callback, delay) : noop;
-  }, [callback, delay]);
-  useEffect(function () {
-    if (throttledCallback === noop) return undefined;
-    window.addEventListener('scroll', throttledCallback);
-    return function () {
-      window.removeEventListener('scroll', throttledCallback);
-      throttledCallback.cancel();
-    };
-  }, [throttledCallback]);
-}
-function AnchorsList(props) {
-  var title = props.title,
-    items = props.items;
-  var classes = useStyles();
-  var itemsWithNodeRef = useRef([]);
-  useEffect(function () {
-    itemsWithNodeRef.current = getItemsClient(items);
-  }, [items]);
-  var _useState = useState(null),
-    _useState2 = _slicedToArray(_useState, 2),
-    activeState = _useState2[0],
-    setActiveState = _useState2[1];
-  var clickedRef = useRef(false);
-  var unsetClickedRef = useRef(null);
-  var findActiveIndex = useCallback(function () {
-    // Don't set the active index based on scroll if a link was just clicked
-    if (clickedRef.current) return;
-    var active;
-    for (var i = itemsWithNodeRef.current.length - 1; i >= 0; i -= 1) {
-      // No hash if we're near the top of the page
-      if (document.documentElement.scrollTop < 100) {
-        active = {
-          hash: null
-        };
-        break;
-      }
-      var item = itemsWithNodeRef.current[i];
-      if (item.node && item.node.offsetTop < document.documentElement.scrollTop + document.documentElement.clientHeight / 8) {
-        active = item;
-        break;
-      }
-    }
-    if (active && activeState !== active.hash) setActiveState(active.hash);
-  }, [activeState]);
-
-  // Corresponds to 10 frames at 60 Hz
-  useThrottledOnScroll(items.length > 0 ? findActiveIndex : null, 166);
-  var handleClick = function handleClick(hash) {
-    return function (event) {
-      // Ignore click for new tab/new window behavior
-      if (event.defaultPrevented || event.button !== 0 ||
-      // ignore everything but left-click
-      event.metaKey || event.ctrlKey || event.altKey || event.shiftKey) {
-        return;
-      }
-
-      // Used to disable findActiveIndex if the page scrolls due to a click
-      clickedRef.current = true;
-      unsetClickedRef.current = setTimeout(function () {
-        clickedRef.current = false;
-      }, 1000);
-      if (activeState !== hash) {
-        setActiveState(hash);
-      }
-    };
-  };
-  useEffect(function () {
-    return function () {
-      clearTimeout(unsetClickedRef.current);
-    };
-  }, []);
-  useEffect(function () {
-    // Fires after component has been mounted. We need this to scroll to anchor on initial load
-    var hash = window.location.hash;
-    if (!hash) return;
-    var element = document.getElementById(hash.substr(1));
-    if (element) {
-      setTimeout(function () {
-        element.scrollIntoView({
-          block: 'start',
-          inline: 'nearest',
-          behavior: 'smooth'
-        });
-      }, 50);
-    }
-  }, []);
-  return /*#__PURE__*/jsx("nav", {
-    className: classes.root,
-    "data-testid": "anchors-list",
-    children: items.length > 0 && /*#__PURE__*/jsxs(Fragment, {
-      children: [/*#__PURE__*/jsx("div", {
-        className: classes.title,
-        children: title
-      }), /*#__PURE__*/jsx(Typography, {
-        component: "ul",
-        className: classes.ul,
-        children: items.map(function (item) {
-          var isActive = activeState === item.hash;
-          return /*#__PURE__*/jsxs("li", {
-            className: classes.li,
-            children: [isActive && /*#__PURE__*/jsx("div", {
-              className: classes.activeItemBorder
-            }), /*#__PURE__*/jsx(Link, {
-              display: "block",
-              href: "#".concat(item.hash),
-              underline: "none",
-              onClick: handleClick(item.hash),
-              className: classNames(classes.item, isActive && classes.active),
-              "data-testid": "anchor-item-".concat(item.hash),
-              children: /*#__PURE__*/jsx("span", {
-                children: item.text
-              })
-            })]
-          }, item.text);
-        })
-      })]
-    })
-  });
-}
-AnchorsList.defaultProps = {
-  title: 'ON THIS PAGE',
-  items: []
-};
-AnchorsList.propTypes = {
-  title: PropTypes.string,
-  items: PropTypes.arrayOf(PropTypes.shape({
-    hash: PropTypes.string,
-    text: PropTypes.string
-  }))
-};
-
-export { AnchorsList as default };
-//# sourceMappingURL=AnchorsList.js.map
+import e from"@babel/runtime/helpers/slicedToArray";import t from"@babel/runtime/helpers/defineProperty";import{useRef as r,useEffect as n,useState as o,useCallback as i,useMemo as a}from"react";import c from"prop-types";import{throttle as l,noop as s}from"lodash";import p from"classnames";import{makeStyles as u,Typography as m,Link as d}from"@material-ui/core";import{jsx as f,jsxs as h,Fragment as g}from"react/jsx-runtime";function b(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function y(e){for(var r=1;r<arguments.length;r++){var n=null!=arguments[r]?arguments[r]:{};r%2?b(Object(n),!0).forEach((function(r){t(e,r,n[r])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):b(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var v=u((function(e){return{root:t({top:70,width:175,flexShrink:0,position:"sticky",height:"calc(100vh - 70px)",overflowY:"auto",padding:e.spacing(2,0),display:"none"},e.breakpoints.up("sm"),{display:"block"}),title:{color:e.palette.primary.text8,margin:"0 0 8px 16px",lineHeight:"24px",fontSize:10,fontWeight:500,letterSpacing:1},contents:{marginTop:e.spacing(2),paddingLeft:e.spacing(1)},ul:{padding:0,margin:0,listStyle:"none",borderLeft:"1px solid ".concat(e.palette.background.b9)},li:{display:"flex","&:not(:first-of-type)":{marginTop:8}},item:{color:e.palette.primary.text6,display:"inline-block",margin:"7px 16px",fontSize:12,fontWeight:400,letter:"0.4px",lineHeight:"16px"},active:{color:e.palette.text.primary,fontWeight:500},activeItemBorder:{height:30,width:"2px",backgroundColor:"#03BCD4",borderRadius:"0 2px 2px 0",position:"absolute"}}}));function x(t){var c=t.title,u=t.items,b=v(),x=r([]);n((function(){x.current=u.map((function(e){return y(y({},e),{},{node:document.getElementById(e.hash)})}))}),[u]);var O,w,k,j=o(null),P=e(j,2),T=P[0],E=P[1],S=r(!1),N=r(null),I=i((function(){if(!S.current){for(var e,t=x.current.length-1;t>=0;t-=1){if(document.documentElement.scrollTop<100){e={hash:null};break}var r=x.current[t];if(r.node&&r.node.offsetTop<document.documentElement.scrollTop+document.documentElement.clientHeight/8){e=r;break}}e&&T!==e.hash&&E(e.hash)}}),[T]);O=u.length>0?I:null,k=a((function(){return O?l(O,w):s}),[O,w=166]),n((function(){if(k!==s)return window.addEventListener("scroll",k),function(){window.removeEventListener("scroll",k),k.cancel()}}),[k]);return n((function(){return function(){clearTimeout(N.current)}}),[]),n((function(){var e=window.location.hash;if(e){var t=document.getElementById(e.substr(1));t&&setTimeout((function(){t.scrollIntoView({block:"start",inline:"nearest",behavior:"smooth"})}),50)}}),[]),f("nav",{className:b.root,"data-testid":"anchors-list",children:u.length>0&&h(g,{children:[f("div",{className:b.title,children:c}),f(m,{component:"ul",className:b.ul,children:u.map((function(e){var t,r=T===e.hash;return h("li",{className:b.li,children:[r&&f("div",{className:b.activeItemBorder}),f(d,{display:"block",href:"#".concat(e.hash),underline:"none",onClick:(t=e.hash,function(e){e.defaultPrevented||0!==e.button||e.metaKey||e.ctrlKey||e.altKey||e.shiftKey||(S.current=!0,N.current=setTimeout((function(){S.current=!1}),1e3),T!==t&&E(t))}),className:p(b.item,r&&b.active),"data-testid":"anchor-item-".concat(e.hash),children:f("span",{children:e.text})})]},e.text)}))})]})})}x.defaultProps={title:"ON THIS PAGE",items:[]},x.propTypes={title:c.string,items:c.arrayOf(c.shape({hash:c.string,text:c.string}))};export{x as default};

package/components/Annotations/AnnotationsContext.js

@@ -1,124 +1 @@
-import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import _toConsumableArray from '@babel/runtime/helpers/toConsumableArray';
-import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import { createContext, useReducer, useContext } from 'react';
-import { node } from 'prop-types';
-import { EDIT_ANNOTATION, DELETE_ANNOTATION, ADD_ANNOTATION, APPEND_ANNOTATIONS, SET_ANNOTATIONS } from './constants.js';
-import { jsx } from 'react/jsx-runtime';
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-var AnnotationsStateContext = createContext();
-var AnnotationsDispatchContext = createContext();
-function annotationsReducer(state, action) {
-  switch (action.type) {
-    case SET_ANNOTATIONS:
-      {
-        return {
-          annotations: action.annotations
-        };
-      }
-    case APPEND_ANNOTATIONS:
-      {
-        return _objectSpread(_objectSpread({}, state), {}, {
-          annotations: {
-            data: [].concat(_toConsumableArray(state.annotations.data), _toConsumableArray(action.annotations.data)),
-            included: action.annotations.included.reduce(function (acc, item) {
-              return acc.find(function (_ref) {
-                var id = _ref.id,
-                  type = _ref.type;
-                return id === item.id && type === item.type;
-              }) ? acc : acc.concat([item]);
-            }, state.annotations.included)
-          }
-        });
-      }
-    case ADD_ANNOTATION:
-      {
-        return _objectSpread(_objectSpread({}, state), {}, {
-          annotations: state.annotations.data ? {
-            data: [action.annotation.data].concat(_toConsumableArray(state.annotations.data)),
-            included: action.annotation.included.reduce(function (acc, item) {
-              return acc.find(function (_ref2) {
-                var id = _ref2.id,
-                  type = _ref2.type;
-                return id === item.id && type === item.type;
-              }) ? acc : acc.concat([item]);
-            }, state.annotations.included)
-          } : {
-            data: [action.annotation.data],
-            included: action.annotation.included
-          }
-        });
-      }
-    case DELETE_ANNOTATION:
-      {
-        var data = state.annotations.data;
-        return _objectSpread(_objectSpread({}, state), {}, {
-          annotations: _objectSpread(_objectSpread({}, state.annotations), {}, {
-            data: data.filter(function (_ref3) {
-              var id = _ref3.id;
-              return id !== action.id;
-            })
-          })
-        });
-      }
-    case EDIT_ANNOTATION:
-      {
-        return _objectSpread(_objectSpread({}, state), {}, {
-          annotations: _objectSpread(_objectSpread({}, state.annotations), {}, {
-            data: state.annotations.data.map(function (item) {
-              return item.id === action.id ? action.annotation.data : item;
-            }),
-            included: action.annotation.included.reduce(function (acc, item) {
-              return acc.find(function (_ref4) {
-                var id = _ref4.id,
-                  type = _ref4.type;
-                return id === item.id && type === item.type;
-              }) ? acc : acc.concat([item]);
-            }, state.annotations.included)
-          })
-        });
-      }
-    default:
-      {
-        throw new Error("Unhandled action type: ".concat(action.type));
-      }
-  }
-}
-function AnnotationsProvider(_ref5) {
-  var children = _ref5.children;
-  var _useReducer = useReducer(annotationsReducer, {
-      annotations: []
-    }),
-    _useReducer2 = _slicedToArray(_useReducer, 2),
-    state = _useReducer2[0],
-    dispatch = _useReducer2[1];
-  return /*#__PURE__*/jsx(AnnotationsStateContext.Provider, {
-    value: state,
-    children: /*#__PURE__*/jsx(AnnotationsDispatchContext.Provider, {
-      value: dispatch,
-      children: children
-    })
-  });
-}
-AnnotationsProvider.propTypes = {
-  children: node.isRequired
-};
-function useAnnotationsState() {
-  var context = useContext(AnnotationsStateContext);
-  if (context === undefined) {
-    throw new Error('useAnnotationsState must be used within a AnnotationsProvider');
-  }
-  return context;
-}
-function useAnnotationsDispatch() {
-  var context = useContext(AnnotationsDispatchContext);
-  if (context === undefined) {
-    throw new Error('useAnnotationsDispatch must be used within a AnnotationsProvider');
-  }
-  return context;
-}
-
-export { AnnotationsProvider, useAnnotationsDispatch, useAnnotationsState };
-//# sourceMappingURL=AnnotationsContext.js.map
+import n from"@babel/runtime/helpers/slicedToArray";import t from"@babel/runtime/helpers/toConsumableArray";import r from"@babel/runtime/helpers/defineProperty";import{createContext as e,useReducer as o,useContext as a}from"react";import{node as i}from"prop-types";import{EDIT_ANNOTATION as c,DELETE_ANNOTATION as d,ADD_ANNOTATION as u,APPEND_ANNOTATIONS as s,SET_ANNOTATIONS as p}from"./constants.js";import{jsx as f}from"react/jsx-runtime";function l(n,t){var r=Object.keys(n);if(Object.getOwnPropertySymbols){var e=Object.getOwnPropertySymbols(n);t&&(e=e.filter((function(t){return Object.getOwnPropertyDescriptor(n,t).enumerable}))),r.push.apply(r,e)}return r}function m(n){for(var t=1;t<arguments.length;t++){var e=null!=arguments[t]?arguments[t]:{};t%2?l(Object(e),!0).forEach((function(t){r(n,t,e[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(e)):l(Object(e)).forEach((function(t){Object.defineProperty(n,t,Object.getOwnPropertyDescriptor(e,t))}))}return n}var y=e(),b=e();function v(n,r){switch(r.type){case p:return{annotations:r.annotations};case s:return m(m({},n),{},{annotations:{data:[].concat(t(n.annotations.data),t(r.annotations.data)),included:r.annotations.included.reduce((function(n,t){return n.find((function(n){var r=n.id,e=n.type;return r===t.id&&e===t.type}))?n:n.concat([t])}),n.annotations.included)}});case u:return m(m({},n),{},{annotations:n.annotations.data?{data:[r.annotation.data].concat(t(n.annotations.data)),included:r.annotation.included.reduce((function(n,t){return n.find((function(n){var r=n.id,e=n.type;return r===t.id&&e===t.type}))?n:n.concat([t])}),n.annotations.included)}:{data:[r.annotation.data],included:r.annotation.included}});case d:var e=n.annotations.data;return m(m({},n),{},{annotations:m(m({},n.annotations),{},{data:e.filter((function(n){return n.id!==r.id}))})});case c:return m(m({},n),{},{annotations:m(m({},n.annotations),{},{data:n.annotations.data.map((function(n){return n.id===r.id?r.annotation.data:n})),included:r.annotation.included.reduce((function(n,t){return n.find((function(n){var r=n.id,e=n.type;return r===t.id&&e===t.type}))?n:n.concat([t])}),n.annotations.included)})});default:throw new Error("Unhandled action type: ".concat(r.type))}}function h(t){var r=t.children,e=o(v,{annotations:[]}),a=n(e,2),i=a[0],c=a[1];return f(y.Provider,{value:i,children:f(b.Provider,{value:c,children:r})})}function O(){var n=a(y);if(void 0===n)throw new Error("useAnnotationsState must be used within a AnnotationsProvider");return n}function w(){var n=a(b);if(void 0===n)throw new Error("useAnnotationsDispatch must be used within a AnnotationsProvider");return n}h.propTypes={children:i.isRequired};export{h as AnnotationsProvider,w as useAnnotationsDispatch,O as useAnnotationsState};