@corva/ui 0.97.0-7 → 0.97.0-9

package/components/Casing/CasingTableV2/components/CasingJoints/Editor.js

@@ -1 +1 @@
-import{memo as e,useMemo as t}from"react";import{isEmpty as o}from"lodash";import r from"prop-types";import{Grid as i}from"@material-ui/core";import{OD_ID_DEP_COLUMNS as s,CONTAINER_XS as n}from"../constants.js";import{isMobileDetected as p}from"../../../../../utils/mobileDetect.js";import{jsxs as m,jsx as a}from"react/jsx-runtime";import"../../../../DevCenter/DevCenterAppContainer/components/IsInsideDcAppProvider/IsInsideDcAppProvider.js";import"../../../../DevCenter/DevCenterAppContainer/components/DcFullscreenElemsCoordinatorProvider/DcFullscreenElemsCoordinatorProvider.js";import"../../../../DevCenter/DevCenterAppContainer/components/DcFullscreenElemsCoordinatorProvider/IsInsideDcFullscreenElemProvider.js";import"classnames";import"../../../../../icons/WithCustomSize.js";import"../../../../../icons/IconParkProvider.js";import"../../../../../icons/customIcons/icons/AddMessage.js";import"../../../../../icons/customIcons/icons/Attention.js";import"../../../../../icons/customIcons/icons/Collapse.js";import"../../../../../icons/customIcons/icons/Dashboard.js";import"../../../../../icons/customIcons/icons/Expand.js";import"../../../../../icons/customIcons/icons/FolderClosed.js";import"../../../../../icons/customIcons/icons/FolderClosedFilled.js";import"../../../../../icons/customIcons/icons/FolderOpened.js";import"../../../../../icons/customIcons/icons/GreaterOrEqual.js";import"../../../../../icons/customIcons/icons/LessOrEqual.js";import"../../../../../icons/customIcons/icons/Search.js";import"../../../../../icons/customIcons/icons/Wellhub.js";import"../../../../../icons/customIcons/icons/MultiRuler.js";import"../../../../../icons/customIcons/icons/Checkbox.js";import"../../../../../icons/customIcons/icons/CheckboxChecked.js";import"../../../../../icons/customIcons/icons/CheckboxIndeterminate.js";import"../../../../../icons/customIcons/icons/Radio.js";import"../../../../../icons/customIcons/icons/RadioChecked.js";import"../../../../../icons/customIcons/icons/SimulFrac.js";import"../../../../../icons/customIcons/icons/ZipperFrac.js";import"../../../../../icons/customIcons/icons/CautionFilled.js";import"../../../../../icons/customIcons/icons/MoreApp.js";import"../../../../IconButton/index.js";import"../../../../../constants/goals.js";import"../../../../../constants/segment.js";import"../../../../../constants/alerts.js";import"../../../../../constants/apps.js";import{OD_ID_DEP_LIST as l,COMPONENT_GRADES as c}from"../../../../../constants/casing.js";import"../../../../../constants/drillstring.js";import"../../../../../constants/completion.js";import"../../../../../constants/appPackages.js";import"../../../../../constants/notifications.js";import"../../../../../constants/feed.js";import"../../../../../constants/bha.js";import"../../../../../utils/env.js";import"../../../../GradientManager/configuration/constants.js";import"../../../../Modal/CorvaModal.css.js";import"uuid";import"../../../../IconMenu/index.js";import"../../../../StyledMenuItem/index.js";import"../../../../AppIcon/AppIcon.js";import"../../../../DevCenter/AppHeader/AppHeader.js";import"../../../../DevCenter/AppSideBar/AppSideBar.js";import"../../../../DevCenter/AppsDataProvider/AppsDataProvider.js";import"@babel/runtime/helpers/defineProperty";import"@babel/runtime/helpers/slicedToArray";import"@material-ui/icons";import"../../../../DevCenter/AppContext.js";import"../../../../DevCenter/DevCenterRouterContext/DevCenterRouterContext.js";import"../../../../DevCenter/DevCenterRouterContext/UniversalLink/UniversalLink.js";import"@babel/runtime/helpers/objectWithoutProperties";import"react-router";import"@babel/runtime/helpers/asyncToGenerator";import"@babel/runtime/regenerator";import"../../../../../utils/index.js";import"../../../../DevCenter/DevCenterAppContainer/components/AppActions/AppActions.css.js";import"../../../../DevCenter/DevCenterAppContainer/components/AppSettingsDialog/AppSettingsDialog.js";import"../../../../DevCenter/DevCenterAppContainer/components/AppSettingsDialog/components/RemoveAppButton.js";import"../../../../DevCenter/DevCenterAppContainer/components/AppSettingsDialog/components/SettingsAccordion.js";import"../../../../DevCenter/DevCenterAppContainer/components/AnnotationsButton/AnnotationsButton.js";import"../../../../DevCenter/DevCenterAppContainer/components/NonPriorityMenus/NonPriorityMenus.js";import"../../../../DevCenter/DevCenterAppContainer/components/FullscreenButton/FullscreenButton.js";import"../../../../DevCenter/DevCenterAppContainer/components/AppInfoMessage/AppInfoMessage.js";import"../../../../DevCenter/DevCenterAppContainer/components/DevCenterAppView/DevCenterAppView.js";import"../../../../DevCenter/DevCenterAppContainer/components/RestoreAppSizeButton/index.js";import"../../../../DevCenter/DevCenterAppContainer/components/PriorityMenus/PriorityMenus.css.js";import"rollbar";import"@rollbar/react";import"../../../../DevCenter/DevCenterAppContainer/DevCenterAppContainer.css.js";import"../../../../Icons/AnnotationIcon.js";import"../../../../Annotations/components/AnnotationsList/index.js";import"../../../../Annotations/components/LastAnnotation/index.js";import"../../../../Annotations/AnnotationsContext.js";import"../../../../Toaster/Toaster.js";import"querystring";import"uuid/v1";import"../../../../../clients/subscriptions.js";import"../../../../../clients/jsonApi/index.js";import"jsona";import"../../../../StatusBadge/constants.js";import"@babel/runtime/helpers/toConsumableArray";import"lodash/set";import"lodash/get";import"lodash/unset";import"moment";import"../../../../../clients/api/apiCore.js";import"../../../../../clients/constants.js";import"../../../../../clients/sso/auth0.js";import"../../../../../clients/sso/oauth2.js";import"../../../../HelpCenter/HelpCenterIcon.js";import"../../../../DevCenter/NavigationBar/NavigationBar.js";import"../../../../DevCenter/SideBar/SideBar.js";import"../../../../DevCenter/AppSettingsPopover/AppSettingsPopover.js";import"../../../../DevCenter/AppFilterPanelLayout/AppFilterPanelLayout.js";import"../../../../DevCenter/IsolatedDevCenterAppContainer/DevCenterIsolatedAppPage.js";import"../../../../DevCenter/IsolatedDevCenterAppContainer/DevCenterIsolatedApp.js";import"../../../../AssetEditor/index.js";import"../../../../AssetEditorV2/index.js";import"../../../../AppVersionsSelect/AppVersionsSelect.js";import"../../../../LoadingIndicator/LoadingIndicator.js";import"../../../../Typography.js";import"../../../../RealTimeValuesSidebar/RealTimeSidebar.js";import"../../../../CollapsableSidebar.js";import"../../../../DateTimePicker/index.js";import"../../../../DatePicker/index.js";import"../../../../ErrorBoundary/ErrorBoundary.js";import"../../../../ErrorBoundary/DevCenterAppErrorView/DevCenterAppErrorView.js";import"../../../../SlateFormattedText/SlateFormattedText.js";import"../../../../SlateFormattedText/RenderElements.js";import"@babel/runtime/helpers/typeof";import"slate";import"../../../../EmptyState/EmptyState.js";import"../../../../ParameterCharts/ParameterCharts.js";import"../../../../ParameterCharts/AddEditTrack.js";import"../../../../ChartActionsList/ChartActionsList.js";import"../../../../CopyToClipboard/CopyToClipboard.js";import"../../../../AssetEditor/AssetEditorAutocomplete.js";import"../../../../AssetEditor/SingleAssetEditor.js";import"react-color";import"../../../../SettingEditors/ColorEditor/style.css.js";import"../../../../SettingEditors/DropdownEditor/index.js";import"../../../../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/ChartSelect.js";import"../../../../Chart/components/buttons/DragToZoomButton.js";import"../../../../Chart/components/buttons/ZoomInButton.js";import"../../../../Chart/components/buttons/ZoomOutButton.js";import"../../../../Chart/components/buttons/PanButton.js";import"../../../../Chart/components/buttons/ResetZoomButton.js";import"../../../../Chart/components/buttons/HideAxesButton.js";import"../../../../Chart/components/buttons/ChartTypeButton.js";import"../../../../ColorPicker/PaletteChromePicker/PaletteChromePicker.js";import"../../../../TruncatedText/index.js";import"../../../../MiddleTruncatedText/MiddleTruncatedText.js";import"../../../../RangeSlider/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/components/Button/index.js";import"moment-timezone";import"../../../../Button/components/LiveButton/components/LiveButtonStateIndicator/index.js";import"../../../../Button/components/LiveButton/styles.js";import"../../../../ContextMenuItem/index.js";import"../../../../FolderMenuItem/index.js";import"../../../../EditableItem/EditableItem/index.js";import"../../../../EditableItem/EditableItemWithBadge/index.js";import"../../../../Checkbox/index.js";import"../../../../FolderMenuItemWithLinks/index.js";import"../../../../TextField/index.js";import"../../../../Chip/index.js";import"../../../../Counter/index.js";import"../../../../AnchorsList/AnchorsList.js";import"../../../../Select/index.js";import"../../../../Select/SelectFilterBy.js";import"../../../../CustomSelect/index.js";import"../../../../Tabs/Tabs.js";import"../../../../Tabs/Tab.js";import"../../../../ResizableTable/ResizableTable.js";import"../../../../GradientPicker/GradientPicker.js";import"../../../../GradientManager/GradientList.js";import"@material-ui/icons/AddCircle";import"../../../../GradientManager/GradientPreview/GradientPreview.js";import"../../../../GradientManager/GradientSelect.styles.js";import"../../../../GradientManager/GradientManager.styles.js";import"../../../../Drillstring/BHASchematic.js";import"../../../../Drillstring/BHATable/index.js";import"../../../../Drillstring/BHAComponentIcon.js";import"../../../../Drillstring/BHAComponentDetail/index.js";import"../../../../Drillstring/BHATileIcon.js";import"../../../../Drillstring/BHATile/BHATile.js";import"../../../../Drillstring/BHAList/BHAList.js";import"../../../../Drillstring/BHAComponentsTable/BHAComponentsTable.js";import"../../../CasingTable/index.js";import d from"../../../CasingComponentIcon.js";import"../../../CasingTileIcon.js";import"../../CasingTableV2.js";import"../../../CasingTile/CasingTile.js";import"../../../../DisabledSettingsMessage/DisabledSettingsMessage.js";import"../../../../WellSummary/WellSummaryItemLabel.js";import"../../../../WellSummary/WellSummaryItemTitle.js";import"../../../../WellSummary/WellSummaryItemValue.js";import"../../../../WellSummary/ActivitySummaryChart.js";import"../../../../WellSummary/FracWirelineTimeChart.js";import"../../../../BICOffsetPickerDialog/index.js";import"../../../../OffsetWellButton/OffsetWellButton.js";import"../../../../OffsetWellPickerV2/OffsetWellPickerDialog.js";import"../../../../OffsetWellPickerV3/index.js";import"../../../../OffsetWellChips/Chip.js";import"../../../../OffsetWellChips/ChipsContainer.js";import"../../../../OffsetWellPickerV4/utils/apiCalls.js";import"../../../../OffsetWellPickerV4/effects/useAdvancedWells.js";import"../../../../OffsetWellPickerV4/constants.js";import"react-virtualized";import"../../../../OffsetWellPickerV4/effects/useAssetsData.js";import"../../../../OffsetWellPickerV4/components/AppHeader/AppHeader.js";import"../../../../OffsetWellPickerV4/components/Toolbar/Toolbar.js";import"../../../../OffsetWellPickerV4/components/Filter/Filter.js";import"../../../../OffsetWellPickerV4/components/Map/WellsMap.js";import"../../../../OffsetWellPickerV4/components/OffsetWellsTable/OffsetWellsTable.js";import"../../../../OffsetWellPickerV4/components/OffsetWellsTable/AdvancedSearch/constants.js";import"../../../../OffsetWellPickerV4/utils/index.js";import"../../../../OffsetWellPickerV4/OffsetWellPickerV4.module.css.js";import"../../../../../styles/typography/index.js";import"../../../../../styles/counter/counter.module.scss.js";import"../../../../OffsetWellMap/OffsetWellMap.js";import"@material-ui/core/Snackbar";import"../../../../Notifications/Toast.js";import"../../../../ConfirmationDialog.js";import"../../../../TextLink/index.js";import"../../../../Avatar/index.js";import"../../../../Template/TemplatePopover/index.js";import"../../../../Template/TemplateSharingDialog/index.js";import"../../../../MenuItem/index.js";import"../../../../MiddleTruncate/MiddleTruncate.js";import"../../../../PadModeSelect/PadModeSelect.js";import"../../../../PinnableFilters/PinnableFilters.js";import"../../../../HeaderLayout/HeaderLayout.js";import"../../../../PadOffsetsPicker/PadOffsetsPicker.js";import"../../../../PadOffsetsPicker/OffsetAssetChip.js";import"../../../../PadOffsetsPicker/OffsetAssetsListExpander.js";import"../../../../PadOffsetsPicker/StagesSelector.js";import"../../../../PadOffsetsPickerV2/PadOffsetsPickerV2.js";import"../../../../Table/TableToolbar/TableToolbar.js";import"../../../../Table/TableContainer/TableContainer.js";import"../../../../Table/TableCell/TableCell.js";import"../../../../Table/TablePagination/TablePagination.js";import"../../../../Table/TablePaginationActions/TablePaginationActions.js";import"../../../../Tooltip/ScrollableTooltip.js";import"../../../../PriceInput/PriceInput.js";import"../../../../LabelsCounter/LabelsCounter.js";import"../../../../Stepper/Stepper.js";import"../../../../Stepper/Step/Step.js";import"../../../../Stepper/StepsWrapper.js";import"../../../../Comment/CommentIcon/index.js";import"../../../../FilesLoader/FilesLoader.js";import"../../../../SearchInput/index.js";import"../../../../FeedItem/FeedItem.js";import"../../../../FeedItem/FeedItemEditProvider/FeedItemEditProvider.js";import"../../../../PostInput/PostInput.js";import"../../../../KeyboardDateTimePicker.js";import"../../../../AddComment/Popover.js";import"../../../../AddComment/Popup.js";import"../../../../StageDesignVActual/ComparisonBar/ComparisonBar.js";import"../../../../StageDesignVActual/ElementsComparison/ElementsComparison.js";import"../../../../StageDesignVActual/ComparisonHeader.js";import"../../../../StageDesignVActual/ComparisonRow.js";import"../../../../EmbeddedApp/DevCenterEmbeddedApp.js";import"../../../../EmbeddedApp/EmbeddedApp.js";import"../../../../Autocomplete/Autocomplete.js";import"../../../../DocumentViewer/DocumentViewer.js";import"../../../../ColorPickerPalette/ColorPickerPalette.js";import"../../../../Search/Search.js";import"../../../../Search/components/Listbox.js";import"../../../../Search/components/Paper.js";import"../../../../Search/components/RecentSearches.js";import"../../../../Search/components/Groups.js";import"../../../../Search/components/SelectAllListItem.js";import"../../../../StatusBadge/index.js";import"../../../../Attachment/index.js";import"../../../../EmojiIconButton.js";import"../../../../FileUploadIconButton.js";import"../../../../FilePreview/index.js";import"../../../../FailedFileUploading.js";import"../../../../UserMention/index.js";import"../../../../CommentsInfo/index.js";import"../../../../CommentInput/index.js";import"../../../../Comment/index.js";import"../../../../CommentLoader.js";import"../../../../AssetNameLabel/AssetStatusBadge.js";import"../../../../AssetEditorV2/components/PrimaryAssetSelect.js";import"../../../../AssetEditorV2/components/SecondaryAssetSelect.js";import"../../../../AssetEditorV2/components/SelectItem.js";import"../../../../AssetEditorV2/components/MultipleAssetsToggle.js";import"../../../../AssetEditorV2/components/PrimaryAssetSelectV2.js";import"../../../../EChartsWrapper/EChartsWrapper.js";import"../../../../AssetsMultipleSelector/AssetsMultipleSelector.js";import"@material-ui/icons/Close";import"@material-ui/icons/GetApp";import"../../../../GoogleDocsViewer/index.js";import"../../../../NewDocumentViewer/effects/useFileContent.js";import"../../../../NewDocumentViewer/styles.js";import"../../../../FilesLoaderV2/styles.js";import"react-dropzone";import"../../../../FilesDropzone/styles.js";import"../../../../FilesProcessor/styles.js";import"../../../../Hint/styles.js";import{CancelButton as j}from"../../../../Drillstring/BHAComponentsTable/components/shared/CancelButton.js";import"../../../../Drillstring/BHAComponentsTable/components/shared/ExpandCollapseButton.js";import"../../../../Drillstring/BHAComponentsTable/components/shared/FormatedNumber.js";import{InputText as u}from"../../../../Drillstring/BHAComponentsTable/components/shared/InputText.js";import"../../../../Drillstring/BHAComponentsTable/components/shared/MoreButton.js";import{SaveButton as C}from"../../../../Drillstring/BHAComponentsTable/components/shared/SaveButton.js";import{SelectField as A}from"../../../../Drillstring/BHAComponentsTable/components/shared/SelectField.js";import"../../../../Drillstring/BHAComponentsTable/components/shared/StaticField.js";import{SharedEditorElements as g}from"../../../../Drillstring/BHAComponentsTable/components/shared/SharedEditorElements.js";import"../../../../Drillstring/BHAComponentsTable/components/shared/ConfirmationPopup.js";import b from"../../../../Drillstring/BHAComponentsTable/components/Suggestions/Suggestions.js";import{useStyles as h}from"../../../../Drillstring/BHAComponentsTable/components/sharedStyles.js";function f(e){var r=e.component,f=e.error,D=e.onChange,S=e.onCancel,v=e.onSave,P=e.onUseSuggestion,T=e.columns,x=h({isMobile:p}),I=p?n/2:n/T,y=function(e){return f&&f[e]},B=t((function(){var e=l;return r.outer_diameter?e.filter((function(e){return e.outer_diameter===parseFloat(r.outer_diameter)})):[]}),[r.outer_diameter]);return m(i,{container:!0,spacing:0,className:x.editorContainer,children:[!p&&a(i,{item:!0,className:x.editorComponentSize,children:a(d,{component:r})}),a(i,{item:!0,className:x.eidtorContentContainer,children:m(i,{container:!0,spacing:2,children:[a(g,{component:r,getError:y,onChange:D,isCasing:!0}),B.length>0&&a(b,{data:B,allData:l,columns:s,displayKeys:["outer_diameter","inner_diameter"],descriptionKeys:["outer_diameter","inner_diameter","linear_weight","number_of_joints","component_length"],onSelect:P,isCasing:!0}),a(u,{type:"name",label:"Name",value:r.name,error:y("name"),xs:I,onChangeField:D}),a(u,{type:"weight",label:"T.Weight",unit:"mass",value:r.weight,error:y("weight"),disabled:!0,xs:I,onChangeField:D}),a(u,{type:"number_of_joints",label:"# of Joints",value:r.number_of_joints,error:y("number_of_joints"),xs:I,onChangeField:D}),a(u,{type:"component_length",label:"Component Length",unit:"length",value:r.component_length,error:y("component_length"),xs:I,onChangeField:D}),a(u,{type:"inside_mud_density",label:"Inside Mud Density",unit:"density",value:r.inside_mud_density,error:y("inside_mud_density"),xs:I,onChangeField:D}),a(A,{type:"grade",options:c,label:"Grade",value:r.grade,error:y("grade"),xs:I,onChangeField:D}),a(u,{type:"connection_type",label:"Connection Type",value:r.connection_type,error:y("connection_type"),xs:I,onChangeField:D})]})}),!p&&m(i,{item:!0,className:x.eidtorActionGroup,children:[a(j,{handleCancel:S}),a(C,{handleSave:v,disabled:!o(f)})]})]})}f.propTypes={component:r.shape({outer_diameter:r.number,component_length:r.number,name:r.string,weight:r.number,number_of_joints:r.number,inside_mud_density:r.number,connection_type:r.string,grade:r.string}).isRequired,error:r.shape({}),onChange:r.func.isRequired,onCancel:r.func.isRequired,onSave:r.func.isRequired,onUseSuggestion:r.func.isRequired,columns:r.number.isRequired},f.defaultProps={error:null};var D=e(f);export{D as default};
+import{memo as e,useMemo as t}from"react";import{isEmpty as o}from"lodash";import r from"prop-types";import{Grid as i}from"@material-ui/core";import{OD_ID_DEP_COLUMNS as s,CONTAINER_XS as n}from"../constants.js";import{isMobileDetected as p}from"../../../../../utils/mobileDetect.js";import{jsxs as m,jsx as a}from"react/jsx-runtime";import"../../../../DevCenter/DevCenterAppContainer/components/IsInsideDcAppProvider/IsInsideDcAppProvider.js";import"../../../../DevCenter/DevCenterAppContainer/components/DcFullscreenElemsCoordinatorProvider/DcFullscreenElemsCoordinatorProvider.js";import"../../../../DevCenter/DevCenterAppContainer/components/DcFullscreenElemsCoordinatorProvider/IsInsideDcFullscreenElemProvider.js";import"classnames";import"../../../../../icons/WithCustomSize.js";import"../../../../../icons/IconParkProvider.js";import"../../../../../icons/customIcons/icons/AddMessage.js";import"../../../../../icons/customIcons/icons/Attention.js";import"../../../../../icons/customIcons/icons/Collapse.js";import"../../../../../icons/customIcons/icons/Dashboard.js";import"../../../../../icons/customIcons/icons/Expand.js";import"../../../../../icons/customIcons/icons/FolderClosed.js";import"../../../../../icons/customIcons/icons/FolderClosedFilled.js";import"../../../../../icons/customIcons/icons/FolderOpened.js";import"../../../../../icons/customIcons/icons/GreaterOrEqual.js";import"../../../../../icons/customIcons/icons/LessOrEqual.js";import"../../../../../icons/customIcons/icons/Search.js";import"../../../../../icons/customIcons/icons/Wellhub.js";import"../../../../../icons/customIcons/icons/MultiRuler.js";import"../../../../../icons/customIcons/icons/Checkbox.js";import"../../../../../icons/customIcons/icons/CheckboxChecked.js";import"../../../../../icons/customIcons/icons/CheckboxIndeterminate.js";import"../../../../../icons/customIcons/icons/Radio.js";import"../../../../../icons/customIcons/icons/RadioChecked.js";import"../../../../../icons/customIcons/icons/SimulFrac.js";import"../../../../../icons/customIcons/icons/ZipperFrac.js";import"../../../../../icons/customIcons/icons/CautionFilled.js";import"../../../../../icons/customIcons/icons/MoreApp.js";import"../../../../IconButton/index.js";import"../../../../../constants/goals.js";import"../../../../../constants/segment.js";import"../../../../../constants/alerts.js";import"../../../../../constants/apps.js";import{OD_ID_DEP_LIST as l,COMPONENT_GRADES as c}from"../../../../../constants/casing.js";import"../../../../../constants/drillstring.js";import"../../../../../constants/completion.js";import"../../../../../constants/appPackages.js";import"../../../../../constants/notifications.js";import"../../../../../constants/feed.js";import"../../../../../constants/bha.js";import"../../../../../utils/env.js";import"../../../../GradientManager/configuration/constants.js";import"../../../../Modal/CorvaModal.css.js";import"uuid";import"../../../../IconMenu/index.js";import"../../../../StyledMenuItem/index.js";import"../../../../AppIcon/AppIcon.js";import"../../../../DevCenter/AppHeader/AppHeader.js";import"../../../../DevCenter/AppSideBar/AppSideBar.js";import"../../../../DevCenter/AppsDataProvider/AppsDataProvider.js";import"@babel/runtime/helpers/defineProperty";import"@babel/runtime/helpers/slicedToArray";import"@material-ui/icons";import"../../../../DevCenter/AppContext.js";import"../../../../DevCenter/DevCenterRouterContext/DevCenterRouterContext.js";import"../../../../DevCenter/DevCenterRouterContext/UniversalLink/UniversalLink.js";import"@babel/runtime/helpers/objectWithoutProperties";import"react-router";import"@babel/runtime/helpers/asyncToGenerator";import"@babel/runtime/regenerator";import"../../../../../utils/index.js";import"../../../../DevCenter/DevCenterAppContainer/components/AppActions/AppActions.css.js";import"../../../../DevCenter/DevCenterAppContainer/components/AppSettingsDialog/AppSettingsDialog.js";import"../../../../DevCenter/DevCenterAppContainer/components/AppSettingsDialog/components/RemoveAppButton.js";import"../../../../DevCenter/DevCenterAppContainer/components/AppSettingsDialog/components/SettingsAccordion.js";import"../../../../DevCenter/DevCenterAppContainer/components/AnnotationsButton/AnnotationsButton.js";import"../../../../DevCenter/DevCenterAppContainer/components/NonPriorityMenus/NonPriorityMenus.js";import"../../../../DevCenter/DevCenterAppContainer/components/FullscreenButton/FullscreenButton.js";import"../../../../DevCenter/DevCenterAppContainer/components/AppInfoMessage/AppInfoMessage.js";import"../../../../DevCenter/DevCenterAppContainer/components/DevCenterAppView/DevCenterAppView.js";import"../../../../DevCenter/DevCenterAppContainer/components/RestoreAppSizeButton/index.js";import"../../../../DevCenter/DevCenterAppContainer/components/PriorityMenus/PriorityMenus.css.js";import"rollbar";import"@rollbar/react";import"../../../../DevCenter/DevCenterAppContainer/DevCenterAppContainer.css.js";import"../../../../Icons/AnnotationIcon.js";import"../../../../Annotations/components/AnnotationsList/index.js";import"../../../../Annotations/components/LastAnnotation/index.js";import"../../../../Annotations/AnnotationsContext.js";import"../../../../Toaster/Toaster.js";import"querystring";import"uuid/v1";import"../../../../../clients/subscriptions.js";import"../../../../../clients/jsonApi/index.js";import"jsona";import"../../../../StatusBadge/constants.js";import"@babel/runtime/helpers/toConsumableArray";import"lodash/set";import"lodash/get";import"lodash/unset";import"moment";import"../../../../../clients/api/apiCore.js";import"../../../../../clients/constants.js";import"../../../../../clients/sso/auth0.js";import"../../../../../clients/sso/oauth2.js";import"../../../../HelpCenter/HelpCenterIcon.js";import"../../../../DevCenter/NavigationBar/NavigationBar.js";import"../../../../DevCenter/SideBar/SideBar.js";import"../../../../DevCenter/AppSettingsPopover/AppSettingsPopover.js";import"../../../../DevCenter/AppFilterPanelLayout/AppFilterPanelLayout.js";import"../../../../DevCenter/IsolatedDevCenterAppContainer/DevCenterIsolatedAppPage.js";import"../../../../DevCenter/IsolatedDevCenterAppContainer/DevCenterIsolatedApp.js";import"../../../../AssetEditor/index.js";import"../../../../AssetEditorV2/index.js";import"../../../../AppVersionsSelect/AppVersionsSelect.js";import"../../../../LoadingIndicator/LoadingIndicator.js";import"../../../../Typography.js";import"../../../../RealTimeValuesSidebar/RealTimeSidebar.js";import"../../../../CollapsableSidebar.js";import"../../../../DateTimePicker/index.js";import"../../../../DatePicker/index.js";import"../../../../ErrorBoundary/ErrorBoundary.js";import"../../../../ErrorBoundary/DevCenterAppErrorView/DevCenterAppErrorView.js";import"../../../../SlateFormattedText/SlateFormattedText.js";import"../../../../SlateFormattedText/RenderElements.js";import"@babel/runtime/helpers/typeof";import"slate";import"../../../../EmptyState/EmptyState.js";import"../../../../ParameterCharts/ParameterCharts.js";import"../../../../ParameterCharts/AddEditTrack.js";import"../../../../ChartActionsList/ChartActionsList.js";import"../../../../CopyToClipboard/CopyToClipboard.js";import"../../../../AssetEditor/AssetEditorAutocomplete.js";import"../../../../AssetEditor/SingleAssetEditor.js";import"react-color";import"../../../../SettingEditors/ColorEditor/style.css.js";import"../../../../SettingEditors/DropdownEditor/index.js";import"../../../../SwitchControl/index.js";import"../../../../ColorPicker/ColorPicker.js";import"../../../../Chart/components/ChartButton.js";import"../../../../Chart/components/ChartButtons.js";import"../../../../Chart/components/ChartWrapper.js";import"../../../../Chart/components/AxisDropdown.js";import"../../../../Chart/components/ChartSelect.js";import"../../../../Chart/components/buttons/DragToZoomButton.js";import"../../../../Chart/components/buttons/ZoomInButton.js";import"../../../../Chart/components/buttons/ZoomOutButton.js";import"../../../../Chart/components/buttons/PanButton.js";import"../../../../Chart/components/buttons/ResetZoomButton.js";import"../../../../Chart/components/buttons/HideAxesButton.js";import"../../../../Chart/components/buttons/ChartTypeButton.js";import"../../../../ColorPicker/PaletteChromePicker/PaletteChromePicker.js";import"../../../../TruncatedText/index.js";import"../../../../MiddleTruncatedText/MiddleTruncatedText.js";import"../../../../RangeSlider/constants.js";import"../../../../RangeSlider/Input.css.js";import"../../../../RangeSlider/RangeSlider.css.js";import"../../../../AdvancedSlider/AdvancedSlider.js";import"../../../../Breadcrumbs/index.js";import"../../../../VirtualizedTable/index.js";import"../../../../EmptyView/EmptyView.js";import"../../../../EmptyView/EmptyAppView/EmptyAppView.js";import"../../../../Button/components/Button/index.js";import"moment-timezone";import"../../../../Button/components/LiveButton/components/LiveButtonStateIndicator/index.js";import"../../../../Button/components/LiveButton/styles.js";import"../../../../ContextMenuItem/index.js";import"../../../../FolderMenuItem/index.js";import"../../../../EditableItem/EditableItem/index.js";import"../../../../EditableItem/EditableItemWithBadge/index.js";import"../../../../Checkbox/index.js";import"../../../../FolderMenuItemWithLinks/index.js";import"../../../../TextField/index.js";import"../../../../Chip/index.js";import"../../../../Counter/index.js";import"../../../../AnchorsList/AnchorsList.js";import"../../../../Select/index.js";import"../../../../Select/SelectFilterBy.js";import"../../../../CustomSelect/index.js";import"../../../../Tabs/Tabs.js";import"../../../../Tabs/Tab.js";import"../../../../ResizableTable/ResizableTable.js";import"../../../../GradientPicker/GradientPicker.js";import"../../../../GradientManager/GradientList.js";import"@material-ui/icons/AddCircle";import"../../../../GradientManager/GradientPreview/GradientPreview.js";import"../../../../GradientManager/GradientSelect.styles.js";import"../../../../GradientManager/GradientManager.styles.js";import"../../../../Drillstring/BHASchematic.js";import"../../../../Drillstring/BHATable/index.js";import"../../../../Drillstring/BHAComponentIcon.js";import"../../../../Drillstring/BHAComponentDetail/index.js";import"../../../../Drillstring/BHATileIcon.js";import"../../../../Drillstring/BHATile/BHATile.js";import"../../../../Drillstring/BHAList/BHAList.js";import"../../../../Drillstring/BHAComponentsTable/BHAComponentsTable.js";import"../../../CasingTable/index.js";import d from"../../../CasingComponentIcon.js";import"../../../CasingTileIcon.js";import"../../CasingTableV2.js";import"../../../CasingTile/CasingTile.js";import"../../../../DisabledSettingsMessage/DisabledSettingsMessage.js";import"../../../../WellSummary/WellSummaryItemLabel.js";import"../../../../WellSummary/WellSummaryItemTitle.js";import"../../../../WellSummary/WellSummaryItemValue.js";import"../../../../WellSummary/ActivitySummaryChart.js";import"../../../../WellSummary/FracWirelineTimeChart.js";import"../../../../BICOffsetPickerDialog/index.js";import"../../../../OffsetWellButton/OffsetWellButton.js";import"../../../../OffsetWellPickerV2/OffsetWellPickerDialog.js";import"../../../../OffsetWellPickerV3/index.js";import"../../../../OffsetWellChips/Chip.js";import"../../../../OffsetWellChips/ChipsContainer.js";import"../../../../OffsetWellPickerV4/utils/apiCalls.js";import"../../../../OffsetWellPickerV4/effects/useAdvancedWells.js";import"../../../../OffsetWellPickerV4/constants.js";import"react-virtualized";import"../../../../OffsetWellPickerV4/effects/useAssetsData.js";import"../../../../OffsetWellPickerV4/components/AppHeader/AppHeader.js";import"../../../../OffsetWellPickerV4/components/Toolbar/Toolbar.js";import"../../../../OffsetWellPickerV4/components/Filter/Filter.js";import"../../../../OffsetWellPickerV4/components/Map/WellsMap.js";import"../../../../OffsetWellPickerV4/components/OffsetWellsTable/OffsetWellsTable.js";import"../../../../OffsetWellPickerV4/components/OffsetWellsTable/AdvancedSearch/constants.js";import"../../../../OffsetWellPickerV4/utils/index.js";import"../../../../OffsetWellPickerV4/OffsetWellPickerV4.module.css.js";import"../../../../../styles/typography/index.js";import"../../../../../styles/counter/counter.module.scss.js";import"../../../../OffsetWellMap/OffsetWellMap.js";import"@material-ui/core/Snackbar";import"../../../../Notifications/Toast.js";import"../../../../ConfirmationDialog.js";import"../../../../TextLink/index.js";import"../../../../Avatar/index.js";import"../../../../Template/TemplatePopover/index.js";import"../../../../Template/TemplateSharingDialog/index.js";import"../../../../MenuItem/index.js";import"../../../../MiddleTruncate/MiddleTruncate.js";import"../../../../PadModeSelect/PadModeSelect.js";import"../../../../PinnableFilters/PinnableFilters.js";import"../../../../HeaderLayout/HeaderLayout.js";import"../../../../PadOffsetsPicker/PadOffsetsPicker.js";import"../../../../PadOffsetsPicker/OffsetAssetChip.js";import"../../../../PadOffsetsPicker/OffsetAssetsListExpander.js";import"../../../../PadOffsetsPicker/StagesSelector.js";import"../../../../PadOffsetsPickerV2/PadOffsetsPickerV2.js";import"../../../../Table/TableToolbar/TableToolbar.js";import"../../../../Table/TableContainer/TableContainer.js";import"../../../../Table/TableCell/TableCell.js";import"../../../../Table/TablePagination/TablePagination.js";import"../../../../Table/TablePaginationActions/TablePaginationActions.js";import"../../../../Tooltip/ScrollableTooltip.js";import"../../../../PriceInput/PriceInput.js";import"../../../../LabelsCounter/LabelsCounter.js";import"../../../../Stepper/Stepper.js";import"../../../../Stepper/Step/Step.js";import"../../../../Stepper/StepsWrapper.js";import"../../../../Comment/CommentIcon/index.js";import"../../../../FilesLoader/FilesLoader.js";import"../../../../SearchInput/index.js";import"../../../../FeedItem/FeedItem.js";import"../../../../FeedItem/FeedItemEditProvider/FeedItemEditProvider.js";import"../../../../PostInput/PostInput.js";import"../../../../KeyboardDateTimePicker.js";import"../../../../AddComment/Popover.js";import"../../../../AddComment/Popup.js";import"../../../../StageDesignVActual/ComparisonBar/ComparisonBar.js";import"../../../../StageDesignVActual/ElementsComparison/ElementsComparison.js";import"../../../../StageDesignVActual/ComparisonHeader.js";import"../../../../StageDesignVActual/ComparisonRow.js";import"../../../../EmbeddedApp/DevCenterEmbeddedApp.js";import"../../../../EmbeddedApp/EmbeddedApp.js";import"../../../../Autocomplete/Autocomplete.js";import"../../../../DocumentViewer/DocumentViewer.js";import"../../../../ColorPickerPalette/ColorPickerPalette.js";import"../../../../Search/Search.js";import"../../../../Search/components/Listbox.js";import"../../../../Search/components/Paper.js";import"../../../../Search/components/RecentSearches.js";import"../../../../Search/components/Groups.js";import"../../../../Search/components/SelectAllListItem.js";import"../../../../StatusBadge/index.js";import"../../../../Attachment/index.js";import"../../../../EmojiIconButton.js";import"../../../../FileUploadIconButton.js";import"../../../../FilePreview/index.js";import"../../../../FailedFileUploading.js";import"../../../../UserMention/index.js";import"../../../../CommentsInfo/index.js";import"../../../../CommentInput/index.js";import"../../../../Comment/index.js";import"../../../../CommentLoader.js";import"../../../../AssetNameLabel/AssetStatusBadge.js";import"../../../../AssetEditorV2/components/PrimaryAssetSelect.js";import"../../../../AssetEditorV2/components/SecondaryAssetSelect.js";import"../../../../AssetEditorV2/components/SelectItem.js";import"../../../../AssetEditorV2/components/MultipleAssetsToggle.js";import"../../../../AssetEditorV2/components/PrimaryAssetSelectV2.js";import"../../../../EChartsWrapper/EChartsWrapper.js";import"../../../../AssetsMultipleSelector/AssetsMultipleSelector.js";import"@material-ui/icons/Close";import"@material-ui/icons/GetApp";import"../../../../GoogleDocsViewer/index.js";import"../../../../NewDocumentViewer/effects/useFileContent.js";import"../../../../NewDocumentViewer/styles.js";import"../../../../FilesLoaderV2/styles.js";import"react-dropzone";import"../../../../FilesDropzone/styles.js";import"../../../../FilesProcessor/styles.js";import"../../../../Hint/styles.js";import{CancelButton as j}from"../../../../Drillstring/BHAComponentsTable/components/shared/CancelButton.js";import"../../../../Drillstring/BHAComponentsTable/components/shared/ExpandCollapseButton.js";import"../../../../Drillstring/BHAComponentsTable/components/shared/FormatedNumber.js";import{InputText as u}from"../../../../Drillstring/BHAComponentsTable/components/shared/InputText.js";import"../../../../Drillstring/BHAComponentsTable/components/shared/MoreButton.js";import{SaveButton as C}from"../../../../Drillstring/BHAComponentsTable/components/shared/SaveButton.js";import{SelectField as A}from"../../../../Drillstring/BHAComponentsTable/components/shared/SelectField.js";import"../../../../Drillstring/BHAComponentsTable/components/shared/StaticField.js";import{SharedEditorElements as g}from"../../../../Drillstring/BHAComponentsTable/components/shared/SharedEditorElements.js";import"../../../../Drillstring/BHAComponentsTable/components/shared/ConfirmationPopup.js";import b from"../../../../Drillstring/BHAComponentsTable/components/Suggestions/Suggestions.js";import{useStyles as h}from"../../../../Drillstring/BHAComponentsTable/components/sharedStyles.js";function f(e){var r=e.component,f=e.error,D=e.onChange,S=e.onCancel,v=e.onSave,P=e.onUseSuggestion,T=e.columns,x=h({isMobile:p}),I=p?n/2:n/T,y=function(e){return f&&f[e]},B=t((function(){var e=l;return r.outer_diameter?e.filter((function(e){return e.outer_diameter===parseFloat(r.outer_diameter)})):[]}),[r.outer_diameter]);return m(i,{container:!0,spacing:0,className:x.editorContainer,children:[!p&&a(i,{item:!0,className:x.editorComponentSize,children:a(d,{component:r})}),a(i,{item:!0,className:x.eidtorContentContainer,children:m(i,{container:!0,spacing:2,children:[a(g,{component:r,getError:y,onChange:D,isCasing:!0}),B.length>0&&a(b,{data:B,allData:l,columns:s,displayKeys:["outer_diameter","inner_diameter"],descriptionKeys:["outer_diameter","inner_diameter","linear_weight","number_of_joints","component_length"],onSelect:P,isCasing:!0}),a(u,{type:"name",label:"Name",value:r.name,error:y("name"),xs:I,onChangeField:D}),a(u,{type:"weight",label:"T.Weight",unit:"mass",value:r.weight,error:y("weight"),disabled:!0,xs:I,onChangeField:D}),a(u,{type:"number_of_joints",label:"# of Joints",value:r.number_of_joints,error:y("number_of_joints"),xs:I,onChangeField:D}),a(u,{type:"component_length",label:"Component Length",unit:"length",value:r.component_length,error:y("component_length"),xs:I,onChangeField:D}),a(u,{type:"inside_mud_density",label:"Inside Mud Density",unit:"density",value:r.inside_mud_density,error:y("inside_mud_density"),xs:I,onChangeField:D}),a(A,{type:"grade",options:c,label:"Grade",value:r.grade,error:y("grade"),xs:I,onChangeField:D}),a(u,{type:"connection_type",label:"Connection Type",value:r.connection_type,error:y("connection_type"),xs:I,onChangeField:D})]})}),!p&&m(i,{item:!0,className:x.eidtorActionGroup,children:[a(j,{handleCancel:S}),a(C,{handleSave:v,disabled:!o(f)})]})]})}f.propTypes={component:r.shape({outer_diameter:r.number,component_length:r.number,name:r.string,weight:r.number,number_of_joints:r.number,inside_mud_density:r.number,connection_type:r.string,grade:r.string}).isRequired,error:r.shape({}),onChange:r.func.isRequired,onCancel:r.func.isRequired,onSave:r.func.isRequired,onUseSuggestion:r.func.isRequired,columns:r.number.isRequired},f.defaultProps={error:null};var D=e(f);export{D as default};

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

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

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

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

package/components/ColorPicker/PaletteChromePicker/PaletteChromePicker.d.ts

@@ -1,20 +1,34 @@
-export default PaletteChromePicker;
-export type PaletteChromePickerProps = {
-    color: string;
-    onChange: (color: {
-        hex: string;
-        hsl: any;
-        rgb: any;
-    }) => void;
-    onSizeChange?: () => void;
-    enableTransparencyPalette?: boolean;
+/// <reference types="react" />
+export declare type HSLA = {
+    h: number;
+    s: number;
+    l: number;
+    a: number;
+};
+export declare type RGBA = {
+    r: number;
+    g: number;
+    b: number;
+    a: number;
+};
+export declare type HSVA = {
+    h: number;
+    s: number;
+    v: number;
+    a: number;
 };
-/**
- * @typedef PaletteChromePickerProps
- * @property {string} color
- * @property {(color: { hex: string; hsl: any; rgb: any; }) => void} onChange
- * @property {() => void} [onSizeChange]
- * @property {boolean} [enableTransparencyPalette]
- */
-declare const PaletteChromePicker: import("react").ForwardRefExoticComponent<PaletteChromePickerProps & import("react").RefAttributes<any>>;
+export declare type Color = {
+    hex: string;
+    hsl: HSLA;
+    rgb: RGBA;
+    hsv: HSVA;
+};
+export declare type PaletteChromePickerProps = {
+    color: string | RGBA | HSLA | HSVA;
+    onChange: (color: Color) => void;
+    onSizeChange: () => void;
+    enableTransparencyPalette: boolean;
+};
+declare const PaletteChromePicker: import("react").ForwardRefExoticComponent<PaletteChromePickerProps & import("react").RefAttributes<HTMLDivElement>>;
+export default PaletteChromePicker;
 //# sourceMappingURL=PaletteChromePicker.d.ts.map

package/components/ColorPicker/PaletteChromePicker/PaletteChromePicker.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PaletteChromePicker.d.ts","sourceRoot":"","sources":["../../../../src/components/ColorPicker/PaletteChromePicker/PaletteChromePicker.js"],"names":[],"mappings":";;WA+Fc,MAAM;sBACE;QAAE,GAAG,EAAE,MAAM,CAAC;QAAC,GAAG,EAAE,GAAG,CAAC;QAAC,GAAG,EAAE,GAAG,CAAC;KAAE,KAAK,IAAI;mBACrD,MAAM,IAAI;gCACV,OAAO;;AALrB;;;;;;GAMG;AAEH,4IAyDE"}
+{"version":3,"file":"PaletteChromePicker.d.ts","sourceRoot":"","sources":["../../../../src/components/ColorPicker/PaletteChromePicker/PaletteChromePicker.tsx"],"names":[],"mappings":";AA8FA,oBAAY,IAAI,GAAG;IAAE,CAAC,EAAE,MAAM,CAAC;IAAC,CAAC,EAAE,MAAM,CAAC;IAAC,CAAC,EAAE,MAAM,CAAC;IAAC,CAAC,EAAE,MAAM,CAAA;CAAE,CAAC;AAClE,oBAAY,IAAI,GAAG;IAAE,CAAC,EAAE,MAAM,CAAC;IAAC,CAAC,EAAE,MAAM,CAAC;IAAC,CAAC,EAAE,MAAM,CAAC;IAAC,CAAC,EAAE,MAAM,CAAA;CAAE,CAAC;AAClE,oBAAY,IAAI,GAAG;IAAE,CAAC,EAAE,MAAM,CAAC;IAAC,CAAC,EAAE,MAAM,CAAC;IAAC,CAAC,EAAE,MAAM,CAAC;IAAC,CAAC,EAAE,MAAM,CAAA;CAAE,CAAC;AAElE,oBAAY,KAAK,GAAG;IAAE,GAAG,EAAE,MAAM,CAAC;IAAC,GAAG,EAAE,IAAI,CAAC;IAAC,GAAG,EAAE,IAAI,CAAC;IAAC,GAAG,EAAE,IAAI,CAAA;CAAE,CAAC;AAErE,oBAAY,wBAAwB,GAAG;IACrC,KAAK,EAAE,MAAM,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IACnC,QAAQ,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC;IACjC,YAAY,EAAE,MAAM,IAAI,CAAC;IACzB,yBAAyB,EAAE,OAAO,CAAC;CACpC,CAAC;AAEF,QAAA,MAAM,mBAAmB,qHA4DxB,CAAC;AAEF,eAAe,mBAAmB,CAAC"}

package/components/ColorPicker/PaletteChromePicker/PaletteChromePicker.js

@@ -1 +1 @@
-import o from"@babel/runtime/helpers/defineProperty";import i from"@babel/runtime/helpers/slicedToArray";import{forwardRef as s,useState as n,useLayoutEffect as c}from"react";import{ChromePicker as t}from"react-color";import e from"classnames";import{makeStyles as r,Tooltip as a}from"@material-ui/core";import p from"./Palette/Palette.js";import m from"../../IconButton/index.js";import{PaletteIcon as l,PickerIcon as d}from"../../../icons/iconParkIcons.js";import"../../../icons/customIcons/icons/AddMessage.js";import"../../../icons/customIcons/icons/Attention.js";import"../../../icons/customIcons/icons/Collapse.js";import"../../../icons/customIcons/icons/Dashboard.js";import"../../../icons/customIcons/icons/Expand.js";import"../../../icons/customIcons/icons/FolderClosed.js";import"../../../icons/customIcons/icons/FolderClosedFilled.js";import"../../../icons/customIcons/icons/FolderOpened.js";import"../../../icons/customIcons/icons/GreaterOrEqual.js";import"../../../icons/customIcons/icons/LessOrEqual.js";import"../../../icons/customIcons/icons/Search.js";import"../../../icons/customIcons/icons/Wellhub.js";import"../../../icons/customIcons/icons/MultiRuler.js";import"../../../icons/customIcons/icons/Checkbox.js";import"../../../icons/customIcons/icons/CheckboxChecked.js";import"../../../icons/customIcons/icons/CheckboxIndeterminate.js";import"../../../icons/customIcons/icons/Radio.js";import"../../../icons/customIcons/icons/RadioChecked.js";import"../../../icons/customIcons/icons/SimulFrac.js";import"../../../icons/customIcons/icons/ZipperFrac.js";import"../../../icons/customIcons/icons/CautionFilled.js";import"../../../icons/customIcons/icons/MoreApp.js";import{jsxs as u,jsx as b}from"react/jsx-runtime";var h="PALETTE",x="CHROME_PICKER",f={default:{picker:{width:"100%",boxShadow:"none"},body:{backgroundColor:"#3b3b3b",padding:"16px 16px 0"},color:{width:"32px",height:"32px",marginRight:"16px",borderRadius:"2px"},swatch:{marginTop:0,width:"100%",height:"100%",borderRadius:0,position:"relative",overflow:"hidden"},toggles:{display:"flex",flexDirection:"column",justifyContent:"space-between"},Alpha:{checkboard:{display:"none"},gradient:{borderRadius:"5px"}}}},j=r({container:{backgroundColor:"#3b3b3b",boxShadow:"0px 3px 10px rgba(0, 0, 0, 0.4)",width:"250px",paddingBottom:"8px",borderRadius:"4px","& input":{border:"1px solid #616161 !important",backgroundColor:"#3b3b3b",color:"#fff !important",boxShadow:"none !important",outline:"none"}},chromePickerPalette:{margin:"0 8px",paddingTop:"8px"},buttonsContainer:{display:"flex",justifyContent:"center",marginTop:"8px"},iconActive:{color:"#fff"},tooltip:{background:"#414141",color:"#fff",boxShadow:"0px 4px 4px rgba(0, 0, 0, 0.12)",borderRadius:"4px",opacity:1,fontSize:"11px"}}),C=s((function(s,r){var C=s.color,I=s.onChange,g=s.onSizeChange,k=s.enableTransparencyPalette,P=j(),w=n(h),y=i(w,2),R=y[0],v=y[1];return c(g,[R]),u("div",{className:P.container,ref:r,children:[R===h&&b(p,{className:P.chromePickerPalette,color:C,onChange:I,enableTransparencyPalette:k}),R===x&&b(t,{styles:f,color:C,onChange:I}),u("div",{className:P.buttonsContainer,children:[b(a,{title:"Palette",classes:{tooltip:P.tooltip},children:b(m,{"data-testid":"".concat("PaletteChromePicker","_palette"),className:P.iconButton,onClick:function(){return v(h)},children:b(l,{className:e(P.icon,o({},P.iconActive,R===h)),size:24})})}),b(a,{title:"Pick your own",classes:{tooltip:P.tooltip},children:b(m,{"data-testid":"".concat("PaletteChromePicker","_pickOwn"),className:P.iconButton,onClick:function(){return v(x)},children:b(d,{className:e(P.icon,o({},P.iconActive,R===x)),size:24})})})]})]})}));export{C as default};
+import{__assign as o}from'./../../../ext-esm/tslib/tslib.es6.js';import{jsxs as i,jsx as s}from"react/jsx-runtime";import{forwardRef as c,useState as n,useLayoutEffect as t}from"react";import{ChromePicker as e}from"react-color";import r from"classnames";import{makeStyles as a,Tooltip as p}from"@material-ui/core";import m from"./Palette/Palette.js";import l from"../../IconButton/index.js";import{PaletteIcon as d,PickerIcon as u}from"../../../icons/iconParkIcons.js";import"../../../icons/customIcons/icons/AddMessage.js";import"../../../icons/customIcons/icons/Attention.js";import"../../../icons/customIcons/icons/Collapse.js";import"../../../icons/customIcons/icons/Dashboard.js";import"../../../icons/customIcons/icons/Expand.js";import"../../../icons/customIcons/icons/FolderClosed.js";import"../../../icons/customIcons/icons/FolderClosedFilled.js";import"../../../icons/customIcons/icons/FolderOpened.js";import"../../../icons/customIcons/icons/GreaterOrEqual.js";import"../../../icons/customIcons/icons/LessOrEqual.js";import"../../../icons/customIcons/icons/Search.js";import"../../../icons/customIcons/icons/Wellhub.js";import"../../../icons/customIcons/icons/MultiRuler.js";import"../../../icons/customIcons/icons/Checkbox.js";import"../../../icons/customIcons/icons/CheckboxChecked.js";import"../../../icons/customIcons/icons/CheckboxIndeterminate.js";import"../../../icons/customIcons/icons/Radio.js";import"../../../icons/customIcons/icons/RadioChecked.js";import"../../../icons/customIcons/icons/SimulFrac.js";import"../../../icons/customIcons/icons/ZipperFrac.js";import"../../../icons/customIcons/icons/CautionFilled.js";import"../../../icons/customIcons/icons/MoreApp.js";var b="PALETTE",h="CHROME_PICKER",x={default:{picker:{width:"100%",boxShadow:"none"},body:{backgroundColor:"#3b3b3b",padding:"16px 16px 0"},color:{width:"32px",height:"32px",marginRight:"16px",borderRadius:"2px"},swatch:{marginTop:0,width:"100%",height:"100%",borderRadius:0,position:"relative",overflow:"hidden"},toggles:{display:"flex",flexDirection:"column",justifyContent:"space-between"},Alpha:{checkboard:{display:"none"},gradient:{borderRadius:"5px"}}}},f=a({container:{backgroundColor:"#3b3b3b",boxShadow:"0px 3px 10px rgba(0, 0, 0, 0.4)",width:"250px",paddingBottom:"8px",borderRadius:"4px","& input":{border:"1px solid #616161 !important",backgroundColor:"#3b3b3b",color:"#fff !important",boxShadow:"none !important",outline:"none"}},chromePickerPalette:{margin:"0 8px",paddingTop:"8px"},buttonsContainer:{display:"flex",justifyContent:"center",marginTop:"8px"},iconActive:{color:"#fff"},tooltip:{background:"#414141",color:"#fff",boxShadow:"0px 4px 4px rgba(0, 0, 0, 0.12)",borderRadius:"4px",opacity:1,fontSize:"11px"}}),j=c((function(c,a){var j,C,I=c.color,g=c.onChange,k=c.onSizeChange,P=c.enableTransparencyPalette,w=f(),y=n(b),R=y[0],v=y[1];return t(k,[R]),i("div",o({className:w.container,ref:a},{children:[R===b&&s(m,{className:w.chromePickerPalette,color:I,onChange:g,enableTransparencyPalette:P}),R===h&&s(e,{styles:x,color:I,onChange:g}),i("div",o({className:w.buttonsContainer},{children:[s(p,o({title:"Palette",classes:{tooltip:w.tooltip}},{children:s(l,o({"data-testid":"".concat("PaletteChromePicker","_palette"),onClick:function(){return v(b)}},{children:s(d,{className:r((j={},j[w.iconActive]=R===b,j)),size:24})}))})),s(p,o({title:"Pick your own",classes:{tooltip:w.tooltip}},{children:s(l,o({"data-testid":"".concat("PaletteChromePicker","_pickOwn"),onClick:function(){return v(h)}},{children:s(u,{className:r((C={},C[w.iconActive]=R===h,C)),size:24})}))}))]}))]}))}));export{j as default};

package/components/ColorPicker/PaletteChromePicker/PaletteChromePicker.stories.d.ts

@@ -0,0 +1,9 @@
+import { Meta } from '@storybook/react';
+import { ComponentProps } from 'react';
+import PaletteChromePicker from './PaletteChromePicker';
+declare type Props = ComponentProps<typeof PaletteChromePicker>;
+declare const meta: Meta<Props>;
+export default meta;
+export declare const Default: (props: Props) => JSX.Element;
+export declare const ColorFormats: () => JSX.Element;
+//# sourceMappingURL=PaletteChromePicker.stories.d.ts.map

package/components/ColorPicker/PaletteChromePicker/PaletteChromePicker.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PaletteChromePicker.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/ColorPicker/PaletteChromePicker/PaletteChromePicker.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AACxC,OAAO,EAAE,cAAc,EAAY,MAAM,OAAO,CAAC;AAEjD,OAAO,mBAAyC,MAAM,uBAAuB,CAAC;AAE9E,aAAK,KAAK,GAAG,cAAc,CAAC,OAAO,mBAAmB,CAAC,CAAC;AAExD,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,KAAK,CAGrB,CAAC;AAkBF,eAAe,IAAI,CAAC;AAEpB,eAAO,MAAM,OAAO,UAAW,KAAK,gBAanC,CAAC;AAEF,eAAO,MAAM,YAAY,mBAkDxB,CAAC"}

package/components/ColorPickerPalette/ColorPickerPalette.d.ts

@@ -1,4 +1,24 @@
-/// <reference types="react" />
-declare const _default: import("react").ComponentType<Pick<{}, never> & import("@material-ui/core").StyledComponentProps<"root" | "popper" | "rightLabel" | "topLabel">>;
-export default _default;
+import { ComponentType } from 'react';
+import { PopoverOrigin } from '@material-ui/core';
+import { PaletteChromePickerProps } from '../ColorPicker/PaletteChromePicker/PaletteChromePicker';
+declare type Format = 'rgba' | 'rgb' | 'hex' | 'rgba_rgb' | 'rgba_hex';
+declare type ColorPickerPaletteProps = {
+    color: string;
+    onChange: (convertedColor: string) => void;
+    handleClose: () => void;
+    /**
+     * Anchor element to position the popover to. Pass falsy value to hide popover
+     */
+    anchorEl?: null | Element;
+    converter?: Format;
+    popoverAnchorOrigin?: PopoverOrigin;
+    popoverTransformOrigin?: PopoverOrigin;
+    pickerComponent?: ComponentType<PaletteChromePickerProps>;
+    enableTransparencyPalette?: boolean;
+};
+/**
+ * @deprecated
+ */
+declare const ColorPickerPalette: ({ color, onChange, anchorEl, handleClose, converter, popoverAnchorOrigin, popoverTransformOrigin, pickerComponent: PickerComponent, enableTransparencyPalette, }: ColorPickerPaletteProps) => JSX.Element;
+export default ColorPickerPalette;
 //# sourceMappingURL=ColorPickerPalette.d.ts.map