npm - @corva/ui - Versions diffs - 3.22.1 → 3.22.2 - Mend

@corva/ui 3.22.1 → 3.22.2

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 (2634) hide show

package/components/Casing/CasingTableV2/components/Component.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import e from"@babel/runtime/helpers/objectWithoutProperties";import t from"@babel/runtime/helpers/defineProperty";import o from"@babel/runtime/helpers/slicedToArray";import{memo as s,useState as n,useEffect as i}from"react";import r from"classnames";import{omit as p}from"lodash";import m from"prop-types";import{Grid as a,Menu as c,MenuItem as l}from"@material-ui/core";import d from"./DrillPipe/Browser.js";import j from"./DrillPipe/Editor.js";import u from"./CasingJoints/Browser.js";import C from"./CasingJoints/Editor.js";import A from"./EditComponentDialog.js";import{validateComponent as g}from"../../../../utils/casing/validation.js";import{COMPONENT_FAMILIES as f}from"../../../../constants/casing.js";import{jsxs as h,jsx as v,Fragment as S}from"react/jsx-runtime";import"../../../DevCenter/DevCenterAppContainer/components/IsInsideIsolatedDcAppProvider/IsInsideIsolatedDcAppProvider.js";import"../../../DevCenter/DevCenterAppContainer/components/DcFullscreenElemsCoordinatorProvider/DcFullscreenElemsCoordinatorProvider.js";import"../../../DevCenter/DevCenterAppContainer/components/DcFullscreenElemsCoordinatorProvider/IsInsideDcFullscreenElemProvider.js";import"@icon-park/react/es/all";import"../../../../icons/IconParkProvider.js";import"../../../../icons/customIcons/icons/AddMessage.js";import"../../../../icons/customIcons/icons/Attention.js";import"../../../../icons/customIcons/icons/Collapse.js";import"../../../../icons/customIcons/icons/Dashboard.js";import"../../../../icons/customIcons/icons/Expand.js";import"../../../../icons/customIcons/icons/FolderClosed.js";import"../../../../icons/customIcons/icons/FolderClosedFilled.js";import"../../../../icons/customIcons/icons/FolderOpened.js";import"../../../../icons/customIcons/icons/GreaterOrEqual.js";import"../../../../icons/customIcons/icons/LessOrEqual.js";import"../../../../icons/customIcons/icons/Search.js";import"../../../../icons/customIcons/icons/Wellhub.js";import"../../../../icons/customIcons/icons/MultiRuler.js";import"../../../../icons/customIcons/icons/Checkbox.js";import"../../../../icons/customIcons/icons/CheckboxChecked.js";import"../../../../icons/customIcons/icons/CheckboxIndeterminate.js";import"../../../../icons/customIcons/icons/Radio.js";import"../../../../icons/customIcons/icons/RadioChecked.js";import"../../../../icons/customIcons/icons/SimulFrac.js";import"../../../../icons/customIcons/icons/ZipperFrac.js";import"../../../../icons/customIcons/icons/CautionFilled.js";import"../../../../icons/customIcons/icons/MoreApp.js";import"../../../../icons/customIcons/icons/Pad.js";import"../../../../icons/customIcons/icons/DrilloutUnit.js";import"../../../../icons/customIcons/icons/FracFleet.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/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"../../../../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"../../../Modal/CorvaModal.css.js";import"uuid";import"../../../IconMenu/index.js";import"../../../StyledMenuItem/index.js";import"../../../AppIcon/AppIcon.js";import"../../../DevCenter/AppHeader/AppHeader.js";import"../../../DevCenter/AppSideBar/AppSideBar.js";import"../../../DevCenter/AppsDataProvider/AppsDataProvider.js";import"@material-ui/icons";import"../../../DevCenter/AppContext.js";import"../../../DevCenter/DevCenterRouterContext/DevCenterRouterContext.js";import"../../../DevCenter/DevCenterRouterContext/UniversalLink/UniversalLink.js";import"react-router";import"@babel/runtime/helpers/asyncToGenerator";import"@babel/runtime/regenerator";import"../../../../utils/index.js";import"../../../DevCenter/DevCenterAppContainer/components/AppActions/AppActions.css.js";import"../../../DevCenter/DevCenterAppContainer/components/AppSettingsDialog/AppSettingsDialog.js";import"../../../DevCenter/DevCenterAppContainer/components/AppSettingsDialog/components/RemoveAppButton.js";import"../../../DevCenter/DevCenterAppContainer/components/AppSettingsDialog/components/SettingsAccordion.js";import"../../../DevCenter/DevCenterAppContainer/components/AnnotationsButton/AnnotationsButton.js";import"../../../../componentsV2/Text/Text.js";import"../../../../componentsV2/Grid/Grid.js";import"../../../../componentsV2/Grid/Grid.scss.js";import"../../../../componentsV2/Header/Header.scss.js";import"../../../../componentsV2/Button/Button.js";import"../../../../componentsV2/ButtonIcon/ButtonIcon.js";import"../../../../componentsV2/Tooltip/Tooltip.scss.js";import"../../../../componentsV2/Paper/Paper.js";import"../../../../componentsV2/Popover/Popover.scss.js";import"../../../../componentsV2/Radio/Radio.js";import"../../../../componentsV2/RadioAndCheckboxGroup/RadioAndCheckboxGroup.scss.js";import"../../../../componentsV2/Checkbox/Checkbox.js";import"../../../../componentsV2/TextInput/TextInput.js";import"../../../../componentsV2/TextEndTruncated/TextEndTruncated.scss.js";import"../../../../componentsV2/TextMiddleTruncated/TextMiddleTruncated.constants.js";import"../../../../componentsV2/TextMiddleTruncated/TextMiddleTruncated.scss.js";import"../../../../componentsV2/TextLink/TextLink.js";import"../../../../componentsV2/Chip/Chip.js";import"../../../../componentsV2/ChipAlert/ChipAlert.js";import"../../../../componentsV2/ChipIndicator/ChipIndicator.js";import"../../../../componentsV2/Avatar/Avatar.js";import"../../../../componentsV2/Avatar/constants.js";import"../../../../componentsV2/AvatarGroup/AvatarGroup.scss.js";import"@material-ui/lab";import"../../../../componentsV2/ToggleButtons/ToggleButtons.scss.js";import"../../../../componentsV2/ModalWindow/ModalWindow.scss.js";import"../../../../componentsV2/Modal/Modal.scss.js";import"../../../../componentsV2/Menu/Menu.js";import"../../../../componentsV2/Counter/Counter.js";import"../../../../componentsV2/BadgeBase/BadgeBase.scss.js";import"../../../../componentsV2/BadgeDot/BadgeDot.scss.js";import"../../../../componentsV2/LoaderLinear/LoaderLinear.scss.js";import"../../../../componentsV2/LoaderLogo/LoaderLogo.constants.js";import"../../../../componentsV2/LoaderLogo/LoaderLogo.scss.js";import"../../../../componentsV2/Switch/Switch.js";import"../../../../componentsV2/Tabs/Tabs.js";import"../../../../componentsV2/EmptyState/EmptyState.scss.js";import"../../../../componentsV2/FileIcon/FileIcon.js";import"react-dropzone";import"../../../../componentsV2/FilesDropzone/FilesDropzone.scss.js";import"../../../../componentsV2/FilesLoader/FilesLoader.scss.js";import"../../../../componentsV2/FilesProcessor/FilesProcessor.scss.js";import"../../../../componentsV2/Skeleton/Skeleton.scss.js";import"../../../../utils/main.js";import"../../../../componentsV2/CopyToClipboard/CopyToClipboard.scss.js";import"../../../../componentsV2/Stepper/Step/Step.scss.js";import"../../../../componentsV2/Stepper/Stepper.scss.js";import"../../../../componentsV2/ButtonLive/ButtonLive.js";import"../../../../componentsV2/ButtonText/ButtonText.js";import"../../../../componentsV2/LiveDotIndicator/LiveDotIndicator.scss.js";import"../../../../componentsV2/IndicatorLive/IndicatorLive.scss.js";import"../../../../componentsV2/Accordion/Accordion.scss.js";import"../../../../componentsV2/Breadcrumbs/Breadcrumbs.scss.js";import"../../../../componentsV2/BadgeComment/BadgeComment.js";import"../../../../componentsV2/AppContainer/AppContainer.js";import"../../../../componentsV2/AppContainer/AppContainer.constants.js";import"../../../../componentsV2/AppFooter/AppFooter.js";import"../../../../componentsV2/AppCommonsProvider/AppCommonsContext.js";import"../../../../componentsV2/AppHeader/AppHeader.constants.js";import"../../../../componentsV2/AppHeader/AppBadge/AppBadge.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"../../../../types/shared/Completions.js";import"../../../PadModeSelect/types.js";import"lodash/flatten";import"lodash/partition";import"../../../../componentsV2/PadModeSelect/FracModeLabel/FracModeLabel.js";import"../../../../componentsV2/PadModeSelect/FracModeLabel/FracModeLabel.constants.js";import"../../../../clients/jsonApi/index.js";import"@babel/runtime/helpers/toConsumableArray";import"lodash/set";import"lodash/get";import"lodash/unset";import"moment";import"../../../../clients/subscriptions/constants.js";import"../../../../clients/subscriptions.v1.js";import"../../../../clients/subscriptions/subscriptions-client.factory.js";import"../../../../clients/api/apiCore.js";import"../../../../clients/constants.js";import"../../../../clients/sso/auth0.js";import"../../../../clients/sso/oauth2.js";import"../../../../componentsV2/PadModeSelect/WellStreamActivityStatus/WellStreamActivityStatus.scss.js";import"../../../../componentsV2/PadModeSelect/PadModeSelect.constants.js";import"../../../../componentsV2/PadModeSelect/PadModeSelect.scss.js";import"querystring";import"uuid/v1";import"jsona";import"../../../../utils/env.js";import"../../../StatusBadge/constants.js";import"lodash/isEmpty";import"lodash/sortBy";import"../../../DevCenter/DevCenterAppContainer/components/CommentsSwitch/CommentsSwitchContext.js";import"../../../../componentsV2/AppHeader/V3/VersionSelect/VersionSelect.js";import"../../../../componentsV2/UniversalLink/UniversalLink.scss.js";import"../../../../componentsV2/AppHeader/V3/AssetChips/AssetChips.scss.js";import"../../../../componentsV2/AppHeader/V3/DqStatusIcon/DqStatusIcon.js";import"../../../../componentsV2/AppHeader/V3/DqStatusIcon/DqStatusIcon.constants.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/AppHeader/V3/AssetSelector/AssetSelectorChip/AssetSelectorChip.js";import"../../../../componentsV2/AppHeader/V3/AssetSelector/constants.js";import"../../../../componentsV2/AppHeader/V3/AssetSelector/AssetSelectorSelect/AssetSelectorSelect.scss.js";import"../../../../componentsV2/AppHeader/V3/AssetSelector/AssetSelectorSelect/loadAssets.js";import"../../../../componentsV2/AppHeader/V3/AssetSelector/AssetSelector.scss.js";import"../../../../componentsV2/AppHeader/V3/AppTitle/AppTitle.constants.js";import"../../../../componentsV2/AppContainer/headerCommon.scss.js";import"../../../../componentsV2/AppHeader/V3/AppTitle/AppTitle.scss.js";import"../../../../componentsV2/AppHeader/V3/constants.scss.js";import"@babel/runtime/helpers/typeof";import"../../../../componentsV2/AppSizeProvider/AppSizeProvider.js";import"../../../../componentsV2/AppSettings/AppSettings.js";import"../../../../componentsV2/AppSettings/AppSettings.constants.js";import"../../../../componentsV2/AppSettings/AppSettingsPinningContext.js";import"../../../../componentsV2/AppHeader/V3/SettingsPopover/SettingsPopover.constants.js";import"../../../../componentsV2/AppHeader/V3/SettingsPopover/SettingsPopover.scss.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/OffsetWellsButton/OffsetWellsButton.scss.js";import"../../../../componentsV2/Autocomplete/Autocomplete.scss.js";import"../../../../componentsV2/Menu/MenuItem/MenuItem.scss.js";import"../../../../componentsV2/AppSettingsDivider/AppSettingsDivider.scss.js";import"../../../DevCenter/DevCenterAppContainer/components/FullscreenButton/FullscreenButton.js";import"../../../DevCenter/DevCenterAppContainer/components/AppInfoMessage/AppInfoMessage.js";import"../../../DevCenter/DevCenterAppContainer/components/DevCenterAppView/DevCenterAppView.js";import"../../../DevCenter/DevCenterAppContainer/components/RestoreAppSizeButton/index.js";import"rollbar";import"@rollbar/react";import"../../../DevCenter/DevCenterAppContainer/components/CommentsSwitch/CommentsSwitchButton.scss.js";import"../../../DevCenter/DevCenterAppContainer/DevCenterAppContainer.css.js";import"../../../Icons/AnnotationIcon.js";import"../../../Annotations/components/AnnotationsList/index.js";import"../../../Annotations/components/LastAnnotation/index.js";import"../../../Annotations/AnnotationsContext.js";import"../../../Toaster/Toaster.js";import"../../../HelpCenter/HelpCenterIcon.js";import"../../../DevCenter/NavigationBar/NavigationBar.js";import"../../../DevCenter/SideBar/SideBar.js";import"../../../DevCenter/AppSettingsPopover/AppSettingsPopover.js";import"../../../DevCenter/AppFilterPanelLayout/AppFilterPanelLayout.js";import"../../../DevCenter/IsolatedDevCenterAppContainer/DevCenterIsolatedAppPage.js";import"../../../DevCenter/IsolatedDevCenterAppContainer/DevCenterIsolatedApp.js";import"../../../AssetEditor/index.js";import"../../../AssetEditorV2/index.js";import"../../../AppVersionsSelect/AppVersionsSelect.js";import"../../../LoadingIndicator/LoadingIndicator.js";import"../../../Typography.js";import"../../../RealTimeValuesSidebar/RealTimeSidebar.js";import"../../../CollapsableSidebar.js";import"../../../DateTimePicker/index.js";import"../../../DatePicker/index.js";import"../../../ErrorBoundary/ErrorBoundary.js";import"../../../ErrorBoundary/DevCenterAppErrorView/DevCenterAppErrorView.js";import"../../../SlateFormattedText/SlateFormattedText.js";import"../../../SlateFormattedText/RenderElements.js";import"slate";import"../../../EmptyState/EmptyState.js";import"../../../ParameterCharts/ParameterCharts.js";import"../../../ParameterCharts/AddEditTrack.js";import"../../../ChartActionsList/ChartActionsList.js";import"../../../CopyToClipboard/CopyToClipboard.js";import"../../../AssetEditor/AssetEditorAutocomplete.js";import"../../../AssetEditor/SingleAssetEditor.js";import"react-color";import"../../../SettingEditors/ColorEditor/style.css.js";import"../../../SettingEditors/DropdownEditor/index.js";import"../../../SwitchControl/index.js";import"../../../ColorPicker/ColorPicker.js";import"../../../Chart/components/ChartButton.js";import"../../../Chart/components/ChartButtons.js";import"../../../Chart/components/ChartWrapper.js";import"../../../Chart/components/AxisDropdown.js";import"../../../Chart/components/ChartSelect.js";import"../../../Chart/components/buttons/DragToZoomButton.js";import"../../../Chart/components/buttons/ZoomInButton.js";import"../../../Chart/components/buttons/ZoomOutButton.js";import"../../../Chart/components/buttons/PanButton.js";import"../../../Chart/components/buttons/ResetZoomButton.js";import"../../../Chart/components/buttons/HideAxesButton.js";import"../../../Chart/components/buttons/ChartTypeButton.js";import"../../../ColorPicker/PaletteChromePicker/PaletteChromePicker.js";import"../../../TruncatedText/index.js";import"../../../MiddleTruncatedText/MiddleTruncatedText.js";import"../../../RangeSlider/constants.js";import"../../../RangeSlider/Input.css.js";import"../../../RangeSlider/RangeSlider.css.js";import"../../../AdvancedSlider/AdvancedSlider.js";import"../../../Breadcrumbs/index.js";import"../../../VirtualizedTable/index.js";import"../../../EmptyView/EmptyView.js";import"../../../EmptyView/EmptyAppView/EmptyAppView.js";import"../../../Button/components/Button/index.js";import"moment-timezone";import"../../../Button/components/LiveButton/components/LiveButtonStateIndicator/index.js";import"../../../Button/components/LiveButton/styles.js";import"../../../ContextMenuItem/index.js";import"../../../FolderMenuItem/index.js";import"../../../EditableItem/EditableItem/index.js";import"../../../EditableItem/EditableItemWithBadge/index.js";import"../../../Checkbox/index.js";import"../../../FolderMenuItemWithLinks/index.js";import"../../../TextField/index.js";import"../../../Chip/index.js";import"../../../Counter/index.js";import"../../../AnchorsList/AnchorsList.js";import"../../../Select/index.js";import"../../../Select/SelectFilterBy.js";import"../../../CustomSelect/index.js";import"../../../Tabs/Tabs.js";import"../../../Tabs/Tab.js";import"../../../ResizableTable/ResizableTable.js";import"../../../GradientPicker/GradientPicker.js";import"../../../GradientManager/GradientList.js";import"@material-ui/icons/AddCircle";import"../../../GradientManager/GradientPreview/GradientPreview.js";import"../../../GradientManager/GradientSelect.styles.js";import"../../../GradientManager/GradientManager.styles.js";import"../../../Drillstring/BHASchematic.js";import"../../../Drillstring/BHATable/index.js";import"../../../Drillstring/BHAComponentIcon.js";import"../../../Drillstring/BHAComponentDetail/index.js";import"../../../Drillstring/BHATileIcon.js";import"../../../Drillstring/BHATile/BHATile.js";import"../../../Drillstring/BHAList/BHAList.js";import"../../../Drillstring/BHAComponentsTable/BHAComponentsTable.js";import"../../CasingTable/index.js";import b from"../../CasingComponentIcon.js";import"../../CasingTileIcon.js";import"../CasingTableV2.js";import"../../CasingTile/CasingTile.js";import"../../../DisabledSettingsMessage/DisabledSettingsMessage.js";import"../../../WellSummary/WellSummaryItemLabel.js";import"../../../WellSummary/WellSummaryItemTitle.js";import"../../../WellSummary/WellSummaryItemValue.js";import"../../../WellSummary/ActivitySummaryChart.js";import"../../../WellSummary/FracWirelineTimeChart.js";import"../../../BICOffsetPickerDialog/index.js";import"../../../OffsetWellButton/OffsetWellButton.js";import"../../../OffsetWellPickerV2/OffsetWellPickerDialog.js";import"../../../OffsetWellPickerV3/index.js";import"../../../OffsetWellChips/Chip.js";import"../../../OffsetWellChips/ChipsContainer.js";import"../../../OffsetWellPickerV4/utils/apiCalls.js";import"../../../OffsetWellPickerV4/effects/useAdvancedWells.js";import"../../../OffsetWellPickerV4/constants.js";import"react-virtualized";import"../../../OffsetWellPickerV4/effects/useAssetsData.js";import"../../../OffsetWellPickerV4/components/AppHeader/AppHeader.js";import"../../../OffsetWellPickerV4/components/Toolbar/Toolbar.js";import"../../../OffsetWellPickerV4/components/Filter/Filter.js";import"../../../OffsetWellPickerV4/components/Map/WellsMap.js";import"../../../OffsetWellPickerV4/components/OffsetWellsTable/OffsetWellsTable.js";import"../../../OffsetWellPickerV4/components/OffsetWellsTable/AdvancedSearch/constants.js";import"../../../OffsetWellPickerV4/utils/index.js";import"../../../OffsetWellPickerV4/OffsetWellPickerV4.module.css.js";import"@material-ui/core/Snackbar";import"../../../Notifications/Toast.js";import"../../../../styles/typography/index.js";import"../../../../styles/counter/counter.module.scss.js";import"../../../OffsetWellMap/OffsetWellMap.js";import"../../../ConfirmationDialog.js";import"../../../TextLink/index.js";import"../../../Avatar/index.js";import"../../../Template/TemplatePopover/index.js";import"../../../Template/TemplateSharingDialog/index.js";import"../../../MenuItem/index.js";import"../../../MiddleTruncate/MiddleTruncate.js";import"../../../PinnableFilters/PinnableFilters.js";import"../../../HeaderLayout/HeaderLayout.js";import"../../../PadOffsetsPicker/PadOffsetsPicker.js";import"../../../PadOffsetsPicker/OffsetAssetChip.js";import"../../../PadOffsetsPicker/OffsetAssetsListExpander.js";import"../../../PadOffsetsPicker/StagesSelector.js";import"../../../PadOffsetsPickerV2/PadOffsetsPickerV2.js";import"../../../Table/TableToolbar/TableToolbar.js";import"../../../Table/TableContainer/TableContainer.js";import"../../../Table/TableCell/TableCell.js";import"../../../Table/TablePagination/TablePagination.js";import"../../../Table/TablePaginationActions/TablePaginationActions.js";import"../../../Tooltip/ScrollableTooltip.js";import"../../../PriceInput/PriceInput.js";import"../../../LabelsCounter/LabelsCounter.js";import"../../../Stepper/Stepper.js";import"../../../Stepper/Step/Step.js";import"../../../Stepper/StepsWrapper.js";import"../../../Comment/CommentIcon/index.js";import"../../../FilesLoader/FilesLoader.js";import"../../../SearchInput/index.js";import"../../../FeedItem/FeedItem.js";import"../../../FeedItem/FeedItemEditProvider/FeedItemEditProvider.js";import"../../../PostInput/PostInput.js";import"../../../KeyboardDateTimePicker.js";import"../../../AddComment/Popover.js";import"../../../AddComment/Popup.js";import"../../../StageDesignVActual/ComparisonBar/ComparisonBar.js";import"../../../StageDesignVActual/ElementsComparison/ElementsComparison.js";import"../../../StageDesignVActual/ComparisonHeader.js";import"../../../StageDesignVActual/ComparisonRow.js";import"../../../EmbeddedApp/DevCenterEmbeddedApp.js";import"../../../EmbeddedApp/EmbeddedApp.js";import"../../../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"../../../Drillstring/BHAComponentsTable/components/shared/CancelButton.js";import{ExpandCollapseButton as V}from"../../../Drillstring/BHAComponentsTable/components/shared/ExpandCollapseButton.js";import{FormatedNumber as D}from"../../../Drillstring/BHAComponentsTable/components/shared/FormatedNumber.js";import"../../../Drillstring/BHAComponentsTable/components/shared/InputText.js";import{MoreButton as P}from"../../../Drillstring/BHAComponentsTable/components/shared/MoreButton.js";import"../../../Drillstring/BHAComponentsTable/components/shared/SaveButton.js";import"../../../Drillstring/BHAComponentsTable/components/shared/SelectField.js";import{StaticField as T}from"../../../Drillstring/BHAComponentsTable/components/shared/StaticField.js";import"../../../Drillstring/BHAComponentsTable/components/shared/SharedEditorElements.js";import{ConfirmationPopup as I}from"../../../Drillstring/BHAComponentsTable/components/shared/ConfirmationPopup.js";import{calculateComponent as x}from"../../../Drillstring/BHAComponentsTable/components/utils/calculation.js";import{useStyles as B}from"../../../Drillstring/BHAComponentsTable/components/sharedStyles.js";var y=["is_editing"];function E(e,t){var o=Object.keys(e);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);t&&(s=s.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),o.push.apply(o,s)}return o}function F(e){for(var o=1;o<arguments.length;o++){var s=null!=arguments[o]?arguments[o]:{};o%2?E(Object(s),!0).forEach((function(o){t(e,o,s[o])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(s)):E(Object(s)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(s,t))}))}return e}function k(e){var t;return(null===(t=f.find((function(t){return t.type===e})))||void 0===t?void 0:t.name)||"—"}function M(s){var m,f=s.component,E=s.viewColumnsPerRow,M=s.editColumnsPerRow,L=s.isDraft,O=s.onCancel,H=s.onDelete,w=s.onSave,W=s.onChangeEditing,R=s.isMobile,q=s.isDragComponent,G=n(null),_=o(G,2),z=_[0],N=_[1],U=n(f),Z=o(U,2),Y=Z[0],J=Z[1],K=n(!1),X=o(K,2),Q=X[0],$=X[1],ee=n(!1),te=o(ee,2),oe=te[0],se=te[1],ne=n(!1),ie=o(ne,2),re=ie[0],pe=ie[1],me=n(null),ae=o(me,2),ce=ae[0],le=ae[1],de=B({isMobile:R,isEditing:Y.is_editing,isDragComponent:q});i((function(){W&&W(Y.is_editing)}),[Y.is_editing]);var je=function(){le(null),L?O():J(f)},ue=function(e,t){var o=x(Y,e,t),s=g(o);J(o),s.isValid?le(null):le(s.errors)},Ce=function(e){J((function(t){return F(F({},t),e)}))},Ae=function(){var e=g(Y);e.isValid?(le(null),$(!0)):le(e.errors)},ge=function(){$(!1),pe(!1),Y.is_editing;var t=e(Y,y);J(t),w(p(t,["is_expanded"]),L)},fe=r(de.cell,de.ratioWidth,t({},de.focusedFontsize,Y.is_editing||Y.is_expanded));if(Y.is_editing&&!re){var he=Y.family,ve={component:Y,isDraft:L,error:ce,onChange:ue,onCancel:je,onSave:R?ge:Ae,onUseSuggestion:Ce,columns:M};if(!R)return h("div",{className:de.component,children:[("dp"===he||"hwdp"===he)&&v(j,F({},ve)),"dp"!==he&&"hwdp"!==he&&v(C,F({},ve)),Q&&v(I,{title:"Save Changes?",text:"You will not be able to recover it.",okText:"Save",handleClose:function(){return $(!1)},handleOk:ge})]});pe(!0)}return h("div",{className:r(de.component,(m={},t(m,de.componentMobile,R),t(m,de.componentExpandedMobile,R&&Y.is_expanded),t(m,de.componentActive,Boolean(z)),m)),children:[h("div",{className:r(de.row,t({},de.rowExpanded,R&&Y.is_expanded)),children:[v("div",{className:r(de.cell,t({},de.componentMobileCell,R)),children:v(b,{component:Y})}),v("div",{className:fe,children:k(Y.family)}),!R&&h(S,{children:[v("div",{className:fe,children:v(D,{value:"bit"===Y.family?Y.size:Y.outer_diameter})}),v("div",{className:fe,children:v(D,{value:Y.inner_diameter})}),v("div",{className:fe,children:v(D,{value:Y.linear_weight})}),v("div",{className:fe,children:v(D,{value:Y.length,format:"0.0"})})]}),h("div",{className:r(de.cell,de.actionCell),children:[v(V,{isExpanded:Y.is_expanded,classes:de,handleExpandCollapse:function(){J((function(e){return e.is_expanded?F(F({},e),{},{is_expanded:!1}):F(F({},e),{},{is_expanded:!0})}))}}),v(P,{classes:de,handleOpenActionMenu:function(e){N(e.currentTarget)}})]})]}),Y.is_expanded&&h(S,{children:[R&&h(a,{container:!0,spacing:2,style:{padding:"8px 4px 16px"},children:[v(T,{label:"bit"===Y.family?"Bit Size":"OD",unit:"shortLength",value:"bit"===Y.family?Y.size:Y.outer_diameter}),"bit"!==Y.family&&v(T,{label:"ID",unit:"shortLength",value:f.inner_diameter}),"bit"!==Y.family&&v(T,{label:"Linear Weight",unit:"massPerLength",value:f.linear_weight,format:"0.0"}),v(T,{label:"Length",unit:"length",value:f.length,format:"0.0"})]}),("dp"===Y.family||"hwdp"===Y.family)&&v(d,{component:Y,columns:E}),"dp"!==Y.family&&"hwdp"!==Y.family&&v(u,{component:Y,columns:E})]}),h(c,{anchorEl:z,keepMounted:!0,open:Boolean(z),getContentAnchorEl:null,anchorOrigin:{vertical:"bottom",horizontal:"right"},transformOrigin:{vertical:"top",horizontal:"right"},onClose:function(){N(null)},children:[v(l,{onClick:function(){N(null),J((function(e){return F(F({},e),{},{is_editing:!0})}))},className:de.menuItem,children:"Edit"}),"bit"!==Y.family&&v(l,{onClick:function(){N(null),se(!0)},className:de.menuItem,children:"Delete"})]}),oe&&v(I,{title:"Delete Component?",text:"You will not be able to recover it.",okText:"Delete",handleClose:function(){return se(!1)},handleOk:function(){H(f)}}),re&&v(A,{component:Y,isDraft:L,error:ce,onChange:ue,onCancel:je,onSave:Ae,onUseSuggestion:Ce,onClose:function(){je(),pe(!1)}}),R&&Q&&v(I,{title:"Save Changes?",text:"You will not be able to recover it.",okText:"Save",handleClose:function(){return $(!1)},handleOk:ge})]})}M.propTypes={component:m.shape({family:m.string,size:m.number,outer_diameter:m.number,inner_diameter:m.number,linear_weight:m.number,length:m.number}).isRequired,isMobile:m.bool.isRequired,isDraft:m.bool,onCancel:m.func,onDelete:m.func,onSave:m.func.isRequired,onChangeEditing:m.func,viewColumnsPerRow:m.number.isRequired,editColumnsPerRow:m.number.isRequired,isDragComponent:m.bool.isRequired},M.defaultProps={isDraft:!1,onCancel:null,onDelete:null,onChangeEditing:void 0};var L=s(M);export{L as default};
+import e from"@babel/runtime/helpers/objectWithoutProperties";import t from"@babel/runtime/helpers/defineProperty";import o from"@babel/runtime/helpers/slicedToArray";import{memo as s,useState as n,useEffect as i}from"react";import r from"classnames";import{omit as p}from"lodash";import m from"prop-types";import{Grid as a,Menu as c,MenuItem as l}from"@material-ui/core";import d from"./DrillPipe/Browser.js";import j from"./DrillPipe/Editor.js";import u from"./CasingJoints/Browser.js";import C from"./CasingJoints/Editor.js";import A from"./EditComponentDialog.js";import{validateComponent as g}from"../../../../utils/casing/validation.js";import{COMPONENT_FAMILIES as f}from"../../../../constants/casing.js";import{jsxs as h,jsx as v,Fragment as b}from"react/jsx-runtime";import"../../../DevCenter/DevCenterAppContainer/components/IsInsideIsolatedDcAppProvider/IsInsideIsolatedDcAppProvider.js";import"../../../DevCenter/DevCenterAppContainer/components/DcFullscreenElemsCoordinatorProvider/DcFullscreenElemsCoordinatorProvider.js";import"../../../DevCenter/DevCenterAppContainer/components/DcFullscreenElemsCoordinatorProvider/IsInsideDcFullscreenElemProvider.js";import"@icon-park/react/es/all";import"../../../../icons/IconParkProvider.js";import"../../../../icons/customIcons/icons/AddMessage.js";import"../../../../icons/customIcons/icons/Attention.js";import"../../../../icons/customIcons/icons/Collapse.js";import"../../../../icons/customIcons/icons/Dashboard.js";import"../../../../icons/customIcons/icons/Expand.js";import"../../../../icons/customIcons/icons/FolderClosed.js";import"../../../../icons/customIcons/icons/FolderClosedFilled.js";import"../../../../icons/customIcons/icons/FolderOpened.js";import"../../../../icons/customIcons/icons/GreaterOrEqual.js";import"../../../../icons/customIcons/icons/LessOrEqual.js";import"../../../../icons/customIcons/icons/Search.js";import"../../../../icons/customIcons/icons/Wellhub.js";import"../../../../icons/customIcons/icons/MultiRuler.js";import"../../../../icons/customIcons/icons/Checkbox.js";import"../../../../icons/customIcons/icons/CheckboxChecked.js";import"../../../../icons/customIcons/icons/CheckboxIndeterminate.js";import"../../../../icons/customIcons/icons/Radio.js";import"../../../../icons/customIcons/icons/RadioChecked.js";import"../../../../icons/customIcons/icons/SimulFrac.js";import"../../../../icons/customIcons/icons/ZipperFrac.js";import"../../../../icons/customIcons/icons/CautionFilled.js";import"../../../../icons/customIcons/icons/MoreApp.js";import"../../../../icons/customIcons/icons/Pad.js";import"../../../../icons/customIcons/icons/DrilloutUnit.js";import"../../../../icons/customIcons/icons/FracFleet.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/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"../../../../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"../../../Modal/CorvaModal.css.js";import"uuid";import"../../../IconMenu/index.js";import"../../../StyledMenuItem/index.js";import"../../../AppIcon/AppIcon.js";import"../../../DevCenter/AppHeader/AppHeader.js";import"../../../DevCenter/AppSideBar/AppSideBar.js";import"../../../DevCenter/AppsDataProvider/AppsDataProvider.js";import"@material-ui/icons";import"../../../DevCenter/AppContext.js";import"../../../DevCenter/DevCenterRouterContext/DevCenterRouterContext.js";import"../../../DevCenter/DevCenterRouterContext/UniversalLink/UniversalLink.js";import"react-router";import"@babel/runtime/helpers/asyncToGenerator";import"@babel/runtime/regenerator";import"../../../../utils/index.js";import"../../../DevCenter/DevCenterAppContainer/components/AppActions/AppActions.css.js";import"../../../DevCenter/DevCenterAppContainer/components/AppSettingsDialog/AppSettingsDialog.js";import"../../../DevCenter/DevCenterAppContainer/components/AppSettingsDialog/components/RemoveAppButton.js";import"../../../DevCenter/DevCenterAppContainer/components/AppSettingsDialog/components/SettingsAccordion.js";import"../../../DevCenter/DevCenterAppContainer/components/AnnotationsButton/AnnotationsButton.js";import"../../../../componentsV2/Text/Text.js";import"../../../../componentsV2/Grid/Grid.js";import"../../../../componentsV2/Grid/Grid.scss.js";import"../../../../componentsV2/Header/Header.scss.js";import"../../../../componentsV2/Button/Button.js";import"../../../../componentsV2/ButtonIcon/ButtonIcon.js";import"../../../../componentsV2/Tooltip/Tooltip.scss.js";import"../../../../componentsV2/Paper/Paper.js";import"../../../../componentsV2/Popover/Popover.scss.js";import"../../../../componentsV2/Radio/Radio.js";import"../../../../componentsV2/RadioAndCheckboxGroup/RadioAndCheckboxGroup.scss.js";import"../../../../componentsV2/Checkbox/Checkbox.js";import"../../../../componentsV2/TextInput/TextInput.js";import"../../../../componentsV2/TextEndTruncated/TextEndTruncated.scss.js";import"../../../../componentsV2/TextMiddleTruncated/TextMiddleTruncated.constants.js";import"../../../../componentsV2/TextMiddleTruncated/TextMiddleTruncated.scss.js";import"../../../../componentsV2/TextLink/TextLink.js";import"../../../../componentsV2/Chip/Chip.js";import"../../../../componentsV2/ChipAlert/ChipAlert.js";import"../../../../componentsV2/ChipIndicator/ChipIndicator.js";import"../../../../componentsV2/Avatar/Avatar.js";import"../../../../componentsV2/Avatar/constants.js";import"../../../../componentsV2/AvatarGroup/AvatarGroup.scss.js";import"@material-ui/lab";import"../../../../componentsV2/ToggleButtons/ToggleButtons.scss.js";import"../../../../componentsV2/ModalWindow/ModalWindow.scss.js";import"../../../../componentsV2/Modal/Modal.scss.js";import"../../../../componentsV2/Menu/Menu.js";import"../../../../componentsV2/Counter/Counter.js";import"../../../../componentsV2/BadgeBase/BadgeBase.scss.js";import"../../../../componentsV2/BadgeDot/BadgeDot.scss.js";import"../../../../componentsV2/LoaderLinear/LoaderLinear.scss.js";import"../../../../componentsV2/LoaderLogo/LoaderLogo.constants.js";import"../../../../componentsV2/LoaderLogo/LoaderLogo.scss.js";import"../../../../componentsV2/Switch/Switch.js";import"../../../../componentsV2/Tabs/Tabs.js";import"../../../../componentsV2/EmptyState/EmptyState.scss.js";import"../../../../componentsV2/FileIcon/FileIcon.js";import"react-dropzone";import"../../../../componentsV2/FilesDropzone/FilesDropzone.scss.js";import"../../../../componentsV2/FilesLoader/FilesLoader.scss.js";import"../../../../componentsV2/FilesProcessor/FilesProcessor.scss.js";import"../../../../componentsV2/Skeleton/Skeleton.scss.js";import"../../../../utils/main.js";import"../../../../componentsV2/CopyToClipboard/CopyToClipboard.scss.js";import"../../../../componentsV2/Stepper/Step/Step.scss.js";import"../../../../componentsV2/Stepper/Stepper.scss.js";import"../../../../componentsV2/ButtonLive/ButtonLive.js";import"../../../../componentsV2/ButtonText/ButtonText.js";import"../../../../componentsV2/LiveDotIndicator/LiveDotIndicator.scss.js";import"../../../../componentsV2/IndicatorLive/IndicatorLive.scss.js";import"../../../../componentsV2/Accordion/Accordion.scss.js";import"../../../../componentsV2/Breadcrumbs/Breadcrumbs.scss.js";import"../../../../componentsV2/BadgeComment/BadgeComment.js";import"../../../../componentsV2/AppContainer/AppContainer.js";import"../../../../componentsV2/AppContainer/AppContainer.constants.js";import"../../../../componentsV2/AppFooter/AppFooter.js";import"../../../../componentsV2/AppCommonsProvider/AppCommonsContext.js";import"../../../../componentsV2/AppHeader/AppHeader.constants.js";import"../../../../componentsV2/AppHeader/AppBadge/AppBadge.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"../../../../types/shared/Completions.js";import"../../../PadModeSelect/types.js";import"lodash/flatten";import"lodash/partition";import"../../../../componentsV2/PadModeSelect/FracModeLabel/FracModeLabel.js";import"../../../../componentsV2/PadModeSelect/FracModeLabel/FracModeLabel.constants.js";import"../../../../clients/jsonApi/index.js";import"@babel/runtime/helpers/toConsumableArray";import"lodash/set";import"lodash/get";import"lodash/unset";import"moment";import"../../../../clients/subscriptions/constants.js";import"../../../../clients/subscriptions.v1.js";import"../../../../clients/subscriptions/subscriptions-client.factory.js";import"../../../../clients/api/apiCore.js";import"../../../../clients/constants.js";import"../../../../clients/sso/auth0.js";import"../../../../clients/sso/oauth2.js";import"../../../../componentsV2/PadModeSelect/WellStreamActivityStatus/WellStreamActivityStatus.scss.js";import"../../../../componentsV2/PadModeSelect/PadModeSelect.constants.js";import"../../../../componentsV2/PadModeSelect/PadModeSelect.scss.js";import"querystring";import"uuid/v1";import"jsona";import"../../../../utils/env.js";import"../../../StatusBadge/constants.js";import"lodash/isEmpty";import"lodash/sortBy";import"../../../DevCenter/DevCenterAppContainer/components/CommentsSwitch/CommentsSwitchContext.js";import"../../../../componentsV2/AppHeader/V3/VersionSelect/VersionSelect.js";import"../../../../componentsV2/UniversalLink/UniversalLink.scss.js";import"../../../../componentsV2/AppHeader/V3/AssetChips/AssetChips.scss.js";import"../../../../componentsV2/AppHeader/V3/DqStatusIcon/DqStatusIcon.js";import"../../../../componentsV2/AppHeader/V3/DqStatusIcon/DqStatusIcon.constants.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/AppHeader/V3/AssetSelector/AssetSelector.js";import"../../../../componentsV2/AppHeader/V3/AssetSelector/constants.js";import"../../../../componentsV2/AppHeader/V3/AppTitle/AppTitle.constants.js";import"../../../../componentsV2/AppContainer/headerCommon.scss.js";import"../../../../componentsV2/AppHeader/V3/AppTitle/AppTitle.scss.js";import"../../../../componentsV2/AppHeader/V3/constants.scss.js";import"@babel/runtime/helpers/typeof";import"../../../../componentsV2/AppSizeProvider/AppSizeProvider.js";import"../../../../componentsV2/AppSettings/AppSettings.js";import"../../../../componentsV2/AppSettings/AppSettings.constants.js";import"../../../../componentsV2/AppSettings/AppSettingsPinningContext.js";import"../../../../componentsV2/AppHeader/V3/SettingsPopover/SettingsPopover.constants.js";import"../../../../componentsV2/AppHeader/V3/SettingsPopover/SettingsPopover.scss.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/OffsetWellsButton/OffsetWellsButton.scss.js";import"../../../../componentsV2/Autocomplete/Autocomplete.scss.js";import"../../../../componentsV2/Menu/MenuItem/MenuItem.scss.js";import"../../../../componentsV2/AppSettingsDivider/AppSettingsDivider.scss.js";import"../../../DevCenter/DevCenterAppContainer/components/FullscreenButton/FullscreenButton.js";import"../../../DevCenter/DevCenterAppContainer/components/AppInfoMessage/AppInfoMessage.js";import"../../../DevCenter/DevCenterAppContainer/components/DevCenterAppView/DevCenterAppView.js";import"../../../DevCenter/DevCenterAppContainer/components/RestoreAppSizeButton/index.js";import"rollbar";import"@rollbar/react";import"../../../DevCenter/DevCenterAppContainer/components/CommentsSwitch/CommentsSwitchButton.scss.js";import"../../../DevCenter/DevCenterAppContainer/DevCenterAppContainer.css.js";import"../../../Icons/AnnotationIcon.js";import"../../../Annotations/components/AnnotationsList/index.js";import"../../../Annotations/components/LastAnnotation/index.js";import"../../../Annotations/AnnotationsContext.js";import"../../../Toaster/Toaster.js";import"../../../HelpCenter/HelpCenterIcon.js";import"../../../DevCenter/NavigationBar/NavigationBar.js";import"../../../DevCenter/SideBar/SideBar.js";import"../../../DevCenter/AppSettingsPopover/AppSettingsPopover.js";import"../../../DevCenter/AppFilterPanelLayout/AppFilterPanelLayout.js";import"../../../DevCenter/IsolatedDevCenterAppContainer/DevCenterIsolatedAppPage.js";import"../../../DevCenter/IsolatedDevCenterAppContainer/DevCenterIsolatedApp.js";import"../../../AssetEditor/index.js";import"../../../AssetEditorV2/index.js";import"../../../AppVersionsSelect/AppVersionsSelect.js";import"../../../LoadingIndicator/LoadingIndicator.js";import"../../../Typography.js";import"../../../RealTimeValuesSidebar/RealTimeSidebar.js";import"../../../CollapsableSidebar.js";import"../../../DateTimePicker/index.js";import"../../../DatePicker/index.js";import"../../../ErrorBoundary/ErrorBoundary.js";import"../../../ErrorBoundary/DevCenterAppErrorView/DevCenterAppErrorView.js";import"../../../SlateFormattedText/SlateFormattedText.js";import"../../../SlateFormattedText/RenderElements.js";import"slate";import"../../../EmptyState/EmptyState.js";import"../../../ParameterCharts/ParameterCharts.js";import"../../../ParameterCharts/AddEditTrack.js";import"../../../ChartActionsList/ChartActionsList.js";import"../../../CopyToClipboard/CopyToClipboard.js";import"../../../AssetEditor/AssetEditorAutocomplete.js";import"../../../AssetEditor/SingleAssetEditor.js";import"react-color";import"../../../SettingEditors/ColorEditor/style.css.js";import"../../../SettingEditors/DropdownEditor/index.js";import"../../../SwitchControl/index.js";import"../../../ColorPicker/ColorPicker.js";import"../../../Chart/components/ChartButton.js";import"../../../Chart/components/ChartButtons.js";import"../../../Chart/components/ChartWrapper.js";import"../../../Chart/components/AxisDropdown.js";import"../../../Chart/components/ChartSelect.js";import"../../../Chart/components/buttons/DragToZoomButton.js";import"../../../Chart/components/buttons/ZoomInButton.js";import"../../../Chart/components/buttons/ZoomOutButton.js";import"../../../Chart/components/buttons/PanButton.js";import"../../../Chart/components/buttons/ResetZoomButton.js";import"../../../Chart/components/buttons/HideAxesButton.js";import"../../../Chart/components/buttons/ChartTypeButton.js";import"../../../ColorPicker/PaletteChromePicker/PaletteChromePicker.js";import"../../../TruncatedText/index.js";import"../../../MiddleTruncatedText/MiddleTruncatedText.js";import"../../../RangeSlider/constants.js";import"../../../RangeSlider/Input.css.js";import"../../../RangeSlider/RangeSlider.css.js";import"../../../AdvancedSlider/AdvancedSlider.js";import"../../../Breadcrumbs/index.js";import"../../../VirtualizedTable/index.js";import"../../../EmptyView/EmptyView.js";import"../../../EmptyView/EmptyAppView/EmptyAppView.js";import"../../../Button/components/Button/index.js";import"moment-timezone";import"../../../Button/components/LiveButton/components/LiveButtonStateIndicator/index.js";import"../../../Button/components/LiveButton/styles.js";import"../../../ContextMenuItem/index.js";import"../../../FolderMenuItem/index.js";import"../../../EditableItem/EditableItem/index.js";import"../../../EditableItem/EditableItemWithBadge/index.js";import"../../../Checkbox/index.js";import"../../../FolderMenuItemWithLinks/index.js";import"../../../TextField/index.js";import"../../../Chip/index.js";import"../../../Counter/index.js";import"../../../AnchorsList/AnchorsList.js";import"../../../Select/index.js";import"../../../Select/SelectFilterBy.js";import"../../../CustomSelect/index.js";import"../../../Tabs/Tabs.js";import"../../../Tabs/Tab.js";import"../../../ResizableTable/ResizableTable.js";import"../../../GradientPicker/GradientPicker.js";import"../../../GradientManager/GradientList.js";import"@material-ui/icons/AddCircle";import"../../../GradientManager/GradientPreview/GradientPreview.js";import"../../../GradientManager/GradientSelect.styles.js";import"../../../GradientManager/GradientManager.styles.js";import"../../../Drillstring/BHASchematic.js";import"../../../Drillstring/BHATable/index.js";import"../../../Drillstring/BHAComponentIcon.js";import"../../../Drillstring/BHAComponentDetail/index.js";import"../../../Drillstring/BHATileIcon.js";import"../../../Drillstring/BHATile/BHATile.js";import"../../../Drillstring/BHAList/BHAList.js";import"../../../Drillstring/BHAComponentsTable/BHAComponentsTable.js";import"../../CasingTable/index.js";import S from"../../CasingComponentIcon.js";import"../../CasingTileIcon.js";import"../CasingTableV2.js";import"../../CasingTile/CasingTile.js";import"../../../DisabledSettingsMessage/DisabledSettingsMessage.js";import"../../../WellSummary/WellSummaryItemLabel.js";import"../../../WellSummary/WellSummaryItemTitle.js";import"../../../WellSummary/WellSummaryItemValue.js";import"../../../WellSummary/ActivitySummaryChart.js";import"../../../WellSummary/FracWirelineTimeChart.js";import"../../../BICOffsetPickerDialog/index.js";import"../../../OffsetWellButton/OffsetWellButton.js";import"../../../OffsetWellPickerV2/OffsetWellPickerDialog.js";import"../../../OffsetWellPickerV3/index.js";import"../../../OffsetWellChips/Chip.js";import"../../../OffsetWellChips/ChipsContainer.js";import"../../../OffsetWellPickerV4/utils/apiCalls.js";import"../../../OffsetWellPickerV4/effects/useAdvancedWells.js";import"../../../OffsetWellPickerV4/constants.js";import"react-virtualized";import"../../../OffsetWellPickerV4/effects/useAssetsData.js";import"../../../OffsetWellPickerV4/components/AppHeader/AppHeader.js";import"../../../OffsetWellPickerV4/components/Toolbar/Toolbar.js";import"../../../OffsetWellPickerV4/components/Filter/Filter.js";import"../../../OffsetWellPickerV4/components/Map/WellsMap.js";import"../../../OffsetWellPickerV4/components/OffsetWellsTable/OffsetWellsTable.js";import"../../../OffsetWellPickerV4/components/OffsetWellsTable/AdvancedSearch/constants.js";import"../../../OffsetWellPickerV4/utils/index.js";import"../../../OffsetWellPickerV4/OffsetWellPickerV4.module.css.js";import"@material-ui/core/Snackbar";import"../../../Notifications/Toast.js";import"../../../../styles/typography/index.js";import"../../../../styles/counter/counter.module.scss.js";import"../../../OffsetWellMap/OffsetWellMap.js";import"../../../ConfirmationDialog.js";import"../../../TextLink/index.js";import"../../../Avatar/index.js";import"../../../Template/TemplatePopover/index.js";import"../../../Template/TemplateSharingDialog/index.js";import"../../../MenuItem/index.js";import"../../../MiddleTruncate/MiddleTruncate.js";import"../../../PinnableFilters/PinnableFilters.js";import"../../../HeaderLayout/HeaderLayout.js";import"../../../PadOffsetsPicker/PadOffsetsPicker.js";import"../../../PadOffsetsPicker/OffsetAssetChip.js";import"../../../PadOffsetsPicker/OffsetAssetsListExpander.js";import"../../../PadOffsetsPicker/StagesSelector.js";import"../../../PadOffsetsPickerV2/PadOffsetsPickerV2.js";import"../../../Table/TableToolbar/TableToolbar.js";import"../../../Table/TableContainer/TableContainer.js";import"../../../Table/TableCell/TableCell.js";import"../../../Table/TablePagination/TablePagination.js";import"../../../Table/TablePaginationActions/TablePaginationActions.js";import"../../../Tooltip/ScrollableTooltip.js";import"../../../PriceInput/PriceInput.js";import"../../../LabelsCounter/LabelsCounter.js";import"../../../Stepper/Stepper.js";import"../../../Stepper/Step/Step.js";import"../../../Stepper/StepsWrapper.js";import"../../../Comment/CommentIcon/index.js";import"../../../FilesLoader/FilesLoader.js";import"../../../SearchInput/index.js";import"../../../FeedItem/FeedItem.js";import"../../../FeedItem/FeedItemEditProvider/FeedItemEditProvider.js";import"../../../PostInput/PostInput.js";import"../../../KeyboardDateTimePicker.js";import"../../../AddComment/Popover.js";import"../../../AddComment/Popup.js";import"../../../StageDesignVActual/ComparisonBar/ComparisonBar.js";import"../../../StageDesignVActual/ElementsComparison/ElementsComparison.js";import"../../../StageDesignVActual/ComparisonHeader.js";import"../../../StageDesignVActual/ComparisonRow.js";import"../../../EmbeddedApp/DevCenterEmbeddedApp.js";import"../../../EmbeddedApp/EmbeddedApp.js";import"../../../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"../../../Drillstring/BHAComponentsTable/components/shared/CancelButton.js";import{ExpandCollapseButton as D}from"../../../Drillstring/BHAComponentsTable/components/shared/ExpandCollapseButton.js";import{FormatedNumber as V}from"../../../Drillstring/BHAComponentsTable/components/shared/FormatedNumber.js";import"../../../Drillstring/BHAComponentsTable/components/shared/InputText.js";import{MoreButton as P}from"../../../Drillstring/BHAComponentsTable/components/shared/MoreButton.js";import"../../../Drillstring/BHAComponentsTable/components/shared/SaveButton.js";import"../../../Drillstring/BHAComponentsTable/components/shared/SelectField.js";import{StaticField as T}from"../../../Drillstring/BHAComponentsTable/components/shared/StaticField.js";import"../../../Drillstring/BHAComponentsTable/components/shared/SharedEditorElements.js";import{ConfirmationPopup as I}from"../../../Drillstring/BHAComponentsTable/components/shared/ConfirmationPopup.js";import{calculateComponent as x}from"../../../Drillstring/BHAComponentsTable/components/utils/calculation.js";import{useStyles as B}from"../../../Drillstring/BHAComponentsTable/components/sharedStyles.js";var y=["is_editing"];function E(e,t){var o=Object.keys(e);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);t&&(s=s.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),o.push.apply(o,s)}return o}function F(e){for(var o=1;o<arguments.length;o++){var s=null!=arguments[o]?arguments[o]:{};o%2?E(Object(s),!0).forEach((function(o){t(e,o,s[o])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(s)):E(Object(s)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(s,t))}))}return e}function k(e){var t;return(null===(t=f.find((function(t){return t.type===e})))||void 0===t?void 0:t.name)||"—"}function M(s){var m,f=s.component,E=s.viewColumnsPerRow,M=s.editColumnsPerRow,L=s.isDraft,O=s.onCancel,H=s.onDelete,w=s.onSave,W=s.onChangeEditing,R=s.isMobile,q=s.isDragComponent,G=n(null),_=o(G,2),z=_[0],N=_[1],U=n(f),Z=o(U,2),Y=Z[0],J=Z[1],K=n(!1),X=o(K,2),Q=X[0],$=X[1],ee=n(!1),te=o(ee,2),oe=te[0],se=te[1],ne=n(!1),ie=o(ne,2),re=ie[0],pe=ie[1],me=n(null),ae=o(me,2),ce=ae[0],le=ae[1],de=B({isMobile:R,isEditing:Y.is_editing,isDragComponent:q});i((function(){W&&W(Y.is_editing)}),[Y.is_editing]);var je=function(){le(null),L?O():J(f)},ue=function(e,t){var o=x(Y,e,t),s=g(o);J(o),s.isValid?le(null):le(s.errors)},Ce=function(e){J((function(t){return F(F({},t),e)}))},Ae=function(){var e=g(Y);e.isValid?(le(null),$(!0)):le(e.errors)},ge=function(){$(!1),pe(!1),Y.is_editing;var t=e(Y,y);J(t),w(p(t,["is_expanded"]),L)},fe=r(de.cell,de.ratioWidth,t({},de.focusedFontsize,Y.is_editing||Y.is_expanded));if(Y.is_editing&&!re){var he=Y.family,ve={component:Y,isDraft:L,error:ce,onChange:ue,onCancel:je,onSave:R?ge:Ae,onUseSuggestion:Ce,columns:M};if(!R)return h("div",{className:de.component,children:[("dp"===he||"hwdp"===he)&&v(j,F({},ve)),"dp"!==he&&"hwdp"!==he&&v(C,F({},ve)),Q&&v(I,{title:"Save Changes?",text:"You will not be able to recover it.",okText:"Save",handleClose:function(){return $(!1)},handleOk:ge})]});pe(!0)}return h("div",{className:r(de.component,(m={},t(m,de.componentMobile,R),t(m,de.componentExpandedMobile,R&&Y.is_expanded),t(m,de.componentActive,Boolean(z)),m)),children:[h("div",{className:r(de.row,t({},de.rowExpanded,R&&Y.is_expanded)),children:[v("div",{className:r(de.cell,t({},de.componentMobileCell,R)),children:v(S,{component:Y})}),v("div",{className:fe,children:k(Y.family)}),!R&&h(b,{children:[v("div",{className:fe,children:v(V,{value:"bit"===Y.family?Y.size:Y.outer_diameter})}),v("div",{className:fe,children:v(V,{value:Y.inner_diameter})}),v("div",{className:fe,children:v(V,{value:Y.linear_weight})}),v("div",{className:fe,children:v(V,{value:Y.length,format:"0.0"})})]}),h("div",{className:r(de.cell,de.actionCell),children:[v(D,{isExpanded:Y.is_expanded,classes:de,handleExpandCollapse:function(){J((function(e){return e.is_expanded?F(F({},e),{},{is_expanded:!1}):F(F({},e),{},{is_expanded:!0})}))}}),v(P,{classes:de,handleOpenActionMenu:function(e){N(e.currentTarget)}})]})]}),Y.is_expanded&&h(b,{children:[R&&h(a,{container:!0,spacing:2,style:{padding:"8px 4px 16px"},children:[v(T,{label:"bit"===Y.family?"Bit Size":"OD",unit:"shortLength",value:"bit"===Y.family?Y.size:Y.outer_diameter}),"bit"!==Y.family&&v(T,{label:"ID",unit:"shortLength",value:f.inner_diameter}),"bit"!==Y.family&&v(T,{label:"Linear Weight",unit:"massPerLength",value:f.linear_weight,format:"0.0"}),v(T,{label:"Length",unit:"length",value:f.length,format:"0.0"})]}),("dp"===Y.family||"hwdp"===Y.family)&&v(d,{component:Y,columns:E}),"dp"!==Y.family&&"hwdp"!==Y.family&&v(u,{component:Y,columns:E})]}),h(c,{anchorEl:z,keepMounted:!0,open:Boolean(z),getContentAnchorEl:null,anchorOrigin:{vertical:"bottom",horizontal:"right"},transformOrigin:{vertical:"top",horizontal:"right"},onClose:function(){N(null)},children:[v(l,{onClick:function(){N(null),J((function(e){return F(F({},e),{},{is_editing:!0})}))},className:de.menuItem,children:"Edit"}),"bit"!==Y.family&&v(l,{onClick:function(){N(null),se(!0)},className:de.menuItem,children:"Delete"})]}),oe&&v(I,{title:"Delete Component?",text:"You will not be able to recover it.",okText:"Delete",handleClose:function(){return se(!1)},handleOk:function(){H(f)}}),re&&v(A,{component:Y,isDraft:L,error:ce,onChange:ue,onCancel:je,onSave:Ae,onUseSuggestion:Ce,onClose:function(){je(),pe(!1)}}),R&&Q&&v(I,{title:"Save Changes?",text:"You will not be able to recover it.",okText:"Save",handleClose:function(){return $(!1)},handleOk:ge})]})}M.propTypes={component:m.shape({family:m.string,size:m.number,outer_diameter:m.number,inner_diameter:m.number,linear_weight:m.number,length:m.number}).isRequired,isMobile:m.bool.isRequired,isDraft:m.bool,onCancel:m.func,onDelete:m.func,onSave:m.func.isRequired,onChangeEditing:m.func,viewColumnsPerRow:m.number.isRequired,editColumnsPerRow:m.number.isRequired,isDragComponent:m.bool.isRequired},M.defaultProps={isDraft:!1,onCancel:null,onDelete:null,onChangeEditing:void 0};var L=s(M);export{L as default};
 //# sourceMappingURL=Component.js.map

package/components/Casing/CasingTableV2/components/Component.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Component.js","sources":["../../../../../src/components/Casing/CasingTableV2/components/Component.js"],"sourcesContent":["import { memo, useEffect, useState } from 'react';\nimport classNames from 'classnames';\nimport { omit } from 'lodash';\nimport PropTypes from 'prop-types';\nimport { Grid, Menu, MenuItem } from '@material-ui/core';\n\nimport { Browser as DrillPipeBrowser, Editor as DrillPipeEditor } from './DrillPipe';\nimport { Browser as ComponentBrowser, Editor as ComponentEditor } from './CasingJoints';\nimport EditComponentDialog from './EditComponentDialog';\n\nimport { validateComponent } from '~/utils/casing/validation';\nimport { COMPONENT_FAMILIES } from '~/constants/casing';\nimport { CasingComponentIcon as ComponentIcon } from '~/components';\nimport {\n FormatedNumber,\n ExpandCollapseButton,\n MoreButton,\n StaticField,\n ConfirmationPopup,\n} from '~/components/Drillstring/BHAComponentsTable/components/shared';\nimport { calculateComponent } from '~/components/Drillstring/BHAComponentsTable/components/utils/calculation';\nimport { useStyles } from '~/components/Drillstring/BHAComponentsTable/components/sharedStyles';\n\nfunction getComponentName(family) {\n return COMPONENT_FAMILIES.find(item => item.type === family)?.name \|\| '—';\n}\n\nfunction Component({\n component,\n viewColumnsPerRow,\n editColumnsPerRow,\n isDraft,\n onCancel,\n onDelete,\n onSave,\n onChangeEditing,\n isMobile,\n isDragComponent,\n}) {\n const [actionAnchorEl, setActionAnchorEl] = useState(null);\n const [tempComponent, setTempComponent] = useState(component);\n const [isOpenSaveConfirm, setIsOpenSaveConfirm] = useState(false);\n const [isOpenDeleteDialog, setIsOpenDeleteDialog] = useState(false);\n const [isOpenEditorDialog, setIsOpenEditorDialog] = useState(false);\n const [error, setError] = useState(null);\n\n const classes = useStyles({ isMobile, isEditing: tempComponent.is_editing, isDragComponent });\n\n useEffect(() => {\n if (onChangeEditing) onChangeEditing(tempComponent.is_editing);\n }, [tempComponent.is_editing]);\n\n const handleExpandCollapse = () => {\n setTempComponent(prev => {\n return prev.is_expanded ? { ...prev, is_expanded: false } : { ...prev, is_expanded: true };\n });\n };\n\n const handleOpenActionMenu = e => {\n setActionAnchorEl(e.currentTarget);\n };\n\n const handleCloseActionMenu = () => {\n setActionAnchorEl(null);\n };\n\n const handleEdit = () => {\n setActionAnchorEl(null);\n setTempComponent(prev => ({ ...prev, is_editing: true }));\n };\n\n const handleConfirmDelete = () => {\n setActionAnchorEl(null);\n setIsOpenDeleteDialog(true);\n };\n\n const handleDelete = () => {\n onDelete(component);\n };\n\n const handleCancel = () => {\n setError(null);\n if (isDraft) {\n onCancel();\n return;\n }\n\n setTempComponent(component);\n };\n\n const handleChange = (key, value) => {\n const newComponent = calculateComponent(tempComponent, key, value);\n const result = validateComponent(newComponent);\n setTempComponent(newComponent);\n if (!result.isValid) {\n setError(result.errors);\n } else {\n setError(null);\n }\n };\n\n const handleUseSuggestion = suggestion => {\n setTempComponent(prev => {\n return {\n ...prev,\n ...suggestion,\n };\n });\n };\n\n const handleConfirmSave = () => {\n const result = validateComponent(tempComponent);\n if (!result.isValid) {\n setError(result.errors);\n return;\n }\n\n setError(null);\n setIsOpenSaveConfirm(true);\n };\n\n const handleSave = () => {\n setIsOpenSaveConfirm(false);\n setIsOpenEditorDialog(false);\n\n const { is_editing, ...saving } = tempComponent;\n\n setTempComponent(saving);\n\n onSave(omit(saving, ['is_expanded']), isDraft);\n };\n\n const contentCellName = classNames(classes.cell, classes.ratioWidth, {\n [classes.focusedFontsize]: tempComponent.is_editing \|\| tempComponent.is_expanded,\n });\n\n if (tempComponent.is_editing && !isOpenEditorDialog) {\n const { family } = tempComponent;\n\n const componentProps = {\n component: tempComponent,\n isDraft,\n error,\n onChange: handleChange,\n onCancel: handleCancel,\n onSave: isMobile ? handleSave : handleConfirmSave,\n onUseSuggestion: handleUseSuggestion,\n columns: editColumnsPerRow,\n };\n\n if (isMobile) {\n setIsOpenEditorDialog(true);\n } else {\n return (\n <div className={classes.component}>\n {(family === 'dp' \|\| family === 'hwdp') && <DrillPipeEditor {...componentProps} />}\n {family !== 'dp' && family !== 'hwdp' && <ComponentEditor {...componentProps} />}\n\n {isOpenSaveConfirm && (\n <ConfirmationPopup\n title=\"Save Changes?\"\n text=\"You will not be able to recover it.\"\n okText=\"Save\"\n handleClose={() => setIsOpenSaveConfirm(false)}\n handleOk={handleSave}\n />\n )}\n </div>\n );\n }\n }\n\n return (\n <div\n className={classNames(classes.component, {\n [classes.componentMobile]: isMobile,\n [classes.componentExpandedMobile]: isMobile && tempComponent.is_expanded,\n [classes.componentActive]: Boolean(actionAnchorEl),\n })}\n >\n <div\n className={classNames(classes.row, {\n [classes.rowExpanded]: isMobile && tempComponent.is_expanded,\n })}\n >\n <div className={classNames(classes.cell, { [classes.componentMobileCell]: isMobile })}>\n <ComponentIcon component={tempComponent} />\n </div>\n <div className={contentCellName}>{getComponentName(tempComponent.family)}</div>\n {!isMobile && (\n <>\n <div className={contentCellName}>\n <FormatedNumber\n value={\n tempComponent.family === 'bit' ? tempComponent.size : tempComponent.outer_diameter\n }\n />\n </div>\n <div className={contentCellName}>\n <FormatedNumber value={tempComponent.inner_diameter} />\n </div>\n <div className={contentCellName}>\n <FormatedNumber value={tempComponent.linear_weight} />\n </div>\n <div className={contentCellName}>\n <FormatedNumber value={tempComponent.length} format=\"0.0\" />\n </div>\n </>\n )}\n <div className={classNames(classes.cell, classes.actionCell)}>\n <ExpandCollapseButton\n isExpanded={tempComponent.is_expanded}\n classes={classes}\n handleExpandCollapse={handleExpandCollapse}\n />\n <MoreButton classes={classes} handleOpenActionMenu={handleOpenActionMenu} />\n </div>\n </div>\n\n {tempComponent.is_expanded && (\n <>\n {isMobile && (\n <Grid container spacing={2} style={{ padding: '8px 4px 16px' }}>\n <StaticField\n label={tempComponent.family === 'bit' ? 'Bit Size' : 'OD'}\n unit=\"shortLength\"\n value={\n tempComponent.family === 'bit' ? tempComponent.size : tempComponent.outer_diameter\n }\n />\n {tempComponent.family !== 'bit' && (\n <StaticField label=\"ID\" unit=\"shortLength\" value={component.inner_diameter} />\n )}\n {tempComponent.family !== 'bit' && (\n <StaticField\n label=\"Linear Weight\"\n unit=\"massPerLength\"\n value={component.linear_weight}\n format=\"0.0\"\n />\n )}\n <StaticField label=\"Length\" unit=\"length\" value={component.length} format=\"0.0\" />\n </Grid>\n )}\n\n {(tempComponent.family === 'dp' \|\| tempComponent.family === 'hwdp') && (\n <DrillPipeBrowser component={tempComponent} columns={viewColumnsPerRow} />\n )}\n {tempComponent.family !== 'dp' && tempComponent.family !== 'hwdp' && (\n <ComponentBrowser component={tempComponent} columns={viewColumnsPerRow} />\n )}\n </>\n )}\n\n <Menu\n anchorEl={actionAnchorEl}\n keepMounted\n open={Boolean(actionAnchorEl)}\n getContentAnchorEl={null}\n anchorOrigin={{ vertical: 'bottom', horizontal: 'right' }}\n transformOrigin={{ vertical: 'top', horizontal: 'right' }}\n onClose={handleCloseActionMenu}\n >\n <MenuItem onClick={handleEdit} className={classes.menuItem}>\n Edit\n </MenuItem>\n {tempComponent.family !== 'bit' && (\n <MenuItem onClick={handleConfirmDelete} className={classes.menuItem}>\n Delete\n </MenuItem>\n )}\n </Menu>\n\n {isOpenDeleteDialog && (\n <ConfirmationPopup\n title=\"Delete Component?\"\n text=\"You will not be able to recover it.\"\n okText=\"Delete\"\n handleClose={() => setIsOpenDeleteDialog(false)}\n handleOk={handleDelete}\n />\n )}\n\n {isOpenEditorDialog && (\n <EditComponentDialog\n component={tempComponent}\n isDraft={isDraft}\n error={error}\n onChange={handleChange}\n onCancel={handleCancel}\n onSave={handleConfirmSave}\n onUseSuggestion={handleUseSuggestion}\n onClose={() => {\n handleCancel();\n setIsOpenEditorDialog(false);\n }}\n />\n )}\n\n {isMobile && isOpenSaveConfirm && (\n <ConfirmationPopup\n title=\"Save Changes?\"\n text=\"You will not be able to recover it.\"\n okText=\"Save\"\n handleClose={() => setIsOpenSaveConfirm(false)}\n handleOk={handleSave}\n />\n )}\n </div>\n );\n}\n\nComponent.propTypes = {\n component: PropTypes.shape({\n family: PropTypes.string,\n size: PropTypes.number,\n outer_diameter: PropTypes.number,\n inner_diameter: PropTypes.number,\n linear_weight: PropTypes.number,\n length: PropTypes.number,\n }).isRequired,\n isMobile: PropTypes.bool.isRequired,\n isDraft: PropTypes.bool,\n onCancel: PropTypes.func,\n onDelete: PropTypes.func,\n onSave: PropTypes.func.isRequired,\n onChangeEditing: PropTypes.func,\n viewColumnsPerRow: PropTypes.number.isRequired,\n editColumnsPerRow: PropTypes.number.isRequired,\n isDragComponent: PropTypes.bool.isRequired,\n};\n\nComponent.defaultProps = {\n isDraft: false,\n onCancel: null,\n onDelete: null,\n onChangeEditing: undefined,\n};\n\nexport default memo(Component);\n"],"names":["getComponentName","family","_COMPONENT_FAMILIES$f","COMPONENT_FAMILIES","find","item","type","name","Component","_ref","_classNames2","component","viewColumnsPerRow","editColumnsPerRow","isDraft","onCancel","onDelete","onSave","onChangeEditing","isMobile","isDragComponent","useState","_useState2","_slicedToArray","_useState","actionAnchorEl","setActionAnchorEl","_useState4","_useState3","tempComponent","setTempComponent","_useState6","_useState5","isOpenSaveConfirm","setIsOpenSaveConfirm","_useState8","_useState7","isOpenDeleteDialog","setIsOpenDeleteDialog","_useState10","_useState9","isOpenEditorDialog","setIsOpenEditorDialog","_useState12","_useState11","error","setError","classes","useStyles","isEditing","is_editing","useEffect","handleCancel","handleChange","key","value","newComponent","calculateComponent","result","validateComponent","isValid","errors","handleUseSuggestion","suggestion","prev","handleConfirmSave","handleSave","saving","_excluded","omit","contentCellName","classNames","cell","ratioWidth","focusedFontsize","is_expanded","componentProps","onChange","onUseSuggestion","columns","_jsxs","className","children","_jsx","DrillPipeEditor","ComponentEditor","ConfirmationPopup","title","text","okText","handleClose","handleOk","componentMobile","componentExpandedMobile","componentActive","Boolean","row","rowExpanded","componentMobileCell","ComponentIcon","_Fragment","FormatedNumber","size","outer_diameter","inner_diameter","linear_weight","length","format","actionCell","ExpandCollapseButton","isExpanded","handleExpandCollapse","_objectSpread","MoreButton","handleOpenActionMenu","e","currentTarget","Grid","container","spacing","style","padding","StaticField","label","unit","DrillPipeBrowser","ComponentBrowser","Menu","anchorEl","keepMounted","open","getContentAnchorEl","anchorOrigin","vertical","horizontal","transformOrigin","onClose","MenuItem","onClick","menuItem","EditComponentDialog","propTypes","PropTypes","shape","string","number","isRequired","bool","func","defaultProps","undefined","memo"],"mappings":"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"}
1	+ {"version":3,"file":"Component.js","sources":["../../../../../src/components/Casing/CasingTableV2/components/Component.js"],"sourcesContent":["import { memo, useEffect, useState } from 'react';\nimport classNames from 'classnames';\nimport { omit } from 'lodash';\nimport PropTypes from 'prop-types';\nimport { Grid, Menu, MenuItem } from '@material-ui/core';\n\nimport { Browser as DrillPipeBrowser, Editor as DrillPipeEditor } from './DrillPipe';\nimport { Browser as ComponentBrowser, Editor as ComponentEditor } from './CasingJoints';\nimport EditComponentDialog from './EditComponentDialog';\n\nimport { validateComponent } from '~/utils/casing/validation';\nimport { COMPONENT_FAMILIES } from '~/constants/casing';\nimport { CasingComponentIcon as ComponentIcon } from '~/components';\nimport {\n FormatedNumber,\n ExpandCollapseButton,\n MoreButton,\n StaticField,\n ConfirmationPopup,\n} from '~/components/Drillstring/BHAComponentsTable/components/shared';\nimport { calculateComponent } from '~/components/Drillstring/BHAComponentsTable/components/utils/calculation';\nimport { useStyles } from '~/components/Drillstring/BHAComponentsTable/components/sharedStyles';\n\nfunction getComponentName(family) {\n return COMPONENT_FAMILIES.find(item => item.type === family)?.name \|\| '—';\n}\n\nfunction Component({\n component,\n viewColumnsPerRow,\n editColumnsPerRow,\n isDraft,\n onCancel,\n onDelete,\n onSave,\n onChangeEditing,\n isMobile,\n isDragComponent,\n}) {\n const [actionAnchorEl, setActionAnchorEl] = useState(null);\n const [tempComponent, setTempComponent] = useState(component);\n const [isOpenSaveConfirm, setIsOpenSaveConfirm] = useState(false);\n const [isOpenDeleteDialog, setIsOpenDeleteDialog] = useState(false);\n const [isOpenEditorDialog, setIsOpenEditorDialog] = useState(false);\n const [error, setError] = useState(null);\n\n const classes = useStyles({ isMobile, isEditing: tempComponent.is_editing, isDragComponent });\n\n useEffect(() => {\n if (onChangeEditing) onChangeEditing(tempComponent.is_editing);\n }, [tempComponent.is_editing]);\n\n const handleExpandCollapse = () => {\n setTempComponent(prev => {\n return prev.is_expanded ? { ...prev, is_expanded: false } : { ...prev, is_expanded: true };\n });\n };\n\n const handleOpenActionMenu = e => {\n setActionAnchorEl(e.currentTarget);\n };\n\n const handleCloseActionMenu = () => {\n setActionAnchorEl(null);\n };\n\n const handleEdit = () => {\n setActionAnchorEl(null);\n setTempComponent(prev => ({ ...prev, is_editing: true }));\n };\n\n const handleConfirmDelete = () => {\n setActionAnchorEl(null);\n setIsOpenDeleteDialog(true);\n };\n\n const handleDelete = () => {\n onDelete(component);\n };\n\n const handleCancel = () => {\n setError(null);\n if (isDraft) {\n onCancel();\n return;\n }\n\n setTempComponent(component);\n };\n\n const handleChange = (key, value) => {\n const newComponent = calculateComponent(tempComponent, key, value);\n const result = validateComponent(newComponent);\n setTempComponent(newComponent);\n if (!result.isValid) {\n setError(result.errors);\n } else {\n setError(null);\n }\n };\n\n const handleUseSuggestion = suggestion => {\n setTempComponent(prev => {\n return {\n ...prev,\n ...suggestion,\n };\n });\n };\n\n const handleConfirmSave = () => {\n const result = validateComponent(tempComponent);\n if (!result.isValid) {\n setError(result.errors);\n return;\n }\n\n setError(null);\n setIsOpenSaveConfirm(true);\n };\n\n const handleSave = () => {\n setIsOpenSaveConfirm(false);\n setIsOpenEditorDialog(false);\n\n const { is_editing, ...saving } = tempComponent;\n\n setTempComponent(saving);\n\n onSave(omit(saving, ['is_expanded']), isDraft);\n };\n\n const contentCellName = classNames(classes.cell, classes.ratioWidth, {\n [classes.focusedFontsize]: tempComponent.is_editing \|\| tempComponent.is_expanded,\n });\n\n if (tempComponent.is_editing && !isOpenEditorDialog) {\n const { family } = tempComponent;\n\n const componentProps = {\n component: tempComponent,\n isDraft,\n error,\n onChange: handleChange,\n onCancel: handleCancel,\n onSave: isMobile ? handleSave : handleConfirmSave,\n onUseSuggestion: handleUseSuggestion,\n columns: editColumnsPerRow,\n };\n\n if (isMobile) {\n setIsOpenEditorDialog(true);\n } else {\n return (\n <div className={classes.component}>\n {(family === 'dp' \|\| family === 'hwdp') && <DrillPipeEditor {...componentProps} />}\n {family !== 'dp' && family !== 'hwdp' && <ComponentEditor {...componentProps} />}\n\n {isOpenSaveConfirm && (\n <ConfirmationPopup\n title=\"Save Changes?\"\n text=\"You will not be able to recover it.\"\n okText=\"Save\"\n handleClose={() => setIsOpenSaveConfirm(false)}\n handleOk={handleSave}\n />\n )}\n </div>\n );\n }\n }\n\n return (\n <div\n className={classNames(classes.component, {\n [classes.componentMobile]: isMobile,\n [classes.componentExpandedMobile]: isMobile && tempComponent.is_expanded,\n [classes.componentActive]: Boolean(actionAnchorEl),\n })}\n >\n <div\n className={classNames(classes.row, {\n [classes.rowExpanded]: isMobile && tempComponent.is_expanded,\n })}\n >\n <div className={classNames(classes.cell, { [classes.componentMobileCell]: isMobile })}>\n <ComponentIcon component={tempComponent} />\n </div>\n <div className={contentCellName}>{getComponentName(tempComponent.family)}</div>\n {!isMobile && (\n <>\n <div className={contentCellName}>\n <FormatedNumber\n value={\n tempComponent.family === 'bit' ? tempComponent.size : tempComponent.outer_diameter\n }\n />\n </div>\n <div className={contentCellName}>\n <FormatedNumber value={tempComponent.inner_diameter} />\n </div>\n <div className={contentCellName}>\n <FormatedNumber value={tempComponent.linear_weight} />\n </div>\n <div className={contentCellName}>\n <FormatedNumber value={tempComponent.length} format=\"0.0\" />\n </div>\n </>\n )}\n <div className={classNames(classes.cell, classes.actionCell)}>\n <ExpandCollapseButton\n isExpanded={tempComponent.is_expanded}\n classes={classes}\n handleExpandCollapse={handleExpandCollapse}\n />\n <MoreButton classes={classes} handleOpenActionMenu={handleOpenActionMenu} />\n </div>\n </div>\n\n {tempComponent.is_expanded && (\n <>\n {isMobile && (\n <Grid container spacing={2} style={{ padding: '8px 4px 16px' }}>\n <StaticField\n label={tempComponent.family === 'bit' ? 'Bit Size' : 'OD'}\n unit=\"shortLength\"\n value={\n tempComponent.family === 'bit' ? tempComponent.size : tempComponent.outer_diameter\n }\n />\n {tempComponent.family !== 'bit' && (\n <StaticField label=\"ID\" unit=\"shortLength\" value={component.inner_diameter} />\n )}\n {tempComponent.family !== 'bit' && (\n <StaticField\n label=\"Linear Weight\"\n unit=\"massPerLength\"\n value={component.linear_weight}\n format=\"0.0\"\n />\n )}\n <StaticField label=\"Length\" unit=\"length\" value={component.length} format=\"0.0\" />\n </Grid>\n )}\n\n {(tempComponent.family === 'dp' \|\| tempComponent.family === 'hwdp') && (\n <DrillPipeBrowser component={tempComponent} columns={viewColumnsPerRow} />\n )}\n {tempComponent.family !== 'dp' && tempComponent.family !== 'hwdp' && (\n <ComponentBrowser component={tempComponent} columns={viewColumnsPerRow} />\n )}\n </>\n )}\n\n <Menu\n anchorEl={actionAnchorEl}\n keepMounted\n open={Boolean(actionAnchorEl)}\n getContentAnchorEl={null}\n anchorOrigin={{ vertical: 'bottom', horizontal: 'right' }}\n transformOrigin={{ vertical: 'top', horizontal: 'right' }}\n onClose={handleCloseActionMenu}\n >\n <MenuItem onClick={handleEdit} className={classes.menuItem}>\n Edit\n </MenuItem>\n {tempComponent.family !== 'bit' && (\n <MenuItem onClick={handleConfirmDelete} className={classes.menuItem}>\n Delete\n </MenuItem>\n )}\n </Menu>\n\n {isOpenDeleteDialog && (\n <ConfirmationPopup\n title=\"Delete Component?\"\n text=\"You will not be able to recover it.\"\n okText=\"Delete\"\n handleClose={() => setIsOpenDeleteDialog(false)}\n handleOk={handleDelete}\n />\n )}\n\n {isOpenEditorDialog && (\n <EditComponentDialog\n component={tempComponent}\n isDraft={isDraft}\n error={error}\n onChange={handleChange}\n onCancel={handleCancel}\n onSave={handleConfirmSave}\n onUseSuggestion={handleUseSuggestion}\n onClose={() => {\n handleCancel();\n setIsOpenEditorDialog(false);\n }}\n />\n )}\n\n {isMobile && isOpenSaveConfirm && (\n <ConfirmationPopup\n title=\"Save Changes?\"\n text=\"You will not be able to recover it.\"\n okText=\"Save\"\n handleClose={() => setIsOpenSaveConfirm(false)}\n handleOk={handleSave}\n />\n )}\n </div>\n );\n}\n\nComponent.propTypes = {\n component: PropTypes.shape({\n family: PropTypes.string,\n size: PropTypes.number,\n outer_diameter: PropTypes.number,\n inner_diameter: PropTypes.number,\n linear_weight: PropTypes.number,\n length: PropTypes.number,\n }).isRequired,\n isMobile: PropTypes.bool.isRequired,\n isDraft: PropTypes.bool,\n onCancel: PropTypes.func,\n onDelete: PropTypes.func,\n onSave: PropTypes.func.isRequired,\n onChangeEditing: PropTypes.func,\n viewColumnsPerRow: PropTypes.number.isRequired,\n editColumnsPerRow: PropTypes.number.isRequired,\n isDragComponent: PropTypes.bool.isRequired,\n};\n\nComponent.defaultProps = {\n isDraft: false,\n onCancel: null,\n onDelete: null,\n onChangeEditing: undefined,\n};\n\nexport default memo(Component);\n"],"names":["getComponentName","family","_COMPONENT_FAMILIES$f","COMPONENT_FAMILIES","find","item","type","name","Component","_ref","_classNames2","component","viewColumnsPerRow","editColumnsPerRow","isDraft","onCancel","onDelete","onSave","onChangeEditing","isMobile","isDragComponent","useState","_useState2","_slicedToArray","_useState","actionAnchorEl","setActionAnchorEl","_useState4","_useState3","tempComponent","setTempComponent","_useState6","_useState5","isOpenSaveConfirm","setIsOpenSaveConfirm","_useState8","_useState7","isOpenDeleteDialog","setIsOpenDeleteDialog","_useState10","_useState9","isOpenEditorDialog","setIsOpenEditorDialog","_useState12","_useState11","error","setError","classes","useStyles","isEditing","is_editing","useEffect","handleCancel","handleChange","key","value","newComponent","calculateComponent","result","validateComponent","isValid","errors","handleUseSuggestion","suggestion","prev","handleConfirmSave","handleSave","saving","_excluded","omit","contentCellName","classNames","cell","ratioWidth","focusedFontsize","is_expanded","componentProps","onChange","onUseSuggestion","columns","_jsxs","className","children","_jsx","DrillPipeEditor","ComponentEditor","ConfirmationPopup","title","text","okText","handleClose","handleOk","componentMobile","componentExpandedMobile","componentActive","Boolean","row","rowExpanded","componentMobileCell","ComponentIcon","_Fragment","FormatedNumber","size","outer_diameter","inner_diameter","linear_weight","length","format","actionCell","ExpandCollapseButton","isExpanded","handleExpandCollapse","_objectSpread","MoreButton","handleOpenActionMenu","e","currentTarget","Grid","container","spacing","style","padding","StaticField","label","unit","DrillPipeBrowser","ComponentBrowser","Menu","anchorEl","keepMounted","open","getContentAnchorEl","anchorOrigin","vertical","horizontal","transformOrigin","onClose","MenuItem","onClick","menuItem","EditComponentDialog","propTypes","PropTypes","shape","string","number","isRequired","bool","func","defaultProps","undefined","memo"],"mappings":"23xBAuBA,SAASA,EAAiBC,GAAQ,IAAAC,EAChC,OAAO,UAAAC,EAAmBC,MAAK,SAAAC,GAAI,OAAIA,EAAKC,OAASL,CAAM,WAApD,IAAAC,OAAA,EAAAA,EAAuDK,OAAQ,GACxE,CAEA,SAASC,EAWNC,GAAA,IAAAC,EAVDC,IAAAA,UACAC,IAAAA,kBACAC,IAAAA,kBACAC,IAAAA,QACAC,IAAAA,SACAC,IAAAA,SACAC,IAAAA,OACAC,IAAAA,gBACAC,IAAAA,SACAC,IAAAA,gBAE4CC,EAAAA,EAAS,MAAKC,EAAAC,EAAAC,EAAA,GAAnDC,EAAcH,EAAA,GAAEI,EAAiBJ,EAAA,GACED,EAAAA,EAASV,GAAUgB,EAAAJ,EAAAK,EAAA,GAAtDC,EAAaF,EAAA,GAAEG,EAAgBH,EAAA,GACYN,EAAAA,GAAS,GAAMU,EAAAR,EAAAS,EAAA,GAA1DC,EAAiBF,EAAA,GAAEG,EAAoBH,EAAA,GACMV,GAAAA,GAAS,GAAMc,GAAAZ,EAAAa,GAAA,GAA5DC,GAAkBF,GAAA,GAAEG,GAAqBH,GAAA,GACId,GAAAA,GAAS,GAAMkB,GAAAhB,EAAAiB,GAAA,GAA5DC,GAAkBF,GAAA,GAAEG,GAAqBH,GAAA,GACtBlB,GAAAA,EAAS,MAAKsB,GAAApB,EAAAqB,GAAA,GAAjCC,GAAKF,GAAA,GAAEG,GAAQH,GAAA,GAEhBI,GAAUC,EAAU,CAAE7B,SAAAA,EAAU8B,UAAWpB,EAAcqB,WAAY9B,gBAAAA,IAE3E+B,GAAU,WACJjC,GAAiBA,EAAgBW,EAAcqB,WACrD,GAAG,CAACrB,EAAcqB,aAElB,IA4BME,GAAe,WACnBN,GAAS,MACLhC,EACFC,IAIFe,EAAiBnB,IAGb0C,GAAe,SAACC,EAAKC,GACzB,IAAMC,EAAeC,EAAmB5B,EAAeyB,EAAKC,GACtDG,EAASC,EAAkBH,GACjC1B,EAAiB0B,GACZE,EAAOE,QAGVd,GAAS,MAFTA,GAASY,EAAOG,SAMdC,GAAsB,SAAAC,GAC1BjC,GAAiB,SAAAkC,GACf,OACKA,EAAAA,EAAAA,CAAAA,EAAAA,GACAD,EAEP,KAGIE,GAAoB,WACxB,IAAMP,EAASC,EAAkB9B,GAC5B6B,EAAOE,SAKZd,GAAS,MACTZ,GAAqB,IALnBY,GAASY,EAAOG,SAQdK,GAAa,WACjBhC,GAAqB,GACrBQ,IAAsB,GAEYb,EAA1BqB,WAAeiB,IAAAA,IAAWtC,EAAauC,GAE/CtC,EAAiBqC,GAEjBlD,EAAOoD,EAAKF,EAAQ,CAAC,gBAAiBrD,IAGlCwD,GAAkBC,EAAWxB,GAAQyB,KAAMzB,GAAQ0B,gBACtD1B,GAAQ2B,gBAAkB7C,EAAcqB,YAAcrB,EAAc8C,cAGvE,GAAI9C,EAAcqB,aAAeT,GAAoB,CACnD,IAAQxC,GAAW4B,EAAX5B,OAEF2E,GAAiB,CACrBjE,UAAWkB,EACXf,QAAAA,EACA+B,MAAAA,GACAgC,SAAUxB,GACVtC,SAAUqC,GACVnC,OAAQE,EAAW+C,GAAaD,GAChCa,gBAAiBhB,GACjBiB,QAASlE,GAGX,IAAIM,EAGF,OACE6D,EAAA,MAAA,CAAKC,UAAWlC,GAAQpC,UAAUuE,SAAA,EACnB,OAAXjF,IAA8B,SAAXA,KAAsBkF,EAACC,EAAoBR,EAAAA,CAAAA,EAAAA,KACpD,OAAX3E,IAA8B,SAAXA,IAAqBkF,EAACE,EAAoBT,EAAAA,CAAAA,EAAAA,KAE7D3C,GACCkD,EAACG,EAAiB,CAChBC,MAAM,gBACNC,KAAK,sCACLC,OAAO,OACPC,YAAa,WAAA,OAAMxD,GAAqB,EAAO,EAC/CyD,SAAUzB,QAblBxB,IAAsB,EAmB1B,CAEA,OACEsC,EAAA,MAAA,CACEC,UAAWV,EAAWxB,GAAQpC,WAC3BoC,EAAAA,CAAAA,EAAAA,EAAAA,EAAAA,GAAQ6C,gBAAkBzE,OAC1B4B,GAAQ8C,wBAA0B1E,GAAYU,EAAc8C,aAC5D5B,EAAAA,EAAAA,GAAQ+C,gBAAkBC,QAAQtE,IAClCf,IAAAwE,SAEH,CAAAF,EAAA,MAAA,CACEC,UAAWV,EAAWxB,GAAQiD,IAC3BjD,EAAAA,CAAAA,EAAAA,GAAQkD,YAAc9E,GAAYU,EAAc8C,cAChDO,SAEH,CAAAC,EAAA,MAAA,CAAKF,UAAWV,EAAWxB,GAAQyB,KAASzB,EAAAA,CAAAA,EAAAA,GAAQmD,oBAAsB/E,IAAY+D,SACpFC,EAACgB,EAAa,CAACxF,UAAWkB,MAE5BsD,EAAA,MAAA,CAAKF,UAAWX,GAAgBY,SAAElF,EAAiB6B,EAAc5B,WAC/DkB,GACA6D,EAAAoB,EAAA,CAAAlB,SACE,CAAAC,EAAA,MAAA,CAAKF,UAAWX,GAAgBY,SAC9BC,EAACkB,EAAc,CACb9C,MAC2B,QAAzB1B,EAAc5B,OAAmB4B,EAAcyE,KAAOzE,EAAc0E,mBAI1EpB,EAAA,MAAA,CAAKF,UAAWX,GAAgBY,SAC9BC,EAACkB,EAAc,CAAC9C,MAAO1B,EAAc2E,mBAEvCrB,EAAA,MAAA,CAAKF,UAAWX,GAAgBY,SAC9BC,EAACkB,EAAc,CAAC9C,MAAO1B,EAAc4E,kBAEvCtB,EAAA,MAAA,CAAKF,UAAWX,GAAgBY,SAC9BC,EAACkB,EAAc,CAAC9C,MAAO1B,EAAc6E,OAAQC,OAAO,aAI1D3B,EAAA,MAAA,CAAKC,UAAWV,EAAWxB,GAAQyB,KAAMzB,GAAQ6D,YAAY1B,SAAA,CAC3DC,EAAC0B,EAAoB,CACnBC,WAAYjF,EAAc8C,YAC1B5B,QAASA,GACTgE,qBAjKmB,WAC3BjF,GAAiB,SAAAkC,GACf,OAAOA,EAAKW,YAAWqC,EAAAA,EAAA,GAAQhD,GAAI,GAAA,CAAEW,aAAa,IAAKqC,EAAAA,EAAA,CAAA,EAAUhD,GAAI,CAAA,EAAA,CAAEW,aAAa,GACtF,OAgKMQ,EAAC8B,EAAU,CAAClE,QAASA,GAASmE,qBA7JT,SAAAC,GAC3BzF,EAAkByF,EAAEC,wBAgKjBvF,EAAc8C,aACbK,EAAAoB,EAAA,CAAAlB,SACG/D,CAAAA,GACC6D,EAACqC,EAAI,CAACC,WAAS,EAACC,QAAS,EAAGC,MAAO,CAAEC,QAAS,gBAAiBvC,SAAA,CAC7DC,EAACuC,EAAW,CACVC,MAAgC,QAAzB9F,EAAc5B,OAAmB,WAAa,KACrD2H,KAAK,cACLrE,MAC2B,QAAzB1B,EAAc5B,OAAmB4B,EAAcyE,KAAOzE,EAAc0E,iBAG9C,QAAzB1E,EAAc5B,QACbkF,EAACuC,EAAW,CAACC,MAAM,KAAKC,KAAK,cAAcrE,MAAO5C,EAAU6F,iBAEpC,QAAzB3E,EAAc5B,QACbkF,EAACuC,EAAW,CACVC,MAAM,gBACNC,KAAK,gBACLrE,MAAO5C,EAAU8F,cACjBE,OAAO,QAGXxB,EAACuC,EAAW,CAACC,MAAM,SAASC,KAAK,SAASrE,MAAO5C,EAAU+F,OAAQC,OAAO,YAInD,OAAzB9E,EAAc5B,QAA4C,SAAzB4B,EAAc5B,SAC/CkF,EAAC0C,EAAgB,CAAClH,UAAWkB,EAAekD,QAASnE,IAE7B,OAAzBiB,EAAc5B,QAA4C,SAAzB4B,EAAc5B,QAC9CkF,EAAC2C,EAAgB,CAACnH,UAAWkB,EAAekD,QAASnE,OAK3DoE,EAAC+C,EAAI,CACHC,SAAUvG,EACVwG,aAAW,EACXC,KAAMnC,QAAQtE,GACd0G,mBAAoB,KACpBC,aAAc,CAAEC,SAAU,SAAUC,WAAY,SAChDC,gBAAiB,CAAEF,SAAU,MAAOC,WAAY,SAChDE,QAvMwB,WAC5B9G,EAAkB,OAsMiBwD,SAAA,CAE/BC,EAACsD,EAAQ,CAACC,QArMG,WACjBhH,EAAkB,MAClBI,GAAiB,SAAAkC,GAAI,OAAAgD,EAAAA,EAAA,CAAA,EAAUhD,GAAI,CAAA,EAAA,CAAEd,YAAY,GAAI,KAmMlB+B,UAAWlC,GAAQ4F,SAASzD,SAAA,SAGjC,QAAzBrD,EAAc5B,QACbkF,EAACsD,EAAQ,CAACC,QApMU,WAC1BhH,EAAkB,MAClBY,IAAsB,IAkMwB2C,UAAWlC,GAAQ4F,SAASzD,SAAA,cAMvE7C,IACC8C,EAACG,EAAiB,CAChBC,MAAM,oBACNC,KAAK,sCACLC,OAAO,SACPC,YAAa,WAAA,OAAMpD,IAAsB,EAAO,EAChDqD,SA3Ma,WACnB3E,EAASL,MA8MN8B,IACC0C,EAACyD,EAAmB,CAClBjI,UAAWkB,EACXf,QAASA,EACT+B,MAAOA,GACPgC,SAAUxB,GACVtC,SAAUqC,GACVnC,OAAQgD,GACRa,gBAAiBhB,GACjB0E,QAAS,WACPpF,KACAV,IAAsB,EACxB,IAIHvB,GAAYc,GACXkD,EAACG,EAAiB,CAChBC,MAAM,gBACNC,KAAK,sCACLC,OAAO,OACPC,YAAa,WAAA,OAAMxD,GAAqB,EAAO,EAC/CyD,SAAUzB,OAKpB,CAEA1D,EAAUqI,UAAY,CACpBlI,UAAWmI,EAAUC,MAAM,CACzB9I,OAAQ6I,EAAUE,OAClB1C,KAAMwC,EAAUG,OAChB1C,eAAgBuC,EAAUG,OAC1BzC,eAAgBsC,EAAUG,OAC1BxC,cAAeqC,EAAUG,OACzBvC,OAAQoC,EAAUG,SACjBC,WACH/H,SAAU2H,EAAUK,KAAKD,WACzBpI,QAASgI,EAAUK,KACnBpI,SAAU+H,EAAUM,KACpBpI,SAAU8H,EAAUM,KACpBnI,OAAQ6H,EAAUM,KAAKF,WACvBhI,gBAAiB4H,EAAUM,KAC3BxI,kBAAmBkI,EAAUG,OAAOC,WACpCrI,kBAAmBiI,EAAUG,OAAOC,WACpC9H,gBAAiB0H,EAAUK,KAAKD,YAGlC1I,EAAU6I,aAAe,CACvBvI,SAAS,EACTC,SAAU,KACVC,SAAU,KACVE,qBAAiBoI,GAGnB,IAAeC,EAAAA,EAAK/I"}

package/components/Casing/CasingTableV2/components/DrillPipe/Editor.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{memo as e,useMemo as t}from"react";import{isEmpty as o}from"lodash";import s from"prop-types";import{Grid as n}from"@material-ui/core";import{OD_ID_DEP_COLUMNS as r,CONTAINER_XS as i}from"../constants.js";import{isMobileDetected as p}from"../../../../../utils/mobileDetect.js";import{jsxs as m,jsx as a}from"react/jsx-runtime";import"../../../../DevCenter/DevCenterAppContainer/components/IsInsideIsolatedDcAppProvider/IsInsideIsolatedDcAppProvider.js";import"../../../../DevCenter/DevCenterAppContainer/components/DcFullscreenElemsCoordinatorProvider/DcFullscreenElemsCoordinatorProvider.js";import"../../../../DevCenter/DevCenterAppContainer/components/DcFullscreenElemsCoordinatorProvider/IsInsideDcFullscreenElemProvider.js";import"classnames";import"@icon-park/react/es/all";import"../../../../../icons/IconParkProvider.js";import"../../../../../icons/customIcons/icons/AddMessage.js";import"../../../../../icons/customIcons/icons/Attention.js";import"../../../../../icons/customIcons/icons/Collapse.js";import"../../../../../icons/customIcons/icons/Dashboard.js";import"../../../../../icons/customIcons/icons/Expand.js";import"../../../../../icons/customIcons/icons/FolderClosed.js";import"../../../../../icons/customIcons/icons/FolderClosedFilled.js";import"../../../../../icons/customIcons/icons/FolderOpened.js";import"../../../../../icons/customIcons/icons/GreaterOrEqual.js";import"../../../../../icons/customIcons/icons/LessOrEqual.js";import"../../../../../icons/customIcons/icons/Search.js";import"../../../../../icons/customIcons/icons/Wellhub.js";import"../../../../../icons/customIcons/icons/MultiRuler.js";import"../../../../../icons/customIcons/icons/Checkbox.js";import"../../../../../icons/customIcons/icons/CheckboxChecked.js";import"../../../../../icons/customIcons/icons/CheckboxIndeterminate.js";import"../../../../../icons/customIcons/icons/Radio.js";import"../../../../../icons/customIcons/icons/RadioChecked.js";import"../../../../../icons/customIcons/icons/SimulFrac.js";import"../../../../../icons/customIcons/icons/ZipperFrac.js";import"../../../../../icons/customIcons/icons/CautionFilled.js";import"../../../../../icons/customIcons/icons/MoreApp.js";import"../../../../../icons/customIcons/icons/Pad.js";import"../../../../../icons/customIcons/icons/DrilloutUnit.js";import"../../../../../icons/customIcons/icons/FracFleet.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/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"../../../../IconButton/index.js";import"../../../../../constants/goals.js";import"../../../../../constants/segment.js";import"../../../../../constants/alerts.js";import"../../../../../constants/apps.js";import{OD_ID_DEP_LIST as c,COMPONENT_GRADES as l,COMPONENT_CLASSES as d,COMPONENT_MATERIALS as j}from"../../../../../constants/casing.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"../../../../Modal/CorvaModal.css.js";import"uuid";import"../../../../IconMenu/index.js";import"../../../../StyledMenuItem/index.js";import"../../../../AppIcon/AppIcon.js";import"../../../../DevCenter/AppHeader/AppHeader.js";import"../../../../DevCenter/AppSideBar/AppSideBar.js";import"../../../../DevCenter/AppsDataProvider/AppsDataProvider.js";import"@babel/runtime/helpers/defineProperty";import"@babel/runtime/helpers/slicedToArray";import"@material-ui/icons";import"../../../../DevCenter/AppContext.js";import"../../../../DevCenter/DevCenterRouterContext/DevCenterRouterContext.js";import"../../../../DevCenter/DevCenterRouterContext/UniversalLink/UniversalLink.js";import"@babel/runtime/helpers/objectWithoutProperties";import"react-router";import"@babel/runtime/helpers/asyncToGenerator";import"@babel/runtime/regenerator";import"../../../../../utils/index.js";import"../../../../DevCenter/DevCenterAppContainer/components/AppActions/AppActions.css.js";import"../../../../DevCenter/DevCenterAppContainer/components/AppSettingsDialog/AppSettingsDialog.js";import"../../../../DevCenter/DevCenterAppContainer/components/AppSettingsDialog/components/RemoveAppButton.js";import"../../../../DevCenter/DevCenterAppContainer/components/AppSettingsDialog/components/SettingsAccordion.js";import"../../../../DevCenter/DevCenterAppContainer/components/AnnotationsButton/AnnotationsButton.js";import"../../../../../componentsV2/Text/Text.js";import"../../../../../componentsV2/Grid/Grid.js";import"../../../../../componentsV2/Grid/Grid.scss.js";import"../../../../../componentsV2/Header/Header.scss.js";import"../../../../../componentsV2/Button/Button.js";import"../../../../../componentsV2/ButtonIcon/ButtonIcon.js";import"../../../../../componentsV2/Tooltip/Tooltip.scss.js";import"../../../../../componentsV2/Paper/Paper.js";import"../../../../../componentsV2/Popover/Popover.scss.js";import"../../../../../componentsV2/Radio/Radio.js";import"../../../../../componentsV2/RadioAndCheckboxGroup/RadioAndCheckboxGroup.scss.js";import"../../../../../componentsV2/Checkbox/Checkbox.js";import"../../../../../componentsV2/TextInput/TextInput.js";import"../../../../../componentsV2/TextEndTruncated/TextEndTruncated.scss.js";import"../../../../../componentsV2/TextMiddleTruncated/TextMiddleTruncated.constants.js";import"../../../../../componentsV2/TextMiddleTruncated/TextMiddleTruncated.scss.js";import"../../../../../componentsV2/TextLink/TextLink.js";import"../../../../../componentsV2/Chip/Chip.js";import"../../../../../componentsV2/ChipAlert/ChipAlert.js";import"../../../../../componentsV2/ChipIndicator/ChipIndicator.js";import"../../../../../componentsV2/Avatar/Avatar.js";import"../../../../../componentsV2/Avatar/constants.js";import"../../../../../componentsV2/AvatarGroup/AvatarGroup.scss.js";import"@material-ui/lab";import"../../../../../componentsV2/ToggleButtons/ToggleButtons.scss.js";import"../../../../../componentsV2/ModalWindow/ModalWindow.scss.js";import"../../../../../componentsV2/Modal/Modal.scss.js";import"../../../../../componentsV2/Menu/Menu.js";import"../../../../../componentsV2/Counter/Counter.js";import"../../../../../componentsV2/BadgeBase/BadgeBase.scss.js";import"../../../../../componentsV2/BadgeDot/BadgeDot.scss.js";import"../../../../../componentsV2/LoaderLinear/LoaderLinear.scss.js";import"../../../../../componentsV2/LoaderLogo/LoaderLogo.constants.js";import"../../../../../componentsV2/LoaderLogo/LoaderLogo.scss.js";import"../../../../../componentsV2/Switch/Switch.js";import"../../../../../componentsV2/Tabs/Tabs.js";import"../../../../../componentsV2/EmptyState/EmptyState.scss.js";import"../../../../../componentsV2/FileIcon/FileIcon.js";import"react-dropzone";import"../../../../../componentsV2/FilesDropzone/FilesDropzone.scss.js";import"../../../../../componentsV2/FilesLoader/FilesLoader.scss.js";import"../../../../../componentsV2/FilesProcessor/FilesProcessor.scss.js";import"../../../../../componentsV2/Skeleton/Skeleton.scss.js";import"../../../../../utils/main.js";import"../../../../../componentsV2/CopyToClipboard/CopyToClipboard.scss.js";import"../../../../../componentsV2/Stepper/Step/Step.scss.js";import"../../../../../componentsV2/Stepper/Stepper.scss.js";import"../../../../../componentsV2/ButtonLive/ButtonLive.js";import"../../../../../componentsV2/ButtonText/ButtonText.js";import"../../../../../componentsV2/LiveDotIndicator/LiveDotIndicator.scss.js";import"../../../../../componentsV2/IndicatorLive/IndicatorLive.scss.js";import"../../../../../componentsV2/Accordion/Accordion.scss.js";import"../../../../../componentsV2/Breadcrumbs/Breadcrumbs.scss.js";import"../../../../../componentsV2/BadgeComment/BadgeComment.js";import"../../../../../componentsV2/AppContainer/AppContainer.js";import"../../../../../componentsV2/AppContainer/AppContainer.constants.js";import"../../../../../componentsV2/AppFooter/AppFooter.js";import"../../../../../componentsV2/AppCommonsProvider/AppCommonsContext.js";import"../../../../../componentsV2/AppHeader/AppHeader.constants.js";import"../../../../../componentsV2/AppHeader/AppBadge/AppBadge.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"../../../../../types/shared/Completions.js";import"../../../../PadModeSelect/types.js";import"lodash/flatten";import"lodash/partition";import"../../../../../componentsV2/PadModeSelect/FracModeLabel/FracModeLabel.js";import"../../../../../componentsV2/PadModeSelect/FracModeLabel/FracModeLabel.constants.js";import"../../../../../clients/jsonApi/index.js";import"@babel/runtime/helpers/toConsumableArray";import"lodash/set";import"lodash/get";import"lodash/unset";import"moment";import"../../../../../clients/subscriptions/constants.js";import"../../../../../clients/subscriptions.v1.js";import"../../../../../clients/subscriptions/subscriptions-client.factory.js";import"../../../../../clients/api/apiCore.js";import"../../../../../clients/constants.js";import"../../../../../clients/sso/auth0.js";import"../../../../../clients/sso/oauth2.js";import"../../../../../componentsV2/PadModeSelect/WellStreamActivityStatus/WellStreamActivityStatus.scss.js";import"../../../../../componentsV2/PadModeSelect/PadModeSelect.constants.js";import"../../../../../componentsV2/PadModeSelect/PadModeSelect.scss.js";import"querystring";import"uuid/v1";import"jsona";import"../../../../../utils/env.js";import"../../../../StatusBadge/constants.js";import"lodash/isEmpty";import"lodash/sortBy";import"../../../../DevCenter/DevCenterAppContainer/components/CommentsSwitch/CommentsSwitchContext.js";import"../../../../../componentsV2/AppHeader/V3/VersionSelect/VersionSelect.js";import"../../../../../componentsV2/UniversalLink/UniversalLink.scss.js";import"../../../../../componentsV2/AppHeader/V3/AssetChips/AssetChips.scss.js";import"../../../../../componentsV2/AppHeader/V3/DqStatusIcon/DqStatusIcon.js";import"../../../../../componentsV2/AppHeader/V3/DqStatusIcon/DqStatusIcon.constants.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/AppHeader/V3/AssetSelector/AssetSelectorChip/AssetSelectorChip.js";import"../../../../../componentsV2/AppHeader/V3/AssetSelector/constants.js";import"../../../../../componentsV2/AppHeader/V3/AssetSelector/AssetSelectorSelect/AssetSelectorSelect.scss.js";import"../../../../../componentsV2/AppHeader/V3/AssetSelector/AssetSelectorSelect/loadAssets.js";import"../../../../../componentsV2/AppHeader/V3/AssetSelector/AssetSelector.scss.js";import"../../../../../componentsV2/AppHeader/V3/AppTitle/AppTitle.constants.js";import"../../../../../componentsV2/AppContainer/headerCommon.scss.js";import"../../../../../componentsV2/AppHeader/V3/AppTitle/AppTitle.scss.js";import"../../../../../componentsV2/AppHeader/V3/constants.scss.js";import"@babel/runtime/helpers/typeof";import"../../../../../componentsV2/AppSizeProvider/AppSizeProvider.js";import"../../../../../componentsV2/AppSettings/AppSettings.js";import"../../../../../componentsV2/AppSettings/AppSettings.constants.js";import"../../../../../componentsV2/AppSettings/AppSettingsPinningContext.js";import"../../../../../componentsV2/AppHeader/V3/SettingsPopover/SettingsPopover.constants.js";import"../../../../../componentsV2/AppHeader/V3/SettingsPopover/SettingsPopover.scss.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/OffsetWellsButton/OffsetWellsButton.scss.js";import"../../../../../componentsV2/Autocomplete/Autocomplete.scss.js";import"../../../../../componentsV2/Menu/MenuItem/MenuItem.scss.js";import"../../../../../componentsV2/AppSettingsDivider/AppSettingsDivider.scss.js";import"../../../../DevCenter/DevCenterAppContainer/components/FullscreenButton/FullscreenButton.js";import"../../../../DevCenter/DevCenterAppContainer/components/AppInfoMessage/AppInfoMessage.js";import"../../../../DevCenter/DevCenterAppContainer/components/DevCenterAppView/DevCenterAppView.js";import"../../../../DevCenter/DevCenterAppContainer/components/RestoreAppSizeButton/index.js";import"rollbar";import"@rollbar/react";import"../../../../DevCenter/DevCenterAppContainer/components/CommentsSwitch/CommentsSwitchButton.scss.js";import"../../../../DevCenter/DevCenterAppContainer/DevCenterAppContainer.css.js";import"../../../../Icons/AnnotationIcon.js";import"../../../../Annotations/components/AnnotationsList/index.js";import"../../../../Annotations/components/LastAnnotation/index.js";import"../../../../Annotations/AnnotationsContext.js";import"../../../../Toaster/Toaster.js";import"../../../../HelpCenter/HelpCenterIcon.js";import"../../../../DevCenter/NavigationBar/NavigationBar.js";import"../../../../DevCenter/SideBar/SideBar.js";import"../../../../DevCenter/AppSettingsPopover/AppSettingsPopover.js";import"../../../../DevCenter/AppFilterPanelLayout/AppFilterPanelLayout.js";import"../../../../DevCenter/IsolatedDevCenterAppContainer/DevCenterIsolatedAppPage.js";import"../../../../DevCenter/IsolatedDevCenterAppContainer/DevCenterIsolatedApp.js";import"../../../../AssetEditor/index.js";import"../../../../AssetEditorV2/index.js";import"../../../../AppVersionsSelect/AppVersionsSelect.js";import"../../../../LoadingIndicator/LoadingIndicator.js";import"../../../../Typography.js";import"../../../../RealTimeValuesSidebar/RealTimeSidebar.js";import"../../../../CollapsableSidebar.js";import"../../../../DateTimePicker/index.js";import"../../../../DatePicker/index.js";import"../../../../ErrorBoundary/ErrorBoundary.js";import"../../../../ErrorBoundary/DevCenterAppErrorView/DevCenterAppErrorView.js";import"../../../../SlateFormattedText/SlateFormattedText.js";import"../../../../SlateFormattedText/RenderElements.js";import"slate";import"../../../../EmptyState/EmptyState.js";import"../../../../ParameterCharts/ParameterCharts.js";import"../../../../ParameterCharts/AddEditTrack.js";import"../../../../ChartActionsList/ChartActionsList.js";import"../../../../CopyToClipboard/CopyToClipboard.js";import"../../../../AssetEditor/AssetEditorAutocomplete.js";import"../../../../AssetEditor/SingleAssetEditor.js";import"react-color";import"../../../../SettingEditors/ColorEditor/style.css.js";import"../../../../SettingEditors/DropdownEditor/index.js";import"../../../../SwitchControl/index.js";import"../../../../ColorPicker/ColorPicker.js";import"../../../../Chart/components/ChartButton.js";import"../../../../Chart/components/ChartButtons.js";import"../../../../Chart/components/ChartWrapper.js";import"../../../../Chart/components/AxisDropdown.js";import"../../../../Chart/components/ChartSelect.js";import"../../../../Chart/components/buttons/DragToZoomButton.js";import"../../../../Chart/components/buttons/ZoomInButton.js";import"../../../../Chart/components/buttons/ZoomOutButton.js";import"../../../../Chart/components/buttons/PanButton.js";import"../../../../Chart/components/buttons/ResetZoomButton.js";import"../../../../Chart/components/buttons/HideAxesButton.js";import"../../../../Chart/components/buttons/ChartTypeButton.js";import"../../../../ColorPicker/PaletteChromePicker/PaletteChromePicker.js";import"../../../../TruncatedText/index.js";import"../../../../MiddleTruncatedText/MiddleTruncatedText.js";import"../../../../RangeSlider/constants.js";import"../../../../RangeSlider/Input.css.js";import"../../../../RangeSlider/RangeSlider.css.js";import"../../../../AdvancedSlider/AdvancedSlider.js";import"../../../../Breadcrumbs/index.js";import"../../../../VirtualizedTable/index.js";import"../../../../EmptyView/EmptyView.js";import"../../../../EmptyView/EmptyAppView/EmptyAppView.js";import"../../../../Button/components/Button/index.js";import"moment-timezone";import"../../../../Button/components/LiveButton/components/LiveButtonStateIndicator/index.js";import"../../../../Button/components/LiveButton/styles.js";import"../../../../ContextMenuItem/index.js";import"../../../../FolderMenuItem/index.js";import"../../../../EditableItem/EditableItem/index.js";import"../../../../EditableItem/EditableItemWithBadge/index.js";import"../../../../Checkbox/index.js";import"../../../../FolderMenuItemWithLinks/index.js";import"../../../../TextField/index.js";import"../../../../Chip/index.js";import"../../../../Counter/index.js";import"../../../../AnchorsList/AnchorsList.js";import"../../../../Select/index.js";import"../../../../Select/SelectFilterBy.js";import"../../../../CustomSelect/index.js";import"../../../../Tabs/Tabs.js";import"../../../../Tabs/Tab.js";import"../../../../ResizableTable/ResizableTable.js";import"../../../../GradientPicker/GradientPicker.js";import"../../../../GradientManager/GradientList.js";import"@material-ui/icons/AddCircle";import"../../../../GradientManager/GradientPreview/GradientPreview.js";import"../../../../GradientManager/GradientSelect.styles.js";import"../../../../GradientManager/GradientManager.styles.js";import"../../../../Drillstring/BHASchematic.js";import"../../../../Drillstring/BHATable/index.js";import"../../../../Drillstring/BHAComponentIcon.js";import"../../../../Drillstring/BHAComponentDetail/index.js";import"../../../../Drillstring/BHATileIcon.js";import"../../../../Drillstring/BHATile/BHATile.js";import"../../../../Drillstring/BHAList/BHAList.js";import"../../../../Drillstring/BHAComponentsTable/BHAComponentsTable.js";import"../../../CasingTable/index.js";import u from"../../../CasingComponentIcon.js";import"../../../CasingTileIcon.js";import"../../CasingTableV2.js";import"../../../CasingTile/CasingTile.js";import"../../../../DisabledSettingsMessage/DisabledSettingsMessage.js";import"../../../../WellSummary/WellSummaryItemLabel.js";import"../../../../WellSummary/WellSummaryItemTitle.js";import"../../../../WellSummary/WellSummaryItemValue.js";import"../../../../WellSummary/ActivitySummaryChart.js";import"../../../../WellSummary/FracWirelineTimeChart.js";import"../../../../BICOffsetPickerDialog/index.js";import"../../../../OffsetWellButton/OffsetWellButton.js";import"../../../../OffsetWellPickerV2/OffsetWellPickerDialog.js";import"../../../../OffsetWellPickerV3/index.js";import"../../../../OffsetWellChips/Chip.js";import"../../../../OffsetWellChips/ChipsContainer.js";import"../../../../OffsetWellPickerV4/utils/apiCalls.js";import"../../../../OffsetWellPickerV4/effects/useAdvancedWells.js";import"../../../../OffsetWellPickerV4/constants.js";import"react-virtualized";import"../../../../OffsetWellPickerV4/effects/useAssetsData.js";import"../../../../OffsetWellPickerV4/components/AppHeader/AppHeader.js";import"../../../../OffsetWellPickerV4/components/Toolbar/Toolbar.js";import"../../../../OffsetWellPickerV4/components/Filter/Filter.js";import"../../../../OffsetWellPickerV4/components/Map/WellsMap.js";import"../../../../OffsetWellPickerV4/components/OffsetWellsTable/OffsetWellsTable.js";import"../../../../OffsetWellPickerV4/components/OffsetWellsTable/AdvancedSearch/constants.js";import"../../../../OffsetWellPickerV4/utils/index.js";import"../../../../OffsetWellPickerV4/OffsetWellPickerV4.module.css.js";import"@material-ui/core/Snackbar";import"../../../../Notifications/Toast.js";import"../../../../../styles/typography/index.js";import"../../../../../styles/counter/counter.module.scss.js";import"../../../../OffsetWellMap/OffsetWellMap.js";import"../../../../ConfirmationDialog.js";import"../../../../TextLink/index.js";import"../../../../Avatar/index.js";import"../../../../Template/TemplatePopover/index.js";import"../../../../Template/TemplateSharingDialog/index.js";import"../../../../MenuItem/index.js";import"../../../../MiddleTruncate/MiddleTruncate.js";import"../../../../PinnableFilters/PinnableFilters.js";import"../../../../HeaderLayout/HeaderLayout.js";import"../../../../PadOffsetsPicker/PadOffsetsPicker.js";import"../../../../PadOffsetsPicker/OffsetAssetChip.js";import"../../../../PadOffsetsPicker/OffsetAssetsListExpander.js";import"../../../../PadOffsetsPicker/StagesSelector.js";import"../../../../PadOffsetsPickerV2/PadOffsetsPickerV2.js";import"../../../../Table/TableToolbar/TableToolbar.js";import"../../../../Table/TableContainer/TableContainer.js";import"../../../../Table/TableCell/TableCell.js";import"../../../../Table/TablePagination/TablePagination.js";import"../../../../Table/TablePaginationActions/TablePaginationActions.js";import"../../../../Tooltip/ScrollableTooltip.js";import"../../../../PriceInput/PriceInput.js";import"../../../../LabelsCounter/LabelsCounter.js";import"../../../../Stepper/Stepper.js";import"../../../../Stepper/Step/Step.js";import"../../../../Stepper/StepsWrapper.js";import"../../../../Comment/CommentIcon/index.js";import"../../../../FilesLoader/FilesLoader.js";import"../../../../SearchInput/index.js";import"../../../../FeedItem/FeedItem.js";import"../../../../FeedItem/FeedItemEditProvider/FeedItemEditProvider.js";import"../../../../PostInput/PostInput.js";import"../../../../KeyboardDateTimePicker.js";import"../../../../AddComment/Popover.js";import"../../../../AddComment/Popup.js";import"../../../../StageDesignVActual/ComparisonBar/ComparisonBar.js";import"../../../../StageDesignVActual/ElementsComparison/ElementsComparison.js";import"../../../../StageDesignVActual/ComparisonHeader.js";import"../../../../StageDesignVActual/ComparisonRow.js";import"../../../../EmbeddedApp/DevCenterEmbeddedApp.js";import"../../../../EmbeddedApp/EmbeddedApp.js";import"../../../../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{CancelButton as C}from"../../../../Drillstring/BHAComponentsTable/components/shared/CancelButton.js";import"../../../../Drillstring/BHAComponentsTable/components/shared/ExpandCollapseButton.js";import"../../../../Drillstring/BHAComponentsTable/components/shared/FormatedNumber.js";import{InputText as A}from"../../../../Drillstring/BHAComponentsTable/components/shared/InputText.js";import"../../../../Drillstring/BHAComponentsTable/components/shared/MoreButton.js";import{SaveButton as g}from"../../../../Drillstring/BHAComponentsTable/components/shared/SaveButton.js";import{SelectField as S}from"../../../../Drillstring/BHAComponentsTable/components/shared/SelectField.js";import"../../../../Drillstring/BHAComponentsTable/components/shared/StaticField.js";import{SharedEditorElements as h}from"../../../../Drillstring/BHAComponentsTable/components/shared/SharedEditorElements.js";import"../../../../Drillstring/BHAComponentsTable/components/shared/ConfirmationPopup.js";import V from"../../../../Drillstring/BHAComponentsTable/components/Suggestions/Suggestions.js";import{useStyles as b}from"../../../../Drillstring/BHAComponentsTable/components/sharedStyles.js";function v(e){var s=e.component,v=e.error,D=e.onChange,T=e.onCancel,P=e.onSave,f=e.onUseSuggestion,I=e.columns,x=b({isMobile:p}),B=p?i/2:i/I,y=function(e){return v&&v[e]},F=t((function(){var e=c;return s.outer_diameter?e.filter((function(e){return e.outer_diameter===parseFloat(s.outer_diameter)})):[]}),[s.outer_diameter]);return m(n,{container:!0,spacing:0,className:x.editorContainer,children:[!p&&a(n,{item:!0,className:x.editorComponentSize,children:a(u,{component:s})}),a(n,{item:!0,className:x.eidtorContentContainer,children:m(n,{container:!0,spacing:2,children:[a(h,{component:s,getError:y,onChange:D,isCasing:!0}),F.length>0&&a(V,{data:F,allData:c,columns:r,displayKeys:["outer_diameter","inner_diameter"],descriptionKeys:["outer_diameter","inner_diameter","linear_weight","number_of_joints","component_length"],onSelect:f,isCasing:!0}),a(A,{type:"name",label:"Name",value:s.name,error:y("name"),xs:B,onChangeField:D}),a(A,{type:"number_of_joints",label:"# of Joints",value:s.number_of_joints,error:y("number_of_joints"),xs:B,onChangeField:D}),a(A,{type:"component_length",label:"Component Length",unit:"length",value:s.component_length,error:y("component_length"),xs:B,onChangeField:D}),a(A,{type:"weight",label:"T.Weight",unit:"mass",value:s.weight,error:y("weight"),disabled:!0,xs:B,onChangeField:D}),a(S,{type:"grade",options:l,label:"Grade",value:s.grade,error:y("grade"),xs:B,onChangeField:D}),a(A,{type:"outer_diameter_tooljoint",label:"TJ OD",unit:"shortLength",value:s.outer_diameter_tooljoint,error:y("outer_diameter_tooljoint"),xs:B,onChangeField:D}),a(A,{type:"inner_diameter_tooljoint",label:"TJ ID",unit:"shortLength",value:s.inner_diameter_tooljoint,error:y("inner_diameter_tooljoint"),xs:B,onChangeField:D}),a(A,{type:"length_tooljoint",label:"TJ Length Per Joint",unit:"length",value:s.length_tooljoint,error:y("length_tooljoint"),xs:B,onChangeField:D}),a(A,{type:"connection_type",label:"Connection Type",value:s.connection_type,error:y("connection_type"),xs:B,onChangeField:D}),a(S,{type:"class",options:d,label:"Class",value:s.class,error:y("class"),xs:B,onChangeField:D}),a(S,{type:"material",options:j,label:"Material",value:s.material,error:y("material"),xs:B,onChangeField:D})]})}),!p&&m(n,{item:!0,className:x.eidtorActionGroup,children:[a(C,{handleCancel:T}),a(g,{handleSave:P,disabled:!o(v)})]})]})}v.propTypes={component:s.shape({outer_diameter:s.number,component_length:s.number,name:s.string,number_of_joints:s.number,weight:s.number,connection_type:s.string,grade:s.string,class:s.string,material:s.string,outer_diameter_tooljoint:s.number,inner_diameter_tooljoint:s.number,length_tooljoint:s.number}).isRequired,error:s.shape({}),onChange:s.func.isRequired,onCancel:s.func.isRequired,onSave:s.func.isRequired,onUseSuggestion:s.func.isRequired,columns:s.number.isRequired},v.defaultProps={error:null};var D=e(v);export{D as default};
+import{memo as t,useMemo as e}from"react";import{isEmpty as o}from"lodash";import s from"prop-types";import{Grid as n}from"@material-ui/core";import{OD_ID_DEP_COLUMNS as r,CONTAINER_XS as i}from"../constants.js";import{isMobileDetected as p}from"../../../../../utils/mobileDetect.js";import{jsxs as m,jsx as a}from"react/jsx-runtime";import"../../../../DevCenter/DevCenterAppContainer/components/IsInsideIsolatedDcAppProvider/IsInsideIsolatedDcAppProvider.js";import"../../../../DevCenter/DevCenterAppContainer/components/DcFullscreenElemsCoordinatorProvider/DcFullscreenElemsCoordinatorProvider.js";import"../../../../DevCenter/DevCenterAppContainer/components/DcFullscreenElemsCoordinatorProvider/IsInsideDcFullscreenElemProvider.js";import"classnames";import"@icon-park/react/es/all";import"../../../../../icons/IconParkProvider.js";import"../../../../../icons/customIcons/icons/AddMessage.js";import"../../../../../icons/customIcons/icons/Attention.js";import"../../../../../icons/customIcons/icons/Collapse.js";import"../../../../../icons/customIcons/icons/Dashboard.js";import"../../../../../icons/customIcons/icons/Expand.js";import"../../../../../icons/customIcons/icons/FolderClosed.js";import"../../../../../icons/customIcons/icons/FolderClosedFilled.js";import"../../../../../icons/customIcons/icons/FolderOpened.js";import"../../../../../icons/customIcons/icons/GreaterOrEqual.js";import"../../../../../icons/customIcons/icons/LessOrEqual.js";import"../../../../../icons/customIcons/icons/Search.js";import"../../../../../icons/customIcons/icons/Wellhub.js";import"../../../../../icons/customIcons/icons/MultiRuler.js";import"../../../../../icons/customIcons/icons/Checkbox.js";import"../../../../../icons/customIcons/icons/CheckboxChecked.js";import"../../../../../icons/customIcons/icons/CheckboxIndeterminate.js";import"../../../../../icons/customIcons/icons/Radio.js";import"../../../../../icons/customIcons/icons/RadioChecked.js";import"../../../../../icons/customIcons/icons/SimulFrac.js";import"../../../../../icons/customIcons/icons/ZipperFrac.js";import"../../../../../icons/customIcons/icons/CautionFilled.js";import"../../../../../icons/customIcons/icons/MoreApp.js";import"../../../../../icons/customIcons/icons/Pad.js";import"../../../../../icons/customIcons/icons/DrilloutUnit.js";import"../../../../../icons/customIcons/icons/FracFleet.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/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"../../../../IconButton/index.js";import"../../../../../constants/goals.js";import"../../../../../constants/segment.js";import"../../../../../constants/alerts.js";import"../../../../../constants/apps.js";import{OD_ID_DEP_LIST as c,COMPONENT_GRADES as l,COMPONENT_CLASSES as d,COMPONENT_MATERIALS as j}from"../../../../../constants/casing.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"../../../../Modal/CorvaModal.css.js";import"uuid";import"../../../../IconMenu/index.js";import"../../../../StyledMenuItem/index.js";import"../../../../AppIcon/AppIcon.js";import"../../../../DevCenter/AppHeader/AppHeader.js";import"../../../../DevCenter/AppSideBar/AppSideBar.js";import"../../../../DevCenter/AppsDataProvider/AppsDataProvider.js";import"@babel/runtime/helpers/defineProperty";import"@babel/runtime/helpers/slicedToArray";import"@material-ui/icons";import"../../../../DevCenter/AppContext.js";import"../../../../DevCenter/DevCenterRouterContext/DevCenterRouterContext.js";import"../../../../DevCenter/DevCenterRouterContext/UniversalLink/UniversalLink.js";import"@babel/runtime/helpers/objectWithoutProperties";import"react-router";import"@babel/runtime/helpers/asyncToGenerator";import"@babel/runtime/regenerator";import"../../../../../utils/index.js";import"../../../../DevCenter/DevCenterAppContainer/components/AppActions/AppActions.css.js";import"../../../../DevCenter/DevCenterAppContainer/components/AppSettingsDialog/AppSettingsDialog.js";import"../../../../DevCenter/DevCenterAppContainer/components/AppSettingsDialog/components/RemoveAppButton.js";import"../../../../DevCenter/DevCenterAppContainer/components/AppSettingsDialog/components/SettingsAccordion.js";import"../../../../DevCenter/DevCenterAppContainer/components/AnnotationsButton/AnnotationsButton.js";import"../../../../../componentsV2/Text/Text.js";import"../../../../../componentsV2/Grid/Grid.js";import"../../../../../componentsV2/Grid/Grid.scss.js";import"../../../../../componentsV2/Header/Header.scss.js";import"../../../../../componentsV2/Button/Button.js";import"../../../../../componentsV2/ButtonIcon/ButtonIcon.js";import"../../../../../componentsV2/Tooltip/Tooltip.scss.js";import"../../../../../componentsV2/Paper/Paper.js";import"../../../../../componentsV2/Popover/Popover.scss.js";import"../../../../../componentsV2/Radio/Radio.js";import"../../../../../componentsV2/RadioAndCheckboxGroup/RadioAndCheckboxGroup.scss.js";import"../../../../../componentsV2/Checkbox/Checkbox.js";import"../../../../../componentsV2/TextInput/TextInput.js";import"../../../../../componentsV2/TextEndTruncated/TextEndTruncated.scss.js";import"../../../../../componentsV2/TextMiddleTruncated/TextMiddleTruncated.constants.js";import"../../../../../componentsV2/TextMiddleTruncated/TextMiddleTruncated.scss.js";import"../../../../../componentsV2/TextLink/TextLink.js";import"../../../../../componentsV2/Chip/Chip.js";import"../../../../../componentsV2/ChipAlert/ChipAlert.js";import"../../../../../componentsV2/ChipIndicator/ChipIndicator.js";import"../../../../../componentsV2/Avatar/Avatar.js";import"../../../../../componentsV2/Avatar/constants.js";import"../../../../../componentsV2/AvatarGroup/AvatarGroup.scss.js";import"@material-ui/lab";import"../../../../../componentsV2/ToggleButtons/ToggleButtons.scss.js";import"../../../../../componentsV2/ModalWindow/ModalWindow.scss.js";import"../../../../../componentsV2/Modal/Modal.scss.js";import"../../../../../componentsV2/Menu/Menu.js";import"../../../../../componentsV2/Counter/Counter.js";import"../../../../../componentsV2/BadgeBase/BadgeBase.scss.js";import"../../../../../componentsV2/BadgeDot/BadgeDot.scss.js";import"../../../../../componentsV2/LoaderLinear/LoaderLinear.scss.js";import"../../../../../componentsV2/LoaderLogo/LoaderLogo.constants.js";import"../../../../../componentsV2/LoaderLogo/LoaderLogo.scss.js";import"../../../../../componentsV2/Switch/Switch.js";import"../../../../../componentsV2/Tabs/Tabs.js";import"../../../../../componentsV2/EmptyState/EmptyState.scss.js";import"../../../../../componentsV2/FileIcon/FileIcon.js";import"react-dropzone";import"../../../../../componentsV2/FilesDropzone/FilesDropzone.scss.js";import"../../../../../componentsV2/FilesLoader/FilesLoader.scss.js";import"../../../../../componentsV2/FilesProcessor/FilesProcessor.scss.js";import"../../../../../componentsV2/Skeleton/Skeleton.scss.js";import"../../../../../utils/main.js";import"../../../../../componentsV2/CopyToClipboard/CopyToClipboard.scss.js";import"../../../../../componentsV2/Stepper/Step/Step.scss.js";import"../../../../../componentsV2/Stepper/Stepper.scss.js";import"../../../../../componentsV2/ButtonLive/ButtonLive.js";import"../../../../../componentsV2/ButtonText/ButtonText.js";import"../../../../../componentsV2/LiveDotIndicator/LiveDotIndicator.scss.js";import"../../../../../componentsV2/IndicatorLive/IndicatorLive.scss.js";import"../../../../../componentsV2/Accordion/Accordion.scss.js";import"../../../../../componentsV2/Breadcrumbs/Breadcrumbs.scss.js";import"../../../../../componentsV2/BadgeComment/BadgeComment.js";import"../../../../../componentsV2/AppContainer/AppContainer.js";import"../../../../../componentsV2/AppContainer/AppContainer.constants.js";import"../../../../../componentsV2/AppFooter/AppFooter.js";import"../../../../../componentsV2/AppCommonsProvider/AppCommonsContext.js";import"../../../../../componentsV2/AppHeader/AppHeader.constants.js";import"../../../../../componentsV2/AppHeader/AppBadge/AppBadge.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"../../../../../types/shared/Completions.js";import"../../../../PadModeSelect/types.js";import"lodash/flatten";import"lodash/partition";import"../../../../../componentsV2/PadModeSelect/FracModeLabel/FracModeLabel.js";import"../../../../../componentsV2/PadModeSelect/FracModeLabel/FracModeLabel.constants.js";import"../../../../../clients/jsonApi/index.js";import"@babel/runtime/helpers/toConsumableArray";import"lodash/set";import"lodash/get";import"lodash/unset";import"moment";import"../../../../../clients/subscriptions/constants.js";import"../../../../../clients/subscriptions.v1.js";import"../../../../../clients/subscriptions/subscriptions-client.factory.js";import"../../../../../clients/api/apiCore.js";import"../../../../../clients/constants.js";import"../../../../../clients/sso/auth0.js";import"../../../../../clients/sso/oauth2.js";import"../../../../../componentsV2/PadModeSelect/WellStreamActivityStatus/WellStreamActivityStatus.scss.js";import"../../../../../componentsV2/PadModeSelect/PadModeSelect.constants.js";import"../../../../../componentsV2/PadModeSelect/PadModeSelect.scss.js";import"querystring";import"uuid/v1";import"jsona";import"../../../../../utils/env.js";import"../../../../StatusBadge/constants.js";import"lodash/isEmpty";import"lodash/sortBy";import"../../../../DevCenter/DevCenterAppContainer/components/CommentsSwitch/CommentsSwitchContext.js";import"../../../../../componentsV2/AppHeader/V3/VersionSelect/VersionSelect.js";import"../../../../../componentsV2/UniversalLink/UniversalLink.scss.js";import"../../../../../componentsV2/AppHeader/V3/AssetChips/AssetChips.scss.js";import"../../../../../componentsV2/AppHeader/V3/DqStatusIcon/DqStatusIcon.js";import"../../../../../componentsV2/AppHeader/V3/DqStatusIcon/DqStatusIcon.constants.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/AppHeader/V3/AssetSelector/AssetSelector.js";import"../../../../../componentsV2/AppHeader/V3/AssetSelector/constants.js";import"../../../../../componentsV2/AppHeader/V3/AppTitle/AppTitle.constants.js";import"../../../../../componentsV2/AppContainer/headerCommon.scss.js";import"../../../../../componentsV2/AppHeader/V3/AppTitle/AppTitle.scss.js";import"../../../../../componentsV2/AppHeader/V3/constants.scss.js";import"@babel/runtime/helpers/typeof";import"../../../../../componentsV2/AppSizeProvider/AppSizeProvider.js";import"../../../../../componentsV2/AppSettings/AppSettings.js";import"../../../../../componentsV2/AppSettings/AppSettings.constants.js";import"../../../../../componentsV2/AppSettings/AppSettingsPinningContext.js";import"../../../../../componentsV2/AppHeader/V3/SettingsPopover/SettingsPopover.constants.js";import"../../../../../componentsV2/AppHeader/V3/SettingsPopover/SettingsPopover.scss.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/OffsetWellsButton/OffsetWellsButton.scss.js";import"../../../../../componentsV2/Autocomplete/Autocomplete.scss.js";import"../../../../../componentsV2/Menu/MenuItem/MenuItem.scss.js";import"../../../../../componentsV2/AppSettingsDivider/AppSettingsDivider.scss.js";import"../../../../DevCenter/DevCenterAppContainer/components/FullscreenButton/FullscreenButton.js";import"../../../../DevCenter/DevCenterAppContainer/components/AppInfoMessage/AppInfoMessage.js";import"../../../../DevCenter/DevCenterAppContainer/components/DevCenterAppView/DevCenterAppView.js";import"../../../../DevCenter/DevCenterAppContainer/components/RestoreAppSizeButton/index.js";import"rollbar";import"@rollbar/react";import"../../../../DevCenter/DevCenterAppContainer/components/CommentsSwitch/CommentsSwitchButton.scss.js";import"../../../../DevCenter/DevCenterAppContainer/DevCenterAppContainer.css.js";import"../../../../Icons/AnnotationIcon.js";import"../../../../Annotations/components/AnnotationsList/index.js";import"../../../../Annotations/components/LastAnnotation/index.js";import"../../../../Annotations/AnnotationsContext.js";import"../../../../Toaster/Toaster.js";import"../../../../HelpCenter/HelpCenterIcon.js";import"../../../../DevCenter/NavigationBar/NavigationBar.js";import"../../../../DevCenter/SideBar/SideBar.js";import"../../../../DevCenter/AppSettingsPopover/AppSettingsPopover.js";import"../../../../DevCenter/AppFilterPanelLayout/AppFilterPanelLayout.js";import"../../../../DevCenter/IsolatedDevCenterAppContainer/DevCenterIsolatedAppPage.js";import"../../../../DevCenter/IsolatedDevCenterAppContainer/DevCenterIsolatedApp.js";import"../../../../AssetEditor/index.js";import"../../../../AssetEditorV2/index.js";import"../../../../AppVersionsSelect/AppVersionsSelect.js";import"../../../../LoadingIndicator/LoadingIndicator.js";import"../../../../Typography.js";import"../../../../RealTimeValuesSidebar/RealTimeSidebar.js";import"../../../../CollapsableSidebar.js";import"../../../../DateTimePicker/index.js";import"../../../../DatePicker/index.js";import"../../../../ErrorBoundary/ErrorBoundary.js";import"../../../../ErrorBoundary/DevCenterAppErrorView/DevCenterAppErrorView.js";import"../../../../SlateFormattedText/SlateFormattedText.js";import"../../../../SlateFormattedText/RenderElements.js";import"slate";import"../../../../EmptyState/EmptyState.js";import"../../../../ParameterCharts/ParameterCharts.js";import"../../../../ParameterCharts/AddEditTrack.js";import"../../../../ChartActionsList/ChartActionsList.js";import"../../../../CopyToClipboard/CopyToClipboard.js";import"../../../../AssetEditor/AssetEditorAutocomplete.js";import"../../../../AssetEditor/SingleAssetEditor.js";import"react-color";import"../../../../SettingEditors/ColorEditor/style.css.js";import"../../../../SettingEditors/DropdownEditor/index.js";import"../../../../SwitchControl/index.js";import"../../../../ColorPicker/ColorPicker.js";import"../../../../Chart/components/ChartButton.js";import"../../../../Chart/components/ChartButtons.js";import"../../../../Chart/components/ChartWrapper.js";import"../../../../Chart/components/AxisDropdown.js";import"../../../../Chart/components/ChartSelect.js";import"../../../../Chart/components/buttons/DragToZoomButton.js";import"../../../../Chart/components/buttons/ZoomInButton.js";import"../../../../Chart/components/buttons/ZoomOutButton.js";import"../../../../Chart/components/buttons/PanButton.js";import"../../../../Chart/components/buttons/ResetZoomButton.js";import"../../../../Chart/components/buttons/HideAxesButton.js";import"../../../../Chart/components/buttons/ChartTypeButton.js";import"../../../../ColorPicker/PaletteChromePicker/PaletteChromePicker.js";import"../../../../TruncatedText/index.js";import"../../../../MiddleTruncatedText/MiddleTruncatedText.js";import"../../../../RangeSlider/constants.js";import"../../../../RangeSlider/Input.css.js";import"../../../../RangeSlider/RangeSlider.css.js";import"../../../../AdvancedSlider/AdvancedSlider.js";import"../../../../Breadcrumbs/index.js";import"../../../../VirtualizedTable/index.js";import"../../../../EmptyView/EmptyView.js";import"../../../../EmptyView/EmptyAppView/EmptyAppView.js";import"../../../../Button/components/Button/index.js";import"moment-timezone";import"../../../../Button/components/LiveButton/components/LiveButtonStateIndicator/index.js";import"../../../../Button/components/LiveButton/styles.js";import"../../../../ContextMenuItem/index.js";import"../../../../FolderMenuItem/index.js";import"../../../../EditableItem/EditableItem/index.js";import"../../../../EditableItem/EditableItemWithBadge/index.js";import"../../../../Checkbox/index.js";import"../../../../FolderMenuItemWithLinks/index.js";import"../../../../TextField/index.js";import"../../../../Chip/index.js";import"../../../../Counter/index.js";import"../../../../AnchorsList/AnchorsList.js";import"../../../../Select/index.js";import"../../../../Select/SelectFilterBy.js";import"../../../../CustomSelect/index.js";import"../../../../Tabs/Tabs.js";import"../../../../Tabs/Tab.js";import"../../../../ResizableTable/ResizableTable.js";import"../../../../GradientPicker/GradientPicker.js";import"../../../../GradientManager/GradientList.js";import"@material-ui/icons/AddCircle";import"../../../../GradientManager/GradientPreview/GradientPreview.js";import"../../../../GradientManager/GradientSelect.styles.js";import"../../../../GradientManager/GradientManager.styles.js";import"../../../../Drillstring/BHASchematic.js";import"../../../../Drillstring/BHATable/index.js";import"../../../../Drillstring/BHAComponentIcon.js";import"../../../../Drillstring/BHAComponentDetail/index.js";import"../../../../Drillstring/BHATileIcon.js";import"../../../../Drillstring/BHATile/BHATile.js";import"../../../../Drillstring/BHAList/BHAList.js";import"../../../../Drillstring/BHAComponentsTable/BHAComponentsTable.js";import"../../../CasingTable/index.js";import u from"../../../CasingComponentIcon.js";import"../../../CasingTileIcon.js";import"../../CasingTableV2.js";import"../../../CasingTile/CasingTile.js";import"../../../../DisabledSettingsMessage/DisabledSettingsMessage.js";import"../../../../WellSummary/WellSummaryItemLabel.js";import"../../../../WellSummary/WellSummaryItemTitle.js";import"../../../../WellSummary/WellSummaryItemValue.js";import"../../../../WellSummary/ActivitySummaryChart.js";import"../../../../WellSummary/FracWirelineTimeChart.js";import"../../../../BICOffsetPickerDialog/index.js";import"../../../../OffsetWellButton/OffsetWellButton.js";import"../../../../OffsetWellPickerV2/OffsetWellPickerDialog.js";import"../../../../OffsetWellPickerV3/index.js";import"../../../../OffsetWellChips/Chip.js";import"../../../../OffsetWellChips/ChipsContainer.js";import"../../../../OffsetWellPickerV4/utils/apiCalls.js";import"../../../../OffsetWellPickerV4/effects/useAdvancedWells.js";import"../../../../OffsetWellPickerV4/constants.js";import"react-virtualized";import"../../../../OffsetWellPickerV4/effects/useAssetsData.js";import"../../../../OffsetWellPickerV4/components/AppHeader/AppHeader.js";import"../../../../OffsetWellPickerV4/components/Toolbar/Toolbar.js";import"../../../../OffsetWellPickerV4/components/Filter/Filter.js";import"../../../../OffsetWellPickerV4/components/Map/WellsMap.js";import"../../../../OffsetWellPickerV4/components/OffsetWellsTable/OffsetWellsTable.js";import"../../../../OffsetWellPickerV4/components/OffsetWellsTable/AdvancedSearch/constants.js";import"../../../../OffsetWellPickerV4/utils/index.js";import"../../../../OffsetWellPickerV4/OffsetWellPickerV4.module.css.js";import"@material-ui/core/Snackbar";import"../../../../Notifications/Toast.js";import"../../../../../styles/typography/index.js";import"../../../../../styles/counter/counter.module.scss.js";import"../../../../OffsetWellMap/OffsetWellMap.js";import"../../../../ConfirmationDialog.js";import"../../../../TextLink/index.js";import"../../../../Avatar/index.js";import"../../../../Template/TemplatePopover/index.js";import"../../../../Template/TemplateSharingDialog/index.js";import"../../../../MenuItem/index.js";import"../../../../MiddleTruncate/MiddleTruncate.js";import"../../../../PinnableFilters/PinnableFilters.js";import"../../../../HeaderLayout/HeaderLayout.js";import"../../../../PadOffsetsPicker/PadOffsetsPicker.js";import"../../../../PadOffsetsPicker/OffsetAssetChip.js";import"../../../../PadOffsetsPicker/OffsetAssetsListExpander.js";import"../../../../PadOffsetsPicker/StagesSelector.js";import"../../../../PadOffsetsPickerV2/PadOffsetsPickerV2.js";import"../../../../Table/TableToolbar/TableToolbar.js";import"../../../../Table/TableContainer/TableContainer.js";import"../../../../Table/TableCell/TableCell.js";import"../../../../Table/TablePagination/TablePagination.js";import"../../../../Table/TablePaginationActions/TablePaginationActions.js";import"../../../../Tooltip/ScrollableTooltip.js";import"../../../../PriceInput/PriceInput.js";import"../../../../LabelsCounter/LabelsCounter.js";import"../../../../Stepper/Stepper.js";import"../../../../Stepper/Step/Step.js";import"../../../../Stepper/StepsWrapper.js";import"../../../../Comment/CommentIcon/index.js";import"../../../../FilesLoader/FilesLoader.js";import"../../../../SearchInput/index.js";import"../../../../FeedItem/FeedItem.js";import"../../../../FeedItem/FeedItemEditProvider/FeedItemEditProvider.js";import"../../../../PostInput/PostInput.js";import"../../../../KeyboardDateTimePicker.js";import"../../../../AddComment/Popover.js";import"../../../../AddComment/Popup.js";import"../../../../StageDesignVActual/ComparisonBar/ComparisonBar.js";import"../../../../StageDesignVActual/ElementsComparison/ElementsComparison.js";import"../../../../StageDesignVActual/ComparisonHeader.js";import"../../../../StageDesignVActual/ComparisonRow.js";import"../../../../EmbeddedApp/DevCenterEmbeddedApp.js";import"../../../../EmbeddedApp/EmbeddedApp.js";import"../../../../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{CancelButton as C}from"../../../../Drillstring/BHAComponentsTable/components/shared/CancelButton.js";import"../../../../Drillstring/BHAComponentsTable/components/shared/ExpandCollapseButton.js";import"../../../../Drillstring/BHAComponentsTable/components/shared/FormatedNumber.js";import{InputText as A}from"../../../../Drillstring/BHAComponentsTable/components/shared/InputText.js";import"../../../../Drillstring/BHAComponentsTable/components/shared/MoreButton.js";import{SaveButton as g}from"../../../../Drillstring/BHAComponentsTable/components/shared/SaveButton.js";import{SelectField as h}from"../../../../Drillstring/BHAComponentsTable/components/shared/SelectField.js";import"../../../../Drillstring/BHAComponentsTable/components/shared/StaticField.js";import{SharedEditorElements as S}from"../../../../Drillstring/BHAComponentsTable/components/shared/SharedEditorElements.js";import"../../../../Drillstring/BHAComponentsTable/components/shared/ConfirmationPopup.js";import V from"../../../../Drillstring/BHAComponentsTable/components/Suggestions/Suggestions.js";import{useStyles as b}from"../../../../Drillstring/BHAComponentsTable/components/sharedStyles.js";function v(t){var s=t.component,v=t.error,D=t.onChange,T=t.onCancel,P=t.onSave,f=t.onUseSuggestion,I=t.columns,x=b({isMobile:p}),B=p?i/2:i/I,y=function(t){return v&&v[t]},F=e((function(){var t=c;return s.outer_diameter?t.filter((function(t){return t.outer_diameter===parseFloat(s.outer_diameter)})):[]}),[s.outer_diameter]);return m(n,{container:!0,spacing:0,className:x.editorContainer,children:[!p&&a(n,{item:!0,className:x.editorComponentSize,children:a(u,{component:s})}),a(n,{item:!0,className:x.eidtorContentContainer,children:m(n,{container:!0,spacing:2,children:[a(S,{component:s,getError:y,onChange:D,isCasing:!0}),F.length>0&&a(V,{data:F,allData:c,columns:r,displayKeys:["outer_diameter","inner_diameter"],descriptionKeys:["outer_diameter","inner_diameter","linear_weight","number_of_joints","component_length"],onSelect:f,isCasing:!0}),a(A,{type:"name",label:"Name",value:s.name,error:y("name"),xs:B,onChangeField:D}),a(A,{type:"number_of_joints",label:"# of Joints",value:s.number_of_joints,error:y("number_of_joints"),xs:B,onChangeField:D}),a(A,{type:"component_length",label:"Component Length",unit:"length",value:s.component_length,error:y("component_length"),xs:B,onChangeField:D}),a(A,{type:"weight",label:"T.Weight",unit:"mass",value:s.weight,error:y("weight"),disabled:!0,xs:B,onChangeField:D}),a(h,{type:"grade",options:l,label:"Grade",value:s.grade,error:y("grade"),xs:B,onChangeField:D}),a(A,{type:"outer_diameter_tooljoint",label:"TJ OD",unit:"shortLength",value:s.outer_diameter_tooljoint,error:y("outer_diameter_tooljoint"),xs:B,onChangeField:D}),a(A,{type:"inner_diameter_tooljoint",label:"TJ ID",unit:"shortLength",value:s.inner_diameter_tooljoint,error:y("inner_diameter_tooljoint"),xs:B,onChangeField:D}),a(A,{type:"length_tooljoint",label:"TJ Length Per Joint",unit:"length",value:s.length_tooljoint,error:y("length_tooljoint"),xs:B,onChangeField:D}),a(A,{type:"connection_type",label:"Connection Type",value:s.connection_type,error:y("connection_type"),xs:B,onChangeField:D}),a(h,{type:"class",options:d,label:"Class",value:s.class,error:y("class"),xs:B,onChangeField:D}),a(h,{type:"material",options:j,label:"Material",value:s.material,error:y("material"),xs:B,onChangeField:D})]})}),!p&&m(n,{item:!0,className:x.eidtorActionGroup,children:[a(C,{handleCancel:T}),a(g,{handleSave:P,disabled:!o(v)})]})]})}v.propTypes={component:s.shape({outer_diameter:s.number,component_length:s.number,name:s.string,number_of_joints:s.number,weight:s.number,connection_type:s.string,grade:s.string,class:s.string,material:s.string,outer_diameter_tooljoint:s.number,inner_diameter_tooljoint:s.number,length_tooljoint:s.number}).isRequired,error:s.shape({}),onChange:s.func.isRequired,onCancel:s.func.isRequired,onSave:s.func.isRequired,onUseSuggestion:s.func.isRequired,columns:s.number.isRequired},v.defaultProps={error:null};var D=t(v);export{D as default};
 //# sourceMappingURL=Editor.js.map