@corva/ui 0.65.0-1-test → 0.65.0-2

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

@@ -1,86 +1 @@
-import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import { memo } from 'react';
-import classNames from 'classnames';
-import PropTypes from 'prop-types';
-import { Grid } from '@material-ui/core';
-import { isMobileDetected } from '../../../../../utils/mobileDetect.js';
-import '../../../../Drillstring/BHAComponentsTable/components/shared/CancelButton.js';
-import '../../../../Drillstring/BHAComponentsTable/components/shared/ExpandCollapseButton.js';
-import '../../../../Drillstring/BHAComponentsTable/components/shared/FormatedNumber.js';
-import '../../../../Drillstring/BHAComponentsTable/components/shared/InputText.js';
-import '../../../../Drillstring/BHAComponentsTable/components/shared/MoreButton.js';
-import '../../../../Drillstring/BHAComponentsTable/components/shared/SaveButton.js';
-import '../../../../Drillstring/BHAComponentsTable/components/shared/SelectField.js';
-import { StaticField } from '../../../../Drillstring/BHAComponentsTable/components/shared/StaticField.js';
-import '../../../../Drillstring/BHAComponentsTable/components/shared/SharedEditorElements.js';
-import '../../../../Drillstring/BHAComponentsTable/components/shared/ConfirmationPopup.js';
-import { useStyles } from '../../../../Drillstring/BHAComponentsTable/components/sharedStyles.js';
-import { CONTAINER_XS } from '../constants.js';
-import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
-
-function CasingJoints(_ref) {
-  var component = _ref.component,
-    columns = _ref.columns;
-  var classes = useStyles();
-  var xs = CONTAINER_XS / columns;
-  return /*#__PURE__*/jsx(Fragment, {
-    children: /*#__PURE__*/jsxs(Grid, {
-      container: true,
-      spacing: 2,
-      className: classNames(classes.detailedView, _defineProperty({}, classes.detailedViewMobile, isMobileDetected)),
-      children: [/*#__PURE__*/jsx(StaticField, {
-        label: "Name",
-        value: component.name,
-        format: null,
-        xs: xs
-      }), /*#__PURE__*/jsx(StaticField, {
-        label: "# of Joints",
-        value: component.number_of_joints,
-        format: "0",
-        xs: xs
-      }), /*#__PURE__*/jsx(StaticField, {
-        label: "Component Length",
-        value: component.component_length,
-        format: "0.0",
-        xs: xs
-      }), /*#__PURE__*/jsx(StaticField, {
-        label: "T.Weight",
-        unit: "mass",
-        value: component.weight,
-        xs: xs
-      }), /*#__PURE__*/jsx(StaticField, {
-        label: "Inside Mud Density",
-        unit: "density",
-        value: component.inside_mud_density,
-        format: "0.0",
-        xs: xs
-      }), /*#__PURE__*/jsx(StaticField, {
-        label: "Grade",
-        value: component.grade,
-        format: null,
-        xs: xs
-      }), /*#__PURE__*/jsx(StaticField, {
-        label: "Connection Type",
-        value: component.connection_type,
-        format: null,
-        xs: xs
-      })]
-    })
-  });
-}
-CasingJoints.propTypes = {
-  component: PropTypes.shape({
-    name: PropTypes.string,
-    weight: PropTypes.number,
-    component_length: PropTypes.number,
-    number_of_joints: PropTypes.number,
-    connection_type: PropTypes.string,
-    inside_mud_density: PropTypes.number,
-    grade: PropTypes.string
-  }).isRequired,
-  columns: PropTypes.number.isRequired
-};
-var ComponentBrowser = memo(CasingJoints);
-
-export { ComponentBrowser as default };
-//# sourceMappingURL=Browser.js.map
+import e from"@babel/runtime/helpers/defineProperty";import{memo as n}from"react";import o from"classnames";import t from"prop-types";import{Grid as r}from"@material-ui/core";import{isMobileDetected as s}from"../../../../../utils/mobileDetect.js";import"../../../../Drillstring/BHAComponentsTable/components/shared/CancelButton.js";import"../../../../Drillstring/BHAComponentsTable/components/shared/ExpandCollapseButton.js";import"../../../../Drillstring/BHAComponentsTable/components/shared/FormatedNumber.js";import"../../../../Drillstring/BHAComponentsTable/components/shared/InputText.js";import"../../../../Drillstring/BHAComponentsTable/components/shared/MoreButton.js";import"../../../../Drillstring/BHAComponentsTable/components/shared/SaveButton.js";import"../../../../Drillstring/BHAComponentsTable/components/shared/SelectField.js";import{StaticField as i}from"../../../../Drillstring/BHAComponentsTable/components/shared/StaticField.js";import"../../../../Drillstring/BHAComponentsTable/components/shared/SharedEditorElements.js";import"../../../../Drillstring/BHAComponentsTable/components/shared/ConfirmationPopup.js";import{useStyles as m}from"../../../../Drillstring/BHAComponentsTable/components/sharedStyles.js";import{CONTAINER_XS as l}from"../constants.js";import{jsx as a,Fragment as p,jsxs as u}from"react/jsx-runtime";function d(n){var t=n.component,d=n.columns,c=m(),b=l/d;return a(p,{children:u(r,{container:!0,spacing:2,className:o(c.detailedView,e({},c.detailedViewMobile,s)),children:[a(i,{label:"Name",value:t.name,format:null,xs:b}),a(i,{label:"# of Joints",value:t.number_of_joints,format:"0",xs:b}),a(i,{label:"Component Length",value:t.component_length,format:"0.0",xs:b}),a(i,{label:"T.Weight",unit:"mass",value:t.weight,xs:b}),a(i,{label:"Inside Mud Density",unit:"density",value:t.inside_mud_density,format:"0.0",xs:b}),a(i,{label:"Grade",value:t.grade,format:null,xs:b}),a(i,{label:"Connection Type",value:t.connection_type,format:null,xs:b})]})})}d.propTypes={component:t.shape({name:t.string,weight:t.number,component_length:t.number,number_of_joints:t.number,connection_type:t.string,inside_mud_density:t.number,grade:t.string}).isRequired,columns:t.number.isRequired};var c=n(d);export{c as default};

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

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