@corva/ui 3.50.0-3 → 3.50.0-5

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

@@ -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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"}
+{"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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"}

package/components/Casing/CasingTableV2/components/DrillPipe/Editor.d.ts

@@ -33,7 +33,7 @@ declare namespace DrillPipe {
         let columns: PropTypes.Validator<number>;
     }
     namespace defaultProps {
-        let error_1: any;
+        let error_1: null;
         export { error_1 as error };
     }
 }

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

@@ -1,2 +1,2 @@
-import{memo as o,useMemo as t}from"react";import{isEmpty as e}from"lodash";import s from"prop-types";import{Grid as n}from"@material-ui/core";import{OD_ID_DEP_COLUMNS as i,CONTAINER_XS as r}from"../constants.js";import{isMobileDetected as p}from"../../../../../utils/mobileDetect.js";import"@babel/runtime/helpers/defineProperty";import{jsxs as m,jsx as c}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"@babel/runtime/helpers/objectWithoutProperties";import"classnames";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"../../../../IconButton/index.js";import"../../../../../constants/goals.js";import"../../../../../constants/segment.js";import"../../../../../constants/alerts.js";import"../../../../../constants/apps.js";import{OD_ID_DEP_LIST as a,COMPONENT_GRADES as l,COMPONENT_CLASSES as j,COMPONENT_MATERIALS as d}from"../../../../../constants/casing.js";import"../../../../../constants/drillstring.js";import"../../../../../constants/completion.js";import"../../../../../constants/appPackages.js";import"../../../../../constants/notifications.js";import"../../../../../constants/feed.js";import"../../../../../constants/bha.js";import"../../../../../constants/corvaCompanyId.js";import"../../../../GradientManager/configuration/constants.js";import"../../../../Modal/CorvaModal.css.js";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"@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/AppContainer/headerCommon.scss.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 u from"../../../CasingComponentIcon.js";import"../../../CasingTileIcon.js";import"../../CasingTableV2.js";import"../../../CasingTile/CasingTile.js";import"../../../../DisabledSettingsMessage/DisabledSettingsMessage.js";import"../../../../WellSummary/WellSummaryItemLabel.js";import"../../../../WellSummary/WellSummaryItemTitle.js";import"../../../../WellSummary/WellSummaryItemValue.js";import"../../../../WellSummary/ActivitySummaryChart.js";import"../../../../WellSummary/FracWirelineTimeChart.js";import"../../../../BICOffsetPickerDialog/index.js";import"../../../../OffsetWellButton/OffsetWellButton.js";import"../../../../OffsetWellPickerV2/OffsetWellPickerDialog.js";import"../../../../OffsetWellPickerV3/index.js";import"../../../../OffsetWellChips/Chip.js";import"../../../../OffsetWellChips/ChipsContainer.js";import"../../../../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{CancelButton as C}from"../../../../Drillstring/BHAComponentsTable/components/shared/CancelButton.js";import"../../../../Drillstring/BHAComponentsTable/components/shared/ExpandCollapseButton.js";import"../../../../Drillstring/BHAComponentsTable/components/shared/FormatedNumber.js";import{InputText as A}from"../../../../Drillstring/BHAComponentsTable/components/shared/InputText.js";import"../../../../Drillstring/BHAComponentsTable/components/shared/MoreButton.js";import{SaveButton as g}from"../../../../Drillstring/BHAComponentsTable/components/shared/SaveButton.js";import{SelectField as V}from"../../../../Drillstring/BHAComponentsTable/components/shared/SelectField.js";import"../../../../Drillstring/BHAComponentsTable/components/shared/StaticField.js";import{SharedEditorElements as S}from"../../../../Drillstring/BHAComponentsTable/components/shared/SharedEditorElements.js";import"../../../../Drillstring/BHAComponentsTable/components/shared/ConfirmationPopup.js";import h from"../../../../Drillstring/BHAComponentsTable/components/Suggestions/Suggestions.js";import{useStyles as I}from"../../../../Drillstring/BHAComponentsTable/components/sharedStyles.js";function b(o){var s=o.component,b=o.error,D=o.onChange,v=o.onCancel,T=o.onSave,P=o.onUseSuggestion,x=o.columns,F=I({isMobile:p}),B=p?r/2:r/x,f=function(o){return b&&b[o]},y=t((function(){var o=a;return s.outer_diameter?o.filter((function(o){return o.outer_diameter===parseFloat(s.outer_diameter)})):[]}),[s.outer_diameter]);return m(n,{container:!0,spacing:0,className:F.editorContainer,children:[!p&&c(n,{item:!0,className:F.editorComponentSize,children:c(u,{component:s})}),c(n,{item:!0,className:F.eidtorContentContainer,children:m(n,{container:!0,spacing:2,children:[c(S,{component:s,getError:f,onChange:D,isCasing:!0}),y.length>0&&c(h,{data:y,allData:a,columns:i,displayKeys:["outer_diameter","inner_diameter"],descriptionKeys:["outer_diameter","inner_diameter","linear_weight","number_of_joints","component_length"],onSelect:P,isCasing:!0}),c(A,{type:"name",label:"Name",value:s.name,error:f("name"),xs:B,onChangeField:D}),c(A,{type:"number_of_joints",label:"# of Joints",value:s.number_of_joints,error:f("number_of_joints"),xs:B,onChangeField:D}),c(A,{type:"component_length",label:"Component Length",unit:"length",value:s.component_length,error:f("component_length"),xs:B,onChangeField:D}),c(A,{type:"weight",label:"T.Weight",unit:"mass",value:s.weight,error:f("weight"),disabled:!0,xs:B,onChangeField:D}),c(V,{type:"grade",options:l,label:"Grade",value:s.grade,error:f("grade"),xs:B,onChangeField:D}),c(A,{type:"outer_diameter_tooljoint",label:"TJ OD",unit:"shortLength",value:s.outer_diameter_tooljoint,error:f("outer_diameter_tooljoint"),xs:B,onChangeField:D}),c(A,{type:"inner_diameter_tooljoint",label:"TJ ID",unit:"shortLength",value:s.inner_diameter_tooljoint,error:f("inner_diameter_tooljoint"),xs:B,onChangeField:D}),c(A,{type:"length_tooljoint",label:"TJ Length Per Joint",unit:"length",value:s.length_tooljoint,error:f("length_tooljoint"),xs:B,onChangeField:D}),c(A,{type:"connection_type",label:"Connection Type",value:s.connection_type,error:f("connection_type"),xs:B,onChangeField:D}),c(V,{type:"class",options:j,label:"Class",value:s.class,error:f("class"),xs:B,onChangeField:D}),c(V,{type:"material",options:d,label:"Material",value:s.material,error:f("material"),xs:B,onChangeField:D})]})}),!p&&m(n,{item:!0,className:F.eidtorActionGroup,children:[c(C,{handleCancel:v}),c(g,{handleSave:T,disabled:!e(b)})]})]})}b.propTypes={component:s.shape({outer_diameter:s.number,component_length:s.number,name:s.string,number_of_joints:s.number,weight:s.number,connection_type:s.string,grade:s.string,class:s.string,material:s.string,outer_diameter_tooljoint:s.number,inner_diameter_tooljoint:s.number,length_tooljoint:s.number}).isRequired,error:s.shape({}),onChange:s.func.isRequired,onCancel:s.func.isRequired,onSave:s.func.isRequired,onUseSuggestion:s.func.isRequired,columns:s.number.isRequired},b.defaultProps={error:null};var D=o(b);export{D as default};
+import{memo as o,useMemo as t}from"react";import{isEmpty as e}from"lodash";import s from"prop-types";import{Grid as n}from"@material-ui/core";import{OD_ID_DEP_COLUMNS as i,CONTAINER_XS as r}from"../constants.js";import{isMobileDetected as p}from"../../../../../utils/mobileDetect.js";import"@babel/runtime/helpers/defineProperty";import{jsxs as m,jsx as c}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"@babel/runtime/helpers/objectWithoutProperties";import"classnames";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"../../../../IconButton/index.js";import"../../../../../constants/goals.js";import"../../../../../constants/segment.js";import"../../../../../constants/alerts.js";import"../../../../../constants/apps.js";import{OD_ID_DEP_LIST as a,COMPONENT_GRADES as l,COMPONENT_CLASSES as j,COMPONENT_MATERIALS as d}from"../../../../../constants/casing.js";import"../../../../../constants/drillstring.js";import"../../../../../constants/completion.js";import"../../../../../constants/appPackages.js";import"../../../../../constants/notifications.js";import"../../../../../constants/feed.js";import"../../../../../constants/bha.js";import"../../../../../constants/corvaCompanyId.js";import"../../../../GradientManager/configuration/constants.js";import"../../../../Modal/CorvaModal.css.js";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"@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 u from"../../../CasingComponentIcon.js";import"../../../CasingTileIcon.js";import"../../CasingTableV2.js";import"../../../CasingTile/CasingTile.js";import"../../../../DisabledSettingsMessage/DisabledSettingsMessage.js";import"../../../../WellSummary/WellSummaryItemLabel.js";import"../../../../WellSummary/WellSummaryItemTitle.js";import"../../../../WellSummary/WellSummaryItemValue.js";import"../../../../WellSummary/ActivitySummaryChart.js";import"../../../../WellSummary/FracWirelineTimeChart.js";import"../../../../BICOffsetPickerDialog/index.js";import"../../../../OffsetWellButton/OffsetWellButton.js";import"../../../../OffsetWellPickerV2/OffsetWellPickerDialog.js";import"../../../../OffsetWellPickerV3/index.js";import"../../../../OffsetWellChips/Chip.js";import"../../../../OffsetWellChips/ChipsContainer.js";import"../../../../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{CancelButton as C}from"../../../../Drillstring/BHAComponentsTable/components/shared/CancelButton.js";import"../../../../Drillstring/BHAComponentsTable/components/shared/ExpandCollapseButton.js";import"../../../../Drillstring/BHAComponentsTable/components/shared/FormatedNumber.js";import{InputText as A}from"../../../../Drillstring/BHAComponentsTable/components/shared/InputText.js";import"../../../../Drillstring/BHAComponentsTable/components/shared/MoreButton.js";import{SaveButton as g}from"../../../../Drillstring/BHAComponentsTable/components/shared/SaveButton.js";import{SelectField as V}from"../../../../Drillstring/BHAComponentsTable/components/shared/SelectField.js";import"../../../../Drillstring/BHAComponentsTable/components/shared/StaticField.js";import{SharedEditorElements as S}from"../../../../Drillstring/BHAComponentsTable/components/shared/SharedEditorElements.js";import"../../../../Drillstring/BHAComponentsTable/components/shared/ConfirmationPopup.js";import h from"../../../../Drillstring/BHAComponentsTable/components/Suggestions/Suggestions.js";import{useStyles as I}from"../../../../Drillstring/BHAComponentsTable/components/sharedStyles.js";function b(o){var s=o.component,b=o.error,D=o.onChange,v=o.onCancel,T=o.onSave,P=o.onUseSuggestion,x=o.columns,F=I({isMobile:p}),B=p?r/2:r/x,f=function(o){return b&&b[o]},y=t((function(){var o=a;return s.outer_diameter?o.filter((function(o){return o.outer_diameter===parseFloat(s.outer_diameter)})):[]}),[s.outer_diameter]);return m(n,{container:!0,spacing:0,className:F.editorContainer,children:[!p&&c(n,{item:!0,className:F.editorComponentSize,children:c(u,{component:s})}),c(n,{item:!0,className:F.eidtorContentContainer,children:m(n,{container:!0,spacing:2,children:[c(S,{component:s,getError:f,onChange:D,isCasing:!0}),y.length>0&&c(h,{data:y,allData:a,columns:i,displayKeys:["outer_diameter","inner_diameter"],descriptionKeys:["outer_diameter","inner_diameter","linear_weight","number_of_joints","component_length"],onSelect:P,isCasing:!0}),c(A,{type:"name",label:"Name",value:s.name,error:f("name"),xs:B,onChangeField:D}),c(A,{type:"number_of_joints",label:"# of Joints",value:s.number_of_joints,error:f("number_of_joints"),xs:B,onChangeField:D}),c(A,{type:"component_length",label:"Component Length",unit:"length",value:s.component_length,error:f("component_length"),xs:B,onChangeField:D}),c(A,{type:"weight",label:"T.Weight",unit:"mass",value:s.weight,error:f("weight"),disabled:!0,xs:B,onChangeField:D}),c(V,{type:"grade",options:l,label:"Grade",value:s.grade,error:f("grade"),xs:B,onChangeField:D}),c(A,{type:"outer_diameter_tooljoint",label:"TJ OD",unit:"shortLength",value:s.outer_diameter_tooljoint,error:f("outer_diameter_tooljoint"),xs:B,onChangeField:D}),c(A,{type:"inner_diameter_tooljoint",label:"TJ ID",unit:"shortLength",value:s.inner_diameter_tooljoint,error:f("inner_diameter_tooljoint"),xs:B,onChangeField:D}),c(A,{type:"length_tooljoint",label:"TJ Length Per Joint",unit:"length",value:s.length_tooljoint,error:f("length_tooljoint"),xs:B,onChangeField:D}),c(A,{type:"connection_type",label:"Connection Type",value:s.connection_type,error:f("connection_type"),xs:B,onChangeField:D}),c(V,{type:"class",options:j,label:"Class",value:s.class,error:f("class"),xs:B,onChangeField:D}),c(V,{type:"material",options:d,label:"Material",value:s.material,error:f("material"),xs:B,onChangeField:D})]})}),!p&&m(n,{item:!0,className:F.eidtorActionGroup,children:[c(C,{handleCancel:v}),c(g,{handleSave:T,disabled:!e(b)})]})]})}b.propTypes={component:s.shape({outer_diameter:s.number,component_length:s.number,name:s.string,number_of_joints:s.number,weight:s.number,connection_type:s.string,grade:s.string,class:s.string,material:s.string,outer_diameter_tooljoint:s.number,inner_diameter_tooljoint:s.number,length_tooljoint:s.number}).isRequired,error:s.shape({}),onChange:s.func.isRequired,onCancel:s.func.isRequired,onSave:s.func.isRequired,onUseSuggestion:s.func.isRequired,columns:s.number.isRequired},b.defaultProps={error:null};var D=o(b);export{D as default};
 //# sourceMappingURL=Editor.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Editor.js","sources":["../../../../../../src/components/Casing/CasingTableV2/components/DrillPipe/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 {\n  COMPONENT_GRADES,\n  COMPONENT_CLASSES,\n  COMPONENT_MATERIALS,\n  OD_ID_DEP_LIST,\n} 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 DrillPipe({ 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\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=\"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=\"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          <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=\"outer_diameter_tooljoint\"\n            label=\"TJ OD\"\n            unit=\"shortLength\"\n            value={component.outer_diameter_tooljoint}\n            error={getError('outer_diameter_tooljoint')}\n            xs={xs}\n            onChangeField={onChange}\n          />\n          <InputText\n            type=\"inner_diameter_tooljoint\"\n            label=\"TJ ID\"\n            unit=\"shortLength\"\n            value={component.inner_diameter_tooljoint}\n            error={getError('inner_diameter_tooljoint')}\n            xs={xs}\n            onChangeField={onChange}\n          />\n          <InputText\n            type=\"length_tooljoint\"\n            label=\"TJ Length Per Joint\"\n            unit=\"length\"\n            value={component.length_tooljoint}\n            error={getError('length_tooljoint')}\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          <SelectField\n            type=\"class\"\n            options={COMPONENT_CLASSES}\n            label=\"Class\"\n            value={component.class}\n            error={getError('class')}\n            xs={xs}\n            onChangeField={onChange}\n          />\n          <SelectField\n            type=\"material\"\n            options={COMPONENT_MATERIALS}\n            label=\"Material\"\n            value={component.material}\n            error={getError('material')}\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\nDrillPipe.propTypes = {\n  component: PropTypes.shape({\n    outer_diameter: PropTypes.number,\n    component_length: PropTypes.number,\n    name: PropTypes.string,\n    number_of_joints: PropTypes.number,\n    weight: PropTypes.number,\n    connection_type: PropTypes.string,\n    grade: PropTypes.string,\n    class: PropTypes.string,\n    material: PropTypes.string,\n    outer_diameter_tooljoint: PropTypes.number,\n    inner_diameter_tooljoint: PropTypes.number,\n    length_tooljoint: PropTypes.number,\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\nDrillPipe.defaultProps = {\n  error: null,\n};\n\nexport default memo(DrillPipe);\n"],"names":["DrillPipe","_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","number_of_joints","unit","component_length","weight","disabled","SelectField","options","COMPONENT_GRADES","grade","outer_diameter_tooljoint","inner_diameter_tooljoint","length_tooljoint","connection_type","COMPONENT_CLASSES","class","COMPONENT_MATERIALS","material","eidtorActionGroup","CancelButton","handleCancel","SaveButton","handleSave","isEmpty","propTypes","PropTypes","shape","number","string","isRequired","func","defaultProps","memo"],"mappings":"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"}
+{"version":3,"file":"Editor.js","sources":["../../../../../../src/components/Casing/CasingTableV2/components/DrillPipe/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 {\n  COMPONENT_GRADES,\n  COMPONENT_CLASSES,\n  COMPONENT_MATERIALS,\n  OD_ID_DEP_LIST,\n} 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 DrillPipe({ 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\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=\"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=\"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          <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=\"outer_diameter_tooljoint\"\n            label=\"TJ OD\"\n            unit=\"shortLength\"\n            value={component.outer_diameter_tooljoint}\n            error={getError('outer_diameter_tooljoint')}\n            xs={xs}\n            onChangeField={onChange}\n          />\n          <InputText\n            type=\"inner_diameter_tooljoint\"\n            label=\"TJ ID\"\n            unit=\"shortLength\"\n            value={component.inner_diameter_tooljoint}\n            error={getError('inner_diameter_tooljoint')}\n            xs={xs}\n            onChangeField={onChange}\n          />\n          <InputText\n            type=\"length_tooljoint\"\n            label=\"TJ Length Per Joint\"\n            unit=\"length\"\n            value={component.length_tooljoint}\n            error={getError('length_tooljoint')}\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          <SelectField\n            type=\"class\"\n            options={COMPONENT_CLASSES}\n            label=\"Class\"\n            value={component.class}\n            error={getError('class')}\n            xs={xs}\n            onChangeField={onChange}\n          />\n          <SelectField\n            type=\"material\"\n            options={COMPONENT_MATERIALS}\n            label=\"Material\"\n            value={component.material}\n            error={getError('material')}\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\nDrillPipe.propTypes = {\n  component: PropTypes.shape({\n    outer_diameter: PropTypes.number,\n    component_length: PropTypes.number,\n    name: PropTypes.string,\n    number_of_joints: PropTypes.number,\n    weight: PropTypes.number,\n    connection_type: PropTypes.string,\n    grade: PropTypes.string,\n    class: PropTypes.string,\n    material: PropTypes.string,\n    outer_diameter_tooljoint: PropTypes.number,\n    inner_diameter_tooljoint: PropTypes.number,\n    length_tooljoint: PropTypes.number,\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\nDrillPipe.defaultProps = {\n  error: null,\n};\n\nexport default memo(DrillPipe);\n"],"names":["DrillPipe","_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","number_of_joints","unit","component_length","weight","disabled","SelectField","options","COMPONENT_GRADES","grade","outer_diameter_tooljoint","inner_diameter_tooljoint","length_tooljoint","connection_type","COMPONENT_CLASSES","class","COMPONENT_MATERIALS","material","eidtorActionGroup","CancelButton","handleCancel","SaveButton","handleSave","isEmpty","propTypes","PropTypes","shape","number","string","isRequired","func","defaultProps","memo"],"mappings":"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"}

package/components/Chart/DonutChart/options.d.ts

@@ -2,111 +2,5 @@ export function getAppUsageOptions({ appNumber, data, isFullChartLegendVisible }
     appNumber: any;
     data: any;
     isFullChartLegendVisible: any;
-}): {
-    chart: {
-        backgroundColor: string;
-        type: string;
-        animation: boolean;
-    };
-    plotOptions: {
-        pie: {
-            animation: boolean;
-            allowPointSelect: boolean;
-            cursor: string;
-            dataLabels: {
-                enabled: boolean;
-            };
-            colors: string[];
-            showInLegend: boolean;
-            borderColor: any;
-            states: {
-                hover: {
-                    halo: {
-                        size: number;
-                    };
-                };
-            };
-        };
-    };
-    yAxis: {};
-    xAxis: {};
-    legend: {
-        enabled: boolean;
-        itemHoverStyle: {
-            color: string;
-        };
-        itemStyle: {
-            color: string;
-            fontSize: string;
-            fontWeight: string;
-            fontFamily: string;
-        };
-        itemDistance: number;
-        symbolWidth: number;
-        symbolHeight: number;
-        symbolPadding: number;
-        maxHeight: number;
-        alignColumns: boolean;
-        itemMarginBottom: number;
-        navigation: {
-            arrowSize: number;
-            activeColor: string;
-            inactiveColor: string;
-            style: {
-                color: string;
-                fontFamily: string;
-            };
-        };
-    };
-    tooltip: {
-        backgroundColor: string;
-        formatter: typeof tooltipFormatter;
-        borderWidth: number;
-        borderRadius: number;
-        outside: boolean;
-        shadow: boolean;
-        style: {
-            fontSize: number;
-            color: string;
-            lineHeight: string;
-            fontFamily: string;
-            backdropFilter: string;
-        };
-        useHTML: boolean;
-    };
-    title: {
-        text: string;
-    };
-    credits: {
-        enabled: boolean;
-    };
-    exporting: {
-        enabled: boolean;
-    };
-} & {
-    legend: {
-        maxHeight: any;
-    };
-} & {
-    plotOptions: {
-        pie: {
-            colors: string[];
-        };
-    };
-} & {
-    series: {
-        name: string;
-        colorByPoint: boolean;
-        tooltip: {
-            tooltipValueSuffix: string;
-        };
-        innerSize: string;
-        data: any;
-    }[];
-    xAxis: {
-        categories: any;
-    };
-};
-declare function tooltipFormatter(): any;
-export {};
+}): any;
 //# sourceMappingURL=options.d.ts.map

package/components/Chart/DonutChart/options.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"options.d.ts","sourceRoot":"","sources":["../../../../src/components/Chart/DonutChart/options.js"],"names":[],"mappings":"AAmJO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAqBN;AA/JD,yCA2BC"}
+{"version":3,"file":"options.d.ts","sourceRoot":"","sources":["../../../../src/components/Chart/DonutChart/options.js"],"names":[],"mappings":"AAmJO;;;;QAqBN"}

package/components/Chart/components/AxisOverlay.d.ts

@@ -13,5 +13,5 @@ declare function AxisOverlay({ left, width, top, bottom, right, labelOffset, off
     opposite: any;
     visible: any;
     onCustomizeScaleClick: any;
-}): JSX.Element;
+}): JSX.Element | null;
 //# sourceMappingURL=AxisOverlay.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"AxisOverlay.d.ts","sourceRoot":"","sources":["../../../../src/components/Chart/components/AxisOverlay.js"],"names":[],"mappings":";AAwCA;;;;;;;;;;;;;;gBA4JC"}
+{"version":3,"file":"AxisOverlay.d.ts","sourceRoot":"","sources":["../../../../src/components/Chart/components/AxisOverlay.js"],"names":[],"mappings":";AAwCA;;;;;;;;;;;;;;uBA4JC"}

package/components/Chart/components/ChartButtons.d.ts

@@ -2,6 +2,6 @@ export default ChartButtons;
 declare function ChartButtons({ children, className, ...otherProps }: {
     [x: string]: any;
     children: any;
-    className?: any;
+    className?: null | undefined;
 }): JSX.Element;
 //# sourceMappingURL=ChartButtons.d.ts.map

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

@@ -2,10 +2,10 @@ export default ChartWrapper;
 declare function ChartWrapper({ children, chartRef, isAxesCoordinatesShown, onCustomizeScaleClick, onZoomChangeCallback, chartOptions, }: {
     children: any;
     chartRef: any;
-    isAxesCoordinatesShown?: boolean;
-    onCustomizeScaleClick?: any;
-    onZoomChangeCallback?: () => void;
-    chartOptions?: {};
+    isAxesCoordinatesShown?: boolean | undefined;
+    onCustomizeScaleClick?: null | undefined;
+    onZoomChangeCallback?: (() => void) | undefined;
+    chartOptions?: {} | undefined;
 }): JSX.Element;
 declare namespace ChartWrapper {
     namespace defaultProps {

package/components/Chart/components/buttons/ChartTypeButton.d.ts

@@ -1,7 +1,7 @@
 export default ChartTypeButton;
 declare function ChartTypeButton({ className, onClick }: {
-    className?: any;
-    onClick?: () => void;
+    className?: null | undefined;
+    onClick?: (() => void) | undefined;
 }): JSX.Element;
 declare namespace ChartTypeButton {
     namespace defaultProps {

package/components/Chart/components/buttons/DragToZoomButton.d.ts

@@ -1,8 +1,8 @@
 export default DragToZoomButton;
 declare function DragToZoomButton({ onClick, isHidden, ...props }: {
     [x: string]: any;
-    onClick?: () => void;
-    isHidden?: boolean;
+    onClick?: (() => void) | undefined;
+    isHidden?: boolean | undefined;
 }): JSX.Element;
 declare namespace DragToZoomButton {
     namespace defaultProps {

package/components/Chart/components/buttons/PanButton.d.ts

@@ -1,8 +1,8 @@
 export default PanButton;
 declare function PanButton({ onClick, isHidden, ...props }: {
     [x: string]: any;
-    onClick?: () => void;
-    isHidden?: boolean;
+    onClick?: (() => void) | undefined;
+    isHidden?: boolean | undefined;
 }): JSX.Element;
 declare namespace PanButton {
     namespace defaultProps {

package/components/Chart/components/buttons/ResetZoomButton.d.ts

@@ -1,9 +1,9 @@
 export default ResetZoomButton;
 declare function ResetZoomButton({ onClick, isHidden, isVisible, ...props }: {
     [x: string]: any;
-    onClick?: () => void;
-    isHidden?: boolean;
-    isVisible?: boolean;
+    onClick?: (() => void) | undefined;
+    isHidden?: boolean | undefined;
+    isVisible?: boolean | undefined;
 }): JSX.Element;
 declare namespace ResetZoomButton {
     namespace defaultProps {