@corva/ui 3.1.0-rc.5 → 3.1.0

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};

package/components/Annotations/components/AnnotationsList/components/AddAnnotationForm/index.js

@@ -1,164 +1 @@
-import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import _asyncToGenerator from '@babel/runtime/helpers/asyncToGenerator';
-import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import _regeneratorRuntime from '@babel/runtime/regenerator';
-import { memo, useState, useRef } from 'react';
-import { number, shape, string } from 'prop-types';
-import classNames from 'classnames';
-import { flowRight, get } from 'lodash';
-import moment from 'moment';
-import { withStyles } from '@material-ui/core/styles';
-import { Fade, Paper, Typography } from '@material-ui/core';
-import { useAnnotationsDispatch } from '../../../../AnnotationsContext.js';
-import { ADD_ANNOTATION } from '../../../../constants.js';
-import AnnotationInput from '../AnnotationInput/index.js';
-import styles from './style.css.js';
-import { AvatarComponent } from '../../../../../Avatar/index.js';
-import useOutsideClick from '../../../../../../effects/useOutsideClick.js';
-import '../../../../../../utils/index.js';
-import { postAnnotation } from '../../../../../../clients/jsonApi/index.js';
-import '../../../../../DevCenter/DevCenterRouterContext/DevCenterRouterContext.js';
-import '../../../../../DevCenter/DevCenterRouterContext/UniversalLink/UniversalLink.js';
-import { withUniversalLocationHOC } from '../../../../../DevCenter/DevCenterRouterContext/hocs/withUniversalLocationHOC.js';
-import { jsxs, jsx } from 'react/jsx-runtime';
-import { showSuccessNotification, showErrorNotification } from '../../../../../../utils/notificationToasts.js';
-
-var PAGE_NAME = 'AppAnnotationsPo';
-var ANNOTATION_PLACEHOLDER = 'Type annotation here';
-var muiStyles = function muiStyles(theme) {
-  return {
-    inputLabel: {
-      color: theme.palette.grey[700],
-      fontWeight: 200,
-      width: '100%'
-    }
-  };
-};
-var AddAnnotationForm = function AddAnnotationForm(_ref) {
-  var _classNames;
-  var appId = _ref.appId,
-    assetId = _ref.assetId,
-    assetCompanyId = _ref.assetCompanyId,
-    appSettings = _ref.appSettings,
-    currentUser = _ref.currentUser,
-    classes = _ref.classes,
-    location = _ref.location,
-    dashboardType = _ref.dashboardType;
-  var dispatch = useAnnotationsDispatch();
-  var _useState = useState(false),
-    _useState2 = _slicedToArray(_useState, 2),
-    inputIsOpen = _useState2[0],
-    setInputIsOpen = _useState2[1];
-  var containerRef = useRef(null);
-  useOutsideClick(containerRef, function () {
-    setInputIsOpen(false);
-  });
-  var handlePost = /*#__PURE__*/function () {
-    var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(body, period, attachment) {
-      var annotation, options, queryTime, newAnnotation;
-      return _regeneratorRuntime.wrap(function _callee$(_context) {
-        while (1) {
-          switch (_context.prev = _context.next) {
-            case 0:
-              _context.prev = 0;
-              annotation = {
-                app_id: appId,
-                asset_id: assetId,
-                body: body,
-                active_until: period,
-                attachment: {
-                  file_name: attachment && attachment.attachmentName,
-                  s3_link: attachment && attachment.attachmentUrl
-                },
-                settings: appSettings
-              };
-              options = {};
-              if (dashboardType) options.dashboard_type = dashboardType;
-              queryTime = get(location, 'query.time');
-              if (queryTime) annotation.data_timestamp = moment(queryTime).format();
-              _context.next = 8;
-              return postAnnotation(annotation, options);
-            case 8:
-              newAnnotation = _context.sent;
-              dispatch({
-                type: ADD_ANNOTATION,
-                annotation: newAnnotation
-              });
-              _context.next = 17;
-              break;
-            case 12:
-              _context.prev = 12;
-              _context.t0 = _context["catch"](0);
-              showErrorNotification('Error during annotation creation');
-              console.error(_context.t0);
-              return _context.abrupt("return");
-            case 17:
-              showSuccessNotification('Annotation has been added');
-              setInputIsOpen(false);
-            case 19:
-            case "end":
-              return _context.stop();
-          }
-        }
-      }, _callee, null, [[0, 12]]);
-    }));
-    return function handlePost(_x, _x2, _x3) {
-      return _ref2.apply(this, arguments);
-    };
-  }();
-  return /*#__PURE__*/jsxs("div", {
-    className: styles.cAddAnnotationFormInput,
-    children: [/*#__PURE__*/jsx(AvatarComponent, {
-      displayName: "".concat(currentUser.first_name, " ").concat(currentUser.last_name),
-      imgSrc: currentUser.profile_photo,
-      size: 36
-    }), /*#__PURE__*/jsxs("div", {
-      className: classNames(styles.cAddAnnotationFormInputPaper, (_classNames = {}, _defineProperty(_classNames, styles.cAddAnnotationFormInputPaperOpened, inputIsOpen), _defineProperty(_classNames, styles.cAddAnnotationFormInputPaperClosed, !inputIsOpen), _classNames)),
-      children: [/*#__PURE__*/jsx(Fade, {
-        in: !inputIsOpen,
-        timeout: 500,
-        children: /*#__PURE__*/jsx(Paper, {
-          className: styles.cAddAnnotationFormInputPaperLabel,
-          children: /*#__PURE__*/jsx(Typography, {
-            variant: "body2",
-            "data-testid": "".concat(PAGE_NAME, "_collapsedInput"),
-            className: classes.inputLabel,
-            onClick: function onClick() {
-              return setInputIsOpen(true);
-            },
-            children: ANNOTATION_PLACEHOLDER
-          })
-        })
-      }), /*#__PURE__*/jsx(Fade, {
-        in: inputIsOpen,
-        timeout: 100,
-        children: /*#__PURE__*/jsx("div", {
-          className: styles.cAddAnnotationFormInputPaperAddAnnotation,
-          children: inputIsOpen && /*#__PURE__*/jsx(AnnotationInput, {
-            onSend: handlePost,
-            assetCompanyId: assetCompanyId,
-            currentUser: currentUser
-          })
-        })
-      })]
-    })]
-  });
-};
-AddAnnotationForm.propTypes = {
-  appId: number.isRequired,
-  assetId: number.isRequired,
-  assetCompanyId: number.isRequired,
-  appSettings: shape().isRequired,
-  currentUser: shape({}),
-  classes: shape().isRequired,
-  location: shape().isRequired,
-  dashboardType: string
-};
-AddAnnotationForm.defaultProps = {
-  currentUser: {},
-  dashboardType: null
-};
-var AddAnnotationForm$1 = flowRight([withStyles(muiStyles), withUniversalLocationHOC])(memo(AddAnnotationForm));
-
-export { AddAnnotationForm$1 as default };
-//# sourceMappingURL=index.js.map
+import t from"@babel/runtime/helpers/defineProperty";import e from"@babel/runtime/helpers/asyncToGenerator";import r from"@babel/runtime/helpers/slicedToArray";import n from"@babel/runtime/regenerator";import{memo as o,useState as a,useRef as i}from"react";import{number as s,shape as p,string as m}from"prop-types";import c from"classnames";import{flowRight as d,get as l}from"lodash";import u from"moment";import{withStyles as f}from"@material-ui/core/styles";import{Fade as h,Paper as v,Typography as y}from"@material-ui/core";import{useAnnotationsDispatch as A}from"../../../../AnnotationsContext.js";import{ADD_ANNOTATION as b}from"../../../../constants.js";import C from"../AnnotationInput/index.js";import I from"./style.css.js";import{AvatarComponent as j}from"../../../../../Avatar/index.js";import x from"../../../../../../effects/useOutsideClick.js";import"../../../../../../utils/index.js";import{postAnnotation as _}from"../../../../../../clients/jsonApi/index.js";import"../../../../../DevCenter/DevCenterRouterContext/DevCenterRouterContext.js";import"../../../../../DevCenter/DevCenterRouterContext/UniversalLink/UniversalLink.js";import{withUniversalLocationHOC as R}from"../../../../../DevCenter/DevCenterRouterContext/hocs/withUniversalLocationHOC.js";import{jsxs as g,jsx as P}from"react/jsx-runtime";import{showSuccessNotification as T,showErrorNotification as U}from"../../../../../../utils/notificationToasts.js";var k=function(o){var s,p=o.appId,m=o.assetId,d=o.assetCompanyId,f=o.appSettings,R=o.currentUser,k=o.classes,q=o.location,D=o.dashboardType,N=A(),F=a(!1),L=r(F,2),w=L[0],S=L[1],O=i(null);x(O,(function(){S(!1)}));var z,E=(z=e(n.mark((function t(e,r,o){var a,i,s,c;return n.wrap((function(t){for(;;)switch(t.prev=t.next){case 0:return t.prev=0,a={app_id:p,asset_id:m,body:e,active_until:r,attachment:{file_name:o&&o.attachmentName,s3_link:o&&o.attachmentUrl},settings:f},i={},D&&(i.dashboard_type=D),(s=l(q,"query.time"))&&(a.data_timestamp=u(s).format()),t.next=8,_(a,i);case 8:c=t.sent,N({type:b,annotation:c}),t.next=17;break;case 12:return t.prev=12,t.t0=t.catch(0),U("Error during annotation creation"),console.error(t.t0),t.abrupt("return");case 17:T("Annotation has been added"),S(!1);case 19:case"end":return t.stop()}}),t,null,[[0,12]])}))),function(t,e,r){return z.apply(this,arguments)});return g("div",{className:I.cAddAnnotationFormInput,children:[P(j,{displayName:"".concat(R.first_name," ").concat(R.last_name),imgSrc:R.profile_photo,size:36}),g("div",{className:c(I.cAddAnnotationFormInputPaper,(s={},t(s,I.cAddAnnotationFormInputPaperOpened,w),t(s,I.cAddAnnotationFormInputPaperClosed,!w),s)),children:[P(h,{in:!w,timeout:500,children:P(v,{className:I.cAddAnnotationFormInputPaperLabel,children:P(y,{variant:"body2","data-testid":"".concat("AppAnnotationsPo","_collapsedInput"),className:k.inputLabel,onClick:function(){return S(!0)},children:"Type annotation here"})})}),P(h,{in:w,timeout:100,children:P("div",{className:I.cAddAnnotationFormInputPaperAddAnnotation,children:w&&P(C,{onSend:E,assetCompanyId:d,currentUser:R})})})]})]})};k.propTypes={appId:s.isRequired,assetId:s.isRequired,assetCompanyId:s.isRequired,appSettings:p().isRequired,currentUser:p({}),classes:p().isRequired,location:p().isRequired,dashboardType:m},k.defaultProps={currentUser:{},dashboardType:null};var q=d([f((function(t){return{inputLabel:{color:t.palette.grey[700],fontWeight:200,width:"100%"}}})),R])(o(k));export{q as default};