@corva/ui 0.34.0-rc.2 → 0.34.0-rc.3

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(() => (callback ? throttle(callback, delay) : noop), [\n    callback,\n    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}>\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              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                  >\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","isActive","classNames","defaultProps","propTypes","PropTypes","string","arrayOf","shape"],"mappings":"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"}

package/components/Annotations/AnnotationsContext.js

@@ -1 +1,141 @@
-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 _defineProperty from '@babel/runtime/helpers/defineProperty';
+import _toConsumableArray from '@babel/runtime/helpers/toConsumableArray';
+import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
+import { jsx } from 'react/jsx-runtime';
+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';
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (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 = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { 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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"}

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

@@ -1 +1,335 @@
-import e from"@babel/runtime/helpers/defineProperty";import t from"@babel/runtime/helpers/asyncToGenerator";import r from"@babel/runtime/helpers/slicedToArray";import o from"@babel/runtime/regenerator";import{memo as i,useState as n,useRef as s}from"react";import{number as p,shape as m,string as a}from"prop-types";import d from"classnames";import{flowRight as l,get as c}from"lodash";import j from"moment";import{withStyles as C}from"@material-ui/core/styles";import{Fade as u,Paper as A,Typography as D}from"@material-ui/core";import v from"../../../../../Avatar/index.js";import g from"../../../../../../effects/useOutsideClick.js";import"../../../../../../utils/index.js";import{postAnnotation as f}from"../../../../../../clients/jsonApi/index.js";import{useAnnotationsDispatch as b}from"../../../../AnnotationsContext.js";import{ADD_ANNOTATION as x}from"../../../../constants.js";import I from"../AnnotationInput/index.js";import P from"./style.css.js";import"../../../../../DevCenter/AppHeader/AppHeader.js";import"../../../../../DevCenter/AppSideBar/AppSideBar.js";import"../../../../../DevCenter/AppsDataProvider/AppsDataProvider.js";import"@material-ui/icons/Help";import"../../index.js";import"../../../LastAnnotation/index.js";import"../../../../../Modal/index.js";import"../../../../../IconMenu/index.js";import"../../../../../StyledMenuItem/index.js";import"../../../../../DevCenter/AppContext.js";import"../../../../../AssetEditor/index.js";import"../../../../../AppVersionsSelect/AppVersionsSelect.js";import"../../../../../LoadingIndicator/LoadingIndicator.js";import"../../../../../Typography.js";import"../../../../../CollapsableSidebar.js";import"../../../../../DateTimePicker/index.js";import"../../../../../DatePicker/index.js";import"../../../../../ErrorBoundary/ErrorBoundary.js";import"../../../../../ErrorBoundary/DevCenterAppErrorView/DevCenterAppErrorView.js";import"../../../../../SlateFormattedText/SlateFormattedText.js";import"../../../../../SlateFormattedText/RenderElements.js";import"@babel/runtime/helpers/typeof";import"slate";import"../../../../../ParameterCharts/ParameterCharts.js";import"../../../../../ParameterCharts/AddEditTrack.js";import"../../../../../ChartActionsList/ChartActionsList.js";import"../../../../../AssetEditor/AssetEditorAutocomplete.js";import"../../../../../AssetEditor/SingleAssetEditor.js";import"../../../../../SettingEditors/ColorEditor/index.js";import"../../../../../SettingEditors/DropdownEditor/index.js";import"../../../../../SettingEditors/RadioEditor/index.js";import"../../../../../SwitchControl/index.js";import"../../../../../ColorPicker/ColorPicker.js";import"../../../../../ColorPicker/PaletteChromePicker/PaletteChromePicker.js";import"../../../../../TruncatedText/index.js";import"../../../../../RangeSlider/RangeSlider.js";import"../../../../../DevCenter/DevCenterAppContainer/components/AppSettingsDialog/AppSettingsDialog.js";import"../../../../../Login/components/Login.js";import"../../../../../Login/components/PasswordField.js";import"../../../../../Login/components/Chip.js";import"../../../../../Login/components/StepFooter.js";import"../../../../../Login/components/StepContent.js";import"../../../../../Login/components/StepHeader.js";import"../../../../../Login/components/Step.js";import"../../../../../Login/components/OrDivider.js";import"../../../../../Login/components/HiddenEmailField.js";import"../../../../../Login/components/EmailField.js";import"../../../../../Breadcrumbs/index.js";import"../../../../../VirtualizedTable/index.js";import"../../../../../EmptyView/EmptyView.js";import"../../../../../EmptyView/EmptyAppView/EmptyAppView.js";import"../../../../../Button/index.js";import"../../../../../ContextMenuItem/index.js";import"../../../../../FolderMenuItem/index.js";import"../../../../../EditableItem/EditableItem/index.js";import"../../../../../EditableItem/EditableItemWithBadge/index.js";import"../../../../../Checkbox/index.js";import"../../../../../FolderMenuItemWithLinks/index.js";import"../../../../../IconButton/index.js";import"../../../../../TextField/index.js";import"../../../../../Chip/index.js";import"../../../../../Counter/index.js";import"../../../../../AnchorsList/AnchorsList.js";import"../../../../../Select/index.js";import"../../../../../CustomSelect/index.js";import"../../../../../Tabs/Tabs.js";import"../../../../../Tabs/Tab.js";import"../../../../../ResizableTable/ResizableTable.js";import"../../../../../Drillstring/BHASchematic.js";import"../../../../../Drillstring/BHATable/index.js";import"../../../../../Drillstring/BHAComponentIcon.js";import"../../../../../Drillstring/BHAComponentDetail/index.js";import"../../../../../Casing/CasingTable/index.js";import"../../../../../Casing/CasingComponentIcon.js";import"../../../../../WellSummary/WellSummaryItemLabel.js";import"../../../../../WellSummary/WellSummaryItemTitle.js";import"../../../../../WellSummary/WellSummaryItemValue.js";import"../../../../../WellSummary/ActivitySummaryChart.js";import"../../../../../WellSummary/FracWirelineTimeChart.js";import"../../../../../../constants/goals.js";import"../../../../../../constants/segment.js";import"../../../../../../constants/alerts.js";import"../../../../../../constants/apps.js";import"../../../../../../constants/drillstring.js";import"../../../../../../constants/completion.js";import"../../../../../../constants/notifications.js";import"../../../../../../constants/feed.js";import"../../../../../../constants/bha.js";import"../../../../../BICOffsetPickerDialog/index.js";import"../../../../../OffsetWellPickerV2/OffsetWellPickerDialog.js";import"../../../../../OffsetWellPickerV3/index.js";import"../../../../../Notifications/Notifications.js";import"@babel/runtime/helpers/toConsumableArray";import"uuid";import{jsxs as S,jsx as y}from"react/jsx-runtime";import"../../../../../ConfirmationDialog.js";import"../../../../../TextLink/index.js";import"../../../../../Template/TemplatePopover/index.js";import"../../../../../MenuItem/index.js";import"../../../../../PadModeSelect/PadModeSelect.js";import"../../../../../PinnableFilters/PinnableFilters.js";import"../../../../../HeaderLayout/HeaderLayout.js";import"../../../../../PadOffsetsPicker/PadOffsetsPicker.js";import"../../../../../PadOffsetsPicker/OffsetAssetChip.js";import"../../../../../PadOffsetsPicker/OffsetAssetsListExpander.js";import"../../../../../PadOffsetsPicker/StagesSelector.js";import"../../../../../Table/TableToolbar/TableToolbar.js";import"../../../../../DevCenter/DevCenterAppContainer/components/IsInsideDcAppProvider/IsInsideDcAppProvider.js";import"../../../../../Tooltip/MuiTooltipDcWrapper.js";import"../../../../../PriceInput/PriceInput.js";import"../../../../../LabelsCounter/LabelsCounter.js";import"../../../../../Stepper/Step.js";import"../../../../../Stepper/StepsWrapper.js";import"../../../../../Stepper/Stepper.js";import"../../../../../Comment/CommentIcon/index.js";import"../../../../../FilesLoader/FilesLoader.js";import"../../../../../FilesLoader/Icons/FileIcon.js";import"../../../../../SearchInput/index.js";import"../../../../../FeedItem/FeedItem.js";import"../../../../../FeedItem/FeedItemEditProvider/FeedItemEditProvider.js";import"../../../../../PostInput/PostInput.js";import"../../../../../KeyboardDateTimePicker.js";import"../../../../../AddComment/Popover.js";import"../../../../../AddComment/Popup.js";import"../../../../../StageDesignVActual/ComparisonBar/ComparisonBar.js";import"../../../../../StageDesignVActual/ElementsComparison/ElementsComparison.js";import"../../../../../StageDesignVActual/ComparisonHeader.js";import"../../../../../StageDesignVActual/ComparisonRow.js";import"../../../../../EmbeddedApp/DevCenterEmbeddedApp.js";import"../../../../../EmbeddedApp/EmbeddedApp.js";import"../../../../../HelpCenter/ArticleIcon.js";import"../../../../../HelpCenter/DialogLayout.js";import"../../../../../HelpCenter/HelpCenterDialog/HelpCenterDialog.js";import"../../../../../HelpCenter/ItemContent/ItemContent.js";import"../../../../../HelpCenter/SingleItemHeader.js";import"../../../../../HelpCenter/shapes/index.js";import"../../../../../DocumentViewer/DocumentViewer.js";import"../../../../../../utils/mobileDetect.js";import"querystring";import"uuid/v1";import"../../../../../../clients/subscriptions.js";import"../../../../../DevCenter/DevCenterAppContainer/components/AppActions/AppActions.css.js";import"../../../../../DevCenter/DevCenterAppContainer/components/AnnotationsButton/AnnotationsButton.js";import"../../../../../DevCenter/DevCenterAppContainer/components/NonPriorityMenus/NonPriorityMenus.js";import"../../../../../DevCenter/DevCenterAppContainer/components/FullscreenButton/FullscreenButton.js";import"../../../../../DevCenter/DevCenterAppContainer/components/AppInfoMessage/AppInfoMessage.js";import"../../../../../EmptyView/EmptyAppView/components/ErrorSubtitleWithIntercomLink.js";import"../../../../../DevCenter/DevCenterAppContainer/components/DevCenterAppView/components/ChooseAssetButton/index.js";import"../../../../../DevCenter/DevCenterAppContainer/components/DisabledSettingsMessage/DisabledSettingsMessage.js";import"../../../../../DevCenter/DevCenterAppContainer/components/DcTooltipsCoordinatorProvider/DcTooltipsCoordinatorProvider.js";import"../../../../../DevCenter/DevCenterAppContainer/DevCenterAppContainer.css.js";import"../../../../../DevCenter/DevCenterAppContainer/components/RestoreAppSizeButton/index.js";import"../../../../../DevCenter/DevCenterAppContainer/components/PriorityMenus/PriorityMenus.css.js";import"../../../../../DevCenter/DevCenterRouterContext/DevCenterRouterContext.js";import"../../../../../DevCenter/DevCenterRouterContext/UniversalLink/UniversalLink.js";import{withUniversalLocationHOC as h}from"../../../../../DevCenter/DevCenterRouterContext/hocs/withUniversalLocationHOC.js";import"../../../../../DevCenter/NavigationBar/NavigationBar.js";import"../../../../../DevCenter/SideBar/SideBar.js";import"../../../../../DevCenter/AppSettingsPopover/AppSettingsPopover.js";import"../../../../../DevCenter/IsolatedDevCenterAppContainer/DevCenterIsolatedAppPage.js";import"../../../../../DevCenter/IsolatedDevCenterAppContainer/DevCenterIsolatedApp.js";import"../../../../../DevCenter/IsolatedDevCenterAppContainer/AppsGridDragHandle.js";import{showSuccessNotification as E,showErrorNotification as T}from"../../../../../../utils/notificationToasts.js";var L=function(i){var p,m=i.appId,a=i.assetId,l=i.assetCompanyId,C=i.appSettings,h=i.currentUser,L=i.classes,F=i.location,k=i.dashboardType,B=b(),H=n(!1),V=r(H,2),w=V[0],M=V[1],R=s(null);g(R,(function(){M(!1)}));var W,O=(W=t(o.mark((function e(t,r,i){var n,s,p,d;return o.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return e.prev=0,n={app_id:m,asset_id:a,body:t,active_until:r,attachment:{file_name:i&&i.attachmentName,s3_link:i&&i.attachmentUrl},settings:C},s={},k&&(s.dashboard_type=k),(p=c(F,"query.time"))&&(n.data_timestamp=j(p).format()),e.next=8,f(n,s);case 8:d=e.sent,B({type:x,annotation:d}),e.next=17;break;case 12:return e.prev=12,e.t0=e.catch(0),T("Error during annotation creation"),console.error(e.t0),e.abrupt("return");case 17:E("Annotation has been added"),M(!1);case 19:case"end":return e.stop()}}),e,null,[[0,12]])}))),function(e,t,r){return W.apply(this,arguments)});return S("div",{className:P.cAddAnnotationFormInput,children:[y(v,{displayName:"".concat(h.first_name," ").concat(h.last_name),imgSrc:h.profile_photo,size:36}),S("div",{className:d(P.cAddAnnotationFormInputPaper,(p={},e(p,P.cAddAnnotationFormInputPaperOpened,w),e(p,P.cAddAnnotationFormInputPaperClosed,!w),p)),children:[y(u,{in:!w,timeout:500,children:y(A,{className:P.cAddAnnotationFormInputPaperLabel,children:y(D,{variant:"body2","data-testid":"".concat("AppAnnotationsPo","_collapsedInput"),className:L.inputLabel,onClick:function(){return M(!0)},children:"Type annotation here"})})}),y(u,{in:w,timeout:100,children:y("div",{className:P.cAddAnnotationFormInputPaperAddAnnotation,children:w&&y(I,{onSend:O,assetCompanyId:l,currentUser:h})})})]})]})};L.propTypes={appId:p.isRequired,assetId:p.isRequired,assetCompanyId:p.isRequired,appSettings:m().isRequired,currentUser:m({}),classes:m().isRequired,location:m().isRequired,dashboardType:a},L.defaultProps={currentUser:{},dashboardType:null};var F=l([C((function(e){return{inputLabel:{color:e.palette.grey[700],fontWeight:200,width:"100%"}}})),h])(i(L));export{F as default};
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import { flowRight, get } from 'lodash';
+import '@babel/runtime/helpers/toConsumableArray';
+import '../../../../../../constants/completion.js';
+import moment from 'moment';
+import '../../../../../../constants/alerts.js';
+import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
+import '../../../../../../constants/goals.js';
+import '../../../../../../constants/segment.js';
+import '../../../../../../constants/apps.js';
+import '../../../../../../constants/drillstring.js';
+import '../../../../../../constants/notifications.js';
+import '../../../../../../constants/feed.js';
+import '../../../../../../constants/bha.js';
+import _regeneratorRuntime from '@babel/runtime/regenerator';
+import _asyncToGenerator from '@babel/runtime/helpers/asyncToGenerator';
+import '../../../../../../utils/mobileDetect.js';
+import { showSuccessNotification, showErrorNotification } from '../../../../../../utils/notificationToasts.js';
+import '@babel/runtime/helpers/typeof';
+import { postAnnotation } from '../../../../../../clients/jsonApi/index.js';
+import '../../../../../../utils/index.js';
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { Fade, Paper, Typography } from '@material-ui/core';
+import { memo, useState, useRef } from 'react';
+import 'querystring';
+import 'uuid/v1';
+import '../../../../../../clients/subscriptions.js';
+import useOutsideClick from '../../../../../../effects/useOutsideClick.js';
+import 'uuid';
+import { number, shape, string } from 'prop-types';
+import classNames from 'classnames';
+import '../../../../../Modal/index.js';
+import '../../../../../IconMenu/index.js';
+import '../../../../../StyledMenuItem/index.js';
+import { withStyles } from '@material-ui/core/styles';
+import '../../../../../LoadingIndicator/LoadingIndicator.js';
+import '../../../../../DevCenter/DevCenterAppContainer/components/IsInsideDcAppProvider/IsInsideDcAppProvider.js';
+import '../../../../../DevCenter/DevCenterAppContainer/components/DcTooltipsCoordinatorProvider/DcTooltipsCoordinatorProvider.js';
+import '../../../../../Tooltip/MuiTooltipDcWrapper.js';
+import Avatar from '../../../../../Avatar/index.js';
+import { ADD_ANNOTATION } from '../../../../constants.js';
+import { useAnnotationsDispatch } from '../../../../AnnotationsContext.js';
+import '../../../../../DevCenter/DevCenterRouterContext/DevCenterRouterContext.js';
+import '../../../../../DevCenter/DevCenterRouterContext/UniversalLink/UniversalLink.js';
+import { withUniversalLocationHOC } from '../../../../../DevCenter/DevCenterRouterContext/hocs/withUniversalLocationHOC.js';
+import '../../../../../IconButton/index.js';
+import AnnotationInput from '../AnnotationInput/index.js';
+import styles from './style.css.js';
+import '../../../../../ConfirmationDialog.js';
+import '../../index.js';
+import '../../../LastAnnotation/index.js';
+import '../../../../../PadModeSelect/PadModeSelect.js';
+import '../../../../../DevCenter/AppHeader/AppHeader.js';
+import '../../../../../Button/index.js';
+import '../../../../../DevCenter/AppSideBar/AppSideBar.js';
+import '../../../../../DevCenter/AppContext.js';
+import '../../../../../DevCenter/AppsDataProvider/AppsDataProvider.js';
+import '@material-ui/icons/Help';
+import '../../../../../HelpCenter/ArticleIcon.js';
+import '../../../../../HelpCenter/DialogLayout.js';
+import '../../../../../HelpCenter/SingleItemHeader.js';
+import '../../../../../DocumentViewer/DocumentViewer.js';
+import '../../../../../HelpCenter/shapes/index.js';
+import 'slate';
+import '../../../../../SlateFormattedText/RenderElements.js';
+import '../../../../../SlateFormattedText/SlateFormattedText.js';
+import '../../../../../HelpCenter/ItemContent/ItemContent.js';
+import '../../../../../HelpCenter/HelpCenterDialog/HelpCenterDialog.js';
+import '../../../../../DevCenter/DevCenterAppContainer/components/AppActions/AppActions.css.js';
+import '../../../../../EmptyView/EmptyAppView/EmptyAppView.js';
+import '../../../../../ErrorBoundary/ErrorBoundary.js';
+import '../../../../../Typography.js';
+import '../../../../../ErrorBoundary/DevCenterAppErrorView/DevCenterAppErrorView.js';
+import '../../../../../DevCenter/DevCenterAppContainer/components/DisabledSettingsMessage/DisabledSettingsMessage.js';
+import '../../../../../DevCenter/DevCenterAppContainer/components/AppSettingsDialog/AppSettingsDialog.js';
+import '../../../../../DevCenter/DevCenterAppContainer/components/AnnotationsButton/AnnotationsButton.js';
+import '../../../../../DevCenter/DevCenterAppContainer/components/NonPriorityMenus/NonPriorityMenus.js';
+import '../../../../../DevCenter/DevCenterAppContainer/components/FullscreenButton/FullscreenButton.js';
+import '../../../../../DevCenter/DevCenterAppContainer/components/AppInfoMessage/AppInfoMessage.js';
+import '../../../../../EmptyView/EmptyAppView/components/ErrorSubtitleWithIntercomLink.js';
+import '../../../../../DevCenter/DevCenterAppContainer/components/DevCenterAppView/components/ChooseAssetButton/index.js';
+import '../../../../../DevCenter/DevCenterAppContainer/DevCenterAppContainer.css.js';
+import '../../../../../DevCenter/DevCenterAppContainer/components/RestoreAppSizeButton/index.js';
+import '../../../../../DevCenter/DevCenterAppContainer/components/PriorityMenus/PriorityMenus.css.js';
+import '../../../../../DevCenter/NavigationBar/NavigationBar.js';
+import '../../../../../DevCenter/SideBar/SideBar.js';
+import '../../../../../DevCenter/AppSettingsPopover/AppSettingsPopover.js';
+import '../../../../../DevCenter/IsolatedDevCenterAppContainer/DevCenterIsolatedAppPage.js';
+import '../../../../../DevCenter/IsolatedDevCenterAppContainer/DevCenterIsolatedApp.js';
+import '../../../../../DevCenter/IsolatedDevCenterAppContainer/AppsGridDragHandle.js';
+import '../../../../../TruncatedText/index.js';
+import '../../../../../AssetEditor/SingleAssetEditor.js';
+import '../../../../../AssetEditor/AssetEditorAutocomplete.js';
+import '../../../../../AssetEditor/index.js';
+import '../../../../../AppVersionsSelect/AppVersionsSelect.js';
+import '../../../../../CollapsableSidebar.js';
+import '../../../../../DateTimePicker/index.js';
+import '../../../../../DatePicker/index.js';
+import '../../../../../ColorPicker/PaletteChromePicker/PaletteChromePicker.js';
+import '../../../../../ColorPicker/ColorPicker.js';
+import '../../../../../ParameterCharts/AddEditTrack.js';
+import '../../../../../ParameterCharts/ParameterCharts.js';
+import '../../../../../ChartActionsList/ChartActionsList.js';
+import '../../../../../SettingEditors/ColorEditor/index.js';
+import '../../../../../SettingEditors/DropdownEditor/index.js';
+import '../../../../../SettingEditors/RadioEditor/index.js';
+import '../../../../../SwitchControl/index.js';
+import '../../../../../RangeSlider/RangeSlider.js';
+import '../../../../../Login/components/Login.js';
+import '../../../../../Login/components/PasswordField.js';
+import '../../../../../Login/components/Chip.js';
+import '../../../../../Login/components/StepFooter.js';
+import '../../../../../Login/components/StepContent.js';
+import '../../../../../Login/components/StepHeader.js';
+import '../../../../../Login/components/Step.js';
+import '../../../../../Login/components/OrDivider.js';
+import '../../../../../Login/components/HiddenEmailField.js';
+import '../../../../../Login/components/EmailField.js';
+import '../../../../../Breadcrumbs/index.js';
+import '../../../../../VirtualizedTable/index.js';
+import '../../../../../EmptyView/EmptyView.js';
+import '../../../../../MenuItem/index.js';
+import '../../../../../ContextMenuItem/index.js';
+import '../../../../../FolderMenuItem/index.js';
+import '../../../../../EditableItem/EditableItem/index.js';
+import '../../../../../EditableItem/EditableItemWithBadge/index.js';
+import '../../../../../Checkbox/index.js';
+import '../../../../../FolderMenuItemWithLinks/index.js';
+import '../../../../../TextField/index.js';
+import '../../../../../Chip/index.js';
+import '../../../../../Counter/index.js';
+import '../../../../../AnchorsList/AnchorsList.js';
+import '../../../../../Select/index.js';
+import '../../../../../CustomSelect/index.js';
+import '../../../../../Tabs/Tabs.js';
+import '../../../../../Tabs/Tab.js';
+import '../../../../../ResizableTable/ResizableTable.js';
+import '../../../../../Drillstring/BHASchematic.js';
+import '../../../../../Drillstring/BHAComponentIcon.js';
+import '../../../../../Drillstring/BHATable/index.js';
+import '../../../../../Drillstring/BHAComponentDetail/index.js';
+import '../../../../../Casing/CasingComponentIcon.js';
+import '../../../../../Casing/CasingTable/index.js';
+import '../../../../../WellSummary/WellSummaryItemLabel.js';
+import '../../../../../WellSummary/WellSummaryItemTitle.js';
+import '../../../../../WellSummary/WellSummaryItemValue.js';
+import '../../../../../WellSummary/ActivitySummaryChart.js';
+import '../../../../../WellSummary/FracWirelineTimeChart.js';
+import '../../../../../BICOffsetPickerDialog/index.js';
+import '../../../../../OffsetWellPickerV2/OffsetWellPickerDialog.js';
+import '../../../../../OffsetWellPickerV3/index.js';
+import '../../../../../Notifications/Notifications.js';
+import '../../../../../TextLink/index.js';
+import '../../../../../Template/TemplatePopover/index.js';
+import '../../../../../PinnableFilters/PinnableFilters.js';
+import '../../../../../HeaderLayout/HeaderLayout.js';
+import '../../../../../PadOffsetsPicker/PadOffsetsPicker.js';
+import '../../../../../PadOffsetsPicker/OffsetAssetChip.js';
+import '../../../../../PadOffsetsPicker/OffsetAssetsListExpander.js';
+import '../../../../../PadOffsetsPicker/StagesSelector.js';
+import '../../../../../Table/TableToolbar/TableToolbar.js';
+import '../../../../../PriceInput/PriceInput.js';
+import '../../../../../LabelsCounter/LabelsCounter.js';
+import '../../../../../Stepper/Step.js';
+import '../../../../../Stepper/StepsWrapper.js';
+import '../../../../../Stepper/Stepper.js';
+import '../../../../../Comment/CommentIcon/index.js';
+import '../../../../../FilesLoader/Icons/FileIcon.js';
+import '../../../../../FilesLoader/FilesLoader.js';
+import '../../../../../SearchInput/index.js';
+import '../../../../../StageDesignVActual/ComparisonHeader.js';
+import '../../../../../StageDesignVActual/ComparisonBar/ComparisonBar.js';
+import '../../../../../StageDesignVActual/ComparisonRow.js';
+import '../../../../../StageDesignVActual/ElementsComparison/ElementsComparison.js';
+import '../../../../../EmbeddedApp/DevCenterEmbeddedApp.js';
+import '../../../../../EmbeddedApp/EmbeddedApp.js';
+import '../../../../../FeedItem/FeedItem.js';
+import '../../../../../KeyboardDateTimePicker.js';
+import '../../../../../PostInput/PostInput.js';
+import '../../../../../FeedItem/FeedItemEditProvider/FeedItemEditProvider.js';
+import '../../../../../AddComment/Popover.js';
+import '../../../../../AddComment/Popup.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(Avatar, {
+      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 default AddAnnotationForm$1;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../../../src/components/Annotations/components/AnnotationsList/components/AddAnnotationForm/index.js"],"sourcesContent":["import { memo, useState, useRef } from 'react';\nimport { number, shape, string } from 'prop-types';\nimport classNames from 'classnames';\nimport { get, flowRight } from 'lodash';\nimport moment from 'moment';\n\nimport { withStyles } from '@material-ui/core/styles';\nimport { Paper, Fade, Typography } from '@material-ui/core';\n\nimport Avatar from '~components/Avatar';\nimport useOutsideClick from '~effects/useOutsideClick';\n\nimport { showSuccessNotification, showErrorNotification } from '~/utils';\nimport { postAnnotation } from '~/clients/jsonApi';\n\nimport { useAnnotationsDispatch } from '../../../../AnnotationsContext';\nimport { ADD_ANNOTATION } from '../../../../constants';\n\nimport AnnotationInput from '../AnnotationInput';\n\nimport styles from './style.css';\nimport { withUniversalLocationHOC } from '~components/DevCenter';\n\nconst PAGE_NAME = 'AppAnnotationsPo';\n\nconst ANNOTATION_PLACEHOLDER = 'Type annotation here';\n\nconst muiStyles = theme => ({\n  inputLabel: {\n    color: theme.palette.grey[700],\n    fontWeight: 200,\n    width: '100%',\n  },\n});\n\nconst AddAnnotationForm = ({\n  appId,\n  assetId,\n  assetCompanyId,\n  appSettings,\n  currentUser,\n  classes,\n  location,\n  dashboardType,\n}) => {\n  const dispatch = useAnnotationsDispatch();\n\n  const [inputIsOpen, setInputIsOpen] = useState(false);\n\n  const containerRef = useRef(null);\n  useOutsideClick(containerRef, () => {\n    setInputIsOpen(false);\n  });\n\n  const handlePost = async (body, period, attachment) => {\n    try {\n      const annotation = {\n        app_id: appId,\n        asset_id: assetId,\n        body,\n        active_until: period,\n        attachment: {\n          file_name: attachment && attachment.attachmentName,\n          s3_link: attachment && attachment.attachmentUrl,\n        },\n        settings: appSettings,\n      };\n      const options = {};\n      if (dashboardType) options.dashboard_type = dashboardType;\n\n      const queryTime = get(location, 'query.time');\n      if (queryTime) annotation.data_timestamp = moment(queryTime).format();\n\n      const newAnnotation = await postAnnotation(annotation, options);\n      dispatch({ type: ADD_ANNOTATION, annotation: newAnnotation });\n    } catch (e) {\n      showErrorNotification('Error during annotation creation');\n      console.error(e);\n      return;\n    }\n\n    showSuccessNotification('Annotation has been added');\n    setInputIsOpen(false);\n  };\n\n  return (\n    <div className={styles.cAddAnnotationFormInput}>\n      <Avatar\n        displayName={`${currentUser.first_name} ${currentUser.last_name}`}\n        imgSrc={currentUser.profile_photo}\n        size={36}\n      />\n      <div\n        className={classNames(styles.cAddAnnotationFormInputPaper, {\n          [styles.cAddAnnotationFormInputPaperOpened]: inputIsOpen,\n          [styles.cAddAnnotationFormInputPaperClosed]: !inputIsOpen,\n        })}\n      >\n        <Fade in={!inputIsOpen} timeout={500}>\n          <Paper className={styles.cAddAnnotationFormInputPaperLabel}>\n            <Typography\n              variant=\"body2\"\n              data-testid={`${PAGE_NAME}_collapsedInput`}\n              className={classes.inputLabel}\n              onClick={() => setInputIsOpen(true)}\n            >\n              {ANNOTATION_PLACEHOLDER}\n            </Typography>\n          </Paper>\n        </Fade>\n        <Fade in={inputIsOpen} timeout={100}>\n          <div className={styles.cAddAnnotationFormInputPaperAddAnnotation}>\n            {inputIsOpen && (\n              <AnnotationInput\n                onSend={handlePost}\n                assetCompanyId={assetCompanyId}\n                currentUser={currentUser}\n              />\n            )}\n          </div>\n        </Fade>\n      </div>\n    </div>\n  );\n};\n\nAddAnnotationForm.propTypes = {\n  appId: number.isRequired,\n  assetId: number.isRequired,\n  assetCompanyId: number.isRequired,\n  appSettings: shape().isRequired,\n  currentUser: shape({}),\n  classes: shape().isRequired,\n  location: shape().isRequired,\n  dashboardType: string,\n};\n\nAddAnnotationForm.defaultProps = {\n  currentUser: {},\n  dashboardType: null,\n};\n\nexport default flowRight([withStyles(muiStyles), withUniversalLocationHOC])(\n  memo(AddAnnotationForm)\n);\n"],"names":["PAGE_NAME","ANNOTATION_PLACEHOLDER","muiStyles","theme","inputLabel","color","palette","grey","fontWeight","width","AddAnnotationForm","appId","assetId","assetCompanyId","appSettings","currentUser","classes","location","dashboardType","dispatch","useAnnotationsDispatch","useState","inputIsOpen","setInputIsOpen","containerRef","useRef","useOutsideClick","handlePost","body","period","attachment","annotation","app_id","asset_id","active_until","file_name","attachmentName","s3_link","attachmentUrl","settings","options","dashboard_type","queryTime","get","data_timestamp","moment","format","postAnnotation","newAnnotation","type","ADD_ANNOTATION","showErrorNotification","console","error","showSuccessNotification","_jsxs","styles","cAddAnnotationFormInput","_jsx","first_name","last_name","profile_photo","classNames","cAddAnnotationFormInputPaper","cAddAnnotationFormInputPaperOpened","cAddAnnotationFormInputPaperClosed","cAddAnnotationFormInputPaperLabel","cAddAnnotationFormInputPaperAddAnnotation","propTypes","number","isRequired","shape","string","defaultProps","flowRight","withStyles","withUniversalLocationHOC","memo"],"mappings":"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"}

package/components/Annotations/components/AnnotationsList/components/AddAnnotationForm/style.css.js

@@ -1 +1,8 @@
-import n from'./../../../../../../ext-esm/style-inject/dist/style-inject.es.js';var t={cAddAnnotationFormInput:"style_cAddAnnotationFormInput__Khk9S",cAddAnnotationFormInputPaper:"style_cAddAnnotationFormInputPaper__ZMnGO",cAddAnnotationFormInputPaperClosed:"style_cAddAnnotationFormInputPaperClosed__wv1-k",cAddAnnotationFormInputPaperOpened:"style_cAddAnnotationFormInputPaperOpened__4P3yb",cAddAnnotationFormInputPaperLabel:"style_cAddAnnotationFormInputPaperLabel__hT1Rw",cAddAnnotationFormInputPaperAddAnnotation:"style_cAddAnnotationFormInputPaperAddAnnotation__uvtHS",cAddAnnotationForm:"style_cAddAnnotationForm__jJiyL",cUserMentionSuggestions:"style_cUserMentionSuggestions__4Kdgm"};n(".style_cAddAnnotationFormInput__Khk9S{align-items:flex-start;display:flex;margin-top:15px;position:relative}.style_cAddAnnotationFormInputPaper__ZMnGO{display:flex;flex:1;margin-left:9px;margin-top:3px}.style_cAddAnnotationFormInputPaperClosed__wv1-k{cursor:pointer;height:32px}.style_cAddAnnotationFormInputPaperClosed__wv1-k .style_cAddAnnotationFormInputPaperAddAnnotation__uvtHS,.style_cAddAnnotationFormInputPaperOpened__4P3yb .style_cAddAnnotationFormInputPaperLabel__hT1Rw{display:none}.style_cAddAnnotationFormInputPaperLabel__hT1Rw{box-shadow:none;padding:6px 13px;width:100%}.style_cAddAnnotationFormInputPaperAddAnnotation__uvtHS{width:100%}.style_cAddAnnotationForm__jJiyL .style_cUserMentionSuggestions__4Kdgm{top:auto!important}");export{t as default};
+import styleInject from '../../../../../../ext-esm/style-inject/dist/style-inject.es.js';
+
+var css_248z = ".style_cAddAnnotationFormInput__1AhZq {\n  margin-top: 15px;\n  display: flex;\n  position: relative;\n  align-items: flex-start;\n}\n\n.style_cAddAnnotationFormInputPaper__2Pl9S {\n  flex: 1;\n  display: flex;\n  margin-left: 9px;\n  margin-top: 3px;\n}\n\n.style_cAddAnnotationFormInputPaperClosed__20Aha {\n  height: 32px;\n  cursor: pointer;\n}\n\n.style_cAddAnnotationFormInputPaperOpened__AlF9X .style_cAddAnnotationFormInputPaperLabel__38eia,\n.style_cAddAnnotationFormInputPaperClosed__20Aha .style_cAddAnnotationFormInputPaperAddAnnotation__147nz {\n  display: none;\n}\n\n.style_cAddAnnotationFormInputPaperLabel__38eia {\n  width: 100%;\n  padding: 6px 13px;\n  box-shadow: none;\n}\n\n.style_cAddAnnotationFormInputPaperAddAnnotation__147nz {\n  width: 100%;\n}\n\n/* Current approach to fix user-mentions position on container with position absolute */\n\n.style_cAddAnnotationForm__1gn8h .style_cUserMentionSuggestions__lxEAy {\n  top: auto !important;\n}\n";
+var styles = {"cAddAnnotationFormInput":"style_cAddAnnotationFormInput__1AhZq","cAddAnnotationFormInputPaper":"style_cAddAnnotationFormInputPaper__2Pl9S","cAddAnnotationFormInputPaperClosed":"style_cAddAnnotationFormInputPaperClosed__20Aha","cAddAnnotationFormInputPaperOpened":"style_cAddAnnotationFormInputPaperOpened__AlF9X","cAddAnnotationFormInputPaperLabel":"style_cAddAnnotationFormInputPaperLabel__38eia","cAddAnnotationFormInputPaperAddAnnotation":"style_cAddAnnotationFormInputPaperAddAnnotation__147nz","cAddAnnotationForm":"style_cAddAnnotationForm__1gn8h","cUserMentionSuggestions":"style_cUserMentionSuggestions__lxEAy"};
+styleInject(css_248z);
+
+export default styles;
+//# sourceMappingURL=style.css.js.map

package/components/Annotations/components/AnnotationsList/components/AddAnnotationForm/style.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA,wBAAwB,gEAAqE;AAC7F;AACA;AACA;AACA;AACA;AACA;"}