npm - @corva/ui - Versions diffs - 0.52.0-9 → 0.52.0 - Mend

@corva/ui 0.52.0-9 → 0.52.0

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

Files changed (151) hide show

package/components/DocumentViewer/DocumentViewer.js CHANGED Viewed

	@@ -1 +1 @@
1	- import e from"@babel/runtime/helpers/defineProperty";import t from"@babel/runtime/helpers/slicedToArray";import{useState as r,createRef as o,useCallback as i,useEffect as n}from"react";import s from"prop-types";import p from"classnames";import{Modal as m,Typography as a,IconButton as l}from"@material-ui/core";import c from"@material-ui/icons/Close";import d from"@material-ui/icons/GetApp";import{jsx as j,jsxs as C}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"../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/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 u from"../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"lodash";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"../Drillstring/BHASchematic.js";import"../Drillstring/BHATable/index.js";import"../Drillstring/BHAComponentIcon.js";import"../Drillstring/BHAComponentDetail/index.js";import"../Drillstring/BHATileIcon.js";import"../Drillstring/BHATile/BHATile.js";import"../Drillstring/BHAList/BHAList.js";import"../Drillstring/BHAComponentsTable/BHAComponentsTable.js";import"../Casing/CasingTable/index.js";import"../Casing/CasingComponentIcon.js";import"../Casing/CasingTileIcon.js";import"../Casing/CasingTableV2/CasingTableV2.js";import"../Casing/CasingTile/CasingTile.js";import"../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"uuid";import"../Toaster/Toaster.js";import"../ConfirmationDialog.js";import"../TextLink/index.js";import"../Avatar/index.js";import"../Template/TemplatePopover/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"../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"../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{useStyles as A}from"./styles.js";var f=function(s){var f=s.open,v=s.fileUrl,D=s.fileSize,b=s.fileName,g=s.webviewType,h=s.onClose,P=r(!0),S=t(P,2),x=S[0],T=S[1],I=r(!1),B=t(I,2),y=B[0],E=B[1],w=o(null),F=o(null),V=A(),k=i((function(){return"office"===g?"https://view.officeapps.live.com/op/embed.aspx?src=".concat(window.encodeURIComponent(v)):"https://docs.google.com/viewer?url=".concat(encodeURIComponent(v),"&embedded=true")}),[v]),L=function(){F.current&&(F.current.src=k(),F.current.contentWindow.location.reload())},W=function(){w.current&&clearInterval(w.current),T(!1)};return n((function(){T(!0),E(!1);var e=D&&D>=1048576?D/1048576*1e4:1e4;return w&&f&&(clearInterval(w.current),w.current=setInterval(L,e)),function(){clearInterval(w.current)}}),[v,f]),j(m,{open:f,onClose:h,onContextMenu:function(e){return e.stopPropagation()},children:C("div",{className:V.cDocsViewer,children:[C("div",{className:V.cDocsViewerToolbar,children:[j(a,{children:b}),C("div",{children:[j(l,{size:"small",className:V.cDocsViewerToolbarIconButton,children:j("a",{download:!0,href:v,target:"_blank",rel:"noopener noreferrer",children:j(d,{fontSize:"small"})})}),j(l,{size:"small",onClick:h,className:V.cDocsViewerToolbarIconButton,children:j(c,{fontSize:"small"})})]})]}),x&&j("div",{className:V.cDocsViewerFrame,children:j(u,{white:!1})}),y?j("div",{className:V.cDocsViewerFrame,children:j(a,{variant:"body2",className:V.cDocsViewerFrameFailed,children:"Loading failed"})}):j("iframe",{className:p(V.cDocsViewerFrame,e({},V.cDocsViewerFrameHidden,x)),title:v,src:k(),onLoad:W,onError:function(){W(),E(!0)},ref:F})]})})};f.propTypes={open:s.bool.isRequired,fileUrl:s.string.isRequired,webviewType:s.oneOf(["google","office"]),fileName:s.string,fileSize:s.number,onClose:s.func.isRequired,classes:s.shape({}).isRequired},f.defaultProps={fileName:void 0,fileSize:void 0,webviewType:"google"};export{f as default};
1	+ import e from"@babel/runtime/helpers/defineProperty";import t from"@babel/runtime/helpers/slicedToArray";import{useState as r,createRef as o,useCallback as i,useEffect as n}from"react";import s from"prop-types";import p from"classnames";import{Modal as m,Typography as a,IconButton as l}from"@material-ui/core";import c from"@material-ui/icons/Close";import d from"@material-ui/icons/GetApp";import{jsx as j,jsxs as C}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/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 u from"../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"lodash";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"../Drillstring/BHASchematic.js";import"../Drillstring/BHATable/index.js";import"../Drillstring/BHAComponentIcon.js";import"../Drillstring/BHAComponentDetail/index.js";import"../Drillstring/BHATileIcon.js";import"../Drillstring/BHATile/BHATile.js";import"../Drillstring/BHAList/BHAList.js";import"../Drillstring/BHAComponentsTable/BHAComponentsTable.js";import"../Casing/CasingTable/index.js";import"../Casing/CasingComponentIcon.js";import"../Casing/CasingTileIcon.js";import"../Casing/CasingTableV2/CasingTableV2.js";import"../Casing/CasingTile/CasingTile.js";import"../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"../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"../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"../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{useStyles as A}from"./styles.js";var f=function(s){var f=s.open,v=s.fileUrl,D=s.fileSize,b=s.fileName,g=s.webviewType,h=s.onClose,P=r(!0),S=t(P,2),x=S[0],T=S[1],I=r(!1),B=t(I,2),y=B[0],E=B[1],w=o(null),F=o(null),V=A(),k=i((function(){return"office"===g?"https://view.officeapps.live.com/op/embed.aspx?src=".concat(window.encodeURIComponent(v)):"https://docs.google.com/viewer?url=".concat(encodeURIComponent(v),"&embedded=true")}),[v]),L=function(){F.current&&(F.current.src=k(),F.current.contentWindow.location.reload())},W=function(){w.current&&clearInterval(w.current),T(!1)};return n((function(){T(!0),E(!1);var e=D&&D>=1048576?D/1048576*1e4:1e4;return w&&f&&(clearInterval(w.current),w.current=setInterval(L,e)),function(){clearInterval(w.current)}}),[v,f]),j(m,{open:f,onClose:h,onContextMenu:function(e){return e.stopPropagation()},children:C("div",{className:V.cDocsViewer,children:[C("div",{className:V.cDocsViewerToolbar,children:[j(a,{children:b}),C("div",{children:[j(l,{size:"small",className:V.cDocsViewerToolbarIconButton,children:j("a",{download:!0,href:v,target:"_blank",rel:"noopener noreferrer",children:j(d,{fontSize:"small"})})}),j(l,{size:"small",onClick:h,className:V.cDocsViewerToolbarIconButton,children:j(c,{fontSize:"small"})})]})]}),x&&j("div",{className:V.cDocsViewerFrame,children:j(u,{white:!1})}),y?j("div",{className:V.cDocsViewerFrame,children:j(a,{variant:"body2",className:V.cDocsViewerFrameFailed,children:"Loading failed"})}):j("iframe",{className:p(V.cDocsViewerFrame,e({},V.cDocsViewerFrameHidden,x)),title:v,src:k(),onLoad:W,onError:function(){W(),E(!0)},ref:F})]})})};f.propTypes={open:s.bool.isRequired,fileUrl:s.string.isRequired,webviewType:s.oneOf(["google","office"]),fileName:s.string,fileSize:s.number,onClose:s.func.isRequired,classes:s.shape({}).isRequired},f.defaultProps={fileName:void 0,fileSize:void 0,webviewType:"google"};export{f as default};

package/components/Drillstring/BHAComponentsTable/components/Agitator/Editor.js CHANGED Viewed

	@@ -1 +1 @@
1	- import{memo as e}from"react";import{isEmpty as t}from"lodash";import r from"prop-types";import{Grid as o}from"@material-ui/core";import{isMobileDetected as i}from"../../../../../utils/mobileDetect.js";import{jsxs as n,jsx as s}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"@babel/runtime/helpers/slicedToArray";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"../../../BHASchematic.js";import"../../../BHATable/index.js";import p from"../../../BHAComponentIcon.js";import"../../../BHAComponentDetail/index.js";import"../../../BHATileIcon.js";import"../../../BHATile/BHATile.js";import"../../../BHAList/BHAList.js";import"../../BHAComponentsTable.js";import"../../../../Casing/CasingTable/index.js";import"../../../../Casing/CasingComponentIcon.js";import"../../../../Casing/CasingTileIcon.js";import"../../../../Casing/CasingTableV2/CasingTableV2.js";import"../../../../Casing/CasingTile/CasingTile.js";import"../../../../DisabledSettingsMessage/DisabledSettingsMessage.js";import"../../../../WellSummary/WellSummaryItemLabel.js";import"../../../../WellSummary/WellSummaryItemTitle.js";import"../../../../WellSummary/WellSummaryItemValue.js";import"../../../../WellSummary/ActivitySummaryChart.js";import"../../../../WellSummary/FracWirelineTimeChart.js";import"@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{COMPONENT_MATERIALS as m}from"../../../../../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"uuid";import"../../../../Toaster/Toaster.js";import"../../../../ConfirmationDialog.js";import"../../../../TextLink/index.js";import"../../../../Avatar/index.js";import"../../../../Template/TemplatePopover/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"../../../../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{CancelButton as a}from"../shared/CancelButton.js";import"../shared/ExpandCollapseButton.js";import"../shared/FormatedNumber.js";import{InputText as l}from"../shared/InputText.js";import"../shared/MoreButton.js";import{SaveButton as d}from"../shared/SaveButton.js";import{SelectField as j}from"../shared/SelectField.js";import"../shared/StaticField.js";import{SharedEditorElements as c}from"../shared/SharedEditorElements.js";import"../shared/ConfirmationPopup.js";import{useStyles as C}from"../sharedStyles.js";import u from"../PressureLoss/index.js";import{CONTAINER_XS as A}from"../constants.js";function h(e){var r=e.component,h=e.error,b=e.onChange,v=e.onCancel,D=e.onSave,g=e.columns,f=C({isMobile:i}),S=i?A/2:A/g,P=function(e){return h&&h[e]};return n(o,{container:!0,spacing:0,className:f.editorContainer,children:[!i&&s(o,{item:!0,className:f.editorComponentSize,children:s(p,{component:r})}),s(o,{item:!0,className:f.eidtorContentContainer,children:n(o,{container:!0,spacing:2,children:[s(c,{component:r,getError:P,onChange:b}),s(l,{type:"name",label:"Name",value:r.name,error:P("name"),xs:S,onChangeField:b}),s(l,{type:"weight",label:"T.Weight",unit:"mass",value:r.weight,error:P("weight"),disabled:!0,xs:S,onChangeField:b}),s(l,{type:"connection_type",label:"Connection Type",value:r.connection_type,error:P("connection_type"),xs:S,onChangeField:b}),s(j,{type:"material",options:m,label:"Material",value:r.material,error:P("material"),xs:S,onChangeField:b}),s(u,{isEditing:!0,data:r.pressure_loss,errors:P("pressure_loss"),onChange:function(e){b("pressure_loss",e)}})]})}),!i&&n(o,{item:!0,className:f.eidtorActionGroup,children:[s(a,{handleCancel:v}),s(d,{handleSave:D,disabled:!t(h)})]})]})}h.propTypes={component:r.shape({name:r.string,weight:r.number,connection_type:r.string,material:r.string,pressure_loss:r.arrayOf(r.shape({}))}).isRequired,error:r.shape({}),onChange:r.func.isRequired,onCancel:r.func.isRequired,onSave:r.func.isRequired,columns:r.number.isRequired},h.defaultProps={error:null};var b=e(h);export{b as default};
1	+ import{memo as e}from"react";import{isEmpty as t}from"lodash";import r from"prop-types";import{Grid as o}from"@material-ui/core";import{isMobileDetected as i}from"../../../../../utils/mobileDetect.js";import{jsxs as n,jsx as s}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"../../../BHASchematic.js";import"../../../BHATable/index.js";import p from"../../../BHAComponentIcon.js";import"../../../BHAComponentDetail/index.js";import"../../../BHATileIcon.js";import"../../../BHATile/BHATile.js";import"../../../BHAList/BHAList.js";import"../../BHAComponentsTable.js";import"../../../../Casing/CasingTable/index.js";import"../../../../Casing/CasingComponentIcon.js";import"../../../../Casing/CasingTileIcon.js";import"../../../../Casing/CasingTableV2/CasingTableV2.js";import"../../../../Casing/CasingTile/CasingTile.js";import"../../../../DisabledSettingsMessage/DisabledSettingsMessage.js";import"../../../../WellSummary/WellSummaryItemLabel.js";import"../../../../WellSummary/WellSummaryItemTitle.js";import"../../../../WellSummary/WellSummaryItemValue.js";import"../../../../WellSummary/ActivitySummaryChart.js";import"../../../../WellSummary/FracWirelineTimeChart.js";import"@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{COMPONENT_MATERIALS as m}from"../../../../../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"../../../../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"../../../../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{CancelButton as a}from"../shared/CancelButton.js";import"../shared/ExpandCollapseButton.js";import"../shared/FormatedNumber.js";import{InputText as l}from"../shared/InputText.js";import"../shared/MoreButton.js";import{SaveButton as d}from"../shared/SaveButton.js";import{SelectField as j}from"../shared/SelectField.js";import"../shared/StaticField.js";import{SharedEditorElements as c}from"../shared/SharedEditorElements.js";import"../shared/ConfirmationPopup.js";import{useStyles as C}from"../sharedStyles.js";import u from"../PressureLoss/index.js";import{CONTAINER_XS as A}from"../constants.js";function h(e){var r=e.component,h=e.error,b=e.onChange,v=e.onCancel,D=e.onSave,g=e.columns,f=C({isMobile:i}),S=i?A/2:A/g,P=function(e){return h&&h[e]};return n(o,{container:!0,spacing:0,className:f.editorContainer,children:[!i&&s(o,{item:!0,className:f.editorComponentSize,children:s(p,{component:r})}),s(o,{item:!0,className:f.eidtorContentContainer,children:n(o,{container:!0,spacing:2,children:[s(c,{component:r,getError:P,onChange:b}),s(l,{type:"name",label:"Name",value:r.name,error:P("name"),xs:S,onChangeField:b}),s(l,{type:"weight",label:"T.Weight",unit:"mass",value:r.weight,error:P("weight"),disabled:!0,xs:S,onChangeField:b}),s(l,{type:"connection_type",label:"Connection Type",value:r.connection_type,error:P("connection_type"),xs:S,onChangeField:b}),s(j,{type:"material",options:m,label:"Material",value:r.material,error:P("material"),xs:S,onChangeField:b}),s(u,{isEditing:!0,data:r.pressure_loss,errors:P("pressure_loss"),onChange:function(e){b("pressure_loss",e)}})]})}),!i&&n(o,{item:!0,className:f.eidtorActionGroup,children:[s(a,{handleCancel:v}),s(d,{handleSave:D,disabled:!t(h)})]})]})}h.propTypes={component:r.shape({name:r.string,weight:r.number,connection_type:r.string,material:r.string,pressure_loss:r.arrayOf(r.shape({}))}).isRequired,error:r.shape({}),onChange:r.func.isRequired,onCancel:r.func.isRequired,onSave:r.func.isRequired,columns:r.number.isRequired},h.defaultProps={error:null};var b=e(h);export{b as default};

package/components/Drillstring/BHAComponentsTable/components/Bit/Editor.js CHANGED Viewed

	@@ -1 +1 @@
1	- import{memo as e}from"react";import{isEmpty as t}from"lodash";import r from"prop-types";import{Grid as o}from"@material-ui/core";import{isMobileDetected as i}from"../../../../../utils/mobileDetect.js";import{jsxs as n,jsx as s}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"@babel/runtime/helpers/slicedToArray";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"../../../BHASchematic.js";import"../../../BHATable/index.js";import p from"../../../BHAComponentIcon.js";import"../../../BHAComponentDetail/index.js";import"../../../BHATileIcon.js";import"../../../BHATile/BHATile.js";import"../../../BHAList/BHAList.js";import"../../BHAComponentsTable.js";import"../../../../Casing/CasingTable/index.js";import"../../../../Casing/CasingComponentIcon.js";import"../../../../Casing/CasingTileIcon.js";import"../../../../Casing/CasingTableV2/CasingTableV2.js";import"../../../../Casing/CasingTile/CasingTile.js";import"../../../../DisabledSettingsMessage/DisabledSettingsMessage.js";import"../../../../WellSummary/WellSummaryItemLabel.js";import"../../../../WellSummary/WellSummaryItemTitle.js";import"../../../../WellSummary/WellSummaryItemValue.js";import"../../../../WellSummary/ActivitySummaryChart.js";import"../../../../WellSummary/FracWirelineTimeChart.js";import"@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{COMPONENT_FAMILIES as a,BIT_TYPES as m}from"../../../../../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"uuid";import"../../../../Toaster/Toaster.js";import"../../../../ConfirmationDialog.js";import"../../../../TextLink/index.js";import"../../../../Avatar/index.js";import"../../../../Template/TemplatePopover/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"../../../../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{CancelButton as l}from"../shared/CancelButton.js";import"../shared/ExpandCollapseButton.js";import"../shared/FormatedNumber.js";import{InputText as d}from"../shared/InputText.js";import"../shared/MoreButton.js";import{SaveButton as j}from"../shared/SaveButton.js";import{SelectField as c}from"../shared/SelectField.js";import"../shared/StaticField.js";import"../shared/SharedEditorElements.js";import"../shared/ConfirmationPopup.js";import{useStyles as C}from"../sharedStyles.js";import u from"../NozzleSize/index.js";import{CONTAINER_XS as A}from"../constants.js";function h(e){var r=e.component,h=e.error,b=e.onChange,g=e.onCancel,v=e.onSave,f=e.columns,D=C({isMobile:i}),S=i?A/2:A/f,x=i?A/2:A/6,P=function(e){return h&&h[e]};return n(o,{container:!0,spacing:0,className:D.editorContainer,children:[!i&&s(o,{item:!0,className:D.editorComponentSize,children:s(p,{component:r})}),s(o,{item:!0,className:D.eidtorContentContainer,children:n(o,{container:!0,spacing:2,children:[s(c,{type:"family",options:a.drilling,label:"Component",value:r.family,error:P("family"),xs:x,onChangeField:b,className:D.editorHeaderCell}),s(d,{type:"name",label:"Name",value:r.name,error:P("name"),xs:x,onChangeField:b,className:D.editorHeaderCell}),s(c,{type:"bit_type",options:m,label:"Bit Type",value:r.bit_type,error:P("bit_type"),xs:x,onChangeField:b,className:D.editorHeaderCell}),s(d,{type:"size",label:"Bit Size",unit:"shortLength",value:r.size,error:P("size"),xs:x,onChangeField:b,className:D.editorHeaderCell}),s(d,{type:"length",label:"Length",unit:"length",value:r.length,error:P("length"),xs:x,onChangeField:b,className:D.editorHeaderCell}),s(d,{type:"weight",label:"T.Weight",unit:"mass",value:r.weight,error:P("weight"),disabled:!0,xs:S,onChangeField:b}),s(d,{type:"tfa",label:"TFA",value:r.tfa,error:P("tfa"),xs:S,onChangeField:b}),s(u,{isEditing:!0,data:r.nozzle_sizes,errors:P("nozzle_sizes"),onChange:function(e){b("nozzle_sizes",e)}})]})}),!i&&n(o,{item:!0,className:D.eidtorActionGroup,children:[s(l,{handleCancel:g}),s(j,{handleSave:v,disabled:!t(h)})]})]})}h.propTypes={component:r.shape({family:r.string,bit_type:r.string,size:r.number,length:r.number,name:r.string,weight:r.number,tfa:r.number,nozzle_sizes:r.arrayOf(r.shape({}))}).isRequired,error:r.shape({}),onChange:r.func.isRequired,onCancel:r.func.isRequired,onSave:r.func.isRequired,columns:r.number.isRequired},h.defaultProps={error:null};var b=e(h);export{b as default};
1	+ import{memo as e}from"react";import{isEmpty as t}from"lodash";import r from"prop-types";import{Grid as o}from"@material-ui/core";import{isMobileDetected as i}from"../../../../../utils/mobileDetect.js";import{jsxs as n,jsx as s}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"../../../BHASchematic.js";import"../../../BHATable/index.js";import p from"../../../BHAComponentIcon.js";import"../../../BHAComponentDetail/index.js";import"../../../BHATileIcon.js";import"../../../BHATile/BHATile.js";import"../../../BHAList/BHAList.js";import"../../BHAComponentsTable.js";import"../../../../Casing/CasingTable/index.js";import"../../../../Casing/CasingComponentIcon.js";import"../../../../Casing/CasingTileIcon.js";import"../../../../Casing/CasingTableV2/CasingTableV2.js";import"../../../../Casing/CasingTile/CasingTile.js";import"../../../../DisabledSettingsMessage/DisabledSettingsMessage.js";import"../../../../WellSummary/WellSummaryItemLabel.js";import"../../../../WellSummary/WellSummaryItemTitle.js";import"../../../../WellSummary/WellSummaryItemValue.js";import"../../../../WellSummary/ActivitySummaryChart.js";import"../../../../WellSummary/FracWirelineTimeChart.js";import"@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{COMPONENT_FAMILIES as a,BIT_TYPES as m}from"../../../../../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"../../../../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"../../../../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{CancelButton as l}from"../shared/CancelButton.js";import"../shared/ExpandCollapseButton.js";import"../shared/FormatedNumber.js";import{InputText as d}from"../shared/InputText.js";import"../shared/MoreButton.js";import{SaveButton as j}from"../shared/SaveButton.js";import{SelectField as c}from"../shared/SelectField.js";import"../shared/StaticField.js";import"../shared/SharedEditorElements.js";import"../shared/ConfirmationPopup.js";import{useStyles as C}from"../sharedStyles.js";import u from"../NozzleSize/index.js";import{CONTAINER_XS as A}from"../constants.js";function h(e){var r=e.component,h=e.error,b=e.onChange,g=e.onCancel,v=e.onSave,f=e.columns,D=C({isMobile:i}),S=i?A/2:A/f,x=i?A/2:A/6,P=function(e){return h&&h[e]};return n(o,{container:!0,spacing:0,className:D.editorContainer,children:[!i&&s(o,{item:!0,className:D.editorComponentSize,children:s(p,{component:r})}),s(o,{item:!0,className:D.eidtorContentContainer,children:n(o,{container:!0,spacing:2,children:[s(c,{type:"family",options:a.drilling,label:"Component",value:r.family,error:P("family"),xs:x,onChangeField:b,className:D.editorHeaderCell}),s(d,{type:"name",label:"Name",value:r.name,error:P("name"),xs:x,onChangeField:b,className:D.editorHeaderCell}),s(c,{type:"bit_type",options:m,label:"Bit Type",value:r.bit_type,error:P("bit_type"),xs:x,onChangeField:b,className:D.editorHeaderCell}),s(d,{type:"size",label:"Bit Size",unit:"shortLength",value:r.size,error:P("size"),xs:x,onChangeField:b,className:D.editorHeaderCell}),s(d,{type:"length",label:"Length",unit:"length",value:r.length,error:P("length"),xs:x,onChangeField:b,className:D.editorHeaderCell}),s(d,{type:"weight",label:"T.Weight",unit:"mass",value:r.weight,error:P("weight"),disabled:!0,xs:S,onChangeField:b}),s(d,{type:"tfa",label:"TFA",value:r.tfa,error:P("tfa"),xs:S,onChangeField:b}),s(u,{isEditing:!0,data:r.nozzle_sizes,errors:P("nozzle_sizes"),onChange:function(e){b("nozzle_sizes",e)}})]})}),!i&&n(o,{item:!0,className:D.eidtorActionGroup,children:[s(l,{handleCancel:g}),s(j,{handleSave:v,disabled:!t(h)})]})]})}h.propTypes={component:r.shape({family:r.string,bit_type:r.string,size:r.number,length:r.number,name:r.string,weight:r.number,tfa:r.number,nozzle_sizes:r.arrayOf(r.shape({}))}).isRequired,error:r.shape({}),onChange:r.func.isRequired,onCancel:r.func.isRequired,onSave:r.func.isRequired,columns:r.number.isRequired},h.defaultProps={error:null};var b=e(h);export{b as default};

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

	@@ -1 +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 r,useState as i,useEffect as n}from"react";import s from"classnames";import{omit as p,isEmpty as m,map as a}from"lodash";import l from"prop-types";import{Grid as d,Menu as c,MenuItem as u}from"@material-ui/core";import"../../../../utils/index.js";import{COMPONENT_FAMILIES as j}from"../../../../constants/drillstring.js";import{jsxs as C,jsx as f,Fragment as b}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"../../../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"../../BHASchematic.js";import"../../BHATable/index.js";import h from"../../BHAComponentIcon.js";import"../../BHAComponentDetail/index.js";import"../../BHATileIcon.js";import"../../BHATile/BHATile.js";import"../../BHAList/BHAList.js";import"../BHAComponentsTable.js";import"../../../Casing/CasingTable/index.js";import"../../../Casing/CasingComponentIcon.js";import"../../../Casing/CasingTileIcon.js";import"../../../Casing/CasingTableV2/CasingTableV2.js";import"../../../Casing/CasingTile/CasingTile.js";import"../../../DisabledSettingsMessage/DisabledSettingsMessage.js";import"../../../WellSummary/WellSummaryItemLabel.js";import"../../../WellSummary/WellSummaryItemTitle.js";import"../../../WellSummary/WellSummaryItemValue.js";import"../../../WellSummary/ActivitySummaryChart.js";import"../../../WellSummary/FracWirelineTimeChart.js";import"@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/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"uuid";import"../../../Toaster/Toaster.js";import"../../../ConfirmationDialog.js";import"../../../TextLink/index.js";import"../../../Avatar/index.js";import"../../../Template/TemplatePopover/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"../../../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"./shared/CancelButton.js";import{ExpandCollapseButton as v}from"./shared/ExpandCollapseButton.js";import{FormatedNumber as g}from"./shared/FormatedNumber.js";import"./shared/InputText.js";import{MoreButton as A}from"./shared/MoreButton.js";import"./shared/SaveButton.js";import"./shared/SelectField.js";import{StaticField as D}from"./shared/StaticField.js";import"./shared/SharedEditorElements.js";import{ConfirmationPopup as x}from"./shared/ConfirmationPopup.js";import{useStyles as P}from"./sharedStyles.js";import{calculateComponent as S}from"./utils/calculation.js";import y from"./Agitator/Browser.js";import E from"./Agitator/Editor.js";import B from"./Bit/Browser.js";import T from"./Bit/Editor.js";import w from"./DrillCollar/Browser.js";import I from"./DrillCollar/Editor.js";import O from"./DrillPipe/Browser.js";import k from"./DrillPipe/Editor.js";import L from"./Jar/Browser.js";import F from"./Jar/Editor.js";import M from"./Lwd/Browser.js";import W from"./Lwd/Editor.js";import _ from"./Mwd/Browser.js";import R from"./Mwd/Editor.js";import V from"./Pdm/Browser.js";import N from"./Pdm/Editor.js";import H from"./Rss/Browser.js";import z from"./Rss/Editor.js";import q from"./Stabilizer/Browser.js";import U from"./Stabilizer/Editor.js";import Z from"./Sub/Browser.js";import G from"./Sub/Editor.js";import Y from"./Ur/Browser.js";import J from"./Ur/Editor.js";import K from"./EditComponentDialog.js";import{showErrorNotification as Q}from"../../../../utils/notificationToasts.js";var X=["is_editing"];function $(e,t){var o=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),o.push.apply(o,r)}return o}function ee(e){for(var o=1;o<arguments.length;o++){var r=null!=arguments[o]?arguments[o]:{};o%2?$(Object(r),!0).forEach((function(o){t(e,o,r[o])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):$(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}function te(e){var t;return(null===(t=j.drilling.find((function(t){return t.type===e})))\|\|void 0===t?void 0:t.name)\|\|"—"}function oe(r){var l,j=r.isMobile,$=r.viewColumnsPerRow,oe=r.editColumnsPerRow,re=r.component,ie=r.validate,ne=r.isDraft,se=r.onCancel,pe=r.onDelete,me=r.onSave,ae=r.onChangeEditing,le=r.onAutocompleteApplied,de=r.isDragComponent,ce=i(null),ue=o(ce,2),je=ue[0],Ce=ue[1],fe=i(!1),be=o(fe,2),he=be[0],ve=be[1],ge=i(!1),Ae=o(ge,2),De=Ae[0],xe=Ae[1],Pe=i(re),Se=o(Pe,2),ye=Se[0],Ee=Se[1],Be=i(null),Te=o(Be,2),we=Te[0],Ie=Te[1],Oe=i(!1),ke=o(Oe,2),Le=ke[0],Fe=ke[1],Me=P({isMobile:j,isEditing:ye.is_editing,isDragComponent:de});n((function(){ae&&ae(ye.is_editing)}),[ye.is_editing]);var We=function(){Ie(null),ne?se():Ee(re)},_e=function(e,t){var o=S(ye,e,t),r=ie(o,ne);Ee(o),Ie(r?r.components[ye.id]:null)},Re=function(e){le&&le(!0),Ee((function(t){return ee(ee({},t),e)}))},Ve=function(){var e=ie(ye,ne);if(e){Ie(e.components[ye.id]);var t=ee(ee({},p(e,["general","components","specificErrors"])),e.general);t&&!m(t)&&a(t,(function(e){Q(e)}))}else Ie(null),ve(!0)},Ne=function(){ve(!1),Fe(!1),ye.is_editing;var t=e(ye,X);Ee(t),me(p(t,["is_expanded"]),ne)},He=s(Me.cell,Me.ratioWidth,t({},Me.focusedFontsize,ye.is_editing\|\|ye.is_expanded));if(ye.is_editing&&!Le){var ze=ye.family,qe={component:ye,isDraft:ne,error:we,onChange:_e,onUseSuggestion:Re,onCancel:We,onSave:j?Ne:Ve,columns:oe};if(!j)return C("div",{className:Me.component,children:[("dp"===ze\|\|"hwdp"===ze)&&f(k,ee({},qe)),"agitator"===ze&&f(E,ee({},qe)),"bit"===ze&&f(T,ee({},qe)),"dc"===ze&&f(I,ee({},qe)),"jar"===ze&&f(F,ee({},qe)),"lwd"===ze&&f(W,ee({},qe)),"mwd"===ze&&f(R,ee({},qe)),"pdm"===ze&&f(N,ee({},qe)),"rss"===ze&&f(z,ee({},qe)),"stabilizer"===ze&&f(U,ee({},qe)),"sub"===ze&&f(G,ee({},qe)),"ur"===ze&&f(J,ee({},qe)),he&&f(x,{title:"Save Changes?",text:"You will not be able to recover it.",okText:"Save",handleClose:function(){return ve(!1)},handleOk:Ne})]});Fe(!0)}return C("div",{className:s(Me.component,(l={},t(l,Me.componentMobile,j),t(l,Me.componentExpandedMobile,j&&ye.is_expanded),t(l,Me.componentActive,Boolean(je)),l)),children:[C("div",{className:s(Me.row,t({},Me.rowExpanded,j&&ye.is_expanded)),children:[f("div",{className:s(Me.cell,t({},Me.componentMobileCell,j)),children:f(h,{component:ye})}),f("div",{className:He,children:te(ye.family)}),!j&&C(b,{children:[f("div",{className:He,children:f(g,{value:"bit"===ye.family?ye.size:ye.outer_diameter})}),f("div",{className:He,children:f(g,{value:ye.inner_diameter})}),f("div",{className:He,children:f(g,{value:ye.linear_weight})}),f("div",{className:He,children:f(g,{value:ye.length,format:"0.0"})})]}),C("div",{className:s(Me.cell,Me.actionCell),children:[f(v,{isExpanded:ye.is_expanded,classes:Me,handleExpandCollapse:function(){Ee((function(e){return e.is_expanded?ee(ee({},e),{},{is_expanded:!1}):ee(ee({},e),{},{is_expanded:!0})}))}}),f(A,{classes:Me,handleOpenActionMenu:function(e){Ce(e.currentTarget)}})]})]}),ye.is_expanded&&C(b,{children:[j&&C(d,{container:!0,spacing:2,style:{padding:"8px 4px 16px"},children:[f(D,{label:"bit"===ye.family?"Bit Size":"OD",unit:"shortLength",value:"bit"===ye.family?ye.size:ye.outer_diameter}),"bit"!==ye.family&&f(D,{label:"ID",unit:"shortLength",value:re.inner_diameter}),"bit"!==ye.family&&f(D,{label:"Linear Weight",unit:"massPerLength",value:re.linear_weight,format:"0.0"}),f(D,{label:"Length",unit:"length",value:re.length,format:"0.0"})]}),("dp"===ye.family\|\|"hwdp"===ye.family)&&f(O,{component:ye,columns:$}),"agitator"===ye.family&&f(y,{component:ye,columns:$}),"bit"===ye.family&&f(B,{component:ye,columns:$}),"dc"===ye.family&&f(w,{component:ye,columns:$}),"jar"===ye.family&&f(L,{component:ye,columns:$}),"lwd"===ye.family&&f(M,{component:ye,columns:$}),"mwd"===ye.family&&f(_,{component:ye,columns:$}),"pdm"===ye.family&&f(V,{component:ye,columns:$}),"rss"===ye.family&&f(H,{component:ye,columns:$}),"stabilizer"===ye.family&&f(q,{component:ye,columns:$}),"sub"===ye.family&&f(Z,{component:ye,columns:$}),"ur"===ye.family&&f(Y,{component:ye,columns:$})]}),C(c,{anchorEl:je,keepMounted:!0,open:Boolean(je),getContentAnchorEl:null,anchorOrigin:{vertical:"bottom",horizontal:"right"},transformOrigin:{vertical:"top",horizontal:"right"},onClose:function(){Ce(null)},children:[f(u,{onClick:function(){Ce(null),Ee((function(e){return ee(ee({},e),{},{is_editing:!0})}))},className:Me.menuItem,children:"Edit"}),"bit"!==ye.family&&f(u,{onClick:function(){Ce(null),xe(!0)},className:Me.menuItem,children:"Delete"})]}),De&&f(x,{title:"Delete Component?",text:"You will not be able to recover it.",okText:"Delete",handleClose:function(){return xe(!1)},handleOk:function(){pe(re)}}),Le&&f(K,{component:ye,isDraft:ne,error:we,onChange:_e,onUseSuggestion:Re,onCancel:We,onSave:Ve,onClose:function(){We(),Fe(!1)}}),j&&he&&f(x,{title:"Save Changes?",text:"You will not be able to recover it.",okText:"Save",handleClose:function(){return ve(!1)},handleOk:Ne})]})}oe.propTypes={isMobile:l.bool.isRequired,component:l.shape({family:l.string,size:l.number,outer_diameter:l.number,inner_diameter:l.number,linear_weight:l.number,length:l.number}).isRequired,isDraft:l.bool,validate:l.func.isRequired,onCancel:l.func,onDelete:l.func,onSave:l.func.isRequired,onChangeEditing:l.func,viewColumnsPerRow:l.number.isRequired,editColumnsPerRow:l.number.isRequired,onAutocompleteApplied:l.func,isDragComponent:l.bool.isRequired},oe.defaultProps={isDraft:!1,onCancel:null,onDelete:null,onChangeEditing:void 0,onAutocompleteApplied:void 0};var re=r(oe);export{re as default};
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 r,useState as i,useEffect as n}from"react";import s from"classnames";import{omit as p,isEmpty as m,map as a}from"lodash";import l from"prop-types";import{Grid as d,Menu as c,MenuItem as u}from"@material-ui/core";import"../../../../utils/index.js";import{COMPONENT_FAMILIES as j}from"../../../../constants/drillstring.js";import{jsxs as C,jsx as f,Fragment as b}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"../../BHASchematic.js";import"../../BHATable/index.js";import h from"../../BHAComponentIcon.js";import"../../BHAComponentDetail/index.js";import"../../BHATileIcon.js";import"../../BHATile/BHATile.js";import"../../BHAList/BHAList.js";import"../BHAComponentsTable.js";import"../../../Casing/CasingTable/index.js";import"../../../Casing/CasingComponentIcon.js";import"../../../Casing/CasingTileIcon.js";import"../../../Casing/CasingTableV2/CasingTableV2.js";import"../../../Casing/CasingTile/CasingTile.js";import"../../../DisabledSettingsMessage/DisabledSettingsMessage.js";import"../../../WellSummary/WellSummaryItemLabel.js";import"../../../WellSummary/WellSummaryItemTitle.js";import"../../../WellSummary/WellSummaryItemValue.js";import"../../../WellSummary/ActivitySummaryChart.js";import"../../../WellSummary/FracWirelineTimeChart.js";import"@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/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"../../../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"../../../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"./shared/CancelButton.js";import{ExpandCollapseButton as v}from"./shared/ExpandCollapseButton.js";import{FormatedNumber as g}from"./shared/FormatedNumber.js";import"./shared/InputText.js";import{MoreButton as A}from"./shared/MoreButton.js";import"./shared/SaveButton.js";import"./shared/SelectField.js";import{StaticField as D}from"./shared/StaticField.js";import"./shared/SharedEditorElements.js";import{ConfirmationPopup as x}from"./shared/ConfirmationPopup.js";import{useStyles as P}from"./sharedStyles.js";import{calculateComponent as S}from"./utils/calculation.js";import y from"./Agitator/Browser.js";import E from"./Agitator/Editor.js";import B from"./Bit/Browser.js";import T from"./Bit/Editor.js";import w from"./DrillCollar/Browser.js";import I from"./DrillCollar/Editor.js";import O from"./DrillPipe/Browser.js";import k from"./DrillPipe/Editor.js";import L from"./Jar/Browser.js";import F from"./Jar/Editor.js";import M from"./Lwd/Browser.js";import W from"./Lwd/Editor.js";import _ from"./Mwd/Browser.js";import R from"./Mwd/Editor.js";import V from"./Pdm/Browser.js";import N from"./Pdm/Editor.js";import H from"./Rss/Browser.js";import z from"./Rss/Editor.js";import q from"./Stabilizer/Browser.js";import U from"./Stabilizer/Editor.js";import Z from"./Sub/Browser.js";import G from"./Sub/Editor.js";import Y from"./Ur/Browser.js";import J from"./Ur/Editor.js";import K from"./EditComponentDialog.js";import{showErrorNotification as Q}from"../../../../utils/notificationToasts.js";var X=["is_editing"];function $(e,t){var o=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),o.push.apply(o,r)}return o}function ee(e){for(var o=1;o<arguments.length;o++){var r=null!=arguments[o]?arguments[o]:{};o%2?$(Object(r),!0).forEach((function(o){t(e,o,r[o])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):$(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}function te(e){var t;return(null===(t=j.drilling.find((function(t){return t.type===e})))\|\|void 0===t?void 0:t.name)\|\|"—"}function oe(r){var l,j=r.isMobile,$=r.viewColumnsPerRow,oe=r.editColumnsPerRow,re=r.component,ie=r.validate,ne=r.isDraft,se=r.onCancel,pe=r.onDelete,me=r.onSave,ae=r.onChangeEditing,le=r.onAutocompleteApplied,de=r.isDragComponent,ce=i(null),ue=o(ce,2),je=ue[0],Ce=ue[1],fe=i(!1),be=o(fe,2),he=be[0],ve=be[1],ge=i(!1),Ae=o(ge,2),De=Ae[0],xe=Ae[1],Pe=i(re),Se=o(Pe,2),ye=Se[0],Ee=Se[1],Be=i(null),Te=o(Be,2),we=Te[0],Ie=Te[1],Oe=i(!1),ke=o(Oe,2),Le=ke[0],Fe=ke[1],Me=P({isMobile:j,isEditing:ye.is_editing,isDragComponent:de});n((function(){ae&&ae(ye.is_editing)}),[ye.is_editing]);var We=function(){Ie(null),ne?se():Ee(re)},_e=function(e,t){var o=S(ye,e,t),r=ie(o,ne);Ee(o),Ie(r?r.components[ye.id]:null)},Re=function(e){le&&le(!0),Ee((function(t){return ee(ee({},t),e)}))},Ve=function(){var e=ie(ye,ne);if(e){Ie(e.components[ye.id]);var t=ee(ee({},p(e,["general","components","specificErrors"])),e.general);t&&!m(t)&&a(t,(function(e){Q(e)}))}else Ie(null),ve(!0)},Ne=function(){ve(!1),Fe(!1),ye.is_editing;var t=e(ye,X);Ee(t),me(p(t,["is_expanded"]),ne)},He=s(Me.cell,Me.ratioWidth,t({},Me.focusedFontsize,ye.is_editing\|\|ye.is_expanded));if(ye.is_editing&&!Le){var ze=ye.family,qe={component:ye,isDraft:ne,error:we,onChange:_e,onUseSuggestion:Re,onCancel:We,onSave:j?Ne:Ve,columns:oe};if(!j)return C("div",{className:Me.component,children:[("dp"===ze\|\|"hwdp"===ze)&&f(k,ee({},qe)),"agitator"===ze&&f(E,ee({},qe)),"bit"===ze&&f(T,ee({},qe)),"dc"===ze&&f(I,ee({},qe)),"jar"===ze&&f(F,ee({},qe)),"lwd"===ze&&f(W,ee({},qe)),"mwd"===ze&&f(R,ee({},qe)),"pdm"===ze&&f(N,ee({},qe)),"rss"===ze&&f(z,ee({},qe)),"stabilizer"===ze&&f(U,ee({},qe)),"sub"===ze&&f(G,ee({},qe)),"ur"===ze&&f(J,ee({},qe)),he&&f(x,{title:"Save Changes?",text:"You will not be able to recover it.",okText:"Save",handleClose:function(){return ve(!1)},handleOk:Ne})]});Fe(!0)}return C("div",{className:s(Me.component,(l={},t(l,Me.componentMobile,j),t(l,Me.componentExpandedMobile,j&&ye.is_expanded),t(l,Me.componentActive,Boolean(je)),l)),children:[C("div",{className:s(Me.row,t({},Me.rowExpanded,j&&ye.is_expanded)),children:[f("div",{className:s(Me.cell,t({},Me.componentMobileCell,j)),children:f(h,{component:ye})}),f("div",{className:He,children:te(ye.family)}),!j&&C(b,{children:[f("div",{className:He,children:f(g,{value:"bit"===ye.family?ye.size:ye.outer_diameter})}),f("div",{className:He,children:f(g,{value:ye.inner_diameter})}),f("div",{className:He,children:f(g,{value:ye.linear_weight})}),f("div",{className:He,children:f(g,{value:ye.length,format:"0.0"})})]}),C("div",{className:s(Me.cell,Me.actionCell),children:[f(v,{isExpanded:ye.is_expanded,classes:Me,handleExpandCollapse:function(){Ee((function(e){return e.is_expanded?ee(ee({},e),{},{is_expanded:!1}):ee(ee({},e),{},{is_expanded:!0})}))}}),f(A,{classes:Me,handleOpenActionMenu:function(e){Ce(e.currentTarget)}})]})]}),ye.is_expanded&&C(b,{children:[j&&C(d,{container:!0,spacing:2,style:{padding:"8px 4px 16px"},children:[f(D,{label:"bit"===ye.family?"Bit Size":"OD",unit:"shortLength",value:"bit"===ye.family?ye.size:ye.outer_diameter}),"bit"!==ye.family&&f(D,{label:"ID",unit:"shortLength",value:re.inner_diameter}),"bit"!==ye.family&&f(D,{label:"Linear Weight",unit:"massPerLength",value:re.linear_weight,format:"0.0"}),f(D,{label:"Length",unit:"length",value:re.length,format:"0.0"})]}),("dp"===ye.family\|\|"hwdp"===ye.family)&&f(O,{component:ye,columns:$}),"agitator"===ye.family&&f(y,{component:ye,columns:$}),"bit"===ye.family&&f(B,{component:ye,columns:$}),"dc"===ye.family&&f(w,{component:ye,columns:$}),"jar"===ye.family&&f(L,{component:ye,columns:$}),"lwd"===ye.family&&f(M,{component:ye,columns:$}),"mwd"===ye.family&&f(_,{component:ye,columns:$}),"pdm"===ye.family&&f(V,{component:ye,columns:$}),"rss"===ye.family&&f(H,{component:ye,columns:$}),"stabilizer"===ye.family&&f(q,{component:ye,columns:$}),"sub"===ye.family&&f(Z,{component:ye,columns:$}),"ur"===ye.family&&f(Y,{component:ye,columns:$})]}),C(c,{anchorEl:je,keepMounted:!0,open:Boolean(je),getContentAnchorEl:null,anchorOrigin:{vertical:"bottom",horizontal:"right"},transformOrigin:{vertical:"top",horizontal:"right"},onClose:function(){Ce(null)},children:[f(u,{onClick:function(){Ce(null),Ee((function(e){return ee(ee({},e),{},{is_editing:!0})}))},className:Me.menuItem,children:"Edit"}),"bit"!==ye.family&&f(u,{onClick:function(){Ce(null),xe(!0)},className:Me.menuItem,children:"Delete"})]}),De&&f(x,{title:"Delete Component?",text:"You will not be able to recover it.",okText:"Delete",handleClose:function(){return xe(!1)},handleOk:function(){pe(re)}}),Le&&f(K,{component:ye,isDraft:ne,error:we,onChange:_e,onUseSuggestion:Re,onCancel:We,onSave:Ve,onClose:function(){We(),Fe(!1)}}),j&&he&&f(x,{title:"Save Changes?",text:"You will not be able to recover it.",okText:"Save",handleClose:function(){return ve(!1)},handleOk:Ne})]})}oe.propTypes={isMobile:l.bool.isRequired,component:l.shape({family:l.string,size:l.number,outer_diameter:l.number,inner_diameter:l.number,linear_weight:l.number,length:l.number}).isRequired,isDraft:l.bool,validate:l.func.isRequired,onCancel:l.func,onDelete:l.func,onSave:l.func.isRequired,onChangeEditing:l.func,viewColumnsPerRow:l.number.isRequired,editColumnsPerRow:l.number.isRequired,onAutocompleteApplied:l.func,isDragComponent:l.bool.isRequired},oe.defaultProps={isDraft:!1,onCancel:null,onDelete:null,onChangeEditing:void 0,onAutocompleteApplied:void 0};var re=r(oe);export{re as default};

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

	@@ -1 +1 @@
1	- import{memo as e}from"react";import{isEmpty as t}from"lodash";import o from"prop-types";import{Grid as r}from"@material-ui/core";import{isMobileDetected as i}from"../../../../../utils/mobileDetect.js";import{jsxs as n,jsx as s}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"@babel/runtime/helpers/slicedToArray";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"../../../BHASchematic.js";import"../../../BHATable/index.js";import p from"../../../BHAComponentIcon.js";import"../../../BHAComponentDetail/index.js";import"../../../BHATileIcon.js";import"../../../BHATile/BHATile.js";import"../../../BHAList/BHAList.js";import"../../BHAComponentsTable.js";import"../../../../Casing/CasingTable/index.js";import"../../../../Casing/CasingComponentIcon.js";import"../../../../Casing/CasingTileIcon.js";import"../../../../Casing/CasingTableV2/CasingTableV2.js";import"../../../../Casing/CasingTile/CasingTile.js";import"../../../../DisabledSettingsMessage/DisabledSettingsMessage.js";import"../../../../WellSummary/WellSummaryItemLabel.js";import"../../../../WellSummary/WellSummaryItemTitle.js";import"../../../../WellSummary/WellSummaryItemValue.js";import"../../../../WellSummary/ActivitySummaryChart.js";import"../../../../WellSummary/FracWirelineTimeChart.js";import"@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{DC_SUB_CATEGORIES as m,COMPONENT_MATERIALS as a}from"../../../../../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"uuid";import"../../../../Toaster/Toaster.js";import"../../../../ConfirmationDialog.js";import"../../../../TextLink/index.js";import"../../../../Avatar/index.js";import"../../../../Template/TemplatePopover/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"../../../../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{CancelButton as l}from"../shared/CancelButton.js";import"../shared/ExpandCollapseButton.js";import"../shared/FormatedNumber.js";import{InputText as d}from"../shared/InputText.js";import"../shared/MoreButton.js";import{SaveButton as j}from"../shared/SaveButton.js";import{SelectField as c}from"../shared/SelectField.js";import"../shared/StaticField.js";import{SharedEditorElements as C}from"../shared/SharedEditorElements.js";import"../shared/ConfirmationPopup.js";import{useStyles as u}from"../sharedStyles.js";import{CONTAINER_XS as A}from"../constants.js";function b(e){var o=e.component,b=e.error,h=e.onChange,g=e.onCancel,v=e.onSave,D=e.columns,f=u({isMobile:i}),S=i?A/2:A/D,x=function(e){return b&&b[e]};return n(r,{container:!0,spacing:0,className:f.editorContainer,children:[!i&&s(r,{item:!0,className:f.editorComponentSize,children:s(p,{component:o})}),s(r,{item:!0,className:f.eidtorContentContainer,children:n(r,{container:!0,spacing:2,children:[s(C,{component:o,getError:x,onChange:h}),s(d,{type:"name",label:"Name",value:o.name,error:x("name"),xs:S,onChangeField:h}),s(c,{type:"sub_category",options:m,label:"Sub Category",value:o.sub_category,error:x("sub_category"),xs:S,onChangeField:h}),s(d,{type:"number_of_joints",label:"# of Joints",value:o.number_of_joints,error:x("number_of_joints"),xs:S,onChangeField:h}),s(d,{type:"component_length",label:"Component Length",unit:"length",value:o.component_length,error:x("component_length"),xs:S,onChangeField:h}),s(d,{type:"weight",label:"T.Weight",unit:"mass",value:o.weight,error:x("weight"),disabled:!0,xs:S,onChangeField:h}),s(d,{type:"connection_type",label:"Connection Type",value:o.connection_type,error:x("connection_type"),xs:S,onChangeField:h}),s(c,{type:"material",options:a,label:"Material",value:o.material,error:x("material"),xs:S,onChangeField:h})]})}),!i&&n(r,{item:!0,className:f.eidtorActionGroup,children:[s(l,{handleCancel:g}),s(j,{handleSave:v,disabled:!t(b)})]})]})}b.propTypes={component:o.shape({sub_category:o.string,component_length:o.number,name:o.string,number_of_joints:o.number,weight:o.number,connection_type:o.string,material:o.string}).isRequired,error:o.shape({}),onChange:o.func.isRequired,onCancel:o.func.isRequired,onSave:o.func.isRequired,columns:o.number.isRequired},b.defaultProps={error:null};var h=e(b);export{h as default};
1	+ import{memo as e}from"react";import{isEmpty as t}from"lodash";import o from"prop-types";import{Grid as r}from"@material-ui/core";import{isMobileDetected as i}from"../../../../../utils/mobileDetect.js";import{jsxs as n,jsx as s}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"../../../BHASchematic.js";import"../../../BHATable/index.js";import p from"../../../BHAComponentIcon.js";import"../../../BHAComponentDetail/index.js";import"../../../BHATileIcon.js";import"../../../BHATile/BHATile.js";import"../../../BHAList/BHAList.js";import"../../BHAComponentsTable.js";import"../../../../Casing/CasingTable/index.js";import"../../../../Casing/CasingComponentIcon.js";import"../../../../Casing/CasingTileIcon.js";import"../../../../Casing/CasingTableV2/CasingTableV2.js";import"../../../../Casing/CasingTile/CasingTile.js";import"../../../../DisabledSettingsMessage/DisabledSettingsMessage.js";import"../../../../WellSummary/WellSummaryItemLabel.js";import"../../../../WellSummary/WellSummaryItemTitle.js";import"../../../../WellSummary/WellSummaryItemValue.js";import"../../../../WellSummary/ActivitySummaryChart.js";import"../../../../WellSummary/FracWirelineTimeChart.js";import"@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{DC_SUB_CATEGORIES as m,COMPONENT_MATERIALS as a}from"../../../../../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"../../../../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"../../../../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{CancelButton as l}from"../shared/CancelButton.js";import"../shared/ExpandCollapseButton.js";import"../shared/FormatedNumber.js";import{InputText as d}from"../shared/InputText.js";import"../shared/MoreButton.js";import{SaveButton as j}from"../shared/SaveButton.js";import{SelectField as c}from"../shared/SelectField.js";import"../shared/StaticField.js";import{SharedEditorElements as C}from"../shared/SharedEditorElements.js";import"../shared/ConfirmationPopup.js";import{useStyles as u}from"../sharedStyles.js";import{CONTAINER_XS as A}from"../constants.js";function b(e){var o=e.component,b=e.error,h=e.onChange,g=e.onCancel,v=e.onSave,D=e.columns,f=u({isMobile:i}),S=i?A/2:A/D,x=function(e){return b&&b[e]};return n(r,{container:!0,spacing:0,className:f.editorContainer,children:[!i&&s(r,{item:!0,className:f.editorComponentSize,children:s(p,{component:o})}),s(r,{item:!0,className:f.eidtorContentContainer,children:n(r,{container:!0,spacing:2,children:[s(C,{component:o,getError:x,onChange:h}),s(d,{type:"name",label:"Name",value:o.name,error:x("name"),xs:S,onChangeField:h}),s(c,{type:"sub_category",options:m,label:"Sub Category",value:o.sub_category,error:x("sub_category"),xs:S,onChangeField:h}),s(d,{type:"number_of_joints",label:"# of Joints",value:o.number_of_joints,error:x("number_of_joints"),xs:S,onChangeField:h}),s(d,{type:"component_length",label:"Component Length",unit:"length",value:o.component_length,error:x("component_length"),xs:S,onChangeField:h}),s(d,{type:"weight",label:"T.Weight",unit:"mass",value:o.weight,error:x("weight"),disabled:!0,xs:S,onChangeField:h}),s(d,{type:"connection_type",label:"Connection Type",value:o.connection_type,error:x("connection_type"),xs:S,onChangeField:h}),s(c,{type:"material",options:a,label:"Material",value:o.material,error:x("material"),xs:S,onChangeField:h})]})}),!i&&n(r,{item:!0,className:f.eidtorActionGroup,children:[s(l,{handleCancel:g}),s(j,{handleSave:v,disabled:!t(b)})]})]})}b.propTypes={component:o.shape({sub_category:o.string,component_length:o.number,name:o.string,number_of_joints:o.number,weight:o.number,connection_type:o.string,material:o.string}).isRequired,error:o.shape({}),onChange:o.func.isRequired,onCancel:o.func.isRequired,onSave:o.func.isRequired,columns:o.number.isRequired},b.defaultProps={error:null};var h=e(b);export{h as default};

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

	@@ -1 +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"@babel/runtime/helpers/slicedToArray";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"../../../BHASchematic.js";import"../../../BHATable/index.js";import a from"../../../BHAComponentIcon.js";import"../../../BHAComponentDetail/index.js";import"../../../BHATileIcon.js";import"../../../BHATile/BHATile.js";import"../../../BHAList/BHAList.js";import"../../BHAComponentsTable.js";import"../../../../Casing/CasingTable/index.js";import"../../../../Casing/CasingComponentIcon.js";import"../../../../Casing/CasingTileIcon.js";import"../../../../Casing/CasingTableV2/CasingTableV2.js";import"../../../../Casing/CasingTile/CasingTile.js";import"../../../../DisabledSettingsMessage/DisabledSettingsMessage.js";import"../../../../WellSummary/WellSummaryItemLabel.js";import"../../../../WellSummary/WellSummaryItemTitle.js";import"../../../../WellSummary/WellSummaryItemValue.js";import"../../../../WellSummary/ActivitySummaryChart.js";import"../../../../WellSummary/FracWirelineTimeChart.js";import"@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{DP_DETAIL_VALUE_LIST as m,HWDP_DETAIL_VALUE_LIST as l,COMPONENT_GRADES as d,COMPONENT_CLASSES as j,COMPONENT_MATERIALS as c}from"../../../../../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"uuid";import"../../../../Toaster/Toaster.js";import"../../../../ConfirmationDialog.js";import"../../../../TextLink/index.js";import"../../../../Avatar/index.js";import"../../../../Template/TemplatePopover/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"../../../../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{useStyles as C}from"../sharedStyles.js";import{CancelButton as u}from"../shared/CancelButton.js";import"../shared/ExpandCollapseButton.js";import"../shared/FormatedNumber.js";import{InputText as g}from"../shared/InputText.js";import"../shared/MoreButton.js";import{SaveButton as h}from"../shared/SaveButton.js";import{SelectField as b}from"../shared/SelectField.js";import"../shared/StaticField.js";import{SharedEditorElements as A}from"../shared/SharedEditorElements.js";import"../shared/ConfirmationPopup.js";import{DP_SUGGESTION_COLUMNS as v,CONTAINER_XS as f}from"../constants.js";import D from"../Suggestions/Suggestions.js";function S(e){var r=e.component,S=e.error,x=e.onChange,P=e.onUseSuggestion,y=e.onCancel,T=e.onSave,I=e.columns,B=C({isMobile:n}),E=n?f/2:f/I,_=function(e){return S&&S[e]},F=t((function(){var e="dp"===r.family?m:l;return r.outer_diameter?e.filter((function(e){return e.outer_diameter===parseFloat(r.outer_diameter)})):[]}),[r.family,r.outer_diameter]);return s(i,{container:!0,spacing:0,className:B.editorContainer,children:[!n&&p(i,{item:!0,className:B.editorComponentSize,children:p(a,{component:r})}),p(i,{item:!0,className:B.eidtorContentContainer,children:s(i,{container:!0,spacing:2,children:[p(A,{component:r,getError:_,onChange:x}),F.length>0&&p(D,{data:F,allData:"dp"===r.family?m:l,columns:v,displayKeys:["connection_type"],descriptionKeys:["outer_diameter","inner_diameter","grade"],onSelect:function(e){P(e)}}),p(g,{type:"name",label:"Name",value:r.name,error:_("name"),xs:E,onChangeField:x}),p(g,{type:"number_of_joints",label:"# of Joints",value:r.number_of_joints,error:_("number_of_joints"),xs:E,onChangeField:x}),p(g,{type:"component_length",label:"Component Length",unit:"length",value:r.component_length,error:_("component_length"),xs:E,onChangeField:x}),p(g,{type:"weight",label:"T.Weight",unit:"mass",value:r.weight,error:_("weight"),disabled:!0,xs:E,onChangeField:x}),p(b,{type:"grade",options:d,label:"Grade",value:r.grade,error:_("grade"),xs:E,onChangeField:x}),p(g,{type:"outer_diameter_tooljoint",label:"TJ OD",unit:"shortLength",value:r.outer_diameter_tooljoint,error:_("outer_diameter_tooljoint"),xs:E,onChangeField:x}),p(g,{type:"inner_diameter_tooljoint",label:"TJ ID",unit:"shortLength",value:r.inner_diameter_tooljoint,error:_("inner_diameter_tooljoint"),xs:E,onChangeField:x}),p(g,{type:"length_tooljoint",label:"TJ Length Per Joint",unit:"length",value:r.length_tooljoint,error:_("length_tooljoint"),xs:E,onChangeField:x}),p(g,{type:"connection_type",label:"Connection Type",value:r.connection_type,error:_("connection_type"),xs:E,onChangeField:x}),p(b,{type:"class",options:j,label:"Class",value:r.class,error:_("class"),xs:E,onChangeField:x}),p(b,{type:"material",options:c,label:"Material",value:r.material,error:_("material"),xs:E,onChangeField:x})]})}),!n&&s(i,{item:!0,className:B.eidtorActionGroup,children:[p(u,{handleCancel:y}),p(h,{handleSave:T,disabled:!o(S)})]})]})}S.propTypes={component:r.shape({family:r.string,outer_diameter:r.number,component_length:r.number,name:r.string,number_of_joints:r.number,weight:r.number,connection_type:r.string,grade:r.string,class:r.string,material:r.string,outer_diameter_tooljoint:r.number,inner_diameter_tooljoint:r.number,length_tooljoint:r.number}).isRequired,error:r.shape({}),onChange:r.func.isRequired,onUseSuggestion:r.func.isRequired,onCancel:r.func.isRequired,onSave:r.func.isRequired,columns:r.number.isRequired},S.defaultProps={error:null};var x=e(S);export{x as default};
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"../../../BHASchematic.js";import"../../../BHATable/index.js";import a from"../../../BHAComponentIcon.js";import"../../../BHAComponentDetail/index.js";import"../../../BHATileIcon.js";import"../../../BHATile/BHATile.js";import"../../../BHAList/BHAList.js";import"../../BHAComponentsTable.js";import"../../../../Casing/CasingTable/index.js";import"../../../../Casing/CasingComponentIcon.js";import"../../../../Casing/CasingTileIcon.js";import"../../../../Casing/CasingTableV2/CasingTableV2.js";import"../../../../Casing/CasingTile/CasingTile.js";import"../../../../DisabledSettingsMessage/DisabledSettingsMessage.js";import"../../../../WellSummary/WellSummaryItemLabel.js";import"../../../../WellSummary/WellSummaryItemTitle.js";import"../../../../WellSummary/WellSummaryItemValue.js";import"../../../../WellSummary/ActivitySummaryChart.js";import"../../../../WellSummary/FracWirelineTimeChart.js";import"@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{DP_DETAIL_VALUE_LIST as m,HWDP_DETAIL_VALUE_LIST as l,COMPONENT_GRADES as d,COMPONENT_CLASSES as j,COMPONENT_MATERIALS as c}from"../../../../../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"../../../../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"../../../../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{useStyles as C}from"../sharedStyles.js";import{CancelButton as u}from"../shared/CancelButton.js";import"../shared/ExpandCollapseButton.js";import"../shared/FormatedNumber.js";import{InputText as g}from"../shared/InputText.js";import"../shared/MoreButton.js";import{SaveButton as h}from"../shared/SaveButton.js";import{SelectField as b}from"../shared/SelectField.js";import"../shared/StaticField.js";import{SharedEditorElements as A}from"../shared/SharedEditorElements.js";import"../shared/ConfirmationPopup.js";import{DP_SUGGESTION_COLUMNS as v,CONTAINER_XS as f}from"../constants.js";import D from"../Suggestions/Suggestions.js";function S(e){var r=e.component,S=e.error,x=e.onChange,P=e.onUseSuggestion,y=e.onCancel,T=e.onSave,I=e.columns,B=C({isMobile:n}),E=n?f/2:f/I,_=function(e){return S&&S[e]},F=t((function(){var e="dp"===r.family?m:l;return r.outer_diameter?e.filter((function(e){return e.outer_diameter===parseFloat(r.outer_diameter)})):[]}),[r.family,r.outer_diameter]);return s(i,{container:!0,spacing:0,className:B.editorContainer,children:[!n&&p(i,{item:!0,className:B.editorComponentSize,children:p(a,{component:r})}),p(i,{item:!0,className:B.eidtorContentContainer,children:s(i,{container:!0,spacing:2,children:[p(A,{component:r,getError:_,onChange:x}),F.length>0&&p(D,{data:F,allData:"dp"===r.family?m:l,columns:v,displayKeys:["connection_type"],descriptionKeys:["outer_diameter","inner_diameter","grade"],onSelect:function(e){P(e)}}),p(g,{type:"name",label:"Name",value:r.name,error:_("name"),xs:E,onChangeField:x}),p(g,{type:"number_of_joints",label:"# of Joints",value:r.number_of_joints,error:_("number_of_joints"),xs:E,onChangeField:x}),p(g,{type:"component_length",label:"Component Length",unit:"length",value:r.component_length,error:_("component_length"),xs:E,onChangeField:x}),p(g,{type:"weight",label:"T.Weight",unit:"mass",value:r.weight,error:_("weight"),disabled:!0,xs:E,onChangeField:x}),p(b,{type:"grade",options:d,label:"Grade",value:r.grade,error:_("grade"),xs:E,onChangeField:x}),p(g,{type:"outer_diameter_tooljoint",label:"TJ OD",unit:"shortLength",value:r.outer_diameter_tooljoint,error:_("outer_diameter_tooljoint"),xs:E,onChangeField:x}),p(g,{type:"inner_diameter_tooljoint",label:"TJ ID",unit:"shortLength",value:r.inner_diameter_tooljoint,error:_("inner_diameter_tooljoint"),xs:E,onChangeField:x}),p(g,{type:"length_tooljoint",label:"TJ Length Per Joint",unit:"length",value:r.length_tooljoint,error:_("length_tooljoint"),xs:E,onChangeField:x}),p(g,{type:"connection_type",label:"Connection Type",value:r.connection_type,error:_("connection_type"),xs:E,onChangeField:x}),p(b,{type:"class",options:j,label:"Class",value:r.class,error:_("class"),xs:E,onChangeField:x}),p(b,{type:"material",options:c,label:"Material",value:r.material,error:_("material"),xs:E,onChangeField:x})]})}),!n&&s(i,{item:!0,className:B.eidtorActionGroup,children:[p(u,{handleCancel:y}),p(h,{handleSave:T,disabled:!o(S)})]})]})}S.propTypes={component:r.shape({family:r.string,outer_diameter:r.number,component_length:r.number,name:r.string,number_of_joints:r.number,weight:r.number,connection_type:r.string,grade:r.string,class:r.string,material:r.string,outer_diameter_tooljoint:r.number,inner_diameter_tooljoint:r.number,length_tooljoint:r.number}).isRequired,error:r.shape({}),onChange:r.func.isRequired,onUseSuggestion:r.func.isRequired,onCancel:r.func.isRequired,onSave:r.func.isRequired,columns:r.number.isRequired},S.defaultProps={error:null};var x=e(S);export{x as default};