npm - @corva/ui - Versions diffs - 3.77.0-5 → 3.77.0-6 - Mend

@corva/ui 3.77.0-5 → 3.77.0-6

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 (649) 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/AppsDataProvider/AppsDataProvider.js";import"../../DevCenter/AppContext.js";import"../../DevCenter/DevCenterRouterContext/DevCenterRouterContext.js";import"../../DevCenter/DevCenterRouterContext/UniversalLink/UniversalLink.js";import"react-router-dom";import"query-string";import"@babel/runtime/helpers/asyncToGenerator";import"@babel/runtime/regenerator";import"../../../utils/index.js";import"@material-ui/icons";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"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"moment-timezone";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"immutable";import"../../../permissions/PermissionsContext.js";import"../../../permissions/constants/index.js";import"../../../permissions/withPermissionsHOC.js";import"../../../clients/jsonApi/index.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"../../../constants/streamSourceType.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"@babel/runtime/helpers/toConsumableArray";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"../../../utils/getSingleAsset.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"../../../clients/subscriptions/constants.js";import"querystring";import"uuid/v1";import"../../../clients/subscriptions.v1.js";import"../../../clients/subscriptions/subscriptions-client.factory.js";import"jsona";import"../../../utils/env.js";import"../../StatusBadge/constants.js";import"lodash/set";import"lodash/get";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"@babel/runtime/helpers/typeof";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"../../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.scss.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"file-extension";import"image-extensions";import"video-extensions";import"../../../componentsV2/FilesProcessor/FilesProcessor.scss.js";import"../../../componentsV2/Skeleton/Skeleton.scss.js";import"../../../utils/main.js";import"../../../componentsV2/CopyToClipboard/CopyToClipboard.scss.js";import"../../../componentsV2/Stepper/Step/Step.scss.js";import"../../../componentsV2/Stepper/Stepper.scss.js";import"../../../componentsV2/ButtonLive/ButtonLive.js";import"../../../componentsV2/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"../../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"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 c 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{isSuggestionsListOpened as a}from"../../UserMention/utils/index.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,v=void 0===F?u:F,T=o.comment,h=l({smallerView:S}),P=e();return p("div",{ref:P,children:[i,C||m(c,{userCompanyId:t,onChange:A,filePreviewWrapperClass:h.filePreviewWrapper,className:h.postInput,smallerView:S,onKeyDown:function(e){"Enter"!==e.key||e.shiftKey||a()||(e.preventDefault(),v(T))},suggestionsPortalHost:P.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/AppsDataProvider/AppsDataProvider.js";import"../../DevCenter/AppContext.js";import"../../DevCenter/DevCenterRouterContext/DevCenterRouterContext.js";import"../../DevCenter/DevCenterRouterContext/UniversalLink/UniversalLink.js";import"react-router-dom";import"query-string";import"@babel/runtime/helpers/asyncToGenerator";import"@babel/runtime/regenerator";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"@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/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";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"../../../clients/subscriptions/constants.js";import"querystring";import"uuid/v1";import"../../../clients/subscriptions.v1.js";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"../../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.scss.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"../../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"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,v=void 0===F?u:F,h=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(),v(h))},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":"~~4k5BAOA~~,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":"2o6BAOA,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 r from"@babel/runtime/helpers/slicedToArray";import n from"@babel/runtime/regenerator";import{memo as o,useState as a,useRef as i}from"react";import{number as s,shape as p,string as m}from"prop-types";import c from"classnames";import{flowRight as d,get as l}from"lodash";import u from"moment";import{withStyles as f}from"@material-ui/core/styles";import{Fade as h,Paper as v,Typography as A}from"@material-ui/core";import{useAnnotationsDispatch as y}from"../../../../AnnotationsContext.js";import{ADD_ANNOTATION as b}from"../../../../constants.js";import C from"../AnnotationInput/index.js";import I from"./style.css.js";import{AvatarComponent as j}from"../../../../../Avatar/index.js";import x from"../../../../../../effects/useOutsideClick.js";import"../../../../../../utils/index.js";import{postAnnotation as _}from"../../../../../../clients/jsonApi/index.js";import"../../../../../DevCenter/DevCenterRouterContext/DevCenterRouterContext.js";import"../../../../../DevCenter/DevCenterRouterContext/UniversalLink/UniversalLink.js";import{withUniversalLocationHOC as R}from"../../../../../DevCenter/DevCenterRouterContext/hocs/withUniversalLocationHOC.js";import{jsxs as g,jsx as k}from"react/jsx-runtime";import{showSuccessNotification as q,showErrorNotification as D}from"../../../../../../utils/notificationToasts.js";var N=function(o){var s,p=o.appId,m=o.assetId,d=o.assetCompanyId,f=o.appSettings,R=o.currentUser,N=void 0===R?P:R,T=o.classes,U=o.location,F=o.dashboardType,L=void 0===F?null:F,w=y(),S=a(!1),O=r(S,2),z=O[0],E=O[1],G=i(null);x(G,(function(){E(!1)}));var H,W=(H=e(n.mark((function t(e,r,o){var a,i,s,c;return n.wrap((function(t){for(;;)switch(t.prev=t.next){case 0:return t.prev=0,a={app_id:p,asset_id:m,body:e,active_until:r,attachment:{file_name:o&&o.attachmentName,s3_link:o&&o.attachmentUrl},settings:f},i={},L&&(i.dashboard_type=L),(s=l(U,"query.time"))&&(a.data_timestamp=u(s).format()),t.next=8,_(a,i);case 8:c=t.sent,w({type:b,annotation:c}),t.next=17;break;case 12:return t.prev=12,t.t0=t.catch(0),D("Error during annotation creation"),console.error(t.t0),t.abrupt("return");case 17:q("Annotation has been added"),E(!1);case 19:case"end":return t.stop()}}),t,null,[[0,12]])}))),function(t,e,r){return H.apply(this,arguments)});return g("div",{className:I.cAddAnnotationFormInput,children:[k(j,{displayName:"".concat(N.first_name," ").concat(N.last_name),imgSrc:N.profile_photo,size:36}),g("div",{className:c(I.cAddAnnotationFormInputPaper,(s={},t(s,I.cAddAnnotationFormInputPaperOpened,z),t(s,I.cAddAnnotationFormInputPaperClosed,!z),s)),children:[k(h,{in:!z,timeout:500,children:k(v,{className:I.cAddAnnotationFormInputPaperLabel,children:k(A,{variant:"body2","data-testid":"".concat("AppAnnotationsPo","_collapsedInput"),className:T.inputLabel,onClick:function(){return E(!0)},children:"Type annotation here"})})}),k(h,{in:z,timeout:100,children:k("div",{className:I.cAddAnnotationFormInputPaperAddAnnotation,children:z&&k(C,{onSend:W,assetCompanyId:d,currentUser:N})})})]})]})};N.propTypes={appId:s.isRequired,assetId:s.isRequired,assetCompanyId:s.isRequired,appSettings:p().isRequired,currentUser:p({}),classes:p().isRequired,location:p().isRequired,dashboardType:m};var P={},T=d([f((function(t){return{inputLabel:{color:t.palette.grey[700],fontWeight:200,width:"100%"}}})),R])(o(N));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"@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};
 //# 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":"~~45CAoBA~~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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 n from"@babel/runtime/helpers/slicedToArray";import o from"@babel/runtime/regenerator";import{memo as r,useRef as a,useState as i,useEffect as s}from"react";import{number as c,string as d,shape as p,func as m,bool as l}from"prop-types";import u from"classnames";import{withStyles as f}from"@material-ui/core/styles";import{RootRef as h,Paper as y,Typography as b,Tooltip as v,IconButton as g}from"@material-ui/core";import A from"@material-ui/icons/ChevronLeft";import{getAnnotations as I}from"../../../../clients/jsonApi/index.js";import{useAnnotationsState as C,useAnnotationsDispatch as T}from"../../AnnotationsContext.js";import{SET_ANNOTATIONS as x,APPEND_ANNOTATIONS as N}from"../../constants.js";import j from"./components/AddAnnotationForm/index.js";import L from"./components/Annotation/index.js";import k from"./style.css.js";import"../../../../utils/index.js";import{isNativeDetected as R}from"../../../../utils/mobileDetect.js";import _ from"../../../InfiniteList/index.js";import q from"../../../../effects/useOutsideClick.js";import{jsx as w,jsxs as S,Fragment as H}from"react/jsx-runtime";import{showSuccessNotification as U}from"../../../../utils/notificationToasts.js";var F="AppAnnotationsPo",O=function(r){var c,d=r.appId,p=r.appTitle,m=r.assetId,l=r.assetCompanyId,f=r.appSettings,R=void 0===f?W:f,O=r.currentUser,P=r.onClose,D=r.isNative,E=void 0===D?B:D,G=r.classes,M=r.dashboardType,z=void 0===M?null:M,J=C().annotations,K=T(),Q=a(),V=a();q(Q,P);var X=i(!1),Y=n(X,2),Z=Y[0],$=Y[1],tt=i(!0),et=n(tt,2),nt=et[0],ot=et[1],rt=i(!0),at=n(rt,2),it=at[0],st=at[1],ct=i(1),dt=n(ct,2),pt=dt[0],mt=dt[1];function lt(){return(lt=e(o.mark((function t(){var e,n,r;return o.wrap((function(t){for(;;)switch(t.prev=t.next){case 0:if(d&&m){t.next=2;break}return t.abrupt("return");case 2:return ot(!0),t.prev=3,n={page:pt,per_page:4,sort:"created_at",order:"desc"},z&&(n.dashboard_type=z),t.next=8,I(d,m,n);case 8:e=t.sent,K({type:1===pt?x:N,annotations:e}),t.next=15;break;case 12:t.prev=12,t.t0=t.catch(3),console.error(t.t0);case 15:r=e&&e.data.length<4,mt(pt+1),st(!r),ot(!1);case 19:case"end":return t.stop()}}),t,null,[[3,12]])})))).apply(this,arguments)}return s((function(){$(!0)}),[]),w(h,{rootRef:Q,children:S(y,{className:u(k.cAnnotationsList,(c={},t(c,k.cAnnotationsListOpen,Z),t(c,k.cAnnotationsListOpenNative,E),c)),children:[w(_,{infiniteClassName:k.cAnnotationsListContentContainer,headerComponent:S(H,{children:[w(b,{"data-testid":"".concat(F,"_appTitle"),variant:"body1",className:G.title,children:p}),w("div",{className:k.cAnnotationsListContentTop,children:S(b,{"data-testid":"".concat(F,"_annotationsTitle"),variant:"caption",className:G.secondaryTitle,children:["Annotations (",J.data?J.data.length:0,")"]})}),w(j,{appId:d,assetId:m,assetCompanyId:l,appSettings:R,currentUser:O,dashboardType:z})]}),useWindow:E,items:J.data||[],showNoItemsFound:!(J.data&&0!==J.data.length||nt),noItemsFoundLabel:w(b,{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:it,pathToCreatedAt:["attributes","created_at"],renderItem:function(t){return w(L,{isNative:E,annotation:t,assetCompanyId:l,included:J.included,currentUser:O,showSuccessNotification:U},t.id)},loadItems:function(){return lt.apply(this,arguments)}}),w("div",{className:k.cAnnotationsListActions,ref:V,children:w(v,{title:"Hide",placement:"bottom",children:w(g,{"data-testid":"".concat(F,"_hideButton"),onClick:P,className:G.backIcon,children:w(A,{})})})})]})})};O.propTypes={appId:c.isRequired,appTitle:d.isRequired,assetId:c.isRequired,assetCompanyId:c.isRequired,appSettings:p(),classes:p().isRequired,onClose:m.isRequired,currentUser:p({}).isRequired,isNative:l,dashboardType:d};var W={},B=R,P=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}}}))(r(O));export{P 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 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};
 //# 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/AssetsMultipleSelector/AssetsMultipleSelector.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{memo as o,useState as n,useEffect as a,useMemo as i,useCallback as l}from"react";import s from"classnames";import{makeStyles as p}from"@material-ui/core";import{sortBy as c}from"lodash";import{Search as u}from"../Search/Search.js";import{mapAssetGetRequest as d}from"../../clients/jsonApi/index.js";import"../../utils/index.js";import m from"../../effects/useLoadedData.js";import{jsxs as f,jsx as b}from"react/jsx-runtime";import{jsonaDataFormatter as h}from"../../utils/jsonaDataFormatter.js";var g=["listbox","paper"];function v(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);t&&(o=o.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,o)}return r}function O(e){for(var r=1;r<arguments.length;r++){var o=null!=arguments[r]?arguments[r]:{};r%2?v(Object(o),!0).forEach((function(r){t(e,r,o[r])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(o)):v(Object(o)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(o,t))}))}return e}var j=p((function(e){return{listbox:{maxHeight:360},paper:{width:364},footer:{fontSize:12,color:e.palette.primary.text6,lineHeight:"16.872px",padding:"8px 16px"}}})),y=function(e){var t;return{data:h.deserialize(e.data),total:Number(null===(t=e.headers)||void 0===t?void 0:t.get("total"))||0}},P=[],x={},S={data:[],total:0},D=o((function(t){var o=t.selectedAssets,p=void 0===o?P:o,h=t.onChange,v=t.label,D=t.className,w=t.type,C=t.customRequestQueryParams,F=t.classes,A=void 0===F?{}:F,E=j(),I=m({loadFn:d(w,!0),initialData:S,getDataFromResponseFn:y,isCacheEnabled:!0}),N=I.isLoading,z=I.setIsLoading,H=I.data,L=I.loadData,R=null!=H?H:S,k=R.data,T=R.total,q=n(""),Q=r(q,2),W=Q[0],_=Q[1];a((function(){J("",C)}),[]);var B=i((function(){return p.map((function(e){return O(O({},e),{},{id:e.id,label:e.name})}))}),[p]),G=i((function(){var e={};return(B.length?k.concat(B):k).forEach((function(t){e[t.id]=O(O({},t),{},{id:t.id,label:t.name})})),Object.values(c(e,"label"))}),[k,p,W]),J=l((function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},r=O(O(O({},x),{},{per_page:50},t),{},{fields:["".concat(w,".name")].concat((null==t?void 0:t.fields)||[])});L(O({search:e},r))}),[]),K=function(){_(""),J("",C)},M=i((function(){var e,t=0===(e=T-(null==k?void 0:k.length))?null:e;return t&&!N&&W?f("div",{className:E.footer,children:[t," additional items not displayed. Continue typing for more refined results."]}):null}),[k,N,!!W,T]),U=A.listbox,V=A.paper,X=e(A,g);return b(u,{"data-testid":"offsetPadDropdown",value:B,onChange:function(e,t,r){if("reset"!==r){var o=t.map((function(e){return O(O({},e),{},{name:e.label})}));h(o)}},TextFieldProps:{label:v},className:D,classes:O({listbox:s(E.listbox,U),paper:s(E.paper,V)},X),loading:N,options:G,placeholder:"",multiple:!0,filterSelectedOptions:!1,AutocompleteProps:{forcePopupIcon:!0},isHiddenAllOption:!0,onInputChangeCallback:function(e,t){"reset"!==t&&""!==e?e.trimStart()!==W&&(_(e.trimStart()),z(!0),J(e.trimStart(),C)):K()},onInputReset:K,paperFooter:M,getOptionSelected:function(e,t){return+e.id==+t.id},isPrioritizedSelectedOptions:!0})}));export{D as default};
+import t from"@babel/runtime/helpers/objectWithoutProperties";import e from"@babel/runtime/helpers/defineProperty";import o from"@babel/runtime/helpers/slicedToArray";import{memo as r,useState as i,useEffect as s,useMemo as n,useCallback as a}from"react";import l from"classnames";import{makeStyles as p}from"@material-ui/core";import{sortBy as m}from"lodash";import{Search as c}from"../Search/Search.js";import{mapAssetGetRequest as u}from"../../clients/jsonApi/index.js";import"../UserMention/utils/index.js";import"../../utils/convert.js";import"../../constants/completion.js";import"moment";import"../../constants/alerts.js";import"@babel/runtime/helpers/asyncToGenerator";import"@babel/runtime/regenerator";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"@babel/runtime/helpers/typeof";import"../../utils/dashboardReports.js";import"../../utils/env.js";import"file-extension";import"image-extensions";import"video-extensions";import{jsonaDataFormatter as d}from"../../utils/jsonaDataFormatter.js";import"../../utils/bha.js";import"jsona";import"../../utils/charts/Styles.scss.js";import"../../utils/getSingleAsset.js";import f from"../../effects/useLoadedData.js";import{jsxs as j,jsx as b}from"react/jsx-runtime";var g=["listbox","paper"];function h(t,e){var o=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),o.push.apply(o,r)}return o}function v(t){for(var o=1;o<arguments.length;o++){var r=null!=arguments[o]?arguments[o]:{};o%2?h(Object(r),!0).forEach((function(o){e(t,o,r[o])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(r)):h(Object(r)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(r,e))}))}return t}var y=p((function(t){return{listbox:{maxHeight:360},paper:{width:364},footer:{fontSize:12,color:t.palette.primary.text6,lineHeight:"16.872px",padding:"8px 16px"}}})),O=function(t){var e;return{data:d.deserialize(t.data),total:Number(null===(e=t.headers)||void 0===e?void 0:e.get("total"))||0}},x=[],P={},S={data:[],total:0},D=r((function(e){var r=e.selectedAssets,p=void 0===r?x:r,d=e.onChange,h=e.label,D=e.className,C=e.type,w=e.customRequestQueryParams,A=e.classes,F=void 0===A?{}:A,I=y(),N=f({loadFn:u(C,!0),initialData:S,getDataFromResponseFn:O,isCacheEnabled:!0}),z=N.isLoading,E=N.setIsLoading,R=N.data,T=N.loadData,k=null!=R?R:S,H=k.data,L=k.total,q=i(""),G=o(q,2),M=G[0],Q=G[1];s((function(){_("",w)}),[]);var U=n((function(){return p.map((function(t){return v(v({},t),{},{id:t.id,label:t.name})}))}),[p]),W=n((function(){var t={};return(U.length?H.concat(U):H).forEach((function(e){t[e.id]=v(v({},e),{},{id:e.id,label:e.name})})),Object.values(m(t,"label"))}),[H,p,M]),_=a((function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},o=v(v(v({},P),{},{per_page:50},e),{},{fields:["".concat(C,".name")].concat((null==e?void 0:e.fields)||[])});T(v({search:t},o))}),[]),B=function(){Q(""),_("",w)},J=n((function(){var t,e=0===(t=L-(null==H?void 0:H.length))?null:t;return e&&!z&&M?j("div",{className:I.footer,children:[e," additional items not displayed. Continue typing for more refined results."]}):null}),[H,z,!!M,L]),K=F.listbox,V=F.paper,X=t(F,g);return b(c,{"data-testid":"offsetPadDropdown",value:U,onChange:function(t,e,o){if("reset"!==o){var r=e.map((function(t){return v(v({},t),{},{name:t.label})}));d(r)}},TextFieldProps:{label:h},className:D,classes:v({listbox:l(I.listbox,K),paper:l(I.paper,V)},X),loading:z,options:W,placeholder:"",multiple:!0,filterSelectedOptions:!1,AutocompleteProps:{forcePopupIcon:!0},isHiddenAllOption:!0,onInputChangeCallback:function(t,e){"reset"!==e&&""!==t?t.trimStart()!==M&&(Q(t.trimStart()),E(!0),_(t.trimStart(),w)):B()},onInputReset:B,paperFooter:J,getOptionSelected:function(t,e){return+t.id==+e.id},isPrioritizedSelectedOptions:!0})}));export{D as default};
 //# sourceMappingURL=AssetsMultipleSelector.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"AssetsMultipleSelector.js","sources":["../../../src/components/AssetsMultipleSelector/AssetsMultipleSelector.tsx"],"sourcesContent":["import { memo, useCallback, useEffect, useMemo, useState } from 'react';\nimport classnames from 'classnames';\nimport { makeStyles } from '@material-ui/core';\nimport { sortBy } from 'lodash';\n\nimport { Search } from '../Search';\n\nimport { mapAssetGetRequest } from '~/clients/jsonApi';\nimport { jsonaDataFormatter } from '~/utils';\nimport useLoadedData from '~/effects/useLoadedData';\n\nconst useStyles = makeStyles(theme => ({\n listbox: {\n maxHeight: 360,\n },\n paper: {\n width: 364,\n },\n footer: {\n fontSize: 12,\n color: theme.palette.primary.text6,\n lineHeight: '16.872px',\n padding: '8px 16px',\n },\n}));\n\nconst getDataFromResponseFn = (response: {\n data: unknown;\n headers?: { get(name: string): string \| null };\n}) => {\n return {\n data: jsonaDataFormatter.deserialize(response.data as string) as Asset[],\n total: Number(response.headers?.get('total')) \|\| 0,\n };\n};\nconst initialSelectedAssets: Asset[] = [];\nconst defaultQueryParams = {};\nconst DEFAULT_ASSETS_PER_PAGE = 50;\nconst initialData: { data: Asset[]; total: number } = { data: [], total: 0 };\n\ntype Asset = { id: string; name: string } & Record<string, unknown>;\nexport type AssetsMultipleSelectorProps = {\n /*\n array of asset objects with required id and name fields.\n /\n selectedAssets: [] \| Asset[];\n /*\n callback fires on asset selection with array of all selected assets.\n /\n onChange: (assets: Asset[] \| []) => void;\n /*\n label for autocomplete input.\n /\n label: string;\n /*\n type of asset.\n /\n type: 'program' \| 'rig' \| 'well' \| 'frac_fleet' \| 'drillout_unit' \| 'pad' \| 'assets';\n /*\n css for root component.\n /\n className?: string;\n /*\n custom query params for assets request like fields, per_page.\n /\n customRequestQueryParams?: Record<string, unknown> & {\n fields?: string[];\n per_page?: number \| string;\n };\n /*\n material ui autocomplete classes.\n /\n classes?: any;\n};\n\nconst AssetsMultipleSelector = memo(\n ({\n selectedAssets = initialSelectedAssets,\n onChange,\n label,\n className,\n type,\n customRequestQueryParams,\n classes = {},\n }: AssetsMultipleSelectorProps) => {\n const styles = useStyles();\n\n const { isLoading, setIsLoading, data, loadData } = useLoadedData({\n loadFn: mapAssetGetRequest(type, true),\n initialData: initialData as any,\n getDataFromResponseFn,\n isCacheEnabled: true,\n });\n const { data: assetsData, total } = data ?? initialData;\n const [searchValue, setSearchValue] = useState('');\n\n useEffect(() => {\n loadAssets('', customRequestQueryParams);\n }, []);\n\n const selectedOptions: AssetsMultipleSelectorProps['selectedAssets'] & {} = useMemo(\n () =>\n selectedAssets.map(asset => ({\n ...asset,\n id: asset.id,\n label: asset.name,\n })),\n [selectedAssets]\n );\n\n const options: (Asset & { label: string })[] = useMemo(() => {\n const optionsMap: Record<string, Asset & { label: string }> = {};\n const allOptions = selectedOptions.length ? assetsData.concat(selectedOptions) : assetsData;\n allOptions.forEach((asset: Asset) => {\n optionsMap[asset.id] = {\n ...asset,\n id: asset.id,\n label: asset.name,\n };\n });\n\n return Object.values(sortBy(optionsMap, 'label'));\n }, [assetsData, selectedAssets, searchValue]);\n\n const loadAssets = useCallback(\n (\n search: string,\n customRequestQueryParams: AssetsMultipleSelectorProps['customRequestQueryParams'] = {}\n ) => {\n const params = {\n ...defaultQueryParams,\n per_page: DEFAULT_ASSETS_PER_PAGE,\n ...customRequestQueryParams,\n fields: [`${type}.name`].concat(customRequestQueryParams?.fields \|\| []),\n };\n\n loadData({\n search,\n ...params,\n });\n },\n []\n );\n\n const handleChange = (_event: unknown, visibleSelectedOptions: Asset[], reason?: string) => {\n if (reason === 'reset') return;\n\n const newAssets = visibleSelectedOptions.map(option => {\n return {\n ...option,\n name: option.label as string,\n };\n });\n\n onChange(newAssets);\n };\n\n const onInputReset = () => {\n setSearchValue('');\n loadAssets('', customRequestQueryParams);\n };\n\n const handleInputChange = (value: string, reason: string) => {\n if (reason === 'reset' \|\| value === '') {\n onInputReset();\n return;\n }\n\n if (value.trimStart() !== searchValue) {\n setSearchValue(value.trimStart());\n setIsLoading(true);\n loadAssets(value.trimStart(), customRequestQueryParams);\n }\n };\n\n const countNotShowedAssets = () => {\n const optionsCount = total - assetsData?.length;\n if (optionsCount === 0) return null;\n\n return optionsCount;\n };\n\n const paperFooter = useMemo(() => {\n const notShowedAssetsQuantity = countNotShowedAssets();\n return notShowedAssetsQuantity && !isLoading && searchValue ? (\n <div className={styles.footer}>\n {notShowedAssetsQuantity} additional items not displayed. Continue typing for more refined\n results.\n </div>\n ) : null;\n }, [assetsData, isLoading, !!searchValue, total]);\n\n const { listbox, paper, ...restClasses } = classes;\n\n return (\n <Search\n data-testid=\"offsetPadDropdown\"\n value={selectedOptions}\n onChange={handleChange}\n TextFieldProps={{ label }}\n // @ts-ignore\n className={className}\n classes={{\n listbox: classnames(styles.listbox, listbox),\n paper: classnames(styles.paper, paper),\n ...restClasses,\n }}\n loading={isLoading}\n options={options}\n placeholder=\"\"\n multiple\n filterSelectedOptions={false}\n AutocompleteProps={{ forcePopupIcon: true }}\n isHiddenAllOption\n onInputChangeCallback={handleInputChange}\n onInputReset={onInputReset}\n paperFooter={paperFooter}\n getOptionSelected={(option, value) => +option.id === +value.id}\n isPrioritizedSelectedOptions\n />\n );\n }\n);\n\nexport default AssetsMultipleSelector;\n"],"names":["useStyles","makeStyles","theme","listbox","maxHeight","paper","width","footer","fontSize","color","palette","primary","text6","lineHeight","padding","getDataFromResponseFn","response","_response$headers","data","jsonaDataFormatter","deserialize","total","Number","headers","get","initialSelectedAssets","defaultQueryParams","initialData","AssetsMultipleSelector","memo","_ref","_ref$selectedAssets","selectedAssets","onChange","label","className","type","customRequestQueryParams","_ref$classes","classes","styles","_useLoadedData","useLoadedData","loadFn","mapAssetGetRequest","isCacheEnabled","isLoading","setIsLoading","loadData","_ref2","assetsData","useState","_useState2","_slicedToArray","_useState","searchValue","setSearchValue","useEffect","loadAssets","selectedOptions","useMemo","map","asset","_objectSpread","id","name","options","optionsMap","length","concat","forEach","Object","values","sortBy","useCallback","search","arguments","undefined","params","per_page","fields","onInputReset","paperFooter","optionsCount","notShowedAssetsQuantity","_jsxs","children","restClasses","_excluded","_jsx","Search","value","_event","visibleSelectedOptions","reason","newAssets","option","TextFieldProps","classnames","loading","placeholder","multiple","filterSelectedOptions","AutocompleteProps","forcePopupIcon","isHiddenAllOption","onInputChangeCallback","trimStart","getOptionSelected","isPrioritizedSelectedOptions"],"mappings":"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"}
1	+ {"version":3,"file":"AssetsMultipleSelector.js","sources":["../../../src/components/AssetsMultipleSelector/AssetsMultipleSelector.tsx"],"sourcesContent":["import { memo, useCallback, useEffect, useMemo, useState } from 'react';\nimport classnames from 'classnames';\nimport { makeStyles } from '@material-ui/core';\nimport { sortBy } from 'lodash';\n\nimport { Search } from '../Search';\n\nimport { mapAssetGetRequest } from '~/clients/jsonApi';\nimport { jsonaDataFormatter } from '~/utils';\nimport useLoadedData from '~/effects/useLoadedData';\n\nconst useStyles = makeStyles(theme => ({\n listbox: {\n maxHeight: 360,\n },\n paper: {\n width: 364,\n },\n footer: {\n fontSize: 12,\n color: theme.palette.primary.text6,\n lineHeight: '16.872px',\n padding: '8px 16px',\n },\n}));\n\nconst getDataFromResponseFn = (response: {\n data: unknown;\n headers?: { get(name: string): string \| null };\n}) => {\n return {\n data: jsonaDataFormatter.deserialize(response.data as string) as Asset[],\n total: Number(response.headers?.get('total')) \|\| 0,\n };\n};\nconst initialSelectedAssets: Asset[] = [];\nconst defaultQueryParams = {};\nconst DEFAULT_ASSETS_PER_PAGE = 50;\nconst initialData: { data: Asset[]; total: number } = { data: [], total: 0 };\n\ntype Asset = { id: string; name: string } & Record<string, unknown>;\nexport type AssetsMultipleSelectorProps = {\n /*\n array of asset objects with required id and name fields.\n /\n selectedAssets: [] \| Asset[];\n /*\n callback fires on asset selection with array of all selected assets.\n /\n onChange: (assets: Asset[] \| []) => void;\n /*\n label for autocomplete input.\n /\n label: string;\n /*\n type of asset.\n /\n type: 'program' \| 'rig' \| 'well' \| 'frac_fleet' \| 'drillout_unit' \| 'pad' \| 'assets';\n /*\n css for root component.\n /\n className?: string;\n /*\n custom query params for assets request like fields, per_page.\n /\n customRequestQueryParams?: Record<string, unknown> & {\n fields?: string[];\n per_page?: number \| string;\n };\n /*\n material ui autocomplete classes.\n /\n classes?: any;\n};\n\nconst AssetsMultipleSelector = memo(\n ({\n selectedAssets = initialSelectedAssets,\n onChange,\n label,\n className,\n type,\n customRequestQueryParams,\n classes = {},\n }: AssetsMultipleSelectorProps) => {\n const styles = useStyles();\n\n const { isLoading, setIsLoading, data, loadData } = useLoadedData({\n loadFn: mapAssetGetRequest(type, true),\n initialData: initialData as any,\n getDataFromResponseFn,\n isCacheEnabled: true,\n });\n const { data: assetsData, total } = data ?? initialData;\n const [searchValue, setSearchValue] = useState('');\n\n useEffect(() => {\n loadAssets('', customRequestQueryParams);\n }, []);\n\n const selectedOptions: AssetsMultipleSelectorProps['selectedAssets'] & {} = useMemo(\n () =>\n selectedAssets.map(asset => ({\n ...asset,\n id: asset.id,\n label: asset.name,\n })),\n [selectedAssets]\n );\n\n const options: (Asset & { label: string })[] = useMemo(() => {\n const optionsMap: Record<string, Asset & { label: string }> = {};\n const allOptions = selectedOptions.length ? assetsData.concat(selectedOptions) : assetsData;\n allOptions.forEach((asset: Asset) => {\n optionsMap[asset.id] = {\n ...asset,\n id: asset.id,\n label: asset.name,\n };\n });\n\n return Object.values(sortBy(optionsMap, 'label'));\n }, [assetsData, selectedAssets, searchValue]);\n\n const loadAssets = useCallback(\n (\n search: string,\n customRequestQueryParams: AssetsMultipleSelectorProps['customRequestQueryParams'] = {}\n ) => {\n const params = {\n ...defaultQueryParams,\n per_page: DEFAULT_ASSETS_PER_PAGE,\n ...customRequestQueryParams,\n fields: [`${type}.name`].concat(customRequestQueryParams?.fields \|\| []),\n };\n\n loadData({\n search,\n ...params,\n });\n },\n []\n );\n\n const handleChange = (_event: unknown, visibleSelectedOptions: Asset[], reason?: string) => {\n if (reason === 'reset') return;\n\n const newAssets = visibleSelectedOptions.map(option => {\n return {\n ...option,\n name: option.label as string,\n };\n });\n\n onChange(newAssets);\n };\n\n const onInputReset = () => {\n setSearchValue('');\n loadAssets('', customRequestQueryParams);\n };\n\n const handleInputChange = (value: string, reason: string) => {\n if (reason === 'reset' \|\| value === '') {\n onInputReset();\n return;\n }\n\n if (value.trimStart() !== searchValue) {\n setSearchValue(value.trimStart());\n setIsLoading(true);\n loadAssets(value.trimStart(), customRequestQueryParams);\n }\n };\n\n const countNotShowedAssets = () => {\n const optionsCount = total - assetsData?.length;\n if (optionsCount === 0) return null;\n\n return optionsCount;\n };\n\n const paperFooter = useMemo(() => {\n const notShowedAssetsQuantity = countNotShowedAssets();\n return notShowedAssetsQuantity && !isLoading && searchValue ? (\n <div className={styles.footer}>\n {notShowedAssetsQuantity} additional items not displayed. Continue typing for more refined\n results.\n </div>\n ) : null;\n }, [assetsData, isLoading, !!searchValue, total]);\n\n const { listbox, paper, ...restClasses } = classes;\n\n return (\n <Search\n data-testid=\"offsetPadDropdown\"\n value={selectedOptions}\n onChange={handleChange}\n TextFieldProps={{ label }}\n // @ts-ignore\n className={className}\n classes={{\n listbox: classnames(styles.listbox, listbox),\n paper: classnames(styles.paper, paper),\n ...restClasses,\n }}\n loading={isLoading}\n options={options}\n placeholder=\"\"\n multiple\n filterSelectedOptions={false}\n AutocompleteProps={{ forcePopupIcon: true }}\n isHiddenAllOption\n onInputChangeCallback={handleInputChange}\n onInputReset={onInputReset}\n paperFooter={paperFooter}\n getOptionSelected={(option, value) => +option.id === +value.id}\n isPrioritizedSelectedOptions\n />\n );\n }\n);\n\nexport default AssetsMultipleSelector;\n"],"names":["useStyles","makeStyles","theme","listbox","maxHeight","paper","width","footer","fontSize","color","palette","primary","text6","lineHeight","padding","getDataFromResponseFn","response","_response$headers","data","jsonaDataFormatter","deserialize","total","Number","headers","get","initialSelectedAssets","defaultQueryParams","initialData","AssetsMultipleSelector","memo","_ref","_ref$selectedAssets","selectedAssets","onChange","label","className","type","customRequestQueryParams","_ref$classes","classes","styles","_useLoadedData","useLoadedData","loadFn","mapAssetGetRequest","isCacheEnabled","isLoading","setIsLoading","loadData","_ref2","assetsData","useState","_useState2","_slicedToArray","_useState","searchValue","setSearchValue","useEffect","loadAssets","selectedOptions","useMemo","map","asset","_objectSpread","id","name","options","optionsMap","length","concat","forEach","Object","values","sortBy","useCallback","search","arguments","undefined","params","per_page","fields","onInputReset","paperFooter","optionsCount","notShowedAssetsQuantity","_jsxs","children","restClasses","_excluded","_jsx","Search","value","_event","visibleSelectedOptions","reason","newAssets","option","TextFieldProps","classnames","loading","placeholder","multiple","filterSelectedOptions","AutocompleteProps","forcePopupIcon","isHiddenAllOption","onInputChangeCallback","trimStart","getOptionSelected","isPrioritizedSelectedOptions"],"mappings":"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"}