@corva/ui 3.1.0-rc.4 → 3.1.0-rc.5

package/components/AddComment/Popover.js

@@ -1 +1,523 @@
-import t from"@babel/runtime/helpers/defineProperty";import e from"@babel/runtime/helpers/slicedToArray";import o from"@babel/runtime/helpers/objectWithoutProperties";import{useState as s}from"react";import{func as r,node as n,shape as i,number as p}from"prop-types";import{makeStyles as m,Popover as a,Grid as c,Typography as l}from"@material-ui/core";import d from"classnames";import j from"./components/Content.js";import{jsxs as u,jsx as C}from"react/jsx-runtime";import"../DevCenter/DevCenterAppContainer/components/IsInsideIsolatedDcAppProvider/IsInsideIsolatedDcAppProvider.js";import"../DevCenter/DevCenterAppContainer/components/DcFullscreenElemsCoordinatorProvider/DcFullscreenElemsCoordinatorProvider.js";import"../DevCenter/DevCenterAppContainer/components/DcFullscreenElemsCoordinatorProvider/IsInsideDcFullscreenElemProvider.js";import"lodash";import"@icon-park/react/es/all";import"../../icons/IconParkProvider.js";import"../../icons/customIcons/icons/AddMessage.js";import"../../icons/customIcons/icons/Attention.js";import"../../icons/customIcons/icons/Collapse.js";import"../../icons/customIcons/icons/Dashboard.js";import"../../icons/customIcons/icons/Expand.js";import"../../icons/customIcons/icons/FolderClosed.js";import"../../icons/customIcons/icons/FolderClosedFilled.js";import"../../icons/customIcons/icons/FolderOpened.js";import"../../icons/customIcons/icons/GreaterOrEqual.js";import"../../icons/customIcons/icons/LessOrEqual.js";import"../../icons/customIcons/icons/Search.js";import"../../icons/customIcons/icons/Wellhub.js";import"../../icons/customIcons/icons/MultiRuler.js";import"../../icons/customIcons/icons/Checkbox.js";import"../../icons/customIcons/icons/CheckboxChecked.js";import"../../icons/customIcons/icons/CheckboxIndeterminate.js";import"../../icons/customIcons/icons/Radio.js";import"../../icons/customIcons/icons/RadioChecked.js";import"../../icons/customIcons/icons/SimulFrac.js";import"../../icons/customIcons/icons/ZipperFrac.js";import"../../icons/customIcons/icons/CautionFilled.js";import"../../icons/customIcons/icons/MoreApp.js";import"../../icons/customIcons/icons/Pad.js";import"../../icons/customIcons/icons/Gap.js";import"../../utils/mobileDetect.js";import A from"../IconButton/index.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/appPackages.js";import"../../constants/notifications.js";import"../../constants/feed.js";import"../../constants/bha.js";import"../../utils/env.js";import"../GradientManager/configuration/constants.js";import"../Modal/CorvaModal.css.js";import"uuid";import"../IconMenu/index.js";import"../StyledMenuItem/index.js";import"../AppIcon/AppIcon.js";import"../DevCenter/AppHeader/AppHeader.js";import"../DevCenter/AppSideBar/AppSideBar.js";import"../DevCenter/AppsDataProvider/AppsDataProvider.js";import"@material-ui/icons";import"../DevCenter/AppContext.js";import"../DevCenter/DevCenterRouterContext/DevCenterRouterContext.js";import"../DevCenter/DevCenterRouterContext/UniversalLink/UniversalLink.js";import"react-router";import"@babel/runtime/helpers/asyncToGenerator";import"@babel/runtime/regenerator";import"../../utils/index.js";import"../DevCenter/DevCenterAppContainer/components/AppActions/AppActions.css.js";import"../DevCenter/DevCenterAppContainer/components/AppSettingsDialog/AppSettingsDialog.js";import"../DevCenter/DevCenterAppContainer/components/AppSettingsDialog/components/RemoveAppButton.js";import"../DevCenter/DevCenterAppContainer/components/AppSettingsDialog/components/SettingsAccordion.js";import"../DevCenter/DevCenterAppContainer/components/AnnotationsButton/AnnotationsButton.js";import"../../componentsV2/Text/Text.js";import"../../componentsV2/Grid/Grid.js";import"../../componentsV2/Grid/Grid.scss.js";import"../../componentsV2/Header/Header.scss.js";import"../../componentsV2/Button/Button.js";import"../../componentsV2/ButtonIcon/ButtonIcon.js";import"../../componentsV2/Tooltip/Tooltip.scss.js";import"../../componentsV2/Paper/Paper.js";import"../../componentsV2/Popover/Popover.scss.js";import"../../componentsV2/Radio/Radio.js";import"../../componentsV2/RadioAndCheckboxGroup/RadioAndCheckboxGroup.scss.js";import"../../componentsV2/Checkbox/Checkbox.js";import"../../componentsV2/TextInput/TextInput.js";import"../../componentsV2/TextEndTruncated/TextEndTruncated.scss.js";import"../../componentsV2/TextMiddleTruncated/TextMiddleTruncated.constants.js";import"../../componentsV2/TextMiddleTruncated/TextMiddleTruncated.scss.js";import"../../componentsV2/TextLink/TextLink.js";import"../../componentsV2/Chip/Chip.js";import"../../componentsV2/ChipAlert/ChipAlert.js";import"../../componentsV2/ChipIndicator/ChipIndicator.js";import"../../componentsV2/Avatar/Avatar.js";import"../../componentsV2/Avatar/constants.js";import"../../componentsV2/AvatarGroup/AvatarGroup.scss.js";import"@material-ui/lab";import"../../componentsV2/ToggleButtons/ToggleButtons.scss.js";import"../../componentsV2/Modal/Modal.scss.js";import"../../componentsV2/Menu/Menu.js";import"../../componentsV2/Counter/Counter.js";import"../../componentsV2/BadgeBase/BadgeBase.scss.js";import"../../componentsV2/BadgeDot/BadgeDot.scss.js";import"../../componentsV2/LoaderLinear/LoaderLinear.scss.js";import"../../componentsV2/LoaderLogo/LoaderLogo.scss.js";import"../../componentsV2/Switch/Switch.js";import"../../componentsV2/Tabs/Tabs.js";import"../../componentsV2/EmptyState/EmptyState.scss.js";import"../../componentsV2/FileIcon/FileIcon.js";import"react-dropzone";import"../../componentsV2/FilesDropzone/FilesDropzone.scss.js";import"../../componentsV2/FilesLoader/FilesLoader.scss.js";import"../../componentsV2/FilesProcessor/FilesProcessor.scss.js";import"../../componentsV2/Skeleton/Skeleton.scss.js";import"../../utils/main.js";import"../../componentsV2/CopyToClipboard/CopyToClipboard.scss.js";import"../../componentsV2/Stepper/Step/Step.scss.js";import"../../componentsV2/Stepper/Stepper.scss.js";import"../../componentsV2/ButtonLive/ButtonLive.js";import"../../componentsV2/LiveDotIndicator/LiveDotIndicator.scss.js";import"../../componentsV2/IndicatorLive/IndicatorLive.scss.js";import"../../componentsV2/Accordion/Accordion.scss.js";import"../../componentsV2/Breadcrumbs/Breadcrumbs.scss.js";import"../../componentsV2/BadgeComment/BadgeComment.js";import"../../componentsV2/AppContainer/AppContainer.js";import"../../componentsV2/AppContainer/AppContainer.constants.js";import"../../componentsV2/AppFooter/AppFooter.js";import"../DevCenter/DevCenterAppContainer/components/AppCommons/AppCommonsContext.js";import"../../componentsV2/AppHeader/AppHeader.constants.js";import"../../componentsV2/AppHeader/AppBadge/AppBadge.scss.js";import"../../componentsV2/AppHeader/AppAssets/AppAssets.js";import"../PadModeSelect/PadModeSelect.js";import"../../componentsV2/AppHeader/PadMode/PadMode.scss.js";import"../../constants/streamSourceType.js";import"../../componentsV2/AppHeader/AppHeader.scss.js";import"../DevCenter/DevCenterAppContainer/components/FullscreenButton/FullscreenButton.js";import"../DevCenter/DevCenterAppContainer/components/AppInfoMessage/AppInfoMessage.js";import"../DevCenter/DevCenterAppContainer/components/DevCenterAppView/DevCenterAppView.js";import"../DevCenter/DevCenterAppContainer/components/RestoreAppSizeButton/index.js";import"rollbar";import"@rollbar/react";import"../DevCenter/DevCenterAppContainer/components/CommentsSwitch/CommentsSwitchContext.js";import"../DevCenter/DevCenterAppContainer/components/CommentsSwitch/CommentsSwitchButton.scss.js";import"../DevCenter/DevCenterAppContainer/DevCenterAppContainer.css.js";import"../Icons/AnnotationIcon.js";import"../Annotations/components/AnnotationsList/index.js";import"../Annotations/components/LastAnnotation/index.js";import"../Annotations/AnnotationsContext.js";import"../Toaster/Toaster.js";import"querystring";import"uuid/v1";import"../../clients/subscriptions.js";import"../../clients/jsonApi/index.js";import"jsona";import"../StatusBadge/constants.js";import"@babel/runtime/helpers/toConsumableArray";import"lodash/set";import"lodash/get";import"lodash/unset";import"moment";import"../../clients/api/apiCore.js";import"../../clients/constants.js";import"../../clients/sso/auth0.js";import"../../clients/sso/oauth2.js";import"lodash/isEmpty";import"lodash/sortBy";import"../HelpCenter/HelpCenterIcon.js";import"../DevCenter/NavigationBar/NavigationBar.js";import"../DevCenter/SideBar/SideBar.js";import"../DevCenter/AppSettingsPopover/AppSettingsPopover.js";import"../DevCenter/AppFilterPanelLayout/AppFilterPanelLayout.js";import"../DevCenter/IsolatedDevCenterAppContainer/DevCenterIsolatedAppPage.js";import"../DevCenter/IsolatedDevCenterAppContainer/DevCenterIsolatedApp.js";import"../AssetEditor/index.js";import"../AssetEditorV2/index.js";import"../AppVersionsSelect/AppVersionsSelect.js";import"../LoadingIndicator/LoadingIndicator.js";import"../Typography.js";import"../RealTimeValuesSidebar/RealTimeSidebar.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"../EmptyState/EmptyState.js";import"../ParameterCharts/ParameterCharts.js";import"../ParameterCharts/AddEditTrack.js";import"../ChartActionsList/ChartActionsList.js";import"../CopyToClipboard/CopyToClipboard.js";import"../AssetEditor/AssetEditorAutocomplete.js";import"../AssetEditor/SingleAssetEditor.js";import"react-color";import"../SettingEditors/ColorEditor/style.css.js";import"../SettingEditors/DropdownEditor/index.js";import"../SwitchControl/index.js";import"../ColorPicker/ColorPicker.js";import"../Chart/components/ChartButton.js";import"../Chart/components/ChartButtons.js";import"../Chart/components/ChartWrapper.js";import"../Chart/components/AxisDropdown.js";import"../Chart/components/ChartSelect.js";import"../Chart/components/buttons/DragToZoomButton.js";import"../Chart/components/buttons/ZoomInButton.js";import"../Chart/components/buttons/ZoomOutButton.js";import"../Chart/components/buttons/PanButton.js";import"../Chart/components/buttons/ResetZoomButton.js";import"../Chart/components/buttons/HideAxesButton.js";import"../Chart/components/buttons/ChartTypeButton.js";import"../ColorPicker/PaletteChromePicker/PaletteChromePicker.js";import"../TruncatedText/index.js";import"../MiddleTruncatedText/MiddleTruncatedText.js";import"../RangeSlider/constants.js";import"../RangeSlider/Input.css.js";import"../RangeSlider/RangeSlider.css.js";import"../AdvancedSlider/AdvancedSlider.js";import"../Breadcrumbs/index.js";import"../VirtualizedTable/index.js";import"../EmptyView/EmptyView.js";import"../EmptyView/EmptyAppView/EmptyAppView.js";import"../Button/components/Button/index.js";import"moment-timezone";import"../Button/components/LiveButton/components/LiveButtonStateIndicator/index.js";import"../Button/components/LiveButton/styles.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"../Select/SelectFilterBy.js";import"../CustomSelect/index.js";import"../Tabs/Tabs.js";import"../Tabs/Tab.js";import"../ResizableTable/ResizableTable.js";import"../GradientPicker/GradientPicker.js";import"../GradientManager/GradientList.js";import"@material-ui/icons/AddCircle";import"../GradientManager/GradientPreview/GradientPreview.js";import"../GradientManager/GradientSelect.styles.js";import"../GradientManager/GradientManager.styles.js";import"../Drillstring/BHASchematic.js";import"../Drillstring/BHATable/index.js";import"../Drillstring/BHAComponentIcon.js";import"../Drillstring/BHAComponentDetail/index.js";import"../Drillstring/BHATileIcon.js";import"../Drillstring/BHATile/BHATile.js";import"../Drillstring/BHAList/BHAList.js";import"../Drillstring/BHAComponentsTable/BHAComponentsTable.js";import"../Casing/CasingTable/index.js";import"../Casing/CasingComponentIcon.js";import"../Casing/CasingTileIcon.js";import"../Casing/CasingTableV2/CasingTableV2.js";import"../Casing/CasingTile/CasingTile.js";import"../DisabledSettingsMessage/DisabledSettingsMessage.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"../OffsetWellButton/OffsetWellButton.js";import"../OffsetWellPickerV2/OffsetWellPickerDialog.js";import"../OffsetWellPickerV3/index.js";import"../OffsetWellChips/Chip.js";import"../OffsetWellChips/ChipsContainer.js";import"../OffsetWellPickerV4/utils/apiCalls.js";import"../OffsetWellPickerV4/effects/useAdvancedWells.js";import"../OffsetWellPickerV4/constants.js";import"react-virtualized";import"../OffsetWellPickerV4/effects/useAssetsData.js";import"../OffsetWellPickerV4/components/AppHeader/AppHeader.js";import"../OffsetWellPickerV4/components/Toolbar/Toolbar.js";import"../OffsetWellPickerV4/components/Filter/Filter.js";import"../OffsetWellPickerV4/components/Map/WellsMap.js";import"../OffsetWellPickerV4/components/OffsetWellsTable/OffsetWellsTable.js";import"../OffsetWellPickerV4/components/OffsetWellsTable/AdvancedSearch/constants.js";import"../OffsetWellPickerV4/utils/index.js";import"../OffsetWellPickerV4/OffsetWellPickerV4.module.css.js";import"@material-ui/core/Snackbar";import"../Notifications/Toast.js";import"../../styles/typography/index.js";import"../../styles/counter/counter.module.scss.js";import"../OffsetWellMap/OffsetWellMap.js";import"../ConfirmationDialog.js";import"../TextLink/index.js";import"../Avatar/index.js";import"../Template/TemplatePopover/index.js";import"../Template/TemplateSharingDialog/index.js";import"../MenuItem/index.js";import"../MiddleTruncate/MiddleTruncate.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"../PadOffsetsPickerV2/PadOffsetsPickerV2.js";import"../Table/TableToolbar/TableToolbar.js";import"../Table/TableContainer/TableContainer.js";import"../Table/TableCell/TableCell.js";import"../Table/TablePagination/TablePagination.js";import"../Table/TablePaginationActions/TablePaginationActions.js";import"../Tooltip/ScrollableTooltip.js";import"../PriceInput/PriceInput.js";import"../LabelsCounter/LabelsCounter.js";import"../Stepper/Stepper.js";import"../Stepper/Step/Step.js";import"../Stepper/StepsWrapper.js";import"../Comment/CommentIcon/index.js";import"../FilesLoader/FilesLoader.js";import"../SearchInput/index.js";import"../FeedItem/FeedItem.js";import"../FeedItem/FeedItemEditProvider/FeedItemEditProvider.js";import"../PostInput/PostInput.js";import"../KeyboardDateTimePicker.js";import"./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"../Autocomplete/Autocomplete.js";import"../DocumentViewer/DocumentViewer.js";import"../ColorPickerPalette/ColorPickerPalette.js";import"../Search/Search.js";import"../Search/components/Listbox.js";import"../Search/components/Paper.js";import"../Search/components/RecentSearches.js";import"../Search/components/Groups.js";import"../Search/components/SelectAllListItem.js";import"../StatusBadge/index.js";import"../Attachment/index.js";import"../EmojiIconButton.js";import"../FileUploadIconButton.js";import"../FilePreview/index.js";import"../FailedFileUploading.js";import"../UserMention/index.js";import"../CommentsInfo/index.js";import"../CommentInput/index.js";import"../Comment/index.js";import"../CommentLoader.js";import"../AssetNameLabel/AssetStatusBadge.js";import"../AssetEditorV2/components/PrimaryAssetSelect.js";import"../AssetEditorV2/components/SecondaryAssetSelect.js";import"../AssetEditorV2/components/SelectItem.js";import"../AssetEditorV2/components/MultipleAssetsToggle.js";import"../AssetEditorV2/components/PrimaryAssetSelectV2.js";import"../EChartsWrapper/EChartsWrapper.js";import"../AssetsMultipleSelector/AssetsMultipleSelector.js";import"@material-ui/icons/Close";import"@material-ui/icons/GetApp";import"../GoogleDocsViewer/index.js";import"../NewDocumentViewer/effects/useFileContent.js";import"../NewDocumentViewer/styles.js";import"../FilesLoaderV2/styles.js";import"../FilesDropzone/styles.js";import"../FilesProcessor/styles.js";import"../Hint/styles.js";import"@babel/runtime/helpers/taggedTemplateLiteral";import"fparser";import"../Formula/useFormulaStyles.js";import"../Formula/RootXIcon.js";import"../Formula/FormulaTextEditor.js";import"../Formula/CloseSuggestion.js";import"../Formula/SuggestionsMenu.js";import g from"../Icons/SendIcon.js";var b=["anchorEl","anchorOrigin","onClose","onSave","startAdornment","endAdornment","customContent","userCompanyId"];function h(t,e){var o=Object.keys(t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(t);e&&(s=s.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),o.push.apply(o,s)}return o}function v(e){for(var o=1;o<arguments.length;o++){var s=null!=arguments[o]?arguments[o]:{};o%2?h(Object(s),!0).forEach((function(o){t(e,o,s[o])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(s)):h(Object(s)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(s,t))}))}return e}var f=m((function(t){return{paper:{width:368,padding:16},inputMain:{marginBottom:0,fontSize:"11px",color:t.palette.primary.text8},inputHelper:{display:"flex",paddingRight:5},cancelText:{cursor:"pointer"},highlightedLabel:{color:t.palette.primary.main},actions:{height:36},sendRow:{display:"flex"},sendIcon:{"&.Mui-disabled":{cursor:"not-allowed!important"}}}}));function S(t){var r=t.anchorEl,n=t.anchorOrigin,i=t.onClose,p=t.onSave,m=t.startAdornment,h=t.endAdornment,S=t.customContent,D=t.userCompanyId,P=o(t,b),T=f(),I=s(),V=e(I,2),x=V[0],y=V[1];return u(a,v(v({open:!0,anchorEl:r,anchorOrigin:n,onClose:i,classes:{paper:T.paper}},P),{},{children:[C(j,{userCompanyId:D,startAdornment:m,endAdornment:h,customContent:S,setComment:y,onSave:function(){return p(x)},smallerView:!0,comment:x}),u(c,{container:!0,direction:"row",justify:"space-between",alignItems:"center",className:T.actions,children:[C(c,{item:!0,children:C(l,{"data-testid":"".concat("AddCommentPopover","_cancel"),variant:"caption",className:d(T.inputMain,T.cancelText,T.highlightedLabel),component:"div",gutterBottom:!0,onClick:i,children:"Cancel"})}),u(c,{item:!0,direction:"row",alignItems:"center",className:T.sendRow,children:[u(l,{variant:"caption",className:d(T.inputMain,T.inputHelper),component:"div",gutterBottom:!0,children:["Press ",C(l,{variant:"caption",color:"primary",className:d(T.inputMain,T.highlightedLabel),children:"Enter"})," to send"]}),C(A,{"data-testid":"".concat("AddCommentPopover","_send"),onClick:function(){return p(x)},className:T.sendIcon,disabled:!x||!x.body&&!x.attachment,children:C(g,{})})]})]})]}))}S.propTypes={onClose:r,onSave:r.isRequired,anchorEl:n.isRequired,anchorOrigin:i,startAdornment:n,endAdornment:n,customContent:n,userCompanyId:p.isRequired},S.defaultProps={anchorOrigin:{horizontal:"right",vertical:"bottom"},onClose:function(){},startAdornment:null,endAdornment:null,customContent:null};export{S as default};
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
+import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
+import { useState } from 'react';
+import { func, node, shape, number } from 'prop-types';
+import { makeStyles, Popover, Grid, Typography } from '@material-ui/core';
+import classNames from 'classnames';
+import Content from './components/Content.js';
+import '../DevCenter/DevCenterAppContainer/components/IsInsideIsolatedDcAppProvider/IsInsideIsolatedDcAppProvider.js';
+import '../DevCenter/DevCenterAppContainer/components/DcFullscreenElemsCoordinatorProvider/DcFullscreenElemsCoordinatorProvider.js';
+import '../DevCenter/DevCenterAppContainer/components/DcFullscreenElemsCoordinatorProvider/IsInsideDcFullscreenElemProvider.js';
+import 'lodash';
+import '@icon-park/react/es/all';
+import { jsxs, jsx } from 'react/jsx-runtime';
+import '../../icons/IconParkProvider.js';
+import '../../icons/customIcons/icons/AddMessage.js';
+import '../../icons/customIcons/icons/Attention.js';
+import '../../icons/customIcons/icons/Collapse.js';
+import '../../icons/customIcons/icons/Dashboard.js';
+import '../../icons/customIcons/icons/Expand.js';
+import '../../icons/customIcons/icons/FolderClosed.js';
+import '../../icons/customIcons/icons/FolderClosedFilled.js';
+import '../../icons/customIcons/icons/FolderOpened.js';
+import '../../icons/customIcons/icons/GreaterOrEqual.js';
+import '../../icons/customIcons/icons/LessOrEqual.js';
+import '../../icons/customIcons/icons/Search.js';
+import '../../icons/customIcons/icons/Wellhub.js';
+import '../../icons/customIcons/icons/MultiRuler.js';
+import '../../icons/customIcons/icons/Checkbox.js';
+import '../../icons/customIcons/icons/CheckboxChecked.js';
+import '../../icons/customIcons/icons/CheckboxIndeterminate.js';
+import '../../icons/customIcons/icons/Radio.js';
+import '../../icons/customIcons/icons/RadioChecked.js';
+import '../../icons/customIcons/icons/SimulFrac.js';
+import '../../icons/customIcons/icons/ZipperFrac.js';
+import '../../icons/customIcons/icons/CautionFilled.js';
+import '../../icons/customIcons/icons/MoreApp.js';
+import '../../icons/customIcons/icons/Pad.js';
+import '../../icons/customIcons/icons/Gap.js';
+import '../../utils/mobileDetect.js';
+import IconButton from '../IconButton/index.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/appPackages.js';
+import '../../constants/notifications.js';
+import '../../constants/feed.js';
+import '../../constants/bha.js';
+import '../../utils/env.js';
+import '../GradientManager/configuration/constants.js';
+import '../Modal/CorvaModal.css.js';
+import 'uuid';
+import '../IconMenu/index.js';
+import '../StyledMenuItem/index.js';
+import '../AppIcon/AppIcon.js';
+import '../DevCenter/AppHeader/AppHeader.js';
+import '../DevCenter/AppSideBar/AppSideBar.js';
+import '../DevCenter/AppsDataProvider/AppsDataProvider.js';
+import '@material-ui/icons';
+import '../DevCenter/AppContext.js';
+import '../DevCenter/DevCenterRouterContext/DevCenterRouterContext.js';
+import '../DevCenter/DevCenterRouterContext/UniversalLink/UniversalLink.js';
+import 'react-router';
+import '@babel/runtime/helpers/asyncToGenerator';
+import '@babel/runtime/regenerator';
+import '../../utils/index.js';
+import '../DevCenter/DevCenterAppContainer/components/AppActions/AppActions.css.js';
+import '../DevCenter/DevCenterAppContainer/components/AppSettingsDialog/AppSettingsDialog.js';
+import '../DevCenter/DevCenterAppContainer/components/AppSettingsDialog/components/RemoveAppButton.js';
+import '../DevCenter/DevCenterAppContainer/components/AppSettingsDialog/components/SettingsAccordion.js';
+import '../DevCenter/DevCenterAppContainer/components/AnnotationsButton/AnnotationsButton.js';
+import '../../componentsV2/Text/Text.js';
+import '../../componentsV2/Grid/Grid.js';
+import '../../componentsV2/Grid/Grid.scss.js';
+import '../../componentsV2/Header/Header.scss.js';
+import '../../componentsV2/Button/Button.js';
+import '../../componentsV2/ButtonIcon/ButtonIcon.js';
+import '../../componentsV2/Tooltip/Tooltip.scss.js';
+import '../../componentsV2/Paper/Paper.js';
+import '../../componentsV2/Popover/Popover.scss.js';
+import '../../componentsV2/Radio/Radio.js';
+import '../../componentsV2/RadioAndCheckboxGroup/RadioAndCheckboxGroup.scss.js';
+import '../../componentsV2/Checkbox/Checkbox.js';
+import '@babel/runtime/helpers/toConsumableArray';
+import '../../componentsV2/TextInput/TextInput.js';
+import '../../componentsV2/TextEndTruncated/TextEndTruncated.scss.js';
+import '../../componentsV2/TextMiddleTruncated/TextMiddleTruncated.constants.js';
+import '../../componentsV2/TextMiddleTruncated/TextMiddleTruncated.scss.js';
+import '../../componentsV2/TextLink/TextLink.js';
+import '../../componentsV2/Chip/Chip.js';
+import '../../componentsV2/ChipAlert/ChipAlert.js';
+import '../../componentsV2/ChipIndicator/ChipIndicator.js';
+import '../../componentsV2/Avatar/Avatar.js';
+import '../../componentsV2/Avatar/constants.js';
+import '../../componentsV2/AvatarGroup/AvatarGroup.scss.js';
+import '@material-ui/lab';
+import '../../componentsV2/ToggleButtons/ToggleButtons.scss.js';
+import '../../componentsV2/Modal/Modal.scss.js';
+import '../../componentsV2/Menu/Menu.js';
+import '../../componentsV2/Counter/Counter.js';
+import '../../componentsV2/BadgeBase/BadgeBase.scss.js';
+import '../../componentsV2/BadgeDot/BadgeDot.scss.js';
+import '../../componentsV2/LoaderLinear/LoaderLinear.scss.js';
+import '../../componentsV2/LoaderLogo/LoaderLogo.scss.js';
+import '../../componentsV2/Switch/Switch.js';
+import '../../componentsV2/Tabs/Tabs.js';
+import '../../componentsV2/EmptyState/EmptyState.scss.js';
+import '../../componentsV2/FileIcon/FileIcon.js';
+import 'react-dropzone';
+import '../../componentsV2/FilesDropzone/FilesDropzone.scss.js';
+import '../../componentsV2/FilesLoader/FilesLoader.scss.js';
+import '../../componentsV2/FilesProcessor/FilesProcessor.scss.js';
+import '../../componentsV2/Skeleton/Skeleton.scss.js';
+import '../../utils/main.js';
+import '../../componentsV2/CopyToClipboard/CopyToClipboard.scss.js';
+import '../../componentsV2/Stepper/Step/Step.scss.js';
+import '../../componentsV2/Stepper/Stepper.scss.js';
+import '../../componentsV2/ButtonLive/ButtonLive.js';
+import '../../componentsV2/LiveDotIndicator/LiveDotIndicator.scss.js';
+import '../../componentsV2/IndicatorLive/IndicatorLive.scss.js';
+import '../../componentsV2/Accordion/Accordion.scss.js';
+import '../../componentsV2/Breadcrumbs/Breadcrumbs.scss.js';
+import '../../componentsV2/BadgeComment/BadgeComment.js';
+import '../../componentsV2/AppContainer/AppContainer.js';
+import '../../componentsV2/AppContainer/AppContainer.constants.js';
+import '../../componentsV2/AppFooter/AppFooter.js';
+import '../DevCenter/DevCenterAppContainer/components/AppCommons/AppCommonsContext.js';
+import '../../componentsV2/AppHeader/AppHeader.constants.js';
+import '../../componentsV2/AppHeader/AppBadge/AppBadge.scss.js';
+import '../../componentsV2/AppHeader/AppAssets/AppAssets.js';
+import '../PadModeSelect/PadModeSelect.js';
+import '../../componentsV2/AppHeader/PadMode/PadMode.scss.js';
+import '../../constants/streamSourceType.js';
+import '../../componentsV2/AppHeader/AppHeader.scss.js';
+import '../DevCenter/DevCenterAppContainer/components/FullscreenButton/FullscreenButton.js';
+import '../DevCenter/DevCenterAppContainer/components/AppInfoMessage/AppInfoMessage.js';
+import '../DevCenter/DevCenterAppContainer/components/DevCenterAppView/DevCenterAppView.js';
+import '../DevCenter/DevCenterAppContainer/components/RestoreAppSizeButton/index.js';
+import 'rollbar';
+import '@rollbar/react';
+import '../DevCenter/DevCenterAppContainer/components/CommentsSwitch/CommentsSwitchContext.js';
+import '../DevCenter/DevCenterAppContainer/components/CommentsSwitch/CommentsSwitchButton.scss.js';
+import '../DevCenter/DevCenterAppContainer/DevCenterAppContainer.css.js';
+import '../Icons/AnnotationIcon.js';
+import '../Annotations/components/AnnotationsList/index.js';
+import '../Annotations/components/LastAnnotation/index.js';
+import '../Annotations/AnnotationsContext.js';
+import '../Toaster/Toaster.js';
+import 'querystring';
+import 'uuid/v1';
+import '../../clients/subscriptions.js';
+import 'query-string';
+import '../../clients/api/apiCore.js';
+import '../../clients/constants.js';
+import 'jsona';
+import '../StatusBadge/constants.js';
+import 'lodash/set';
+import 'lodash/get';
+import 'lodash/unset';
+import 'moment';
+import '../../clients/sso/auth0.js';
+import '../../clients/sso/oauth2.js';
+import 'lodash/isEmpty';
+import 'lodash/sortBy';
+import '../HelpCenter/HelpCenterIcon.js';
+import '../DevCenter/NavigationBar/NavigationBar.js';
+import '../DevCenter/SideBar/SideBar.js';
+import '../DevCenter/AppSettingsPopover/AppSettingsPopover.js';
+import '../DevCenter/AppFilterPanelLayout/AppFilterPanelLayout.js';
+import '../DevCenter/IsolatedDevCenterAppContainer/DevCenterIsolatedAppPage.js';
+import '../DevCenter/IsolatedDevCenterAppContainer/DevCenterIsolatedApp.js';
+import '../AssetEditor/index.js';
+import '../AssetEditorV2/index.js';
+import '../AppVersionsSelect/AppVersionsSelect.js';
+import '../LoadingIndicator/LoadingIndicator.js';
+import '../Typography.js';
+import '../RealTimeValuesSidebar/RealTimeSidebar.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 '../EmptyState/EmptyState.js';
+import '../ParameterCharts/ParameterCharts.js';
+import '../ParameterCharts/AddEditTrack.js';
+import '../ChartActionsList/ChartActionsList.js';
+import '../CopyToClipboard/CopyToClipboard.js';
+import '../AssetEditor/AssetEditorAutocomplete.js';
+import '../AssetEditor/SingleAssetEditor.js';
+import 'react-color';
+import '../SettingEditors/ColorEditor/style.css.js';
+import '../SettingEditors/DropdownEditor/index.js';
+import '../SwitchControl/index.js';
+import '../ColorPicker/ColorPicker.js';
+import '../Chart/components/ChartButton.js';
+import '../Chart/components/ChartButtons.js';
+import '../Chart/components/ChartWrapper.js';
+import '../Chart/components/AxisDropdown.js';
+import '../Chart/components/ChartSelect.js';
+import '../Chart/components/buttons/DragToZoomButton.js';
+import '../Chart/components/buttons/ZoomInButton.js';
+import '../Chart/components/buttons/ZoomOutButton.js';
+import '../Chart/components/buttons/PanButton.js';
+import '../Chart/components/buttons/ResetZoomButton.js';
+import '../Chart/components/buttons/HideAxesButton.js';
+import '../Chart/components/buttons/ChartTypeButton.js';
+import '../ColorPicker/PaletteChromePicker/PaletteChromePicker.js';
+import '../TruncatedText/index.js';
+import '../MiddleTruncatedText/MiddleTruncatedText.js';
+import '../RangeSlider/constants.js';
+import '../RangeSlider/Input.css.js';
+import '../RangeSlider/RangeSlider.css.js';
+import '../AdvancedSlider/AdvancedSlider.js';
+import '../Breadcrumbs/index.js';
+import '../VirtualizedTable/index.js';
+import '../EmptyView/EmptyView.js';
+import '../EmptyView/EmptyAppView/EmptyAppView.js';
+import '../Button/components/Button/index.js';
+import 'moment-timezone';
+import '../Button/components/LiveButton/components/LiveButtonStateIndicator/index.js';
+import '../Button/components/LiveButton/styles.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 '../Select/SelectFilterBy.js';
+import '../CustomSelect/index.js';
+import '../Tabs/Tabs.js';
+import '../Tabs/Tab.js';
+import '../ResizableTable/ResizableTable.js';
+import '../GradientPicker/GradientPicker.js';
+import '@babel/runtime/helpers/classCallCheck';
+import '@babel/runtime/helpers/createClass';
+import '@material-ui/icons/AddCircle';
+import '../GradientManager/GradientPreview/GradientPreview.js';
+import '../GradientManager/GradientSelect.styles.js';
+import '../GradientManager/GradientManager.styles.js';
+import '../Drillstring/BHASchematic.js';
+import '../Drillstring/BHATable/index.js';
+import '../Drillstring/BHAComponentIcon.js';
+import '../Drillstring/BHAComponentDetail/index.js';
+import '../Drillstring/BHATileIcon.js';
+import '../Drillstring/BHATile/BHATile.js';
+import '../Drillstring/BHAList/BHAList.js';
+import '../Drillstring/BHAComponentsTable/BHAComponentsTable.js';
+import '../Casing/CasingTable/index.js';
+import '../Casing/CasingComponentIcon.js';
+import '../Casing/CasingTileIcon.js';
+import '../Casing/CasingTableV2/CasingTableV2.js';
+import '../Casing/CasingTile/CasingTile.js';
+import '../DisabledSettingsMessage/DisabledSettingsMessage.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 '../OffsetWellButton/OffsetWellButton.js';
+import '../OffsetWellPickerV2/OffsetWellPickerDialog.js';
+import '../OffsetWellPickerV3/index.js';
+import '../OffsetWellChips/Chip.js';
+import '../OffsetWellChips/ChipsContainer.js';
+import '../OffsetWellPickerV4/utils/apiCalls.js';
+import '../OffsetWellPickerV4/effects/useAdvancedWells.js';
+import '../OffsetWellPickerV4/constants.js';
+import 'react-virtualized';
+import '../OffsetWellPickerV4/effects/useAssetsData.js';
+import '../OffsetWellPickerV4/components/AppHeader/AppHeader.js';
+import '../OffsetWellPickerV4/components/Toolbar/Toolbar.js';
+import '../OffsetWellPickerV4/components/Filter/Filter.js';
+import '../OffsetWellPickerV4/components/Map/WellsMap.js';
+import '../OffsetWellPickerV4/components/OffsetWellsTable/OffsetWellsTable.js';
+import '../OffsetWellPickerV4/components/OffsetWellsTable/AdvancedSearch/constants.js';
+import '../OffsetWellPickerV4/utils/index.js';
+import '../OffsetWellPickerV4/OffsetWellPickerV4.module.css.js';
+import '@material-ui/core/Snackbar';
+import '../Notifications/Toast.js';
+import '../../styles/typography/index.js';
+import '../../styles/counter/counter.module.scss.js';
+import '../OffsetWellMap/OffsetWellMap.js';
+import '../ConfirmationDialog.js';
+import '../TextLink/index.js';
+import '../Avatar/index.js';
+import '../Template/TemplatePopover/index.js';
+import '../Template/TemplateSharingDialog/index.js';
+import '../MenuItem/index.js';
+import '../MiddleTruncate/MiddleTruncate.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 '../PadOffsetsPickerV2/PadOffsetsPickerV2.js';
+import '../Table/TableToolbar/TableToolbar.js';
+import '../Table/TableContainer/TableContainer.js';
+import '../Table/TableCell/TableCell.js';
+import '../Table/TablePagination/TablePagination.js';
+import '../Table/TablePaginationActions/TablePaginationActions.js';
+import '../Tooltip/ScrollableTooltip.js';
+import '../PriceInput/PriceInput.js';
+import '../LabelsCounter/LabelsCounter.js';
+import '../Stepper/Stepper.js';
+import '../Stepper/Step/Step.js';
+import '../Stepper/StepsWrapper.js';
+import '../Comment/CommentIcon/index.js';
+import '../FilesLoader/FilesLoader.js';
+import '../SearchInput/index.js';
+import '../FeedItem/FeedItem.js';
+import '../FeedItem/FeedItemEditProvider/FeedItemEditProvider.js';
+import '../PostInput/PostInput.js';
+import '../KeyboardDateTimePicker.js';
+import './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 '../Autocomplete/Autocomplete.js';
+import '../DocumentViewer/DocumentViewer.js';
+import '../ColorPickerPalette/ColorPickerPalette.js';
+import '../Search/Search.js';
+import '../Search/components/Listbox.js';
+import '../Search/components/Paper.js';
+import '../Search/components/RecentSearches.js';
+import '../Search/components/Groups.js';
+import '../Search/components/SelectAllListItem.js';
+import '../StatusBadge/index.js';
+import '../Attachment/index.js';
+import '../EmojiIconButton.js';
+import '../FileUploadIconButton.js';
+import '../FilePreview/index.js';
+import '../FailedFileUploading.js';
+import '../UserMention/index.js';
+import '../CommentsInfo/index.js';
+import '../CommentInput/index.js';
+import '../Comment/index.js';
+import '../CommentLoader.js';
+import '../AssetNameLabel/AssetStatusBadge.js';
+import '../AssetEditorV2/components/PrimaryAssetSelect.js';
+import '../AssetEditorV2/components/SecondaryAssetSelect.js';
+import '../AssetEditorV2/components/SelectItem.js';
+import '../AssetEditorV2/components/MultipleAssetsToggle.js';
+import '../AssetEditorV2/components/PrimaryAssetSelectV2.js';
+import '../EChartsWrapper/EChartsWrapper.js';
+import '../AssetsMultipleSelector/AssetsMultipleSelector.js';
+import '@material-ui/icons/Close';
+import '@material-ui/icons/GetApp';
+import '../GoogleDocsViewer/index.js';
+import '../NewDocumentViewer/effects/useFileContent.js';
+import '../NewDocumentViewer/styles.js';
+import '../FilesLoaderV2/styles.js';
+import '../FilesDropzone/styles.js';
+import '../FilesProcessor/styles.js';
+import '../Hint/styles.js';
+import '@babel/runtime/helpers/taggedTemplateLiteral';
+import 'fparser';
+import '../Formula/useFormulaStyles.js';
+import '../Formula/RootXIcon.js';
+import '../Formula/FormulaTextEditor.js';
+import '../Formula/CloseSuggestion.js';
+import '../Formula/SuggestionsMenu.js';
+import SendIcon from '../Icons/SendIcon.js';
+
+var _excluded = ["anchorEl", "anchorOrigin", "onClose", "onSave", "startAdornment", "endAdornment", "customContent", "userCompanyId"];
+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 PAGE_NAME = 'AddCommentPopover';
+var useStyles = makeStyles(function (theme) {
+  return {
+    paper: {
+      width: 368,
+      padding: 16
+    },
+    inputMain: {
+      marginBottom: 0,
+      fontSize: '11px',
+      color: theme.palette.primary.text8
+    },
+    inputHelper: {
+      display: 'flex',
+      paddingRight: 5
+    },
+    cancelText: {
+      cursor: 'pointer'
+    },
+    highlightedLabel: {
+      color: theme.palette.primary.main
+    },
+    actions: {
+      height: 36
+    },
+    sendRow: {
+      display: 'flex'
+    },
+    sendIcon: {
+      '&.Mui-disabled': {
+        cursor: 'not-allowed!important'
+      }
+    }
+  };
+});
+function AddCommentPopover(_ref) {
+  var anchorEl = _ref.anchorEl,
+    anchorOrigin = _ref.anchorOrigin,
+    onClose = _ref.onClose,
+    _onSave = _ref.onSave,
+    startAdornment = _ref.startAdornment,
+    endAdornment = _ref.endAdornment,
+    customContent = _ref.customContent,
+    userCompanyId = _ref.userCompanyId,
+    otherProps = _objectWithoutProperties(_ref, _excluded);
+  var classes = useStyles();
+  var _useState = useState(),
+    _useState2 = _slicedToArray(_useState, 2),
+    comment = _useState2[0],
+    setComment = _useState2[1];
+  return /*#__PURE__*/jsxs(Popover, _objectSpread(_objectSpread({
+    open: true,
+    anchorEl: anchorEl,
+    anchorOrigin: anchorOrigin,
+    onClose: onClose,
+    classes: {
+      paper: classes.paper
+    }
+  }, otherProps), {}, {
+    children: [/*#__PURE__*/jsx(Content, {
+      userCompanyId: userCompanyId,
+      startAdornment: startAdornment,
+      endAdornment: endAdornment,
+      customContent: customContent,
+      setComment: setComment,
+      onSave: function onSave() {
+        return _onSave(comment);
+      },
+      smallerView: true,
+      comment: comment
+    }), /*#__PURE__*/jsxs(Grid, {
+      container: true,
+      direction: "row",
+      justify: "space-between",
+      alignItems: "center",
+      className: classes.actions,
+      children: [/*#__PURE__*/jsx(Grid, {
+        item: true,
+        children: /*#__PURE__*/jsx(Typography, {
+          "data-testid": "".concat(PAGE_NAME, "_cancel"),
+          variant: "caption",
+          className: classNames(classes.inputMain, classes.cancelText, classes.highlightedLabel),
+          component: "div",
+          gutterBottom: true,
+          onClick: onClose,
+          children: "Cancel"
+        })
+      }), /*#__PURE__*/jsxs(Grid, {
+        item: true,
+        direction: "row",
+        alignItems: "center",
+        className: classes.sendRow,
+        children: [/*#__PURE__*/jsxs(Typography, {
+          variant: "caption",
+          className: classNames(classes.inputMain, classes.inputHelper),
+          component: "div",
+          gutterBottom: true,
+          children: ["Press\xA0", /*#__PURE__*/jsx(Typography, {
+            variant: "caption",
+            color: "primary",
+            className: classNames(classes.inputMain, classes.highlightedLabel),
+            children: "Enter"
+          }), "\xA0to send"]
+        }), /*#__PURE__*/jsx(IconButton, {
+          "data-testid": "".concat(PAGE_NAME, "_send"),
+          onClick: function onClick() {
+            return _onSave(comment);
+          },
+          className: classes.sendIcon,
+          disabled: !comment || !comment.body && !comment.attachment,
+          children: /*#__PURE__*/jsx(SendIcon, {})
+        })]
+      })]
+    })]
+  }));
+}
+AddCommentPopover.propTypes = {
+  onClose: func,
+  onSave: func.isRequired,
+  anchorEl: node.isRequired,
+  anchorOrigin: shape,
+  startAdornment: node,
+  endAdornment: node,
+  customContent: node,
+  userCompanyId: number.isRequired
+};
+AddCommentPopover.defaultProps = {
+  anchorOrigin: {
+    horizontal: 'right',
+    vertical: 'bottom'
+  },
+  onClose: function onClose() {
+    return undefined;
+  },
+  startAdornment: null,
+  endAdornment: null,
+  customContent: null
+};
+
+export { AddCommentPopover as default };
+//# sourceMappingURL=Popover.js.map

package/components/AddComment/Popover.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Popover.js","sources":["../../../src/components/AddComment/Popover.js"],"sourcesContent":["import { useState } from 'react';\nimport { node, shape, func, number } from 'prop-types';\nimport { Popover, Grid, Typography, makeStyles } from '@material-ui/core';\nimport classNames from 'classnames';\n\nimport Content from './components/Content';\n\nimport { IconButton } from '~/components';\nimport SendIcon from '~components/Icons/SendIcon';\n\nconst PAGE_NAME = 'AddCommentPopover';\n\nconst useStyles = makeStyles(theme => ({\n  paper: {\n    width: 368,\n    padding: 16,\n  },\n  inputMain: {\n    marginBottom: 0,\n    fontSize: '11px',\n    color: theme.palette.primary.text8,\n  },\n  inputHelper: {\n    display: 'flex',\n    paddingRight: 5,\n  },\n  cancelText: {\n    cursor: 'pointer',\n  },\n  highlightedLabel: {\n    color: theme.palette.primary.main,\n  },\n  actions: { height: 36 },\n  sendRow: { display: 'flex' },\n  sendIcon: {\n    '&.Mui-disabled': {\n      cursor: 'not-allowed!important',\n    },\n  },\n}));\n\nfunction AddCommentPopover({\n  anchorEl,\n  anchorOrigin,\n  onClose,\n  onSave,\n  startAdornment, // Render node on the top of the content\n  endAdornment, // Render node on the bottom of the content\n  customContent, // Render custom content instead of Post Input\n  userCompanyId,\n  ...otherProps\n}) {\n  const classes = useStyles();\n  const [comment, setComment] = useState();\n\n  return (\n    <Popover\n      open\n      anchorEl={anchorEl}\n      anchorOrigin={anchorOrigin}\n      onClose={onClose}\n      classes={{ paper: classes.paper }}\n      {...otherProps}\n    >\n      <Content\n        userCompanyId={userCompanyId}\n        startAdornment={startAdornment}\n        endAdornment={endAdornment}\n        customContent={customContent}\n        setComment={setComment}\n        onSave={() => onSave(comment)}\n        smallerView\n        comment={comment}\n      />\n\n      <Grid\n        container\n        direction=\"row\"\n        justify=\"space-between\"\n        alignItems=\"center\"\n        className={classes.actions}\n      >\n        <Grid item>\n          <Typography\n            data-testid={`${PAGE_NAME}_cancel`}\n            variant=\"caption\"\n            className={classNames(classes.inputMain, classes.cancelText, classes.highlightedLabel)}\n            component=\"div\"\n            gutterBottom\n            onClick={onClose}\n          >\n            Cancel\n          </Typography>\n        </Grid>\n        <Grid item direction=\"row\" alignItems=\"center\" className={classes.sendRow}>\n          <Typography\n            variant=\"caption\"\n            className={classNames(classes.inputMain, classes.inputHelper)}\n            component=\"div\"\n            gutterBottom\n          >\n            Press&nbsp;\n            <Typography\n              variant=\"caption\"\n              color=\"primary\"\n              className={classNames(classes.inputMain, classes.highlightedLabel)}\n            >\n              Enter\n            </Typography>\n            &nbsp;to send\n          </Typography>\n          <IconButton\n            data-testid={`${PAGE_NAME}_send`}\n            onClick={() => onSave(comment)}\n            className={classes.sendIcon}\n            disabled={!comment || (!comment.body && !comment.attachment)}\n          >\n            <SendIcon />\n          </IconButton>\n        </Grid>\n      </Grid>\n    </Popover>\n  );\n}\n\nAddCommentPopover.propTypes = {\n  onClose: func,\n  onSave: func.isRequired,\n  anchorEl: node.isRequired,\n  anchorOrigin: shape,\n  startAdornment: node,\n  endAdornment: node,\n  customContent: node,\n  userCompanyId: number.isRequired,\n};\n\nAddCommentPopover.defaultProps = {\n  anchorOrigin: { horizontal: 'right', vertical: 'bottom' },\n  onClose: () => undefined,\n  startAdornment: null,\n  endAdornment: null,\n  customContent: null,\n};\n\nexport default AddCommentPopover;\n"],"names":["PAGE_NAME","useStyles","makeStyles","theme","paper","width","padding","inputMain","marginBottom","fontSize","color","palette","primary","text8","inputHelper","display","paddingRight","cancelText","cursor","highlightedLabel","main","actions","height","sendRow","sendIcon","AddCommentPopover","anchorEl","anchorOrigin","onClose","onSave","startAdornment","endAdornment","customContent","userCompanyId","otherProps","classes","useState","comment","setComment","_jsxs","_jsx","classNames","body","attachment","propTypes","func","isRequired","node","shape","number","defaultProps","horizontal","vertical","undefined"],"mappings":"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"}