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

package/components/AdvancedSlider/Handle.js

@@ -1 +1,182 @@
-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};
+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

package/components/AdvancedSlider/Handle.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Handle.js","sources":["../../../src/components/AdvancedSlider/Handle.js"],"sourcesContent":["/* eslint-disable no-use-before-define */\nimport { useState, useEffect, useRef } from 'react';\nimport { makeStyles, Input } from '@material-ui/core';\nimport classnames from 'classnames';\nimport { debounce } from 'lodash';\n\nconst debouncedFunc = debounce(callback => {\n  callback();\n}, 500);\n\n/*\ninterface HandleProps {\n  value: number | string;\n  orientation: 'vertical' | 'horizontal';\n  placement: 'head' | 'tail';\n  onChange: (newValue: number) => void;\n  min: number;\n  max: number;\n}\n*/\nexport const Handle = ({\n  value,\n  orientation,\n  placement,\n  readOnly,\n  onChange,\n  min,\n  max,\n  displayFormatter,\n  classes,\n}) => {\n  const styles = useStyles();\n  const [internal, setInternal] = useState(value);\n  const inputRef = useRef(null);\n\n  useEffect(() => {\n    setInternal(value);\n  }, [value]);\n\n  const onChangeValue = e => {\n    const newValue = e.target.value;\n    setInternal(newValue);\n\n    if (Number.isFinite(+newValue) && +newValue >= min && +newValue <= max) {\n      debouncedFunc(() => {\n        onChange(+newValue);\n      });\n    }\n  };\n\n  return (\n    <div\n      className={classnames(styles.root, classes.handleRoot, {\n        [styles.horizontalHeadRoot]: orientation === 'horizontal' && placement === 'head',\n        [styles.horizontalTailRoot]: orientation === 'horizontal' && placement === 'tail',\n        [styles.verticalHeadRoot]: orientation === 'vertical' && placement === 'head',\n        [styles.verticalTailRoot]: orientation === 'vertical' && placement === 'tail',\n      })}\n    >\n      <div\n        className={classnames(styles.handle, classes.handle, {\n          [styles.horizontalHeadHandle]: orientation === 'horizontal' && placement === 'head',\n          [styles.horizontalTailHandle]: orientation === 'horizontal' && placement === 'tail',\n          [styles.verticalHeadHandle]: orientation === 'vertical' && placement === 'head',\n          [styles.verticalTailHandle]: orientation === 'vertical' && placement === 'tail',\n        })}\n      >\n        <Input\n          readOnly={readOnly}\n          inputRef={inputRef}\n          classes={{ root: styles.inputRoot }}\n          value={readOnly ? displayFormatter(internal) : internal}\n          onChange={onChangeValue}\n          error={!(Number.isFinite(+internal) && +internal >= min && +internal <= max)}\n        />\n      </div>\n    </div>\n  );\n};\n\nconst useStyles = makeStyles(({ isLightTheme }) => ({\n  root: {\n    position: 'absolute',\n    '&:hover': {\n      borderColor: '#03BCD4',\n    },\n    '&:active': {\n      borderColor: '#03BCD4',\n    },\n    '&:hover $handle': {\n      background: '#008BA3',\n      borderColor: '#03BCD4',\n    },\n    '&:active $handle': {\n      background: '#008BA3',\n      borderColor: '#03BCD4',\n    },\n    display: 'flex',\n    flexDirection: 'column',\n    alignItems: 'center',\n    justifyContent: 'center',\n  },\n  horizontalHeadRoot: {\n    top: 0,\n    bottom: 0,\n    right: 5, // 5px by re-resizable\n    borderRight: '2px solid #414141',\n  },\n  horizontalTailRoot: {\n    top: 0,\n    bottom: 0,\n    left: 5, // 5px by re-resizable\n    borderLeft: '2px solid #414141',\n  },\n  verticalHeadRoot: {\n    left: 0,\n    right: 0,\n    bottom: 5, // 5px by re-resizable\n    borderBottom: '2px solid #414141',\n  },\n  verticalTailRoot: {\n    left: 0,\n    right: 0,\n    top: 5, // 5px by re-resizable\n    borderTop: '2px solid #414141',\n  },\n  handle: {\n    background: isLightTheme ? '#B1B1B1' : '#414141',\n    border: '1px solid transparent',\n    '& > p': {\n      fontSize: '11px',\n      textAlign: 'center',\n      lineHeight: '16px',\n    },\n    display: 'flex',\n    alignItems: 'center',\n    justifyContent: 'center',\n    padding: '1px',\n  },\n  horizontalHeadHandle: {\n    width: '40px',\n    height: '16px',\n    borderTopLeftRadius: '2px',\n    borderBottomLeftRadius: '2px',\n  },\n  horizontalTailHandle: {\n    width: '40px',\n    height: '16px',\n    borderTopRightRadius: '2px',\n    borderBottomRightRadius: '2px',\n  },\n  verticalHeadHandle: {\n    width: '80%',\n    maxWidth: '40px',\n    height: '16px',\n    borderTopLeftRadius: '2px',\n    borderTopRightRadius: '2px',\n  },\n  verticalTailHandle: {\n    width: '80%',\n    maxWidth: '40px',\n    height: '16px',\n    borderBottomLeftRadius: '2px',\n    borderBottomRightRadius: '2px',\n  },\n  inputRoot: {\n    height: '100%',\n    fontSize: '11px',\n    '&::before': { borderWidth: 0 },\n    '&::after': { borderWidth: '1px !important' },\n    '& .MuiInputBase-input': {\n      padding: 0,\n      height: '100%',\n      textAlign: 'center',\n    },\n    '&:hover::before': {\n      borderWidth: '1px !important',\n    },\n  },\n}));\n"],"names":["debouncedFunc","debounce","callback","Handle","value","orientation","placement","readOnly","onChange","min","max","displayFormatter","classes","styles","useStyles","useState","internal","setInternal","inputRef","useRef","useEffect","onChangeValue","e","newValue","target","Number","isFinite","_jsx","classnames","root","handleRoot","horizontalHeadRoot","horizontalTailRoot","verticalHeadRoot","verticalTailRoot","handle","horizontalHeadHandle","horizontalTailHandle","verticalHeadHandle","verticalTailHandle","inputRoot","makeStyles","isLightTheme","position","borderColor","background","display","flexDirection","alignItems","justifyContent","top","bottom","right","borderRight","left","borderLeft","borderBottom","borderTop","border","fontSize","textAlign","lineHeight","padding","width","height","borderTopLeftRadius","borderBottomLeftRadius","borderTopRightRadius","borderBottomRightRadius","maxWidth","borderWidth"],"mappings":"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"}

package/components/AnchorsList/AnchorsList.js

@@ -1 +1,216 @@
-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};
+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

package/components/AnchorsList/AnchorsList.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AnchorsList.js","sources":["../../../src/components/AnchorsList/AnchorsList.js"],"sourcesContent":["// This component has been copy-pasted from MUI documentation\n// https://github.com/mui-org/material-ui/blob/master/docs/src/modules/components/AppTableOfContents.js\n\nimport { useMemo, useCallback, useRef, useState, useEffect } from 'react';\nimport PropTypes from 'prop-types';\nimport { throttle, noop } from 'lodash';\nimport classNames from 'classnames';\nimport { makeStyles, Typography, Link } from '@material-ui/core';\n\nconst useStyles = makeStyles(theme => ({\n  root: {\n    top: 70,\n    width: 175,\n    flexShrink: 0,\n    position: 'sticky',\n    height: 'calc(100vh - 70px)',\n    overflowY: 'auto',\n    padding: theme.spacing(2, 0),\n    display: 'none',\n    [theme.breakpoints.up('sm')]: {\n      display: 'block',\n    },\n  },\n  title: {\n    color: theme.palette.primary.text8,\n    margin: '0 0 8px 16px',\n    lineHeight: '24px',\n    fontSize: 10,\n    fontWeight: 500,\n    letterSpacing: 1,\n  },\n  contents: {\n    marginTop: theme.spacing(2),\n    paddingLeft: theme.spacing(1),\n  },\n  ul: {\n    padding: 0,\n    margin: 0,\n    listStyle: 'none',\n    borderLeft: `1px solid ${theme.palette.background.b9}`,\n  },\n  li: { display: 'flex', '&:not(:first-of-type)': { marginTop: 8 } },\n  item: {\n    color: theme.palette.primary.text6,\n    display: 'inline-block',\n    margin: '7px 16px',\n    fontSize: 12,\n    fontWeight: 400,\n    letter: '0.4px',\n    lineHeight: '16px',\n  },\n  active: { color: theme.palette.text.primary, fontWeight: 500 },\n  activeItemBorder: {\n    height: 30,\n    width: '2px',\n    backgroundColor: '#03BCD4',\n    borderRadius: '0 2px 2px 0',\n    position: 'absolute',\n  },\n}));\n\n// TODO: these nodes are mutable sources. Use createMutableSource once it's stable\nfunction getItemsClient(headings) {\n  return headings.map(item => ({ ...item, node: document.getElementById(item.hash) }));\n}\n\nfunction useThrottledOnScroll(callback, delay) {\n  const throttledCallback = useMemo(\n    () => (callback ? throttle(callback, delay) : noop),\n    [callback, delay]\n  );\n\n  useEffect(() => {\n    if (throttledCallback === noop) return undefined;\n    window.addEventListener('scroll', throttledCallback);\n\n    return () => {\n      window.removeEventListener('scroll', throttledCallback);\n      throttledCallback.cancel();\n    };\n  }, [throttledCallback]);\n}\n\nfunction AnchorsList(props) {\n  const { title, items } = props;\n  const classes = useStyles();\n\n  const itemsWithNodeRef = useRef([]);\n  useEffect(() => {\n    itemsWithNodeRef.current = getItemsClient(items);\n  }, [items]);\n\n  const [activeState, setActiveState] = useState(null);\n  const clickedRef = useRef(false);\n  const unsetClickedRef = useRef(null);\n  const findActiveIndex = useCallback(() => {\n    // Don't set the active index based on scroll if a link was just clicked\n    if (clickedRef.current) return;\n\n    let active;\n    for (let i = itemsWithNodeRef.current.length - 1; i >= 0; i -= 1) {\n      // No hash if we're near the top of the page\n      if (document.documentElement.scrollTop < 100) {\n        active = { hash: null };\n        break;\n      }\n\n      const item = itemsWithNodeRef.current[i];\n\n      if (\n        item.node &&\n        item.node.offsetTop <\n          document.documentElement.scrollTop + document.documentElement.clientHeight / 8\n      ) {\n        active = item;\n        break;\n      }\n    }\n    if (active && activeState !== active.hash) setActiveState(active.hash);\n  }, [activeState]);\n\n  // Corresponds to 10 frames at 60 Hz\n  useThrottledOnScroll(items.length > 0 ? findActiveIndex : null, 166);\n\n  const handleClick = hash => event => {\n    // Ignore click for new tab/new window behavior\n    if (\n      event.defaultPrevented ||\n      event.button !== 0 || // ignore everything but left-click\n      event.metaKey ||\n      event.ctrlKey ||\n      event.altKey ||\n      event.shiftKey\n    ) {\n      return;\n    }\n\n    // Used to disable findActiveIndex if the page scrolls due to a click\n    clickedRef.current = true;\n    unsetClickedRef.current = setTimeout(() => {\n      clickedRef.current = false;\n    }, 1000);\n\n    if (activeState !== hash) {\n      setActiveState(hash);\n    }\n  };\n\n  useEffect(\n    () => () => {\n      clearTimeout(unsetClickedRef.current);\n    },\n    []\n  );\n\n  useEffect(() => {\n    // Fires after component has been mounted. We need this to scroll to anchor on initial load\n    const { hash } = window.location;\n    if (!hash) return;\n    const element = document.getElementById(hash.substr(1));\n    if (element) {\n      setTimeout(() => {\n        element.scrollIntoView({ block: 'start', inline: 'nearest', behavior: 'smooth' });\n      }, 50);\n    }\n  }, []);\n\n  return (\n    <nav className={classes.root} data-testid='anchors-list'>\n      {items.length > 0 && (\n        <>\n          <div className={classes.title}>{title}</div>\n          <Typography component=\"ul\" className={classes.ul}>\n            {items.map(item => {\n              const isActive = activeState === item.hash;\n\n              return (\n                <li key={item.text} className={classes.li}>\n                  {isActive && <div className={classes.activeItemBorder} />}\n                  <Link\n                    display=\"block\"\n                    href={`#${item.hash}`}\n                    underline=\"none\"\n                    onClick={handleClick(item.hash)}\n                    className={classNames(classes.item, isActive && classes.active)}\n                    data-testid={`anchor-item-${item.hash}`}\n                  >\n                    <span>{item.text}</span>\n                  </Link>\n                </li>\n              );\n            })}\n          </Typography>\n        </>\n      )}\n    </nav>\n  );\n}\n\nAnchorsList.defaultProps = {\n  title: 'ON THIS PAGE',\n  items: [],\n};\n\nAnchorsList.propTypes = {\n  title: PropTypes.string,\n  items: PropTypes.arrayOf(PropTypes.shape({ hash: PropTypes.string, text: PropTypes.string })),\n};\n\nexport default AnchorsList;\n"],"names":["useStyles","makeStyles","theme","root","top","width","flexShrink","position","height","overflowY","padding","spacing","display","breakpoints","up","title","color","palette","primary","text8","margin","lineHeight","fontSize","fontWeight","letterSpacing","contents","marginTop","paddingLeft","ul","listStyle","borderLeft","background","b9","li","item","text6","letter","active","text","activeItemBorder","backgroundColor","borderRadius","getItemsClient","headings","map","node","document","getElementById","hash","useThrottledOnScroll","callback","delay","throttledCallback","useMemo","throttle","noop","useEffect","undefined","window","addEventListener","removeEventListener","cancel","AnchorsList","props","items","classes","itemsWithNodeRef","useRef","current","useState","activeState","setActiveState","clickedRef","unsetClickedRef","findActiveIndex","useCallback","i","length","documentElement","scrollTop","offsetTop","clientHeight","handleClick","event","defaultPrevented","button","metaKey","ctrlKey","altKey","shiftKey","setTimeout","clearTimeout","location","element","substr","scrollIntoView","block","inline","behavior","_jsx","_jsxs","_Fragment","isActive","classNames","defaultProps","propTypes","PropTypes","string","arrayOf","shape"],"mappings":"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"}

package/components/Annotations/AnnotationsContext.js

@@ -1 +1,124 @@
-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};
+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

package/components/Annotations/AnnotationsContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AnnotationsContext.js","sources":["../../../src/components/Annotations/AnnotationsContext.js"],"sourcesContent":["import { createContext, useReducer, useContext } from 'react';\nimport { node } from 'prop-types';\n\nimport {\n  SET_ANNOTATIONS,\n  APPEND_ANNOTATIONS,\n  ADD_ANNOTATION,\n  DELETE_ANNOTATION,\n  EDIT_ANNOTATION,\n} from './constants';\n\nconst AnnotationsStateContext = createContext();\nconst AnnotationsDispatchContext = createContext();\n\nfunction annotationsReducer(state, action) {\n  switch (action.type) {\n    case SET_ANNOTATIONS: {\n      return { annotations: action.annotations };\n    }\n    case APPEND_ANNOTATIONS: {\n      return {\n        ...state,\n        annotations: {\n          data: [...state.annotations.data, ...action.annotations.data],\n          included: action.annotations.included.reduce(\n            (acc, item) =>\n              acc.find(({ id, type }) => id === item.id && type === item.type)\n                ? acc\n                : acc.concat([item]),\n            state.annotations.included\n          ),\n        },\n      };\n    }\n    case ADD_ANNOTATION: {\n      return {\n        ...state,\n        annotations: state.annotations.data\n          ? {\n              data: [action.annotation.data, ...state.annotations.data],\n              included: action.annotation.included.reduce(\n                (acc, item) =>\n                  acc.find(({ id, type }) => id === item.id && type === item.type)\n                    ? acc\n                    : acc.concat([item]),\n                state.annotations.included\n              ),\n            }\n          : {\n              data: [action.annotation.data],\n              included: action.annotation.included,\n            },\n      };\n    }\n    case DELETE_ANNOTATION: {\n      const { data } = state.annotations;\n\n      return {\n        ...state,\n        annotations: { ...state.annotations, data: data.filter(({ id }) => id !== action.id) },\n      };\n    }\n    case EDIT_ANNOTATION: {\n      return {\n        ...state,\n        annotations: {\n          ...state.annotations,\n          data: state.annotations.data.map(item =>\n            item.id === action.id ? action.annotation.data : item\n          ),\n          included: action.annotation.included.reduce(\n            (acc, item) =>\n              acc.find(({ id, type }) => id === item.id && type === item.type)\n                ? acc\n                : acc.concat([item]),\n            state.annotations.included\n          ),\n        },\n      };\n    }\n    default: {\n      throw new Error(`Unhandled action type: ${action.type}`);\n    }\n  }\n}\n\nfunction AnnotationsProvider({ children }) {\n  const [state, dispatch] = useReducer(annotationsReducer, {\n    annotations: [],\n  });\n\n  return (\n    <AnnotationsStateContext.Provider value={state}>\n      <AnnotationsDispatchContext.Provider value={dispatch}>\n        {children}\n      </AnnotationsDispatchContext.Provider>\n    </AnnotationsStateContext.Provider>\n  );\n}\nAnnotationsProvider.propTypes = { children: node.isRequired };\n\nfunction useAnnotationsState() {\n  const context = useContext(AnnotationsStateContext);\n  if (context === undefined) {\n    throw new Error('useAnnotationsState must be used within a AnnotationsProvider');\n  }\n  return context;\n}\n\nfunction useAnnotationsDispatch() {\n  const context = useContext(AnnotationsDispatchContext);\n  if (context === undefined) {\n    throw new Error('useAnnotationsDispatch must be used within a AnnotationsProvider');\n  }\n  return context;\n}\n\nexport { AnnotationsProvider, useAnnotationsState, useAnnotationsDispatch };\n"],"names":["AnnotationsStateContext","createContext","AnnotationsDispatchContext","annotationsReducer","state","action","type","SET_ANNOTATIONS","annotations","APPEND_ANNOTATIONS","data","included","reduce","acc","item","find","id","concat","ADD_ANNOTATION","annotation","DELETE_ANNOTATION","filter","EDIT_ANNOTATION","map","Error","AnnotationsProvider","children","useReducer","dispatch","_jsx","propTypes","node","isRequired","useAnnotationsState","context","useContext","undefined","useAnnotationsDispatch"],"mappings":"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"}