@corva/ui 0.56.0-0 → 0.56.0-10

package/components/Casing/CasingTableV2/components/CasingJoints/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{isMobileDetected as n}from"../../../../../utils/mobileDetect.js";import{jsxs as s,jsx as p}from"react/jsx-runtime";import"../../../../DevCenter/DevCenterAppContainer/components/AppActions/AppActions.css.js";import"../../../../DevCenter/DevCenterAppContainer/components/AppSettingsDialog/AppSettingsDialog.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/DcFullscreenElemsCoordinatorProvider/DcFullscreenElemsCoordinatorProvider.js";import"../../../../DevCenter/DevCenterAppContainer/components/DcFullscreenElemsCoordinatorProvider/IsInsideDcFullscreenElemProvider.js";import"../../../../DevCenter/DevCenterAppContainer/components/IsInsideDcAppProvider/IsInsideDcAppProvider.js";import"../../../../Modal/CorvaModal.js";import"uuid";import"../../../../IconMenu/index.js";import"../../../../StyledMenuItem/index.js";import"../../../../ImagesGrid/index.js";import"../../../../DevCenter/AppHeader/AppHeader.js";import"../../../../DevCenter/AppSideBar/AppSideBar.js";import"../../../../DevCenter/AppsDataProvider/AppsDataProvider.js";import"../../../../DevCenter/DevCenterAppContainer/DevCenterAppContainer.js";import"../../../../DevCenter/NavigationBar/NavigationBar.js";import"../../../../DevCenter/SideBar/SideBar.js";import"../../../../DevCenter/AppSettingsPopover/AppSettingsPopover.js";import"../../../../DevCenter/AppFilterPanelLayout/AppFilterPanelLayout.js";import"../../../../DevCenter/DevCenterRouterContext/DevCenterRouterContext.js";import"../../../../DevCenter/DevCenterRouterContext/UniversalLink/UniversalLink.js";import"@babel/runtime/helpers/defineProperty";import"@babel/runtime/helpers/objectWithoutProperties";import"react-router";import"../../../../DevCenter/IsolatedDevCenterAppContainer/DevCenterIsolatedAppPage.js";import"../../../../DevCenter/IsolatedDevCenterAppContainer/DevCenterIsolatedApp.js";import"../../../../DevCenter/AppContext.js";import"../../../../AssetEditor/index.js";import"../../../../AppVersionsSelect/AppVersionsSelect.js";import"../../../../LoadingIndicator/LoadingIndicator.js";import"../../../../Typography.js";import"../../../../CollapsableSidebar.js";import"../../../../DateTimePicker/index.js";import"../../../../DatePicker/index.js";import"../../../../ErrorBoundary/ErrorBoundary.js";import"../../../../ErrorBoundary/DevCenterAppErrorView/DevCenterAppErrorView.js";import"../../../../Annotations/components/AnnotationsList/index.js";import"../../../../Annotations/components/LastAnnotation/index.js";import"../../../../Annotations/AnnotationsContext.js";import"../../../../SlateFormattedText/SlateFormattedText.js";import"../../../../SlateFormattedText/RenderElements.js";import"@babel/runtime/helpers/typeof";import"slate";import"../../../../ParameterCharts/ParameterCharts.js";import"../../../../ParameterCharts/AddEditTrack.js";import"../../../../ChartActionsList/ChartActionsList.js";import"../../../../CopyToClipboard/CopyToClipboard.js";import"../../../../AssetEditor/AssetEditorAutocomplete.js";import"../../../../AssetEditor/SingleAssetEditor.js";import"../../../../SettingEditors/ColorEditor/index.js";import"../../../../SettingEditors/DropdownEditor/index.js";import"../../../../SettingEditors/RadioEditor/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/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"../../../../ColorPicker/PaletteChromePicker/PaletteChromePicker.js";import"../../../../TruncatedText/index.js";import"../../../../RangeSlider/RangeSlider.js";import"../../../../AdvancedSlider/AdvancedSlider.js";import"../../../../Breadcrumbs/index.js";import"../../../../VirtualizedTable/index.js";import"../../../../EmptyView/EmptyView.js";import"../../../../EmptyView/EmptyAppView/EmptyAppView.js";import"../../../../Button/index.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"../../../../IconButton/index.js";import"../../../../TextField/index.js";import"../../../../Chip/index.js";import"../../../../Counter/index.js";import"../../../../AnchorsList/AnchorsList.js";import"../../../../Select/index.js";import"../../../../CustomSelect/index.js";import"../../../../Tabs/Tabs.js";import"../../../../Tabs/Tab.js";import"../../../../ResizableTable/ResizableTable.js";import"@material-ui/icons/Check";import"@material-ui/icons/Close";import"@material-ui/icons/Edit";import"@material-ui/icons/Delete";import"../../../../GradientManager/configuration/constants.js";import"../../../../GradientManager/GradientList.js";import"@material-ui/icons/AddCircle";import"classnames";import"../../../../GradientManager/GradientPreview/GradientPreview.js";import"../../../../GradientManager/GradientSelect.styles.js";import"../../../../GradientPicker/GradientPicker.js";import"../../../../GradientManager/GradientManager.styles.js";import"../../../../Drillstring/BHASchematic.js";import"../../../../Drillstring/BHATable/index.js";import"../../../../Drillstring/BHAComponentIcon.js";import"../../../../Drillstring/BHAComponentDetail/index.js";import"../../../../Drillstring/BHATileIcon.js";import"../../../../Drillstring/BHATile/BHATile.js";import"../../../../Drillstring/BHAList/BHAList.js";import"../../../../Drillstring/BHAComponentsTable/BHAComponentsTable.js";import"../../../CasingTable/index.js";import m from"../../../CasingComponentIcon.js";import"../../../CasingTileIcon.js";import"../../CasingTableV2.js";import"../../../CasingTile/CasingTile.js";import"../../../../DisabledSettingsMessage/DisabledSettingsMessage.js";import"../../../../WellSummary/WellSummaryItemLabel.js";import"../../../../WellSummary/WellSummaryItemTitle.js";import"../../../../WellSummary/WellSummaryItemValue.js";import"../../../../WellSummary/ActivitySummaryChart.js";import"../../../../WellSummary/FracWirelineTimeChart.js";import"@babel/runtime/helpers/slicedToArray";import"@babel/runtime/helpers/asyncToGenerator";import"@babel/runtime/regenerator";import"../../../../../clients/jsonApi/index.js";import"../../../../../constants/goals.js";import"../../../../../constants/segment.js";import"../../../../../constants/alerts.js";import"../../../../../constants/apps.js";import{OD_ID_DEP_LIST as a,COMPONENT_GRADES as l}from"../../../../../constants/casing.js";import"../../../../../constants/drillstring.js";import"../../../../../constants/completion.js";import"../../../../../constants/notifications.js";import"../../../../../constants/feed.js";import"../../../../../constants/bha.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/OffsetWellPickerV4.js";import"../../../../OffsetWellMap/OffsetWellMap.js";import"../../../../Notifications/Notifications.js";import"@babel/runtime/helpers/toConsumableArray";import"../../../../Toaster/Toaster.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"../../../../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"../../../../Table/TableToolbar/TableToolbar.js";import"../../../../Table/TableContainer/TableContainer.js";import"../../../../Table/TableCell/TableCell.js";import"../../../../Tooltip/MuiTooltipDcWrapper.js";import"../../../../Tooltip/ScrollableTooltip.js";import"../../../../PriceInput/PriceInput.js";import"../../../../LabelsCounter/LabelsCounter.js";import"../../../../Stepper/Step.js";import"../../../../Stepper/StepsWrapper.js";import"../../../../Stepper/Stepper.js";import"../../../../Comment/CommentIcon/index.js";import"../../../../FilesLoader/FilesLoader.js";import"../../../../FilesLoader/Icons/FileIcon.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"../../../../HelpCenter/HelpCenterIcon.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/InputAdornmentLeft.js";import"../../../../Search/components/Groups.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{CancelButton as d}from"../../../../Drillstring/BHAComponentsTable/components/shared/CancelButton.js";import"../../../../Drillstring/BHAComponentsTable/components/shared/ExpandCollapseButton.js";import"../../../../Drillstring/BHAComponentsTable/components/shared/FormatedNumber.js";import{InputText as c}from"../../../../Drillstring/BHAComponentsTable/components/shared/InputText.js";import"../../../../Drillstring/BHAComponentsTable/components/shared/MoreButton.js";import{SaveButton as j}from"../../../../Drillstring/BHAComponentsTable/components/shared/SaveButton.js";import{SelectField as C}from"../../../../Drillstring/BHAComponentsTable/components/shared/SelectField.js";import"../../../../Drillstring/BHAComponentsTable/components/shared/StaticField.js";import{SharedEditorElements as u}from"../../../../Drillstring/BHAComponentsTable/components/shared/SharedEditorElements.js";import"../../../../Drillstring/BHAComponentsTable/components/shared/ConfirmationPopup.js";import g from"../../../../Drillstring/BHAComponentsTable/components/Suggestions/Suggestions.js";import{useStyles as A}from"../../../../Drillstring/BHAComponentsTable/components/sharedStyles.js";import{OD_ID_DEP_COLUMNS as b,CONTAINER_XS as h}from"../constants.js";function D(e){var r=e.component,D=e.error,v=e.onChange,f=e.onCancel,S=e.onSave,x=e.onUseSuggestion,T=e.columns,P=A({isMobile:n}),y=n?h/2:h/T,B=function(e){return D&&D[e]},I=t((function(){var e=a;return r.outer_diameter?e.filter((function(e){return e.outer_diameter===parseFloat(r.outer_diameter)})):[]}),[r.outer_diameter]);return s(i,{container:!0,spacing:0,className:P.editorContainer,children:[!n&&p(i,{item:!0,className:P.editorComponentSize,children:p(m,{component:r})}),p(i,{item:!0,className:P.eidtorContentContainer,children:s(i,{container:!0,spacing:2,children:[p(u,{component:r,getError:B,onChange:v,isCasing:!0}),I.length>0&&p(g,{data:I,allData:a,columns:b,displayKeys:["outer_diameter","inner_diameter"],descriptionKeys:["outer_diameter","inner_diameter","linear_weight","number_of_joints","component_length"],onSelect:x,isCasing:!0}),p(c,{type:"name",label:"Name",value:r.name,error:B("name"),xs:y,onChangeField:v}),p(c,{type:"weight",label:"T.Weight",unit:"mass",value:r.weight,error:B("weight"),disabled:!0,xs:y,onChangeField:v}),p(c,{type:"number_of_joints",label:"# of Joints",value:r.number_of_joints,error:B("number_of_joints"),xs:y,onChangeField:v}),p(c,{type:"component_length",label:"Component Length",unit:"length",value:r.component_length,error:B("component_length"),xs:y,onChangeField:v}),p(c,{type:"inside_mud_density",label:"Inside Mud Density",unit:"density",value:r.inside_mud_density,error:B("inside_mud_density"),xs:y,onChangeField:v}),p(C,{type:"grade",options:l,label:"Grade",value:r.grade,error:B("grade"),xs:y,onChangeField:v}),p(c,{type:"connection_type",label:"Connection Type",value:r.connection_type,error:B("connection_type"),xs:y,onChangeField:v})]})}),!n&&s(i,{item:!0,className:P.eidtorActionGroup,children:[p(d,{handleCancel:f}),p(j,{handleSave:S,disabled:!o(D)})]})]})}D.propTypes={component:r.shape({outer_diameter:r.number,component_length:r.number,name:r.string,weight:r.number,number_of_joints:r.number,inside_mud_density:r.number,connection_type:r.string,grade:r.string}).isRequired,error:r.shape({}),onChange:r.func.isRequired,onCancel:r.func.isRequired,onSave:r.func.isRequired,onUseSuggestion:r.func.isRequired,columns:r.number.isRequired},D.defaultProps={error:null};var v=e(D);export{v 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{isMobileDetected as n}from"../../../../../utils/mobileDetect.js";import{jsxs as s,jsx as p}from"react/jsx-runtime";import"../../../../DevCenter/DevCenterAppContainer/components/AppActions/AppActions.css.js";import"../../../../DevCenter/DevCenterAppContainer/components/AppSettingsDialog/AppSettingsDialog.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/DcFullscreenElemsCoordinatorProvider/DcFullscreenElemsCoordinatorProvider.js";import"../../../../DevCenter/DevCenterAppContainer/components/DcFullscreenElemsCoordinatorProvider/IsInsideDcFullscreenElemProvider.js";import"../../../../DevCenter/DevCenterAppContainer/components/IsInsideDcAppProvider/IsInsideDcAppProvider.js";import"../../../../Modal/CorvaModal.js";import"uuid";import"../../../../IconMenu/index.js";import"../../../../StyledMenuItem/index.js";import"../../../../DevCenter/AppHeader/AppHeader.js";import"../../../../DevCenter/AppSideBar/AppSideBar.js";import"../../../../DevCenter/AppsDataProvider/AppsDataProvider.js";import"../../../../DevCenter/DevCenterAppContainer/DevCenterAppContainer.js";import"../../../../DevCenter/NavigationBar/NavigationBar.js";import"../../../../DevCenter/SideBar/SideBar.js";import"../../../../DevCenter/AppSettingsPopover/AppSettingsPopover.js";import"../../../../DevCenter/AppFilterPanelLayout/AppFilterPanelLayout.js";import"../../../../DevCenter/DevCenterRouterContext/DevCenterRouterContext.js";import"../../../../DevCenter/DevCenterRouterContext/UniversalLink/UniversalLink.js";import"@babel/runtime/helpers/defineProperty";import"@babel/runtime/helpers/objectWithoutProperties";import"react-router";import"../../../../DevCenter/IsolatedDevCenterAppContainer/DevCenterIsolatedAppPage.js";import"../../../../DevCenter/IsolatedDevCenterAppContainer/DevCenterIsolatedApp.js";import"../../../../DevCenter/AppContext.js";import"../../../../AssetEditor/index.js";import"../../../../AppVersionsSelect/AppVersionsSelect.js";import"../../../../LoadingIndicator/LoadingIndicator.js";import"../../../../Typography.js";import"../../../../CollapsableSidebar.js";import"../../../../DateTimePicker/index.js";import"../../../../DatePicker/index.js";import"../../../../ErrorBoundary/ErrorBoundary.js";import"../../../../ErrorBoundary/DevCenterAppErrorView/DevCenterAppErrorView.js";import"../../../../Annotations/components/AnnotationsList/index.js";import"../../../../Annotations/components/LastAnnotation/index.js";import"../../../../Annotations/AnnotationsContext.js";import"../../../../SlateFormattedText/SlateFormattedText.js";import"../../../../SlateFormattedText/RenderElements.js";import"@babel/runtime/helpers/typeof";import"slate";import"../../../../ParameterCharts/ParameterCharts.js";import"../../../../ParameterCharts/AddEditTrack.js";import"../../../../ChartActionsList/ChartActionsList.js";import"../../../../CopyToClipboard/CopyToClipboard.js";import"../../../../AssetEditor/AssetEditorAutocomplete.js";import"../../../../AssetEditor/SingleAssetEditor.js";import"../../../../SettingEditors/ColorEditor/index.js";import"../../../../SettingEditors/DropdownEditor/index.js";import"../../../../SettingEditors/RadioEditor/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/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"../../../../ColorPicker/PaletteChromePicker/PaletteChromePicker.js";import"../../../../TruncatedText/index.js";import"../../../../RangeSlider/RangeSlider.js";import"../../../../AdvancedSlider/AdvancedSlider.js";import"../../../../Breadcrumbs/index.js";import"../../../../VirtualizedTable/index.js";import"../../../../EmptyView/EmptyView.js";import"../../../../EmptyView/EmptyAppView/EmptyAppView.js";import"../../../../Button/index.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"../../../../IconButton/index.js";import"../../../../TextField/index.js";import"../../../../Chip/index.js";import"../../../../Counter/index.js";import"../../../../AnchorsList/AnchorsList.js";import"../../../../Select/index.js";import"../../../../CustomSelect/index.js";import"../../../../Tabs/Tabs.js";import"../../../../Tabs/Tab.js";import"../../../../ResizableTable/ResizableTable.js";import"@material-ui/icons/Check";import"@material-ui/icons/Close";import"@material-ui/icons/Edit";import"@material-ui/icons/Delete";import"../../../../GradientManager/configuration/constants.js";import"../../../../GradientManager/GradientList.js";import"@material-ui/icons/AddCircle";import"classnames";import"../../../../GradientManager/GradientPreview/GradientPreview.js";import"../../../../GradientManager/GradientSelect.styles.js";import"../../../../GradientPicker/GradientPicker.js";import"../../../../GradientManager/GradientManager.styles.js";import"../../../../Drillstring/BHASchematic.js";import"../../../../Drillstring/BHATable/index.js";import"../../../../Drillstring/BHAComponentIcon.js";import"../../../../Drillstring/BHAComponentDetail/index.js";import"../../../../Drillstring/BHATileIcon.js";import"../../../../Drillstring/BHATile/BHATile.js";import"../../../../Drillstring/BHAList/BHAList.js";import"../../../../Drillstring/BHAComponentsTable/BHAComponentsTable.js";import"../../../CasingTable/index.js";import m from"../../../CasingComponentIcon.js";import"../../../CasingTileIcon.js";import"../../CasingTableV2.js";import"../../../CasingTile/CasingTile.js";import"../../../../DisabledSettingsMessage/DisabledSettingsMessage.js";import"../../../../WellSummary/WellSummaryItemLabel.js";import"../../../../WellSummary/WellSummaryItemTitle.js";import"../../../../WellSummary/WellSummaryItemValue.js";import"../../../../WellSummary/ActivitySummaryChart.js";import"../../../../WellSummary/FracWirelineTimeChart.js";import"@babel/runtime/helpers/slicedToArray";import"@babel/runtime/helpers/asyncToGenerator";import"@babel/runtime/regenerator";import"../../../../../clients/jsonApi/index.js";import"../../../../../constants/goals.js";import"../../../../../constants/segment.js";import"../../../../../constants/alerts.js";import"../../../../../constants/apps.js";import{OD_ID_DEP_LIST as a,COMPONENT_GRADES as l}from"../../../../../constants/casing.js";import"../../../../../constants/drillstring.js";import"../../../../../constants/completion.js";import"../../../../../constants/notifications.js";import"../../../../../constants/feed.js";import"../../../../../constants/bha.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/OffsetWellPickerV4.js";import"../../../../OffsetWellMap/OffsetWellMap.js";import"../../../../Notifications/Notifications.js";import"@babel/runtime/helpers/toConsumableArray";import"../../../../Toaster/Toaster.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"../../../../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"../../../../Table/TableToolbar/TableToolbar.js";import"../../../../Table/TableContainer/TableContainer.js";import"../../../../Table/TableCell/TableCell.js";import"../../../../Tooltip/ScrollableTooltip.js";import"../../../../PriceInput/PriceInput.js";import"../../../../LabelsCounter/LabelsCounter.js";import"../../../../Stepper/Step.js";import"../../../../Stepper/StepsWrapper.js";import"../../../../Stepper/Stepper.js";import"../../../../Comment/CommentIcon/index.js";import"../../../../FilesLoader/FilesLoader.js";import"../../../../FilesLoader/Icons/FileIcon.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"../../../../HelpCenter/HelpCenterIcon.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/InputAdornmentLeft.js";import"../../../../Search/components/Groups.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{CancelButton as d}from"../../../../Drillstring/BHAComponentsTable/components/shared/CancelButton.js";import"../../../../Drillstring/BHAComponentsTable/components/shared/ExpandCollapseButton.js";import"../../../../Drillstring/BHAComponentsTable/components/shared/FormatedNumber.js";import{InputText as c}from"../../../../Drillstring/BHAComponentsTable/components/shared/InputText.js";import"../../../../Drillstring/BHAComponentsTable/components/shared/MoreButton.js";import{SaveButton as j}from"../../../../Drillstring/BHAComponentsTable/components/shared/SaveButton.js";import{SelectField as C}from"../../../../Drillstring/BHAComponentsTable/components/shared/SelectField.js";import"../../../../Drillstring/BHAComponentsTable/components/shared/StaticField.js";import{SharedEditorElements as u}from"../../../../Drillstring/BHAComponentsTable/components/shared/SharedEditorElements.js";import"../../../../Drillstring/BHAComponentsTable/components/shared/ConfirmationPopup.js";import g from"../../../../Drillstring/BHAComponentsTable/components/Suggestions/Suggestions.js";import{useStyles as A}from"../../../../Drillstring/BHAComponentsTable/components/sharedStyles.js";import{OD_ID_DEP_COLUMNS as b,CONTAINER_XS as h}from"../constants.js";function D(e){var r=e.component,D=e.error,v=e.onChange,f=e.onCancel,S=e.onSave,x=e.onUseSuggestion,P=e.columns,T=A({isMobile:n}),y=n?h/2:h/P,B=function(e){return D&&D[e]},I=t((function(){var e=a;return r.outer_diameter?e.filter((function(e){return e.outer_diameter===parseFloat(r.outer_diameter)})):[]}),[r.outer_diameter]);return s(i,{container:!0,spacing:0,className:T.editorContainer,children:[!n&&p(i,{item:!0,className:T.editorComponentSize,children:p(m,{component:r})}),p(i,{item:!0,className:T.eidtorContentContainer,children:s(i,{container:!0,spacing:2,children:[p(u,{component:r,getError:B,onChange:v,isCasing:!0}),I.length>0&&p(g,{data:I,allData:a,columns:b,displayKeys:["outer_diameter","inner_diameter"],descriptionKeys:["outer_diameter","inner_diameter","linear_weight","number_of_joints","component_length"],onSelect:x,isCasing:!0}),p(c,{type:"name",label:"Name",value:r.name,error:B("name"),xs:y,onChangeField:v}),p(c,{type:"weight",label:"T.Weight",unit:"mass",value:r.weight,error:B("weight"),disabled:!0,xs:y,onChangeField:v}),p(c,{type:"number_of_joints",label:"# of Joints",value:r.number_of_joints,error:B("number_of_joints"),xs:y,onChangeField:v}),p(c,{type:"component_length",label:"Component Length",unit:"length",value:r.component_length,error:B("component_length"),xs:y,onChangeField:v}),p(c,{type:"inside_mud_density",label:"Inside Mud Density",unit:"density",value:r.inside_mud_density,error:B("inside_mud_density"),xs:y,onChangeField:v}),p(C,{type:"grade",options:l,label:"Grade",value:r.grade,error:B("grade"),xs:y,onChangeField:v}),p(c,{type:"connection_type",label:"Connection Type",value:r.connection_type,error:B("connection_type"),xs:y,onChangeField:v})]})}),!n&&s(i,{item:!0,className:T.eidtorActionGroup,children:[p(d,{handleCancel:f}),p(j,{handleSave:S,disabled:!o(D)})]})]})}D.propTypes={component:r.shape({outer_diameter:r.number,component_length:r.number,name:r.string,weight:r.number,number_of_joints:r.number,inside_mud_density:r.number,connection_type:r.string,grade:r.string}).isRequired,error:r.shape({}),onChange:r.func.isRequired,onCancel:r.func.isRequired,onSave:r.func.isRequired,onUseSuggestion:r.func.isRequired,columns:r.number.isRequired},D.defaultProps={error:null};var v=e(D);export{v as default};

package/components/Casing/CasingTableV2/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 n}from"react";import s from"classnames";import{omit as p}from"lodash";import a from"prop-types";import{Grid as m,Menu as l,MenuItem as d}from"@material-ui/core";import{validateComponent as c}from"../../../../utils/casing/validation.js";import{COMPONENT_FAMILIES as j}from"../../../../constants/casing.js";import{jsxs as u,jsx as C,Fragment as f}from"react/jsx-runtime";import"../../../DevCenter/DevCenterAppContainer/components/AppActions/AppActions.css.js";import"../../../DevCenter/DevCenterAppContainer/components/AppSettingsDialog/AppSettingsDialog.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/DcFullscreenElemsCoordinatorProvider/DcFullscreenElemsCoordinatorProvider.js";import"../../../DevCenter/DevCenterAppContainer/components/DcFullscreenElemsCoordinatorProvider/IsInsideDcFullscreenElemProvider.js";import"../../../DevCenter/DevCenterAppContainer/components/IsInsideDcAppProvider/IsInsideDcAppProvider.js";import"../../../Modal/CorvaModal.js";import"uuid";import"../../../IconMenu/index.js";import"../../../StyledMenuItem/index.js";import"../../../ImagesGrid/index.js";import"../../../DevCenter/AppHeader/AppHeader.js";import"../../../DevCenter/AppSideBar/AppSideBar.js";import"../../../DevCenter/AppsDataProvider/AppsDataProvider.js";import"../../../DevCenter/DevCenterAppContainer/DevCenterAppContainer.js";import"../../../DevCenter/NavigationBar/NavigationBar.js";import"../../../DevCenter/SideBar/SideBar.js";import"../../../DevCenter/AppSettingsPopover/AppSettingsPopover.js";import"../../../DevCenter/AppFilterPanelLayout/AppFilterPanelLayout.js";import"../../../DevCenter/DevCenterRouterContext/DevCenterRouterContext.js";import"../../../DevCenter/DevCenterRouterContext/UniversalLink/UniversalLink.js";import"react-router";import"../../../DevCenter/IsolatedDevCenterAppContainer/DevCenterIsolatedAppPage.js";import"../../../DevCenter/IsolatedDevCenterAppContainer/DevCenterIsolatedApp.js";import"../../../DevCenter/AppContext.js";import"../../../AssetEditor/index.js";import"../../../AppVersionsSelect/AppVersionsSelect.js";import"../../../LoadingIndicator/LoadingIndicator.js";import"../../../Typography.js";import"../../../CollapsableSidebar.js";import"../../../DateTimePicker/index.js";import"../../../DatePicker/index.js";import"../../../ErrorBoundary/ErrorBoundary.js";import"../../../ErrorBoundary/DevCenterAppErrorView/DevCenterAppErrorView.js";import"../../../Annotations/components/AnnotationsList/index.js";import"../../../Annotations/components/LastAnnotation/index.js";import"../../../Annotations/AnnotationsContext.js";import"../../../SlateFormattedText/SlateFormattedText.js";import"../../../SlateFormattedText/RenderElements.js";import"@babel/runtime/helpers/typeof";import"slate";import"../../../ParameterCharts/ParameterCharts.js";import"../../../ParameterCharts/AddEditTrack.js";import"../../../ChartActionsList/ChartActionsList.js";import"../../../CopyToClipboard/CopyToClipboard.js";import"../../../AssetEditor/AssetEditorAutocomplete.js";import"../../../AssetEditor/SingleAssetEditor.js";import"../../../SettingEditors/ColorEditor/index.js";import"../../../SettingEditors/DropdownEditor/index.js";import"../../../SettingEditors/RadioEditor/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/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"../../../ColorPicker/PaletteChromePicker/PaletteChromePicker.js";import"../../../TruncatedText/index.js";import"../../../RangeSlider/RangeSlider.js";import"../../../AdvancedSlider/AdvancedSlider.js";import"../../../Breadcrumbs/index.js";import"../../../VirtualizedTable/index.js";import"../../../EmptyView/EmptyView.js";import"../../../EmptyView/EmptyAppView/EmptyAppView.js";import"../../../Button/index.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"../../../IconButton/index.js";import"../../../TextField/index.js";import"../../../Chip/index.js";import"../../../Counter/index.js";import"../../../AnchorsList/AnchorsList.js";import"../../../Select/index.js";import"../../../CustomSelect/index.js";import"../../../Tabs/Tabs.js";import"../../../Tabs/Tab.js";import"../../../ResizableTable/ResizableTable.js";import"@material-ui/icons/Check";import"@material-ui/icons/Close";import"@material-ui/icons/Edit";import"@material-ui/icons/Delete";import"../../../GradientManager/configuration/constants.js";import"../../../GradientManager/GradientList.js";import"@material-ui/icons/AddCircle";import"../../../GradientManager/GradientPreview/GradientPreview.js";import"../../../GradientManager/GradientSelect.styles.js";import"../../../GradientPicker/GradientPicker.js";import"../../../GradientManager/GradientManager.styles.js";import"../../../Drillstring/BHASchematic.js";import"../../../Drillstring/BHATable/index.js";import"../../../Drillstring/BHAComponentIcon.js";import"../../../Drillstring/BHAComponentDetail/index.js";import"../../../Drillstring/BHATileIcon.js";import"../../../Drillstring/BHATile/BHATile.js";import"../../../Drillstring/BHAList/BHAList.js";import"../../../Drillstring/BHAComponentsTable/BHAComponentsTable.js";import"../../CasingTable/index.js";import g from"../../CasingComponentIcon.js";import"../../CasingTileIcon.js";import"../CasingTableV2.js";import"../../CasingTile/CasingTile.js";import"../../../DisabledSettingsMessage/DisabledSettingsMessage.js";import"../../../WellSummary/WellSummaryItemLabel.js";import"../../../WellSummary/WellSummaryItemTitle.js";import"../../../WellSummary/WellSummaryItemValue.js";import"../../../WellSummary/ActivitySummaryChart.js";import"../../../WellSummary/FracWirelineTimeChart.js";import"@babel/runtime/helpers/asyncToGenerator";import"@babel/runtime/regenerator";import"../../../../clients/jsonApi/index.js";import"../../../../constants/goals.js";import"../../../../constants/segment.js";import"../../../../constants/alerts.js";import"../../../../constants/apps.js";import"../../../../constants/drillstring.js";import"../../../../constants/completion.js";import"../../../../constants/notifications.js";import"../../../../constants/feed.js";import"../../../../constants/bha.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/OffsetWellPickerV4.js";import"../../../OffsetWellMap/OffsetWellMap.js";import"../../../Notifications/Notifications.js";import"@babel/runtime/helpers/toConsumableArray";import"../../../Toaster/Toaster.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"../../../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"../../../Table/TableToolbar/TableToolbar.js";import"../../../Table/TableContainer/TableContainer.js";import"../../../Table/TableCell/TableCell.js";import"../../../Tooltip/MuiTooltipDcWrapper.js";import"../../../Tooltip/ScrollableTooltip.js";import"../../../PriceInput/PriceInput.js";import"../../../LabelsCounter/LabelsCounter.js";import"../../../Stepper/Step.js";import"../../../Stepper/StepsWrapper.js";import"../../../Stepper/Stepper.js";import"../../../Comment/CommentIcon/index.js";import"../../../FilesLoader/FilesLoader.js";import"../../../FilesLoader/Icons/FileIcon.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"../../../HelpCenter/HelpCenterIcon.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/InputAdornmentLeft.js";import"../../../Search/components/Groups.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"../../../Drillstring/BHAComponentsTable/components/shared/CancelButton.js";import{ExpandCollapseButton as b}from"../../../Drillstring/BHAComponentsTable/components/shared/ExpandCollapseButton.js";import{FormatedNumber as h}from"../../../Drillstring/BHAComponentsTable/components/shared/FormatedNumber.js";import"../../../Drillstring/BHAComponentsTable/components/shared/InputText.js";import{MoreButton as v}from"../../../Drillstring/BHAComponentsTable/components/shared/MoreButton.js";import"../../../Drillstring/BHAComponentsTable/components/shared/SaveButton.js";import"../../../Drillstring/BHAComponentsTable/components/shared/SelectField.js";import{StaticField as D}from"../../../Drillstring/BHAComponentsTable/components/shared/StaticField.js";import"../../../Drillstring/BHAComponentsTable/components/shared/SharedEditorElements.js";import{ConfirmationPopup as A}from"../../../Drillstring/BHAComponentsTable/components/shared/ConfirmationPopup.js";import{calculateComponent as x}from"../../../Drillstring/BHAComponentsTable/components/utils/calculation.js";import{useStyles as P}from"../../../Drillstring/BHAComponentsTable/components/sharedStyles.js";import S from"./DrillPipe/Browser.js";import T from"./DrillPipe/Editor.js";import y from"./CasingJoints/Browser.js";import B from"./CasingJoints/Editor.js";import E from"./EditComponentDialog.js";var I=["is_editing"];function w(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 O(e){for(var o=1;o<arguments.length;o++){var i=null!=arguments[o]?arguments[o]:{};o%2?w(Object(i),!0).forEach((function(o){t(e,o,i[o])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(i)):w(Object(i)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(i,t))}))}return e}function k(e){var t;return(null===(t=j.find((function(t){return t.type===e})))||void 0===t?void 0:t.name)||"—"}function L(i){var a,j=i.component,w=i.viewColumnsPerRow,L=i.editColumnsPerRow,M=i.isDraft,F=i.onCancel,H=i.onDelete,W=i.onSave,V=i.onChangeEditing,_=i.isMobile,R=i.isDragComponent,N=r(null),G=o(N,2),z=G[0],U=G[1],q=r(j),Z=o(q,2),Y=Z[0],J=Z[1],K=r(!1),Q=o(K,2),X=Q[0],$=Q[1],ee=r(!1),te=o(ee,2),oe=te[0],ie=te[1],re=r(!1),ne=o(re,2),se=ne[0],pe=ne[1],ae=r(null),me=o(ae,2),le=me[0],de=me[1],ce=P({isMobile:_,isEditing:Y.is_editing,isDragComponent:R});n((function(){V&&V(Y.is_editing)}),[Y.is_editing]);var je=function(){de(null),M?F():J(j)},ue=function(e,t){var o=x(Y,e,t),i=c(o);J(o),i.isValid?de(null):de(i.errors)},Ce=function(e){J((function(t){return O(O({},t),e)}))},fe=function(){var e=c(Y);e.isValid?(de(null),$(!0)):de(e.errors)},ge=function(){$(!1),pe(!1),Y.is_editing;var t=e(Y,I);J(t),W(p(t,["is_expanded"]),M)},be=s(ce.cell,ce.ratioWidth,t({},ce.focusedFontsize,Y.is_editing||Y.is_expanded));if(Y.is_editing&&!se){var he=Y.family,ve={component:Y,isDraft:M,error:le,onChange:ue,onCancel:je,onSave:_?ge:fe,onUseSuggestion:Ce,columns:L};if(!_)return u("div",{className:ce.component,children:[("dp"===he||"hwdp"===he)&&C(T,O({},ve)),"dp"!==he&&"hwdp"!==he&&C(B,O({},ve)),X&&C(A,{title:"Save Changes?",text:"You will not be able to recover it.",okText:"Save",handleClose:function(){return $(!1)},handleOk:ge})]});pe(!0)}return u("div",{className:s(ce.component,(a={},t(a,ce.componentMobile,_),t(a,ce.componentExpandedMobile,_&&Y.is_expanded),t(a,ce.componentActive,Boolean(z)),a)),children:[u("div",{className:s(ce.row,t({},ce.rowExpanded,_&&Y.is_expanded)),children:[C("div",{className:s(ce.cell,t({},ce.componentMobileCell,_)),children:C(g,{component:Y})}),C("div",{className:be,children:k(Y.family)}),!_&&u(f,{children:[C("div",{className:be,children:C(h,{value:"bit"===Y.family?Y.size:Y.outer_diameter})}),C("div",{className:be,children:C(h,{value:Y.inner_diameter})}),C("div",{className:be,children:C(h,{value:Y.linear_weight})}),C("div",{className:be,children:C(h,{value:Y.length,format:"0.0"})})]}),u("div",{className:s(ce.cell,ce.actionCell),children:[C(b,{isExpanded:Y.is_expanded,classes:ce,handleExpandCollapse:function(){J((function(e){return e.is_expanded?O(O({},e),{},{is_expanded:!1}):O(O({},e),{},{is_expanded:!0})}))}}),C(v,{classes:ce,handleOpenActionMenu:function(e){U(e.currentTarget)}})]})]}),Y.is_expanded&&u(f,{children:[_&&u(m,{container:!0,spacing:2,style:{padding:"8px 4px 16px"},children:[C(D,{label:"bit"===Y.family?"Bit Size":"OD",unit:"shortLength",value:"bit"===Y.family?Y.size:Y.outer_diameter}),"bit"!==Y.family&&C(D,{label:"ID",unit:"shortLength",value:j.inner_diameter}),"bit"!==Y.family&&C(D,{label:"Linear Weight",unit:"massPerLength",value:j.linear_weight,format:"0.0"}),C(D,{label:"Length",unit:"length",value:j.length,format:"0.0"})]}),("dp"===Y.family||"hwdp"===Y.family)&&C(S,{component:Y,columns:w}),"dp"!==Y.family&&"hwdp"!==Y.family&&C(y,{component:Y,columns:w})]}),u(l,{anchorEl:z,keepMounted:!0,open:Boolean(z),getContentAnchorEl:null,anchorOrigin:{vertical:"bottom",horizontal:"right"},transformOrigin:{vertical:"top",horizontal:"right"},onClose:function(){U(null)},children:[C(d,{onClick:function(){U(null),J((function(e){return O(O({},e),{},{is_editing:!0})}))},className:ce.menuItem,children:"Edit"}),"bit"!==Y.family&&C(d,{onClick:function(){U(null),ie(!0)},className:ce.menuItem,children:"Delete"})]}),oe&&C(A,{title:"Delete Component?",text:"You will not be able to recover it.",okText:"Delete",handleClose:function(){return ie(!1)},handleOk:function(){H(j)}}),se&&C(E,{component:Y,isDraft:M,error:le,onChange:ue,onCancel:je,onSave:fe,onUseSuggestion:Ce,onClose:function(){je(),pe(!1)}}),_&&X&&C(A,{title:"Save Changes?",text:"You will not be able to recover it.",okText:"Save",handleClose:function(){return $(!1)},handleOk:ge})]})}L.propTypes={component:a.shape({family:a.string,size:a.number,outer_diameter:a.number,inner_diameter:a.number,linear_weight:a.number,length:a.number}).isRequired,isMobile:a.bool.isRequired,isDraft:a.bool,onCancel:a.func,onDelete:a.func,onSave:a.func.isRequired,onChangeEditing:a.func,viewColumnsPerRow:a.number.isRequired,editColumnsPerRow:a.number.isRequired,isDragComponent:a.bool.isRequired},L.defaultProps={isDraft:!1,onCancel:null,onDelete:null,onChangeEditing:void 0};var M=i(L);export{M 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 r,useState as i,useEffect as n}from"react";import s from"classnames";import{omit as p}from"lodash";import a from"prop-types";import{Grid as m,Menu as l,MenuItem as d}from"@material-ui/core";import{validateComponent as c}from"../../../../utils/casing/validation.js";import{COMPONENT_FAMILIES as j}from"../../../../constants/casing.js";import{jsxs as u,jsx as C,Fragment as f}from"react/jsx-runtime";import"../../../DevCenter/DevCenterAppContainer/components/AppActions/AppActions.css.js";import"../../../DevCenter/DevCenterAppContainer/components/AppSettingsDialog/AppSettingsDialog.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/DcFullscreenElemsCoordinatorProvider/DcFullscreenElemsCoordinatorProvider.js";import"../../../DevCenter/DevCenterAppContainer/components/DcFullscreenElemsCoordinatorProvider/IsInsideDcFullscreenElemProvider.js";import"../../../DevCenter/DevCenterAppContainer/components/IsInsideDcAppProvider/IsInsideDcAppProvider.js";import"../../../Modal/CorvaModal.js";import"uuid";import"../../../IconMenu/index.js";import"../../../StyledMenuItem/index.js";import"../../../DevCenter/AppHeader/AppHeader.js";import"../../../DevCenter/AppSideBar/AppSideBar.js";import"../../../DevCenter/AppsDataProvider/AppsDataProvider.js";import"../../../DevCenter/DevCenterAppContainer/DevCenterAppContainer.js";import"../../../DevCenter/NavigationBar/NavigationBar.js";import"../../../DevCenter/SideBar/SideBar.js";import"../../../DevCenter/AppSettingsPopover/AppSettingsPopover.js";import"../../../DevCenter/AppFilterPanelLayout/AppFilterPanelLayout.js";import"../../../DevCenter/DevCenterRouterContext/DevCenterRouterContext.js";import"../../../DevCenter/DevCenterRouterContext/UniversalLink/UniversalLink.js";import"react-router";import"../../../DevCenter/IsolatedDevCenterAppContainer/DevCenterIsolatedAppPage.js";import"../../../DevCenter/IsolatedDevCenterAppContainer/DevCenterIsolatedApp.js";import"../../../DevCenter/AppContext.js";import"../../../AssetEditor/index.js";import"../../../AppVersionsSelect/AppVersionsSelect.js";import"../../../LoadingIndicator/LoadingIndicator.js";import"../../../Typography.js";import"../../../CollapsableSidebar.js";import"../../../DateTimePicker/index.js";import"../../../DatePicker/index.js";import"../../../ErrorBoundary/ErrorBoundary.js";import"../../../ErrorBoundary/DevCenterAppErrorView/DevCenterAppErrorView.js";import"../../../Annotations/components/AnnotationsList/index.js";import"../../../Annotations/components/LastAnnotation/index.js";import"../../../Annotations/AnnotationsContext.js";import"../../../SlateFormattedText/SlateFormattedText.js";import"../../../SlateFormattedText/RenderElements.js";import"@babel/runtime/helpers/typeof";import"slate";import"../../../ParameterCharts/ParameterCharts.js";import"../../../ParameterCharts/AddEditTrack.js";import"../../../ChartActionsList/ChartActionsList.js";import"../../../CopyToClipboard/CopyToClipboard.js";import"../../../AssetEditor/AssetEditorAutocomplete.js";import"../../../AssetEditor/SingleAssetEditor.js";import"../../../SettingEditors/ColorEditor/index.js";import"../../../SettingEditors/DropdownEditor/index.js";import"../../../SettingEditors/RadioEditor/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/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"../../../ColorPicker/PaletteChromePicker/PaletteChromePicker.js";import"../../../TruncatedText/index.js";import"../../../RangeSlider/RangeSlider.js";import"../../../AdvancedSlider/AdvancedSlider.js";import"../../../Breadcrumbs/index.js";import"../../../VirtualizedTable/index.js";import"../../../EmptyView/EmptyView.js";import"../../../EmptyView/EmptyAppView/EmptyAppView.js";import"../../../Button/index.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"../../../IconButton/index.js";import"../../../TextField/index.js";import"../../../Chip/index.js";import"../../../Counter/index.js";import"../../../AnchorsList/AnchorsList.js";import"../../../Select/index.js";import"../../../CustomSelect/index.js";import"../../../Tabs/Tabs.js";import"../../../Tabs/Tab.js";import"../../../ResizableTable/ResizableTable.js";import"@material-ui/icons/Check";import"@material-ui/icons/Close";import"@material-ui/icons/Edit";import"@material-ui/icons/Delete";import"../../../GradientManager/configuration/constants.js";import"../../../GradientManager/GradientList.js";import"@material-ui/icons/AddCircle";import"../../../GradientManager/GradientPreview/GradientPreview.js";import"../../../GradientManager/GradientSelect.styles.js";import"../../../GradientPicker/GradientPicker.js";import"../../../GradientManager/GradientManager.styles.js";import"../../../Drillstring/BHASchematic.js";import"../../../Drillstring/BHATable/index.js";import"../../../Drillstring/BHAComponentIcon.js";import"../../../Drillstring/BHAComponentDetail/index.js";import"../../../Drillstring/BHATileIcon.js";import"../../../Drillstring/BHATile/BHATile.js";import"../../../Drillstring/BHAList/BHAList.js";import"../../../Drillstring/BHAComponentsTable/BHAComponentsTable.js";import"../../CasingTable/index.js";import g from"../../CasingComponentIcon.js";import"../../CasingTileIcon.js";import"../CasingTableV2.js";import"../../CasingTile/CasingTile.js";import"../../../DisabledSettingsMessage/DisabledSettingsMessage.js";import"../../../WellSummary/WellSummaryItemLabel.js";import"../../../WellSummary/WellSummaryItemTitle.js";import"../../../WellSummary/WellSummaryItemValue.js";import"../../../WellSummary/ActivitySummaryChart.js";import"../../../WellSummary/FracWirelineTimeChart.js";import"@babel/runtime/helpers/asyncToGenerator";import"@babel/runtime/regenerator";import"../../../../clients/jsonApi/index.js";import"../../../../constants/goals.js";import"../../../../constants/segment.js";import"../../../../constants/alerts.js";import"../../../../constants/apps.js";import"../../../../constants/drillstring.js";import"../../../../constants/completion.js";import"../../../../constants/notifications.js";import"../../../../constants/feed.js";import"../../../../constants/bha.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/OffsetWellPickerV4.js";import"../../../OffsetWellMap/OffsetWellMap.js";import"../../../Notifications/Notifications.js";import"@babel/runtime/helpers/toConsumableArray";import"../../../Toaster/Toaster.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"../../../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"../../../Table/TableToolbar/TableToolbar.js";import"../../../Table/TableContainer/TableContainer.js";import"../../../Table/TableCell/TableCell.js";import"../../../Tooltip/ScrollableTooltip.js";import"../../../PriceInput/PriceInput.js";import"../../../LabelsCounter/LabelsCounter.js";import"../../../Stepper/Step.js";import"../../../Stepper/StepsWrapper.js";import"../../../Stepper/Stepper.js";import"../../../Comment/CommentIcon/index.js";import"../../../FilesLoader/FilesLoader.js";import"../../../FilesLoader/Icons/FileIcon.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"../../../HelpCenter/HelpCenterIcon.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/InputAdornmentLeft.js";import"../../../Search/components/Groups.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"../../../Drillstring/BHAComponentsTable/components/shared/CancelButton.js";import{ExpandCollapseButton as b}from"../../../Drillstring/BHAComponentsTable/components/shared/ExpandCollapseButton.js";import{FormatedNumber as h}from"../../../Drillstring/BHAComponentsTable/components/shared/FormatedNumber.js";import"../../../Drillstring/BHAComponentsTable/components/shared/InputText.js";import{MoreButton as v}from"../../../Drillstring/BHAComponentsTable/components/shared/MoreButton.js";import"../../../Drillstring/BHAComponentsTable/components/shared/SaveButton.js";import"../../../Drillstring/BHAComponentsTable/components/shared/SelectField.js";import{StaticField as D}from"../../../Drillstring/BHAComponentsTable/components/shared/StaticField.js";import"../../../Drillstring/BHAComponentsTable/components/shared/SharedEditorElements.js";import{ConfirmationPopup as A}from"../../../Drillstring/BHAComponentsTable/components/shared/ConfirmationPopup.js";import{calculateComponent as x}from"../../../Drillstring/BHAComponentsTable/components/utils/calculation.js";import{useStyles as P}from"../../../Drillstring/BHAComponentsTable/components/sharedStyles.js";import S from"./DrillPipe/Browser.js";import T from"./DrillPipe/Editor.js";import y from"./CasingJoints/Browser.js";import B from"./CasingJoints/Editor.js";import E from"./EditComponentDialog.js";var I=["is_editing"];function w(e,t){var o=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),o.push.apply(o,r)}return o}function O(e){for(var o=1;o<arguments.length;o++){var r=null!=arguments[o]?arguments[o]:{};o%2?w(Object(r),!0).forEach((function(o){t(e,o,r[o])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):w(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}function k(e){var t;return(null===(t=j.find((function(t){return t.type===e})))||void 0===t?void 0:t.name)||"—"}function L(r){var a,j=r.component,w=r.viewColumnsPerRow,L=r.editColumnsPerRow,F=r.isDraft,M=r.onCancel,H=r.onDelete,W=r.onSave,V=r.onChangeEditing,_=r.isMobile,R=r.isDragComponent,N=i(null),G=o(N,2),z=G[0],U=G[1],q=i(j),Z=o(q,2),Y=Z[0],J=Z[1],K=i(!1),Q=o(K,2),X=Q[0],$=Q[1],ee=i(!1),te=o(ee,2),oe=te[0],re=te[1],ie=i(!1),ne=o(ie,2),se=ne[0],pe=ne[1],ae=i(null),me=o(ae,2),le=me[0],de=me[1],ce=P({isMobile:_,isEditing:Y.is_editing,isDragComponent:R});n((function(){V&&V(Y.is_editing)}),[Y.is_editing]);var je=function(){de(null),F?M():J(j)},ue=function(e,t){var o=x(Y,e,t),r=c(o);J(o),r.isValid?de(null):de(r.errors)},Ce=function(e){J((function(t){return O(O({},t),e)}))},fe=function(){var e=c(Y);e.isValid?(de(null),$(!0)):de(e.errors)},ge=function(){$(!1),pe(!1),Y.is_editing;var t=e(Y,I);J(t),W(p(t,["is_expanded"]),F)},be=s(ce.cell,ce.ratioWidth,t({},ce.focusedFontsize,Y.is_editing||Y.is_expanded));if(Y.is_editing&&!se){var he=Y.family,ve={component:Y,isDraft:F,error:le,onChange:ue,onCancel:je,onSave:_?ge:fe,onUseSuggestion:Ce,columns:L};if(!_)return u("div",{className:ce.component,children:[("dp"===he||"hwdp"===he)&&C(T,O({},ve)),"dp"!==he&&"hwdp"!==he&&C(B,O({},ve)),X&&C(A,{title:"Save Changes?",text:"You will not be able to recover it.",okText:"Save",handleClose:function(){return $(!1)},handleOk:ge})]});pe(!0)}return u("div",{className:s(ce.component,(a={},t(a,ce.componentMobile,_),t(a,ce.componentExpandedMobile,_&&Y.is_expanded),t(a,ce.componentActive,Boolean(z)),a)),children:[u("div",{className:s(ce.row,t({},ce.rowExpanded,_&&Y.is_expanded)),children:[C("div",{className:s(ce.cell,t({},ce.componentMobileCell,_)),children:C(g,{component:Y})}),C("div",{className:be,children:k(Y.family)}),!_&&u(f,{children:[C("div",{className:be,children:C(h,{value:"bit"===Y.family?Y.size:Y.outer_diameter})}),C("div",{className:be,children:C(h,{value:Y.inner_diameter})}),C("div",{className:be,children:C(h,{value:Y.linear_weight})}),C("div",{className:be,children:C(h,{value:Y.length,format:"0.0"})})]}),u("div",{className:s(ce.cell,ce.actionCell),children:[C(b,{isExpanded:Y.is_expanded,classes:ce,handleExpandCollapse:function(){J((function(e){return e.is_expanded?O(O({},e),{},{is_expanded:!1}):O(O({},e),{},{is_expanded:!0})}))}}),C(v,{classes:ce,handleOpenActionMenu:function(e){U(e.currentTarget)}})]})]}),Y.is_expanded&&u(f,{children:[_&&u(m,{container:!0,spacing:2,style:{padding:"8px 4px 16px"},children:[C(D,{label:"bit"===Y.family?"Bit Size":"OD",unit:"shortLength",value:"bit"===Y.family?Y.size:Y.outer_diameter}),"bit"!==Y.family&&C(D,{label:"ID",unit:"shortLength",value:j.inner_diameter}),"bit"!==Y.family&&C(D,{label:"Linear Weight",unit:"massPerLength",value:j.linear_weight,format:"0.0"}),C(D,{label:"Length",unit:"length",value:j.length,format:"0.0"})]}),("dp"===Y.family||"hwdp"===Y.family)&&C(S,{component:Y,columns:w}),"dp"!==Y.family&&"hwdp"!==Y.family&&C(y,{component:Y,columns:w})]}),u(l,{anchorEl:z,keepMounted:!0,open:Boolean(z),getContentAnchorEl:null,anchorOrigin:{vertical:"bottom",horizontal:"right"},transformOrigin:{vertical:"top",horizontal:"right"},onClose:function(){U(null)},children:[C(d,{onClick:function(){U(null),J((function(e){return O(O({},e),{},{is_editing:!0})}))},className:ce.menuItem,children:"Edit"}),"bit"!==Y.family&&C(d,{onClick:function(){U(null),re(!0)},className:ce.menuItem,children:"Delete"})]}),oe&&C(A,{title:"Delete Component?",text:"You will not be able to recover it.",okText:"Delete",handleClose:function(){return re(!1)},handleOk:function(){H(j)}}),se&&C(E,{component:Y,isDraft:F,error:le,onChange:ue,onCancel:je,onSave:fe,onUseSuggestion:Ce,onClose:function(){je(),pe(!1)}}),_&&X&&C(A,{title:"Save Changes?",text:"You will not be able to recover it.",okText:"Save",handleClose:function(){return $(!1)},handleOk:ge})]})}L.propTypes={component:a.shape({family:a.string,size:a.number,outer_diameter:a.number,inner_diameter:a.number,linear_weight:a.number,length:a.number}).isRequired,isMobile:a.bool.isRequired,isDraft:a.bool,onCancel:a.func,onDelete:a.func,onSave:a.func.isRequired,onChangeEditing:a.func,viewColumnsPerRow:a.number.isRequired,editColumnsPerRow:a.number.isRequired,isDragComponent:a.bool.isRequired},L.defaultProps={isDraft:!1,onCancel:null,onDelete:null,onChangeEditing:void 0};var F=r(L);export{F as default};

package/components/Casing/CasingTableV2/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{isMobileDetected as n}from"../../../../../utils/mobileDetect.js";import{jsxs as s,jsx as p}from"react/jsx-runtime";import"../../../../DevCenter/DevCenterAppContainer/components/AppActions/AppActions.css.js";import"../../../../DevCenter/DevCenterAppContainer/components/AppSettingsDialog/AppSettingsDialog.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/DcFullscreenElemsCoordinatorProvider/DcFullscreenElemsCoordinatorProvider.js";import"../../../../DevCenter/DevCenterAppContainer/components/DcFullscreenElemsCoordinatorProvider/IsInsideDcFullscreenElemProvider.js";import"../../../../DevCenter/DevCenterAppContainer/components/IsInsideDcAppProvider/IsInsideDcAppProvider.js";import"../../../../Modal/CorvaModal.js";import"uuid";import"../../../../IconMenu/index.js";import"../../../../StyledMenuItem/index.js";import"../../../../ImagesGrid/index.js";import"../../../../DevCenter/AppHeader/AppHeader.js";import"../../../../DevCenter/AppSideBar/AppSideBar.js";import"../../../../DevCenter/AppsDataProvider/AppsDataProvider.js";import"../../../../DevCenter/DevCenterAppContainer/DevCenterAppContainer.js";import"../../../../DevCenter/NavigationBar/NavigationBar.js";import"../../../../DevCenter/SideBar/SideBar.js";import"../../../../DevCenter/AppSettingsPopover/AppSettingsPopover.js";import"../../../../DevCenter/AppFilterPanelLayout/AppFilterPanelLayout.js";import"../../../../DevCenter/DevCenterRouterContext/DevCenterRouterContext.js";import"../../../../DevCenter/DevCenterRouterContext/UniversalLink/UniversalLink.js";import"@babel/runtime/helpers/defineProperty";import"@babel/runtime/helpers/objectWithoutProperties";import"react-router";import"../../../../DevCenter/IsolatedDevCenterAppContainer/DevCenterIsolatedAppPage.js";import"../../../../DevCenter/IsolatedDevCenterAppContainer/DevCenterIsolatedApp.js";import"../../../../DevCenter/AppContext.js";import"../../../../AssetEditor/index.js";import"../../../../AppVersionsSelect/AppVersionsSelect.js";import"../../../../LoadingIndicator/LoadingIndicator.js";import"../../../../Typography.js";import"../../../../CollapsableSidebar.js";import"../../../../DateTimePicker/index.js";import"../../../../DatePicker/index.js";import"../../../../ErrorBoundary/ErrorBoundary.js";import"../../../../ErrorBoundary/DevCenterAppErrorView/DevCenterAppErrorView.js";import"../../../../Annotations/components/AnnotationsList/index.js";import"../../../../Annotations/components/LastAnnotation/index.js";import"../../../../Annotations/AnnotationsContext.js";import"../../../../SlateFormattedText/SlateFormattedText.js";import"../../../../SlateFormattedText/RenderElements.js";import"@babel/runtime/helpers/typeof";import"slate";import"../../../../ParameterCharts/ParameterCharts.js";import"../../../../ParameterCharts/AddEditTrack.js";import"../../../../ChartActionsList/ChartActionsList.js";import"../../../../CopyToClipboard/CopyToClipboard.js";import"../../../../AssetEditor/AssetEditorAutocomplete.js";import"../../../../AssetEditor/SingleAssetEditor.js";import"../../../../SettingEditors/ColorEditor/index.js";import"../../../../SettingEditors/DropdownEditor/index.js";import"../../../../SettingEditors/RadioEditor/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/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"../../../../ColorPicker/PaletteChromePicker/PaletteChromePicker.js";import"../../../../TruncatedText/index.js";import"../../../../RangeSlider/RangeSlider.js";import"../../../../AdvancedSlider/AdvancedSlider.js";import"../../../../Breadcrumbs/index.js";import"../../../../VirtualizedTable/index.js";import"../../../../EmptyView/EmptyView.js";import"../../../../EmptyView/EmptyAppView/EmptyAppView.js";import"../../../../Button/index.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"../../../../IconButton/index.js";import"../../../../TextField/index.js";import"../../../../Chip/index.js";import"../../../../Counter/index.js";import"../../../../AnchorsList/AnchorsList.js";import"../../../../Select/index.js";import"../../../../CustomSelect/index.js";import"../../../../Tabs/Tabs.js";import"../../../../Tabs/Tab.js";import"../../../../ResizableTable/ResizableTable.js";import"@material-ui/icons/Check";import"@material-ui/icons/Close";import"@material-ui/icons/Edit";import"@material-ui/icons/Delete";import"../../../../GradientManager/configuration/constants.js";import"../../../../GradientManager/GradientList.js";import"@material-ui/icons/AddCircle";import"classnames";import"../../../../GradientManager/GradientPreview/GradientPreview.js";import"../../../../GradientManager/GradientSelect.styles.js";import"../../../../GradientPicker/GradientPicker.js";import"../../../../GradientManager/GradientManager.styles.js";import"../../../../Drillstring/BHASchematic.js";import"../../../../Drillstring/BHATable/index.js";import"../../../../Drillstring/BHAComponentIcon.js";import"../../../../Drillstring/BHAComponentDetail/index.js";import"../../../../Drillstring/BHATileIcon.js";import"../../../../Drillstring/BHATile/BHATile.js";import"../../../../Drillstring/BHAList/BHAList.js";import"../../../../Drillstring/BHAComponentsTable/BHAComponentsTable.js";import"../../../CasingTable/index.js";import m from"../../../CasingComponentIcon.js";import"../../../CasingTileIcon.js";import"../../CasingTableV2.js";import"../../../CasingTile/CasingTile.js";import"../../../../DisabledSettingsMessage/DisabledSettingsMessage.js";import"../../../../WellSummary/WellSummaryItemLabel.js";import"../../../../WellSummary/WellSummaryItemTitle.js";import"../../../../WellSummary/WellSummaryItemValue.js";import"../../../../WellSummary/ActivitySummaryChart.js";import"../../../../WellSummary/FracWirelineTimeChart.js";import"@babel/runtime/helpers/slicedToArray";import"@babel/runtime/helpers/asyncToGenerator";import"@babel/runtime/regenerator";import"../../../../../clients/jsonApi/index.js";import"../../../../../constants/goals.js";import"../../../../../constants/segment.js";import"../../../../../constants/alerts.js";import"../../../../../constants/apps.js";import{OD_ID_DEP_LIST as a,COMPONENT_GRADES as l,COMPONENT_CLASSES as d,COMPONENT_MATERIALS as j}from"../../../../../constants/casing.js";import"../../../../../constants/drillstring.js";import"../../../../../constants/completion.js";import"../../../../../constants/notifications.js";import"../../../../../constants/feed.js";import"../../../../../constants/bha.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/OffsetWellPickerV4.js";import"../../../../OffsetWellMap/OffsetWellMap.js";import"../../../../Notifications/Notifications.js";import"@babel/runtime/helpers/toConsumableArray";import"../../../../Toaster/Toaster.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"../../../../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"../../../../Table/TableToolbar/TableToolbar.js";import"../../../../Table/TableContainer/TableContainer.js";import"../../../../Table/TableCell/TableCell.js";import"../../../../Tooltip/MuiTooltipDcWrapper.js";import"../../../../Tooltip/ScrollableTooltip.js";import"../../../../PriceInput/PriceInput.js";import"../../../../LabelsCounter/LabelsCounter.js";import"../../../../Stepper/Step.js";import"../../../../Stepper/StepsWrapper.js";import"../../../../Stepper/Stepper.js";import"../../../../Comment/CommentIcon/index.js";import"../../../../FilesLoader/FilesLoader.js";import"../../../../FilesLoader/Icons/FileIcon.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"../../../../HelpCenter/HelpCenterIcon.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/InputAdornmentLeft.js";import"../../../../Search/components/Groups.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{CancelButton as c}from"../../../../Drillstring/BHAComponentsTable/components/shared/CancelButton.js";import"../../../../Drillstring/BHAComponentsTable/components/shared/ExpandCollapseButton.js";import"../../../../Drillstring/BHAComponentsTable/components/shared/FormatedNumber.js";import{InputText as C}from"../../../../Drillstring/BHAComponentsTable/components/shared/InputText.js";import"../../../../Drillstring/BHAComponentsTable/components/shared/MoreButton.js";import{SaveButton as u}from"../../../../Drillstring/BHAComponentsTable/components/shared/SaveButton.js";import{SelectField as g}from"../../../../Drillstring/BHAComponentsTable/components/shared/SelectField.js";import"../../../../Drillstring/BHAComponentsTable/components/shared/StaticField.js";import{SharedEditorElements as h}from"../../../../Drillstring/BHAComponentsTable/components/shared/SharedEditorElements.js";import"../../../../Drillstring/BHAComponentsTable/components/shared/ConfirmationPopup.js";import A from"../../../../Drillstring/BHAComponentsTable/components/Suggestions/Suggestions.js";import{useStyles as b}from"../../../../Drillstring/BHAComponentsTable/components/sharedStyles.js";import{OD_ID_DEP_COLUMNS as D,CONTAINER_XS as v}from"../constants.js";function f(e){var r=e.component,f=e.error,x=e.onChange,S=e.onCancel,T=e.onSave,P=e.onUseSuggestion,B=e.columns,y=b({isMobile:n}),I=n?v/2:v/B,_=function(e){return f&&f[e]},E=t((function(){var e=a;return r.outer_diameter?e.filter((function(e){return e.outer_diameter===parseFloat(r.outer_diameter)})):[]}),[r.outer_diameter]);return s(i,{container:!0,spacing:0,className:y.editorContainer,children:[!n&&p(i,{item:!0,className:y.editorComponentSize,children:p(m,{component:r})}),p(i,{item:!0,className:y.eidtorContentContainer,children:s(i,{container:!0,spacing:2,children:[p(h,{component:r,getError:_,onChange:x,isCasing:!0}),E.length>0&&p(A,{data:E,allData:a,columns:D,displayKeys:["outer_diameter","inner_diameter"],descriptionKeys:["outer_diameter","inner_diameter","linear_weight","number_of_joints","component_length"],onSelect:P,isCasing:!0}),p(C,{type:"name",label:"Name",value:r.name,error:_("name"),xs:I,onChangeField:x}),p(C,{type:"number_of_joints",label:"# of Joints",value:r.number_of_joints,error:_("number_of_joints"),xs:I,onChangeField:x}),p(C,{type:"component_length",label:"Component Length",unit:"length",value:r.component_length,error:_("component_length"),xs:I,onChangeField:x}),p(C,{type:"weight",label:"T.Weight",unit:"mass",value:r.weight,error:_("weight"),disabled:!0,xs:I,onChangeField:x}),p(g,{type:"grade",options:l,label:"Grade",value:r.grade,error:_("grade"),xs:I,onChangeField:x}),p(C,{type:"outer_diameter_tooljoint",label:"TJ OD",unit:"shortLength",value:r.outer_diameter_tooljoint,error:_("outer_diameter_tooljoint"),xs:I,onChangeField:x}),p(C,{type:"inner_diameter_tooljoint",label:"TJ ID",unit:"shortLength",value:r.inner_diameter_tooljoint,error:_("inner_diameter_tooljoint"),xs:I,onChangeField:x}),p(C,{type:"length_tooljoint",label:"TJ Length Per Joint",unit:"length",value:r.length_tooljoint,error:_("length_tooljoint"),xs:I,onChangeField:x}),p(C,{type:"connection_type",label:"Connection Type",value:r.connection_type,error:_("connection_type"),xs:I,onChangeField:x}),p(g,{type:"class",options:d,label:"Class",value:r.class,error:_("class"),xs:I,onChangeField:x}),p(g,{type:"material",options:j,label:"Material",value:r.material,error:_("material"),xs:I,onChangeField:x})]})}),!n&&s(i,{item:!0,className:y.eidtorActionGroup,children:[p(c,{handleCancel:S}),p(u,{handleSave:T,disabled:!o(f)})]})]})}f.propTypes={component:r.shape({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,onCancel:r.func.isRequired,onSave:r.func.isRequired,onUseSuggestion:r.func.isRequired,columns:r.number.isRequired},f.defaultProps={error:null};var x=e(f);export{x 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{isMobileDetected as n}from"../../../../../utils/mobileDetect.js";import{jsxs as s,jsx as p}from"react/jsx-runtime";import"../../../../DevCenter/DevCenterAppContainer/components/AppActions/AppActions.css.js";import"../../../../DevCenter/DevCenterAppContainer/components/AppSettingsDialog/AppSettingsDialog.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/DcFullscreenElemsCoordinatorProvider/DcFullscreenElemsCoordinatorProvider.js";import"../../../../DevCenter/DevCenterAppContainer/components/DcFullscreenElemsCoordinatorProvider/IsInsideDcFullscreenElemProvider.js";import"../../../../DevCenter/DevCenterAppContainer/components/IsInsideDcAppProvider/IsInsideDcAppProvider.js";import"../../../../Modal/CorvaModal.js";import"uuid";import"../../../../IconMenu/index.js";import"../../../../StyledMenuItem/index.js";import"../../../../DevCenter/AppHeader/AppHeader.js";import"../../../../DevCenter/AppSideBar/AppSideBar.js";import"../../../../DevCenter/AppsDataProvider/AppsDataProvider.js";import"../../../../DevCenter/DevCenterAppContainer/DevCenterAppContainer.js";import"../../../../DevCenter/NavigationBar/NavigationBar.js";import"../../../../DevCenter/SideBar/SideBar.js";import"../../../../DevCenter/AppSettingsPopover/AppSettingsPopover.js";import"../../../../DevCenter/AppFilterPanelLayout/AppFilterPanelLayout.js";import"../../../../DevCenter/DevCenterRouterContext/DevCenterRouterContext.js";import"../../../../DevCenter/DevCenterRouterContext/UniversalLink/UniversalLink.js";import"@babel/runtime/helpers/defineProperty";import"@babel/runtime/helpers/objectWithoutProperties";import"react-router";import"../../../../DevCenter/IsolatedDevCenterAppContainer/DevCenterIsolatedAppPage.js";import"../../../../DevCenter/IsolatedDevCenterAppContainer/DevCenterIsolatedApp.js";import"../../../../DevCenter/AppContext.js";import"../../../../AssetEditor/index.js";import"../../../../AppVersionsSelect/AppVersionsSelect.js";import"../../../../LoadingIndicator/LoadingIndicator.js";import"../../../../Typography.js";import"../../../../CollapsableSidebar.js";import"../../../../DateTimePicker/index.js";import"../../../../DatePicker/index.js";import"../../../../ErrorBoundary/ErrorBoundary.js";import"../../../../ErrorBoundary/DevCenterAppErrorView/DevCenterAppErrorView.js";import"../../../../Annotations/components/AnnotationsList/index.js";import"../../../../Annotations/components/LastAnnotation/index.js";import"../../../../Annotations/AnnotationsContext.js";import"../../../../SlateFormattedText/SlateFormattedText.js";import"../../../../SlateFormattedText/RenderElements.js";import"@babel/runtime/helpers/typeof";import"slate";import"../../../../ParameterCharts/ParameterCharts.js";import"../../../../ParameterCharts/AddEditTrack.js";import"../../../../ChartActionsList/ChartActionsList.js";import"../../../../CopyToClipboard/CopyToClipboard.js";import"../../../../AssetEditor/AssetEditorAutocomplete.js";import"../../../../AssetEditor/SingleAssetEditor.js";import"../../../../SettingEditors/ColorEditor/index.js";import"../../../../SettingEditors/DropdownEditor/index.js";import"../../../../SettingEditors/RadioEditor/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/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"../../../../ColorPicker/PaletteChromePicker/PaletteChromePicker.js";import"../../../../TruncatedText/index.js";import"../../../../RangeSlider/RangeSlider.js";import"../../../../AdvancedSlider/AdvancedSlider.js";import"../../../../Breadcrumbs/index.js";import"../../../../VirtualizedTable/index.js";import"../../../../EmptyView/EmptyView.js";import"../../../../EmptyView/EmptyAppView/EmptyAppView.js";import"../../../../Button/index.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"../../../../IconButton/index.js";import"../../../../TextField/index.js";import"../../../../Chip/index.js";import"../../../../Counter/index.js";import"../../../../AnchorsList/AnchorsList.js";import"../../../../Select/index.js";import"../../../../CustomSelect/index.js";import"../../../../Tabs/Tabs.js";import"../../../../Tabs/Tab.js";import"../../../../ResizableTable/ResizableTable.js";import"@material-ui/icons/Check";import"@material-ui/icons/Close";import"@material-ui/icons/Edit";import"@material-ui/icons/Delete";import"../../../../GradientManager/configuration/constants.js";import"../../../../GradientManager/GradientList.js";import"@material-ui/icons/AddCircle";import"classnames";import"../../../../GradientManager/GradientPreview/GradientPreview.js";import"../../../../GradientManager/GradientSelect.styles.js";import"../../../../GradientPicker/GradientPicker.js";import"../../../../GradientManager/GradientManager.styles.js";import"../../../../Drillstring/BHASchematic.js";import"../../../../Drillstring/BHATable/index.js";import"../../../../Drillstring/BHAComponentIcon.js";import"../../../../Drillstring/BHAComponentDetail/index.js";import"../../../../Drillstring/BHATileIcon.js";import"../../../../Drillstring/BHATile/BHATile.js";import"../../../../Drillstring/BHAList/BHAList.js";import"../../../../Drillstring/BHAComponentsTable/BHAComponentsTable.js";import"../../../CasingTable/index.js";import a from"../../../CasingComponentIcon.js";import"../../../CasingTileIcon.js";import"../../CasingTableV2.js";import"../../../CasingTile/CasingTile.js";import"../../../../DisabledSettingsMessage/DisabledSettingsMessage.js";import"../../../../WellSummary/WellSummaryItemLabel.js";import"../../../../WellSummary/WellSummaryItemTitle.js";import"../../../../WellSummary/WellSummaryItemValue.js";import"../../../../WellSummary/ActivitySummaryChart.js";import"../../../../WellSummary/FracWirelineTimeChart.js";import"@babel/runtime/helpers/slicedToArray";import"@babel/runtime/helpers/asyncToGenerator";import"@babel/runtime/regenerator";import"../../../../../clients/jsonApi/index.js";import"../../../../../constants/goals.js";import"../../../../../constants/segment.js";import"../../../../../constants/alerts.js";import"../../../../../constants/apps.js";import{OD_ID_DEP_LIST as m,COMPONENT_GRADES as l,COMPONENT_CLASSES as d,COMPONENT_MATERIALS as c}from"../../../../../constants/casing.js";import"../../../../../constants/drillstring.js";import"../../../../../constants/completion.js";import"../../../../../constants/notifications.js";import"../../../../../constants/feed.js";import"../../../../../constants/bha.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/OffsetWellPickerV4.js";import"../../../../OffsetWellMap/OffsetWellMap.js";import"../../../../Notifications/Notifications.js";import"@babel/runtime/helpers/toConsumableArray";import"../../../../Toaster/Toaster.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"../../../../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"../../../../Table/TableToolbar/TableToolbar.js";import"../../../../Table/TableContainer/TableContainer.js";import"../../../../Table/TableCell/TableCell.js";import"../../../../Tooltip/ScrollableTooltip.js";import"../../../../PriceInput/PriceInput.js";import"../../../../LabelsCounter/LabelsCounter.js";import"../../../../Stepper/Step.js";import"../../../../Stepper/StepsWrapper.js";import"../../../../Stepper/Stepper.js";import"../../../../Comment/CommentIcon/index.js";import"../../../../FilesLoader/FilesLoader.js";import"../../../../FilesLoader/Icons/FileIcon.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"../../../../HelpCenter/HelpCenterIcon.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/InputAdornmentLeft.js";import"../../../../Search/components/Groups.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{CancelButton as j}from"../../../../Drillstring/BHAComponentsTable/components/shared/CancelButton.js";import"../../../../Drillstring/BHAComponentsTable/components/shared/ExpandCollapseButton.js";import"../../../../Drillstring/BHAComponentsTable/components/shared/FormatedNumber.js";import{InputText as C}from"../../../../Drillstring/BHAComponentsTable/components/shared/InputText.js";import"../../../../Drillstring/BHAComponentsTable/components/shared/MoreButton.js";import{SaveButton as u}from"../../../../Drillstring/BHAComponentsTable/components/shared/SaveButton.js";import{SelectField as g}from"../../../../Drillstring/BHAComponentsTable/components/shared/SelectField.js";import"../../../../Drillstring/BHAComponentsTable/components/shared/StaticField.js";import{SharedEditorElements as h}from"../../../../Drillstring/BHAComponentsTable/components/shared/SharedEditorElements.js";import"../../../../Drillstring/BHAComponentsTable/components/shared/ConfirmationPopup.js";import A from"../../../../Drillstring/BHAComponentsTable/components/Suggestions/Suggestions.js";import{useStyles as b}from"../../../../Drillstring/BHAComponentsTable/components/sharedStyles.js";import{OD_ID_DEP_COLUMNS as D,CONTAINER_XS as v}from"../constants.js";function f(e){var r=e.component,f=e.error,S=e.onChange,x=e.onCancel,T=e.onSave,P=e.onUseSuggestion,B=e.columns,y=b({isMobile:n}),I=n?v/2:v/B,_=function(e){return f&&f[e]},E=t((function(){var e=m;return r.outer_diameter?e.filter((function(e){return e.outer_diameter===parseFloat(r.outer_diameter)})):[]}),[r.outer_diameter]);return s(i,{container:!0,spacing:0,className:y.editorContainer,children:[!n&&p(i,{item:!0,className:y.editorComponentSize,children:p(a,{component:r})}),p(i,{item:!0,className:y.eidtorContentContainer,children:s(i,{container:!0,spacing:2,children:[p(h,{component:r,getError:_,onChange:S,isCasing:!0}),E.length>0&&p(A,{data:E,allData:m,columns:D,displayKeys:["outer_diameter","inner_diameter"],descriptionKeys:["outer_diameter","inner_diameter","linear_weight","number_of_joints","component_length"],onSelect:P,isCasing:!0}),p(C,{type:"name",label:"Name",value:r.name,error:_("name"),xs:I,onChangeField:S}),p(C,{type:"number_of_joints",label:"# of Joints",value:r.number_of_joints,error:_("number_of_joints"),xs:I,onChangeField:S}),p(C,{type:"component_length",label:"Component Length",unit:"length",value:r.component_length,error:_("component_length"),xs:I,onChangeField:S}),p(C,{type:"weight",label:"T.Weight",unit:"mass",value:r.weight,error:_("weight"),disabled:!0,xs:I,onChangeField:S}),p(g,{type:"grade",options:l,label:"Grade",value:r.grade,error:_("grade"),xs:I,onChangeField:S}),p(C,{type:"outer_diameter_tooljoint",label:"TJ OD",unit:"shortLength",value:r.outer_diameter_tooljoint,error:_("outer_diameter_tooljoint"),xs:I,onChangeField:S}),p(C,{type:"inner_diameter_tooljoint",label:"TJ ID",unit:"shortLength",value:r.inner_diameter_tooljoint,error:_("inner_diameter_tooljoint"),xs:I,onChangeField:S}),p(C,{type:"length_tooljoint",label:"TJ Length Per Joint",unit:"length",value:r.length_tooljoint,error:_("length_tooljoint"),xs:I,onChangeField:S}),p(C,{type:"connection_type",label:"Connection Type",value:r.connection_type,error:_("connection_type"),xs:I,onChangeField:S}),p(g,{type:"class",options:d,label:"Class",value:r.class,error:_("class"),xs:I,onChangeField:S}),p(g,{type:"material",options:c,label:"Material",value:r.material,error:_("material"),xs:I,onChangeField:S})]})}),!n&&s(i,{item:!0,className:y.eidtorActionGroup,children:[p(j,{handleCancel:x}),p(u,{handleSave:T,disabled:!o(f)})]})]})}f.propTypes={component:r.shape({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,onCancel:r.func.isRequired,onSave:r.func.isRequired,onUseSuggestion:r.func.isRequired,columns:r.number.isRequired},f.defaultProps={error:null};var S=e(f);export{S as default};

package/components/Chart/components/ChartWrapper.d.ts

@@ -1,8 +1,15 @@
 export default ChartWrapper;
-declare function ChartWrapper({ children, chartRef, isAxesCoordinatesShown, onCustomizeScaleClick }: {
+declare function ChartWrapper({ children, chartRef, isAxesCoordinatesShown, onCustomizeScaleClick, onZoomChangeCallback, chartOptions, }: {
     children: any;
     chartRef: any;
     isAxesCoordinatesShown: any;
     onCustomizeScaleClick: any;
+    onZoomChangeCallback: any;
+    chartOptions: any;
 }): JSX.Element;
+declare namespace ChartWrapper {
+    namespace defaultProps {
+        function onZoomChangeCallback(): void;
+    }
+}
 //# sourceMappingURL=ChartWrapper.d.ts.map

package/components/Chart/components/ChartWrapper.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ChartWrapper.d.ts","sourceRoot":"","sources":["../../../../src/components/Chart/components/ChartWrapper.js"],"names":[],"mappings":";AAgBA;;;;;gBA8DC"}
+{"version":3,"file":"ChartWrapper.d.ts","sourceRoot":"","sources":["../../../../src/components/Chart/components/ChartWrapper.js"],"names":[],"mappings":";AAwBA;;;;;;;gBAuEC;;;QAGuB,sCAAQ"}

package/components/Chart/components/ChartWrapper.js

@@ -1 +1 @@
-import e from"@babel/runtime/helpers/defineProperty";import r from"@babel/runtime/helpers/slicedToArray";import{makeStyles as t}from"@material-ui/core";import{isEmpty as o}from"lodash";import{useState as n,useEffect as i}from"react";import a from"../ChartWrapperContext.js";import{MIN_CHART_HEIGHT as l}from"../constants.js";import{useZoom as c}from"../effects/useZoom.js";import{useChartModifier as s}from"../effects/useChartModifier.js";import h from"./AxisOverlay.js";import{jsx as m,jsxs as u}from"react/jsx-runtime";function d(e,r){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);r&&(o=o.filter((function(r){return Object.getOwnPropertyDescriptor(e,r).enumerable}))),t.push.apply(t,o)}return t}function f(r){for(var t=1;t<arguments.length;t++){var o=null!=arguments[t]?arguments[t]:{};t%2?d(Object(o),!0).forEach((function(t){e(r,t,o[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(r,Object.getOwnPropertyDescriptors(o)):d(Object(o)).forEach((function(e){Object.defineProperty(r,e,Object.getOwnPropertyDescriptor(o,e))}))}return r}var p=t({container:{width:"100%",height:"100%",position:"relative"}}),v=function(e){var t,d,v,b,C,g,O,j=e.children,y=e.chartRef,S=e.isAxesCoordinatesShown,P=e.onCustomizeScaleClick,Z=p(),w=n({}),E=r(w,2),x=E[0],z=E[1],A=c({chart:null===(t=y.current)||void 0===t?void 0:t.chart}),D=A.zoomStatus,k=A.zoomConfig,B=A.handleZoomEvent,M=A.handleResetZoom,R=A.isZoomEnabled,H=A.handleIsZoomEnabledChange,I=A.debouncedChartSelection;i((function(){var e,r,t;o(null===(e=y.current)||void 0===e?void 0:e.chart)||z({marginBottom:null===(r=y.current)||void 0===r||null===(t=r.chart)||void 0===t?void 0:t.marginBottom})}),[]);var N=(null===(d=y.current)||void 0===d||null===(v=d.chart)||void 0===v||null===(b=v.plotBox)||void 0===b?void 0:b.height)<=l;s({chart:null===(C=y.current)||void 0===C?void 0:C.chart,isZoomEnabled:R,isMinHeightChart:N,handleChartSelection:I,isAxesCoordinatesShown:S});var T={chart:null===(g=y.current)||void 0===g?void 0:g.chart,zoomConfig:k,chartStyles:x,zoomStatus:D,isZoomEnabled:R,setChartStyles:z,handleResetZoom:M,handleZoomEvent:B,isMinHeightChart:N,handleChartSelection:I,handleChangeChartStyles:function(e){z((function(r){return f(f({},r),e)}))},handleIsZoomEnabledChange:H};return m("div",{className:Z.container,children:u(a.Provider,{value:T,children:[j,P&&(null===(O=y.current)||void 0===O?void 0:O.chart.axes.map((function(e){return m(h,f({onCustomizeScaleClick:P},e),e.coll)})))]})})};export{v as default};
+import e from"@babel/runtime/helpers/defineProperty";import o from"@babel/runtime/helpers/slicedToArray";import{makeStyles as t}from"@material-ui/core";import{isEmpty as r,merge as n}from"lodash";import{useState as i,useEffect as a}from"react";import l from"../ChartWrapperContext.js";import{MIN_CHART_HEIGHT as c}from"../constants.js";import{useZoom as s}from"../effects/useZoom.js";import{useChartModifier as h}from"../effects/useChartModifier.js";import m from"./AxisOverlay.js";import{jsx as u,jsxs as d}from"react/jsx-runtime";function p(e,o){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);o&&(r=r.filter((function(o){return Object.getOwnPropertyDescriptor(e,o).enumerable}))),t.push.apply(t,r)}return t}function f(o){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?p(Object(r),!0).forEach((function(t){e(o,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(o,Object.getOwnPropertyDescriptors(r)):p(Object(r)).forEach((function(e){Object.defineProperty(o,e,Object.getOwnPropertyDescriptor(r,e))}))}return o}var v=t({container:{width:"100%",height:"100%",position:"relative"}}),b={zoomType:"xy",panning:{enabled:!0,type:"xy"}},C=function(e){var t,p,C,g,y,O,j,S=e.children,Z=e.chartRef,P=e.isAxesCoordinatesShown,x=e.onCustomizeScaleClick,w=e.onZoomChangeCallback,E=e.chartOptions,z=v(),k=i({}),A=o(k,2),D=A[0],B=A[1],M=s({chart:null===(t=Z.current)||void 0===t?void 0:t.chart}),R=M.zoomStatus,H=M.zoomConfig,I=M.handleZoomEvent,T=M.handleResetZoom,N=M.isZoomEnabled,W=M.handleIsZoomEnabledChange,q=M.debouncedChartSelection;a((function(){var e,o,t;r(null===(e=Z.current)||void 0===e?void 0:e.chart)||B({marginBottom:null===(o=Z.current)||void 0===o||null===(t=o.chart)||void 0===t?void 0:t.marginBottom})}),[]);var F=(null===(p=Z.current)||void 0===p||null===(C=p.chart)||void 0===C||null===(g=C.plotBox)||void 0===g?void 0:g.height)<=c;h({chart:null===(y=Z.current)||void 0===y?void 0:y.chart,chartOptions:n({},b,E),isZoomEnabled:N,isMinHeightChart:F,onZoomChangeCallback:w,handleChartSelection:q,isAxesCoordinatesShown:P});var G={chart:null===(O=Z.current)||void 0===O?void 0:O.chart,zoomConfig:H,chartStyles:D,zoomStatus:R,isZoomEnabled:N,setChartStyles:B,handleResetZoom:T,handleZoomEvent:I,isMinHeightChart:F,handleChartSelection:q,handleChangeChartStyles:function(e){B((function(o){return f(f({},o),e)}))},handleIsZoomEnabledChange:W};return u("div",{className:z.container,children:d(l.Provider,{value:G,children:[S,x&&(null===(j=Z.current)||void 0===j?void 0:j.chart.axes.map((function(e){return u(m,f({onCustomizeScaleClick:x},e),e.coll)})))]})})};C.defaultProps={onZoomChangeCallback:function(){}};export{C as default};

package/components/Chart/effects/useChartModifier.d.ts

@@ -1,8 +1,10 @@
-export function useChartModifier({ chart, isZoomEnabled, isMinHeightChart, handleChartSelection, isAxesCoordinatesShown, }: {
+export function useChartModifier({ chart, chartOptions, isZoomEnabled, isMinHeightChart, handleChartSelection, onZoomChangeCallback, isAxesCoordinatesShown, }: {
     chart: any;
+    chartOptions: any;
     isZoomEnabled: any;
     isMinHeightChart: any;
     handleChartSelection: any;
+    onZoomChangeCallback: any;
     isAxesCoordinatesShown: any;
 }): void;
 //# sourceMappingURL=useChartModifier.d.ts.map

package/components/Chart/effects/useChartModifier.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useChartModifier.d.ts","sourceRoot":"","sources":["../../../../src/components/Chart/effects/useChartModifier.js"],"names":[],"mappings":"AAcO;;;;;;SA+DN"}
+{"version":3,"file":"useChartModifier.d.ts","sourceRoot":"","sources":["../../../../src/components/Chart/effects/useChartModifier.js"],"names":[],"mappings":"AAcO;;;;;;;;SAgEN"}

package/components/Chart/effects/useChartModifier.js

@@ -1 +1 @@
-import{makeStyles as r}from"@material-ui/core";import{isEmpty as o}from"lodash";import{useEffect as a}from"react";import{updateAxisStyles as s}from"../formations.js";var i=r({axisGrab:{cursor:"grab"},axisCrosshair:{cursor:"crosshair"}}),t=function(r){var t=r.chart,e=r.isZoomEnabled,n=r.isMinHeightChart,c=r.handleChartSelection,l=r.isAxesCoordinatesShown,h=i();a((function(){if(!o(t)){var r={zIndex:1,color:"#ffffff",dashStyle:"dash"};t.plotBackground.element.style.cursor=e?"crosshair":"grab",t.update({chart:{plotBackgroundColor:"transparent",zoomType:n||!e?"none":"xy",panning:{enabled:!0,type:"xy"}},xAxis:{crosshair:l?r:null,className:e?h.axisCrosshair:h.axisGrab,events:{afterSetExtremes:function(r){var o;"zoom"!==r.trigger&&"navigator"!==r.trigger||c(),null!==(o=t.xAxis[0].userOptions.plotLines)&&void 0!==o&&o.length&&s({chart:t})}}},yAxis:{crosshair:l?r:null,className:e?h.axisCrosshair:h.axisGrab,events:{afterSetExtremes:function(r){"zoom"!==r.trigger&&"navigator"!==r.trigger||c()}}},plotOptions:{series:{cursor:n||!e?"grab":"crosshair"}}})}}),[e,c,l])};export{t as useChartModifier};
+import r from"@babel/runtime/helpers/defineProperty";import{makeStyles as e}from"@material-ui/core";import{isEmpty as t}from"lodash";import{useEffect as o}from"react";import{updateAxisStyles as s}from"../formations.js";function a(r,e){var t=Object.keys(r);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(r);e&&(o=o.filter((function(e){return Object.getOwnPropertyDescriptor(r,e).enumerable}))),t.push.apply(t,o)}return t}function i(e){for(var t=1;t<arguments.length;t++){var o=null!=arguments[t]?arguments[t]:{};t%2?a(Object(o),!0).forEach((function(t){r(e,t,o[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(o)):a(Object(o)).forEach((function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(o,r))}))}return e}var n=e({axisGrab:{cursor:"grab"},axisCrosshair:{cursor:"crosshair"}}),c=function(r){var e=r.chart,a=r.chartOptions,c=r.isZoomEnabled,l=r.isMinHeightChart,p=r.handleChartSelection,f=r.onZoomChangeCallback,u=r.isAxesCoordinatesShown,h=n();o((function(){if(!t(e)){var r={zIndex:1,color:"#ffffff",dashStyle:"dash"};e.plotBackground.element.style.cursor=c?"crosshair":"grab",e.update({chart:i(i({},a),{},{plotBackgroundColor:"transparent",zoomType:l||!c?"none":a.zoomType}),xAxis:{crosshair:u?r:null,className:c?h.axisCrosshair:h.axisGrab,events:{afterSetExtremes:function(r){var t;"zoom"!==r.trigger&&"navigator"!==r.trigger||p(),null!==(t=e.xAxis[0].userOptions.plotLines)&&void 0!==t&&t.length&&s({chart:e}),f(r)}}},yAxis:{crosshair:u?r:null,className:c?h.axisCrosshair:h.axisGrab,events:{afterSetExtremes:function(r){"zoom"!==r.trigger&&"navigator"!==r.trigger||p(),f(r)}}},plotOptions:{series:{cursor:l||!c?"grab":"crosshair"}}})}}),[c,p,u])};export{c as useChartModifier};

package/components/ChartActionsList/ChartActionsList.d.ts

@@ -12,7 +12,7 @@ declare const _default: import("react").ComponentType<Pick<Pick<{
     left: PropTypes.Validator<number>;
     right: PropTypes.Validator<number>;
     classes: PropTypes.Validator<NonNullable<PropTypes.InferProps<{}>>>;
-}>, "min" | "max" | "left" | "classes" | "onChange" | "right">, "min" | "max" | "left" | "onChange" | "right"> & import("@material-ui/core").StyledComponentProps<"input">>;
+}>, "min" | "right" | "max" | "left" | "classes" | "onChange">, "min" | "right" | "max" | "left" | "onChange"> & import("@material-ui/core").StyledComponentProps<"input">>;
 export default _default;
 import PropTypes from "prop-types";
 //# sourceMappingURL=ChartActionsList.d.ts.map

package/components/DevCenter/AppHeader/AppHeader.css.js

@@ -1 +1 @@
-import e from'./../../../ext-esm/style-inject/dist/style-inject.es.js';var d={padModeSelect:"AppHeader_padModeSelect__CP-Ia",mediumSizeContent:"AppHeader_mediumSizeContent__xb-Wo",headerChildren:"AppHeader_headerChildren__HJCQq",controlsContainer:"AppHeader_controlsContainer__aX0s9",appMaximized:"AppHeader_appMaximized__lT1ld"};e(".AppHeader_padModeSelect__CP-Ia{height:24px;margin-top:8px;z-index:999}.AppHeader_padModeSelect__CP-Ia>div:first-child{padding-bottom:0;padding-left:0;padding-top:0!important}.AppHeader_mediumSizeContent__xb-Wo{justify-content:flex-start;margin-top:8px}.AppHeader_mediumSizeContent__xb-Wo .AppHeader_headerChildren__HJCQq{padding:0}.AppHeader_headerChildren__HJCQq{display:flex;padding:0 0 12px 16px}.AppHeader_headerChildren__HJCQq,.AppHeader_headerChildren__HJCQq>*{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.AppHeader_controlsContainer__aX0s9{align-items:center;display:flex;justify-content:flex-end}.AppHeader_controlsContainer__aX0s9>:not(:last-child){margin-right:16px;padding:0}.AppHeader_appMaximized__lT1ld{margin-right:28px}");export{d as default};
+import e from'./../../../ext-esm/style-inject/dist/style-inject.es.js';var a={padModeSelect:"AppHeader_padModeSelect__CP-Ia",appMaximized:"AppHeader_appMaximized__lT1ld",controlsContainer:"AppHeader_controlsContainer__aX0s9",assetLabels:"AppHeader_assetLabels__sa5nh"};e(".AppHeader_padModeSelect__CP-Ia{align-items:center;display:flex;height:36px;z-index:999}.AppHeader_padModeSelect__CP-Ia>div:first-child{margin:0;padding:0!important}.AppHeader_appMaximized__lT1ld{margin-right:28px}.AppHeader_controlsContainer__aX0s9{align-items:center;display:flex;justify-content:flex-end}.AppHeader_controlsContainer__aX0s9>:not(:last-child){margin-right:16px;padding:0}.AppHeader_assetLabels__sa5nh{align-items:center;display:flex;height:24px}.AppHeader_assetLabels__sa5nh>*{margin-right:8px}");export{a as default};

package/components/DevCenter/AppHeader/AppHeader.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AppHeader.d.ts","sourceRoot":"","sources":["../../../../src/components/DevCenter/AppHeader/AppHeader.js"],"names":[],"mappings":"AAuBA,8CAA+C;;AA8C/C;;;;;;;;;;;;;;;;;;;;gBA+HC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QA0D0C,kEAAQ"}
+{"version":3,"file":"AppHeader.d.ts","sourceRoot":"","sources":["../../../../src/components/DevCenter/AppHeader/AppHeader.js"],"names":[],"mappings":"AAuBA,8CAA+C;;AA8C/C;;;;;;;;;;;;;;;;;;;;gBA0IC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QA0D0C,kEAAQ"}

package/components/DevCenter/AppHeader/AppHeader.js

@@ -1 +1 @@
-import e from"@babel/runtime/helpers/defineProperty";import t from"@babel/runtime/helpers/slicedToArray";import{useState as n,useRef as a,useEffect as s}from"react";import{get as r}from"lodash";import i from"prop-types";import o from"classnames";import{Tooltip as l}from"@material-ui/core";import"../../Annotations/components/AnnotationsList/index.js";import p from"../../Annotations/components/LastAnnotation/index.js";import"../../Annotations/AnnotationsContext.js";import{SEGMENTS as d}from"../../../constants/segment.js";import{DEV_CENTER_CLI_APP_ID as c}from"../../../constants/devcenter.js";import"../../../constants/goals.js";import"../../../constants/alerts.js";import"../../../constants/apps.js";import"../../../constants/drillstring.js";import"../../../constants/completion.js";import"../../../constants/notifications.js";import"../../../constants/feed.js";import"../../../constants/bha.js";import"../../GradientManager/configuration/constants.js";import{getAppName as m,getAppSegment as u}from"../../../utils/devcenter.js";import{VersionBadge as f}from"./VersionBadge.js";import g from"./PadMode.js";import{APP_LAYOUT_SIZES as h,getAppDimension as A}from"./utils.js";import{SecondaryAssetNameLabel as b}from"../../AssetNameLabel/SecondaryAssetNameLabel.js";import{AssetNameLabel as v}from"../../AssetNameLabel/AssetNameLabel.js";import{PadIcon as y}from"./PadIcon.js";import j from"./AppHeader.css.js";import{useStyles as L}from"./AppHeaderStyles.js";import{jsxs as N,Fragment as O,jsx as S}from"react/jsx-runtime";function _(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);t&&(a=a.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,a)}return n}function P(t){for(var n=1;n<arguments.length;n++){var a=null!=arguments[n]?arguments[n]:{};n%2?_(Object(a),!0).forEach((function(n){e(t,n,a[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(a)):_(Object(a)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(a,e))}))}return t}var w="DevCenter_AppHeader",I=function(e){return"/assets/".concat(null==e?void 0:e.asset_id)};function C(e){var i,_,C,x,M=e.app,D=e.appLastAnnotation,W=e.appSettings,k=e.badge,H=e.children,T=e.classes,F=e.coordinates,B=e.currentUser,R=e.fracFleet,q=e.isMaximized,E=e.logoSrc,U=e.onSettingChange,V=e.openAnnotationsList,z=e.primaryAssetStatusBadge,G=e.rig,J=e.showLastAnnotation,K=e.updateCurrentDashboardAppLastAnnotation,Q=e.well,X=e.wells,Y=L(),Z=n(!1),$=t(Z,2),ee=$[0],te=$[1],ne=a(null),ae=null==F?void 0:F.pixelWidth;s((function(){var e,t;te(Math.abs((null===(e=ne.current)||void 0===e?void 0:e.offsetWidth)-(null===(t=ne.current)||void 0===t?void 0:t.scrollWidth))>1)}),[null===(i=ne.current)||void 0===i?void 0:i.offsetWidth,ae]);var se=A(ae),re=m(M),ie=null==M||null===(_=M.package)||void 0===_||null===(C=_.manifest)||void 0===C||null===(x=C.application)||void 0===x?void 0:x.subtitle,oe=u(M),le=oe===d.COMPLETION,pe=function(e){var t,n=e.appSettings,a=void 0===n?{}:n,s=e.well,r=e.rig,i=e.fracFleet,o=e.segment,l=o===d.DRILLING,p=o===d.COMPLETION,c=a.wellId,m=a.rigId,u=a.fracFleetId,f=a.padId,g=null==i||null===(t=i.pad_frac_fleets.find((function(e){return e.pad.id===(f||i.current_pad_id)})))||void 0===t?void 0:t.pad,h=l?c&&(null==s?void 0:s.name):null==g?void 0:g.name,A=null!=i&&i.current_pad_id?"/assets/types/pad/".concat(null==i?void 0:i.current_pad_id):null,b=l?null==r?void 0:r.name:null==i?void 0:i.name,v=!!(c||m||u),y=!1,j=l?b&&I(s):A;return p&&!v&&null!=s&&s.id&&null!=s&&s.name&&(y=!0,v=!0,j=I(s),b=s.name),{isPrimaryAssetStatusVisible:y,isPrimaryNameVisible:v,primaryAssetLink:j,primaryAssetName:b,secondaryAssetLink:l?I(s):"/assets/types/pad/".concat(f||(null==i?void 0:i.current_pad_id)),secondaryAssetName:h}}({appSettings:null==M?void 0:M.settings,well:Q,rig:G,fracFleet:R,segment:oe}),de=pe.isPrimaryAssetStatusVisible,ce=pe.isPrimaryNameVisible,me=pe.primaryAssetLink,ue=pe.primaryAssetName,fe=pe.secondaryAssetLink,ge=pe.secondaryAssetName,he=[h.MEDIUM,h.SMALL].includes(se),Ae=M&&M.id===c,be={fracFleet:R,wells:X,well:Q,onSettingChange:U,appSettings:W};return N(O,{children:[N("div",{className:o(Y.appHeaderContainer,T.appHeader),children:[N("div",{className:Y.titleBlock,children:[N("div",{className:T.appHeaderTitleWrapper,ref:ne,children:[N("div",{className:Y.titleWrapper,children:[E&&N(O,{children:[S("img",{className:Y.logo,src:E,alt:"company logo"}),S("div",{className:Y.separateLine})]}),S(l,{title:ee?re:"",placement:"bottom",children:S("h6",{"data-testid":"".concat(w,"_name"),className:Y.title,children:re})}),S(f,{appPackage:null==M?void 0:M.package})]}),k]}),ie&&S("h6",{"data-testid":"".concat(w,"_subtitle"),className:Y.subtitle,children:ie})]}),M&&F&&N("div",{className:o(j.controlsContainer,q&&j.appMaximized),children:[le&&!he&&S(g,P({},be)),H,ge&&S(b,{assetName:ge,coordinatesPixelWidth:ae,dataTestId:"".concat(w,"_secondaryAsset"),href:!Ae&&fe,icon:S(y,{}),isColored:!le||M.settings.padId&&M.settings.padId!==R.current_pad_id}),ce&&S(v,{assetName:ue,coordinatesPixelWidth:ae,dataTestId:"".concat(w,"_primaryAsset"),href:!Ae&&(me||"/feed"),statusBadge:de&&z})]}),J&&D&&S(p,{annotation:D,appId:r(M,["app","id"]),currentUser:B,dashboardAppId:M.id,openAnnotationsList:V,updateCurrentDashboardAppLastAnnotation:K})]}),le&&he&&S("div",{className:j.padModeSelect,children:S(g,P({},be))})]})}C.propTypes={app:i.object.isRequired,badge:i.node,classes:i.shape({appHeader:i.string,appHeaderTitleWrapper:i.string}),showLastAnnotation:i.bool,currentUser:i.shape({}),appLastAnnotation:i.shape({}),updateCurrentDashboardAppLastAnnotation:i.func,openAnnotationsList:i.func,rig:i.shape({name:i.string,asset_id:i.number}),well:i.shape({name:i.string,asset_id:i.number}),fracFleet:i.shape({name:i.string,current_pad_id:i.number,pad_frac_fleets:i.arrayOf(i.shape({pad:i.shape({id:i.number.isRequired}).isRequired})).isRequired}),wells:i.arrayOf(i.shape({})),coordinates:i.shape({pixelWidth:i.number.isRequired}),isMaximized:i.bool,appSettings:i.shape({}),onSettingChange:i.func,children:i.arrayOf(i.node),logoSrc:i.string,primaryAssetStatusBadge:i.node},C.defaultProps={appLastAnnotation:null,appSettings:null,badge:null,children:null,classes:{},coordinates:void 0,currentUser:void 0,fracFleet:null,isMaximized:!1,logoSrc:null,onSettingChange:void 0,openAnnotationsList:void 0,rig:null,showLastAnnotation:!0,updateCurrentDashboardAppLastAnnotation:function(){},well:null,wells:null,primaryAssetStatusBadge:null};export{w as PAGE_NAME,C as default};
+import e from"@babel/runtime/helpers/defineProperty";import t from"@babel/runtime/helpers/slicedToArray";import{useState as a,useRef as n,useEffect as s}from"react";import{get as r}from"lodash";import i from"prop-types";import o from"classnames";import{Tooltip as l}from"@material-ui/core";import"../../Annotations/components/AnnotationsList/index.js";import p from"../../Annotations/components/LastAnnotation/index.js";import"../../Annotations/AnnotationsContext.js";import{SEGMENTS as d}from"../../../constants/segment.js";import{DEV_CENTER_CLI_APP_ID as c}from"../../../constants/devcenter.js";import"../../../constants/goals.js";import"../../../constants/alerts.js";import"../../../constants/apps.js";import"../../../constants/drillstring.js";import"../../../constants/completion.js";import"../../../constants/notifications.js";import"../../../constants/feed.js";import"../../../constants/bha.js";import"../../GradientManager/configuration/constants.js";import{getAppName as m,getAppSegment as u}from"../../../utils/devcenter.js";import{VersionBadge as f}from"./VersionBadge.js";import g from"./PadMode.js";import{APP_LAYOUT_SIZES as h,getAppDimension as b}from"./utils.js";import{SecondaryAssetNameLabel as A}from"../../AssetNameLabel/SecondaryAssetNameLabel.js";import{AssetNameLabel as v}from"../../AssetNameLabel/AssetNameLabel.js";import{PadIcon as y}from"./PadIcon.js";import j from"./AppHeader.css.js";import{useStyles as L}from"./AppHeaderStyles.js";import{jsxs as N,Fragment as S,jsx as _}from"react/jsx-runtime";function O(e,t){var a=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),a.push.apply(a,n)}return a}function P(t){for(var a=1;a<arguments.length;a++){var n=null!=arguments[a]?arguments[a]:{};a%2?O(Object(n),!0).forEach((function(a){e(t,a,n[a])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):O(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}var w="DevCenter_AppHeader",I=function(e){return"/assets/".concat(null==e?void 0:e.asset_id)};function C(e){var i,O,C,x,M=e.app,D=e.appLastAnnotation,W=e.appSettings,k=e.badge,H=e.children,T=e.classes,F=e.coordinates,B=e.currentUser,R=e.fracFleet,q=e.isMaximized,z=e.logoSrc,E=e.onSettingChange,U=e.openAnnotationsList,V=e.primaryAssetStatusBadge,G=e.rig,J=e.showLastAnnotation,K=e.updateCurrentDashboardAppLastAnnotation,Q=e.well,X=e.wells,Y=a(!1),Z=t(Y,2),$=Z[0],ee=Z[1],te=n(null),ae=null==F?void 0:F.pixelWidth;s((function(){var e,t;ee((null===(e=te.current)||void 0===e?void 0:e.scrollWidth)>(null===(t=te.current)||void 0===t?void 0:t.offsetWidth))}),[null===(i=te.current)||void 0===i?void 0:i.offsetWidth,ae]);var ne=b(ae),se=m(M),re=null==M||null===(O=M.package)||void 0===O||null===(C=O.manifest)||void 0===C||null===(x=C.application)||void 0===x?void 0:x.subtitle,ie=u(M),oe=ie===d.COMPLETION,le=function(e){var t,a=e.appSettings,n=void 0===a?{}:a,s=e.well,r=e.rig,i=e.fracFleet,o=e.segment,l=o===d.DRILLING,p=o===d.COMPLETION,c=n.wellId,m=n.rigId,u=n.fracFleetId,f=n.padId,g=null==i||null===(t=i.pad_frac_fleets.find((function(e){return e.pad.id===(f||i.current_pad_id)})))||void 0===t?void 0:t.pad,h=l?c&&(null==s?void 0:s.name):null==g?void 0:g.name,b=null!=i&&i.current_pad_id?"/assets/types/pad/".concat(null==i?void 0:i.current_pad_id):null,A=l?null==r?void 0:r.name:null==i?void 0:i.name,v=!!(c||m||u),y=!1,j=l?A&&I(s):b;return p&&!v&&null!=s&&s.id&&null!=s&&s.name&&(y=!0,v=!0,j=I(s),A=s.name),{isPrimaryAssetStatusVisible:y,isPrimaryNameVisible:v,primaryAssetLink:j,primaryAssetName:A,secondaryAssetLink:l?I(s):"/assets/types/pad/".concat(f||(null==i?void 0:i.current_pad_id)),secondaryAssetName:h}}({appSettings:null==M?void 0:M.settings,well:Q,rig:G,fracFleet:R,segment:ie}),pe=le.isPrimaryAssetStatusVisible,de=le.isPrimaryNameVisible,ce=le.primaryAssetLink,me=le.primaryAssetName,ue=le.secondaryAssetLink,fe=le.secondaryAssetName,ge=[h.MEDIUM,h.SMALL].includes(ne),he=M&&M.id===c,be={fracFleet:R,wells:X,well:Q,onSettingChange:E,appSettings:W},Ae=L({isMobileSize:ge});return N(S,{children:[N("div",{className:Ae.appHeaderWrapper,children:[N("div",{className:o(Ae.appHeaderContainer,T.appHeader),children:[N("div",{className:Ae.titleBlock,children:[N("div",{className:T.appHeaderTitleWrapper,ref:te,children:[N("div",{className:Ae.titleWrapper,children:[z&&N(S,{children:[_("img",{className:Ae.logo,src:z,alt:"company logo"}),_("div",{className:Ae.separateLine})]}),_(l,{title:$?se:"",placement:"bottom",children:_("h6",{"data-testid":"".concat(w,"_name"),className:Ae.title,children:se})}),_(f,{appPackage:null==M?void 0:M.package})]}),k]}),(!ge||z)&&re&&_("h6",{"data-testid":"".concat(w,"_subtitle"),className:Ae.subtitle,children:re})]}),M&&F&&N("div",{className:o(j.controlsContainer,q&&j.appMaximized),children:[oe&&!ge&&_(g,P({},be)),H,N("div",{className:j.assetLabels,children:[fe&&_(A,{assetName:fe,coordinatesPixelWidth:ae,dataTestId:"".concat(w,"_secondaryAsset"),href:!he&&ue,icon:oe&&_(y,{}),isColored:!oe||M.settings.padId&&M.settings.padId!==R.current_pad_id}),de&&_(v,{assetName:me,coordinatesPixelWidth:ae,dataTestId:"".concat(w,"_primaryAsset"),href:!he&&(ce||"/feed"),statusBadge:pe&&V})]})]}),J&&D&&_(p,{annotation:D,appId:r(M,["app","id"]),currentUser:B,dashboardAppId:M.id,openAnnotationsList:U,updateCurrentDashboardAppLastAnnotation:K})]}),ge&&re&&!z&&_("h6",{"data-testid":"".concat(w,"_subtitle"),className:Ae.subtitle,children:re})]}),oe&&ge&&_("div",{className:j.padModeSelect,children:_(g,P({},be))})]})}C.propTypes={app:i.object.isRequired,badge:i.node,classes:i.shape({appHeader:i.string,appHeaderTitleWrapper:i.string}),showLastAnnotation:i.bool,currentUser:i.shape({}),appLastAnnotation:i.shape({}),updateCurrentDashboardAppLastAnnotation:i.func,openAnnotationsList:i.func,rig:i.shape({name:i.string,asset_id:i.number}),well:i.shape({name:i.string,asset_id:i.number}),fracFleet:i.shape({name:i.string,current_pad_id:i.number,pad_frac_fleets:i.arrayOf(i.shape({pad:i.shape({id:i.number.isRequired}).isRequired})).isRequired}),wells:i.arrayOf(i.shape({})),coordinates:i.shape({pixelWidth:i.number.isRequired}),isMaximized:i.bool,appSettings:i.shape({}),onSettingChange:i.func,children:i.arrayOf(i.node),logoSrc:i.string,primaryAssetStatusBadge:i.node},C.defaultProps={appLastAnnotation:null,appSettings:null,badge:null,children:null,classes:{},coordinates:void 0,currentUser:void 0,fracFleet:null,isMaximized:!1,logoSrc:null,onSettingChange:void 0,openAnnotationsList:void 0,rig:null,showLastAnnotation:!0,updateCurrentDashboardAppLastAnnotation:function(){},well:null,wells:null,primaryAssetStatusBadge:null};export{w as PAGE_NAME,C as default};

package/components/DevCenter/AppHeader/AppHeaderStyles.d.ts

@@ -1,2 +1,2 @@
-export const useStyles: (props?: any) => import("@material-ui/styles").ClassNameMap<"title" | "appHeaderContainer" | "titleBlock" | "titleWrapper" | "logo" | "separateLine" | "subtitle">;
+export const useStyles: (props?: any) => import("@material-ui/styles").ClassNameMap<"title" | "appHeaderWrapper" | "appHeaderContainer" | "titleBlock" | "titleWrapper" | "logo" | "separateLine" | "subtitle">;
 //# sourceMappingURL=AppHeaderStyles.d.ts.map

package/components/DevCenter/AppHeader/AppHeaderStyles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AppHeaderStyles.d.ts","sourceRoot":"","sources":["../../../../src/components/DevCenter/AppHeader/AppHeaderStyles.js"],"names":[],"mappings":"AAGA,2LA+CI"}
+{"version":3,"file":"AppHeaderStyles.d.ts","sourceRoot":"","sources":["../../../../src/components/DevCenter/AppHeader/AppHeaderStyles.js"],"names":[],"mappings":"AAGA,gNAqDI"}

package/components/DevCenter/AppHeader/AppHeaderStyles.js

@@ -1 +1 @@
-import{makeStyles as e}from"@material-ui/core";var i=e((function(e){return{appHeaderContainer:{display:"flex"},titleBlock:{display:"inline",width:"100%",overflow:"hidden",whiteSpace:"nowrap",textOverflow:"ellipsis",marginRight:24},titleWrapper:{display:"flex",alignItems:"center"},logo:{maxWidth:"130px",maxHeight:"40px"},separateLine:{width:"1px",height:"16px",backgroundColor:e.palette.primary.text9,borderRadius:"1px",margin:"auto 12px"},title:{margin:"0 8px 0 1px",fontSize:"18px",overflow:"hidden",whiteSpace:"nowrap",textOverflow:"ellipsis",lineHeight:"24px",zIndex:1e3,fontWeight:"bold"},subtitle:{color:"#888",margin:"0 0 0 1px",fontSize:"12px",overflow:"hidden",whiteSpace:"nowrap",textOverflow:"ellipsis",fontWeight:400,lineHeight:"16px"}}}));export{i as useStyles};
+import{makeStyles as e}from"@material-ui/core";var t=e((function(e){return{appHeaderWrapper:{width:"100%",marginBottom:8},appHeaderContainer:{display:"flex"},titleBlock:{display:"flex",justifyContent:"center",flexDirection:"column",width:"100%",overflow:"hidden",whiteSpace:"nowrap",textOverflow:"ellipsis",marginRight:16},titleWrapper:{display:"flex",alignItems:"center"},logo:{maxWidth:"130px",maxHeight:"40px"},separateLine:{width:"1px",height:"16px",backgroundColor:e.palette.primary.text9,borderRadius:"1px",margin:"auto 12px"},title:{margin:"0 8px 0 1px",fontSize:"18px",overflow:"hidden",whiteSpace:"nowrap",textOverflow:"ellipsis",lineHeight:"24px",zIndex:1e3,fontWeight:"bold"},subtitle:{color:"#888",margin:"0 0 0 1px",fontSize:"12px",overflow:"hidden",whiteSpace:"nowrap",textOverflow:"ellipsis",fontWeight:400,lineHeight:"16px"}}}));export{t as useStyles};