npm - @corva/ui - Versions diffs - 3.80.0-1 → 3.80.0-11 - Mend

@corva/ui 3.80.0-1 → 3.80.0-11

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (682) hide show

package/components/AddComment/components/Content.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{useRef as e}from"react";import{node as o,number as t,func as s,bool as i,shape as n}from"prop-types";import{makeStyles as r}from"@material-ui/core";import"@babel/runtime/helpers/defineProperty";import"../../DevCenter/DevCenterAppContainer/components/IsInsideIsolatedDcAppProvider.js";import"../../DevCenter/DevCenterAppContainer/components/DcFullscreenElemsCoordinatorProvider/DcFullscreenElemsCoordinatorProvider.js";import"../../DevCenter/DevCenterAppContainer/components/DcFullscreenElemsCoordinatorProvider/IsInsideDcFullscreenElemProvider.js";import"@babel/runtime/helpers/objectWithoutProperties";import"classnames";import"lodash";import"../../Modal/CorvaModal.scss.js";import"@icon-park/react/es/all";import{jsxs as p,jsx as m}from"react/jsx-runtime";import"../../../icons/IconParkProvider.js";import"../../../icons/customIcons/icons/AddMessage.js";import"../../../icons/customIcons/icons/DragOne.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/SearchOne.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/InfoRounded.js";import"../../../icons/customIcons/icons/FlameFilled.js";import"../../../icons/customIcons/icons/MoreApp.js";import"../../../icons/customIcons/icons/Pad.js";import"../../../icons/customIcons/icons/DrilloutUnit.js";import"../../../icons/customIcons/icons/FracFleet.js";import"../../../icons/customIcons/icons/Global.js";import"../../../icons/customIcons/icons/Program.js";import"../../../icons/customIcons/icons/Rig.js";import"../../../icons/customIcons/icons/Well.js";import"../../../icons/customIcons/icons/Gap.js";import"../../../icons/customIcons/icons/Pin.js";import"../../../icons/customIcons/icons/PinOne.js";import"../../../icons/customIcons/icons/PinOneCrossed.js";import"../../../icons/customIcons/icons/CloseOneFilled.js";import"../../../icons/customIcons/icons/AttentionFilled.js";import"../../../icons/customIcons/icons/CheckOneFilled.js";import"../../../icons/customIcons/icons/Archive.js";import"../../../icons/customIcons/icons/ArchiveCancel.js";import"../../../icons/customIcons/icons/Unarchive.js";import"../../../icons/customIcons/icons/Archived.js";import"../../../icons/customIcons/icons/InterventionUnit.js";import"../../../icons/customIcons/icons/CloudDelete.js";import"../../../icons/customIcons/icons/Lasso.js";import"../../../icons/customIcons/icons/Radius.js";import"../../../icons/customIcons/icons/ErrorOps.js";import"../../../icons/customIcons/icons/DataTypeOps.js";import"../../../icons/customIcons/icons/FalsePositiveOps.js";import"../../../icons/customIcons/icons/CalibrationOps.js";import"../../../icons/customIcons/icons/CriticalOps.js";import"../../../icons/customIcons/icons/Company.js";import"../../../icons/customIcons/icons/ArchiveOne.js";import"../../../icons/customIcons/icons/ParseBotFusion.js";import"../../../icons/customIcons/icons/Connect.js";import"../../../icons/customIcons/icons/PuzzleOne.js";import"../../../icons/customIcons/icons/Feed.js";import"../../../icons/customIcons/icons/Prompt.js";import"../../../icons/customIcons/icons/Companies.js";import"../../../icons/customIcons/icons/ClipboardAi.js";import"../../../icons/customIcons/icons/Key.js";import"../../../icons/customIcons/icons/AtSignCrossed.js";import"../../../icons/customIcons/icons/MappingManual.js";import"../../../icons/customIcons/icons/Mapping.js";import"../../../icons/customIcons/icons/Metrics.js";import"../../../icons/customIcons/icons/Drops.js";import"../../../icons/customIcons/icons/ClipboardSearch.js";import"../../../icons/customIcons/icons/Template.js";import"../../../icons/customIcons/icons/ClipboardMetrics.js";import"../../../icons/customIcons/icons/ClipboardBuilder.js";import"../../../icons/customIcons/icons/UnitConversion.js";import"../../../icons/customIcons/icons/NPT.js";import"../../../icons/customIcons/icons/GuidedFrac.js";import"../../../utils/mobileDetect.js";import"../../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"../../../constants/corvaCompanyId.js";import"../../GradientManager/configuration/constants.js";import"@babel/runtime/helpers/slicedToArray";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/AppContext.js";import"@babel/runtime/helpers/asyncToGenerator";import"@babel/runtime/regenerator";import"../../DevCenter/AppsDataProvider/effects/utils.js";import"@babel/runtime/helpers/toConsumableArray";import"query-string";import"../../DevCenter/DevCenterRouterContext/DevCenterRouterContext.js";import"../../DevCenter/DevCenterRouterContext/UniversalLink/UniversalLink.js";import"react-router-dom";import{isSuggestionsListOpened as c}from"../../UserMention/utils/index.js";import"../../../utils/convert.js";import"moment";import"../../../utils/casing/validation.js";import"lodash/mean";import"../../../constants/streamSourceType.js";import"lodash/get";import"file-saver";import"../../../utils/drillstring/conversion.js";import"lodash/set";import"lodash/cloneDeep";import"lodash/isNumber";import"lodash/has";import"../../../utils/ga.js";import"../../../utils/goalsConfig/goalsConfig.js";import"../../../utils/lasParser.js";import"../../../utils/main.js";import"../../../utils/metrics/metricsConfig.js";import"../../../utils/feed.js";import"../../../utils/reports.js";import"moment-timezone";import"@babel/runtime/helpers/typeof";import"../../../utils/dashboardReports.js";import"../../../utils/env.js";import"file-extension";import"image-extensions";import"video-extensions";import"../../../utils/jsonaDataFormatter.js";import"../../../utils/bha.js";import"jsona";import"../../../clients/jsonApi/index.js";import"../../../utils/charts/Styles.scss.js";import"../../../utils/getSingleAsset.js";import"@material-ui/icons/ArrowForward";import"../../EmptyState/EmptyState.js";import"../../DevCenter/DevCenterAppContainer/components/AppSettingsDialog/components/RemoveAppButton.js";import"../../DevCenter/DevCenterAppContainer/components/AppSettingsDialog/components/SettingsAccordion.js";import"../../DevCenter/DevCenterAppContainer/components/AppSettingsDialog/styles.js";import"@material-ui/pickers";import"@date-io/moment";import"../../../config/theme/index.js";import"../../../hocs/withAssetEditorLockHOC.js";import"../../ErrorBoundary/ErrorBoundary.js";import"../../ErrorBoundary/DevCenterAppErrorView/DevCenterAppErrorView.js";import"../../Button/components/Button/index.js";import"../../Button/components/LiveButton/components/LiveButtonStateIndicator/index.js";import"../../Button/components/LiveButton/styles.js";import"../../AssetEditorV2/index.js";import"../../AppVersionsSelect/AppVersionsSelect.js";import"../../DisabledSettingsMessage/DisabledSettingsMessage.js";import"../../ConfirmationDialog.js";import"../../../permissions/PermissionsContext.js";import"../../../permissions/constants/index.js";import"../../../permissions/withPermissionsHOC.js";import"../../../permissions/ProvidePermissions.js";import"../../../componentsV2/AppHeader/V3/VersionSelect/VersionSelect.constants.js";import"../../Annotations/components/AnnotationsList/index.js";import"../../Annotations/components/LastAnnotation/index.js";import"../../Annotations/AnnotationsContext.js";import"../../../componentsV2/AppContainer/AppContainer.js";import"../../../componentsV2/AppContainer/AppContainer.constants.js";import"../../../componentsV2/Text/Text.js";import"../../../componentsV2/Header/Header.scss.js";import"../../../componentsV2/Tooltip/Tooltip.scss.js";import"../../../componentsV2/TextEndTruncated/TextEndTruncated.scss.js";import"../../../componentsV2/AppCommonsProvider/AppCommonsContext.js";import"../../../componentsV2/AppHeader/AppHeader.constants.js";import"../../../componentsV2/AppHeader/AppBadge/AppBadge.scss.js";import"../../../componentsV2/Chip/Chip.js";import"../../../componentsV2/TextMiddleTruncated/TextMiddleTruncated.constants.js";import"../../../componentsV2/TextMiddleTruncated/TextMiddleTruncated.scss.js";import"../../../componentsV2/AppHeader/AppAssets/utils.js";import"../../../componentsV2/AppHeader/AppAssets/AppAssets.scss.js";import"../../PadModeSelect/PadModeSelect.js";import"../../../componentsV2/AppHeader/PadMode/PadMode.scss.js";import"../../../componentsV2/PadModeSelect/PadModeSelect.js";import"../../../componentsV2/PadModeSelect/PadModeSelect.constants.js";import"../../../componentsV2/AppCommonsProvider/AppCommonsProvider.js";import"../../../componentsV2/utils.js";import"../../../componentsV2/AppHeader/V3/VersionSelect/VersionSelect.js";import"../../../componentsV2/UniversalLink/UniversalLink.scss.js";import"../../../componentsV2/AppHeader/V3/AssetChips/AssetChips.scss.js";import"../../../componentsV2/Button/Button.js";import"../../../componentsV2/AppHeader/V3/DqStatusIcon/DqStatusIcon.js";import"../../../componentsV2/AppHeader/V3/DqStatusIcon/DqStatusIcon.constants.js";import"../../../componentsV2/Popover/Popover.js";import"../../../componentsV2/Accordion/Accordion.scss.js";import"../../../componentsV2/ButtonIcon/ButtonIcon.js";import"../../../componentsV2/AppFooter/DqPopover/DqStatusIcon/DqStatusIcon.js";import"../../../componentsV2/AppDqPopover/DqAlertTooltip/DqAlertTooltip.scss.js";import"../../../componentsV2/AppDqPopover/DqAlert/DqAlert.scss.js";import"../../../componentsV2/AppDqPopover/DqAsset/DqAsset.scss.js";import"../../../componentsV2/AppDqPopover/AppDqPopover.scss.js";import"../../../componentsV2/Menu/Menu.js";import"../../../componentsV2/ModalWindow/ModalWindow.js";import"../../../componentsV2/Modal/Modal.scss.js";import"../../../componentsV2/LoaderLogo/LoaderLogo.constants.js";import"../../../componentsV2/LoaderLogo/LoaderLogo.scss.js";import"../../../componentsV2/AppHeader/V3/AssetSelector/AssetSelectorChip/AssetSelectorChip.js";import"../../../componentsV2/TextInput/TextInput.js";import"../../../componentsV2/AppHeader/V3/AssetSelector/constants.js";import"../../../componentsV2/AppHeader/V3/AssetSelector/AssetSelectorSelect/AssetSelectorSelect.scss.js";import"../../../componentsV2/ChipIndicator/ChipIndicator.js";import"../../../componentsV2/AppHeader/V3/AssetSelector/AssetSelectorSelect/loadAssets.js";import"../../../componentsV2/AppHeader/V3/AssetSelector/AssetSelector.scss.js";import"querystring";import"../../../clients/subscriptions/subscriptions-client.factory.js";import"../../StatusBadge/constants.js";import"lodash/unset";import"../../../clients/api/apiCore.js";import"../../../clients/constants.js";import"../../../clients/sso/auth0.js";import"../../../clients/sso/oauth2.js";import"../../../clients/api/rateLimiter.js";import"lodash/isEmpty";import"lodash/sortBy";import"../../DevCenter/DevCenterAppContainer/components/CommentsSwitch/CommentsSwitchContext.js";import"../../../componentsV2/AppPanel/AppPanelsContext.js";import"../../../componentsV2/AppHeader/V3/AppTitle/AppTitle.constants.js";import"../../../componentsV2/AppHeader/V3/AppTitle/AppTitle.scss.js";import"../../../componentsV2/AppHeader/V3/constants.scss.js";import"../../../componentsV2/AppHeader/V3/SettingsButton/SettingsButton.constants.js";import"../../../componentsV2/AppHeader/V3/Actions/Actions.constants.js";import"../../../componentsV2/AppHeader/V3/Actions/Actions.scss.js";import"../../../componentsV2/AppHeader/V3/AppHeaderV3.scss.js";import"../../../componentsV2/AppHeader/AppHeader.scss.js";import"../../../componentsV2/EmptyState/EmptyState.scss.js";import"../../DevCenter/DevCenterAppContainer/components/DevCenterAppView/components/ChooseAssetButton.js";import"../../DevCenter/DevCenterAppContainer/components/DevCenterAppView/DevCenterAppView.scss.js";import"@material-ui/icons/BugReport";import"../../DevCenter/DevCenterAppContainer/components/AppActions/AppActions.css.js";import"../../DevCenter/DevCenterAppContainer/components/CommentsSwitch/CommentsSwitchButton.scss.js";import"../../../componentsV2/Grid/Grid.js";import"../../../componentsV2/Grid/Cell.js";import"../../../componentsV2/PopoverPanel/PopoverPanel.js";import"../../../componentsV2/Radio/Radio.js";import"../../../componentsV2/RadioAndCheckboxGroup/RadioAndCheckboxGroup.scss.js";import"../../../componentsV2/Checkbox/Checkbox.js";import"../../../componentsV2/TextInputNext/TextInputNext.js";import"../../../componentsV2/TextArea/TextArea.js";import"../../../componentsV2/Label/Label.js";import"../../../componentsV2/TextLink/TextLink.js";import"../../../componentsV2/ChipAlert/ChipAlert.js";import"../../../componentsV2/Avatar/Avatar.js";import"../../../componentsV2/AvatarGroup/AvatarGroup.js";import"@material-ui/lab";import"../../../componentsV2/ToggleButtons/ToggleButtons.scss.js";import"../../../componentsV2/Paper/Paper.js";import"../../../componentsV2/Hint/Hint.scss.js";import"../../../componentsV2/Counter/Counter.js";import"../../../componentsV2/BadgeBase/BadgeBase.scss.js";import"../../../componentsV2/TemplatesControl/TemplatesControl.js";import"zustand";import"../../../componentsV2/TemplatesControl/utils.js";import"../../../componentsV2/TemplatesControl/icons/folder/index.js";import"../../../componentsV2/TemplatesControl/Store/utils.js";import"../../../componentsV2/TemplatesControl/types.js";import"../../../componentsV2/BadgeDot/BadgeDot.scss.js";import"../../../componentsV2/LoaderLinear/LoaderLinear.js";import"../../../componentsV2/Switch/Switch.js";import"../../../componentsV2/Tabs/Tabs.js";import"../../../componentsV2/FileIcon/FileIcon.js";import"../../../componentsV2/Tag/Tag.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"../../../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/ButtonText/ButtonText.js";import"../../../componentsV2/IndicatorLive/IndicatorLive.js";import"../../../componentsV2/Breadcrumbs/Breadcrumbs.scss.js";import"../../../componentsV2/BadgeComment/BadgeComment.js";import"../../../componentsV2/AppFooter/AppFooter.js";import"../../../componentsV2/OffsetWellsButton/OffsetWellsButton.js";import"../../../componentsV2/ChartAxisExtreme/ChartAxisExtreme.scss.js";import"highcharts";import"../../../componentsV2/ChartAxisExtreme/ChartAxisExtremeDragTracker.js";import"../../../componentsV2/Autocomplete/Autocomplete.js";import"../../../componentsV2/Select/Select.js";import"../../../componentsV2/AppPanel/AppPanel.js";import"../../../componentsV2/AppSettingsDivider/AppSettingsDivider.scss.js";import"../../../componentsV2/WellArchivedMessage/WellArchivedMessage.js";import"../../../componentsV2/DatePicker/DatePicker.js";import"../../../componentsV2/DragHandle/DragHandle.js";import"../../../componentsV2/CompletionsOffsetWellPicker/CompletionsOffsetWellPicker.js";import"../../../componentsV2/Slider/constants.js";import"../../../componentsV2/Slider/components/SliderThumb.js";import"../../../componentsV2/Slider/Slider.scss.js";import"../../../componentsV2/SliderAdvanced/SliderAdvanced.js";import"react-color";import"../../../componentsV2/ColorPicker/Swatches/Swatches.scss.js";import"../../../componentsV2/ColorPicker/OpacityDragtracker/OpacityDragTracker.scss.js";import"../../../componentsV2/ColorPicker/ColorPicker.scss.js";import"../../../componentsV2/ChartHelper/ChartHelper.scss.js";import"../../../componentsV2/Hotkey/Hotkey.js";import"@tanstack/react-query";import"../../../componentsV2/InterventionEventSelector/useInterventionUnitEvents.js";import"../../../componentsV2/InterventionEventSelector/InterventionEventSelector.scss.js";import"@material-ui/icons/Launch";import"../../DevCenter/DevCenterAppContainer/components/FullscreenButton/FullscreenButton.css.js";import"../../Icons/AnnotationIcon.js";import"../../HelpCenter/HelpCenterIcon.js";import"../../DevCenter/DevCenterAppContainer/components/RestoreAppSizeButton/RestoreAppSizeButton.css.js";import"../../DevCenter/DevCenterAppContainer/DevCenterAppContainer.scss.js";import"../../Toaster/Toaster.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"../../LoadingIndicator/LoadingIndicator.js";import"../../Typography.js";import"../../RealTimeValuesSidebar/RealTimeSidebar.js";import"../../CollapsableSidebar.js";import"../../DateTimePicker/index.js";import"../../DatePicker/index.js";import"../../SlateFormattedText/SlateFormattedText.js";import"../../SlateFormattedText/RenderElements.js";import"slate";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"../../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/ChartWrapperContext.js";import"../../Chart/effects/useChartModifier.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"../../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"../../GradientManager/GradientPreview/GradientPreview.js";import"../../GradientManager/GradientSelect.scss.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"../../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"../../OffsetWellPickerV5/components/OffsetWellPickerV5WithStore/OffsetWellPickerV5WithStore.js";import"@material-ui/icons/Add";import"@material-ui/icons/Remove";import"mapbox-gl/dist/mapbox-gl.css";import"@material-ui/icons/Info";import"@material-ui/icons/Block";import"../../OffsetWellMap/WellTooltip.module.css.js";import"../../OffsetWellMap/OffsetWellMap.module.css.js";import"../../../config/mapboxGl/index.js";import"../../../config/mapbox/index.js";import"react-dom";import"@material-ui/core/Snackbar";import"../../Notifications/Toast.js";import"../../Notifications/Notifications.scss.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"../../../componentsV2/FileIcon/icons/ArchiveFileIcon.js";import"../../../componentsV2/FileIcon/icons/CSVFileIcon.js";import"../../../componentsV2/FileIcon/icons/DocFileIcon.js";import"../../../componentsV2/FileIcon/icons/EDMFileIcon.js";import"../../../componentsV2/FileIcon/icons/ExcelFileIcon.js";import"../../../componentsV2/FileIcon/icons/ImageFileIcon.js";import"../../../componentsV2/FileIcon/icons/JsonFileIcon.js";import"../../../componentsV2/FileIcon/icons/LasFileIcon.js";import"../../../componentsV2/FileIcon/icons/OtherFileIcon.js";import"../../../componentsV2/FileIcon/icons/PdfFileIcon.js";import"../../../componentsV2/FileIcon/icons/PowerPointFileIcon.js";import"../../../componentsV2/FileIcon/icons/TxtFileIcon.js";import"../../../componentsV2/FileIcon/icons/UnknownFileIcon.js";import"../../../componentsV2/FileIcon/icons/VideoFileIcon.js";import"../../../componentsV2/FileIcon/icons/XmlFileIcon.js";import"../../SearchInput/index.js";import"../../FeedItem/FeedItem.js";import"../../FeedItem/FeedItemEditProvider/FeedItemEditProvider.js";import a from"../../PostInput/PostInput.js";import"../../KeyboardDateTimePicker.js";import"../Popover.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"../../CommentCard/CommentCard.js";import"@material-ui/icons/AlternateEmail";import"../../AttachFileButton/AttachFileButton.scss.js";import"../../CommentInputNext/CommentInputNext.js";import"../../WellhubFilePicker/components/WellhubFileCard/WellhubFileCard.scss.js";import"../../WellhubFilePicker/components/WellhubFilePickerView/WellhubFilePickerView.scss.js";import"react-s3-uploader/s3upload";import"../../CommentComposer/CommentMetaLine.scss.js";import"../../CommentComposer/ChatChannelSelector.scss.js";import"../../CommentComposer/ShareToChatRow.scss.js";import"../../CommentComposer/CommentComposer.scss.js";import"../../AttachmentPreview/AttachmentPreview.js";import"../../AttachmentPreview/AttachmentImage.js";import"../../AttachmentPreview/AttachmentPreview.scss.js";import"../../CommentPin/CommentPin.js";import"../../FeedCard/FeedCard.js";import"../../FeedItemCard/FeedItemCard.js";import"../../NewCommentCursor/NewCommentCursor.js";import"../../LinkedText/LinkedText.js";import"../../FeedItem/feedItemTypes/AlertFeedItem.js";import"../../FeedItem/feedItemTypes/PostFeedItem.js";import"../../FeedItem/feedItemTypes/GeosteeringFeedItem.js";import"../../FeedItem/feedItemTypes/DrillingOperationalNoteFeedItem.js";import"../../FeedItem/feedItemTypes/DrillingOperationSummaryFeedItem.js";import"../../FeedItem/feedItemTypes/DrillingDailyCostFeedItem.js";import"../../FeedItem/feedItemTypes/DocumentFeedItem.js";import"../../FeedItem/feedItemTypes/DrillerMemoFeedItem.js";import"../../FeedItem/feedItemTypes/NptFeedItem.js";import"../../FeedItem/feedItemTypes/SurveyStationFeedItem/index.js";import"../../FeedItem/feedItemTypes/LessonsLearnedFeedItem/index.js";import"../../FeedItem/feedItemTypes/TracesMemoFeedItem.js";import"../../FeedItem/feedItemTypes/DepthCommentFeedItem.js";import"../../FeedItem/feedItemTypes/CompletionOperationalNoteFeedItem.js";import"../../FeedItem/feedItemTypes/CompletionOperationSummaryFeedItem.js";import"../../FeedItem/feedItemTypes/CompletionDailyCostFeedItem.js";import"../../FeedItem/feedItemTypes/CompletionDocumentFeedItem.js";import"../../FeedItem/feedItemTypes/CompletionNptFeedItem.js";import"../../FeedItem/feedItemTypes/StageOverviewFeedItem/index.js";import"../../FeedItem/feedItemTypes/AppAnnotationFeedItem/index.js";import"../../FeedItem/feedItemTypes/WellPlanFeedItem/index.js";import"../../FeedItem/feedItemTypes/FluidReportFeedItem.js";import"../../FeedItem/feedItemTypes/BhaFeedItem/BhaFeedItem.js";import"../../FeedItem/feedItemTypes/DvDCommentFeedItem.js";import"../../FeedItem/feedItemTypes/PCCommentFeedItem.js";import"../../FeedItem/feedItemTypes/HookloadCommentFeedItem.js";import"../../FeedItem/feedItemTypes/NptLessonsCommentFeedItem.js";import"../../FeedItem/feedItemTypes/GenericDataCommentFeedItem.js";var l=r({postInput:{paddingBottom:8},filePreviewWrapper:function(e){return{width:"100%",marginLeft:0,maxHeight:e.smallerView?127:251}}});function d(o){var t=o.userCompanyId,s=o.startAdornment,i=void 0===s?null:s,n=o.endAdornment,r=void 0===n?null:n,d=o.customContent,C=void 0===d?null:d,I=o.setComment,A=void 0===I?j:I,V=o.smallerView,S=void 0!==V&&V,F=o.onSave,h=void 0===F?u:F,v=o.comment,T=l({smallerView:S}),g=e();return p("div",{ref:g,children:[i,C||m(a,{userCompanyId:t,onChange:A,filePreviewWrapperClass:T.filePreviewWrapper,className:T.postInput,smallerView:S,onKeyDown:function(e){"Enter"!==e.key||e.shiftKey||c()||(e.preventDefault(),h(v))},suggestionsPortalHost:g.current,allowSuggestionsAboveCursor:!0}),r]})}d.propTypes={startAdornment:o,endAdornment:o,customContent:o,userCompanyId:t.isRequired,setComment:s,onSave:s,smallerView:i,comment:n()};var j=function(){},u=function(){};export{d as default};
+import{useRef as e}from"react";import{node as o,number as t,func as s,bool as i,shape as n}from"prop-types";import{makeStyles as r}from"@material-ui/core";import"@babel/runtime/helpers/defineProperty";import"../../DevCenter/DevCenterAppContainer/components/IsInsideIsolatedDcAppProvider.js";import"../../DevCenter/DevCenterAppContainer/components/DcFullscreenElemsCoordinatorProvider/DcFullscreenElemsCoordinatorProvider.js";import"../../DevCenter/DevCenterAppContainer/components/DcFullscreenElemsCoordinatorProvider/IsInsideDcFullscreenElemProvider.js";import"@babel/runtime/helpers/objectWithoutProperties";import"classnames";import"lodash";import"../../Modal/CorvaModal.scss.js";import"@icon-park/react/es/all";import{jsxs as p,jsx as m}from"react/jsx-runtime";import"../../../icons/IconParkProvider.js";import"../../../icons/customIcons/icons/AddMessage.js";import"../../../icons/customIcons/icons/DragOne.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/SearchOne.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/InfoRounded.js";import"../../../icons/customIcons/icons/FlameFilled.js";import"../../../icons/customIcons/icons/MoreApp.js";import"../../../icons/customIcons/icons/Pad.js";import"../../../icons/customIcons/icons/DrilloutUnit.js";import"../../../icons/customIcons/icons/FracFleet.js";import"../../../icons/customIcons/icons/Global.js";import"../../../icons/customIcons/icons/Program.js";import"../../../icons/customIcons/icons/Rig.js";import"../../../icons/customIcons/icons/Well.js";import"../../../icons/customIcons/icons/Gap.js";import"../../../icons/customIcons/icons/Pin.js";import"../../../icons/customIcons/icons/PinOne.js";import"../../../icons/customIcons/icons/PinOneCrossed.js";import"../../../icons/customIcons/icons/CloseOneFilled.js";import"../../../icons/customIcons/icons/AttentionFilled.js";import"../../../icons/customIcons/icons/CheckOneFilled.js";import"../../../icons/customIcons/icons/Archive.js";import"../../../icons/customIcons/icons/ArchiveCancel.js";import"../../../icons/customIcons/icons/Unarchive.js";import"../../../icons/customIcons/icons/Archived.js";import"../../../icons/customIcons/icons/InterventionUnit.js";import"../../../icons/customIcons/icons/CloudDelete.js";import"../../../icons/customIcons/icons/Lasso.js";import"../../../icons/customIcons/icons/Radius.js";import"../../../icons/customIcons/icons/ErrorOps.js";import"../../../icons/customIcons/icons/DataTypeOps.js";import"../../../icons/customIcons/icons/FalsePositiveOps.js";import"../../../icons/customIcons/icons/CalibrationOps.js";import"../../../icons/customIcons/icons/CriticalOps.js";import"../../../icons/customIcons/icons/Company.js";import"../../../icons/customIcons/icons/ArchiveOne.js";import"../../../icons/customIcons/icons/ParseBotFusion.js";import"../../../icons/customIcons/icons/Connect.js";import"../../../icons/customIcons/icons/PuzzleOne.js";import"../../../icons/customIcons/icons/Feed.js";import"../../../icons/customIcons/icons/Prompt.js";import"../../../icons/customIcons/icons/Companies.js";import"../../../icons/customIcons/icons/ClipboardAi.js";import"../../../icons/customIcons/icons/Key.js";import"../../../icons/customIcons/icons/AtSignCrossed.js";import"../../../icons/customIcons/icons/MappingManual.js";import"../../../icons/customIcons/icons/Mapping.js";import"../../../icons/customIcons/icons/Metrics.js";import"../../../icons/customIcons/icons/Drops.js";import"../../../icons/customIcons/icons/ClipboardSearch.js";import"../../../icons/customIcons/icons/Template.js";import"../../../icons/customIcons/icons/ClipboardMetrics.js";import"../../../icons/customIcons/icons/ClipboardBuilder.js";import"../../../icons/customIcons/icons/UnitConversion.js";import"../../../icons/customIcons/icons/NPT.js";import"../../../icons/customIcons/icons/GuidedFrac.js";import"../../../utils/mobileDetect.js";import"../../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"../../../constants/corvaCompanyId.js";import"../../GradientManager/configuration/constants.js";import"@babel/runtime/helpers/slicedToArray";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/AppContext.js";import"@babel/runtime/helpers/asyncToGenerator";import"@babel/runtime/regenerator";import"../../DevCenter/AppsDataProvider/effects/utils.js";import"@babel/runtime/helpers/toConsumableArray";import"query-string";import"../../DevCenter/DevCenterRouterContext/DevCenterRouterContext.js";import"../../DevCenter/DevCenterRouterContext/UniversalLink/UniversalLink.js";import"react-router-dom";import{isSuggestionsListOpened as c}from"../../UserMention/utils/index.js";import"../../../utils/convert.js";import"moment";import"../../../utils/casing/validation.js";import"lodash/mean";import"../../../constants/streamSourceType.js";import"lodash/get";import"file-saver";import"../../../utils/drillstring/conversion.js";import"lodash/set";import"lodash/cloneDeep";import"lodash/isNumber";import"lodash/has";import"../../../utils/ga.js";import"../../../utils/goalsConfig/goalsConfig.js";import"../../../utils/lasParser.js";import"../../../utils/main.js";import"../../../utils/metrics/metricsConfig.js";import"../../../utils/feed.js";import"../../../utils/reports.js";import"moment-timezone";import"@babel/runtime/helpers/typeof";import"../../../utils/dashboardReports.js";import"../../../utils/env.js";import"file-extension";import"image-extensions";import"video-extensions";import"../../../utils/jsonaDataFormatter.js";import"../../../utils/bha.js";import"jsona";import"../../../clients/jsonApi/index.js";import"../../../utils/shareRecentRequest.js";import"../../../utils/charts/Styles.scss.js";import"../../../utils/getSingleAsset.js";import"@material-ui/icons/ArrowForward";import"../../EmptyState/EmptyState.js";import"../../DevCenter/DevCenterAppContainer/components/AppSettingsDialog/components/RemoveAppButton.js";import"../../DevCenter/DevCenterAppContainer/components/AppSettingsDialog/components/SettingsAccordion.js";import"../../DevCenter/DevCenterAppContainer/components/AppSettingsDialog/styles.js";import"@material-ui/pickers";import"@date-io/moment";import"../../../config/theme/index.js";import"../../../hocs/withAssetEditorLockHOC.js";import"../../ErrorBoundary/ErrorBoundary.js";import"../../ErrorBoundary/DevCenterAppErrorView/DevCenterAppErrorView.js";import"../../Button/components/Button/index.js";import"../../Button/components/LiveButton/components/LiveButtonStateIndicator/index.js";import"../../Button/components/LiveButton/styles.js";import"../../AssetEditorV2/index.js";import"../../AppVersionsSelect/AppVersionsSelect.js";import"../../DisabledSettingsMessage/DisabledSettingsMessage.js";import"../../ConfirmationDialog.js";import"../../../permissions/PermissionsContext.js";import"../../../permissions/constants/index.js";import"../../../permissions/withPermissionsHOC.js";import"../../../permissions/ProvidePermissions.js";import"../../../componentsV2/AppHeader/V3/VersionSelect/VersionSelect.constants.js";import"../../Annotations/components/AnnotationsList/index.js";import"../../Annotations/components/LastAnnotation/index.js";import"../../Annotations/AnnotationsContext.js";import"../../../componentsV2/AppContainer/AppContainer.js";import"../../../componentsV2/AppContainer/AppContainer.constants.js";import"../../../componentsV2/Text/Text.js";import"../../../componentsV2/Header/Header.scss.js";import"../../../componentsV2/Tooltip/Tooltip.scss.js";import"../../../componentsV2/TextEndTruncated/TextEndTruncated.scss.js";import"../../../componentsV2/AppCommonsProvider/AppCommonsContext.js";import"../../../componentsV2/AppHeader/AppHeader.constants.js";import"../../../componentsV2/AppHeader/AppBadge/AppBadge.scss.js";import"../../../componentsV2/Chip/Chip.js";import"../../../componentsV2/TextMiddleTruncated/TextMiddleTruncated.constants.js";import"../../../componentsV2/TextMiddleTruncated/TextMiddleTruncated.scss.js";import"../../../componentsV2/AppHeader/AppAssets/utils.js";import"../../../componentsV2/AppHeader/AppAssets/AppAssets.scss.js";import"../../PadModeSelect/PadModeSelect.js";import"../../../componentsV2/AppHeader/PadMode/PadMode.scss.js";import"../../../componentsV2/PadModeSelect/PadModeSelect.js";import"../../../componentsV2/PadModeSelect/PadModeSelect.constants.js";import"../../../componentsV2/AppCommonsProvider/AppCommonsProvider.js";import"../../../componentsV2/utils.js";import"../../../componentsV2/AppHeader/V3/VersionSelect/VersionSelect.js";import"../../../componentsV2/UniversalLink/UniversalLink.scss.js";import"../../../componentsV2/AppHeader/V3/AssetChips/AssetChips.scss.js";import"../../../componentsV2/Button/Button.js";import"../../../componentsV2/AppHeader/V3/DqStatusIcon/DqStatusIcon.js";import"../../../componentsV2/AppHeader/V3/DqStatusIcon/DqStatusIcon.constants.js";import"../../../componentsV2/Popover/Popover.js";import"../../../componentsV2/Accordion/Accordion.scss.js";import"../../../componentsV2/ButtonIcon/ButtonIcon.js";import"../../../componentsV2/AppFooter/DqPopover/DqStatusIcon/DqStatusIcon.js";import"../../../componentsV2/AppDqPopover/DqAlertTooltip/DqAlertTooltip.scss.js";import"../../../componentsV2/AppDqPopover/DqAlert/DqAlert.scss.js";import"../../../componentsV2/AppDqPopover/DqAsset/DqAsset.scss.js";import"../../../componentsV2/AppDqPopover/AppDqPopover.scss.js";import"../../../componentsV2/Menu/Menu.js";import"../../../componentsV2/ModalWindow/ModalWindow.js";import"../../../componentsV2/Modal/Modal.scss.js";import"../../../componentsV2/LoaderLogo/LoaderLogo.constants.js";import"../../../componentsV2/LoaderLogo/LoaderLogo.scss.js";import"../../../componentsV2/AppHeader/V3/AssetSelector/AssetSelectorChip/AssetSelectorChip.js";import"../../../componentsV2/TextInput/TextInput.js";import"../../../componentsV2/AppHeader/V3/AssetSelector/constants.js";import"../../../componentsV2/AppHeader/V3/AssetSelector/AssetSelectorSelect/AssetSelectorSelect.scss.js";import"../../../componentsV2/ChipIndicator/ChipIndicator.js";import"../../../componentsV2/AppHeader/V3/AssetSelector/AssetSelectorSelect/loadAssets.js";import"../../../componentsV2/AppHeader/V3/AssetSelector/AssetSelector.scss.js";import"querystring";import"../../../clients/subscriptions/subscriptions-client.factory.js";import"../../StatusBadge/constants.js";import"lodash/unset";import"../../../clients/api/apiCore.js";import"../../../clients/constants.js";import"../../../clients/sso/auth0.js";import"../../../clients/sso/oauth2.js";import"../../../clients/api/rateLimiter.js";import"lodash/isEmpty";import"lodash/sortBy";import"../../DevCenter/DevCenterAppContainer/components/CommentsSwitch/CommentsSwitchContext.js";import"../../../componentsV2/AppPanel/AppPanelsContext.js";import"../../../componentsV2/AppHeader/V3/AppTitle/AppTitle.constants.js";import"../../../componentsV2/AppHeader/V3/AppTitle/AppTitle.scss.js";import"../../../componentsV2/AppHeader/V3/constants.scss.js";import"../../../componentsV2/AppHeader/V3/SettingsButton/SettingsButton.constants.js";import"../../../componentsV2/AppHeader/V3/Actions/Actions.constants.js";import"../../../componentsV2/AppHeader/V3/Actions/Actions.scss.js";import"../../../componentsV2/AppHeader/V3/AppHeaderV3.scss.js";import"../../../componentsV2/AppHeader/AppHeader.scss.js";import"../../../componentsV2/EmptyState/EmptyState.scss.js";import"../../DevCenter/DevCenterAppContainer/components/DevCenterAppView/components/ChooseAssetButton.js";import"../../DevCenter/DevCenterAppContainer/components/DevCenterAppView/DevCenterAppView.scss.js";import"@material-ui/icons/BugReport";import"../../DevCenter/DevCenterAppContainer/components/AppActions/AppActions.css.js";import"../../DevCenter/DevCenterAppContainer/components/CommentsSwitch/CommentsSwitchButton.scss.js";import"../../../componentsV2/Grid/Grid.js";import"../../../componentsV2/Grid/Cell.js";import"../../../componentsV2/PopoverPanel/PopoverPanel.js";import"../../../componentsV2/Radio/Radio.js";import"../../../componentsV2/RadioAndCheckboxGroup/RadioAndCheckboxGroup.scss.js";import"../../../componentsV2/Checkbox/Checkbox.js";import"../../../componentsV2/TextInputNext/TextInputNext.js";import"../../../componentsV2/TextArea/TextArea.js";import"../../../componentsV2/Label/Label.js";import"../../../componentsV2/TextLink/TextLink.js";import"../../../componentsV2/ChipAlert/ChipAlert.js";import"../../../componentsV2/Avatar/Avatar.js";import"../../../componentsV2/AvatarGroup/AvatarGroup.js";import"@material-ui/lab";import"../../../componentsV2/ToggleButtons/ToggleButtons.scss.js";import"../../../componentsV2/Paper/Paper.js";import"../../../componentsV2/Hint/Hint.scss.js";import"../../../componentsV2/Counter/Counter.js";import"../../../componentsV2/BadgeBase/BadgeBase.scss.js";import"../../../componentsV2/TemplatesControl/TemplatesControl.js";import"zustand";import"../../../componentsV2/TemplatesControl/utils.js";import"../../../componentsV2/TemplatesControl/icons/folder/index.js";import"../../../componentsV2/TemplatesControl/Store/utils.js";import"../../../componentsV2/TemplatesControl/types.js";import"../../../componentsV2/BadgeDot/BadgeDot.scss.js";import"../../../componentsV2/LoaderLinear/LoaderLinear.js";import"../../../componentsV2/Switch/Switch.js";import"../../../componentsV2/Tabs/Tabs.js";import"../../../componentsV2/FileIcon/FileIcon.js";import"../../../componentsV2/Tag/Tag.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"../../../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/ButtonText/ButtonText.js";import"../../../componentsV2/IndicatorLive/IndicatorLive.js";import"../../../componentsV2/Breadcrumbs/Breadcrumbs.scss.js";import"../../../componentsV2/BadgeComment/BadgeComment.js";import"../../../componentsV2/AppFooter/AppFooter.js";import"../../../componentsV2/OffsetWellsButton/OffsetWellsButton.js";import"../../../componentsV2/ChartAxisExtreme/ChartAxisExtreme.scss.js";import"highcharts";import"../../../componentsV2/ChartAxisExtreme/ChartAxisExtremeDragTracker.js";import"../../../componentsV2/Autocomplete/Autocomplete.js";import"../../../componentsV2/Select/Select.js";import"../../../componentsV2/AppPanel/AppPanel.js";import"../../../componentsV2/AppSettingsDivider/AppSettingsDivider.scss.js";import"../../../componentsV2/WellArchivedMessage/WellArchivedMessage.js";import"../../../componentsV2/DatePicker/DatePicker.js";import"../../../componentsV2/DragHandle/DragHandle.js";import"../../../componentsV2/CompletionsOffsetWellPicker/CompletionsOffsetWellPicker.js";import"../../../componentsV2/Slider/constants.js";import"../../../componentsV2/Slider/components/SliderThumb.js";import"../../../componentsV2/Slider/Slider.scss.js";import"../../../componentsV2/SliderAdvanced/SliderAdvanced.js";import"react-color";import"../../../componentsV2/ColorPicker/ColorPicker.constants.js";import"../../../componentsV2/ColorPicker/Swatches/Swatches.scss.js";import"../../../componentsV2/ColorPicker/OpacityDragtracker/OpacityDragTracker.scss.js";import"../../../componentsV2/ColorPicker/ColorPicker.scss.js";import"../../../componentsV2/ChartHelper/ChartHelper.scss.js";import"../../../componentsV2/Hotkey/Hotkey.js";import"@tanstack/react-query";import"../../../componentsV2/InterventionEventSelector/useInterventionUnitEvents.js";import"../../../componentsV2/InterventionEventSelector/InterventionEventSelector.scss.js";import"@material-ui/icons/Launch";import"../../DevCenter/DevCenterAppContainer/components/FullscreenButton/FullscreenButton.css.js";import"../../Icons/AnnotationIcon.js";import"../../HelpCenter/HelpCenterIcon.js";import"../../DevCenter/DevCenterAppContainer/components/RestoreAppSizeButton/RestoreAppSizeButton.css.js";import"../../DevCenter/DevCenterAppContainer/DevCenterAppContainer.scss.js";import"../../Toaster/Toaster.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"../../LoadingIndicator/LoadingIndicator.js";import"../../Typography.js";import"../../RealTimeValuesSidebar/RealTimeSidebar.js";import"../../CollapsableSidebar.js";import"../../DateTimePicker/index.js";import"../../DatePicker/index.js";import"../../SlateFormattedText/SlateFormattedText.js";import"../../SlateFormattedText/RenderElements.js";import"slate";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"../../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/ChartWrapperContext.js";import"../../Chart/effects/useChartModifier.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"../../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"../../GradientManager/GradientPreview/GradientPreview.js";import"../../GradientManager/GradientSelect.scss.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"../../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"../../OffsetWellPickerV5/components/OffsetWellPickerV5WithStore/OffsetWellPickerV5WithStore.js";import"@material-ui/icons/Add";import"@material-ui/icons/Remove";import"mapbox-gl/dist/mapbox-gl.css";import"@material-ui/icons/Info";import"@material-ui/icons/Block";import"../../OffsetWellMap/WellTooltip.module.css.js";import"../../OffsetWellMap/OffsetWellMap.module.css.js";import"../../../config/mapboxGl/index.js";import"../../../config/mapbox/index.js";import"react-dom";import"@material-ui/core/Snackbar";import"../../Notifications/Toast.js";import"../../Notifications/Notifications.scss.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"../../../componentsV2/FileIcon/icons/ArchiveFileIcon.js";import"../../../componentsV2/FileIcon/icons/CSVFileIcon.js";import"../../../componentsV2/FileIcon/icons/DocFileIcon.js";import"../../../componentsV2/FileIcon/icons/EDMFileIcon.js";import"../../../componentsV2/FileIcon/icons/ExcelFileIcon.js";import"../../../componentsV2/FileIcon/icons/ImageFileIcon.js";import"../../../componentsV2/FileIcon/icons/JsonFileIcon.js";import"../../../componentsV2/FileIcon/icons/LasFileIcon.js";import"../../../componentsV2/FileIcon/icons/OtherFileIcon.js";import"../../../componentsV2/FileIcon/icons/PdfFileIcon.js";import"../../../componentsV2/FileIcon/icons/PowerPointFileIcon.js";import"../../../componentsV2/FileIcon/icons/TxtFileIcon.js";import"../../../componentsV2/FileIcon/icons/UnknownFileIcon.js";import"../../../componentsV2/FileIcon/icons/VideoFileIcon.js";import"../../../componentsV2/FileIcon/icons/XmlFileIcon.js";import"../../SearchInput/index.js";import"../../FeedItem/FeedItem.js";import"../../FeedItem/FeedItemEditProvider/FeedItemEditProvider.js";import a from"../../PostInput/PostInput.js";import"../../KeyboardDateTimePicker.js";import"../Popover.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"../../CommentCard/CommentCard.js";import"@material-ui/icons/AlternateEmail";import"../../AttachFileButton/AttachFileButton.scss.js";import"../../CommentInputNext/CommentInputNext.js";import"../../WellhubFilePicker/components/WellhubFileCard/WellhubFileCard.scss.js";import"../../WellhubFilePicker/components/WellhubFilePickerView/WellhubFilePickerView.scss.js";import"react-s3-uploader/s3upload";import"../../CommentComposer/CommentMetaLine.scss.js";import"../../CommentComposer/ChatChannelSelector.scss.js";import"../../CommentComposer/ShareToChatRow.scss.js";import"../../CommentComposer/CommentComposer.scss.js";import"../../AttachmentPreview/AttachmentPreview.js";import"../../AttachmentPreview/AttachmentImage.js";import"../../AttachmentPreview/AttachmentPreview.scss.js";import"../../CommentPin/CommentPin.js";import"../../FeedCard/FeedCard.js";import"../../FeedItemCard/FeedItemCard.js";import"../../NewCommentCursor/NewCommentCursor.js";import"../../LinkedText/LinkedText.js";import"../../FeedItem/feedItemTypes/AlertFeedItem.js";import"../../FeedItem/feedItemTypes/PostFeedItem.js";import"../../FeedItem/feedItemTypes/GeosteeringFeedItem.js";import"../../FeedItem/feedItemTypes/DrillingOperationalNoteFeedItem.js";import"../../FeedItem/feedItemTypes/DrillingOperationSummaryFeedItem.js";import"../../FeedItem/feedItemTypes/DrillingDailyCostFeedItem.js";import"../../FeedItem/feedItemTypes/DocumentFeedItem.js";import"../../FeedItem/feedItemTypes/DrillerMemoFeedItem.js";import"../../FeedItem/feedItemTypes/NptFeedItem.js";import"../../FeedItem/feedItemTypes/SurveyStationFeedItem/index.js";import"../../FeedItem/feedItemTypes/LessonsLearnedFeedItem/index.js";import"../../FeedItem/feedItemTypes/TracesMemoFeedItem.js";import"../../FeedItem/feedItemTypes/DepthCommentFeedItem.js";import"../../FeedItem/feedItemTypes/CompletionOperationalNoteFeedItem.js";import"../../FeedItem/feedItemTypes/CompletionOperationSummaryFeedItem.js";import"../../FeedItem/feedItemTypes/CompletionDailyCostFeedItem.js";import"../../FeedItem/feedItemTypes/CompletionDocumentFeedItem.js";import"../../FeedItem/feedItemTypes/CompletionNptFeedItem.js";import"../../FeedItem/feedItemTypes/StageOverviewFeedItem/index.js";import"../../FeedItem/feedItemTypes/AppAnnotationFeedItem/index.js";import"../../FeedItem/feedItemTypes/WellPlanFeedItem/index.js";import"../../FeedItem/feedItemTypes/FluidReportFeedItem.js";import"../../FeedItem/feedItemTypes/BhaFeedItem/BhaFeedItem.js";import"../../FeedItem/feedItemTypes/DvDCommentFeedItem.js";import"../../FeedItem/feedItemTypes/PCCommentFeedItem.js";import"../../FeedItem/feedItemTypes/HookloadCommentFeedItem.js";import"../../FeedItem/feedItemTypes/NptLessonsCommentFeedItem.js";import"../../FeedItem/feedItemTypes/GenericDataCommentFeedItem.js";var l=r({postInput:{paddingBottom:8},filePreviewWrapper:function(e){return{width:"100%",marginLeft:0,maxHeight:e.smallerView?127:251}}});function d(o){var t=o.userCompanyId,s=o.startAdornment,i=void 0===s?null:s,n=o.endAdornment,r=void 0===n?null:n,d=o.customContent,C=void 0===d?null:d,I=o.setComment,A=void 0===I?j:I,V=o.smallerView,S=void 0!==V&&V,F=o.onSave,h=void 0===F?u:F,v=o.comment,T=l({smallerView:S}),g=e();return p("div",{ref:g,children:[i,C||m(a,{userCompanyId:t,onChange:A,filePreviewWrapperClass:T.filePreviewWrapper,className:T.postInput,smallerView:S,onKeyDown:function(e){"Enter"!==e.key||e.shiftKey||c()||(e.preventDefault(),h(v))},suggestionsPortalHost:g.current,allowSuggestionsAboveCursor:!0}),r]})}d.propTypes={startAdornment:o,endAdornment:o,customContent:o,userCompanyId:t.isRequired,setComment:s,onSave:s,smallerView:i,comment:n()};var j=function(){},u=function(){};export{d as default};
 //# sourceMappingURL=Content.js.map

package/components/AddComment/components/Content.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Content.js","sources":["../../../../src/components/AddComment/components/Content.js"],"sourcesContent":["import { useRef } from 'react';\nimport { node, number, func, bool, shape } from 'prop-types';\nimport { makeStyles } from '@material-ui/core';\n\nimport { PostInput } from '~/components';\nimport { isSuggestionsListOpened } from '~/components/UserMention/utils';\n\nconst useStyles = makeStyles({\n postInput: { paddingBottom: 8 },\n filePreviewWrapper: ({ smallerView }) => ({\n width: '100%',\n marginLeft: 0,\n maxHeight: smallerView ? 127 : 251,\n }),\n});\nfunction Content({\n userCompanyId,\n startAdornment = null,\n endAdornment = null,\n customContent = null,\n setComment = DEFAULT_CONTENT_SET_COMMENT,\n smallerView = false,\n onSave = DEFAULT_CONTENT_ON_SAVE,\n comment,\n}) {\n const classes = useStyles({ smallerView });\n const wrapperRef = useRef();\n\n const onKeyDown = e => {\n if (e.key === 'Enter' && !e.shiftKey && !isSuggestionsListOpened()) {\n e.preventDefault();\n onSave(comment);\n }\n };\n\n return (\n <div ref={wrapperRef}>\n {startAdornment}\n\n {customContent \|\| (\n <PostInput\n userCompanyId={userCompanyId}\n onChange={setComment}\n filePreviewWrapperClass={classes.filePreviewWrapper}\n className={classes.postInput}\n smallerView={smallerView}\n onKeyDown={onKeyDown}\n suggestionsPortalHost={wrapperRef.current}\n allowSuggestionsAboveCursor\n />\n )}\n\n {endAdornment}\n </div>\n );\n}\n\nContent.propTypes = {\n startAdornment: node,\n endAdornment: node,\n customContent: node,\n userCompanyId: number.isRequired,\n setComment: func,\n onSave: func,\n smallerView: bool,\n comment: shape(),\n};\n\nconst DEFAULT_CONTENT_SET_COMMENT = () => undefined;\nconst DEFAULT_CONTENT_ON_SAVE = () => undefined;\n\nexport default Content;\n"],"names":["useStyles","makeStyles","postInput","paddingBottom","filePreviewWrapper","_ref","width","marginLeft","maxHeight","smallerView","Content","_ref2","userCompanyId","_ref2$startAdornment","startAdornment","_ref2$endAdornment","endAdornment","_ref2$customContent","customContent","_ref2$setComment","setComment","DEFAULT_CONTENT_SET_COMMENT","_ref2$smallerView","_ref2$onSave","onSave","DEFAULT_CONTENT_ON_SAVE","comment","classes","wrapperRef","useRef","_jsxs","ref","children","_jsx","PostInput","onChange","filePreviewWrapperClass","className","onKeyDown","e","key","shiftKey","isSuggestionsListOpened","preventDefault","suggestionsPortalHost","current","allowSuggestionsAboveCursor","propTypes","node","number","isRequired","func","bool","shape"],"mappings":"~~uq6BAOA~~,IAAMA,EAAYC,EAAW,CAC3BC,UAAW,CAAEC,cAAe,GAC5BC,mBAAoB,SAAAC,GAAc,MAAQ,CACxCC,MAAO,OACPC,WAAY,EACZC,YAHqBC,YAGI,IAAM,IAChC,IAEH,SAASC,EASNC,GAAA,IARDC,IAAAA,cAAaC,EAAAF,EACbG,eAAAA,aAAiB,KAAID,EAAAE,EAAAJ,EACrBK,aAAAA,aAAe,KAAID,EAAAE,EAAAN,EACnBO,cAAAA,aAAgB,KAAID,EAAAE,EAAAR,EACpBS,WAAAA,aAAaC,EAA2BF,EAAAG,EAAAX,EACxCF,YAAAA,cAAmBa,EAAAC,EAAAZ,EACnBa,OAAAA,aAASC,EAAuBF,EAChCG,IAAAA,QAEMC,EAAU3B,EAAU,CAAES,YAAAA,IACtBmB,EAAaC,IASnB,OACEC,EAAA,MAAA,CAAKC,IAAKH,EAAWI,SAAA,CAClBlB,EAEAI,GACCe,EAACC,EAAS,CACRtB,cAAeA,EACfuB,SAAUf,EACVgB,wBAAyBT,EAAQvB,mBACjCiC,UAAWV,EAAQzB,UACnBO,YAAaA,EACb6B,UAlBU,SAAAC,GACF,UAAVA,EAAEC,KAAoBD,EAAEE,UAAaC,MACvCH,EAAEI,iBACFnB,EAAOE,KAgBHkB,sBAAuBhB,EAAWiB,QAClCC,6BAA2B,IAI9B9B,IAGP,CAEAN,EAAQqC,UAAY,CAClBjC,eAAgBkC,EAChBhC,aAAcgC,EACd9B,cAAe8B,EACfpC,cAAeqC,EAAOC,WACtB9B,WAAY+B,EACZ3B,OAAQ2B,EACR1C,YAAa2C,EACb1B,QAAS2B,KAGX,IAAMhC,EAA8B,WAAe,EAC7CI,EAA0B,WAAe"}
1	+ {"version":3,"file":"Content.js","sources":["../../../../src/components/AddComment/components/Content.js"],"sourcesContent":["import { useRef } from 'react';\nimport { node, number, func, bool, shape } from 'prop-types';\nimport { makeStyles } from '@material-ui/core';\n\nimport { PostInput } from '~/components';\nimport { isSuggestionsListOpened } from '~/components/UserMention/utils';\n\nconst useStyles = makeStyles({\n postInput: { paddingBottom: 8 },\n filePreviewWrapper: ({ smallerView }) => ({\n width: '100%',\n marginLeft: 0,\n maxHeight: smallerView ? 127 : 251,\n }),\n});\nfunction Content({\n userCompanyId,\n startAdornment = null,\n endAdornment = null,\n customContent = null,\n setComment = DEFAULT_CONTENT_SET_COMMENT,\n smallerView = false,\n onSave = DEFAULT_CONTENT_ON_SAVE,\n comment,\n}) {\n const classes = useStyles({ smallerView });\n const wrapperRef = useRef();\n\n const onKeyDown = e => {\n if (e.key === 'Enter' && !e.shiftKey && !isSuggestionsListOpened()) {\n e.preventDefault();\n onSave(comment);\n }\n };\n\n return (\n <div ref={wrapperRef}>\n {startAdornment}\n\n {customContent \|\| (\n <PostInput\n userCompanyId={userCompanyId}\n onChange={setComment}\n filePreviewWrapperClass={classes.filePreviewWrapper}\n className={classes.postInput}\n smallerView={smallerView}\n onKeyDown={onKeyDown}\n suggestionsPortalHost={wrapperRef.current}\n allowSuggestionsAboveCursor\n />\n )}\n\n {endAdornment}\n </div>\n );\n}\n\nContent.propTypes = {\n startAdornment: node,\n endAdornment: node,\n customContent: node,\n userCompanyId: number.isRequired,\n setComment: func,\n onSave: func,\n smallerView: bool,\n comment: shape(),\n};\n\nconst DEFAULT_CONTENT_SET_COMMENT = () => undefined;\nconst DEFAULT_CONTENT_ON_SAVE = () => undefined;\n\nexport default Content;\n"],"names":["useStyles","makeStyles","postInput","paddingBottom","filePreviewWrapper","_ref","width","marginLeft","maxHeight","smallerView","Content","_ref2","userCompanyId","_ref2$startAdornment","startAdornment","_ref2$endAdornment","endAdornment","_ref2$customContent","customContent","_ref2$setComment","setComment","DEFAULT_CONTENT_SET_COMMENT","_ref2$smallerView","_ref2$onSave","onSave","DEFAULT_CONTENT_ON_SAVE","comment","classes","wrapperRef","useRef","_jsxs","ref","children","_jsx","PostInput","onChange","filePreviewWrapperClass","className","onKeyDown","e","key","shiftKey","isSuggestionsListOpened","preventDefault","suggestionsPortalHost","current","allowSuggestionsAboveCursor","propTypes","node","number","isRequired","func","bool","shape"],"mappings":"ux6BAOA,IAAMA,EAAYC,EAAW,CAC3BC,UAAW,CAAEC,cAAe,GAC5BC,mBAAoB,SAAAC,GAAc,MAAQ,CACxCC,MAAO,OACPC,WAAY,EACZC,YAHqBC,YAGI,IAAM,IAChC,IAEH,SAASC,EASNC,GAAA,IARDC,IAAAA,cAAaC,EAAAF,EACbG,eAAAA,aAAiB,KAAID,EAAAE,EAAAJ,EACrBK,aAAAA,aAAe,KAAID,EAAAE,EAAAN,EACnBO,cAAAA,aAAgB,KAAID,EAAAE,EAAAR,EACpBS,WAAAA,aAAaC,EAA2BF,EAAAG,EAAAX,EACxCF,YAAAA,cAAmBa,EAAAC,EAAAZ,EACnBa,OAAAA,aAASC,EAAuBF,EAChCG,IAAAA,QAEMC,EAAU3B,EAAU,CAAES,YAAAA,IACtBmB,EAAaC,IASnB,OACEC,EAAA,MAAA,CAAKC,IAAKH,EAAWI,SAAA,CAClBlB,EAEAI,GACCe,EAACC,EAAS,CACRtB,cAAeA,EACfuB,SAAUf,EACVgB,wBAAyBT,EAAQvB,mBACjCiC,UAAWV,EAAQzB,UACnBO,YAAaA,EACb6B,UAlBU,SAAAC,GACF,UAAVA,EAAEC,KAAoBD,EAAEE,UAAaC,MACvCH,EAAEI,iBACFnB,EAAOE,KAgBHkB,sBAAuBhB,EAAWiB,QAClCC,6BAA2B,IAI9B9B,IAGP,CAEAN,EAAQqC,UAAY,CAClBjC,eAAgBkC,EAChBhC,aAAcgC,EACd9B,cAAe8B,EACfpC,cAAeqC,EAAOC,WACtB9B,WAAY+B,EACZ3B,OAAQ2B,EACR1C,YAAa2C,EACb1B,QAAS2B,KAGX,IAAMhC,EAA8B,WAAe,EAC7CI,EAA0B,WAAe"}

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

@@ -1,2 +1,2 @@
-import t from"@babel/runtime/helpers/defineProperty";import e from"@babel/runtime/helpers/asyncToGenerator";import o from"@babel/runtime/helpers/slicedToArray";import r from"@babel/runtime/regenerator";import{memo as s,useState as i,useRef as n}from"react";import{number as a,shape as m,string as p}from"prop-types";import l from"classnames";import{flowRight as c,get as d}from"lodash";import u from"moment";import{withStyles as f}from"@material-ui/core/styles";import{Fade as j,Paper as h,Typography as v}from"@material-ui/core";import{useAnnotationsDispatch as b}from"../../../../AnnotationsContext.js";import{ADD_ANNOTATION as g}from"../../../../constants.js";import y from"../AnnotationInput/index.js";import A from"./style.css.js";import{AvatarComponent as C}from"../../../../../Avatar/index.js";import x from"../../../../../../effects/useOutsideClick.js";import"../../../../../UserMention/utils/index.js";import"../../../../../../utils/convert.js";import"../../../../../../constants/completion.js";import"../../../../../../constants/alerts.js";import"../../../../../../utils/casing/validation.js";import"lodash/mean";import"../../../../../../constants/streamSourceType.js";import"lodash/get";import"file-saver";import"query-string";import"../../../../../../constants/goals.js";import"../../../../../../constants/segment.js";import"../../../../../../constants/apps.js";import"../../../../../../constants/drillstring.js";import"../../../../../../constants/appPackages.js";import"../../../../../../constants/notifications.js";import"../../../../../../constants/feed.js";import"../../../../../../constants/bha.js";import"../../../../../../constants/corvaCompanyId.js";import"../../../../../GradientManager/configuration/constants.js";import"../../../../../../utils/drillstring/conversion.js";import"lodash/set";import"lodash/cloneDeep";import"@babel/runtime/helpers/toConsumableArray";import"lodash/isNumber";import"lodash/has";import"../../../../../../utils/ga.js";import"../../../../../../utils/goalsConfig/goalsConfig.js";import"../../../../../../utils/lasParser.js";import"../../../../../../utils/main.js";import"../../../../../../utils/metrics/metricsConfig.js";import"../../../../../../utils/mobileDetect.js";import"../../../../../../utils/feed.js";import"../../../../../../utils/reports.js";import"moment-timezone";import{showSuccessNotification as I,showErrorNotification as R}from"../../../../../../utils/notificationToasts.js";import"@babel/runtime/helpers/typeof";import"../../../../../../utils/dashboardReports.js";import"../../../../../../utils/env.js";import"file-extension";import"image-extensions";import"video-extensions";import"../../../../../../utils/jsonaDataFormatter.js";import"../../../../../../utils/bha.js";import"jsona";import{postAnnotation as _}from"../../../../../../clients/jsonApi/index.js";import"@babel/runtime/helpers/objectWithoutProperties";import"../../../../../../utils/charts/Styles.scss.js";import"../../../../../../utils/getSingleAsset.js";import"../../../../../DevCenter/DevCenterRouterContext/DevCenterRouterContext.js";import"../../../../../DevCenter/DevCenterRouterContext/UniversalLink/UniversalLink.js";import{withUniversalLocationHOC as D}from"../../../../../DevCenter/DevCenterRouterContext/hocs/withUniversalLocationHOC.js";import{jsxs as P,jsx as k}from"react/jsx-runtime";var q=function(s){var a,m=s.appId,p=s.assetId,c=s.assetCompanyId,f=s.appSettings,D=s.currentUser,q=void 0===D?N:D,T=s.classes,U=s.location,F=s.dashboardType,S=void 0===F?null:F,L=b(),w=i(!1),O=o(w,2),z=O[0],G=O[1],M=n(null);x(M,(function(){G(!1)}));var W,E=(W=e(r.mark((function t(e,o,s){var i,n,a,l;return r.wrap((function(t){for(;;)switch(t.prev=t.next){case 0:return t.prev=0,i={app_id:m,asset_id:p,body:e,active_until:o,attachment:{file_name:s&&s.attachmentName,s3_link:s&&s.attachmentUrl},settings:f},n={},S&&(n.dashboard_type=S),(a=d(U,"query.time"))&&(i.data_timestamp=u(a).format()),t.next=8,_(i,n);case 8:l=t.sent,L({type:g,annotation:l}),t.next=17;break;case 12:return t.prev=12,t.t0=t.catch(0),R("Error during annotation creation"),console.error(t.t0),t.abrupt("return");case 17:I("Annotation has been added"),G(!1);case 19:case"end":return t.stop()}}),t,null,[[0,12]])}))),function(t,e,o){return W.apply(this,arguments)});return P("div",{className:A.cAddAnnotationFormInput,children:[k(C,{displayName:"".concat(q.first_name," ").concat(q.last_name),imgSrc:q.profile_photo,size:36}),P("div",{className:l(A.cAddAnnotationFormInputPaper,(a={},t(a,A.cAddAnnotationFormInputPaperOpened,z),t(a,A.cAddAnnotationFormInputPaperClosed,!z),a)),children:[k(j,{in:!z,timeout:500,children:k(h,{className:A.cAddAnnotationFormInputPaperLabel,children:k(v,{variant:"body2","data-testid":"".concat("AppAnnotationsPo","_collapsedInput"),className:T.inputLabel,onClick:function(){return G(!0)},children:"Type annotation here"})})}),k(j,{in:z,timeout:100,children:k("div",{className:A.cAddAnnotationFormInputPaperAddAnnotation,children:z&&k(y,{onSend:E,assetCompanyId:c,currentUser:q})})})]})]})};q.propTypes={appId:a.isRequired,assetId:a.isRequired,assetCompanyId:a.isRequired,appSettings:m().isRequired,currentUser:m({}),classes:m().isRequired,location:m().isRequired,dashboardType:p};var N={},T=c([f((function(t){return{inputLabel:{color:t.palette.grey[700],fontWeight:200,width:"100%"}}})),D])(s(q));export{T as default};
+import t from"@babel/runtime/helpers/defineProperty";import e from"@babel/runtime/helpers/asyncToGenerator";import o from"@babel/runtime/helpers/slicedToArray";import r from"@babel/runtime/regenerator";import{memo as s,useState as i,useRef as n}from"react";import{number as a,shape as m,string as p}from"prop-types";import l from"classnames";import{flowRight as c,get as d}from"lodash";import u from"moment";import{withStyles as f}from"@material-ui/core/styles";import{Fade as j,Paper as h,Typography as v}from"@material-ui/core";import{useAnnotationsDispatch as b}from"../../../../AnnotationsContext.js";import{ADD_ANNOTATION as g}from"../../../../constants.js";import y from"../AnnotationInput/index.js";import A from"./style.css.js";import{AvatarComponent as C}from"../../../../../Avatar/index.js";import x from"../../../../../../effects/useOutsideClick.js";import"../../../../../UserMention/utils/index.js";import"../../../../../../utils/convert.js";import"../../../../../../constants/completion.js";import"../../../../../../constants/alerts.js";import"../../../../../../utils/casing/validation.js";import"lodash/mean";import"../../../../../../constants/streamSourceType.js";import"lodash/get";import"file-saver";import"query-string";import"../../../../../../constants/goals.js";import"../../../../../../constants/segment.js";import"../../../../../../constants/apps.js";import"../../../../../../constants/drillstring.js";import"../../../../../../constants/appPackages.js";import"../../../../../../constants/notifications.js";import"../../../../../../constants/feed.js";import"../../../../../../constants/bha.js";import"../../../../../../constants/corvaCompanyId.js";import"../../../../../GradientManager/configuration/constants.js";import"../../../../../../utils/drillstring/conversion.js";import"lodash/set";import"lodash/cloneDeep";import"@babel/runtime/helpers/toConsumableArray";import"lodash/isNumber";import"lodash/has";import"../../../../../../utils/ga.js";import"../../../../../../utils/goalsConfig/goalsConfig.js";import"../../../../../../utils/lasParser.js";import"../../../../../../utils/main.js";import"../../../../../../utils/metrics/metricsConfig.js";import"../../../../../../utils/mobileDetect.js";import"../../../../../../utils/feed.js";import"../../../../../../utils/reports.js";import"moment-timezone";import{showSuccessNotification as I,showErrorNotification as R}from"../../../../../../utils/notificationToasts.js";import"@babel/runtime/helpers/typeof";import"../../../../../../utils/dashboardReports.js";import"../../../../../../utils/env.js";import"file-extension";import"image-extensions";import"video-extensions";import"../../../../../../utils/jsonaDataFormatter.js";import"../../../../../../utils/bha.js";import"jsona";import{postAnnotation as _}from"../../../../../../clients/jsonApi/index.js";import"../../../../../../utils/shareRecentRequest.js";import"@babel/runtime/helpers/objectWithoutProperties";import"../../../../../../utils/charts/Styles.scss.js";import"../../../../../../utils/getSingleAsset.js";import"../../../../../DevCenter/DevCenterRouterContext/DevCenterRouterContext.js";import"../../../../../DevCenter/DevCenterRouterContext/UniversalLink/UniversalLink.js";import{withUniversalLocationHOC as D}from"../../../../../DevCenter/DevCenterRouterContext/hocs/withUniversalLocationHOC.js";import{jsxs as P,jsx as q}from"react/jsx-runtime";var k=function(s){var a,m=s.appId,p=s.assetId,c=s.assetCompanyId,f=s.appSettings,D=s.currentUser,k=void 0===D?N:D,T=s.classes,U=s.location,F=s.dashboardType,S=void 0===F?null:F,L=b(),w=i(!1),O=o(w,2),z=O[0],G=O[1],M=n(null);x(M,(function(){G(!1)}));var W,E=(W=e(r.mark((function t(e,o,s){var i,n,a,l;return r.wrap((function(t){for(;;)switch(t.prev=t.next){case 0:return t.prev=0,i={app_id:m,asset_id:p,body:e,active_until:o,attachment:{file_name:s&&s.attachmentName,s3_link:s&&s.attachmentUrl},settings:f},n={},S&&(n.dashboard_type=S),(a=d(U,"query.time"))&&(i.data_timestamp=u(a).format()),t.next=8,_(i,n);case 8:l=t.sent,L({type:g,annotation:l}),t.next=17;break;case 12:return t.prev=12,t.t0=t.catch(0),R("Error during annotation creation"),console.error(t.t0),t.abrupt("return");case 17:I("Annotation has been added"),G(!1);case 19:case"end":return t.stop()}}),t,null,[[0,12]])}))),function(t,e,o){return W.apply(this,arguments)});return P("div",{className:A.cAddAnnotationFormInput,children:[q(C,{displayName:"".concat(k.first_name," ").concat(k.last_name),imgSrc:k.profile_photo,size:36}),P("div",{className:l(A.cAddAnnotationFormInputPaper,(a={},t(a,A.cAddAnnotationFormInputPaperOpened,z),t(a,A.cAddAnnotationFormInputPaperClosed,!z),a)),children:[q(j,{in:!z,timeout:500,children:q(h,{className:A.cAddAnnotationFormInputPaperLabel,children:q(v,{variant:"body2","data-testid":"".concat("AppAnnotationsPo","_collapsedInput"),className:T.inputLabel,onClick:function(){return G(!0)},children:"Type annotation here"})})}),q(j,{in:z,timeout:100,children:q("div",{className:A.cAddAnnotationFormInputPaperAddAnnotation,children:z&&q(y,{onSend:E,assetCompanyId:c,currentUser:k})})})]})]})};k.propTypes={appId:a.isRequired,assetId:a.isRequired,assetCompanyId:a.isRequired,appSettings:m().isRequired,currentUser:m({}),classes:m().isRequired,location:m().isRequired,dashboardType:p};var N={},T=c([f((function(t){return{inputLabel:{color:t.palette.grey[700],fontWeight:200,width:"100%"}}})),D])(s(k));export{T as default};
 //# sourceMappingURL=index.js.map

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

	@@ -1 +1 @@
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';\nimport { withStyles } from '@material-ui/core/styles';\nimport { Paper, Fade, Typography } from '@material-ui/core';\n\nimport { useAnnotationsDispatch } from '../../../../AnnotationsContext';\nimport { ADD_ANNOTATION } from '../../../../constants';\nimport AnnotationInput from '../AnnotationInput';\n\nimport styles from './style.css';\n\nimport Avatar from '~components/Avatar';\nimport useOutsideClick from '~effects/useOutsideClick';\nimport { showSuccessNotification, showErrorNotification } from '~/utils';\nimport { postAnnotation } from '~/clients/jsonApi';\nimport { withUniversalLocationHOC } from '~/components/DevCenter/DevCenterRouterContext';\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 = DEFAULT_ADD_ANNOTATION_FORM_CURRENT_USER,\n classes,\n location,\n dashboardType = null,\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\nconst DEFAULT_ADD_ANNOTATION_FORM_CURRENT_USER = {};\n\nexport default flowRight([withStyles(muiStyles), withUniversalLocationHOC])(\n memo(AddAnnotationForm)\n);\n"],"names":["AddAnnotationForm","_ref","_classNames","appId","assetId","assetCompanyId","appSettings","_ref$currentUser","currentUser","DEFAULT_ADD_ANNOTATION_FORM_CURRENT_USER","classes","location","_ref$dashboardType","dashboardType","dispatch","useAnnotationsDispatch","useState","_useState2","_slicedToArray","_useState","inputIsOpen","setInputIsOpen","containerRef","useRef","useOutsideClick","_ref2","handlePost","_asyncToGenerator","_regeneratorRuntime","mark","body","period","attachment","annotation","options","queryTime","newAnnotation","wrap","_context","prev","next","app_id","asset_id","active_until","file_name","attachmentName","s3_link","attachmentUrl","settings","dashboard_type","get","data_timestamp","moment","format","postAnnotation","sent","type","ADD_ANNOTATION","t0","showErrorNotification","console","error","abrupt","showSuccessNotification","stop","_callee","_x","_x2","_x3","apply","this","arguments","_jsxs","className","styles","cAddAnnotationFormInput","children","_jsx","Avatar","displayName","concat","first_name","last_name","imgSrc","profile_photo","size","classNames","cAddAnnotationFormInputPaper","cAddAnnotationFormInputPaperOpened","cAddAnnotationFormInputPaperClosed","Fade","in","timeout","Paper","cAddAnnotationFormInputPaperLabel","Typography","variant","inputLabel","onClick","cAddAnnotationFormInputPaperAddAnnotation","AnnotationInput","onSend","propTypes","number","isRequired","shape","string","AddAnnotationForm$1","flowRight","withStyles","theme","color","palette","grey","fontWeight","width","withUniversalLocationHOC","memo"],"mappings":"~~8vGAoBA~~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"}
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';\nimport { withStyles } from '@material-ui/core/styles';\nimport { Paper, Fade, Typography } from '@material-ui/core';\n\nimport { useAnnotationsDispatch } from '../../../../AnnotationsContext';\nimport { ADD_ANNOTATION } from '../../../../constants';\nimport AnnotationInput from '../AnnotationInput';\n\nimport styles from './style.css';\n\nimport Avatar from '~components/Avatar';\nimport useOutsideClick from '~effects/useOutsideClick';\nimport { showSuccessNotification, showErrorNotification } from '~/utils';\nimport { postAnnotation } from '~/clients/jsonApi';\nimport { withUniversalLocationHOC } from '~/components/DevCenter/DevCenterRouterContext';\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 = DEFAULT_ADD_ANNOTATION_FORM_CURRENT_USER,\n classes,\n location,\n dashboardType = null,\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\nconst DEFAULT_ADD_ANNOTATION_FORM_CURRENT_USER = {};\n\nexport default flowRight([withStyles(muiStyles), withUniversalLocationHOC])(\n memo(AddAnnotationForm)\n);\n"],"names":["AddAnnotationForm","_ref","_classNames","appId","assetId","assetCompanyId","appSettings","_ref$currentUser","currentUser","DEFAULT_ADD_ANNOTATION_FORM_CURRENT_USER","classes","location","_ref$dashboardType","dashboardType","dispatch","useAnnotationsDispatch","useState","_useState2","_slicedToArray","_useState","inputIsOpen","setInputIsOpen","containerRef","useRef","useOutsideClick","_ref2","handlePost","_asyncToGenerator","_regeneratorRuntime","mark","body","period","attachment","annotation","options","queryTime","newAnnotation","wrap","_context","prev","next","app_id","asset_id","active_until","file_name","attachmentName","s3_link","attachmentUrl","settings","dashboard_type","get","data_timestamp","moment","format","postAnnotation","sent","type","ADD_ANNOTATION","t0","showErrorNotification","console","error","abrupt","showSuccessNotification","stop","_callee","_x","_x2","_x3","apply","this","arguments","_jsxs","className","styles","cAddAnnotationFormInput","children","_jsx","Avatar","displayName","concat","first_name","last_name","imgSrc","profile_photo","size","classNames","cAddAnnotationFormInputPaper","cAddAnnotationFormInputPaperOpened","cAddAnnotationFormInputPaperClosed","Fade","in","timeout","Paper","cAddAnnotationFormInputPaperLabel","Typography","variant","inputLabel","onClick","cAddAnnotationFormInputPaperAddAnnotation","AnnotationInput","onSend","propTypes","number","isRequired","shape","string","AddAnnotationForm$1","flowRight","withStyles","theme","color","palette","grey","fontWeight","width","withUniversalLocationHOC","memo"],"mappings":"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"}

package/components/Annotations/components/AnnotationsList/index.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import t from"@babel/runtime/helpers/defineProperty";import e from"@babel/runtime/helpers/asyncToGenerator";import o from"@babel/runtime/helpers/slicedToArray";import s from"@babel/runtime/regenerator";import{memo as i,useRef as n,useState as r,useEffect as a}from"react";import{number as p,string as m,shape as c,func as l,bool as d}from"prop-types";import u from"classnames";import{withStyles as f}from"@material-ui/core/styles";import{RootRef as h,Paper as j,Typography as g,Tooltip as b,IconButton as y}from"@material-ui/core";import v from"@material-ui/icons/ChevronLeft";import{getAnnotations as A}from"../../../../clients/jsonApi/index.js";import{useAnnotationsState as C,useAnnotationsDispatch as I}from"../../AnnotationsContext.js";import{SET_ANNOTATIONS as x,APPEND_ANNOTATIONS as T}from"../../constants.js";import N from"./components/AddAnnotationForm/index.js";import k from"./components/Annotation/index.js";import L from"./style.css.js";import"../../../UserMention/utils/index.js";import"../../../../utils/convert.js";import"../../../../constants/completion.js";import"moment";import"../../../../constants/alerts.js";import"../../../../utils/casing/validation.js";import"lodash/mean";import"lodash";import"../../../../constants/streamSourceType.js";import"lodash/get";import"file-saver";import"query-string";import"../../../../constants/goals.js";import"../../../../constants/segment.js";import"../../../../constants/apps.js";import"../../../../constants/drillstring.js";import"../../../../constants/appPackages.js";import"../../../../constants/notifications.js";import"../../../../constants/feed.js";import"../../../../constants/bha.js";import"../../../../constants/corvaCompanyId.js";import"../../../GradientManager/configuration/constants.js";import"../../../../utils/drillstring/conversion.js";import"lodash/set";import"lodash/cloneDeep";import"@babel/runtime/helpers/toConsumableArray";import"lodash/isNumber";import"lodash/has";import"../../../../utils/ga.js";import"../../../../utils/goalsConfig/goalsConfig.js";import"../../../../utils/lasParser.js";import"../../../../utils/main.js";import"../../../../utils/metrics/metricsConfig.js";import{isNativeDetected as R}from"../../../../utils/mobileDetect.js";import"../../../../utils/feed.js";import"../../../../utils/reports.js";import"moment-timezone";import{showSuccessNotification as q}from"../../../../utils/notificationToasts.js";import"@babel/runtime/helpers/typeof";import"../../../../utils/dashboardReports.js";import"../../../../utils/env.js";import"file-extension";import"image-extensions";import"video-extensions";import"../../../../utils/jsonaDataFormatter.js";import"../../../../utils/bha.js";import"jsona";import"@babel/runtime/helpers/objectWithoutProperties";import"../../../../utils/charts/Styles.scss.js";import"../../../../utils/getSingleAsset.js";import S from"../../../InfiniteList/index.js";import _ from"../../../../effects/useOutsideClick.js";import{jsx as w,jsxs as P,Fragment as U}from"react/jsx-runtime";var F="AppAnnotationsPo",H=function(i){var p,m=i.appId,c=i.appTitle,l=i.assetId,d=i.assetCompanyId,f=i.appSettings,R=void 0===f?W:f,H=i.currentUser,M=i.onClose,O=i.isNative,B=void 0===O?D:O,G=i.classes,z=i.dashboardType,E=void 0===z?null:z,J=C().annotations,K=I(),Q=n(),V=n();_(Q,M);var X=r(!1),Y=o(X,2),Z=Y[0],$=Y[1],tt=r(!0),et=o(tt,2),ot=et[0],st=et[1],it=r(!0),nt=o(it,2),rt=nt[0],at=nt[1],pt=r(1),mt=o(pt,2),ct=mt[0],lt=mt[1];function dt(){return(dt=e(s.mark((function t(){var e,o,i;return s.wrap((function(t){for(;;)switch(t.prev=t.next){case 0:if(m&&l){t.next=2;break}return t.abrupt("return");case 2:return st(!0),t.prev=3,o={page:ct,per_page:4,sort:"created_at",order:"desc"},E&&(o.dashboard_type=E),t.next=8,A(m,l,o);case 8:e=t.sent,K({type:1===ct?x:T,annotations:e}),t.next=15;break;case 12:t.prev=12,t.t0=t.catch(3),console.error(t.t0);case 15:i=e&&e.data.length<4,lt(ct+1),at(!i),st(!1);case 19:case"end":return t.stop()}}),t,null,[[3,12]])})))).apply(this,arguments)}return a((function(){$(!0)}),[]),w(h,{rootRef:Q,children:P(j,{className:u(L.cAnnotationsList,(p={},t(p,L.cAnnotationsListOpen,Z),t(p,L.cAnnotationsListOpenNative,B),p)),children:[w(S,{infiniteClassName:L.cAnnotationsListContentContainer,headerComponent:P(U,{children:[w(g,{"data-testid":"".concat(F,"_appTitle"),variant:"body1",className:G.title,children:c}),w("div",{className:L.cAnnotationsListContentTop,children:P(g,{"data-testid":"".concat(F,"_annotationsTitle"),variant:"caption",className:G.secondaryTitle,children:["Annotations (",J.data?J.data.length:0,")"]})}),w(N,{appId:m,assetId:l,assetCompanyId:d,appSettings:R,currentUser:H,dashboardType:E})]}),useWindow:B,items:J.data||[],showNoItemsFound:!(J.data&&0!==J.data.length||ot),noItemsFoundLabel:w(g,{variant:"body2","data-testid":"".concat(F,"_noAnnotations"),className:G.noAnnotations,children:"No Annotations yet"}),threshold:50,infiniteContainerHeight:Q.current&&V.current?Q.current.clientHeight-V.current.clientHeight:null,moreItemsMayExist:rt,pathToCreatedAt:["attributes","created_at"],renderItem:function(t){return w(k,{isNative:B,annotation:t,assetCompanyId:d,included:J.included,currentUser:H,showSuccessNotification:q},t.id)},loadItems:function(){return dt.apply(this,arguments)}}),w("div",{className:L.cAnnotationsListActions,ref:V,children:w(b,{title:"Hide",placement:"bottom",children:w(y,{"data-testid":"".concat(F,"_hideButton"),onClick:M,className:G.backIcon,children:w(v,{})})})})]})})};H.propTypes={appId:p.isRequired,appTitle:m.isRequired,assetId:p.isRequired,assetCompanyId:p.isRequired,appSettings:c(),classes:c().isRequired,onClose:l.isRequired,currentUser:c({}).isRequired,isNative:d,dashboardType:m};var W={},D=R,M=f((function(t){return{title:{fontWeight:200,marginBottom:20},secondaryTitle:{fontWeight:200,textTransform:"uppercase",color:t.palette.grey[600]},annotateIcon:{padding:0,"&:hover":{backgroundColor:"transparent",boxShadow:"none"}},noAnnotations:{marginTop:16},backIcon:{cursor:"pointer",color:t.palette.grey[600],padding:5}}}))(i(H));export{M as default};
+import t from"@babel/runtime/helpers/defineProperty";import e from"@babel/runtime/helpers/asyncToGenerator";import o from"@babel/runtime/helpers/slicedToArray";import s from"@babel/runtime/regenerator";import{memo as i,useRef as n,useState as r,useEffect as a}from"react";import{number as p,string as m,shape as c,func as l,bool as d}from"prop-types";import u from"classnames";import{withStyles as f}from"@material-ui/core/styles";import{RootRef as h,Paper as j,Typography as g,Tooltip as b,IconButton as y}from"@material-ui/core";import v from"@material-ui/icons/ChevronLeft";import{getAnnotations as A}from"../../../../clients/jsonApi/index.js";import{useAnnotationsState as C,useAnnotationsDispatch as I}from"../../AnnotationsContext.js";import{SET_ANNOTATIONS as x,APPEND_ANNOTATIONS as T}from"../../constants.js";import N from"./components/AddAnnotationForm/index.js";import R from"./components/Annotation/index.js";import k from"./style.css.js";import"../../../UserMention/utils/index.js";import"../../../../utils/convert.js";import"../../../../constants/completion.js";import"moment";import"../../../../constants/alerts.js";import"../../../../utils/casing/validation.js";import"lodash/mean";import"lodash";import"../../../../constants/streamSourceType.js";import"lodash/get";import"file-saver";import"query-string";import"../../../../constants/goals.js";import"../../../../constants/segment.js";import"../../../../constants/apps.js";import"../../../../constants/drillstring.js";import"../../../../constants/appPackages.js";import"../../../../constants/notifications.js";import"../../../../constants/feed.js";import"../../../../constants/bha.js";import"../../../../constants/corvaCompanyId.js";import"../../../GradientManager/configuration/constants.js";import"../../../../utils/drillstring/conversion.js";import"lodash/set";import"lodash/cloneDeep";import"@babel/runtime/helpers/toConsumableArray";import"lodash/isNumber";import"lodash/has";import"../../../../utils/ga.js";import"../../../../utils/goalsConfig/goalsConfig.js";import"../../../../utils/lasParser.js";import"../../../../utils/main.js";import"../../../../utils/metrics/metricsConfig.js";import{isNativeDetected as q}from"../../../../utils/mobileDetect.js";import"../../../../utils/feed.js";import"../../../../utils/reports.js";import"moment-timezone";import{showSuccessNotification as L}from"../../../../utils/notificationToasts.js";import"@babel/runtime/helpers/typeof";import"../../../../utils/dashboardReports.js";import"../../../../utils/env.js";import"file-extension";import"image-extensions";import"video-extensions";import"../../../../utils/jsonaDataFormatter.js";import"../../../../utils/bha.js";import"jsona";import"../../../../utils/shareRecentRequest.js";import"@babel/runtime/helpers/objectWithoutProperties";import"../../../../utils/charts/Styles.scss.js";import"../../../../utils/getSingleAsset.js";import S from"../../../InfiniteList/index.js";import _ from"../../../../effects/useOutsideClick.js";import{jsx as w,jsxs as P,Fragment as U}from"react/jsx-runtime";var F="AppAnnotationsPo",H=function(i){var p,m=i.appId,c=i.appTitle,l=i.assetId,d=i.assetCompanyId,f=i.appSettings,q=void 0===f?W:f,H=i.currentUser,M=i.onClose,O=i.isNative,B=void 0===O?D:O,G=i.classes,z=i.dashboardType,E=void 0===z?null:z,J=C().annotations,K=I(),Q=n(),V=n();_(Q,M);var X=r(!1),Y=o(X,2),Z=Y[0],$=Y[1],tt=r(!0),et=o(tt,2),ot=et[0],st=et[1],it=r(!0),nt=o(it,2),rt=nt[0],at=nt[1],pt=r(1),mt=o(pt,2),ct=mt[0],lt=mt[1];function dt(){return(dt=e(s.mark((function t(){var e,o,i;return s.wrap((function(t){for(;;)switch(t.prev=t.next){case 0:if(m&&l){t.next=2;break}return t.abrupt("return");case 2:return st(!0),t.prev=3,o={page:ct,per_page:4,sort:"created_at",order:"desc"},E&&(o.dashboard_type=E),t.next=8,A(m,l,o);case 8:e=t.sent,K({type:1===ct?x:T,annotations:e}),t.next=15;break;case 12:t.prev=12,t.t0=t.catch(3),console.error(t.t0);case 15:i=e&&e.data.length<4,lt(ct+1),at(!i),st(!1);case 19:case"end":return t.stop()}}),t,null,[[3,12]])})))).apply(this,arguments)}return a((function(){$(!0)}),[]),w(h,{rootRef:Q,children:P(j,{className:u(k.cAnnotationsList,(p={},t(p,k.cAnnotationsListOpen,Z),t(p,k.cAnnotationsListOpenNative,B),p)),children:[w(S,{infiniteClassName:k.cAnnotationsListContentContainer,headerComponent:P(U,{children:[w(g,{"data-testid":"".concat(F,"_appTitle"),variant:"body1",className:G.title,children:c}),w("div",{className:k.cAnnotationsListContentTop,children:P(g,{"data-testid":"".concat(F,"_annotationsTitle"),variant:"caption",className:G.secondaryTitle,children:["Annotations (",J.data?J.data.length:0,")"]})}),w(N,{appId:m,assetId:l,assetCompanyId:d,appSettings:q,currentUser:H,dashboardType:E})]}),useWindow:B,items:J.data||[],showNoItemsFound:!(J.data&&0!==J.data.length||ot),noItemsFoundLabel:w(g,{variant:"body2","data-testid":"".concat(F,"_noAnnotations"),className:G.noAnnotations,children:"No Annotations yet"}),threshold:50,infiniteContainerHeight:Q.current&&V.current?Q.current.clientHeight-V.current.clientHeight:null,moreItemsMayExist:rt,pathToCreatedAt:["attributes","created_at"],renderItem:function(t){return w(R,{isNative:B,annotation:t,assetCompanyId:d,included:J.included,currentUser:H,showSuccessNotification:L},t.id)},loadItems:function(){return dt.apply(this,arguments)}}),w("div",{className:k.cAnnotationsListActions,ref:V,children:w(b,{title:"Hide",placement:"bottom",children:w(y,{"data-testid":"".concat(F,"_hideButton"),onClick:M,className:G.backIcon,children:w(v,{})})})})]})})};H.propTypes={appId:p.isRequired,appTitle:m.isRequired,assetId:p.isRequired,assetCompanyId:p.isRequired,appSettings:c(),classes:c().isRequired,onClose:l.isRequired,currentUser:c({}).isRequired,isNative:d,dashboardType:m};var W={},D=q,M=f((function(t){return{title:{fontWeight:200,marginBottom:20},secondaryTitle:{fontWeight:200,textTransform:"uppercase",color:t.palette.grey[600]},annotateIcon:{padding:0,"&:hover":{backgroundColor:"transparent",boxShadow:"none"}},noAnnotations:{marginTop:16},backIcon:{cursor:"pointer",color:t.palette.grey[600],padding:5}}}))(i(H));export{M as default};
 //# sourceMappingURL=index.js.map

package/components/Annotations/components/AnnotationsList/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","sources":["../../../../../src/components/Annotations/components/AnnotationsList/index.js"],"sourcesContent":["import { memo, useState, useEffect, useRef } from 'react';\nimport { func, bool, shape, number, string } from 'prop-types';\nimport classNames from 'classnames';\nimport { withStyles } from '@material-ui/core/styles';\nimport { Paper, Typography, IconButton, Tooltip, RootRef } from '@material-ui/core';\nimport BackIcon from '@material-ui/icons/ChevronLeft';\n\nimport { getAnnotations } from '../../../../clients/jsonApi';\nimport { useAnnotationsState, useAnnotationsDispatch } from '../../AnnotationsContext';\nimport { SET_ANNOTATIONS, APPEND_ANNOTATIONS } from '../../constants';\n\nimport AddAnnotationForm from './components/AddAnnotationForm';\nimport Annotation from './components/Annotation';\n\nimport styles from './style.css';\n\nimport { showSuccessNotification } from '~/utils';\nimport { isNativeDetected } from '~/utils/mobileDetect';\nimport InfiniteList from '~components/InfiniteList';\nimport useOutsideClick from '~effects/useOutsideClick';\n\nconst PAGE_NAME = 'AppAnnotationsPo';\n\nconst muiStyles = theme => ({\n title: { fontWeight: 200, marginBottom: 20 },\n secondaryTitle: {\n fontWeight: 200,\n textTransform: 'uppercase',\n color: theme.palette.grey[600],\n },\n annotateIcon: {\n padding: 0,\n '&:hover': {\n backgroundColor: 'transparent',\n boxShadow: 'none',\n },\n },\n noAnnotations: { marginTop: 16 },\n backIcon: { cursor: 'pointer', color: theme.palette.grey[600], padding: 5 },\n});\n\nconst PER_PAGE = 4;\n\nconst AnnotationsList = ({\n appId,\n appTitle,\n assetId,\n assetCompanyId,\n appSettings = DEFAULT_ANNOTATIONS_LIST_APP_SETTINGS,\n currentUser,\n onClose,\n isNative = DEFAULT_ANNOTATIONS_LIST_IS_NATIVE,\n classes,\n dashboardType = null,\n}) => {\n const { annotations } = useAnnotationsState();\n const dispatch = useAnnotationsDispatch();\n\n const rootRef = useRef();\n const footerRef = useRef();\n\n const infiniteContainerHeight = () => {\n if (rootRef.current && footerRef.current)\n return rootRef.current.clientHeight - footerRef.current.clientHeight;\n return null;\n };\n\n useOutsideClick(rootRef, onClose);\n\n const [isOpen, setIsOpen] = useState(false);\n const [isInfiniteLoading, setIsInfiniteLoading] = useState(true);\n const [moreItemsMayExist, setMoreItemsMayExist] = useState(true);\n const [page, setPage] = useState(1);\n\n async function handleFetchAnnotations() {\n if (!(appId && assetId)) return;\n setIsInfiniteLoading(true);\n\n let response;\n try {\n const options = {\n page,\n per_page: PER_PAGE,\n sort: 'created_at',\n order: 'desc',\n };\n if (dashboardType) options.dashboard_type = dashboardType;\n\n response = await getAnnotations(appId, assetId, options);\n dispatch({\n type: page === 1 ? SET_ANNOTATIONS : APPEND_ANNOTATIONS,\n annotations: response,\n });\n } catch (e) {\n console.error(e);\n }\n\n const lessThanPerPage = response && response.data.length < PER_PAGE;\n\n setPage(page + 1);\n setMoreItemsMayExist(!lessThanPerPage);\n setIsInfiniteLoading(false);\n }\n\n useEffect(() => {\n setIsOpen(true); // NOTE: Opens here because of for the sliding effect on open\n }, []); // eslint-disable-line react-hooks/exhaustive-deps\n\n return (\n <RootRef rootRef={rootRef}>\n <Paper\n className={classNames(styles.cAnnotationsList, {\n [styles.cAnnotationsListOpen]: isOpen,\n [styles.cAnnotationsListOpenNative]: isNative,\n })}\n >\n <InfiniteList\n infiniteClassName={styles.cAnnotationsListContentContainer}\n headerComponent={\n <>\n <Typography\n data-testid={`${PAGE_NAME}_appTitle`}\n variant=\"body1\"\n className={classes.title}\n >\n {appTitle}\n </Typography>\n\n <div className={styles.cAnnotationsListContentTop}>\n <Typography\n data-testid={`${PAGE_NAME}_annotationsTitle`}\n variant=\"caption\"\n className={classes.secondaryTitle}\n >\n Annotations ({annotations.data ? annotations.data.length : 0})\n </Typography>\n </div>\n\n <AddAnnotationForm\n appId={appId}\n assetId={assetId}\n assetCompanyId={assetCompanyId}\n appSettings={appSettings}\n currentUser={currentUser}\n dashboardType={dashboardType}\n />\n </>\n }\n useWindow={isNative}\n items={annotations.data \|\| []}\n showNoItemsFound={\n (!annotations.data \|\| annotations.data.length === 0) && !isInfiniteLoading\n }\n noItemsFoundLabel={\n <Typography\n variant=\"body2\"\n data-testid={`${PAGE_NAME}_noAnnotations`}\n className={classes.noAnnotations}\n >\n No Annotations yet\n </Typography>\n }\n threshold={50}\n infiniteContainerHeight={infiniteContainerHeight()}\n moreItemsMayExist={moreItemsMayExist}\n pathToCreatedAt={['attributes', 'created_at']}\n renderItem={item => (\n <Annotation\n key={item.id}\n isNative={isNative}\n annotation={item}\n assetCompanyId={assetCompanyId}\n included={annotations.included}\n currentUser={currentUser}\n showSuccessNotification={showSuccessNotification}\n />\n )}\n loadItems={handleFetchAnnotations}\n />\n <div className={styles.cAnnotationsListActions} ref={footerRef}>\n <Tooltip title=\"Hide\" placement=\"bottom\">\n <IconButton\n data-testid={`${PAGE_NAME}_hideButton`}\n onClick={onClose}\n className={classes.backIcon}\n >\n <BackIcon />\n </IconButton>\n </Tooltip>\n </div>\n </Paper>\n </RootRef>\n );\n};\n\nAnnotationsList.propTypes = {\n appId: number.isRequired,\n appTitle: string.isRequired,\n assetId: number.isRequired,\n assetCompanyId: number.isRequired,\n appSettings: shape(),\n classes: shape().isRequired,\n onClose: func.isRequired,\n currentUser: shape({}).isRequired,\n isNative: bool,\n dashboardType: string,\n};\n\nconst DEFAULT_ANNOTATIONS_LIST_APP_SETTINGS = {};\nconst DEFAULT_ANNOTATIONS_LIST_IS_NATIVE = isNativeDetected;\n\nexport default withStyles(muiStyles)(memo(AnnotationsList));\n"],"names":["PAGE_NAME","AnnotationsList","_ref","_classNames","appId","appTitle","assetId","assetCompanyId","_ref$appSettings","appSettings","DEFAULT_ANNOTATIONS_LIST_APP_SETTINGS","currentUser","onClose","_ref$isNative","isNative","DEFAULT_ANNOTATIONS_LIST_IS_NATIVE","classes","_ref$dashboardType","dashboardType","annotations","useAnnotationsState","dispatch","useAnnotationsDispatch","rootRef","useRef","footerRef","useOutsideClick","useState","_useState2","_slicedToArray","_useState","isOpen","setIsOpen","_useState4","_useState3","isInfiniteLoading","setIsInfiniteLoading","_useState6","_useState5","moreItemsMayExist","setMoreItemsMayExist","_useState8","_useState7","page","setPage","_handleFetchAnnotations","_asyncToGenerator","_regeneratorRuntime","mark","_callee","response","options","lessThanPerPage","wrap","_context","prev","next","abrupt","per_page","sort","order","dashboard_type","getAnnotations","sent","type","SET_ANNOTATIONS","APPEND_ANNOTATIONS","t0","console","error","data","length","stop","apply","this","arguments","useEffect","_jsx","RootRef","children","_jsxs","Paper","className","classNames","styles","cAnnotationsList","cAnnotationsListOpen","cAnnotationsListOpenNative","InfiniteList","infiniteClassName","cAnnotationsListContentContainer","headerComponent","_Fragment","Typography","concat","variant","title","cAnnotationsListContentTop","secondaryTitle","AddAnnotationForm","useWindow","items","showNoItemsFound","noItemsFoundLabel","noAnnotations","threshold","infiniteContainerHeight","current","clientHeight","pathToCreatedAt","renderItem","item","Annotation","annotation","included","showSuccessNotification","id","loadItems","cAnnotationsListActions","ref","Tooltip","placement","IconButton","onClick","backIcon","BackIcon","propTypes","number","isRequired","string","shape","func","bool","isNativeDetected","withStyles","theme","fontWeight","marginBottom","textTransform","color","palette","grey","annotateIcon","padding","backgroundColor","boxShadow","marginTop","cursor","memo"],"mappings":"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"}
1	+ {"version":3,"file":"index.js","sources":["../../../../../src/components/Annotations/components/AnnotationsList/index.js"],"sourcesContent":["import { memo, useState, useEffect, useRef } from 'react';\nimport { func, bool, shape, number, string } from 'prop-types';\nimport classNames from 'classnames';\nimport { withStyles } from '@material-ui/core/styles';\nimport { Paper, Typography, IconButton, Tooltip, RootRef } from '@material-ui/core';\nimport BackIcon from '@material-ui/icons/ChevronLeft';\n\nimport { getAnnotations } from '../../../../clients/jsonApi';\nimport { useAnnotationsState, useAnnotationsDispatch } from '../../AnnotationsContext';\nimport { SET_ANNOTATIONS, APPEND_ANNOTATIONS } from '../../constants';\n\nimport AddAnnotationForm from './components/AddAnnotationForm';\nimport Annotation from './components/Annotation';\n\nimport styles from './style.css';\n\nimport { showSuccessNotification } from '~/utils';\nimport { isNativeDetected } from '~/utils/mobileDetect';\nimport InfiniteList from '~components/InfiniteList';\nimport useOutsideClick from '~effects/useOutsideClick';\n\nconst PAGE_NAME = 'AppAnnotationsPo';\n\nconst muiStyles = theme => ({\n title: { fontWeight: 200, marginBottom: 20 },\n secondaryTitle: {\n fontWeight: 200,\n textTransform: 'uppercase',\n color: theme.palette.grey[600],\n },\n annotateIcon: {\n padding: 0,\n '&:hover': {\n backgroundColor: 'transparent',\n boxShadow: 'none',\n },\n },\n noAnnotations: { marginTop: 16 },\n backIcon: { cursor: 'pointer', color: theme.palette.grey[600], padding: 5 },\n});\n\nconst PER_PAGE = 4;\n\nconst AnnotationsList = ({\n appId,\n appTitle,\n assetId,\n assetCompanyId,\n appSettings = DEFAULT_ANNOTATIONS_LIST_APP_SETTINGS,\n currentUser,\n onClose,\n isNative = DEFAULT_ANNOTATIONS_LIST_IS_NATIVE,\n classes,\n dashboardType = null,\n}) => {\n const { annotations } = useAnnotationsState();\n const dispatch = useAnnotationsDispatch();\n\n const rootRef = useRef();\n const footerRef = useRef();\n\n const infiniteContainerHeight = () => {\n if (rootRef.current && footerRef.current)\n return rootRef.current.clientHeight - footerRef.current.clientHeight;\n return null;\n };\n\n useOutsideClick(rootRef, onClose);\n\n const [isOpen, setIsOpen] = useState(false);\n const [isInfiniteLoading, setIsInfiniteLoading] = useState(true);\n const [moreItemsMayExist, setMoreItemsMayExist] = useState(true);\n const [page, setPage] = useState(1);\n\n async function handleFetchAnnotations() {\n if (!(appId && assetId)) return;\n setIsInfiniteLoading(true);\n\n let response;\n try {\n const options = {\n page,\n per_page: PER_PAGE,\n sort: 'created_at',\n order: 'desc',\n };\n if (dashboardType) options.dashboard_type = dashboardType;\n\n response = await getAnnotations(appId, assetId, options);\n dispatch({\n type: page === 1 ? SET_ANNOTATIONS : APPEND_ANNOTATIONS,\n annotations: response,\n });\n } catch (e) {\n console.error(e);\n }\n\n const lessThanPerPage = response && response.data.length < PER_PAGE;\n\n setPage(page + 1);\n setMoreItemsMayExist(!lessThanPerPage);\n setIsInfiniteLoading(false);\n }\n\n useEffect(() => {\n setIsOpen(true); // NOTE: Opens here because of for the sliding effect on open\n }, []); // eslint-disable-line react-hooks/exhaustive-deps\n\n return (\n <RootRef rootRef={rootRef}>\n <Paper\n className={classNames(styles.cAnnotationsList, {\n [styles.cAnnotationsListOpen]: isOpen,\n [styles.cAnnotationsListOpenNative]: isNative,\n })}\n >\n <InfiniteList\n infiniteClassName={styles.cAnnotationsListContentContainer}\n headerComponent={\n <>\n <Typography\n data-testid={`${PAGE_NAME}_appTitle`}\n variant=\"body1\"\n className={classes.title}\n >\n {appTitle}\n </Typography>\n\n <div className={styles.cAnnotationsListContentTop}>\n <Typography\n data-testid={`${PAGE_NAME}_annotationsTitle`}\n variant=\"caption\"\n className={classes.secondaryTitle}\n >\n Annotations ({annotations.data ? annotations.data.length : 0})\n </Typography>\n </div>\n\n <AddAnnotationForm\n appId={appId}\n assetId={assetId}\n assetCompanyId={assetCompanyId}\n appSettings={appSettings}\n currentUser={currentUser}\n dashboardType={dashboardType}\n />\n </>\n }\n useWindow={isNative}\n items={annotations.data \|\| []}\n showNoItemsFound={\n (!annotations.data \|\| annotations.data.length === 0) && !isInfiniteLoading\n }\n noItemsFoundLabel={\n <Typography\n variant=\"body2\"\n data-testid={`${PAGE_NAME}_noAnnotations`}\n className={classes.noAnnotations}\n >\n No Annotations yet\n </Typography>\n }\n threshold={50}\n infiniteContainerHeight={infiniteContainerHeight()}\n moreItemsMayExist={moreItemsMayExist}\n pathToCreatedAt={['attributes', 'created_at']}\n renderItem={item => (\n <Annotation\n key={item.id}\n isNative={isNative}\n annotation={item}\n assetCompanyId={assetCompanyId}\n included={annotations.included}\n currentUser={currentUser}\n showSuccessNotification={showSuccessNotification}\n />\n )}\n loadItems={handleFetchAnnotations}\n />\n <div className={styles.cAnnotationsListActions} ref={footerRef}>\n <Tooltip title=\"Hide\" placement=\"bottom\">\n <IconButton\n data-testid={`${PAGE_NAME}_hideButton`}\n onClick={onClose}\n className={classes.backIcon}\n >\n <BackIcon />\n </IconButton>\n </Tooltip>\n </div>\n </Paper>\n </RootRef>\n );\n};\n\nAnnotationsList.propTypes = {\n appId: number.isRequired,\n appTitle: string.isRequired,\n assetId: number.isRequired,\n assetCompanyId: number.isRequired,\n appSettings: shape(),\n classes: shape().isRequired,\n onClose: func.isRequired,\n currentUser: shape({}).isRequired,\n isNative: bool,\n dashboardType: string,\n};\n\nconst DEFAULT_ANNOTATIONS_LIST_APP_SETTINGS = {};\nconst DEFAULT_ANNOTATIONS_LIST_IS_NATIVE = isNativeDetected;\n\nexport default withStyles(muiStyles)(memo(AnnotationsList));\n"],"names":["PAGE_NAME","AnnotationsList","_ref","_classNames","appId","appTitle","assetId","assetCompanyId","_ref$appSettings","appSettings","DEFAULT_ANNOTATIONS_LIST_APP_SETTINGS","currentUser","onClose","_ref$isNative","isNative","DEFAULT_ANNOTATIONS_LIST_IS_NATIVE","classes","_ref$dashboardType","dashboardType","annotations","useAnnotationsState","dispatch","useAnnotationsDispatch","rootRef","useRef","footerRef","useOutsideClick","useState","_useState2","_slicedToArray","_useState","isOpen","setIsOpen","_useState4","_useState3","isInfiniteLoading","setIsInfiniteLoading","_useState6","_useState5","moreItemsMayExist","setMoreItemsMayExist","_useState8","_useState7","page","setPage","_handleFetchAnnotations","_asyncToGenerator","_regeneratorRuntime","mark","_callee","response","options","lessThanPerPage","wrap","_context","prev","next","abrupt","per_page","sort","order","dashboard_type","getAnnotations","sent","type","SET_ANNOTATIONS","APPEND_ANNOTATIONS","t0","console","error","data","length","stop","apply","this","arguments","useEffect","_jsx","RootRef","children","_jsxs","Paper","className","classNames","styles","cAnnotationsList","cAnnotationsListOpen","cAnnotationsListOpenNative","InfiniteList","infiniteClassName","cAnnotationsListContentContainer","headerComponent","_Fragment","Typography","concat","variant","title","cAnnotationsListContentTop","secondaryTitle","AddAnnotationForm","useWindow","items","showNoItemsFound","noItemsFoundLabel","noAnnotations","threshold","infiniteContainerHeight","current","clientHeight","pathToCreatedAt","renderItem","item","Annotation","annotation","included","showSuccessNotification","id","loadItems","cAnnotationsListActions","ref","Tooltip","placement","IconButton","onClick","backIcon","BackIcon","propTypes","number","isRequired","string","shape","func","bool","isNativeDetected","withStyles","theme","fontWeight","marginBottom","textTransform","color","palette","grey","annotateIcon","padding","backgroundColor","boxShadow","marginTop","cursor","memo"],"mappings":"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"}

package/components/AppVersionsSelect/AppVersionsSelect.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import e from"@babel/runtime/helpers/objectWithoutProperties";import t from"@babel/runtime/helpers/defineProperty";import r from"@babel/runtime/helpers/slicedToArray";import{useState as n,useMemo as o,useEffect as a}from"react";import{string as s,func as i}from"prop-types";import{isEmpty as l,maxBy as c}from"lodash";import p from"classnames";import{makeStyles as u,Grid as d,FormControl as m,InputLabel as v,Select as b,ListSubheader as f,MenuItem as h}from"@material-ui/core";import g from"./effects/index.js";import"../../permissions/PermissionsContext.js";import{PERMISSIONS as j}from"../../permissions/constants/index.js";import{withPermissionsHOC as P}from"../../permissions/withPermissionsHOC.js";import"@babel/runtime/helpers/asyncToGenerator";import"@babel/runtime/regenerator";import"../../clients/jsonApi/index.js";import"../../permissions/ProvidePermissions.js";import O from"../TruncatedText/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{PACKAGE_STATUSES as y,PACKAGE_LABELS as A,TEXT_FOR_PACKAGE_LABELS as E}from"../../constants/appPackages.js";import"../../constants/notifications.js";import"../../constants/feed.js";import"../../constants/bha.js";import"../../constants/corvaCompanyId.js";import"../GradientManager/configuration/constants.js";import{jsx as D,jsxs as S}from"react/jsx-runtime";var _=["appId","value"],w=["canReadAppPackages"];function C(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function R(e){for(var r=1;r<arguments.length;r++){var n=null!=arguments[r]?arguments[r]:{};r%2?C(Object(n),!0).forEach((function(r){t(e,r,n[r])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):C(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var k=y,L=A,T=E,x=u((function(e){return{select:{width:250,margin:"8px 0"},menuListRoot:{maxWidth:580},group:{fontStyle:"italic",fontWeight:"bold",fontSize:"12px",color:"#999",backgroundColor:e.palette.background.b9}}})),B=function(e){var s=e.className,i=e.value,u=void 0===i?null:i,g=e.onChange,j=e.isLoading,P=void 0!==j&&j,y=e.disabled,A=void 0!==y&&y,E=e.error,_=void 0===E?null:E,w=e.packages,C=void 0===w?I:w,R=x(),B=n(u),V=r(B,2),G=V[0],M=V[1],F=o((function(){var e,r={},n=(t(e={},L.PROD,{label:"Stable Release - no stable version",value:L.PROD,disabled:!0}),t(e,L.BETA,{label:"Beta - no beta version",value:L.BETA,disabled:!0}),t(e,L.DEV,{label:"Dev - no dev version",value:L.DEV,disabled:!0}),e),o=[];return C.filter((function(e){return e.status!==k.FAILURE})).forEach((function(e){var t=e.version,a=e.package_code_version,s=e.notes,i=e.label,l=e.status,c="v".concat(a||t);if(i){var p=n[i];p.label="".concat(T[i]," ").concat(c," ").concat(s?"-  ".concat(s):""),p.disabled=!1,r[p.value]=e}else r[t]=e,o.push({label:"".concat(c," ").concat(s?"-  ".concat(s):""),value:t,status:l})})),{labeled:Object.values(n),unlabeled:o,packageByValue:r}}),[C]),N=F.labeled,U=F.unlabeled,W=F.packageByValue,H=function(e){var t=arguments.length>1&&void 0!==arguments[1]&&arguments[1];return g(e,W[e],t)},K=C.some((function(e){return!e.label})),q=!l(C);return a((function(){if(q&&!u){var e=N.find((function(e){return!e.disabled}))||c(U.filter((function(e){return e.status===k.PUBLISHED})),"value");M(null==e?void 0:e.value),H(null==e?void 0:e.value)}}),[N,U]),P||_?null:D(d,{children:S(m,{className:p(R.select,s),children:[D(v,{shrink:!(!u&&!G),htmlFor:"appVersion",children:"App Version"}),S(b,{"data-testid":"".concat("DC_versionSelect","_dropdown"),value:u||G,onChange:function(e){return H(e.target.value,!0)},disabled:P||A,label:"App Version",inputProps:{name:"appVersion",id:"appVersion"},MenuProps:{MenuListProps:{classes:{root:R.menuListRoot}}},children:[K&&D(f,{className:R.group,children:"Labelled Versions (When selected always shows current Stable Release, Beta or Dev version)"}),N.map((function(e){var t=e.label,r=e.value,n=e.disabled;return D(h,{"data-testid":"".concat("DC_versionSelect","_option_").concat(t,"MenuItem"),value:r,disabled:n,children:D(O,{children:t})},r)})),K&&D(f,{className:R.group,children:"Other versions (App will always show selected version until version is deleted)"}),U.map((function(e){var t=e.label,r=e.value;return D(h,{"data-testid":"".concat("DC_versionSelect","_option_").concat(t,"MenuItem"),value:r,children:D(O,{children:t})},r)}))]})]})})},I=[],V=function(t){var r=t.appId,n=void 0===r?null:r,o=t.value,a=void 0===o?null:o,s=e(t,_),i=g(n,{status:[k.DRAFT,k.PUBLISHED],order:"desc",sort:"created_at"});return D(B,R(R({value:a},s),i))};V.propTypes={value:s,onChange:i.isRequired,appId:s};var G=P({canReadAppPackages:function(e){var t=e.appId;return j.getCanReadAppPackages(t)}},{loader:null})((function(t){var r=t.canReadAppPackages,n=e(t,w);return r&&D(V,R({},n))}));export{B as AppVersionsSelectView,G as default};
+import e from"@babel/runtime/helpers/objectWithoutProperties";import t from"@babel/runtime/helpers/defineProperty";import r from"@babel/runtime/helpers/slicedToArray";import{useState as n,useMemo as o,useEffect as a}from"react";import{string as s,func as i}from"prop-types";import{isEmpty as l,maxBy as c}from"lodash";import p from"classnames";import{makeStyles as u,Grid as d,FormControl as m,InputLabel as v,Select as b,ListSubheader as f,MenuItem as h}from"@material-ui/core";import g from"./effects/index.js";import"../../permissions/PermissionsContext.js";import{PERMISSIONS as j}from"../../permissions/constants/index.js";import{withPermissionsHOC as P}from"../../permissions/withPermissionsHOC.js";import"@babel/runtime/helpers/asyncToGenerator";import"@babel/runtime/regenerator";import"../../clients/jsonApi/index.js";import"../../utils/shareRecentRequest.js";import"../../permissions/ProvidePermissions.js";import O from"../TruncatedText/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{PACKAGE_STATUSES as y,PACKAGE_LABELS as A,TEXT_FOR_PACKAGE_LABELS as E}from"../../constants/appPackages.js";import"../../constants/notifications.js";import"../../constants/feed.js";import"../../constants/bha.js";import"../../constants/corvaCompanyId.js";import"../GradientManager/configuration/constants.js";import{jsx as D,jsxs as R}from"react/jsx-runtime";var S=["appId","value"],_=["canReadAppPackages"];function w(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function C(e){for(var r=1;r<arguments.length;r++){var n=null!=arguments[r]?arguments[r]:{};r%2?w(Object(n),!0).forEach((function(r){t(e,r,n[r])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):w(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var k=y,L=A,T=E,x=u((function(e){return{select:{width:250,margin:"8px 0"},menuListRoot:{maxWidth:580},group:{fontStyle:"italic",fontWeight:"bold",fontSize:"12px",color:"#999",backgroundColor:e.palette.background.b9}}})),B=function(e){var s=e.className,i=e.value,u=void 0===i?null:i,g=e.onChange,j=e.isLoading,P=void 0!==j&&j,y=e.disabled,A=void 0!==y&&y,E=e.error,S=void 0===E?null:E,_=e.packages,w=void 0===_?I:_,C=x(),B=n(u),V=r(B,2),G=V[0],M=V[1],F=o((function(){var e,r={},n=(t(e={},L.PROD,{label:"Stable Release - no stable version",value:L.PROD,disabled:!0}),t(e,L.BETA,{label:"Beta - no beta version",value:L.BETA,disabled:!0}),t(e,L.DEV,{label:"Dev - no dev version",value:L.DEV,disabled:!0}),e),o=[];return w.filter((function(e){return e.status!==k.FAILURE})).forEach((function(e){var t=e.version,a=e.package_code_version,s=e.notes,i=e.label,l=e.status,c="v".concat(a||t);if(i){var p=n[i];p.label="".concat(T[i]," ").concat(c," ").concat(s?"-  ".concat(s):""),p.disabled=!1,r[p.value]=e}else r[t]=e,o.push({label:"".concat(c," ").concat(s?"-  ".concat(s):""),value:t,status:l})})),{labeled:Object.values(n),unlabeled:o,packageByValue:r}}),[w]),N=F.labeled,U=F.unlabeled,W=F.packageByValue,H=function(e){var t=arguments.length>1&&void 0!==arguments[1]&&arguments[1];return g(e,W[e],t)},K=w.some((function(e){return!e.label})),q=!l(w);return a((function(){if(q&&!u){var e=N.find((function(e){return!e.disabled}))||c(U.filter((function(e){return e.status===k.PUBLISHED})),"value");M(null==e?void 0:e.value),H(null==e?void 0:e.value)}}),[N,U]),P||S?null:D(d,{children:R(m,{className:p(C.select,s),children:[D(v,{shrink:!(!u&&!G),htmlFor:"appVersion",children:"App Version"}),R(b,{"data-testid":"".concat("DC_versionSelect","_dropdown"),value:u||G,onChange:function(e){return H(e.target.value,!0)},disabled:P||A,label:"App Version",inputProps:{name:"appVersion",id:"appVersion"},MenuProps:{MenuListProps:{classes:{root:C.menuListRoot}}},children:[K&&D(f,{className:C.group,children:"Labelled Versions (When selected always shows current Stable Release, Beta or Dev version)"}),N.map((function(e){var t=e.label,r=e.value,n=e.disabled;return D(h,{"data-testid":"".concat("DC_versionSelect","_option_").concat(t,"MenuItem"),value:r,disabled:n,children:D(O,{children:t})},r)})),K&&D(f,{className:C.group,children:"Other versions (App will always show selected version until version is deleted)"}),U.map((function(e){var t=e.label,r=e.value;return D(h,{"data-testid":"".concat("DC_versionSelect","_option_").concat(t,"MenuItem"),value:r,children:D(O,{children:t})},r)}))]})]})})},I=[],V=function(t){var r=t.appId,n=void 0===r?null:r,o=t.value,a=void 0===o?null:o,s=e(t,S),i=g(n,{status:[k.DRAFT,k.PUBLISHED],order:"desc",sort:"created_at"});return D(B,C(C({value:a},s),i))};V.propTypes={value:s,onChange:i.isRequired,appId:s};var G=P({canReadAppPackages:function(e){var t=e.appId;return j.getCanReadAppPackages(t)}},{loader:null})((function(t){var r=t.canReadAppPackages,n=e(t,_);return r&&D(V,C({},n))}));export{B as AppVersionsSelectView,G as default};
 //# sourceMappingURL=AppVersionsSelect.js.map

package/components/AppVersionsSelect/AppVersionsSelect.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"AppVersionsSelect.js","sources":["../../../src/components/AppVersionsSelect/AppVersionsSelect.js"],"sourcesContent":["/* eslint-disable react/prop-types */\nimport { useEffect, useMemo, useState } from 'react';\nimport { string, func } from 'prop-types';\nimport { maxBy, isEmpty } from 'lodash';\nimport classNames from 'classnames';\nimport {\n FormControl,\n Grid,\n InputLabel,\n ListSubheader,\n MenuItem,\n Select,\n makeStyles,\n} from '@material-ui/core';\n\nimport usePackages from './effects';\n\nimport { withPermissionsHOC, PERMISSIONS } from '~/permissions';\nimport TruncatedText from '~/components/TruncatedText';\nimport { appPackages } from '~/constants';\n\nconst { PACKAGE_STATUSES, PACKAGE_LABELS, TEXT_FOR_PACKAGE_LABELS } = appPackages;\n\nconst useStyles = makeStyles(theme => ({\n select: { width: 250, margin: '8px 0' },\n menuListRoot: { maxWidth: 580 },\n group: {\n fontStyle: 'italic',\n fontWeight: 'bold',\n fontSize: '12px',\n color: '#999',\n backgroundColor: theme.palette.background.b9,\n },\n}));\n\nconst PAGE_NAME = 'DC_versionSelect';\n\n// View Component\nexport const AppVersionsSelectView = ({\n className,\n value = null,\n onChange,\n isLoading = false,\n disabled = false,\n error = null,\n packages = DEFAULT_APP_VERSIONS_SELECT_VIEW_PACKAGES,\n}) => {\n const styles = useStyles();\n\n const [preselectedVersion, setPreselectedVersion] = useState(value);\n\n const { labeled, unlabeled, packageByValue } = useMemo(() => {\n const packageByValue = {};\n const labeledMenuItemsMap = {\n [PACKAGE_LABELS.PROD]: {\n label: 'Stable Release - no stable version',\n value: PACKAGE_LABELS.PROD,\n disabled: true,\n },\n [PACKAGE_LABELS.BETA]: {\n label: 'Beta - no beta version',\n value: PACKAGE_LABELS.BETA,\n disabled: true,\n },\n [PACKAGE_LABELS.DEV]: {\n label: 'Dev - no dev version',\n value: PACKAGE_LABELS.DEV,\n disabled: true,\n },\n };\n\n const unlabeled = [];\n\n packages\n // TODO: replace with query param filtering\n .filter(appPackage => appPackage.status !== PACKAGE_STATUSES.FAILURE)\n .forEach(appPackage => {\n const {\n version: apiVersion,\n package_code_version: packageCodeVersion,\n notes,\n label,\n status,\n } = appPackage;\n // NOTE: API version is deprecated, using version from package.json by default\n const version = `v${packageCodeVersion \|\| apiVersion}`;\n\n if (label) {\n const item = labeledMenuItemsMap[label];\n item.label = `${TEXT_FOR_PACKAGE_LABELS[label]} ${version} ${notes ? `- ${notes}` : ''}`;\n item.disabled = false;\n packageByValue[item.value] = appPackage;\n } else {\n packageByValue[apiVersion] = appPackage;\n unlabeled.push({\n label: `${version} ${notes ? `- ${notes}` : ''}`,\n value: apiVersion,\n status,\n });\n }\n });\n\n return {\n // Note: order is always the same here, non-integer keys are returned in insertion order.\n labeled: Object.values(labeledMenuItemsMap),\n unlabeled,\n packageByValue,\n };\n }, [packages]);\n\n // [REACT-18-MIGRATION-TAG] PLT-3099: isUserChange distinguishes a genuine selection from the\n // auto-preselect effect below, so only the former opts the app out of the React-18 auto-switch.\n const handleChange = (value, isUserChange = false) =>\n onChange(value, packageByValue[value], isUserChange);\n\n const hasUnlabeledVersion = packages.some(appPackage => !appPackage.label);\n const hasPackages = !isEmpty(packages);\n\n useEffect(() => {\n if (hasPackages && !value) {\n const labeledVersion = labeled.find(item => !item.disabled);\n\n const version =\n labeledVersion \|\|\n maxBy(\n unlabeled.filter(item => item.status === PACKAGE_STATUSES.PUBLISHED),\n 'value'\n );\n\n setPreselectedVersion(version?.value);\n handleChange(version?.value);\n }\n }, [labeled, unlabeled]);\n\n if (isLoading \|\| error) return null;\n\n return (\n <Grid>\n <FormControl className={classNames(styles.select, className)}>\n <InputLabel shrink={!!(value \|\| preselectedVersion)} htmlFor=\"appVersion\">\n App Version\n </InputLabel>\n <Select\n data-testid={`${PAGE_NAME}_dropdown`}\n value={value \|\| preselectedVersion}\n onChange={e => handleChange(e.target.value, true)}\n disabled={isLoading \|\| disabled}\n label=\"App Version\"\n inputProps={{\n name: 'appVersion',\n id: 'appVersion',\n }}\n MenuProps={{\n MenuListProps: {\n classes: {\n root: styles.menuListRoot,\n },\n },\n }}\n >\n {hasUnlabeledVersion && (\n <ListSubheader className={styles.group}>\n Labelled Versions (When selected always shows current Stable Release, Beta or Dev\n version)\n </ListSubheader>\n )}\n {labeled.map(({ label, value, disabled }) => (\n <MenuItem\n key={value}\n data-testid={`${PAGE_NAME}_option_${label}MenuItem`}\n value={value}\n disabled={disabled}\n >\n <TruncatedText>{label}</TruncatedText>\n </MenuItem>\n ))}\n {hasUnlabeledVersion && (\n <ListSubheader className={styles.group}>\n Other versions (App will always show selected version until version is deleted)\n </ListSubheader>\n )}\n {unlabeled.map(({ label, value }) => (\n <MenuItem\n data-testid={`${PAGE_NAME}_option_${label}MenuItem`}\n value={value}\n key={value}\n >\n <TruncatedText>{label}</TruncatedText>\n </MenuItem>\n ))}\n </Select>\n </FormControl>\n </Grid>\n );\n};\n\nconst DEFAULT_APP_VERSIONS_SELECT_VIEW_PACKAGES = [];\n\n// Wrapper that fetches packages on its own\nconst AppVersionsSelect = ({ appId = null, value = null, ...otherProps }) => {\n const packagesState = usePackages(appId, {\n status: [PACKAGE_STATUSES.DRAFT, PACKAGE_STATUSES.PUBLISHED],\n order: 'desc',\n sort: 'created_at',\n });\n return <AppVersionsSelectView value={value} {...otherProps} {...packagesState} />;\n};\n\nAppVersionsSelect.propTypes = {\n value: string,\n onChange: func.isRequired,\n appId: string,\n};\n\n// Export default with permissions check\nexport default withPermissionsHOC(\n { canReadAppPackages: ({ appId }) => PERMISSIONS.getCanReadAppPackages(appId) },\n { loader: null }\n)(({ canReadAppPackages, ...props }) => canReadAppPackages && <AppVersionsSelect {...props} />);\n"],"names":["PACKAGE_STATUSES","appPackages","PACKAGE_LABELS","TEXT_FOR_PACKAGE_LABELS","useStyles","makeStyles","theme","select","width","margin","menuListRoot","maxWidth","group","fontStyle","fontWeight","fontSize","color","backgroundColor","palette","background","b9","AppVersionsSelectView","_ref","className","_ref$value","value","onChange","_ref$isLoading","isLoading","_ref$disabled","disabled","_ref$error","error","_ref$packages","packages","DEFAULT_APP_VERSIONS_SELECT_VIEW_PACKAGES","styles","useState","_useState2","_slicedToArray","_useState","preselectedVersion","setPreselectedVersion","useMemo","_labeledMenuItemsMap","packageByValue","labeledMenuItemsMap","_defineProperty","PROD","label","BETA","DEV","unlabeled","filter","appPackage","status","FAILURE","forEach","apiVersion","version","packageCodeVersion","package_code_version","notes","concat","item","push","labeled","Object","values","handleChange","isUserChange","hasUnlabeledVersion","some","hasPackages","isEmpty","useEffect","find","maxBy","PUBLISHED","_jsx","Grid","children","_jsxs","FormControl","classNames","InputLabel","shrink","htmlFor","Select","e","target","inputProps","name","id","MenuProps","MenuListProps","classes","root","ListSubheader","map","_ref2","MenuItem","PAGE_NAME","TruncatedText","_ref3","AppVersionsSelect","_ref4","_ref4$appId","appId","_ref4$value","otherProps","_objectWithoutProperties","_excluded","packagesState","usePackages","DRAFT","order","sort","_objectSpread","propTypes","string","func","isRequired","AppVersionsSelect$1","withPermissionsHOC","canReadAppPackages","_ref5","PERMISSIONS","getCanReadAppPackages","loader","_ref6","props","_excluded2"],"mappings":"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"}
1	+ {"version":3,"file":"AppVersionsSelect.js","sources":["../../../src/components/AppVersionsSelect/AppVersionsSelect.js"],"sourcesContent":["/* eslint-disable react/prop-types */\nimport { useEffect, useMemo, useState } from 'react';\nimport { string, func } from 'prop-types';\nimport { maxBy, isEmpty } from 'lodash';\nimport classNames from 'classnames';\nimport {\n FormControl,\n Grid,\n InputLabel,\n ListSubheader,\n MenuItem,\n Select,\n makeStyles,\n} from '@material-ui/core';\n\nimport usePackages from './effects';\n\nimport { withPermissionsHOC, PERMISSIONS } from '~/permissions';\nimport TruncatedText from '~/components/TruncatedText';\nimport { appPackages } from '~/constants';\n\nconst { PACKAGE_STATUSES, PACKAGE_LABELS, TEXT_FOR_PACKAGE_LABELS } = appPackages;\n\nconst useStyles = makeStyles(theme => ({\n select: { width: 250, margin: '8px 0' },\n menuListRoot: { maxWidth: 580 },\n group: {\n fontStyle: 'italic',\n fontWeight: 'bold',\n fontSize: '12px',\n color: '#999',\n backgroundColor: theme.palette.background.b9,\n },\n}));\n\nconst PAGE_NAME = 'DC_versionSelect';\n\n// View Component\nexport const AppVersionsSelectView = ({\n className,\n value = null,\n onChange,\n isLoading = false,\n disabled = false,\n error = null,\n packages = DEFAULT_APP_VERSIONS_SELECT_VIEW_PACKAGES,\n}) => {\n const styles = useStyles();\n\n const [preselectedVersion, setPreselectedVersion] = useState(value);\n\n const { labeled, unlabeled, packageByValue } = useMemo(() => {\n const packageByValue = {};\n const labeledMenuItemsMap = {\n [PACKAGE_LABELS.PROD]: {\n label: 'Stable Release - no stable version',\n value: PACKAGE_LABELS.PROD,\n disabled: true,\n },\n [PACKAGE_LABELS.BETA]: {\n label: 'Beta - no beta version',\n value: PACKAGE_LABELS.BETA,\n disabled: true,\n },\n [PACKAGE_LABELS.DEV]: {\n label: 'Dev - no dev version',\n value: PACKAGE_LABELS.DEV,\n disabled: true,\n },\n };\n\n const unlabeled = [];\n\n packages\n // TODO: replace with query param filtering\n .filter(appPackage => appPackage.status !== PACKAGE_STATUSES.FAILURE)\n .forEach(appPackage => {\n const {\n version: apiVersion,\n package_code_version: packageCodeVersion,\n notes,\n label,\n status,\n } = appPackage;\n // NOTE: API version is deprecated, using version from package.json by default\n const version = `v${packageCodeVersion \|\| apiVersion}`;\n\n if (label) {\n const item = labeledMenuItemsMap[label];\n item.label = `${TEXT_FOR_PACKAGE_LABELS[label]} ${version} ${notes ? `- ${notes}` : ''}`;\n item.disabled = false;\n packageByValue[item.value] = appPackage;\n } else {\n packageByValue[apiVersion] = appPackage;\n unlabeled.push({\n label: `${version} ${notes ? `- ${notes}` : ''}`,\n value: apiVersion,\n status,\n });\n }\n });\n\n return {\n // Note: order is always the same here, non-integer keys are returned in insertion order.\n labeled: Object.values(labeledMenuItemsMap),\n unlabeled,\n packageByValue,\n };\n }, [packages]);\n\n // [REACT-18-MIGRATION-TAG] PLT-3099: isUserChange distinguishes a genuine selection from the\n // auto-preselect effect below, so only the former opts the app out of the React-18 auto-switch.\n const handleChange = (value, isUserChange = false) =>\n onChange(value, packageByValue[value], isUserChange);\n\n const hasUnlabeledVersion = packages.some(appPackage => !appPackage.label);\n const hasPackages = !isEmpty(packages);\n\n useEffect(() => {\n if (hasPackages && !value) {\n const labeledVersion = labeled.find(item => !item.disabled);\n\n const version =\n labeledVersion \|\|\n maxBy(\n unlabeled.filter(item => item.status === PACKAGE_STATUSES.PUBLISHED),\n 'value'\n );\n\n setPreselectedVersion(version?.value);\n handleChange(version?.value);\n }\n }, [labeled, unlabeled]);\n\n if (isLoading \|\| error) return null;\n\n return (\n <Grid>\n <FormControl className={classNames(styles.select, className)}>\n <InputLabel shrink={!!(value \|\| preselectedVersion)} htmlFor=\"appVersion\">\n App Version\n </InputLabel>\n <Select\n data-testid={`${PAGE_NAME}_dropdown`}\n value={value \|\| preselectedVersion}\n onChange={e => handleChange(e.target.value, true)}\n disabled={isLoading \|\| disabled}\n label=\"App Version\"\n inputProps={{\n name: 'appVersion',\n id: 'appVersion',\n }}\n MenuProps={{\n MenuListProps: {\n classes: {\n root: styles.menuListRoot,\n },\n },\n }}\n >\n {hasUnlabeledVersion && (\n <ListSubheader className={styles.group}>\n Labelled Versions (When selected always shows current Stable Release, Beta or Dev\n version)\n </ListSubheader>\n )}\n {labeled.map(({ label, value, disabled }) => (\n <MenuItem\n key={value}\n data-testid={`${PAGE_NAME}_option_${label}MenuItem`}\n value={value}\n disabled={disabled}\n >\n <TruncatedText>{label}</TruncatedText>\n </MenuItem>\n ))}\n {hasUnlabeledVersion && (\n <ListSubheader className={styles.group}>\n Other versions (App will always show selected version until version is deleted)\n </ListSubheader>\n )}\n {unlabeled.map(({ label, value }) => (\n <MenuItem\n data-testid={`${PAGE_NAME}_option_${label}MenuItem`}\n value={value}\n key={value}\n >\n <TruncatedText>{label}</TruncatedText>\n </MenuItem>\n ))}\n </Select>\n </FormControl>\n </Grid>\n );\n};\n\nconst DEFAULT_APP_VERSIONS_SELECT_VIEW_PACKAGES = [];\n\n// Wrapper that fetches packages on its own\nconst AppVersionsSelect = ({ appId = null, value = null, ...otherProps }) => {\n const packagesState = usePackages(appId, {\n status: [PACKAGE_STATUSES.DRAFT, PACKAGE_STATUSES.PUBLISHED],\n order: 'desc',\n sort: 'created_at',\n });\n return <AppVersionsSelectView value={value} {...otherProps} {...packagesState} />;\n};\n\nAppVersionsSelect.propTypes = {\n value: string,\n onChange: func.isRequired,\n appId: string,\n};\n\n// Export default with permissions check\nexport default withPermissionsHOC(\n { canReadAppPackages: ({ appId }) => PERMISSIONS.getCanReadAppPackages(appId) },\n { loader: null }\n)(({ canReadAppPackages, ...props }) => canReadAppPackages && <AppVersionsSelect {...props} />);\n"],"names":["PACKAGE_STATUSES","appPackages","PACKAGE_LABELS","TEXT_FOR_PACKAGE_LABELS","useStyles","makeStyles","theme","select","width","margin","menuListRoot","maxWidth","group","fontStyle","fontWeight","fontSize","color","backgroundColor","palette","background","b9","AppVersionsSelectView","_ref","className","_ref$value","value","onChange","_ref$isLoading","isLoading","_ref$disabled","disabled","_ref$error","error","_ref$packages","packages","DEFAULT_APP_VERSIONS_SELECT_VIEW_PACKAGES","styles","useState","_useState2","_slicedToArray","_useState","preselectedVersion","setPreselectedVersion","useMemo","_labeledMenuItemsMap","packageByValue","labeledMenuItemsMap","_defineProperty","PROD","label","BETA","DEV","unlabeled","filter","appPackage","status","FAILURE","forEach","apiVersion","version","packageCodeVersion","package_code_version","notes","concat","item","push","labeled","Object","values","handleChange","isUserChange","hasUnlabeledVersion","some","hasPackages","isEmpty","useEffect","find","maxBy","PUBLISHED","_jsx","Grid","children","_jsxs","FormControl","classNames","InputLabel","shrink","htmlFor","Select","e","target","inputProps","name","id","MenuProps","MenuListProps","classes","root","ListSubheader","map","_ref2","MenuItem","PAGE_NAME","TruncatedText","_ref3","AppVersionsSelect","_ref4","_ref4$appId","appId","_ref4$value","otherProps","_objectWithoutProperties","_excluded","packagesState","usePackages","DRAFT","order","sort","_objectSpread","propTypes","string","func","isRequired","AppVersionsSelect$1","withPermissionsHOC","canReadAppPackages","_ref5","PERMISSIONS","getCanReadAppPackages","loader","_ref6","props","_excluded2"],"mappings":"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"}