@corva/ui 0.34.0-rc.3 → 0.34.0

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

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

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

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