npm - @corva/ui - Versions diffs - 3.52.0-3 → 3.52.0-5 - Mend

@corva/ui 3.52.0-3 → 3.52.0-5

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

Files changed (1759) hide show

package/components/Casing/CasingTableV2/components/CasingJoints/Editor.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Editor.js","sources":["../../../../../../src/components/Casing/CasingTableV2/components/CasingJoints/Editor.js"],"sourcesContent":["import { memo, useMemo } from 'react';\nimport { isEmpty } from 'lodash';\nimport PropTypes from 'prop-types';\nimport { Grid } from '@material-ui/core';\n\nimport { CONTAINER_XS, OD_ID_DEP_COLUMNS } from '../constants';\n\nimport { isMobileDetected } from '~/utils/mobileDetect';\nimport { CasingComponentIcon as ComponentIcon } from '~/components';\nimport { COMPONENT_GRADES, OD_ID_DEP_LIST } from '~/constants/casing';\nimport {\n InputText,\n SelectField,\n CancelButton,\n SaveButton,\n SharedEditorElements,\n} from '~/components/Drillstring/BHAComponentsTable/components/shared';\nimport { Suggestions } from '~/components/Drillstring/BHAComponentsTable/components/Suggestions';\nimport { useStyles } from '~/components/Drillstring/BHAComponentsTable/components/sharedStyles';\n\nfunction CasingJoints({ component, error, onChange, onCancel, onSave, onUseSuggestion, columns }) {\n const classes = useStyles({ isMobile: isMobileDetected });\n const xs = isMobileDetected ? CONTAINER_XS / 2 : CONTAINER_XS / columns;\n\n const getError = key => error && error[key];\n\n const filteredSuggestions = useMemo(() => {\n const suggestionsToUse = OD_ID_DEP_LIST;\n return !component.outer_diameter\n ? []\n : suggestionsToUse.filter(\n item => item.outer_diameter === parseFloat(component.outer_diameter)\n );\n }, [component.outer_diameter]);\n\n return (\n <Grid container spacing={0} className={classes.editorContainer}>\n {!isMobileDetected && (\n <Grid item className={classes.editorComponentSize}>\n <ComponentIcon component={component} />\n </Grid>\n )}\n <Grid item className={classes.eidtorContentContainer}>\n <Grid container spacing={2}>\n <SharedEditorElements\n component={component}\n getError={getError}\n onChange={onChange}\n isCasing\n />\n {filteredSuggestions.length > 0 && (\n <Suggestions\n data={filteredSuggestions}\n allData={OD_ID_DEP_LIST}\n columns={OD_ID_DEP_COLUMNS}\n displayKeys={['outer_diameter', 'inner_diameter']}\n descriptionKeys={[\n 'outer_diameter',\n 'inner_diameter',\n 'linear_weight',\n 'number_of_joints',\n 'component_length',\n ]}\n onSelect={onUseSuggestion}\n isCasing\n />\n )}\n\n <InputText\n type=\"name\"\n label=\"Name\"\n value={component.name}\n error={getError('name')}\n xs={xs}\n onChangeField={onChange}\n />\n <InputText\n type=\"weight\"\n label=\"T.Weight\"\n unit=\"mass\"\n value={component.weight}\n error={getError('weight')}\n disabled\n xs={xs}\n onChangeField={onChange}\n />\n <InputText\n type=\"number_of_joints\"\n label=\"# of Joints\"\n value={component.number_of_joints}\n error={getError('number_of_joints')}\n xs={xs}\n onChangeField={onChange}\n />\n <InputText\n type=\"component_length\"\n label=\"Component Length\"\n unit=\"length\"\n value={component.component_length}\n error={getError('component_length')}\n xs={xs}\n onChangeField={onChange}\n />\n <InputText\n type=\"inside_mud_density\"\n label=\"Inside Mud Density\"\n unit=\"density\"\n value={component.inside_mud_density}\n error={getError('inside_mud_density')}\n xs={xs}\n onChangeField={onChange}\n />\n <SelectField\n type=\"grade\"\n options={COMPONENT_GRADES}\n label=\"Grade\"\n value={component.grade}\n error={getError('grade')}\n xs={xs}\n onChangeField={onChange}\n />\n <InputText\n type=\"connection_type\"\n label=\"Connection Type\"\n value={component.connection_type}\n error={getError('connection_type')}\n xs={xs}\n onChangeField={onChange}\n />\n </Grid>\n </Grid>\n {!isMobileDetected && (\n <Grid item className={classes.eidtorActionGroup}>\n <CancelButton handleCancel={onCancel} />\n <SaveButton handleSave={onSave} disabled={!isEmpty(error)} />\n </Grid>\n )}\n </Grid>\n );\n}\n\nCasingJoints.propTypes = {\n component: PropTypes.shape({\n outer_diameter: PropTypes.number,\n component_length: PropTypes.number,\n name: PropTypes.string,\n weight: PropTypes.number,\n number_of_joints: PropTypes.number,\n inside_mud_density: PropTypes.number,\n connection_type: PropTypes.string,\n grade: PropTypes.string,\n }).isRequired,\n error: PropTypes.shape({}),\n onChange: PropTypes.func.isRequired,\n onCancel: PropTypes.func.isRequired,\n onSave: PropTypes.func.isRequired,\n onUseSuggestion: PropTypes.func.isRequired,\n columns: PropTypes.number.isRequired,\n};\n\nCasingJoints.defaultProps = {\n error: null,\n};\n\nexport default memo(CasingJoints);\n"],"names":["CasingJoints","_ref","component","error","onChange","onCancel","onSave","onUseSuggestion","columns","classes","useStyles","isMobile","isMobileDetected","xs","CONTAINER_XS","getError","key","filteredSuggestions","useMemo","suggestionsToUse","OD_ID_DEP_LIST","outer_diameter","filter","item","parseFloat","_jsxs","Grid","container","spacing","className","editorContainer","children","_jsx","editorComponentSize","ComponentIcon","eidtorContentContainer","SharedEditorElements","isCasing","length","Suggestions","data","allData","OD_ID_DEP_COLUMNS","displayKeys","descriptionKeys","onSelect","InputText","type","label","value","name","onChangeField","unit","weight","disabled","number_of_joints","component_length","inside_mud_density","SelectField","options","COMPONENT_GRADES","grade","connection_type","eidtorActionGroup","CancelButton","handleCancel","SaveButton","handleSave","isEmpty","propTypes","PropTypes","shape","number","string","isRequired","func","defaultProps","memo"],"mappings":"~~w31BAoBA~~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"}
1	+ {"version":3,"file":"Editor.js","sources":["../../../../../../src/components/Casing/CasingTableV2/components/CasingJoints/Editor.js"],"sourcesContent":["import { memo, useMemo } from 'react';\nimport { isEmpty } from 'lodash';\nimport PropTypes from 'prop-types';\nimport { Grid } from '@material-ui/core';\n\nimport { CONTAINER_XS, OD_ID_DEP_COLUMNS } from '../constants';\n\nimport { isMobileDetected } from '~/utils/mobileDetect';\nimport { CasingComponentIcon as ComponentIcon } from '~/components';\nimport { COMPONENT_GRADES, OD_ID_DEP_LIST } from '~/constants/casing';\nimport {\n InputText,\n SelectField,\n CancelButton,\n SaveButton,\n SharedEditorElements,\n} from '~/components/Drillstring/BHAComponentsTable/components/shared';\nimport { Suggestions } from '~/components/Drillstring/BHAComponentsTable/components/Suggestions';\nimport { useStyles } from '~/components/Drillstring/BHAComponentsTable/components/sharedStyles';\n\nfunction CasingJoints({ component, error, onChange, onCancel, onSave, onUseSuggestion, columns }) {\n const classes = useStyles({ isMobile: isMobileDetected });\n const xs = isMobileDetected ? CONTAINER_XS / 2 : CONTAINER_XS / columns;\n\n const getError = key => error && error[key];\n\n const filteredSuggestions = useMemo(() => {\n const suggestionsToUse = OD_ID_DEP_LIST;\n return !component.outer_diameter\n ? []\n : suggestionsToUse.filter(\n item => item.outer_diameter === parseFloat(component.outer_diameter)\n );\n }, [component.outer_diameter]);\n\n return (\n <Grid container spacing={0} className={classes.editorContainer}>\n {!isMobileDetected && (\n <Grid item className={classes.editorComponentSize}>\n <ComponentIcon component={component} />\n </Grid>\n )}\n <Grid item className={classes.eidtorContentContainer}>\n <Grid container spacing={2}>\n <SharedEditorElements\n component={component}\n getError={getError}\n onChange={onChange}\n isCasing\n />\n {filteredSuggestions.length > 0 && (\n <Suggestions\n data={filteredSuggestions}\n allData={OD_ID_DEP_LIST}\n columns={OD_ID_DEP_COLUMNS}\n displayKeys={['outer_diameter', 'inner_diameter']}\n descriptionKeys={[\n 'outer_diameter',\n 'inner_diameter',\n 'linear_weight',\n 'number_of_joints',\n 'component_length',\n ]}\n onSelect={onUseSuggestion}\n isCasing\n />\n )}\n\n <InputText\n type=\"name\"\n label=\"Name\"\n value={component.name}\n error={getError('name')}\n xs={xs}\n onChangeField={onChange}\n />\n <InputText\n type=\"weight\"\n label=\"T.Weight\"\n unit=\"mass\"\n value={component.weight}\n error={getError('weight')}\n disabled\n xs={xs}\n onChangeField={onChange}\n />\n <InputText\n type=\"number_of_joints\"\n label=\"# of Joints\"\n value={component.number_of_joints}\n error={getError('number_of_joints')}\n xs={xs}\n onChangeField={onChange}\n />\n <InputText\n type=\"component_length\"\n label=\"Component Length\"\n unit=\"length\"\n value={component.component_length}\n error={getError('component_length')}\n xs={xs}\n onChangeField={onChange}\n />\n <InputText\n type=\"inside_mud_density\"\n label=\"Inside Mud Density\"\n unit=\"density\"\n value={component.inside_mud_density}\n error={getError('inside_mud_density')}\n xs={xs}\n onChangeField={onChange}\n />\n <SelectField\n type=\"grade\"\n options={COMPONENT_GRADES}\n label=\"Grade\"\n value={component.grade}\n error={getError('grade')}\n xs={xs}\n onChangeField={onChange}\n />\n <InputText\n type=\"connection_type\"\n label=\"Connection Type\"\n value={component.connection_type}\n error={getError('connection_type')}\n xs={xs}\n onChangeField={onChange}\n />\n </Grid>\n </Grid>\n {!isMobileDetected && (\n <Grid item className={classes.eidtorActionGroup}>\n <CancelButton handleCancel={onCancel} />\n <SaveButton handleSave={onSave} disabled={!isEmpty(error)} />\n </Grid>\n )}\n </Grid>\n );\n}\n\nCasingJoints.propTypes = {\n component: PropTypes.shape({\n outer_diameter: PropTypes.number,\n component_length: PropTypes.number,\n name: PropTypes.string,\n weight: PropTypes.number,\n number_of_joints: PropTypes.number,\n inside_mud_density: PropTypes.number,\n connection_type: PropTypes.string,\n grade: PropTypes.string,\n }).isRequired,\n error: PropTypes.shape({}),\n onChange: PropTypes.func.isRequired,\n onCancel: PropTypes.func.isRequired,\n onSave: PropTypes.func.isRequired,\n onUseSuggestion: PropTypes.func.isRequired,\n columns: PropTypes.number.isRequired,\n};\n\nCasingJoints.defaultProps = {\n error: null,\n};\n\nexport default memo(CasingJoints);\n"],"names":["CasingJoints","_ref","component","error","onChange","onCancel","onSave","onUseSuggestion","columns","classes","useStyles","isMobile","isMobileDetected","xs","CONTAINER_XS","getError","key","filteredSuggestions","useMemo","suggestionsToUse","OD_ID_DEP_LIST","outer_diameter","filter","item","parseFloat","_jsxs","Grid","container","spacing","className","editorContainer","children","_jsx","editorComponentSize","ComponentIcon","eidtorContentContainer","SharedEditorElements","isCasing","length","Suggestions","data","allData","OD_ID_DEP_COLUMNS","displayKeys","descriptionKeys","onSelect","InputText","type","label","value","name","onChangeField","unit","weight","disabled","number_of_joints","component_length","inside_mud_density","SelectField","options","COMPONENT_GRADES","grade","connection_type","eidtorActionGroup","CancelButton","handleCancel","SaveButton","handleSave","isEmpty","propTypes","PropTypes","shape","number","string","isRequired","func","defaultProps","memo"],"mappings":"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"}

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

@@ -1,2 +1,2 @@
-import o from"@babel/runtime/helpers/objectWithoutProperties";import e from"@babel/runtime/helpers/defineProperty";import t from"@babel/runtime/helpers/slicedToArray";import{memo as s,useState as n,useEffect as i}from"react";import r from"classnames";import{omit as p}from"lodash";import m from"prop-types";import{Grid as c,Menu as a,MenuItem as l}from"@material-ui/core";import d from"./DrillPipe/Browser.js";import j from"./DrillPipe/Editor.js";import u from"./CasingJoints/Browser.js";import C from"./CasingJoints/Editor.js";import A from"./EditComponentDialog.js";import{validateComponent as g}from"../../../../utils/casing/validation.js";import{COMPONENT_FAMILIES as h}from"../../../../constants/casing.js";import{jsxs as V,jsx as S,Fragment as b}from"react/jsx-runtime";import"../../../DevCenter/DevCenterAppContainer/components/IsInsideIsolatedDcAppProvider/IsInsideIsolatedDcAppProvider.js";import"../../../DevCenter/DevCenterAppContainer/components/DcFullscreenElemsCoordinatorProvider/DcFullscreenElemsCoordinatorProvider.js";import"../../../DevCenter/DevCenterAppContainer/components/DcFullscreenElemsCoordinatorProvider/IsInsideDcFullscreenElemProvider.js";import"@icon-park/react/es/all";import"../../../../icons/IconParkProvider.js";import"../../../../icons/customIcons/icons/AddMessage.js";import"../../../../icons/customIcons/icons/Attention.js";import"../../../../icons/customIcons/icons/Collapse.js";import"../../../../icons/customIcons/icons/Dashboard.js";import"../../../../icons/customIcons/icons/Expand.js";import"../../../../icons/customIcons/icons/FolderClosed.js";import"../../../../icons/customIcons/icons/FolderClosedFilled.js";import"../../../../icons/customIcons/icons/FolderOpened.js";import"../../../../icons/customIcons/icons/GreaterOrEqual.js";import"../../../../icons/customIcons/icons/LessOrEqual.js";import"../../../../icons/customIcons/icons/Search.js";import"../../../../icons/customIcons/icons/SearchOne.js";import"../../../../icons/customIcons/icons/Wellhub.js";import"../../../../icons/customIcons/icons/MultiRuler.js";import"../../../../icons/customIcons/icons/Checkbox.js";import"../../../../icons/customIcons/icons/CheckboxChecked.js";import"../../../../icons/customIcons/icons/CheckboxIndeterminate.js";import"../../../../icons/customIcons/icons/Radio.js";import"../../../../icons/customIcons/icons/RadioChecked.js";import"../../../../icons/customIcons/icons/SimulFrac.js";import"../../../../icons/customIcons/icons/ZipperFrac.js";import"../../../../icons/customIcons/icons/CautionFilled.js";import"../../../../icons/customIcons/icons/MoreApp.js";import"../../../../icons/customIcons/icons/Pad.js";import"../../../../icons/customIcons/icons/DrilloutUnit.js";import"../../../../icons/customIcons/icons/FracFleet.js";import"../../../../icons/customIcons/icons/Global.js";import"../../../../icons/customIcons/icons/Program.js";import"../../../../icons/customIcons/icons/Rig.js";import"../../../../icons/customIcons/icons/Well.js";import"../../../../icons/customIcons/icons/Gap.js";import"../../../../icons/customIcons/icons/Pin.js";import"../../../../icons/customIcons/icons/CloseOneFilled.js";import"../../../../icons/customIcons/icons/AttentionFilled.js";import"../../../../icons/customIcons/icons/CheckOneFilled.js";import"../../../../icons/customIcons/icons/Archive.js";import"../../../../icons/customIcons/icons/ArchiveCancel.js";import"../../../../icons/customIcons/icons/Unarchive.js";import"../../../../icons/customIcons/icons/Archived.js";import"../../../../icons/customIcons/icons/InterventionUnit.js";import"../../../../icons/customIcons/icons/CloudDelete.js";import"../../../../icons/customIcons/icons/Lasso.js";import"../../../../icons/customIcons/icons/Radius.js";import"../../../../utils/mobileDetect.js";import"../../../IconButton/index.js";import"../../../../constants/goals.js";import"../../../../constants/segment.js";import"../../../../constants/alerts.js";import"../../../../constants/apps.js";import"../../../../constants/drillstring.js";import"../../../../constants/completion.js";import"../../../../constants/appPackages.js";import"../../../../constants/notifications.js";import"../../../../constants/feed.js";import"../../../../constants/bha.js";import"../../../../constants/corvaCompanyId.js";import"../../../GradientManager/configuration/constants.js";import"../../../Modal/CorvaModal.css.js";import"uuid";import"../../../IconMenu/index.js";import"../../../StyledMenuItem/index.js";import"../../../AppIcon/AppIcon.js";import"../../../DevCenter/AppHeader/AppHeader.js";import"../../../DevCenter/AppSideBar/AppSideBar.js";import"../../../DevCenter/AppsDataProvider/AppsDataProvider.js";import"@material-ui/icons";import"../../../DevCenter/AppContext.js";import"../../../DevCenter/DevCenterRouterContext/DevCenterRouterContext.js";import"../../../DevCenter/DevCenterRouterContext/UniversalLink/UniversalLink.js";import"react-router";import"@babel/runtime/helpers/asyncToGenerator";import"@babel/runtime/regenerator";import"../../../../utils/index.js";import"../../../DevCenter/DevCenterAppContainer/components/AppActions/AppActions.css.js";import"../../../DevCenter/DevCenterAppContainer/components/AppSettingsDialog/AppSettingsDialog.js";import"../../../DevCenter/DevCenterAppContainer/components/AppSettingsDialog/components/RemoveAppButton.js";import"../../../DevCenter/DevCenterAppContainer/components/AppSettingsDialog/components/SettingsAccordion.js";import"../../../DevCenter/DevCenterAppContainer/components/AnnotationsButton/AnnotationsButton.js";import"../../../../componentsV2/Text/Text.js";import"../../../../componentsV2/Grid/Grid.js";import"../../../../componentsV2/Grid/Cell.js";import"../../../../componentsV2/Header/Header.scss.js";import"../../../../componentsV2/Button/Button.js";import"../../../../componentsV2/ButtonIcon/ButtonIcon.js";import"../../../../componentsV2/Tooltip/Tooltip.scss.js";import"../../../../componentsV2/Popover/Popover.js";import"../../../../componentsV2/Radio/Radio.js";import"../../../../componentsV2/RadioAndCheckboxGroup/RadioAndCheckboxGroup.scss.js";import"../../../../componentsV2/Checkbox/Checkbox.js";import"@babel/runtime/helpers/toConsumableArray";import"../../../../componentsV2/TextInput/TextInput.js";import"../../../../componentsV2/Label/Label.js";import"../../../../componentsV2/TextEndTruncated/TextEndTruncated.scss.js";import"../../../../componentsV2/TextMiddleTruncated/TextMiddleTruncated.constants.js";import"../../../../componentsV2/TextMiddleTruncated/TextMiddleTruncated.scss.js";import"../../../../componentsV2/TextLink/TextLink.js";import"../../../../componentsV2/Chip/Chip.js";import"../../../../componentsV2/ChipAlert/ChipAlert.js";import"../../../../componentsV2/ChipIndicator/ChipIndicator.js";import"../../../../componentsV2/Avatar/Avatar.js";import"../../../../componentsV2/AvatarGroup/AvatarGroup.js";import"@material-ui/lab";import"../../../../componentsV2/ToggleButtons/ToggleButtons.scss.js";import"../../../../componentsV2/Paper/Paper.js";import"../../../../componentsV2/ModalWindow/ModalWindow.js";import"../../../../componentsV2/Modal/Modal.scss.js";import"../../../../componentsV2/Menu/Menu.js";import"../../../../componentsV2/utils.js";import"../../../../componentsV2/Hint/Hint.scss.js";import"../../../../componentsV2/Counter/Counter.js";import"../../../../componentsV2/BadgeBase/BadgeBase.scss.js";import"../../../../componentsV2/TemplatesControl/TemplatesControl.js";import"zustand";import"../../../../componentsV2/TemplatesControl/utils.js";import"../../../../componentsV2/TemplatesControl/icons/folder/index.js";import"../../../../componentsV2/TemplatesControl/Store/utils.js";import"../../../../componentsV2/TemplatesControl/types.js";import"../../../../clients/jsonApi/index.js";import"../../../../permissions/PermissionsContext.js";import"../../../../permissions/constants/index.js";import"../../../../permissions/withPermissionsHOC.js";import"../../../../permissions/ProvidePermissions.js";import"../../../../componentsV2/BadgeDot/BadgeDot.scss.js";import"../../../../componentsV2/LoaderLinear/LoaderLinear.scss.js";import"../../../../componentsV2/LoaderLogo/LoaderLogo.constants.js";import"../../../../componentsV2/LoaderLogo/LoaderLogo.scss.js";import"../../../../componentsV2/Switch/Switch.js";import"../../../../componentsV2/Tabs/Tabs.js";import"../../../../componentsV2/EmptyState/EmptyState.scss.js";import"../../../../componentsV2/FileIcon/FileIcon.js";import"../../../../componentsV2/Tag/Tag.js";import"react-dropzone";import"../../../../componentsV2/FilesDropzone/FilesDropzone.scss.js";import"../../../../componentsV2/FilesLoader/FilesLoader.scss.js";import"../../../../componentsV2/FilesProcessor/FilesProcessor.scss.js";import"../../../../componentsV2/Skeleton/Skeleton.scss.js";import"../../../../utils/main.js";import"../../../../componentsV2/CopyToClipboard/CopyToClipboard.scss.js";import"../../../../componentsV2/Stepper/Step/Step.scss.js";import"../../../../componentsV2/Stepper/Stepper.scss.js";import"../../../../componentsV2/ButtonLive/ButtonLive.js";import"../../../../componentsV2/ButtonText/ButtonText.js";import"../../../../componentsV2/IndicatorLive/IndicatorLive.js";import"../../../../componentsV2/Accordion/Accordion.scss.js";import"../../../../componentsV2/Breadcrumbs/Breadcrumbs.scss.js";import"../../../../componentsV2/BadgeComment/BadgeComment.js";import"../../../../componentsV2/AppContainer/AppContainer.js";import"../../../../componentsV2/AppContainer/AppContainer.constants.js";import"../../../../componentsV2/AppFooter/AppFooter.js";import"immutable";import"../../../../componentsV2/AppCommonsProvider/AppCommonsContext.js";import"../../../../componentsV2/AppHeader/AppHeader.constants.js";import"../../../../componentsV2/AppHeader/AppBadge/AppBadge.scss.js";import"../../../../componentsV2/AppHeader/AppAssets/utils.js";import"../../../../componentsV2/AppHeader/AppAssets/AppAssets.scss.js";import"../../../PadModeSelect/PadModeSelect.js";import"../../../../componentsV2/AppHeader/PadMode/PadMode.scss.js";import"../../../../constants/streamSourceType.js";import"../../../../componentsV2/PadModeSelect/PadModeSelect.js";import"../../../../componentsV2/PadModeSelect/PadModeSelect.constants.js";import"../../../../componentsV2/AppCommonsProvider/AppCommonsProvider.js";import"../../../../componentsV2/AppHeader/V3/VersionSelect/VersionSelect.js";import"../../../../componentsV2/UniversalLink/UniversalLink.scss.js";import"../../../../componentsV2/AppHeader/V3/AssetChips/AssetChips.scss.js";import"moment";import"../../../../componentsV2/AppHeader/V3/DqStatusIcon/DqStatusIcon.js";import"../../../../componentsV2/AppHeader/V3/DqStatusIcon/DqStatusIcon.constants.js";import"../../../../componentsV2/AppFooter/DqPopover/DqStatusIcon/DqStatusIcon.js";import"../../../../componentsV2/AppDqPopover/DqAlertTooltip/DqAlertTooltip.scss.js";import"../../../../componentsV2/AppDqPopover/DqAlert/DqAlert.scss.js";import"../../../../componentsV2/AppDqPopover/DqAsset/DqAsset.scss.js";import"../../../../componentsV2/AppDqPopover/AppDqPopover.scss.js";import"../../../../utils/getSingleAsset.js";import"../../../../componentsV2/AppHeader/V3/AssetSelector/AssetSelectorChip/AssetSelectorChip.js";import"../../../../componentsV2/AppHeader/V3/AssetSelector/constants.js";import"../../../../componentsV2/AppHeader/V3/AssetSelector/AssetSelectorSelect/AssetSelectorSelect.scss.js";import"../../../../componentsV2/AppHeader/V3/AssetSelector/AssetSelectorSelect/loadAssets.js";import"../../../../componentsV2/AppHeader/V3/AssetSelector/AssetSelector.scss.js";import"../../../../clients/subscriptions/constants.js";import"querystring";import"uuid/v1";import"../../../../clients/subscriptions.v1.js";import"../../../../clients/subscriptions/subscriptions-client.factory.js";import"jsona";import"../../../../utils/env.js";import"../../../StatusBadge/constants.js";import"lodash/set";import"lodash/get";import"lodash/unset";import"../../../../clients/api/apiCore.js";import"../../../../clients/constants.js";import"../../../../clients/sso/auth0.js";import"../../../../clients/sso/oauth2.js";import"lodash/isEmpty";import"lodash/sortBy";import"../../../DevCenter/DevCenterAppContainer/components/CommentsSwitch/CommentsSwitchContext.js";import"../../../../componentsV2/AppHeader/V3/AppTitle/AppTitle.constants.js";import"../../../../componentsV2/AppHeader/V3/AppTitle/AppTitle.scss.js";import"../../../../componentsV2/AppHeader/V3/constants.scss.js";import"@babel/runtime/helpers/typeof";import"../../../../componentsV2/AppHeader/V3/SettingsButton/SettingsButton.js";import"../../../../componentsV2/AppHeader/V3/SettingsButton/SettingsButton.constants.js";import"../../../../componentsV2/AppSettings/AppSettings.js";import"../../../../componentsV2/AppSettings/AppSettings.constants.js";import"../../../../componentsV2/AppSettings/AppSettingsPinningContext.js";import"../../../../componentsV2/AppSizeProvider/AppSizeProvider.js";import"../../../../componentsV2/AppHeader/V3/Actions/Actions.constants.js";import"../../../../componentsV2/AppHeader/V3/Actions/Actions.scss.js";import"../../../../componentsV2/AppHeader/V3/AppHeaderV3.scss.js";import"../../../../componentsV2/AppHeader/AppHeader.scss.js";import"../../../../componentsV2/OffsetWellsButton/OffsetWellsButton.js";import"../../../../componentsV2/Autocomplete/Autocomplete.scss.js";import"../../../../componentsV2/Menu/MenuItem/MenuItem.js";import"../../../../componentsV2/Autocomplete/AutocompleteListBox.js";import"../../../../componentsV2/AppSettingsDivider/AppSettingsDivider.scss.js";import"../../../../componentsV2/WellArchivedMessage/WellArchivedMessage.js";import"../../../../componentsV2/DatePicker/DatePicker.js";import"../../../../componentsV2/DragHandle/DragHandle.js";import"../../../../componentsV2/CompletionsOffsetWellPicker/CompletionsOffsetWellPicker.js";import"../../../../componentsV2/Slider/constants.js";import"../../../../componentsV2/Slider/components/SliderThumb.js";import"../../../../componentsV2/Slider/Slider.scss.js";import"../../../DevCenter/DevCenterAppContainer/components/FullscreenButton/FullscreenButton.js";import"../../../DevCenter/DevCenterAppContainer/components/AppInfoMessage/AppInfoMessage.js";import"../../../DevCenter/DevCenterAppContainer/components/DevCenterAppView/DevCenterAppView.js";import"../../../DevCenter/DevCenterAppContainer/components/RestoreAppSizeButton/index.js";import"rollbar";import"@rollbar/react";import"../../../DevCenter/DevCenterAppContainer/components/CommentsSwitch/CommentsSwitchButton.scss.js";import"../../../DevCenter/DevCenterAppContainer/DevCenterAppContainer.css.js";import"../../../Icons/AnnotationIcon.js";import"../../../Annotations/components/AnnotationsList/index.js";import"../../../Annotations/components/LastAnnotation/index.js";import"../../../Annotations/AnnotationsContext.js";import"../../../Toaster/Toaster.js";import"../../../HelpCenter/HelpCenterIcon.js";import"../../../DevCenter/NavigationBar/NavigationBar.js";import"../../../DevCenter/SideBar/SideBar.js";import"../../../DevCenter/AppSettingsPopover/AppSettingsPopover.js";import"../../../DevCenter/AppFilterPanelLayout/AppFilterPanelLayout.js";import"../../../DevCenter/IsolatedDevCenterAppContainer/DevCenterIsolatedAppPage.js";import"../../../DevCenter/IsolatedDevCenterAppContainer/DevCenterIsolatedApp.js";import"../../../AssetEditor/index.js";import"../../../AssetEditorV2/index.js";import"../../../AppVersionsSelect/AppVersionsSelect.js";import"../../../LoadingIndicator/LoadingIndicator.js";import"../../../Typography.js";import"../../../RealTimeValuesSidebar/RealTimeSidebar.js";import"../../../CollapsableSidebar.js";import"../../../DateTimePicker/index.js";import"../../../DatePicker/index.js";import"../../../ErrorBoundary/ErrorBoundary.js";import"../../../ErrorBoundary/DevCenterAppErrorView/DevCenterAppErrorView.js";import"../../../SlateFormattedText/SlateFormattedText.js";import"../../../SlateFormattedText/RenderElements.js";import"slate";import"../../../EmptyState/EmptyState.js";import"../../../ParameterCharts/ParameterCharts.js";import"../../../ParameterCharts/AddEditTrack.js";import"../../../ChartActionsList/ChartActionsList.js";import"../../../CopyToClipboard/CopyToClipboard.js";import"../../../AssetEditor/AssetEditorAutocomplete.js";import"../../../AssetEditor/SingleAssetEditor.js";import"react-color";import"../../../SettingEditors/ColorEditor/style.css.js";import"../../../SettingEditors/DropdownEditor/index.js";import"../../../SwitchControl/index.js";import"../../../ColorPicker/ColorPicker.js";import"../../../Chart/components/ChartButton.js";import"../../../Chart/components/ChartButtons.js";import"../../../Chart/components/ChartWrapper.js";import"../../../Chart/components/AxisDropdown.js";import"../../../Chart/components/ChartSelect.js";import"../../../Chart/components/buttons/DragToZoomButton.js";import"../../../Chart/components/buttons/ZoomInButton.js";import"../../../Chart/components/buttons/ZoomOutButton.js";import"../../../Chart/components/buttons/PanButton.js";import"../../../Chart/components/buttons/ResetZoomButton.js";import"../../../Chart/components/buttons/HideAxesButton.js";import"../../../Chart/components/buttons/ChartTypeButton.js";import"../../../ColorPicker/PaletteChromePicker/PaletteChromePicker.js";import"../../../TruncatedText/index.js";import"../../../MiddleTruncatedText/MiddleTruncatedText.js";import"../../../RangeSlider/constants.js";import"../../../RangeSlider/Input.css.js";import"../../../RangeSlider/RangeSlider.css.js";import"../../../AdvancedSlider/AdvancedSlider.js";import"../../../Breadcrumbs/index.js";import"../../../VirtualizedTable/index.js";import"../../../EmptyView/EmptyView.js";import"../../../EmptyView/EmptyAppView/EmptyAppView.js";import"../../../Button/components/Button/index.js";import"moment-timezone";import"../../../Button/components/LiveButton/components/LiveButtonStateIndicator/index.js";import"../../../Button/components/LiveButton/styles.js";import"../../../ContextMenuItem/index.js";import"../../../FolderMenuItem/index.js";import"../../../EditableItem/EditableItem/index.js";import"../../../EditableItem/EditableItemWithBadge/index.js";import"../../../Checkbox/index.js";import"../../../FolderMenuItemWithLinks/index.js";import"../../../TextField/index.js";import"../../../Chip/index.js";import"../../../Counter/index.js";import"../../../AnchorsList/AnchorsList.js";import"../../../Select/index.js";import"../../../Select/SelectFilterBy.js";import"../../../CustomSelect/index.js";import"../../../Tabs/Tabs.js";import"../../../Tabs/Tab.js";import"../../../ResizableTable/ResizableTable.js";import"../../../GradientPicker/GradientPicker.js";import"@babel/runtime/helpers/classCallCheck";import"@babel/runtime/helpers/createClass";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 v 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"../../../OffsetWellPickerV5/OffsetWellPickerV5WithStore.js";import"../../../OffsetWellMap/OffsetWellMap.js";import"@material-ui/core/Snackbar";import"../../../Notifications/Toast.js";import"../../../Notifications/Notifications.scss.js";import"../../../ConfirmationDialog.js";import"../../../TextLink/index.js";import"../../../Avatar/index.js";import"../../../Template/TemplatePopover/index.js";import"../../../Template/TemplateSharingDialog/index.js";import"../../../MenuItem/index.js";import"../../../MiddleTruncate/MiddleTruncate.js";import"../../../PinnableFilters/PinnableFilters.js";import"../../../HeaderLayout/HeaderLayout.js";import"../../../PadOffsetsPicker/PadOffsetsPicker.js";import"../../../PadOffsetsPicker/OffsetAssetChip.js";import"../../../PadOffsetsPicker/OffsetAssetsListExpander.js";import"../../../PadOffsetsPicker/StagesSelector.js";import"../../../PadOffsetsPickerV2/PadOffsetsPickerV2.js";import"../../../Table/TableToolbar/TableToolbar.js";import"../../../Table/TableContainer/TableContainer.js";import"../../../Table/TableCell/TableCell.js";import"../../../Table/TablePagination/TablePagination.js";import"../../../Table/TablePaginationActions/TablePaginationActions.js";import"../../../Tooltip/ScrollableTooltip.js";import"../../../PriceInput/PriceInput.js";import"../../../LabelsCounter/LabelsCounter.js";import"../../../Stepper/Stepper.js";import"../../../Stepper/Step/Step.js";import"../../../Stepper/StepsWrapper.js";import"../../../Comment/CommentIcon/index.js";import"../../../FilesLoader/FilesLoader.js";import"../../../../componentsV2/FileIcon/icons/ArchiveFileIcon.js";import"../../../../componentsV2/FileIcon/icons/CSVFileIcon.js";import"../../../../componentsV2/FileIcon/icons/DocFileIcon.js";import"../../../../componentsV2/FileIcon/icons/EDMFileIcon.js";import"../../../../componentsV2/FileIcon/icons/ExcelFileIcon.js";import"../../../../componentsV2/FileIcon/icons/ImageFileIcon.js";import"../../../../componentsV2/FileIcon/icons/JsonFileIcon.js";import"../../../../componentsV2/FileIcon/icons/LasFileIcon.js";import"../../../../componentsV2/FileIcon/icons/OtherFileIcon.js";import"../../../../componentsV2/FileIcon/icons/PdfFileIcon.js";import"../../../../componentsV2/FileIcon/icons/PowerPointFileIcon.js";import"../../../../componentsV2/FileIcon/icons/TxtFileIcon.js";import"../../../../componentsV2/FileIcon/icons/UnknownFileIcon.js";import"../../../../componentsV2/FileIcon/icons/VideoFileIcon.js";import"../../../../componentsV2/FileIcon/icons/XmlFileIcon.js";import"../../../SearchInput/index.js";import"../../../FeedItem/FeedItem.js";import"../../../FeedItem/FeedItemEditProvider/FeedItemEditProvider.js";import"../../../PostInput/PostInput.js";import"../../../KeyboardDateTimePicker.js";import"../../../AddComment/Popover.js";import"../../../AddComment/Popup.js";import"../../../StageDesignVActual/ComparisonBar/ComparisonBar.js";import"../../../StageDesignVActual/ElementsComparison/ElementsComparison.js";import"../../../StageDesignVActual/ComparisonHeader.js";import"../../../StageDesignVActual/ComparisonRow.js";import"../../../EmbeddedApp/DevCenterEmbeddedApp.js";import"../../../EmbeddedApp/EmbeddedApp.js";import"../../../Autocomplete/Autocomplete.js";import"../../../DocumentViewer/DocumentViewer.js";import"../../../ColorPickerPalette/ColorPickerPalette.js";import"../../../Search/Search.js";import"../../../Search/components/Listbox.js";import"../../../Search/components/Paper.js";import"../../../Search/components/RecentSearches.js";import"../../../Search/components/Groups.js";import"../../../Search/components/SelectAllListItem.js";import"../../../StatusBadge/index.js";import"../../../Attachment/index.js";import"../../../EmojiIconButton.js";import"../../../FileUploadIconButton.js";import"../../../FilePreview/index.js";import"../../../FailedFileUploading.js";import"../../../UserMention/index.js";import"../../../CommentsInfo/index.js";import"../../../CommentInput/index.js";import"../../../Comment/index.js";import"../../../CommentLoader.js";import"../../../AssetNameLabel/AssetStatusBadge.js";import"../../../AssetEditorV2/components/PrimaryAssetSelect.js";import"../../../AssetEditorV2/components/SecondaryAssetSelect.js";import"../../../AssetEditorV2/components/SelectItem.js";import"../../../AssetEditorV2/components/MultipleAssetsToggle.js";import"../../../AssetEditorV2/components/PrimaryAssetSelectV2.js";import"../../../EChartsWrapper/EChartsWrapper.js";import"../../../AssetsMultipleSelector/AssetsMultipleSelector.js";import"@material-ui/icons/Close";import"@material-ui/icons/GetApp";import"../../../GoogleDocsViewer/index.js";import"../../../NewDocumentViewer/effects/useFileContent.js";import"../../../NewDocumentViewer/styles.js";import"../../../FilesLoaderV2/styles.js";import"../../../FilesDropzone/styles.js";import"../../../FilesProcessor/styles.js";import"../../../Hint/styles.js";import"@babel/runtime/helpers/taggedTemplateLiteral";import"fparser";import"../../../Formula/useFormulaStyles.js";import"../../../Formula/RootXIcon.js";import"../../../Formula/FormulaTextEditor.js";import"../../../Formula/CloseSuggestion.js";import"../../../Formula/SuggestionsMenu.js";import"../../../Drillstring/BHAComponentsTable/components/shared/CancelButton.js";import{ExpandCollapseButton as D}from"../../../Drillstring/BHAComponentsTable/components/shared/ExpandCollapseButton.js";import{FormatedNumber as I}from"../../../Drillstring/BHAComponentsTable/components/shared/FormatedNumber.js";import"../../../Drillstring/BHAComponentsTable/components/shared/InputText.js";import{MoreButton as f}from"../../../Drillstring/BHAComponentsTable/components/shared/MoreButton.js";import"../../../Drillstring/BHAComponentsTable/components/shared/SaveButton.js";import"../../../Drillstring/BHAComponentsTable/components/shared/SelectField.js";import{StaticField as P}from"../../../Drillstring/BHAComponentsTable/components/shared/StaticField.js";import"../../../Drillstring/BHAComponentsTable/components/shared/SharedEditorElements.js";import{ConfirmationPopup as T}from"../../../Drillstring/BHAComponentsTable/components/shared/ConfirmationPopup.js";import{calculateComponent as x}from"../../../Drillstring/BHAComponentsTable/components/utils/calculation.js";import{useStyles as B}from"../../../Drillstring/BHAComponentsTable/components/sharedStyles.js";var F=["is_editing"];function y(o,e){var t=Object.keys(o);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(o);e&&(s=s.filter((function(e){return Object.getOwnPropertyDescriptor(o,e).enumerable}))),t.push.apply(t,s)}return t}function E(o){for(var t=1;t<arguments.length;t++){var s=null!=arguments[t]?arguments[t]:{};t%2?y(Object(s),!0).forEach((function(t){e(o,t,s[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(o,Object.getOwnPropertyDescriptors(s)):y(Object(s)).forEach((function(e){Object.defineProperty(o,e,Object.getOwnPropertyDescriptor(s,e))}))}return o}function k(o){var e;return(null===(e=h.find((function(e){return e.type===o})))||void 0===e?void 0:e.name)||"—"}function L(s){var m,h=s.component,y=s.viewColumnsPerRow,L=s.editColumnsPerRow,H=s.isDraft,M=s.onCancel,w=s.onDelete,O=s.onSave,W=s.onChangeEditing,R=s.isMobile,q=s.isDragComponent,_=n(null),G=t(_,2),N=G[0],z=G[1],U=n(h),Z=t(U,2),J=Z[0],Y=Z[1],X=n(!1),K=t(X,2),Q=K[0],$=K[1],oo=n(!1),eo=t(oo,2),to=eo[0],so=eo[1],no=n(!1),io=t(no,2),ro=io[0],po=io[1],mo=n(null),co=t(mo,2),ao=co[0],lo=co[1],jo=B({isMobile:R,isEditing:J.is_editing,isDragComponent:q});i((function(){W&&W(J.is_editing)}),[J.is_editing]);var uo=function(){lo(null),H?M():Y(h)},Co=function(o,e){var t=x(J,o,e),s=g(t);Y(t),s.isValid?lo(null):lo(s.errors)},Ao=function(o){Y((function(e){return E(E({},e),o)}))},go=function(){var o=g(J);o.isValid?(lo(null),$(!0)):lo(o.errors)},ho=function(){$(!1),po(!1),J.is_editing;var e=o(J,F);Y(e),O(p(e,["is_expanded"]),H)},Vo=r(jo.cell,jo.ratioWidth,e({},jo.focusedFontsize,J.is_editing||J.is_expanded));if(J.is_editing&&!ro){var So=J.family,bo={component:J,isDraft:H,error:ao,onChange:Co,onCancel:uo,onSave:R?ho:go,onUseSuggestion:Ao,columns:L};if(!R)return V("div",{className:jo.component,children:[("dp"===So||"hwdp"===So)&&S(j,E({},bo)),"dp"!==So&&"hwdp"!==So&&S(C,E({},bo)),Q&&S(T,{title:"Save Changes?",text:"You will not be able to recover it.",okText:"Save",handleClose:function(){return $(!1)},handleOk:ho})]});po(!0)}return V("div",{className:r(jo.component,(m={},e(m,jo.componentMobile,R),e(m,jo.componentExpandedMobile,R&&J.is_expanded),e(m,jo.componentActive,Boolean(N)),m)),children:[V("div",{className:r(jo.row,e({},jo.rowExpanded,R&&J.is_expanded)),children:[S("div",{className:r(jo.cell,e({},jo.componentMobileCell,R)),children:S(v,{component:J})}),S("div",{className:Vo,children:k(J.family)}),!R&&V(b,{children:[S("div",{className:Vo,children:S(I,{value:"bit"===J.family?J.size:J.outer_diameter})}),S("div",{className:Vo,children:S(I,{value:J.inner_diameter})}),S("div",{className:Vo,children:S(I,{value:J.linear_weight})}),S("div",{className:Vo,children:S(I,{value:J.length,format:"0.0"})})]}),V("div",{className:r(jo.cell,jo.actionCell),children:[S(D,{isExpanded:J.is_expanded,classes:jo,handleExpandCollapse:function(){Y((function(o){return o.is_expanded?E(E({},o),{},{is_expanded:!1}):E(E({},o),{},{is_expanded:!0})}))}}),S(f,{classes:jo,handleOpenActionMenu:function(o){z(o.currentTarget)}})]})]}),J.is_expanded&&V(b,{children:[R&&V(c,{container:!0,spacing:2,style:{padding:"8px 4px 16px"},children:[S(P,{label:"bit"===J.family?"Bit Size":"OD",unit:"shortLength",value:"bit"===J.family?J.size:J.outer_diameter}),"bit"!==J.family&&S(P,{label:"ID",unit:"shortLength",value:h.inner_diameter}),"bit"!==J.family&&S(P,{label:"Linear Weight",unit:"massPerLength",value:h.linear_weight,format:"0.0"}),S(P,{label:"Length",unit:"length",value:h.length,format:"0.0"})]}),("dp"===J.family||"hwdp"===J.family)&&S(d,{component:J,columns:y}),"dp"!==J.family&&"hwdp"!==J.family&&S(u,{component:J,columns:y})]}),V(a,{anchorEl:N,keepMounted:!0,open:Boolean(N),getContentAnchorEl:null,anchorOrigin:{vertical:"bottom",horizontal:"right"},transformOrigin:{vertical:"top",horizontal:"right"},onClose:function(){z(null)},children:[S(l,{onClick:function(){z(null),Y((function(o){return E(E({},o),{},{is_editing:!0})}))},className:jo.menuItem,children:"Edit"}),"bit"!==J.family&&S(l,{onClick:function(){z(null),so(!0)},className:jo.menuItem,children:"Delete"})]}),to&&S(T,{title:"Delete Component?",text:"You will not be able to recover it.",okText:"Delete",handleClose:function(){return so(!1)},handleOk:function(){w(h)}}),ro&&S(A,{component:J,isDraft:H,error:ao,onChange:Co,onCancel:uo,onSave:go,onUseSuggestion:Ao,onClose:function(){uo(),po(!1)}}),R&&Q&&S(T,{title:"Save Changes?",text:"You will not be able to recover it.",okText:"Save",handleClose:function(){return $(!1)},handleOk:ho})]})}L.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},L.defaultProps={isDraft:!1,onCancel:null,onDelete:null,onChangeEditing:void 0};var H=s(L);export{H as default};
+import o from"@babel/runtime/helpers/objectWithoutProperties";import e from"@babel/runtime/helpers/defineProperty";import t from"@babel/runtime/helpers/slicedToArray";import{memo as s,useState as n,useEffect as i}from"react";import r from"classnames";import{omit as p}from"lodash";import m from"prop-types";import{Grid as c,Menu as a,MenuItem as l}from"@material-ui/core";import d from"./DrillPipe/Browser.js";import j from"./DrillPipe/Editor.js";import u from"./CasingJoints/Browser.js";import C from"./CasingJoints/Editor.js";import A from"./EditComponentDialog.js";import{validateComponent as g}from"../../../../utils/casing/validation.js";import{COMPONENT_FAMILIES as h}from"../../../../constants/casing.js";import{jsxs as V,jsx as S,Fragment as b}from"react/jsx-runtime";import"../../../DevCenter/DevCenterAppContainer/components/IsInsideIsolatedDcAppProvider/IsInsideIsolatedDcAppProvider.js";import"../../../DevCenter/DevCenterAppContainer/components/DcFullscreenElemsCoordinatorProvider/DcFullscreenElemsCoordinatorProvider.js";import"../../../DevCenter/DevCenterAppContainer/components/DcFullscreenElemsCoordinatorProvider/IsInsideDcFullscreenElemProvider.js";import"@icon-park/react/es/all";import"../../../../icons/IconParkProvider.js";import"../../../../icons/customIcons/icons/AddMessage.js";import"../../../../icons/customIcons/icons/Attention.js";import"../../../../icons/customIcons/icons/Collapse.js";import"../../../../icons/customIcons/icons/Dashboard.js";import"../../../../icons/customIcons/icons/Expand.js";import"../../../../icons/customIcons/icons/FolderClosed.js";import"../../../../icons/customIcons/icons/FolderClosedFilled.js";import"../../../../icons/customIcons/icons/FolderOpened.js";import"../../../../icons/customIcons/icons/GreaterOrEqual.js";import"../../../../icons/customIcons/icons/LessOrEqual.js";import"../../../../icons/customIcons/icons/Search.js";import"../../../../icons/customIcons/icons/SearchOne.js";import"../../../../icons/customIcons/icons/Wellhub.js";import"../../../../icons/customIcons/icons/MultiRuler.js";import"../../../../icons/customIcons/icons/Checkbox.js";import"../../../../icons/customIcons/icons/CheckboxChecked.js";import"../../../../icons/customIcons/icons/CheckboxIndeterminate.js";import"../../../../icons/customIcons/icons/Radio.js";import"../../../../icons/customIcons/icons/RadioChecked.js";import"../../../../icons/customIcons/icons/SimulFrac.js";import"../../../../icons/customIcons/icons/ZipperFrac.js";import"../../../../icons/customIcons/icons/CautionFilled.js";import"../../../../icons/customIcons/icons/MoreApp.js";import"../../../../icons/customIcons/icons/Pad.js";import"../../../../icons/customIcons/icons/DrilloutUnit.js";import"../../../../icons/customIcons/icons/FracFleet.js";import"../../../../icons/customIcons/icons/Global.js";import"../../../../icons/customIcons/icons/Program.js";import"../../../../icons/customIcons/icons/Rig.js";import"../../../../icons/customIcons/icons/Well.js";import"../../../../icons/customIcons/icons/Gap.js";import"../../../../icons/customIcons/icons/Pin.js";import"../../../../icons/customIcons/icons/CloseOneFilled.js";import"../../../../icons/customIcons/icons/AttentionFilled.js";import"../../../../icons/customIcons/icons/CheckOneFilled.js";import"../../../../icons/customIcons/icons/Archive.js";import"../../../../icons/customIcons/icons/ArchiveCancel.js";import"../../../../icons/customIcons/icons/Unarchive.js";import"../../../../icons/customIcons/icons/Archived.js";import"../../../../icons/customIcons/icons/InterventionUnit.js";import"../../../../icons/customIcons/icons/CloudDelete.js";import"../../../../icons/customIcons/icons/Lasso.js";import"../../../../icons/customIcons/icons/Radius.js";import"../../../../utils/mobileDetect.js";import"../../../IconButton/index.js";import"../../../../constants/goals.js";import"../../../../constants/segment.js";import"../../../../constants/alerts.js";import"../../../../constants/apps.js";import"../../../../constants/drillstring.js";import"../../../../constants/completion.js";import"../../../../constants/appPackages.js";import"../../../../constants/notifications.js";import"../../../../constants/feed.js";import"../../../../constants/bha.js";import"../../../../constants/corvaCompanyId.js";import"../../../GradientManager/configuration/constants.js";import"../../../Modal/CorvaModal.css.js";import"uuid";import"../../../IconMenu/index.js";import"../../../StyledMenuItem/index.js";import"../../../AppIcon/AppIcon.js";import"../../../DevCenter/AppHeader/AppHeader.js";import"../../../DevCenter/AppSideBar/AppSideBar.js";import"../../../DevCenter/AppsDataProvider/AppsDataProvider.js";import"@material-ui/icons";import"../../../DevCenter/AppContext.js";import"../../../DevCenter/DevCenterRouterContext/DevCenterRouterContext.js";import"../../../DevCenter/DevCenterRouterContext/UniversalLink/UniversalLink.js";import"react-router";import"@babel/runtime/helpers/asyncToGenerator";import"@babel/runtime/regenerator";import"../../../../utils/index.js";import"../../../DevCenter/DevCenterAppContainer/components/AppActions/AppActions.css.js";import"../../../DevCenter/DevCenterAppContainer/components/AppSettingsDialog/AppSettingsDialog.js";import"../../../DevCenter/DevCenterAppContainer/components/AppSettingsDialog/components/RemoveAppButton.js";import"../../../DevCenter/DevCenterAppContainer/components/AppSettingsDialog/components/SettingsAccordion.js";import"../../../DevCenter/DevCenterAppContainer/components/AnnotationsButton/AnnotationsButton.js";import"../../../../componentsV2/Text/Text.js";import"../../../../componentsV2/Grid/Grid.js";import"../../../../componentsV2/Grid/Cell.js";import"../../../../componentsV2/Header/Header.scss.js";import"../../../../componentsV2/Button/Button.js";import"../../../../componentsV2/ButtonIcon/ButtonIcon.js";import"../../../../componentsV2/Tooltip/Tooltip.scss.js";import"../../../../componentsV2/Popover/Popover.js";import"../../../../componentsV2/Radio/Radio.js";import"../../../../componentsV2/RadioAndCheckboxGroup/RadioAndCheckboxGroup.scss.js";import"../../../../componentsV2/Checkbox/Checkbox.js";import"@babel/runtime/helpers/toConsumableArray";import"../../../../componentsV2/TextInput/TextInput.js";import"../../../../componentsV2/Label/Label.js";import"../../../../componentsV2/TextEndTruncated/TextEndTruncated.scss.js";import"../../../../componentsV2/TextMiddleTruncated/TextMiddleTruncated.constants.js";import"../../../../componentsV2/TextMiddleTruncated/TextMiddleTruncated.scss.js";import"../../../../componentsV2/TextLink/TextLink.js";import"../../../../componentsV2/Chip/Chip.js";import"../../../../componentsV2/ChipAlert/ChipAlert.js";import"../../../../componentsV2/ChipIndicator/ChipIndicator.js";import"../../../../componentsV2/Avatar/Avatar.js";import"../../../../componentsV2/AvatarGroup/AvatarGroup.js";import"@material-ui/lab";import"../../../../componentsV2/ToggleButtons/ToggleButtons.scss.js";import"../../../../componentsV2/Paper/Paper.js";import"../../../../componentsV2/ModalWindow/ModalWindow.js";import"../../../../componentsV2/Modal/Modal.scss.js";import"../../../../componentsV2/Menu/Menu.js";import"../../../../componentsV2/utils.js";import"../../../../componentsV2/Hint/Hint.scss.js";import"../../../../componentsV2/Counter/Counter.js";import"../../../../componentsV2/BadgeBase/BadgeBase.scss.js";import"../../../../componentsV2/TemplatesControl/TemplatesControl.js";import"zustand";import"../../../../componentsV2/TemplatesControl/utils.js";import"../../../../componentsV2/TemplatesControl/icons/folder/index.js";import"../../../../componentsV2/TemplatesControl/Store/utils.js";import"../../../../componentsV2/TemplatesControl/types.js";import"../../../../clients/jsonApi/index.js";import"../../../../permissions/PermissionsContext.js";import"../../../../permissions/constants/index.js";import"../../../../permissions/withPermissionsHOC.js";import"../../../../permissions/ProvidePermissions.js";import"../../../../componentsV2/BadgeDot/BadgeDot.scss.js";import"../../../../componentsV2/LoaderLinear/LoaderLinear.scss.js";import"../../../../componentsV2/LoaderLogo/LoaderLogo.constants.js";import"../../../../componentsV2/LoaderLogo/LoaderLogo.scss.js";import"../../../../componentsV2/Switch/Switch.js";import"../../../../componentsV2/Tabs/Tabs.js";import"../../../../componentsV2/EmptyState/EmptyState.scss.js";import"../../../../componentsV2/FileIcon/FileIcon.js";import"../../../../componentsV2/Tag/Tag.js";import"react-dropzone";import"../../../../componentsV2/FilesDropzone/FilesDropzone.scss.js";import"../../../../componentsV2/FilesLoader/FilesLoader.scss.js";import"../../../../componentsV2/FilesProcessor/FilesProcessor.scss.js";import"../../../../componentsV2/Skeleton/Skeleton.scss.js";import"../../../../utils/main.js";import"../../../../componentsV2/CopyToClipboard/CopyToClipboard.scss.js";import"../../../../componentsV2/Stepper/Step/Step.scss.js";import"../../../../componentsV2/Stepper/Stepper.scss.js";import"../../../../componentsV2/ButtonLive/ButtonLive.js";import"../../../../componentsV2/ButtonText/ButtonText.js";import"../../../../componentsV2/IndicatorLive/IndicatorLive.js";import"../../../../componentsV2/Accordion/Accordion.scss.js";import"../../../../componentsV2/Breadcrumbs/Breadcrumbs.scss.js";import"../../../../componentsV2/BadgeComment/BadgeComment.js";import"../../../../componentsV2/AppContainer/AppContainer.js";import"../../../../componentsV2/AppContainer/AppContainer.constants.js";import"../../../../componentsV2/AppFooter/AppFooter.js";import"immutable";import"../../../../componentsV2/AppCommonsProvider/AppCommonsContext.js";import"../../../../componentsV2/AppHeader/AppHeader.constants.js";import"../../../../componentsV2/AppHeader/AppBadge/AppBadge.scss.js";import"../../../../componentsV2/AppHeader/AppAssets/utils.js";import"../../../../componentsV2/AppHeader/AppAssets/AppAssets.scss.js";import"../../../PadModeSelect/PadModeSelect.js";import"../../../../componentsV2/AppHeader/PadMode/PadMode.scss.js";import"../../../../constants/streamSourceType.js";import"../../../../componentsV2/PadModeSelect/PadModeSelect.js";import"../../../../componentsV2/PadModeSelect/PadModeSelect.constants.js";import"../../../../componentsV2/AppCommonsProvider/AppCommonsProvider.js";import"../../../../componentsV2/AppHeader/V3/VersionSelect/VersionSelect.js";import"../../../../componentsV2/UniversalLink/UniversalLink.scss.js";import"../../../../componentsV2/AppHeader/V3/AssetChips/AssetChips.scss.js";import"moment";import"../../../../componentsV2/AppHeader/V3/DqStatusIcon/DqStatusIcon.js";import"../../../../componentsV2/AppHeader/V3/DqStatusIcon/DqStatusIcon.constants.js";import"../../../../componentsV2/AppFooter/DqPopover/DqStatusIcon/DqStatusIcon.js";import"../../../../componentsV2/AppDqPopover/DqAlertTooltip/DqAlertTooltip.scss.js";import"../../../../componentsV2/AppDqPopover/DqAlert/DqAlert.scss.js";import"../../../../componentsV2/AppDqPopover/DqAsset/DqAsset.scss.js";import"../../../../componentsV2/AppDqPopover/AppDqPopover.scss.js";import"../../../../utils/getSingleAsset.js";import"../../../../componentsV2/AppHeader/V3/AssetSelector/AssetSelectorChip/AssetSelectorChip.js";import"../../../../componentsV2/AppHeader/V3/AssetSelector/constants.js";import"../../../../componentsV2/AppHeader/V3/AssetSelector/AssetSelectorSelect/AssetSelectorSelect.scss.js";import"../../../../componentsV2/AppHeader/V3/AssetSelector/AssetSelectorSelect/loadAssets.js";import"../../../../componentsV2/AppHeader/V3/AssetSelector/AssetSelector.scss.js";import"../../../../clients/subscriptions/constants.js";import"querystring";import"uuid/v1";import"../../../../clients/subscriptions.v1.js";import"../../../../clients/subscriptions/subscriptions-client.factory.js";import"jsona";import"../../../../utils/env.js";import"../../../StatusBadge/constants.js";import"lodash/set";import"lodash/get";import"lodash/unset";import"../../../../clients/api/apiCore.js";import"../../../../clients/constants.js";import"../../../../clients/sso/auth0.js";import"../../../../clients/sso/oauth2.js";import"lodash/isEmpty";import"lodash/sortBy";import"../../../DevCenter/DevCenterAppContainer/components/CommentsSwitch/CommentsSwitchContext.js";import"../../../../componentsV2/AppHeader/V3/AppTitle/AppTitle.constants.js";import"../../../../componentsV2/AppHeader/V3/AppTitle/AppTitle.scss.js";import"../../../../componentsV2/AppHeader/V3/constants.scss.js";import"@babel/runtime/helpers/typeof";import"../../../../componentsV2/AppHeader/V3/SettingsButton/SettingsButton.js";import"../../../../componentsV2/AppHeader/V3/SettingsButton/SettingsButton.constants.js";import"../../../../componentsV2/AppSettings/AppSettings.js";import"../../../../componentsV2/AppSettings/AppSettings.constants.js";import"../../../../componentsV2/AppSettings/AppSettingsPinningContext.js";import"../../../../componentsV2/AppSizeProvider/AppSizeProvider.js";import"../../../../componentsV2/AppHeader/V3/Actions/Actions.constants.js";import"../../../../componentsV2/AppHeader/V3/Actions/Actions.scss.js";import"../../../../componentsV2/AppHeader/V3/AppHeaderV3.scss.js";import"../../../../componentsV2/AppHeader/AppHeader.scss.js";import"../../../../componentsV2/OffsetWellsButton/OffsetWellsButton.js";import"../../../../componentsV2/Autocomplete/Autocomplete.scss.js";import"../../../../componentsV2/Menu/MenuItem/MenuItem.js";import"../../../../componentsV2/Autocomplete/AutocompleteListBox.js";import"../../../../componentsV2/AppSettingsDivider/AppSettingsDivider.scss.js";import"../../../../componentsV2/WellArchivedMessage/WellArchivedMessage.js";import"../../../../componentsV2/DatePicker/DatePicker.js";import"../../../../componentsV2/DragHandle/DragHandle.js";import"../../../../componentsV2/CompletionsOffsetWellPicker/CompletionsOffsetWellPicker.js";import"../../../../componentsV2/Slider/constants.js";import"../../../../componentsV2/Slider/components/SliderThumb.js";import"../../../../componentsV2/Slider/Slider.scss.js";import"../../../DevCenter/DevCenterAppContainer/components/FullscreenButton/FullscreenButton.js";import"../../../DevCenter/DevCenterAppContainer/components/AppInfoMessage/AppInfoMessage.js";import"../../../DevCenter/DevCenterAppContainer/components/DevCenterAppView/DevCenterAppView.js";import"../../../DevCenter/DevCenterAppContainer/components/RestoreAppSizeButton/index.js";import"rollbar";import"@rollbar/react";import"../../../DevCenter/DevCenterAppContainer/components/CommentsSwitch/CommentsSwitchButton.scss.js";import"../../../DevCenter/DevCenterAppContainer/DevCenterAppContainer.css.js";import"../../../Icons/AnnotationIcon.js";import"../../../Annotations/components/AnnotationsList/index.js";import"../../../Annotations/components/LastAnnotation/index.js";import"../../../Annotations/AnnotationsContext.js";import"../../../Toaster/Toaster.js";import"../../../HelpCenter/HelpCenterIcon.js";import"../../../DevCenter/NavigationBar/NavigationBar.js";import"../../../DevCenter/SideBar/SideBar.js";import"../../../DevCenter/AppSettingsPopover/AppSettingsPopover.js";import"../../../DevCenter/AppFilterPanelLayout/AppFilterPanelLayout.js";import"../../../DevCenter/IsolatedDevCenterAppContainer/DevCenterIsolatedAppPage.js";import"../../../DevCenter/IsolatedDevCenterAppContainer/DevCenterIsolatedApp.js";import"../../../AssetEditor/index.js";import"../../../AssetEditorV2/index.js";import"../../../AppVersionsSelect/AppVersionsSelect.js";import"../../../LoadingIndicator/LoadingIndicator.js";import"../../../Typography.js";import"../../../RealTimeValuesSidebar/RealTimeSidebar.js";import"../../../CollapsableSidebar.js";import"../../../DateTimePicker/index.js";import"../../../DatePicker/index.js";import"../../../ErrorBoundary/ErrorBoundary.js";import"../../../ErrorBoundary/DevCenterAppErrorView/DevCenterAppErrorView.js";import"../../../SlateFormattedText/SlateFormattedText.js";import"../../../SlateFormattedText/RenderElements.js";import"slate";import"../../../EmptyState/EmptyState.js";import"../../../ParameterCharts/ParameterCharts.js";import"../../../ParameterCharts/AddEditTrack.js";import"../../../ChartActionsList/ChartActionsList.js";import"../../../CopyToClipboard/CopyToClipboard.js";import"../../../AssetEditor/AssetEditorAutocomplete.js";import"../../../AssetEditor/SingleAssetEditor.js";import"react-color";import"../../../SettingEditors/ColorEditor/style.css.js";import"../../../SettingEditors/DropdownEditor/index.js";import"../../../SwitchControl/index.js";import"../../../ColorPicker/ColorPicker.js";import"../../../Chart/components/ChartButton.js";import"../../../Chart/components/ChartButtons.js";import"../../../Chart/components/ChartWrapper.js";import"../../../Chart/components/AxisDropdown.js";import"../../../Chart/components/ChartSelect.js";import"../../../Chart/components/buttons/DragToZoomButton.js";import"../../../Chart/components/buttons/ZoomInButton.js";import"../../../Chart/components/buttons/ZoomOutButton.js";import"../../../Chart/components/buttons/PanButton.js";import"../../../Chart/components/buttons/ResetZoomButton.js";import"../../../Chart/components/buttons/HideAxesButton.js";import"../../../Chart/components/buttons/ChartTypeButton.js";import"../../../ColorPicker/PaletteChromePicker/PaletteChromePicker.js";import"../../../TruncatedText/index.js";import"../../../MiddleTruncatedText/MiddleTruncatedText.js";import"../../../RangeSlider/constants.js";import"../../../RangeSlider/Input.css.js";import"../../../RangeSlider/RangeSlider.css.js";import"../../../AdvancedSlider/AdvancedSlider.js";import"../../../Breadcrumbs/index.js";import"../../../VirtualizedTable/index.js";import"../../../EmptyView/EmptyView.js";import"../../../EmptyView/EmptyAppView/EmptyAppView.js";import"../../../Button/components/Button/index.js";import"moment-timezone";import"../../../Button/components/LiveButton/components/LiveButtonStateIndicator/index.js";import"../../../Button/components/LiveButton/styles.js";import"../../../ContextMenuItem/index.js";import"../../../FolderMenuItem/index.js";import"../../../EditableItem/EditableItem/index.js";import"../../../EditableItem/EditableItemWithBadge/index.js";import"../../../Checkbox/index.js";import"../../../FolderMenuItemWithLinks/index.js";import"../../../TextField/index.js";import"../../../Chip/index.js";import"../../../Counter/index.js";import"../../../AnchorsList/AnchorsList.js";import"../../../Select/index.js";import"../../../Select/SelectFilterBy.js";import"../../../CustomSelect/index.js";import"../../../Tabs/Tabs.js";import"../../../Tabs/Tab.js";import"../../../ResizableTable/ResizableTable.js";import"../../../GradientPicker/GradientPicker.js";import"@babel/runtime/helpers/classCallCheck";import"@babel/runtime/helpers/createClass";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 v 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"../../../OffsetWellPickerV5/components/OffsetWellPickerV5WithStore/OffsetWellPickerV5WithStore.js";import"../../../OffsetWellMap/OffsetWellMap.js";import"@material-ui/core/Snackbar";import"../../../Notifications/Toast.js";import"../../../Notifications/Notifications.scss.js";import"../../../ConfirmationDialog.js";import"../../../TextLink/index.js";import"../../../Avatar/index.js";import"../../../Template/TemplatePopover/index.js";import"../../../Template/TemplateSharingDialog/index.js";import"../../../MenuItem/index.js";import"../../../MiddleTruncate/MiddleTruncate.js";import"../../../PinnableFilters/PinnableFilters.js";import"../../../HeaderLayout/HeaderLayout.js";import"../../../PadOffsetsPicker/PadOffsetsPicker.js";import"../../../PadOffsetsPicker/OffsetAssetChip.js";import"../../../PadOffsetsPicker/OffsetAssetsListExpander.js";import"../../../PadOffsetsPicker/StagesSelector.js";import"../../../PadOffsetsPickerV2/PadOffsetsPickerV2.js";import"../../../Table/TableToolbar/TableToolbar.js";import"../../../Table/TableContainer/TableContainer.js";import"../../../Table/TableCell/TableCell.js";import"../../../Table/TablePagination/TablePagination.js";import"../../../Table/TablePaginationActions/TablePaginationActions.js";import"../../../Tooltip/ScrollableTooltip.js";import"../../../PriceInput/PriceInput.js";import"../../../LabelsCounter/LabelsCounter.js";import"../../../Stepper/Stepper.js";import"../../../Stepper/Step/Step.js";import"../../../Stepper/StepsWrapper.js";import"../../../Comment/CommentIcon/index.js";import"../../../FilesLoader/FilesLoader.js";import"../../../../componentsV2/FileIcon/icons/ArchiveFileIcon.js";import"../../../../componentsV2/FileIcon/icons/CSVFileIcon.js";import"../../../../componentsV2/FileIcon/icons/DocFileIcon.js";import"../../../../componentsV2/FileIcon/icons/EDMFileIcon.js";import"../../../../componentsV2/FileIcon/icons/ExcelFileIcon.js";import"../../../../componentsV2/FileIcon/icons/ImageFileIcon.js";import"../../../../componentsV2/FileIcon/icons/JsonFileIcon.js";import"../../../../componentsV2/FileIcon/icons/LasFileIcon.js";import"../../../../componentsV2/FileIcon/icons/OtherFileIcon.js";import"../../../../componentsV2/FileIcon/icons/PdfFileIcon.js";import"../../../../componentsV2/FileIcon/icons/PowerPointFileIcon.js";import"../../../../componentsV2/FileIcon/icons/TxtFileIcon.js";import"../../../../componentsV2/FileIcon/icons/UnknownFileIcon.js";import"../../../../componentsV2/FileIcon/icons/VideoFileIcon.js";import"../../../../componentsV2/FileIcon/icons/XmlFileIcon.js";import"../../../SearchInput/index.js";import"../../../FeedItem/FeedItem.js";import"../../../FeedItem/FeedItemEditProvider/FeedItemEditProvider.js";import"../../../PostInput/PostInput.js";import"../../../KeyboardDateTimePicker.js";import"../../../AddComment/Popover.js";import"../../../AddComment/Popup.js";import"../../../StageDesignVActual/ComparisonBar/ComparisonBar.js";import"../../../StageDesignVActual/ElementsComparison/ElementsComparison.js";import"../../../StageDesignVActual/ComparisonHeader.js";import"../../../StageDesignVActual/ComparisonRow.js";import"../../../EmbeddedApp/DevCenterEmbeddedApp.js";import"../../../EmbeddedApp/EmbeddedApp.js";import"../../../Autocomplete/Autocomplete.js";import"../../../DocumentViewer/DocumentViewer.js";import"../../../ColorPickerPalette/ColorPickerPalette.js";import"../../../Search/Search.js";import"../../../Search/components/Listbox.js";import"../../../Search/components/Paper.js";import"../../../Search/components/RecentSearches.js";import"../../../Search/components/Groups.js";import"../../../Search/components/SelectAllListItem.js";import"../../../StatusBadge/index.js";import"../../../Attachment/index.js";import"../../../EmojiIconButton.js";import"../../../FileUploadIconButton.js";import"../../../FilePreview/index.js";import"../../../FailedFileUploading.js";import"../../../UserMention/index.js";import"../../../CommentsInfo/index.js";import"../../../CommentInput/index.js";import"../../../Comment/index.js";import"../../../CommentLoader.js";import"../../../AssetNameLabel/AssetStatusBadge.js";import"../../../AssetEditorV2/components/PrimaryAssetSelect.js";import"../../../AssetEditorV2/components/SecondaryAssetSelect.js";import"../../../AssetEditorV2/components/SelectItem.js";import"../../../AssetEditorV2/components/MultipleAssetsToggle.js";import"../../../AssetEditorV2/components/PrimaryAssetSelectV2.js";import"../../../EChartsWrapper/EChartsWrapper.js";import"../../../AssetsMultipleSelector/AssetsMultipleSelector.js";import"@material-ui/icons/Close";import"@material-ui/icons/GetApp";import"../../../GoogleDocsViewer/index.js";import"../../../NewDocumentViewer/effects/useFileContent.js";import"../../../NewDocumentViewer/styles.js";import"../../../FilesLoaderV2/styles.js";import"../../../FilesDropzone/styles.js";import"../../../FilesProcessor/styles.js";import"../../../Hint/styles.js";import"@babel/runtime/helpers/taggedTemplateLiteral";import"fparser";import"../../../Formula/useFormulaStyles.js";import"../../../Formula/RootXIcon.js";import"../../../Formula/FormulaTextEditor.js";import"../../../Formula/CloseSuggestion.js";import"../../../Formula/SuggestionsMenu.js";import"../../../Drillstring/BHAComponentsTable/components/shared/CancelButton.js";import{ExpandCollapseButton as D}from"../../../Drillstring/BHAComponentsTable/components/shared/ExpandCollapseButton.js";import{FormatedNumber as f}from"../../../Drillstring/BHAComponentsTable/components/shared/FormatedNumber.js";import"../../../Drillstring/BHAComponentsTable/components/shared/InputText.js";import{MoreButton as I}from"../../../Drillstring/BHAComponentsTable/components/shared/MoreButton.js";import"../../../Drillstring/BHAComponentsTable/components/shared/SaveButton.js";import"../../../Drillstring/BHAComponentsTable/components/shared/SelectField.js";import{StaticField as P}from"../../../Drillstring/BHAComponentsTable/components/shared/StaticField.js";import"../../../Drillstring/BHAComponentsTable/components/shared/SharedEditorElements.js";import{ConfirmationPopup as T}from"../../../Drillstring/BHAComponentsTable/components/shared/ConfirmationPopup.js";import{calculateComponent as x}from"../../../Drillstring/BHAComponentsTable/components/utils/calculation.js";import{useStyles as B}from"../../../Drillstring/BHAComponentsTable/components/sharedStyles.js";var F=["is_editing"];function y(o,e){var t=Object.keys(o);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(o);e&&(s=s.filter((function(e){return Object.getOwnPropertyDescriptor(o,e).enumerable}))),t.push.apply(t,s)}return t}function E(o){for(var t=1;t<arguments.length;t++){var s=null!=arguments[t]?arguments[t]:{};t%2?y(Object(s),!0).forEach((function(t){e(o,t,s[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(o,Object.getOwnPropertyDescriptors(s)):y(Object(s)).forEach((function(e){Object.defineProperty(o,e,Object.getOwnPropertyDescriptor(s,e))}))}return o}function k(o){var e;return(null===(e=h.find((function(e){return e.type===o})))||void 0===e?void 0:e.name)||"—"}function L(s){var m,h=s.component,y=s.viewColumnsPerRow,L=s.editColumnsPerRow,H=s.isDraft,M=s.onCancel,w=s.onDelete,O=s.onSave,W=s.onChangeEditing,R=s.isMobile,q=s.isDragComponent,_=n(null),G=t(_,2),N=G[0],z=G[1],U=n(h),Z=t(U,2),J=Z[0],Y=Z[1],X=n(!1),K=t(X,2),Q=K[0],$=K[1],oo=n(!1),eo=t(oo,2),to=eo[0],so=eo[1],no=n(!1),io=t(no,2),ro=io[0],po=io[1],mo=n(null),co=t(mo,2),ao=co[0],lo=co[1],jo=B({isMobile:R,isEditing:J.is_editing,isDragComponent:q});i((function(){W&&W(J.is_editing)}),[J.is_editing]);var uo=function(){lo(null),H?M():Y(h)},Co=function(o,e){var t=x(J,o,e),s=g(t);Y(t),s.isValid?lo(null):lo(s.errors)},Ao=function(o){Y((function(e){return E(E({},e),o)}))},go=function(){var o=g(J);o.isValid?(lo(null),$(!0)):lo(o.errors)},ho=function(){$(!1),po(!1),J.is_editing;var e=o(J,F);Y(e),O(p(e,["is_expanded"]),H)},Vo=r(jo.cell,jo.ratioWidth,e({},jo.focusedFontsize,J.is_editing||J.is_expanded));if(J.is_editing&&!ro){var So=J.family,bo={component:J,isDraft:H,error:ao,onChange:Co,onCancel:uo,onSave:R?ho:go,onUseSuggestion:Ao,columns:L};if(!R)return V("div",{className:jo.component,children:[("dp"===So||"hwdp"===So)&&S(j,E({},bo)),"dp"!==So&&"hwdp"!==So&&S(C,E({},bo)),Q&&S(T,{title:"Save Changes?",text:"You will not be able to recover it.",okText:"Save",handleClose:function(){return $(!1)},handleOk:ho})]});po(!0)}return V("div",{className:r(jo.component,(m={},e(m,jo.componentMobile,R),e(m,jo.componentExpandedMobile,R&&J.is_expanded),e(m,jo.componentActive,Boolean(N)),m)),children:[V("div",{className:r(jo.row,e({},jo.rowExpanded,R&&J.is_expanded)),children:[S("div",{className:r(jo.cell,e({},jo.componentMobileCell,R)),children:S(v,{component:J})}),S("div",{className:Vo,children:k(J.family)}),!R&&V(b,{children:[S("div",{className:Vo,children:S(f,{value:"bit"===J.family?J.size:J.outer_diameter})}),S("div",{className:Vo,children:S(f,{value:J.inner_diameter})}),S("div",{className:Vo,children:S(f,{value:J.linear_weight})}),S("div",{className:Vo,children:S(f,{value:J.length,format:"0.0"})})]}),V("div",{className:r(jo.cell,jo.actionCell),children:[S(D,{isExpanded:J.is_expanded,classes:jo,handleExpandCollapse:function(){Y((function(o){return o.is_expanded?E(E({},o),{},{is_expanded:!1}):E(E({},o),{},{is_expanded:!0})}))}}),S(I,{classes:jo,handleOpenActionMenu:function(o){z(o.currentTarget)}})]})]}),J.is_expanded&&V(b,{children:[R&&V(c,{container:!0,spacing:2,style:{padding:"8px 4px 16px"},children:[S(P,{label:"bit"===J.family?"Bit Size":"OD",unit:"shortLength",value:"bit"===J.family?J.size:J.outer_diameter}),"bit"!==J.family&&S(P,{label:"ID",unit:"shortLength",value:h.inner_diameter}),"bit"!==J.family&&S(P,{label:"Linear Weight",unit:"massPerLength",value:h.linear_weight,format:"0.0"}),S(P,{label:"Length",unit:"length",value:h.length,format:"0.0"})]}),("dp"===J.family||"hwdp"===J.family)&&S(d,{component:J,columns:y}),"dp"!==J.family&&"hwdp"!==J.family&&S(u,{component:J,columns:y})]}),V(a,{anchorEl:N,keepMounted:!0,open:Boolean(N),getContentAnchorEl:null,anchorOrigin:{vertical:"bottom",horizontal:"right"},transformOrigin:{vertical:"top",horizontal:"right"},onClose:function(){z(null)},children:[S(l,{onClick:function(){z(null),Y((function(o){return E(E({},o),{},{is_editing:!0})}))},className:jo.menuItem,children:"Edit"}),"bit"!==J.family&&S(l,{onClick:function(){z(null),so(!0)},className:jo.menuItem,children:"Delete"})]}),to&&S(T,{title:"Delete Component?",text:"You will not be able to recover it.",okText:"Delete",handleClose:function(){return so(!1)},handleOk:function(){w(h)}}),ro&&S(A,{component:J,isDraft:H,error:ao,onChange:Co,onCancel:uo,onSave:go,onUseSuggestion:Ao,onClose:function(){uo(),po(!1)}}),R&&Q&&S(T,{title:"Save Changes?",text:"You will not be able to recover it.",okText:"Save",handleClose:function(){return $(!1)},handleOk:ho})]})}L.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},L.defaultProps={isDraft:!1,onCancel:null,onDelete:null,onChangeEditing:void 0};var H=s(L);export{H as default};
 //# sourceMappingURL=Component.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"Component.js","sources":["../../../../../src/components/Casing/CasingTableV2/components/Component.js"],"sourcesContent":["import { memo, useEffect, useState } from 'react';\nimport classNames from 'classnames';\nimport { omit } from 'lodash';\nimport PropTypes from 'prop-types';\nimport { Grid, Menu, MenuItem } from '@material-ui/core';\n\nimport { Browser as DrillPipeBrowser, Editor as DrillPipeEditor } from './DrillPipe';\nimport { Browser as ComponentBrowser, Editor as ComponentEditor } from './CasingJoints';\nimport EditComponentDialog from './EditComponentDialog';\n\nimport { validateComponent } from '~/utils/casing/validation';\nimport { COMPONENT_FAMILIES } from '~/constants/casing';\nimport { CasingComponentIcon as ComponentIcon } from '~/components';\nimport {\n FormatedNumber,\n ExpandCollapseButton,\n MoreButton,\n StaticField,\n ConfirmationPopup,\n} from '~/components/Drillstring/BHAComponentsTable/components/shared';\nimport { calculateComponent } from '~/components/Drillstring/BHAComponentsTable/components/utils/calculation';\nimport { useStyles } from '~/components/Drillstring/BHAComponentsTable/components/sharedStyles';\n\nfunction getComponentName(family) {\n return COMPONENT_FAMILIES.find(item => item.type === family)?.name \|\| '—';\n}\n\nfunction Component({\n component,\n viewColumnsPerRow,\n editColumnsPerRow,\n isDraft,\n onCancel,\n onDelete,\n onSave,\n onChangeEditing,\n isMobile,\n isDragComponent,\n}) {\n const [actionAnchorEl, setActionAnchorEl] = useState(null);\n const [tempComponent, setTempComponent] = useState(component);\n const [isOpenSaveConfirm, setIsOpenSaveConfirm] = useState(false);\n const [isOpenDeleteDialog, setIsOpenDeleteDialog] = useState(false);\n const [isOpenEditorDialog, setIsOpenEditorDialog] = useState(false);\n const [error, setError] = useState(null);\n\n const classes = useStyles({ isMobile, isEditing: tempComponent.is_editing, isDragComponent });\n\n useEffect(() => {\n if (onChangeEditing) onChangeEditing(tempComponent.is_editing);\n }, [tempComponent.is_editing]);\n\n const handleExpandCollapse = () => {\n setTempComponent(prev => {\n return prev.is_expanded ? { ...prev, is_expanded: false } : { ...prev, is_expanded: true };\n });\n };\n\n const handleOpenActionMenu = e => {\n setActionAnchorEl(e.currentTarget);\n };\n\n const handleCloseActionMenu = () => {\n setActionAnchorEl(null);\n };\n\n const handleEdit = () => {\n setActionAnchorEl(null);\n setTempComponent(prev => ({ ...prev, is_editing: true }));\n };\n\n const handleConfirmDelete = () => {\n setActionAnchorEl(null);\n setIsOpenDeleteDialog(true);\n };\n\n const handleDelete = () => {\n onDelete(component);\n };\n\n const handleCancel = () => {\n setError(null);\n if (isDraft) {\n onCancel();\n return;\n }\n\n setTempComponent(component);\n };\n\n const handleChange = (key, value) => {\n const newComponent = calculateComponent(tempComponent, key, value);\n const result = validateComponent(newComponent);\n setTempComponent(newComponent);\n if (!result.isValid) {\n setError(result.errors);\n } else {\n setError(null);\n }\n };\n\n const handleUseSuggestion = suggestion => {\n setTempComponent(prev => {\n return {\n ...prev,\n ...suggestion,\n };\n });\n };\n\n const handleConfirmSave = () => {\n const result = validateComponent(tempComponent);\n if (!result.isValid) {\n setError(result.errors);\n return;\n }\n\n setError(null);\n setIsOpenSaveConfirm(true);\n };\n\n const handleSave = () => {\n setIsOpenSaveConfirm(false);\n setIsOpenEditorDialog(false);\n\n const { is_editing, ...saving } = tempComponent;\n\n setTempComponent(saving);\n\n onSave(omit(saving, ['is_expanded']), isDraft);\n };\n\n const contentCellName = classNames(classes.cell, classes.ratioWidth, {\n [classes.focusedFontsize]: tempComponent.is_editing \|\| tempComponent.is_expanded,\n });\n\n if (tempComponent.is_editing && !isOpenEditorDialog) {\n const { family } = tempComponent;\n\n const componentProps = {\n component: tempComponent,\n isDraft,\n error,\n onChange: handleChange,\n onCancel: handleCancel,\n onSave: isMobile ? handleSave : handleConfirmSave,\n onUseSuggestion: handleUseSuggestion,\n columns: editColumnsPerRow,\n };\n\n if (isMobile) {\n setIsOpenEditorDialog(true);\n } else {\n return (\n <div className={classes.component}>\n {(family === 'dp' \|\| family === 'hwdp') && <DrillPipeEditor {...componentProps} />}\n {family !== 'dp' && family !== 'hwdp' && <ComponentEditor {...componentProps} />}\n\n {isOpenSaveConfirm && (\n <ConfirmationPopup\n title=\"Save Changes?\"\n text=\"You will not be able to recover it.\"\n okText=\"Save\"\n handleClose={() => setIsOpenSaveConfirm(false)}\n handleOk={handleSave}\n />\n )}\n </div>\n );\n }\n }\n\n return (\n <div\n className={classNames(classes.component, {\n [classes.componentMobile]: isMobile,\n [classes.componentExpandedMobile]: isMobile && tempComponent.is_expanded,\n [classes.componentActive]: Boolean(actionAnchorEl),\n })}\n >\n <div\n className={classNames(classes.row, {\n [classes.rowExpanded]: isMobile && tempComponent.is_expanded,\n })}\n >\n <div className={classNames(classes.cell, { [classes.componentMobileCell]: isMobile })}>\n <ComponentIcon component={tempComponent} />\n </div>\n <div className={contentCellName}>{getComponentName(tempComponent.family)}</div>\n {!isMobile && (\n <>\n <div className={contentCellName}>\n <FormatedNumber\n value={\n tempComponent.family === 'bit' ? tempComponent.size : tempComponent.outer_diameter\n }\n />\n </div>\n <div className={contentCellName}>\n <FormatedNumber value={tempComponent.inner_diameter} />\n </div>\n <div className={contentCellName}>\n <FormatedNumber value={tempComponent.linear_weight} />\n </div>\n <div className={contentCellName}>\n <FormatedNumber value={tempComponent.length} format=\"0.0\" />\n </div>\n </>\n )}\n <div className={classNames(classes.cell, classes.actionCell)}>\n <ExpandCollapseButton\n isExpanded={tempComponent.is_expanded}\n classes={classes}\n handleExpandCollapse={handleExpandCollapse}\n />\n <MoreButton classes={classes} handleOpenActionMenu={handleOpenActionMenu} />\n </div>\n </div>\n\n {tempComponent.is_expanded && (\n <>\n {isMobile && (\n <Grid container spacing={2} style={{ padding: '8px 4px 16px' }}>\n <StaticField\n label={tempComponent.family === 'bit' ? 'Bit Size' : 'OD'}\n unit=\"shortLength\"\n value={\n tempComponent.family === 'bit' ? tempComponent.size : tempComponent.outer_diameter\n }\n />\n {tempComponent.family !== 'bit' && (\n <StaticField label=\"ID\" unit=\"shortLength\" value={component.inner_diameter} />\n )}\n {tempComponent.family !== 'bit' && (\n <StaticField\n label=\"Linear Weight\"\n unit=\"massPerLength\"\n value={component.linear_weight}\n format=\"0.0\"\n />\n )}\n <StaticField label=\"Length\" unit=\"length\" value={component.length} format=\"0.0\" />\n </Grid>\n )}\n\n {(tempComponent.family === 'dp' \|\| tempComponent.family === 'hwdp') && (\n <DrillPipeBrowser component={tempComponent} columns={viewColumnsPerRow} />\n )}\n {tempComponent.family !== 'dp' && tempComponent.family !== 'hwdp' && (\n <ComponentBrowser component={tempComponent} columns={viewColumnsPerRow} />\n )}\n </>\n )}\n\n <Menu\n anchorEl={actionAnchorEl}\n keepMounted\n open={Boolean(actionAnchorEl)}\n getContentAnchorEl={null}\n anchorOrigin={{ vertical: 'bottom', horizontal: 'right' }}\n transformOrigin={{ vertical: 'top', horizontal: 'right' }}\n onClose={handleCloseActionMenu}\n >\n <MenuItem onClick={handleEdit} className={classes.menuItem}>\n Edit\n </MenuItem>\n {tempComponent.family !== 'bit' && (\n <MenuItem onClick={handleConfirmDelete} className={classes.menuItem}>\n Delete\n </MenuItem>\n )}\n </Menu>\n\n {isOpenDeleteDialog && (\n <ConfirmationPopup\n title=\"Delete Component?\"\n text=\"You will not be able to recover it.\"\n okText=\"Delete\"\n handleClose={() => setIsOpenDeleteDialog(false)}\n handleOk={handleDelete}\n />\n )}\n\n {isOpenEditorDialog && (\n <EditComponentDialog\n component={tempComponent}\n isDraft={isDraft}\n error={error}\n onChange={handleChange}\n onCancel={handleCancel}\n onSave={handleConfirmSave}\n onUseSuggestion={handleUseSuggestion}\n onClose={() => {\n handleCancel();\n setIsOpenEditorDialog(false);\n }}\n />\n )}\n\n {isMobile && isOpenSaveConfirm && (\n <ConfirmationPopup\n title=\"Save Changes?\"\n text=\"You will not be able to recover it.\"\n okText=\"Save\"\n handleClose={() => setIsOpenSaveConfirm(false)}\n handleOk={handleSave}\n />\n )}\n </div>\n );\n}\n\nComponent.propTypes = {\n component: PropTypes.shape({\n family: PropTypes.string,\n size: PropTypes.number,\n outer_diameter: PropTypes.number,\n inner_diameter: PropTypes.number,\n linear_weight: PropTypes.number,\n length: PropTypes.number,\n }).isRequired,\n isMobile: PropTypes.bool.isRequired,\n isDraft: PropTypes.bool,\n onCancel: PropTypes.func,\n onDelete: PropTypes.func,\n onSave: PropTypes.func.isRequired,\n onChangeEditing: PropTypes.func,\n viewColumnsPerRow: PropTypes.number.isRequired,\n editColumnsPerRow: PropTypes.number.isRequired,\n isDragComponent: PropTypes.bool.isRequired,\n};\n\nComponent.defaultProps = {\n isDraft: false,\n onCancel: null,\n onDelete: null,\n onChangeEditing: undefined,\n};\n\nexport default memo(Component);\n"],"names":["getComponentName","family","_COMPONENT_FAMILIES$f","COMPONENT_FAMILIES","find","item","type","name","Component","_ref","_classNames2","component","viewColumnsPerRow","editColumnsPerRow","isDraft","onCancel","onDelete","onSave","onChangeEditing","isMobile","isDragComponent","useState","_useState2","_slicedToArray","_useState","actionAnchorEl","setActionAnchorEl","_useState4","_useState3","tempComponent","setTempComponent","_useState6","_useState5","isOpenSaveConfirm","setIsOpenSaveConfirm","_useState8","_useState7","isOpenDeleteDialog","setIsOpenDeleteDialog","_useState10","_useState9","isOpenEditorDialog","setIsOpenEditorDialog","_useState12","_useState11","error","setError","classes","useStyles","isEditing","is_editing","useEffect","handleCancel","handleChange","key","value","newComponent","calculateComponent","result","validateComponent","isValid","errors","handleUseSuggestion","suggestion","prev","handleConfirmSave","handleSave","saving","_excluded","omit","contentCellName","classNames","cell","ratioWidth","focusedFontsize","is_expanded","componentProps","onChange","onUseSuggestion","columns","_jsxs","className","children","_jsx","DrillPipeEditor","ComponentEditor","ConfirmationPopup","title","text","okText","handleClose","handleOk","componentMobile","componentExpandedMobile","componentActive","Boolean","row","rowExpanded","componentMobileCell","ComponentIcon","_Fragment","FormatedNumber","size","outer_diameter","inner_diameter","linear_weight","length","format","actionCell","ExpandCollapseButton","isExpanded","handleExpandCollapse","_objectSpread","MoreButton","handleOpenActionMenu","e","currentTarget","Grid","container","spacing","style","padding","StaticField","label","unit","DrillPipeBrowser","ComponentBrowser","Menu","anchorEl","keepMounted","open","getContentAnchorEl","anchorOrigin","vertical","horizontal","transformOrigin","onClose","MenuItem","onClick","menuItem","EditComponentDialog","propTypes","PropTypes","shape","string","number","isRequired","bool","func","defaultProps","undefined","memo"],"mappings":"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"}
1	+ {"version":3,"file":"Component.js","sources":["../../../../../src/components/Casing/CasingTableV2/components/Component.js"],"sourcesContent":["import { memo, useEffect, useState } from 'react';\nimport classNames from 'classnames';\nimport { omit } from 'lodash';\nimport PropTypes from 'prop-types';\nimport { Grid, Menu, MenuItem } from '@material-ui/core';\n\nimport { Browser as DrillPipeBrowser, Editor as DrillPipeEditor } from './DrillPipe';\nimport { Browser as ComponentBrowser, Editor as ComponentEditor } from './CasingJoints';\nimport EditComponentDialog from './EditComponentDialog';\n\nimport { validateComponent } from '~/utils/casing/validation';\nimport { COMPONENT_FAMILIES } from '~/constants/casing';\nimport { CasingComponentIcon as ComponentIcon } from '~/components';\nimport {\n FormatedNumber,\n ExpandCollapseButton,\n MoreButton,\n StaticField,\n ConfirmationPopup,\n} from '~/components/Drillstring/BHAComponentsTable/components/shared';\nimport { calculateComponent } from '~/components/Drillstring/BHAComponentsTable/components/utils/calculation';\nimport { useStyles } from '~/components/Drillstring/BHAComponentsTable/components/sharedStyles';\n\nfunction getComponentName(family) {\n return COMPONENT_FAMILIES.find(item => item.type === family)?.name \|\| '—';\n}\n\nfunction Component({\n component,\n viewColumnsPerRow,\n editColumnsPerRow,\n isDraft,\n onCancel,\n onDelete,\n onSave,\n onChangeEditing,\n isMobile,\n isDragComponent,\n}) {\n const [actionAnchorEl, setActionAnchorEl] = useState(null);\n const [tempComponent, setTempComponent] = useState(component);\n const [isOpenSaveConfirm, setIsOpenSaveConfirm] = useState(false);\n const [isOpenDeleteDialog, setIsOpenDeleteDialog] = useState(false);\n const [isOpenEditorDialog, setIsOpenEditorDialog] = useState(false);\n const [error, setError] = useState(null);\n\n const classes = useStyles({ isMobile, isEditing: tempComponent.is_editing, isDragComponent });\n\n useEffect(() => {\n if (onChangeEditing) onChangeEditing(tempComponent.is_editing);\n }, [tempComponent.is_editing]);\n\n const handleExpandCollapse = () => {\n setTempComponent(prev => {\n return prev.is_expanded ? { ...prev, is_expanded: false } : { ...prev, is_expanded: true };\n });\n };\n\n const handleOpenActionMenu = e => {\n setActionAnchorEl(e.currentTarget);\n };\n\n const handleCloseActionMenu = () => {\n setActionAnchorEl(null);\n };\n\n const handleEdit = () => {\n setActionAnchorEl(null);\n setTempComponent(prev => ({ ...prev, is_editing: true }));\n };\n\n const handleConfirmDelete = () => {\n setActionAnchorEl(null);\n setIsOpenDeleteDialog(true);\n };\n\n const handleDelete = () => {\n onDelete(component);\n };\n\n const handleCancel = () => {\n setError(null);\n if (isDraft) {\n onCancel();\n return;\n }\n\n setTempComponent(component);\n };\n\n const handleChange = (key, value) => {\n const newComponent = calculateComponent(tempComponent, key, value);\n const result = validateComponent(newComponent);\n setTempComponent(newComponent);\n if (!result.isValid) {\n setError(result.errors);\n } else {\n setError(null);\n }\n };\n\n const handleUseSuggestion = suggestion => {\n setTempComponent(prev => {\n return {\n ...prev,\n ...suggestion,\n };\n });\n };\n\n const handleConfirmSave = () => {\n const result = validateComponent(tempComponent);\n if (!result.isValid) {\n setError(result.errors);\n return;\n }\n\n setError(null);\n setIsOpenSaveConfirm(true);\n };\n\n const handleSave = () => {\n setIsOpenSaveConfirm(false);\n setIsOpenEditorDialog(false);\n\n const { is_editing, ...saving } = tempComponent;\n\n setTempComponent(saving);\n\n onSave(omit(saving, ['is_expanded']), isDraft);\n };\n\n const contentCellName = classNames(classes.cell, classes.ratioWidth, {\n [classes.focusedFontsize]: tempComponent.is_editing \|\| tempComponent.is_expanded,\n });\n\n if (tempComponent.is_editing && !isOpenEditorDialog) {\n const { family } = tempComponent;\n\n const componentProps = {\n component: tempComponent,\n isDraft,\n error,\n onChange: handleChange,\n onCancel: handleCancel,\n onSave: isMobile ? handleSave : handleConfirmSave,\n onUseSuggestion: handleUseSuggestion,\n columns: editColumnsPerRow,\n };\n\n if (isMobile) {\n setIsOpenEditorDialog(true);\n } else {\n return (\n <div className={classes.component}>\n {(family === 'dp' \|\| family === 'hwdp') && <DrillPipeEditor {...componentProps} />}\n {family !== 'dp' && family !== 'hwdp' && <ComponentEditor {...componentProps} />}\n\n {isOpenSaveConfirm && (\n <ConfirmationPopup\n title=\"Save Changes?\"\n text=\"You will not be able to recover it.\"\n okText=\"Save\"\n handleClose={() => setIsOpenSaveConfirm(false)}\n handleOk={handleSave}\n />\n )}\n </div>\n );\n }\n }\n\n return (\n <div\n className={classNames(classes.component, {\n [classes.componentMobile]: isMobile,\n [classes.componentExpandedMobile]: isMobile && tempComponent.is_expanded,\n [classes.componentActive]: Boolean(actionAnchorEl),\n })}\n >\n <div\n className={classNames(classes.row, {\n [classes.rowExpanded]: isMobile && tempComponent.is_expanded,\n })}\n >\n <div className={classNames(classes.cell, { [classes.componentMobileCell]: isMobile })}>\n <ComponentIcon component={tempComponent} />\n </div>\n <div className={contentCellName}>{getComponentName(tempComponent.family)}</div>\n {!isMobile && (\n <>\n <div className={contentCellName}>\n <FormatedNumber\n value={\n tempComponent.family === 'bit' ? tempComponent.size : tempComponent.outer_diameter\n }\n />\n </div>\n <div className={contentCellName}>\n <FormatedNumber value={tempComponent.inner_diameter} />\n </div>\n <div className={contentCellName}>\n <FormatedNumber value={tempComponent.linear_weight} />\n </div>\n <div className={contentCellName}>\n <FormatedNumber value={tempComponent.length} format=\"0.0\" />\n </div>\n </>\n )}\n <div className={classNames(classes.cell, classes.actionCell)}>\n <ExpandCollapseButton\n isExpanded={tempComponent.is_expanded}\n classes={classes}\n handleExpandCollapse={handleExpandCollapse}\n />\n <MoreButton classes={classes} handleOpenActionMenu={handleOpenActionMenu} />\n </div>\n </div>\n\n {tempComponent.is_expanded && (\n <>\n {isMobile && (\n <Grid container spacing={2} style={{ padding: '8px 4px 16px' }}>\n <StaticField\n label={tempComponent.family === 'bit' ? 'Bit Size' : 'OD'}\n unit=\"shortLength\"\n value={\n tempComponent.family === 'bit' ? tempComponent.size : tempComponent.outer_diameter\n }\n />\n {tempComponent.family !== 'bit' && (\n <StaticField label=\"ID\" unit=\"shortLength\" value={component.inner_diameter} />\n )}\n {tempComponent.family !== 'bit' && (\n <StaticField\n label=\"Linear Weight\"\n unit=\"massPerLength\"\n value={component.linear_weight}\n format=\"0.0\"\n />\n )}\n <StaticField label=\"Length\" unit=\"length\" value={component.length} format=\"0.0\" />\n </Grid>\n )}\n\n {(tempComponent.family === 'dp' \|\| tempComponent.family === 'hwdp') && (\n <DrillPipeBrowser component={tempComponent} columns={viewColumnsPerRow} />\n )}\n {tempComponent.family !== 'dp' && tempComponent.family !== 'hwdp' && (\n <ComponentBrowser component={tempComponent} columns={viewColumnsPerRow} />\n )}\n </>\n )}\n\n <Menu\n anchorEl={actionAnchorEl}\n keepMounted\n open={Boolean(actionAnchorEl)}\n getContentAnchorEl={null}\n anchorOrigin={{ vertical: 'bottom', horizontal: 'right' }}\n transformOrigin={{ vertical: 'top', horizontal: 'right' }}\n onClose={handleCloseActionMenu}\n >\n <MenuItem onClick={handleEdit} className={classes.menuItem}>\n Edit\n </MenuItem>\n {tempComponent.family !== 'bit' && (\n <MenuItem onClick={handleConfirmDelete} className={classes.menuItem}>\n Delete\n </MenuItem>\n )}\n </Menu>\n\n {isOpenDeleteDialog && (\n <ConfirmationPopup\n title=\"Delete Component?\"\n text=\"You will not be able to recover it.\"\n okText=\"Delete\"\n handleClose={() => setIsOpenDeleteDialog(false)}\n handleOk={handleDelete}\n />\n )}\n\n {isOpenEditorDialog && (\n <EditComponentDialog\n component={tempComponent}\n isDraft={isDraft}\n error={error}\n onChange={handleChange}\n onCancel={handleCancel}\n onSave={handleConfirmSave}\n onUseSuggestion={handleUseSuggestion}\n onClose={() => {\n handleCancel();\n setIsOpenEditorDialog(false);\n }}\n />\n )}\n\n {isMobile && isOpenSaveConfirm && (\n <ConfirmationPopup\n title=\"Save Changes?\"\n text=\"You will not be able to recover it.\"\n okText=\"Save\"\n handleClose={() => setIsOpenSaveConfirm(false)}\n handleOk={handleSave}\n />\n )}\n </div>\n );\n}\n\nComponent.propTypes = {\n component: PropTypes.shape({\n family: PropTypes.string,\n size: PropTypes.number,\n outer_diameter: PropTypes.number,\n inner_diameter: PropTypes.number,\n linear_weight: PropTypes.number,\n length: PropTypes.number,\n }).isRequired,\n isMobile: PropTypes.bool.isRequired,\n isDraft: PropTypes.bool,\n onCancel: PropTypes.func,\n onDelete: PropTypes.func,\n onSave: PropTypes.func.isRequired,\n onChangeEditing: PropTypes.func,\n viewColumnsPerRow: PropTypes.number.isRequired,\n editColumnsPerRow: PropTypes.number.isRequired,\n isDragComponent: PropTypes.bool.isRequired,\n};\n\nComponent.defaultProps = {\n isDraft: false,\n onCancel: null,\n onDelete: null,\n onChangeEditing: undefined,\n};\n\nexport default memo(Component);\n"],"names":["getComponentName","family","_COMPONENT_FAMILIES$f","COMPONENT_FAMILIES","find","item","type","name","Component","_ref","_classNames2","component","viewColumnsPerRow","editColumnsPerRow","isDraft","onCancel","onDelete","onSave","onChangeEditing","isMobile","isDragComponent","useState","_useState2","_slicedToArray","_useState","actionAnchorEl","setActionAnchorEl","_useState4","_useState3","tempComponent","setTempComponent","_useState6","_useState5","isOpenSaveConfirm","setIsOpenSaveConfirm","_useState8","_useState7","isOpenDeleteDialog","setIsOpenDeleteDialog","_useState10","_useState9","isOpenEditorDialog","setIsOpenEditorDialog","_useState12","_useState11","error","setError","classes","useStyles","isEditing","is_editing","useEffect","handleCancel","handleChange","key","value","newComponent","calculateComponent","result","validateComponent","isValid","errors","handleUseSuggestion","suggestion","prev","handleConfirmSave","handleSave","saving","_excluded","omit","contentCellName","classNames","cell","ratioWidth","focusedFontsize","is_expanded","componentProps","onChange","onUseSuggestion","columns","_jsxs","className","children","_jsx","DrillPipeEditor","ComponentEditor","ConfirmationPopup","title","text","okText","handleClose","handleOk","componentMobile","componentExpandedMobile","componentActive","Boolean","row","rowExpanded","componentMobileCell","ComponentIcon","_Fragment","FormatedNumber","size","outer_diameter","inner_diameter","linear_weight","length","format","actionCell","ExpandCollapseButton","isExpanded","handleExpandCollapse","_objectSpread","MoreButton","handleOpenActionMenu","e","currentTarget","Grid","container","spacing","style","padding","StaticField","label","unit","DrillPipeBrowser","ComponentBrowser","Menu","anchorEl","keepMounted","open","getContentAnchorEl","anchorOrigin","vertical","horizontal","transformOrigin","onClose","MenuItem","onClick","menuItem","EditComponentDialog","propTypes","PropTypes","shape","string","number","isRequired","bool","func","defaultProps","undefined","memo"],"mappings":"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"}