@corva/ui 0.98.0-0 → 0.98.0-2

package/components/Drillstring/BHAComponentsTable/components/Component.js

@@ -1 +1 @@
-import e from"@babel/runtime/helpers/objectWithoutProperties";import t from"@babel/runtime/helpers/defineProperty";import o from"@babel/runtime/helpers/slicedToArray";import{memo as i,useState as r,useEffect as s}from"react";import n from"classnames";import{omit as p,isEmpty as m,map as a}from"lodash";import l from"prop-types";import{Grid as c,Menu as d,MenuItem as j}from"@material-ui/core";import"./shared/CancelButton.js";import{ExpandCollapseButton as u}from"./shared/ExpandCollapseButton.js";import{FormatedNumber as C}from"./shared/FormatedNumber.js";import"./shared/InputText.js";import{MoreButton as f}from"./shared/MoreButton.js";import"./shared/SaveButton.js";import"./shared/SelectField.js";import{StaticField as b}from"./shared/StaticField.js";import"./shared/SharedEditorElements.js";import{ConfirmationPopup as h}from"./shared/ConfirmationPopup.js";import{useStyles as A}from"./sharedStyles.js";import{calculateComponent as g}from"./utils/calculation.js";import v from"./Agitator/Browser.js";import D from"./Agitator/Editor.js";import S from"./Bit/Browser.js";import P from"./Bit/Editor.js";import x from"./DrillCollar/Browser.js";import y from"./DrillCollar/Editor.js";import I from"./DrillPipe/Browser.js";import T from"./DrillPipe/Editor.js";import E from"./Jar/Browser.js";import B from"./Jar/Editor.js";import w from"./Lwd/Browser.js";import O from"./Lwd/Editor.js";import k from"./Mwd/Browser.js";import M from"./Mwd/Editor.js";import V from"./Pdm/Browser.js";import W from"./Pdm/Editor.js";import F from"./Rss/Browser.js";import L from"./Rss/Editor.js";import R from"./Stabilizer/Browser.js";import _ from"./Stabilizer/Editor.js";import H from"./Sub/Browser.js";import N from"./Sub/Editor.js";import z from"./Ur/Browser.js";import G from"./Ur/Editor.js";import q from"./EditComponentDialog.js";import{jsxs as U,jsx as Z,Fragment as Y}from"react/jsx-runtime";import"../../../DevCenter/DevCenterAppContainer/components/IsInsideDcAppProvider/IsInsideDcAppProvider.js";import"../../../DevCenter/DevCenterAppContainer/components/DcFullscreenElemsCoordinatorProvider/DcFullscreenElemsCoordinatorProvider.js";import"../../../DevCenter/DevCenterAppContainer/components/DcFullscreenElemsCoordinatorProvider/IsInsideDcFullscreenElemProvider.js";import"../../../../icons/WithCustomSize.js";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"../../../../utils/mobileDetect.js";import"../../../IconButton/index.js";import"../../../../constants/goals.js";import"../../../../constants/segment.js";import"../../../../constants/alerts.js";import"../../../../constants/apps.js";import{COMPONENT_FAMILIES as J}from"../../../../constants/drillstring.js";import"../../../../constants/completion.js";import"../../../../constants/appPackages.js";import"../../../../constants/notifications.js";import"../../../../constants/feed.js";import"../../../../constants/bha.js";import"../../../../utils/env.js";import"../../../GradientManager/configuration/constants.js";import"../../../Modal/CorvaModal.css.js";import"uuid";import"../../../IconMenu/index.js";import"../../../StyledMenuItem/index.js";import"../../../AppIcon/AppIcon.js";import"../../../DevCenter/AppHeader/AppHeader.js";import"../../../DevCenter/AppSideBar/AppSideBar.js";import"../../../DevCenter/AppsDataProvider/AppsDataProvider.js";import"@material-ui/icons";import"../../../DevCenter/AppContext.js";import"../../../DevCenter/DevCenterRouterContext/DevCenterRouterContext.js";import"../../../DevCenter/DevCenterRouterContext/UniversalLink/UniversalLink.js";import"react-router";import"@babel/runtime/helpers/asyncToGenerator";import"@babel/runtime/regenerator";import"../../../../utils/index.js";import"../../../DevCenter/DevCenterAppContainer/components/AppActions/AppActions.css.js";import"../../../DevCenter/DevCenterAppContainer/components/AppSettingsDialog/AppSettingsDialog.js";import"../../../DevCenter/DevCenterAppContainer/components/AppSettingsDialog/components/RemoveAppButton.js";import"../../../DevCenter/DevCenterAppContainer/components/AppSettingsDialog/components/SettingsAccordion.js";import"../../../DevCenter/DevCenterAppContainer/components/AnnotationsButton/AnnotationsButton.js";import"../../../DevCenter/DevCenterAppContainer/components/NonPriorityMenus/NonPriorityMenus.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"../../../DevCenter/DevCenterAppContainer/components/PriorityMenus/PriorityMenus.css.js";import"rollbar";import"@rollbar/react";import"../../../DevCenter/DevCenterAppContainer/DevCenterAppContainer.css.js";import"../../../Icons/AnnotationIcon.js";import"../../../Annotations/components/AnnotationsList/index.js";import"../../../Annotations/components/LastAnnotation/index.js";import"../../../Annotations/AnnotationsContext.js";import"../../../Toaster/Toaster.js";import"querystring";import"uuid/v1";import"../../../../clients/subscriptions.js";import"../../../../clients/jsonApi/index.js";import"jsona";import"../../../StatusBadge/constants.js";import"@babel/runtime/helpers/toConsumableArray";import"lodash/set";import"lodash/get";import"lodash/unset";import"moment";import"../../../../clients/api/apiCore.js";import"../../../../clients/constants.js";import"../../../../clients/sso/auth0.js";import"../../../../clients/sso/oauth2.js";import"lodash/isEmpty";import"lodash/sortBy";import"../../../../constants/streamSourceType.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"@babel/runtime/helpers/typeof";import"slate";import"../../../EmptyState/EmptyState.js";import"../../../ParameterCharts/ParameterCharts.js";import"../../../ParameterCharts/AddEditTrack.js";import"../../../ChartActionsList/ChartActionsList.js";import"../../../CopyToClipboard/CopyToClipboard.js";import"../../../AssetEditor/AssetEditorAutocomplete.js";import"../../../AssetEditor/SingleAssetEditor.js";import"react-color";import"../../../SettingEditors/ColorEditor/style.css.js";import"../../../SettingEditors/DropdownEditor/index.js";import"../../../SwitchControl/index.js";import"../../../ColorPicker/ColorPicker.js";import"../../../Chart/components/ChartButton.js";import"../../../Chart/components/ChartButtons.js";import"../../../Chart/components/ChartWrapper.js";import"../../../Chart/components/AxisDropdown.js";import"../../../Chart/components/ChartSelect.js";import"../../../Chart/components/buttons/DragToZoomButton.js";import"../../../Chart/components/buttons/ZoomInButton.js";import"../../../Chart/components/buttons/ZoomOutButton.js";import"../../../Chart/components/buttons/PanButton.js";import"../../../Chart/components/buttons/ResetZoomButton.js";import"../../../Chart/components/buttons/HideAxesButton.js";import"../../../Chart/components/buttons/ChartTypeButton.js";import"../../../ColorPicker/PaletteChromePicker/PaletteChromePicker.js";import"../../../TruncatedText/index.js";import"../../../MiddleTruncatedText/MiddleTruncatedText.js";import"../../../RangeSlider/constants.js";import"../../../RangeSlider/Input.css.js";import"../../../RangeSlider/RangeSlider.css.js";import"../../../AdvancedSlider/AdvancedSlider.js";import"../../../Breadcrumbs/index.js";import"../../../VirtualizedTable/index.js";import"../../../EmptyView/EmptyView.js";import"../../../EmptyView/EmptyAppView/EmptyAppView.js";import"../../../Button/components/Button/index.js";import"moment-timezone";import"../../../Button/components/LiveButton/components/LiveButtonStateIndicator/index.js";import"../../../Button/components/LiveButton/styles.js";import"../../../ContextMenuItem/index.js";import"../../../FolderMenuItem/index.js";import"../../../EditableItem/EditableItem/index.js";import"../../../EditableItem/EditableItemWithBadge/index.js";import"../../../Checkbox/index.js";import"../../../FolderMenuItemWithLinks/index.js";import"../../../TextField/index.js";import"../../../Chip/index.js";import"../../../Counter/index.js";import"../../../AnchorsList/AnchorsList.js";import"../../../Select/index.js";import"../../../Select/SelectFilterBy.js";import"../../../CustomSelect/index.js";import"../../../Tabs/Tabs.js";import"../../../Tabs/Tab.js";import"../../../ResizableTable/ResizableTable.js";import"../../../GradientPicker/GradientPicker.js";import"../../../GradientManager/GradientList.js";import"@material-ui/icons/AddCircle";import"../../../GradientManager/GradientPreview/GradientPreview.js";import"../../../GradientManager/GradientSelect.styles.js";import"../../../GradientManager/GradientManager.styles.js";import"../../BHASchematic.js";import"../../BHATable/index.js";import K from"../../BHAComponentIcon.js";import"../../BHAComponentDetail/index.js";import"../../BHATileIcon.js";import"../../BHATile/BHATile.js";import"../../BHAList/BHAList.js";import"../BHAComponentsTable.js";import"../../../Casing/CasingTable/index.js";import"../../../Casing/CasingComponentIcon.js";import"../../../Casing/CasingTileIcon.js";import"../../../Casing/CasingTableV2/CasingTableV2.js";import"../../../Casing/CasingTile/CasingTile.js";import"../../../DisabledSettingsMessage/DisabledSettingsMessage.js";import"../../../WellSummary/WellSummaryItemLabel.js";import"../../../WellSummary/WellSummaryItemTitle.js";import"../../../WellSummary/WellSummaryItemValue.js";import"../../../WellSummary/ActivitySummaryChart.js";import"../../../WellSummary/FracWirelineTimeChart.js";import"../../../BICOffsetPickerDialog/index.js";import"../../../OffsetWellButton/OffsetWellButton.js";import"../../../OffsetWellPickerV2/OffsetWellPickerDialog.js";import"../../../OffsetWellPickerV3/index.js";import"../../../OffsetWellChips/Chip.js";import"../../../OffsetWellChips/ChipsContainer.js";import"../../../OffsetWellPickerV4/utils/apiCalls.js";import"../../../OffsetWellPickerV4/effects/useAdvancedWells.js";import"../../../OffsetWellPickerV4/constants.js";import"react-virtualized";import"../../../OffsetWellPickerV4/effects/useAssetsData.js";import"../../../OffsetWellPickerV4/components/AppHeader/AppHeader.js";import"../../../OffsetWellPickerV4/components/Toolbar/Toolbar.js";import"../../../OffsetWellPickerV4/components/Filter/Filter.js";import"../../../OffsetWellPickerV4/components/Map/WellsMap.js";import"../../../OffsetWellPickerV4/components/OffsetWellsTable/OffsetWellsTable.js";import"../../../OffsetWellPickerV4/components/OffsetWellsTable/AdvancedSearch/constants.js";import"../../../OffsetWellPickerV4/utils/index.js";import"../../../OffsetWellPickerV4/OffsetWellPickerV4.module.css.js";import"../../../../styles/typography/index.js";import"../../../../styles/counter/counter.module.scss.js";import"../../../OffsetWellMap/OffsetWellMap.js";import"@material-ui/core/Snackbar";import"../../../Notifications/Toast.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"../../../PadModeSelect/PadModeSelect.js";import"../../../PinnableFilters/PinnableFilters.js";import"../../../HeaderLayout/HeaderLayout.js";import"../../../PadOffsetsPicker/PadOffsetsPicker.js";import"../../../PadOffsetsPicker/OffsetAssetChip.js";import"../../../PadOffsetsPicker/OffsetAssetsListExpander.js";import"../../../PadOffsetsPicker/StagesSelector.js";import"../../../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"react-dropzone";import"../../../FilesDropzone/styles.js";import"../../../FilesProcessor/styles.js";import"../../../Hint/styles.js";import{showErrorNotification as Q}from"../../../../utils/notificationToasts.js";var X=["is_editing"];function $(e,t){var o=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);t&&(i=i.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),o.push.apply(o,i)}return o}function ee(e){for(var o=1;o<arguments.length;o++){var i=null!=arguments[o]?arguments[o]:{};o%2?$(Object(i),!0).forEach((function(o){t(e,o,i[o])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(i)):$(Object(i)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(i,t))}))}return e}function te(e){var t;return(null===(t=J.drilling.find((function(t){return t.type===e})))||void 0===t?void 0:t.name)||"—"}function oe(i){var l,J=i.isMobile,$=i.viewColumnsPerRow,oe=i.editColumnsPerRow,ie=i.component,re=i.validate,se=i.isDraft,ne=i.onCancel,pe=i.onDelete,me=i.onSave,ae=i.onChangeEditing,le=i.onAutocompleteApplied,ce=i.isDragComponent,de=r(null),je=o(de,2),ue=je[0],Ce=je[1],fe=r(!1),be=o(fe,2),he=be[0],Ae=be[1],ge=r(!1),ve=o(ge,2),De=ve[0],Se=ve[1],Pe=r(ie),xe=o(Pe,2),ye=xe[0],Ie=xe[1],Te=r(null),Ee=o(Te,2),Be=Ee[0],we=Ee[1],Oe=r(!1),ke=o(Oe,2),Me=ke[0],Ve=ke[1],We=A({isMobile:J,isEditing:ye.is_editing,isDragComponent:ce});s((function(){ae&&ae(ye.is_editing)}),[ye.is_editing]);var Fe=function(){we(null),se?ne():Ie(ie)},Le=function(e,t){var o=g(ye,e,t),i=re(o,se);Ie(o),we(i?i.components[ye.id]:null)},Re=function(e){le&&le(!0),Ie((function(t){return ee(ee({},t),e)}))},_e=function(){var e=re(ye,se);if(e){we(e.components[ye.id]);var t=ee(ee({},p(e,["general","components","specificErrors"])),e.general);t&&!m(t)&&a(t,(function(e){Q(e)}))}else we(null),Ae(!0)},He=function(){Ae(!1),Ve(!1),ye.is_editing;var t=e(ye,X);Ie(t),me(p(t,["is_expanded"]),se)},Ne=n(We.cell,We.ratioWidth,t({},We.focusedFontsize,ye.is_editing||ye.is_expanded));if(ye.is_editing&&!Me){var ze=ye.family,Ge={component:ye,isDraft:se,error:Be,onChange:Le,onUseSuggestion:Re,onCancel:Fe,onSave:J?He:_e,columns:oe};if(!J)return U("div",{className:We.component,children:[("dp"===ze||"hwdp"===ze)&&Z(T,ee({},Ge)),"agitator"===ze&&Z(D,ee({},Ge)),"bit"===ze&&Z(P,ee({},Ge)),"dc"===ze&&Z(y,ee({},Ge)),"jar"===ze&&Z(B,ee({},Ge)),"lwd"===ze&&Z(O,ee({},Ge)),"mwd"===ze&&Z(M,ee({},Ge)),"pdm"===ze&&Z(W,ee({},Ge)),"rss"===ze&&Z(L,ee({},Ge)),"stabilizer"===ze&&Z(_,ee({},Ge)),"sub"===ze&&Z(N,ee({},Ge)),"ur"===ze&&Z(G,ee({},Ge)),he&&Z(h,{title:"Save Changes?",text:"You will not be able to recover it.",okText:"Save",handleClose:function(){return Ae(!1)},handleOk:He})]});Ve(!0)}return U("div",{className:n(We.component,(l={},t(l,We.componentMobile,J),t(l,We.componentExpandedMobile,J&&ye.is_expanded),t(l,We.componentActive,Boolean(ue)),l)),children:[U("div",{className:n(We.row,t({},We.rowExpanded,J&&ye.is_expanded)),children:[Z("div",{className:n(We.cell,t({},We.componentMobileCell,J)),children:Z(K,{component:ye})}),Z("div",{className:Ne,children:te(ye.family)}),!J&&U(Y,{children:[Z("div",{className:Ne,children:Z(C,{value:"bit"===ye.family?ye.size:ye.outer_diameter})}),Z("div",{className:Ne,children:Z(C,{value:ye.inner_diameter})}),Z("div",{className:Ne,children:Z(C,{value:ye.linear_weight})}),Z("div",{className:Ne,children:Z(C,{value:ye.length,format:"0.0"})})]}),U("div",{className:n(We.cell,We.actionCell),children:[Z(u,{isExpanded:ye.is_expanded,classes:We,handleExpandCollapse:function(){Ie((function(e){return e.is_expanded?ee(ee({},e),{},{is_expanded:!1}):ee(ee({},e),{},{is_expanded:!0})}))}}),Z(f,{classes:We,handleOpenActionMenu:function(e){Ce(e.currentTarget)}})]})]}),ye.is_expanded&&U(Y,{children:[J&&U(c,{container:!0,spacing:2,style:{padding:"8px 4px 16px"},children:[Z(b,{label:"bit"===ye.family?"Bit Size":"OD",unit:"shortLength",value:"bit"===ye.family?ye.size:ye.outer_diameter}),"bit"!==ye.family&&Z(b,{label:"ID",unit:"shortLength",value:ie.inner_diameter}),"bit"!==ye.family&&Z(b,{label:"Linear Weight",unit:"massPerLength",value:ie.linear_weight,format:"0.0"}),Z(b,{label:"Length",unit:"length",value:ie.length,format:"0.0"})]}),("dp"===ye.family||"hwdp"===ye.family)&&Z(I,{component:ye,columns:$}),"agitator"===ye.family&&Z(v,{component:ye,columns:$}),"bit"===ye.family&&Z(S,{component:ye,columns:$}),"dc"===ye.family&&Z(x,{component:ye,columns:$}),"jar"===ye.family&&Z(E,{component:ye,columns:$}),"lwd"===ye.family&&Z(w,{component:ye,columns:$}),"mwd"===ye.family&&Z(k,{component:ye,columns:$}),"pdm"===ye.family&&Z(V,{component:ye,columns:$}),"rss"===ye.family&&Z(F,{component:ye,columns:$}),"stabilizer"===ye.family&&Z(R,{component:ye,columns:$}),"sub"===ye.family&&Z(H,{component:ye,columns:$}),"ur"===ye.family&&Z(z,{component:ye,columns:$})]}),U(d,{anchorEl:ue,keepMounted:!0,open:Boolean(ue),getContentAnchorEl:null,anchorOrigin:{vertical:"bottom",horizontal:"right"},transformOrigin:{vertical:"top",horizontal:"right"},onClose:function(){Ce(null)},children:[Z(j,{onClick:function(){Ce(null),Ie((function(e){return ee(ee({},e),{},{is_editing:!0})}))},className:We.menuItem,children:"Edit"}),"bit"!==ye.family&&Z(j,{onClick:function(){Ce(null),Se(!0)},className:We.menuItem,children:"Delete"})]}),De&&Z(h,{title:"Delete Component?",text:"You will not be able to recover it.",okText:"Delete",handleClose:function(){return Se(!1)},handleOk:function(){pe(ie)}}),Me&&Z(q,{component:ye,isDraft:se,error:Be,onChange:Le,onUseSuggestion:Re,onCancel:Fe,onSave:_e,onClose:function(){Fe(),Ve(!1)}}),J&&he&&Z(h,{title:"Save Changes?",text:"You will not be able to recover it.",okText:"Save",handleClose:function(){return Ae(!1)},handleOk:He})]})}oe.propTypes={isMobile:l.bool.isRequired,component:l.shape({family:l.string,size:l.number,outer_diameter:l.number,inner_diameter:l.number,linear_weight:l.number,length:l.number}).isRequired,isDraft:l.bool,validate:l.func.isRequired,onCancel:l.func,onDelete:l.func,onSave:l.func.isRequired,onChangeEditing:l.func,viewColumnsPerRow:l.number.isRequired,editColumnsPerRow:l.number.isRequired,onAutocompleteApplied:l.func,isDragComponent:l.bool.isRequired},oe.defaultProps={isDraft:!1,onCancel:null,onDelete:null,onChangeEditing:void 0,onAutocompleteApplied:void 0};var ie=i(oe);export{ie 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 i,useState as r,useEffect as s}from"react";import n from"classnames";import{omit as m,isEmpty as p,map as a}from"lodash";import l from"prop-types";import{Grid as c,Menu as d,MenuItem as j}from"@material-ui/core";import"./shared/CancelButton.js";import{ExpandCollapseButton as u}from"./shared/ExpandCollapseButton.js";import{FormatedNumber as C}from"./shared/FormatedNumber.js";import"./shared/InputText.js";import{MoreButton as f}from"./shared/MoreButton.js";import"./shared/SaveButton.js";import"./shared/SelectField.js";import{StaticField as b}from"./shared/StaticField.js";import"./shared/SharedEditorElements.js";import{ConfirmationPopup as g}from"./shared/ConfirmationPopup.js";import{useStyles as h}from"./sharedStyles.js";import{calculateComponent as A}from"./utils/calculation.js";import v from"./Agitator/Browser.js";import S from"./Agitator/Editor.js";import D from"./Bit/Browser.js";import P from"./Bit/Editor.js";import x from"./DrillCollar/Browser.js";import y from"./DrillCollar/Editor.js";import I from"./DrillPipe/Browser.js";import T from"./DrillPipe/Editor.js";import E from"./Jar/Browser.js";import B from"./Jar/Editor.js";import w from"./Lwd/Browser.js";import O from"./Lwd/Editor.js";import k from"./Mwd/Browser.js";import F from"./Mwd/Editor.js";import M from"./Pdm/Browser.js";import V from"./Pdm/Editor.js";import W from"./Rss/Browser.js";import L from"./Rss/Editor.js";import R from"./Stabilizer/Browser.js";import _ from"./Stabilizer/Editor.js";import H from"./Sub/Browser.js";import N from"./Sub/Editor.js";import z from"./Ur/Browser.js";import G from"./Ur/Editor.js";import q from"./EditComponentDialog.js";import{jsxs as U,jsx as Z,Fragment as Y}from"react/jsx-runtime";import"../../../DevCenter/DevCenterAppContainer/components/IsInsideDcAppProvider/IsInsideDcAppProvider.js";import"../../../DevCenter/DevCenterAppContainer/components/DcFullscreenElemsCoordinatorProvider/DcFullscreenElemsCoordinatorProvider.js";import"../../../DevCenter/DevCenterAppContainer/components/DcFullscreenElemsCoordinatorProvider/IsInsideDcFullscreenElemProvider.js";import"../../../../icons/WithCustomSize.js";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"../../../../utils/mobileDetect.js";import"../../../IconButton/index.js";import"../../../../constants/goals.js";import"../../../../constants/segment.js";import"../../../../constants/alerts.js";import"../../../../constants/apps.js";import{COMPONENT_FAMILIES as J}from"../../../../constants/drillstring.js";import"../../../../constants/completion.js";import"../../../../constants/appPackages.js";import"../../../../constants/notifications.js";import"../../../../constants/feed.js";import"../../../../constants/bha.js";import"../../../../utils/env.js";import"../../../GradientManager/configuration/constants.js";import"../../../Modal/CorvaModal.css.js";import"uuid";import"../../../IconMenu/index.js";import"../../../StyledMenuItem/index.js";import"../../../AppIcon/AppIcon.js";import"../../../DevCenter/AppHeader/AppHeader.js";import"../../../DevCenter/AppSideBar/AppSideBar.js";import"../../../DevCenter/AppsDataProvider/AppsDataProvider.js";import"@material-ui/icons";import"../../../DevCenter/AppContext.js";import"../../../DevCenter/DevCenterRouterContext/DevCenterRouterContext.js";import"../../../DevCenter/DevCenterRouterContext/UniversalLink/UniversalLink.js";import"react-router";import"@babel/runtime/helpers/asyncToGenerator";import"@babel/runtime/regenerator";import"../../../../utils/index.js";import"../../../DevCenter/DevCenterAppContainer/components/AppActions/AppActions.css.js";import"../../../DevCenter/DevCenterAppContainer/components/AppSettingsDialog/AppSettingsDialog.js";import"../../../DevCenter/DevCenterAppContainer/components/AppSettingsDialog/components/RemoveAppButton.js";import"../../../DevCenter/DevCenterAppContainer/components/AppSettingsDialog/components/SettingsAccordion.js";import"../../../DevCenter/DevCenterAppContainer/components/AnnotationsButton/AnnotationsButton.js";import"../../../DevCenter/DevCenterAppContainer/components/NonPriorityMenus/NonPriorityMenus.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"../../../DevCenter/DevCenterAppContainer/components/PriorityMenus/PriorityMenus.css.js";import"rollbar";import"@rollbar/react";import"../../../DevCenter/DevCenterAppContainer/DevCenterAppContainer.css.js";import"../../../Icons/AnnotationIcon.js";import"../../../Annotations/components/AnnotationsList/index.js";import"../../../Annotations/components/LastAnnotation/index.js";import"../../../Annotations/AnnotationsContext.js";import"../../../Toaster/Toaster.js";import"querystring";import"uuid/v1";import"../../../../clients/subscriptions.js";import"../../../../clients/jsonApi/index.js";import"jsona";import"../../../StatusBadge/constants.js";import"@babel/runtime/helpers/toConsumableArray";import"lodash/set";import"lodash/get";import"lodash/unset";import"moment";import"../../../../clients/api/apiCore.js";import"../../../../clients/constants.js";import"../../../../clients/sso/auth0.js";import"../../../../clients/sso/oauth2.js";import"lodash/isEmpty";import"lodash/sortBy";import"../../../../constants/streamSourceType.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"@babel/runtime/helpers/typeof";import"slate";import"../../../EmptyState/EmptyState.js";import"../../../ParameterCharts/ParameterCharts.js";import"../../../ParameterCharts/AddEditTrack.js";import"../../../ChartActionsList/ChartActionsList.js";import"../../../CopyToClipboard/CopyToClipboard.js";import"../../../AssetEditor/AssetEditorAutocomplete.js";import"../../../AssetEditor/SingleAssetEditor.js";import"react-color";import"../../../SettingEditors/ColorEditor/style.css.js";import"../../../SettingEditors/DropdownEditor/index.js";import"../../../SwitchControl/index.js";import"../../../ColorPicker/ColorPicker.js";import"../../../Chart/components/ChartButton.js";import"../../../Chart/components/ChartButtons.js";import"../../../Chart/components/ChartWrapper.js";import"../../../Chart/components/AxisDropdown.js";import"../../../Chart/components/ChartSelect.js";import"../../../Chart/components/buttons/DragToZoomButton.js";import"../../../Chart/components/buttons/ZoomInButton.js";import"../../../Chart/components/buttons/ZoomOutButton.js";import"../../../Chart/components/buttons/PanButton.js";import"../../../Chart/components/buttons/ResetZoomButton.js";import"../../../Chart/components/buttons/HideAxesButton.js";import"../../../Chart/components/buttons/ChartTypeButton.js";import"../../../ColorPicker/PaletteChromePicker/PaletteChromePicker.js";import"../../../TruncatedText/index.js";import"../../../MiddleTruncatedText/MiddleTruncatedText.js";import"../../../RangeSlider/constants.js";import"../../../RangeSlider/Input.css.js";import"../../../RangeSlider/RangeSlider.css.js";import"../../../AdvancedSlider/AdvancedSlider.js";import"../../../Breadcrumbs/index.js";import"../../../VirtualizedTable/index.js";import"../../../EmptyView/EmptyView.js";import"../../../EmptyView/EmptyAppView/EmptyAppView.js";import"../../../Button/components/Button/index.js";import"moment-timezone";import"../../../Button/components/LiveButton/components/LiveButtonStateIndicator/index.js";import"../../../Button/components/LiveButton/styles.js";import"../../../ContextMenuItem/index.js";import"../../../FolderMenuItem/index.js";import"../../../EditableItem/EditableItem/index.js";import"../../../EditableItem/EditableItemWithBadge/index.js";import"../../../Checkbox/index.js";import"../../../FolderMenuItemWithLinks/index.js";import"../../../TextField/index.js";import"../../../Chip/index.js";import"../../../Counter/index.js";import"../../../AnchorsList/AnchorsList.js";import"../../../Select/index.js";import"../../../Select/SelectFilterBy.js";import"../../../CustomSelect/index.js";import"../../../Tabs/Tabs.js";import"../../../Tabs/Tab.js";import"../../../ResizableTable/ResizableTable.js";import"../../../GradientPicker/GradientPicker.js";import"../../../GradientManager/GradientList.js";import"@material-ui/icons/AddCircle";import"../../../GradientManager/GradientPreview/GradientPreview.js";import"../../../GradientManager/GradientSelect.styles.js";import"../../../GradientManager/GradientManager.styles.js";import"../../BHASchematic.js";import"../../BHATable/index.js";import K from"../../BHAComponentIcon.js";import"../../BHAComponentDetail/index.js";import"../../BHATileIcon.js";import"../../BHATile/BHATile.js";import"../../BHAList/BHAList.js";import"../BHAComponentsTable.js";import"../../../Casing/CasingTable/index.js";import"../../../Casing/CasingComponentIcon.js";import"../../../Casing/CasingTileIcon.js";import"../../../Casing/CasingTableV2/CasingTableV2.js";import"../../../Casing/CasingTile/CasingTile.js";import"../../../DisabledSettingsMessage/DisabledSettingsMessage.js";import"../../../WellSummary/WellSummaryItemLabel.js";import"../../../WellSummary/WellSummaryItemTitle.js";import"../../../WellSummary/WellSummaryItemValue.js";import"../../../WellSummary/ActivitySummaryChart.js";import"../../../WellSummary/FracWirelineTimeChart.js";import"../../../BICOffsetPickerDialog/index.js";import"../../../OffsetWellButton/OffsetWellButton.js";import"../../../OffsetWellPickerV2/OffsetWellPickerDialog.js";import"../../../OffsetWellPickerV3/index.js";import"../../../OffsetWellChips/Chip.js";import"../../../OffsetWellChips/ChipsContainer.js";import"../../../OffsetWellPickerV4/utils/apiCalls.js";import"../../../OffsetWellPickerV4/effects/useAdvancedWells.js";import"../../../OffsetWellPickerV4/constants.js";import"react-virtualized";import"../../../OffsetWellPickerV4/effects/useAssetsData.js";import"../../../OffsetWellPickerV4/components/AppHeader/AppHeader.js";import"../../../OffsetWellPickerV4/components/Toolbar/Toolbar.js";import"../../../OffsetWellPickerV4/components/Filter/Filter.js";import"../../../OffsetWellPickerV4/components/Map/WellsMap.js";import"../../../OffsetWellPickerV4/components/OffsetWellsTable/OffsetWellsTable.js";import"../../../OffsetWellPickerV4/components/OffsetWellsTable/AdvancedSearch/constants.js";import"../../../OffsetWellPickerV4/utils/index.js";import"../../../OffsetWellPickerV4/OffsetWellPickerV4.module.css.js";import"../../../../styles/typography/index.js";import"../../../../styles/counter/counter.module.scss.js";import"../../../OffsetWellMap/OffsetWellMap.js";import"@material-ui/core/Snackbar";import"../../../Notifications/Toast.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"../../../PadModeSelect/PadModeSelect.js";import"../../../PinnableFilters/PinnableFilters.js";import"../../../HeaderLayout/HeaderLayout.js";import"../../../PadOffsetsPicker/PadOffsetsPicker.js";import"../../../PadOffsetsPicker/OffsetAssetChip.js";import"../../../PadOffsetsPicker/OffsetAssetsListExpander.js";import"../../../PadOffsetsPicker/StagesSelector.js";import"../../../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"react-dropzone";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{showErrorNotification as X}from"../../../../utils/notificationToasts.js";var Q=["is_editing"];function $(e,t){var o=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);t&&(i=i.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),o.push.apply(o,i)}return o}function ee(e){for(var o=1;o<arguments.length;o++){var i=null!=arguments[o]?arguments[o]:{};o%2?$(Object(i),!0).forEach((function(o){t(e,o,i[o])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(i)):$(Object(i)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(i,t))}))}return e}function te(e){var t;return(null===(t=J.drilling.find((function(t){return t.type===e})))||void 0===t?void 0:t.name)||"—"}function oe(i){var l,J=i.isMobile,$=i.viewColumnsPerRow,oe=i.editColumnsPerRow,ie=i.component,re=i.validate,se=i.isDraft,ne=i.onCancel,me=i.onDelete,pe=i.onSave,ae=i.onChangeEditing,le=i.onAutocompleteApplied,ce=i.isDragComponent,de=r(null),je=o(de,2),ue=je[0],Ce=je[1],fe=r(!1),be=o(fe,2),ge=be[0],he=be[1],Ae=r(!1),ve=o(Ae,2),Se=ve[0],De=ve[1],Pe=r(ie),xe=o(Pe,2),ye=xe[0],Ie=xe[1],Te=r(null),Ee=o(Te,2),Be=Ee[0],we=Ee[1],Oe=r(!1),ke=o(Oe,2),Fe=ke[0],Me=ke[1],Ve=h({isMobile:J,isEditing:ye.is_editing,isDragComponent:ce});s((function(){ae&&ae(ye.is_editing)}),[ye.is_editing]);var We=function(){we(null),se?ne():Ie(ie)},Le=function(e,t){var o=A(ye,e,t),i=re(o,se);Ie(o),we(i?i.components[ye.id]:null)},Re=function(e){le&&le(!0),Ie((function(t){return ee(ee({},t),e)}))},_e=function(){var e=re(ye,se);if(e){we(e.components[ye.id]);var t=ee(ee({},m(e,["general","components","specificErrors"])),e.general);t&&!p(t)&&a(t,(function(e){X(e)}))}else we(null),he(!0)},He=function(){he(!1),Me(!1),ye.is_editing;var t=e(ye,Q);Ie(t),pe(m(t,["is_expanded"]),se)},Ne=n(Ve.cell,Ve.ratioWidth,t({},Ve.focusedFontsize,ye.is_editing||ye.is_expanded));if(ye.is_editing&&!Fe){var ze=ye.family,Ge={component:ye,isDraft:se,error:Be,onChange:Le,onUseSuggestion:Re,onCancel:We,onSave:J?He:_e,columns:oe};if(!J)return U("div",{className:Ve.component,children:[("dp"===ze||"hwdp"===ze)&&Z(T,ee({},Ge)),"agitator"===ze&&Z(S,ee({},Ge)),"bit"===ze&&Z(P,ee({},Ge)),"dc"===ze&&Z(y,ee({},Ge)),"jar"===ze&&Z(B,ee({},Ge)),"lwd"===ze&&Z(O,ee({},Ge)),"mwd"===ze&&Z(F,ee({},Ge)),"pdm"===ze&&Z(V,ee({},Ge)),"rss"===ze&&Z(L,ee({},Ge)),"stabilizer"===ze&&Z(_,ee({},Ge)),"sub"===ze&&Z(N,ee({},Ge)),"ur"===ze&&Z(G,ee({},Ge)),ge&&Z(g,{title:"Save Changes?",text:"You will not be able to recover it.",okText:"Save",handleClose:function(){return he(!1)},handleOk:He})]});Me(!0)}return U("div",{className:n(Ve.component,(l={},t(l,Ve.componentMobile,J),t(l,Ve.componentExpandedMobile,J&&ye.is_expanded),t(l,Ve.componentActive,Boolean(ue)),l)),children:[U("div",{className:n(Ve.row,t({},Ve.rowExpanded,J&&ye.is_expanded)),children:[Z("div",{className:n(Ve.cell,t({},Ve.componentMobileCell,J)),children:Z(K,{component:ye})}),Z("div",{className:Ne,children:te(ye.family)}),!J&&U(Y,{children:[Z("div",{className:Ne,children:Z(C,{value:"bit"===ye.family?ye.size:ye.outer_diameter})}),Z("div",{className:Ne,children:Z(C,{value:ye.inner_diameter})}),Z("div",{className:Ne,children:Z(C,{value:ye.linear_weight})}),Z("div",{className:Ne,children:Z(C,{value:ye.length,format:"0.0"})})]}),U("div",{className:n(Ve.cell,Ve.actionCell),children:[Z(u,{isExpanded:ye.is_expanded,classes:Ve,handleExpandCollapse:function(){Ie((function(e){return e.is_expanded?ee(ee({},e),{},{is_expanded:!1}):ee(ee({},e),{},{is_expanded:!0})}))}}),Z(f,{classes:Ve,handleOpenActionMenu:function(e){Ce(e.currentTarget)}})]})]}),ye.is_expanded&&U(Y,{children:[J&&U(c,{container:!0,spacing:2,style:{padding:"8px 4px 16px"},children:[Z(b,{label:"bit"===ye.family?"Bit Size":"OD",unit:"shortLength",value:"bit"===ye.family?ye.size:ye.outer_diameter}),"bit"!==ye.family&&Z(b,{label:"ID",unit:"shortLength",value:ie.inner_diameter}),"bit"!==ye.family&&Z(b,{label:"Linear Weight",unit:"massPerLength",value:ie.linear_weight,format:"0.0"}),Z(b,{label:"Length",unit:"length",value:ie.length,format:"0.0"})]}),("dp"===ye.family||"hwdp"===ye.family)&&Z(I,{component:ye,columns:$}),"agitator"===ye.family&&Z(v,{component:ye,columns:$}),"bit"===ye.family&&Z(D,{component:ye,columns:$}),"dc"===ye.family&&Z(x,{component:ye,columns:$}),"jar"===ye.family&&Z(E,{component:ye,columns:$}),"lwd"===ye.family&&Z(w,{component:ye,columns:$}),"mwd"===ye.family&&Z(k,{component:ye,columns:$}),"pdm"===ye.family&&Z(M,{component:ye,columns:$}),"rss"===ye.family&&Z(W,{component:ye,columns:$}),"stabilizer"===ye.family&&Z(R,{component:ye,columns:$}),"sub"===ye.family&&Z(H,{component:ye,columns:$}),"ur"===ye.family&&Z(z,{component:ye,columns:$})]}),U(d,{anchorEl:ue,keepMounted:!0,open:Boolean(ue),getContentAnchorEl:null,anchorOrigin:{vertical:"bottom",horizontal:"right"},transformOrigin:{vertical:"top",horizontal:"right"},onClose:function(){Ce(null)},children:[Z(j,{onClick:function(){Ce(null),Ie((function(e){return ee(ee({},e),{},{is_editing:!0})}))},className:Ve.menuItem,children:"Edit"}),"bit"!==ye.family&&Z(j,{onClick:function(){Ce(null),De(!0)},className:Ve.menuItem,children:"Delete"})]}),Se&&Z(g,{title:"Delete Component?",text:"You will not be able to recover it.",okText:"Delete",handleClose:function(){return De(!1)},handleOk:function(){me(ie)}}),Fe&&Z(q,{component:ye,isDraft:se,error:Be,onChange:Le,onUseSuggestion:Re,onCancel:We,onSave:_e,onClose:function(){We(),Me(!1)}}),J&&ge&&Z(g,{title:"Save Changes?",text:"You will not be able to recover it.",okText:"Save",handleClose:function(){return he(!1)},handleOk:He})]})}oe.propTypes={isMobile:l.bool.isRequired,component:l.shape({family:l.string,size:l.number,outer_diameter:l.number,inner_diameter:l.number,linear_weight:l.number,length:l.number}).isRequired,isDraft:l.bool,validate:l.func.isRequired,onCancel:l.func,onDelete:l.func,onSave:l.func.isRequired,onChangeEditing:l.func,viewColumnsPerRow:l.number.isRequired,editColumnsPerRow:l.number.isRequired,onAutocompleteApplied:l.func,isDragComponent:l.bool.isRequired},oe.defaultProps={isDraft:!1,onCancel:null,onDelete:null,onChangeEditing:void 0,onAutocompleteApplied:void 0};var ie=i(oe);export{ie as default};

package/components/Drillstring/BHAComponentsTable/components/DrillCollar/Editor.js

@@ -1 +1 @@
-import{memo as e}from"react";import{isEmpty as t}from"lodash";import o from"prop-types";import{Grid as r}from"@material-ui/core";import{CancelButton as s}from"../shared/CancelButton.js";import"../shared/ExpandCollapseButton.js";import"../shared/FormatedNumber.js";import{InputText as i}from"../shared/InputText.js";import"../shared/MoreButton.js";import{SaveButton as n}from"../shared/SaveButton.js";import{SelectField as p}from"../shared/SelectField.js";import"../shared/StaticField.js";import{SharedEditorElements as m}from"../shared/SharedEditorElements.js";import"../shared/ConfirmationPopup.js";import{useStyles as a}from"../sharedStyles.js";import{CONTAINER_XS as l}from"../constants.js";import{isMobileDetected as c}from"../../../../../utils/mobileDetect.js";import{jsxs as d,jsx as j}from"react/jsx-runtime";import"../../../../DevCenter/DevCenterAppContainer/components/IsInsideDcAppProvider/IsInsideDcAppProvider.js";import"../../../../DevCenter/DevCenterAppContainer/components/DcFullscreenElemsCoordinatorProvider/DcFullscreenElemsCoordinatorProvider.js";import"../../../../DevCenter/DevCenterAppContainer/components/DcFullscreenElemsCoordinatorProvider/IsInsideDcFullscreenElemProvider.js";import"classnames";import"../../../../../icons/WithCustomSize.js";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"../../../../IconButton/index.js";import"../../../../../constants/goals.js";import"../../../../../constants/segment.js";import"../../../../../constants/alerts.js";import"../../../../../constants/apps.js";import{DC_SUB_CATEGORIES as u,COMPONENT_MATERIALS as C}from"../../../../../constants/drillstring.js";import"../../../../../constants/completion.js";import"../../../../../constants/appPackages.js";import"../../../../../constants/notifications.js";import"../../../../../constants/feed.js";import"../../../../../constants/bha.js";import"../../../../../utils/env.js";import"../../../../GradientManager/configuration/constants.js";import"../../../../Modal/CorvaModal.css.js";import"uuid";import"../../../../IconMenu/index.js";import"../../../../StyledMenuItem/index.js";import"../../../../AppIcon/AppIcon.js";import"../../../../DevCenter/AppHeader/AppHeader.js";import"../../../../DevCenter/AppSideBar/AppSideBar.js";import"../../../../DevCenter/AppsDataProvider/AppsDataProvider.js";import"@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"../../../../DevCenter/DevCenterAppContainer/components/NonPriorityMenus/NonPriorityMenus.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"../../../../DevCenter/DevCenterAppContainer/components/PriorityMenus/PriorityMenus.css.js";import"rollbar";import"@rollbar/react";import"../../../../DevCenter/DevCenterAppContainer/DevCenterAppContainer.css.js";import"../../../../Icons/AnnotationIcon.js";import"../../../../Annotations/components/AnnotationsList/index.js";import"../../../../Annotations/components/LastAnnotation/index.js";import"../../../../Annotations/AnnotationsContext.js";import"../../../../Toaster/Toaster.js";import"querystring";import"uuid/v1";import"../../../../../clients/subscriptions.js";import"../../../../../clients/jsonApi/index.js";import"jsona";import"../../../../StatusBadge/constants.js";import"@babel/runtime/helpers/toConsumableArray";import"lodash/set";import"lodash/get";import"lodash/unset";import"moment";import"../../../../../clients/api/apiCore.js";import"../../../../../clients/constants.js";import"../../../../../clients/sso/auth0.js";import"../../../../../clients/sso/oauth2.js";import"lodash/isEmpty";import"lodash/sortBy";import"../../../../../constants/streamSourceType.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"@babel/runtime/helpers/typeof";import"slate";import"../../../../EmptyState/EmptyState.js";import"../../../../ParameterCharts/ParameterCharts.js";import"../../../../ParameterCharts/AddEditTrack.js";import"../../../../ChartActionsList/ChartActionsList.js";import"../../../../CopyToClipboard/CopyToClipboard.js";import"../../../../AssetEditor/AssetEditorAutocomplete.js";import"../../../../AssetEditor/SingleAssetEditor.js";import"react-color";import"../../../../SettingEditors/ColorEditor/style.css.js";import"../../../../SettingEditors/DropdownEditor/index.js";import"../../../../SwitchControl/index.js";import"../../../../ColorPicker/ColorPicker.js";import"../../../../Chart/components/ChartButton.js";import"../../../../Chart/components/ChartButtons.js";import"../../../../Chart/components/ChartWrapper.js";import"../../../../Chart/components/AxisDropdown.js";import"../../../../Chart/components/ChartSelect.js";import"../../../../Chart/components/buttons/DragToZoomButton.js";import"../../../../Chart/components/buttons/ZoomInButton.js";import"../../../../Chart/components/buttons/ZoomOutButton.js";import"../../../../Chart/components/buttons/PanButton.js";import"../../../../Chart/components/buttons/ResetZoomButton.js";import"../../../../Chart/components/buttons/HideAxesButton.js";import"../../../../Chart/components/buttons/ChartTypeButton.js";import"../../../../ColorPicker/PaletteChromePicker/PaletteChromePicker.js";import"../../../../TruncatedText/index.js";import"../../../../MiddleTruncatedText/MiddleTruncatedText.js";import"../../../../RangeSlider/constants.js";import"../../../../RangeSlider/Input.css.js";import"../../../../RangeSlider/RangeSlider.css.js";import"../../../../AdvancedSlider/AdvancedSlider.js";import"../../../../Breadcrumbs/index.js";import"../../../../VirtualizedTable/index.js";import"../../../../EmptyView/EmptyView.js";import"../../../../EmptyView/EmptyAppView/EmptyAppView.js";import"../../../../Button/components/Button/index.js";import"moment-timezone";import"../../../../Button/components/LiveButton/components/LiveButtonStateIndicator/index.js";import"../../../../Button/components/LiveButton/styles.js";import"../../../../ContextMenuItem/index.js";import"../../../../FolderMenuItem/index.js";import"../../../../EditableItem/EditableItem/index.js";import"../../../../EditableItem/EditableItemWithBadge/index.js";import"../../../../Checkbox/index.js";import"../../../../FolderMenuItemWithLinks/index.js";import"../../../../TextField/index.js";import"../../../../Chip/index.js";import"../../../../Counter/index.js";import"../../../../AnchorsList/AnchorsList.js";import"../../../../Select/index.js";import"../../../../Select/SelectFilterBy.js";import"../../../../CustomSelect/index.js";import"../../../../Tabs/Tabs.js";import"../../../../Tabs/Tab.js";import"../../../../ResizableTable/ResizableTable.js";import"../../../../GradientPicker/GradientPicker.js";import"../../../../GradientManager/GradientList.js";import"@material-ui/icons/AddCircle";import"../../../../GradientManager/GradientPreview/GradientPreview.js";import"../../../../GradientManager/GradientSelect.styles.js";import"../../../../GradientManager/GradientManager.styles.js";import"../../../BHASchematic.js";import"../../../BHATable/index.js";import A from"../../../BHAComponentIcon.js";import"../../../BHAComponentDetail/index.js";import"../../../BHATileIcon.js";import"../../../BHATile/BHATile.js";import"../../../BHAList/BHAList.js";import"../../BHAComponentsTable.js";import"../../../../Casing/CasingTable/index.js";import"../../../../Casing/CasingComponentIcon.js";import"../../../../Casing/CasingTileIcon.js";import"../../../../Casing/CasingTableV2/CasingTableV2.js";import"../../../../Casing/CasingTile/CasingTile.js";import"../../../../DisabledSettingsMessage/DisabledSettingsMessage.js";import"../../../../WellSummary/WellSummaryItemLabel.js";import"../../../../WellSummary/WellSummaryItemTitle.js";import"../../../../WellSummary/WellSummaryItemValue.js";import"../../../../WellSummary/ActivitySummaryChart.js";import"../../../../WellSummary/FracWirelineTimeChart.js";import"../../../../BICOffsetPickerDialog/index.js";import"../../../../OffsetWellButton/OffsetWellButton.js";import"../../../../OffsetWellPickerV2/OffsetWellPickerDialog.js";import"../../../../OffsetWellPickerV3/index.js";import"../../../../OffsetWellChips/Chip.js";import"../../../../OffsetWellChips/ChipsContainer.js";import"../../../../OffsetWellPickerV4/utils/apiCalls.js";import"../../../../OffsetWellPickerV4/effects/useAdvancedWells.js";import"../../../../OffsetWellPickerV4/constants.js";import"react-virtualized";import"../../../../OffsetWellPickerV4/effects/useAssetsData.js";import"../../../../OffsetWellPickerV4/components/AppHeader/AppHeader.js";import"../../../../OffsetWellPickerV4/components/Toolbar/Toolbar.js";import"../../../../OffsetWellPickerV4/components/Filter/Filter.js";import"../../../../OffsetWellPickerV4/components/Map/WellsMap.js";import"../../../../OffsetWellPickerV4/components/OffsetWellsTable/OffsetWellsTable.js";import"../../../../OffsetWellPickerV4/components/OffsetWellsTable/AdvancedSearch/constants.js";import"../../../../OffsetWellPickerV4/utils/index.js";import"../../../../OffsetWellPickerV4/OffsetWellPickerV4.module.css.js";import"../../../../../styles/typography/index.js";import"../../../../../styles/counter/counter.module.scss.js";import"../../../../OffsetWellMap/OffsetWellMap.js";import"@material-ui/core/Snackbar";import"../../../../Notifications/Toast.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"../../../../PadModeSelect/PadModeSelect.js";import"../../../../PinnableFilters/PinnableFilters.js";import"../../../../HeaderLayout/HeaderLayout.js";import"../../../../PadOffsetsPicker/PadOffsetsPicker.js";import"../../../../PadOffsetsPicker/OffsetAssetChip.js";import"../../../../PadOffsetsPicker/OffsetAssetsListExpander.js";import"../../../../PadOffsetsPicker/StagesSelector.js";import"../../../../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"react-dropzone";import"../../../../FilesDropzone/styles.js";import"../../../../FilesProcessor/styles.js";import"../../../../Hint/styles.js";function h(e){var o=e.component,h=e.error,b=e.onChange,g=e.onCancel,f=e.onSave,S=e.columns,v=a({isMobile:c}),P=c?l/2:l/S,D=function(e){return h&&h[e]};return d(r,{container:!0,spacing:0,className:v.editorContainer,children:[!c&&j(r,{item:!0,className:v.editorComponentSize,children:j(A,{component:o})}),j(r,{item:!0,className:v.eidtorContentContainer,children:d(r,{container:!0,spacing:2,children:[j(m,{component:o,getError:D,onChange:b}),j(i,{type:"name",label:"Name",value:o.name,error:D("name"),xs:P,onChangeField:b}),j(p,{type:"sub_category",options:u,label:"Sub Category",value:o.sub_category,error:D("sub_category"),xs:P,onChangeField:b}),j(i,{type:"number_of_joints",label:"# of Joints",value:o.number_of_joints,error:D("number_of_joints"),xs:P,onChangeField:b}),j(i,{type:"component_length",label:"Component Length",unit:"length",value:o.component_length,error:D("component_length"),xs:P,onChangeField:b}),j(i,{type:"weight",label:"T.Weight",unit:"mass",value:o.weight,error:D("weight"),disabled:!0,xs:P,onChangeField:b}),j(i,{type:"connection_type",label:"Connection Type",value:o.connection_type,error:D("connection_type"),xs:P,onChangeField:b}),j(p,{type:"material",options:C,label:"Material",value:o.material,error:D("material"),xs:P,onChangeField:b})]})}),!c&&d(r,{item:!0,className:v.eidtorActionGroup,children:[j(s,{handleCancel:g}),j(n,{handleSave:f,disabled:!t(h)})]})]})}h.propTypes={component:o.shape({sub_category:o.string,component_length:o.number,name:o.string,number_of_joints:o.number,weight:o.number,connection_type:o.string,material:o.string}).isRequired,error:o.shape({}),onChange:o.func.isRequired,onCancel:o.func.isRequired,onSave:o.func.isRequired,columns:o.number.isRequired},h.defaultProps={error:null};var b=e(h);export{b as default};
+import{memo as e}from"react";import{isEmpty as t}from"lodash";import o from"prop-types";import{Grid as r}from"@material-ui/core";import{CancelButton as s}from"../shared/CancelButton.js";import"../shared/ExpandCollapseButton.js";import"../shared/FormatedNumber.js";import{InputText as i}from"../shared/InputText.js";import"../shared/MoreButton.js";import{SaveButton as n}from"../shared/SaveButton.js";import{SelectField as p}from"../shared/SelectField.js";import"../shared/StaticField.js";import{SharedEditorElements as m}from"../shared/SharedEditorElements.js";import"../shared/ConfirmationPopup.js";import{useStyles as a}from"../sharedStyles.js";import{CONTAINER_XS as l}from"../constants.js";import{isMobileDetected as c}from"../../../../../utils/mobileDetect.js";import{jsxs as d,jsx as j}from"react/jsx-runtime";import"../../../../DevCenter/DevCenterAppContainer/components/IsInsideDcAppProvider/IsInsideDcAppProvider.js";import"../../../../DevCenter/DevCenterAppContainer/components/DcFullscreenElemsCoordinatorProvider/DcFullscreenElemsCoordinatorProvider.js";import"../../../../DevCenter/DevCenterAppContainer/components/DcFullscreenElemsCoordinatorProvider/IsInsideDcFullscreenElemProvider.js";import"classnames";import"../../../../../icons/WithCustomSize.js";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"../../../../IconButton/index.js";import"../../../../../constants/goals.js";import"../../../../../constants/segment.js";import"../../../../../constants/alerts.js";import"../../../../../constants/apps.js";import{DC_SUB_CATEGORIES as u,COMPONENT_MATERIALS as C}from"../../../../../constants/drillstring.js";import"../../../../../constants/completion.js";import"../../../../../constants/appPackages.js";import"../../../../../constants/notifications.js";import"../../../../../constants/feed.js";import"../../../../../constants/bha.js";import"../../../../../utils/env.js";import"../../../../GradientManager/configuration/constants.js";import"../../../../Modal/CorvaModal.css.js";import"uuid";import"../../../../IconMenu/index.js";import"../../../../StyledMenuItem/index.js";import"../../../../AppIcon/AppIcon.js";import"../../../../DevCenter/AppHeader/AppHeader.js";import"../../../../DevCenter/AppSideBar/AppSideBar.js";import"../../../../DevCenter/AppsDataProvider/AppsDataProvider.js";import"@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"../../../../DevCenter/DevCenterAppContainer/components/NonPriorityMenus/NonPriorityMenus.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"../../../../DevCenter/DevCenterAppContainer/components/PriorityMenus/PriorityMenus.css.js";import"rollbar";import"@rollbar/react";import"../../../../DevCenter/DevCenterAppContainer/DevCenterAppContainer.css.js";import"../../../../Icons/AnnotationIcon.js";import"../../../../Annotations/components/AnnotationsList/index.js";import"../../../../Annotations/components/LastAnnotation/index.js";import"../../../../Annotations/AnnotationsContext.js";import"../../../../Toaster/Toaster.js";import"querystring";import"uuid/v1";import"../../../../../clients/subscriptions.js";import"../../../../../clients/jsonApi/index.js";import"jsona";import"../../../../StatusBadge/constants.js";import"@babel/runtime/helpers/toConsumableArray";import"lodash/set";import"lodash/get";import"lodash/unset";import"moment";import"../../../../../clients/api/apiCore.js";import"../../../../../clients/constants.js";import"../../../../../clients/sso/auth0.js";import"../../../../../clients/sso/oauth2.js";import"lodash/isEmpty";import"lodash/sortBy";import"../../../../../constants/streamSourceType.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"@babel/runtime/helpers/typeof";import"slate";import"../../../../EmptyState/EmptyState.js";import"../../../../ParameterCharts/ParameterCharts.js";import"../../../../ParameterCharts/AddEditTrack.js";import"../../../../ChartActionsList/ChartActionsList.js";import"../../../../CopyToClipboard/CopyToClipboard.js";import"../../../../AssetEditor/AssetEditorAutocomplete.js";import"../../../../AssetEditor/SingleAssetEditor.js";import"react-color";import"../../../../SettingEditors/ColorEditor/style.css.js";import"../../../../SettingEditors/DropdownEditor/index.js";import"../../../../SwitchControl/index.js";import"../../../../ColorPicker/ColorPicker.js";import"../../../../Chart/components/ChartButton.js";import"../../../../Chart/components/ChartButtons.js";import"../../../../Chart/components/ChartWrapper.js";import"../../../../Chart/components/AxisDropdown.js";import"../../../../Chart/components/ChartSelect.js";import"../../../../Chart/components/buttons/DragToZoomButton.js";import"../../../../Chart/components/buttons/ZoomInButton.js";import"../../../../Chart/components/buttons/ZoomOutButton.js";import"../../../../Chart/components/buttons/PanButton.js";import"../../../../Chart/components/buttons/ResetZoomButton.js";import"../../../../Chart/components/buttons/HideAxesButton.js";import"../../../../Chart/components/buttons/ChartTypeButton.js";import"../../../../ColorPicker/PaletteChromePicker/PaletteChromePicker.js";import"../../../../TruncatedText/index.js";import"../../../../MiddleTruncatedText/MiddleTruncatedText.js";import"../../../../RangeSlider/constants.js";import"../../../../RangeSlider/Input.css.js";import"../../../../RangeSlider/RangeSlider.css.js";import"../../../../AdvancedSlider/AdvancedSlider.js";import"../../../../Breadcrumbs/index.js";import"../../../../VirtualizedTable/index.js";import"../../../../EmptyView/EmptyView.js";import"../../../../EmptyView/EmptyAppView/EmptyAppView.js";import"../../../../Button/components/Button/index.js";import"moment-timezone";import"../../../../Button/components/LiveButton/components/LiveButtonStateIndicator/index.js";import"../../../../Button/components/LiveButton/styles.js";import"../../../../ContextMenuItem/index.js";import"../../../../FolderMenuItem/index.js";import"../../../../EditableItem/EditableItem/index.js";import"../../../../EditableItem/EditableItemWithBadge/index.js";import"../../../../Checkbox/index.js";import"../../../../FolderMenuItemWithLinks/index.js";import"../../../../TextField/index.js";import"../../../../Chip/index.js";import"../../../../Counter/index.js";import"../../../../AnchorsList/AnchorsList.js";import"../../../../Select/index.js";import"../../../../Select/SelectFilterBy.js";import"../../../../CustomSelect/index.js";import"../../../../Tabs/Tabs.js";import"../../../../Tabs/Tab.js";import"../../../../ResizableTable/ResizableTable.js";import"../../../../GradientPicker/GradientPicker.js";import"../../../../GradientManager/GradientList.js";import"@material-ui/icons/AddCircle";import"../../../../GradientManager/GradientPreview/GradientPreview.js";import"../../../../GradientManager/GradientSelect.styles.js";import"../../../../GradientManager/GradientManager.styles.js";import"../../../BHASchematic.js";import"../../../BHATable/index.js";import A from"../../../BHAComponentIcon.js";import"../../../BHAComponentDetail/index.js";import"../../../BHATileIcon.js";import"../../../BHATile/BHATile.js";import"../../../BHAList/BHAList.js";import"../../BHAComponentsTable.js";import"../../../../Casing/CasingTable/index.js";import"../../../../Casing/CasingComponentIcon.js";import"../../../../Casing/CasingTileIcon.js";import"../../../../Casing/CasingTableV2/CasingTableV2.js";import"../../../../Casing/CasingTile/CasingTile.js";import"../../../../DisabledSettingsMessage/DisabledSettingsMessage.js";import"../../../../WellSummary/WellSummaryItemLabel.js";import"../../../../WellSummary/WellSummaryItemTitle.js";import"../../../../WellSummary/WellSummaryItemValue.js";import"../../../../WellSummary/ActivitySummaryChart.js";import"../../../../WellSummary/FracWirelineTimeChart.js";import"../../../../BICOffsetPickerDialog/index.js";import"../../../../OffsetWellButton/OffsetWellButton.js";import"../../../../OffsetWellPickerV2/OffsetWellPickerDialog.js";import"../../../../OffsetWellPickerV3/index.js";import"../../../../OffsetWellChips/Chip.js";import"../../../../OffsetWellChips/ChipsContainer.js";import"../../../../OffsetWellPickerV4/utils/apiCalls.js";import"../../../../OffsetWellPickerV4/effects/useAdvancedWells.js";import"../../../../OffsetWellPickerV4/constants.js";import"react-virtualized";import"../../../../OffsetWellPickerV4/effects/useAssetsData.js";import"../../../../OffsetWellPickerV4/components/AppHeader/AppHeader.js";import"../../../../OffsetWellPickerV4/components/Toolbar/Toolbar.js";import"../../../../OffsetWellPickerV4/components/Filter/Filter.js";import"../../../../OffsetWellPickerV4/components/Map/WellsMap.js";import"../../../../OffsetWellPickerV4/components/OffsetWellsTable/OffsetWellsTable.js";import"../../../../OffsetWellPickerV4/components/OffsetWellsTable/AdvancedSearch/constants.js";import"../../../../OffsetWellPickerV4/utils/index.js";import"../../../../OffsetWellPickerV4/OffsetWellPickerV4.module.css.js";import"../../../../../styles/typography/index.js";import"../../../../../styles/counter/counter.module.scss.js";import"../../../../OffsetWellMap/OffsetWellMap.js";import"@material-ui/core/Snackbar";import"../../../../Notifications/Toast.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"../../../../PadModeSelect/PadModeSelect.js";import"../../../../PinnableFilters/PinnableFilters.js";import"../../../../HeaderLayout/HeaderLayout.js";import"../../../../PadOffsetsPicker/PadOffsetsPicker.js";import"../../../../PadOffsetsPicker/OffsetAssetChip.js";import"../../../../PadOffsetsPicker/OffsetAssetsListExpander.js";import"../../../../PadOffsetsPicker/StagesSelector.js";import"../../../../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"react-dropzone";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";function g(e){var o=e.component,g=e.error,b=e.onChange,h=e.onCancel,f=e.onSave,S=e.columns,v=a({isMobile:c}),P=c?l/2:l/S,D=function(e){return g&&g[e]};return d(r,{container:!0,spacing:0,className:v.editorContainer,children:[!c&&j(r,{item:!0,className:v.editorComponentSize,children:j(A,{component:o})}),j(r,{item:!0,className:v.eidtorContentContainer,children:d(r,{container:!0,spacing:2,children:[j(m,{component:o,getError:D,onChange:b}),j(i,{type:"name",label:"Name",value:o.name,error:D("name"),xs:P,onChangeField:b}),j(p,{type:"sub_category",options:u,label:"Sub Category",value:o.sub_category,error:D("sub_category"),xs:P,onChangeField:b}),j(i,{type:"number_of_joints",label:"# of Joints",value:o.number_of_joints,error:D("number_of_joints"),xs:P,onChangeField:b}),j(i,{type:"component_length",label:"Component Length",unit:"length",value:o.component_length,error:D("component_length"),xs:P,onChangeField:b}),j(i,{type:"weight",label:"T.Weight",unit:"mass",value:o.weight,error:D("weight"),disabled:!0,xs:P,onChangeField:b}),j(i,{type:"connection_type",label:"Connection Type",value:o.connection_type,error:D("connection_type"),xs:P,onChangeField:b}),j(p,{type:"material",options:C,label:"Material",value:o.material,error:D("material"),xs:P,onChangeField:b})]})}),!c&&d(r,{item:!0,className:v.eidtorActionGroup,children:[j(s,{handleCancel:h}),j(n,{handleSave:f,disabled:!t(g)})]})]})}g.propTypes={component:o.shape({sub_category:o.string,component_length:o.number,name:o.string,number_of_joints:o.number,weight:o.number,connection_type:o.string,material:o.string}).isRequired,error:o.shape({}),onChange:o.func.isRequired,onCancel:o.func.isRequired,onSave:o.func.isRequired,columns:o.number.isRequired},g.defaultProps={error:null};var b=e(g);export{b as default};

package/components/Drillstring/BHAComponentsTable/components/DrillPipe/Editor.js

@@ -1 +1 @@
-import{memo as e,useMemo as t}from"react";import{isEmpty as o}from"lodash";import r from"prop-types";import{Grid as i}from"@material-ui/core";import{useStyles as s}from"../sharedStyles.js";import{CancelButton as n}from"../shared/CancelButton.js";import"../shared/ExpandCollapseButton.js";import"../shared/FormatedNumber.js";import{InputText as p}from"../shared/InputText.js";import"../shared/MoreButton.js";import{SaveButton as m}from"../shared/SaveButton.js";import{SelectField as a}from"../shared/SelectField.js";import"../shared/StaticField.js";import{SharedEditorElements as l}from"../shared/SharedEditorElements.js";import"../shared/ConfirmationPopup.js";import{DP_SUGGESTION_COLUMNS as c,CONTAINER_XS as d}from"../constants.js";import j from"../Suggestions/Suggestions.js";import{DP_DETAIL_VALUE_LIST as u,HWDP_DETAIL_VALUE_LIST as C,COMPONENT_GRADES as g,COMPONENT_CLASSES as A,COMPONENT_MATERIALS as h}from"../../../../../constants/drillstring.js";import{jsxs as b,jsx as f}from"react/jsx-runtime";import"../../../../DevCenter/DevCenterAppContainer/components/IsInsideDcAppProvider/IsInsideDcAppProvider.js";import"../../../../DevCenter/DevCenterAppContainer/components/DcFullscreenElemsCoordinatorProvider/DcFullscreenElemsCoordinatorProvider.js";import"../../../../DevCenter/DevCenterAppContainer/components/DcFullscreenElemsCoordinatorProvider/IsInsideDcFullscreenElemProvider.js";import"classnames";import"../../../../../icons/WithCustomSize.js";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{isMobileDetected as v}from"../../../../../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/completion.js";import"../../../../../constants/appPackages.js";import"../../../../../constants/notifications.js";import"../../../../../constants/feed.js";import"../../../../../constants/bha.js";import"../../../../../utils/env.js";import"../../../../GradientManager/configuration/constants.js";import"../../../../Modal/CorvaModal.css.js";import"uuid";import"../../../../IconMenu/index.js";import"../../../../StyledMenuItem/index.js";import"../../../../AppIcon/AppIcon.js";import"../../../../DevCenter/AppHeader/AppHeader.js";import"../../../../DevCenter/AppSideBar/AppSideBar.js";import"../../../../DevCenter/AppsDataProvider/AppsDataProvider.js";import"@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"../../../../DevCenter/DevCenterAppContainer/components/NonPriorityMenus/NonPriorityMenus.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"../../../../DevCenter/DevCenterAppContainer/components/PriorityMenus/PriorityMenus.css.js";import"rollbar";import"@rollbar/react";import"../../../../DevCenter/DevCenterAppContainer/DevCenterAppContainer.css.js";import"../../../../Icons/AnnotationIcon.js";import"../../../../Annotations/components/AnnotationsList/index.js";import"../../../../Annotations/components/LastAnnotation/index.js";import"../../../../Annotations/AnnotationsContext.js";import"../../../../Toaster/Toaster.js";import"querystring";import"uuid/v1";import"../../../../../clients/subscriptions.js";import"../../../../../clients/jsonApi/index.js";import"jsona";import"../../../../StatusBadge/constants.js";import"@babel/runtime/helpers/toConsumableArray";import"lodash/set";import"lodash/get";import"lodash/unset";import"moment";import"../../../../../clients/api/apiCore.js";import"../../../../../clients/constants.js";import"../../../../../clients/sso/auth0.js";import"../../../../../clients/sso/oauth2.js";import"lodash/isEmpty";import"lodash/sortBy";import"../../../../../constants/streamSourceType.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"@babel/runtime/helpers/typeof";import"slate";import"../../../../EmptyState/EmptyState.js";import"../../../../ParameterCharts/ParameterCharts.js";import"../../../../ParameterCharts/AddEditTrack.js";import"../../../../ChartActionsList/ChartActionsList.js";import"../../../../CopyToClipboard/CopyToClipboard.js";import"../../../../AssetEditor/AssetEditorAutocomplete.js";import"../../../../AssetEditor/SingleAssetEditor.js";import"react-color";import"../../../../SettingEditors/ColorEditor/style.css.js";import"../../../../SettingEditors/DropdownEditor/index.js";import"../../../../SwitchControl/index.js";import"../../../../ColorPicker/ColorPicker.js";import"../../../../Chart/components/ChartButton.js";import"../../../../Chart/components/ChartButtons.js";import"../../../../Chart/components/ChartWrapper.js";import"../../../../Chart/components/AxisDropdown.js";import"../../../../Chart/components/ChartSelect.js";import"../../../../Chart/components/buttons/DragToZoomButton.js";import"../../../../Chart/components/buttons/ZoomInButton.js";import"../../../../Chart/components/buttons/ZoomOutButton.js";import"../../../../Chart/components/buttons/PanButton.js";import"../../../../Chart/components/buttons/ResetZoomButton.js";import"../../../../Chart/components/buttons/HideAxesButton.js";import"../../../../Chart/components/buttons/ChartTypeButton.js";import"../../../../ColorPicker/PaletteChromePicker/PaletteChromePicker.js";import"../../../../TruncatedText/index.js";import"../../../../MiddleTruncatedText/MiddleTruncatedText.js";import"../../../../RangeSlider/constants.js";import"../../../../RangeSlider/Input.css.js";import"../../../../RangeSlider/RangeSlider.css.js";import"../../../../AdvancedSlider/AdvancedSlider.js";import"../../../../Breadcrumbs/index.js";import"../../../../VirtualizedTable/index.js";import"../../../../EmptyView/EmptyView.js";import"../../../../EmptyView/EmptyAppView/EmptyAppView.js";import"../../../../Button/components/Button/index.js";import"moment-timezone";import"../../../../Button/components/LiveButton/components/LiveButtonStateIndicator/index.js";import"../../../../Button/components/LiveButton/styles.js";import"../../../../ContextMenuItem/index.js";import"../../../../FolderMenuItem/index.js";import"../../../../EditableItem/EditableItem/index.js";import"../../../../EditableItem/EditableItemWithBadge/index.js";import"../../../../Checkbox/index.js";import"../../../../FolderMenuItemWithLinks/index.js";import"../../../../TextField/index.js";import"../../../../Chip/index.js";import"../../../../Counter/index.js";import"../../../../AnchorsList/AnchorsList.js";import"../../../../Select/index.js";import"../../../../Select/SelectFilterBy.js";import"../../../../CustomSelect/index.js";import"../../../../Tabs/Tabs.js";import"../../../../Tabs/Tab.js";import"../../../../ResizableTable/ResizableTable.js";import"../../../../GradientPicker/GradientPicker.js";import"../../../../GradientManager/GradientList.js";import"@material-ui/icons/AddCircle";import"../../../../GradientManager/GradientPreview/GradientPreview.js";import"../../../../GradientManager/GradientSelect.styles.js";import"../../../../GradientManager/GradientManager.styles.js";import"../../../BHASchematic.js";import"../../../BHATable/index.js";import S from"../../../BHAComponentIcon.js";import"../../../BHAComponentDetail/index.js";import"../../../BHATileIcon.js";import"../../../BHATile/BHATile.js";import"../../../BHAList/BHAList.js";import"../../BHAComponentsTable.js";import"../../../../Casing/CasingTable/index.js";import"../../../../Casing/CasingComponentIcon.js";import"../../../../Casing/CasingTileIcon.js";import"../../../../Casing/CasingTableV2/CasingTableV2.js";import"../../../../Casing/CasingTile/CasingTile.js";import"../../../../DisabledSettingsMessage/DisabledSettingsMessage.js";import"../../../../WellSummary/WellSummaryItemLabel.js";import"../../../../WellSummary/WellSummaryItemTitle.js";import"../../../../WellSummary/WellSummaryItemValue.js";import"../../../../WellSummary/ActivitySummaryChart.js";import"../../../../WellSummary/FracWirelineTimeChart.js";import"../../../../BICOffsetPickerDialog/index.js";import"../../../../OffsetWellButton/OffsetWellButton.js";import"../../../../OffsetWellPickerV2/OffsetWellPickerDialog.js";import"../../../../OffsetWellPickerV3/index.js";import"../../../../OffsetWellChips/Chip.js";import"../../../../OffsetWellChips/ChipsContainer.js";import"../../../../OffsetWellPickerV4/utils/apiCalls.js";import"../../../../OffsetWellPickerV4/effects/useAdvancedWells.js";import"../../../../OffsetWellPickerV4/constants.js";import"react-virtualized";import"../../../../OffsetWellPickerV4/effects/useAssetsData.js";import"../../../../OffsetWellPickerV4/components/AppHeader/AppHeader.js";import"../../../../OffsetWellPickerV4/components/Toolbar/Toolbar.js";import"../../../../OffsetWellPickerV4/components/Filter/Filter.js";import"../../../../OffsetWellPickerV4/components/Map/WellsMap.js";import"../../../../OffsetWellPickerV4/components/OffsetWellsTable/OffsetWellsTable.js";import"../../../../OffsetWellPickerV4/components/OffsetWellsTable/AdvancedSearch/constants.js";import"../../../../OffsetWellPickerV4/utils/index.js";import"../../../../OffsetWellPickerV4/OffsetWellPickerV4.module.css.js";import"../../../../../styles/typography/index.js";import"../../../../../styles/counter/counter.module.scss.js";import"../../../../OffsetWellMap/OffsetWellMap.js";import"@material-ui/core/Snackbar";import"../../../../Notifications/Toast.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"../../../../PadModeSelect/PadModeSelect.js";import"../../../../PinnableFilters/PinnableFilters.js";import"../../../../HeaderLayout/HeaderLayout.js";import"../../../../PadOffsetsPicker/PadOffsetsPicker.js";import"../../../../PadOffsetsPicker/OffsetAssetChip.js";import"../../../../PadOffsetsPicker/OffsetAssetsListExpander.js";import"../../../../PadOffsetsPicker/StagesSelector.js";import"../../../../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"react-dropzone";import"../../../../FilesDropzone/styles.js";import"../../../../FilesProcessor/styles.js";import"../../../../Hint/styles.js";function P(e){var r=e.component,P=e.error,D=e.onChange,x=e.onUseSuggestion,y=e.onCancel,T=e.onSave,I=e.columns,B=s({isMobile:v}),E=v?d/2:d/I,F=function(e){return P&&P[e]},k=t((function(){var e="dp"===r.family?u:C;return r.outer_diameter?e.filter((function(e){return e.outer_diameter===parseFloat(r.outer_diameter)})):[]}),[r.family,r.outer_diameter]);return b(i,{container:!0,spacing:0,className:B.editorContainer,children:[!v&&f(i,{item:!0,className:B.editorComponentSize,children:f(S,{component:r})}),f(i,{item:!0,className:B.eidtorContentContainer,children:b(i,{container:!0,spacing:2,children:[f(l,{component:r,getError:F,onChange:D}),k.length>0&&f(j,{data:k,allData:"dp"===r.family?u:C,columns:c,displayKeys:["connection_type"],descriptionKeys:["outer_diameter","inner_diameter","grade"],onSelect:function(e){x(e)}}),f(p,{type:"name",label:"Name",value:r.name,error:F("name"),xs:E,onChangeField:D}),f(p,{type:"number_of_joints",label:"# of Joints",value:r.number_of_joints,error:F("number_of_joints"),xs:E,onChangeField:D}),f(p,{type:"component_length",label:"Component Length",unit:"length",value:r.component_length,error:F("component_length"),xs:E,onChangeField:D}),f(p,{type:"weight",label:"T.Weight",unit:"mass",value:r.weight,error:F("weight"),disabled:!0,xs:E,onChangeField:D}),f(a,{type:"grade",options:g,label:"Grade",value:r.grade,error:F("grade"),xs:E,onChangeField:D}),f(p,{type:"outer_diameter_tooljoint",label:"TJ OD",unit:"shortLength",value:r.outer_diameter_tooljoint,error:F("outer_diameter_tooljoint"),xs:E,onChangeField:D}),f(p,{type:"inner_diameter_tooljoint",label:"TJ ID",unit:"shortLength",value:r.inner_diameter_tooljoint,error:F("inner_diameter_tooljoint"),xs:E,onChangeField:D}),f(p,{type:"length_tooljoint",label:"TJ Length Per Joint",unit:"length",value:r.length_tooljoint,error:F("length_tooljoint"),xs:E,onChangeField:D}),f(p,{type:"connection_type",label:"Connection Type",value:r.connection_type,error:F("connection_type"),xs:E,onChangeField:D}),f(a,{type:"class",options:A,label:"Class",value:r.class,error:F("class"),xs:E,onChangeField:D}),f(a,{type:"material",options:h,label:"Material",value:r.material,error:F("material"),xs:E,onChangeField:D})]})}),!v&&b(i,{item:!0,className:B.eidtorActionGroup,children:[f(n,{handleCancel:y}),f(m,{handleSave:T,disabled:!o(P)})]})]})}P.propTypes={component:r.shape({family:r.string,outer_diameter:r.number,component_length:r.number,name:r.string,number_of_joints:r.number,weight:r.number,connection_type:r.string,grade:r.string,class:r.string,material:r.string,outer_diameter_tooljoint:r.number,inner_diameter_tooljoint:r.number,length_tooljoint:r.number}).isRequired,error:r.shape({}),onChange:r.func.isRequired,onUseSuggestion:r.func.isRequired,onCancel:r.func.isRequired,onSave:r.func.isRequired,columns:r.number.isRequired},P.defaultProps={error:null};var D=e(P);export{D as default};
+import{memo as e,useMemo as t}from"react";import{isEmpty as o}from"lodash";import r from"prop-types";import{Grid as i}from"@material-ui/core";import{useStyles as s}from"../sharedStyles.js";import{CancelButton as n}from"../shared/CancelButton.js";import"../shared/ExpandCollapseButton.js";import"../shared/FormatedNumber.js";import{InputText as p}from"../shared/InputText.js";import"../shared/MoreButton.js";import{SaveButton as m}from"../shared/SaveButton.js";import{SelectField as a}from"../shared/SelectField.js";import"../shared/StaticField.js";import{SharedEditorElements as l}from"../shared/SharedEditorElements.js";import"../shared/ConfirmationPopup.js";import{DP_SUGGESTION_COLUMNS as c,CONTAINER_XS as d}from"../constants.js";import j from"../Suggestions/Suggestions.js";import{DP_DETAIL_VALUE_LIST as u,HWDP_DETAIL_VALUE_LIST as C,COMPONENT_GRADES as g,COMPONENT_CLASSES as h,COMPONENT_MATERIALS as A}from"../../../../../constants/drillstring.js";import{jsxs as b,jsx as f}from"react/jsx-runtime";import"../../../../DevCenter/DevCenterAppContainer/components/IsInsideDcAppProvider/IsInsideDcAppProvider.js";import"../../../../DevCenter/DevCenterAppContainer/components/DcFullscreenElemsCoordinatorProvider/DcFullscreenElemsCoordinatorProvider.js";import"../../../../DevCenter/DevCenterAppContainer/components/DcFullscreenElemsCoordinatorProvider/IsInsideDcFullscreenElemProvider.js";import"classnames";import"../../../../../icons/WithCustomSize.js";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{isMobileDetected as S}from"../../../../../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/completion.js";import"../../../../../constants/appPackages.js";import"../../../../../constants/notifications.js";import"../../../../../constants/feed.js";import"../../../../../constants/bha.js";import"../../../../../utils/env.js";import"../../../../GradientManager/configuration/constants.js";import"../../../../Modal/CorvaModal.css.js";import"uuid";import"../../../../IconMenu/index.js";import"../../../../StyledMenuItem/index.js";import"../../../../AppIcon/AppIcon.js";import"../../../../DevCenter/AppHeader/AppHeader.js";import"../../../../DevCenter/AppSideBar/AppSideBar.js";import"../../../../DevCenter/AppsDataProvider/AppsDataProvider.js";import"@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"../../../../DevCenter/DevCenterAppContainer/components/NonPriorityMenus/NonPriorityMenus.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"../../../../DevCenter/DevCenterAppContainer/components/PriorityMenus/PriorityMenus.css.js";import"rollbar";import"@rollbar/react";import"../../../../DevCenter/DevCenterAppContainer/DevCenterAppContainer.css.js";import"../../../../Icons/AnnotationIcon.js";import"../../../../Annotations/components/AnnotationsList/index.js";import"../../../../Annotations/components/LastAnnotation/index.js";import"../../../../Annotations/AnnotationsContext.js";import"../../../../Toaster/Toaster.js";import"querystring";import"uuid/v1";import"../../../../../clients/subscriptions.js";import"../../../../../clients/jsonApi/index.js";import"jsona";import"../../../../StatusBadge/constants.js";import"@babel/runtime/helpers/toConsumableArray";import"lodash/set";import"lodash/get";import"lodash/unset";import"moment";import"../../../../../clients/api/apiCore.js";import"../../../../../clients/constants.js";import"../../../../../clients/sso/auth0.js";import"../../../../../clients/sso/oauth2.js";import"lodash/isEmpty";import"lodash/sortBy";import"../../../../../constants/streamSourceType.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"@babel/runtime/helpers/typeof";import"slate";import"../../../../EmptyState/EmptyState.js";import"../../../../ParameterCharts/ParameterCharts.js";import"../../../../ParameterCharts/AddEditTrack.js";import"../../../../ChartActionsList/ChartActionsList.js";import"../../../../CopyToClipboard/CopyToClipboard.js";import"../../../../AssetEditor/AssetEditorAutocomplete.js";import"../../../../AssetEditor/SingleAssetEditor.js";import"react-color";import"../../../../SettingEditors/ColorEditor/style.css.js";import"../../../../SettingEditors/DropdownEditor/index.js";import"../../../../SwitchControl/index.js";import"../../../../ColorPicker/ColorPicker.js";import"../../../../Chart/components/ChartButton.js";import"../../../../Chart/components/ChartButtons.js";import"../../../../Chart/components/ChartWrapper.js";import"../../../../Chart/components/AxisDropdown.js";import"../../../../Chart/components/ChartSelect.js";import"../../../../Chart/components/buttons/DragToZoomButton.js";import"../../../../Chart/components/buttons/ZoomInButton.js";import"../../../../Chart/components/buttons/ZoomOutButton.js";import"../../../../Chart/components/buttons/PanButton.js";import"../../../../Chart/components/buttons/ResetZoomButton.js";import"../../../../Chart/components/buttons/HideAxesButton.js";import"../../../../Chart/components/buttons/ChartTypeButton.js";import"../../../../ColorPicker/PaletteChromePicker/PaletteChromePicker.js";import"../../../../TruncatedText/index.js";import"../../../../MiddleTruncatedText/MiddleTruncatedText.js";import"../../../../RangeSlider/constants.js";import"../../../../RangeSlider/Input.css.js";import"../../../../RangeSlider/RangeSlider.css.js";import"../../../../AdvancedSlider/AdvancedSlider.js";import"../../../../Breadcrumbs/index.js";import"../../../../VirtualizedTable/index.js";import"../../../../EmptyView/EmptyView.js";import"../../../../EmptyView/EmptyAppView/EmptyAppView.js";import"../../../../Button/components/Button/index.js";import"moment-timezone";import"../../../../Button/components/LiveButton/components/LiveButtonStateIndicator/index.js";import"../../../../Button/components/LiveButton/styles.js";import"../../../../ContextMenuItem/index.js";import"../../../../FolderMenuItem/index.js";import"../../../../EditableItem/EditableItem/index.js";import"../../../../EditableItem/EditableItemWithBadge/index.js";import"../../../../Checkbox/index.js";import"../../../../FolderMenuItemWithLinks/index.js";import"../../../../TextField/index.js";import"../../../../Chip/index.js";import"../../../../Counter/index.js";import"../../../../AnchorsList/AnchorsList.js";import"../../../../Select/index.js";import"../../../../Select/SelectFilterBy.js";import"../../../../CustomSelect/index.js";import"../../../../Tabs/Tabs.js";import"../../../../Tabs/Tab.js";import"../../../../ResizableTable/ResizableTable.js";import"../../../../GradientPicker/GradientPicker.js";import"../../../../GradientManager/GradientList.js";import"@material-ui/icons/AddCircle";import"../../../../GradientManager/GradientPreview/GradientPreview.js";import"../../../../GradientManager/GradientSelect.styles.js";import"../../../../GradientManager/GradientManager.styles.js";import"../../../BHASchematic.js";import"../../../BHATable/index.js";import v from"../../../BHAComponentIcon.js";import"../../../BHAComponentDetail/index.js";import"../../../BHATileIcon.js";import"../../../BHATile/BHATile.js";import"../../../BHAList/BHAList.js";import"../../BHAComponentsTable.js";import"../../../../Casing/CasingTable/index.js";import"../../../../Casing/CasingComponentIcon.js";import"../../../../Casing/CasingTileIcon.js";import"../../../../Casing/CasingTableV2/CasingTableV2.js";import"../../../../Casing/CasingTile/CasingTile.js";import"../../../../DisabledSettingsMessage/DisabledSettingsMessage.js";import"../../../../WellSummary/WellSummaryItemLabel.js";import"../../../../WellSummary/WellSummaryItemTitle.js";import"../../../../WellSummary/WellSummaryItemValue.js";import"../../../../WellSummary/ActivitySummaryChart.js";import"../../../../WellSummary/FracWirelineTimeChart.js";import"../../../../BICOffsetPickerDialog/index.js";import"../../../../OffsetWellButton/OffsetWellButton.js";import"../../../../OffsetWellPickerV2/OffsetWellPickerDialog.js";import"../../../../OffsetWellPickerV3/index.js";import"../../../../OffsetWellChips/Chip.js";import"../../../../OffsetWellChips/ChipsContainer.js";import"../../../../OffsetWellPickerV4/utils/apiCalls.js";import"../../../../OffsetWellPickerV4/effects/useAdvancedWells.js";import"../../../../OffsetWellPickerV4/constants.js";import"react-virtualized";import"../../../../OffsetWellPickerV4/effects/useAssetsData.js";import"../../../../OffsetWellPickerV4/components/AppHeader/AppHeader.js";import"../../../../OffsetWellPickerV4/components/Toolbar/Toolbar.js";import"../../../../OffsetWellPickerV4/components/Filter/Filter.js";import"../../../../OffsetWellPickerV4/components/Map/WellsMap.js";import"../../../../OffsetWellPickerV4/components/OffsetWellsTable/OffsetWellsTable.js";import"../../../../OffsetWellPickerV4/components/OffsetWellsTable/AdvancedSearch/constants.js";import"../../../../OffsetWellPickerV4/utils/index.js";import"../../../../OffsetWellPickerV4/OffsetWellPickerV4.module.css.js";import"../../../../../styles/typography/index.js";import"../../../../../styles/counter/counter.module.scss.js";import"../../../../OffsetWellMap/OffsetWellMap.js";import"@material-ui/core/Snackbar";import"../../../../Notifications/Toast.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"../../../../PadModeSelect/PadModeSelect.js";import"../../../../PinnableFilters/PinnableFilters.js";import"../../../../HeaderLayout/HeaderLayout.js";import"../../../../PadOffsetsPicker/PadOffsetsPicker.js";import"../../../../PadOffsetsPicker/OffsetAssetChip.js";import"../../../../PadOffsetsPicker/OffsetAssetsListExpander.js";import"../../../../PadOffsetsPicker/StagesSelector.js";import"../../../../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"react-dropzone";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";function P(e){var r=e.component,P=e.error,D=e.onChange,x=e.onUseSuggestion,y=e.onCancel,T=e.onSave,I=e.columns,F=s({isMobile:S}),B=S?d/2:d/I,E=function(e){return P&&P[e]},k=t((function(){var e="dp"===r.family?u:C;return r.outer_diameter?e.filter((function(e){return e.outer_diameter===parseFloat(r.outer_diameter)})):[]}),[r.family,r.outer_diameter]);return b(i,{container:!0,spacing:0,className:F.editorContainer,children:[!S&&f(i,{item:!0,className:F.editorComponentSize,children:f(v,{component:r})}),f(i,{item:!0,className:F.eidtorContentContainer,children:b(i,{container:!0,spacing:2,children:[f(l,{component:r,getError:E,onChange:D}),k.length>0&&f(j,{data:k,allData:"dp"===r.family?u:C,columns:c,displayKeys:["connection_type"],descriptionKeys:["outer_diameter","inner_diameter","grade"],onSelect:function(e){x(e)}}),f(p,{type:"name",label:"Name",value:r.name,error:E("name"),xs:B,onChangeField:D}),f(p,{type:"number_of_joints",label:"# of Joints",value:r.number_of_joints,error:E("number_of_joints"),xs:B,onChangeField:D}),f(p,{type:"component_length",label:"Component Length",unit:"length",value:r.component_length,error:E("component_length"),xs:B,onChangeField:D}),f(p,{type:"weight",label:"T.Weight",unit:"mass",value:r.weight,error:E("weight"),disabled:!0,xs:B,onChangeField:D}),f(a,{type:"grade",options:g,label:"Grade",value:r.grade,error:E("grade"),xs:B,onChangeField:D}),f(p,{type:"outer_diameter_tooljoint",label:"TJ OD",unit:"shortLength",value:r.outer_diameter_tooljoint,error:E("outer_diameter_tooljoint"),xs:B,onChangeField:D}),f(p,{type:"inner_diameter_tooljoint",label:"TJ ID",unit:"shortLength",value:r.inner_diameter_tooljoint,error:E("inner_diameter_tooljoint"),xs:B,onChangeField:D}),f(p,{type:"length_tooljoint",label:"TJ Length Per Joint",unit:"length",value:r.length_tooljoint,error:E("length_tooljoint"),xs:B,onChangeField:D}),f(p,{type:"connection_type",label:"Connection Type",value:r.connection_type,error:E("connection_type"),xs:B,onChangeField:D}),f(a,{type:"class",options:h,label:"Class",value:r.class,error:E("class"),xs:B,onChangeField:D}),f(a,{type:"material",options:A,label:"Material",value:r.material,error:E("material"),xs:B,onChangeField:D})]})}),!S&&b(i,{item:!0,className:F.eidtorActionGroup,children:[f(n,{handleCancel:y}),f(m,{handleSave:T,disabled:!o(P)})]})]})}P.propTypes={component:r.shape({family:r.string,outer_diameter:r.number,component_length:r.number,name:r.string,number_of_joints:r.number,weight:r.number,connection_type:r.string,grade:r.string,class:r.string,material:r.string,outer_diameter_tooljoint:r.number,inner_diameter_tooljoint:r.number,length_tooljoint:r.number}).isRequired,error:r.shape({}),onChange:r.func.isRequired,onUseSuggestion:r.func.isRequired,onCancel:r.func.isRequired,onSave:r.func.isRequired,columns:r.number.isRequired},P.defaultProps={error:null};var D=e(P);export{D as default};