npm - @corva/ui - Versions diffs - 3.38.0-3 → 3.38.0-rc.1 - Mend

@corva/ui 3.38.0-3 → 3.38.0-rc.1

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

Files changed (928) hide show

package/cjs-bundle/components/Casing/CasingTableV2/components/Component.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Component.js","sources":["../../../../../../src/components/Casing/CasingTableV2/components/Component.js"],"sourcesContent":["import { memo, useEffect, useState } from 'react';\nimport classNames from 'classnames';\nimport { omit } from 'lodash';\nimport PropTypes from 'prop-types';\nimport { Grid, Menu, MenuItem } from '@material-ui/core';\n\nimport { Browser as DrillPipeBrowser, Editor as DrillPipeEditor } from './DrillPipe';\nimport { Browser as ComponentBrowser, Editor as ComponentEditor } from './CasingJoints';\nimport EditComponentDialog from './EditComponentDialog';\n\nimport { validateComponent } from '~/utils/casing/validation';\nimport { COMPONENT_FAMILIES } from '~/constants/casing';\nimport { CasingComponentIcon as ComponentIcon } from '~/components';\nimport {\n FormatedNumber,\n ExpandCollapseButton,\n MoreButton,\n StaticField,\n ConfirmationPopup,\n} from '~/components/Drillstring/BHAComponentsTable/components/shared';\nimport { calculateComponent } from '~/components/Drillstring/BHAComponentsTable/components/utils/calculation';\nimport { useStyles } from '~/components/Drillstring/BHAComponentsTable/components/sharedStyles';\n\nfunction getComponentName(family) {\n return COMPONENT_FAMILIES.find(item => item.type === family)?.name \|\| '—';\n}\n\nfunction Component({\n component,\n viewColumnsPerRow,\n editColumnsPerRow,\n isDraft,\n onCancel,\n onDelete,\n onSave,\n onChangeEditing,\n isMobile,\n isDragComponent,\n}) {\n const [actionAnchorEl, setActionAnchorEl] = useState(null);\n const [tempComponent, setTempComponent] = useState(component);\n const [isOpenSaveConfirm, setIsOpenSaveConfirm] = useState(false);\n const [isOpenDeleteDialog, setIsOpenDeleteDialog] = useState(false);\n const [isOpenEditorDialog, setIsOpenEditorDialog] = useState(false);\n const [error, setError] = useState(null);\n\n const classes = useStyles({ isMobile, isEditing: tempComponent.is_editing, isDragComponent });\n\n useEffect(() => {\n if (onChangeEditing) onChangeEditing(tempComponent.is_editing);\n }, [tempComponent.is_editing]);\n\n const handleExpandCollapse = () => {\n setTempComponent(prev => {\n return prev.is_expanded ? { ...prev, is_expanded: false } : { ...prev, is_expanded: true };\n });\n };\n\n const handleOpenActionMenu = e => {\n setActionAnchorEl(e.currentTarget);\n };\n\n const handleCloseActionMenu = () => {\n setActionAnchorEl(null);\n };\n\n const handleEdit = () => {\n setActionAnchorEl(null);\n setTempComponent(prev => ({ ...prev, is_editing: true }));\n };\n\n const handleConfirmDelete = () => {\n setActionAnchorEl(null);\n setIsOpenDeleteDialog(true);\n };\n\n const handleDelete = () => {\n onDelete(component);\n };\n\n const handleCancel = () => {\n setError(null);\n if (isDraft) {\n onCancel();\n return;\n }\n\n setTempComponent(component);\n };\n\n const handleChange = (key, value) => {\n const newComponent = calculateComponent(tempComponent, key, value);\n const result = validateComponent(newComponent);\n setTempComponent(newComponent);\n if (!result.isValid) {\n setError(result.errors);\n } else {\n setError(null);\n }\n };\n\n const handleUseSuggestion = suggestion => {\n setTempComponent(prev => {\n return {\n ...prev,\n ...suggestion,\n };\n });\n };\n\n const handleConfirmSave = () => {\n const result = validateComponent(tempComponent);\n if (!result.isValid) {\n setError(result.errors);\n return;\n }\n\n setError(null);\n setIsOpenSaveConfirm(true);\n };\n\n const handleSave = () => {\n setIsOpenSaveConfirm(false);\n setIsOpenEditorDialog(false);\n\n const { is_editing, ...saving } = tempComponent;\n\n setTempComponent(saving);\n\n onSave(omit(saving, ['is_expanded']), isDraft);\n };\n\n const contentCellName = classNames(classes.cell, classes.ratioWidth, {\n [classes.focusedFontsize]: tempComponent.is_editing \|\| tempComponent.is_expanded,\n });\n\n if (tempComponent.is_editing && !isOpenEditorDialog) {\n const { family } = tempComponent;\n\n const componentProps = {\n component: tempComponent,\n isDraft,\n error,\n onChange: handleChange,\n onCancel: handleCancel,\n onSave: isMobile ? handleSave : handleConfirmSave,\n onUseSuggestion: handleUseSuggestion,\n columns: editColumnsPerRow,\n };\n\n if (isMobile) {\n setIsOpenEditorDialog(true);\n } else {\n return (\n <div className={classes.component}>\n {(family === 'dp' \|\| family === 'hwdp') && <DrillPipeEditor {...componentProps} />}\n {family !== 'dp' && family !== 'hwdp' && <ComponentEditor {...componentProps} />}\n\n {isOpenSaveConfirm && (\n <ConfirmationPopup\n title=\"Save Changes?\"\n text=\"You will not be able to recover it.\"\n okText=\"Save\"\n handleClose={() => setIsOpenSaveConfirm(false)}\n handleOk={handleSave}\n />\n )}\n </div>\n );\n }\n }\n\n return (\n <div\n className={classNames(classes.component, {\n [classes.componentMobile]: isMobile,\n [classes.componentExpandedMobile]: isMobile && tempComponent.is_expanded,\n [classes.componentActive]: Boolean(actionAnchorEl),\n })}\n >\n <div\n className={classNames(classes.row, {\n [classes.rowExpanded]: isMobile && tempComponent.is_expanded,\n })}\n >\n <div className={classNames(classes.cell, { [classes.componentMobileCell]: isMobile })}>\n <ComponentIcon component={tempComponent} />\n </div>\n <div className={contentCellName}>{getComponentName(tempComponent.family)}</div>\n {!isMobile && (\n <>\n <div className={contentCellName}>\n <FormatedNumber\n value={\n tempComponent.family === 'bit' ? tempComponent.size : tempComponent.outer_diameter\n }\n />\n </div>\n <div className={contentCellName}>\n <FormatedNumber value={tempComponent.inner_diameter} />\n </div>\n <div className={contentCellName}>\n <FormatedNumber value={tempComponent.linear_weight} />\n </div>\n <div className={contentCellName}>\n <FormatedNumber value={tempComponent.length} format=\"0.0\" />\n </div>\n </>\n )}\n <div className={classNames(classes.cell, classes.actionCell)}>\n <ExpandCollapseButton\n isExpanded={tempComponent.is_expanded}\n classes={classes}\n handleExpandCollapse={handleExpandCollapse}\n />\n <MoreButton classes={classes} handleOpenActionMenu={handleOpenActionMenu} />\n </div>\n </div>\n\n {tempComponent.is_expanded && (\n <>\n {isMobile && (\n <Grid container spacing={2} style={{ padding: '8px 4px 16px' }}>\n <StaticField\n label={tempComponent.family === 'bit' ? 'Bit Size' : 'OD'}\n unit=\"shortLength\"\n value={\n tempComponent.family === 'bit' ? tempComponent.size : tempComponent.outer_diameter\n }\n />\n {tempComponent.family !== 'bit' && (\n <StaticField label=\"ID\" unit=\"shortLength\" value={component.inner_diameter} />\n )}\n {tempComponent.family !== 'bit' && (\n <StaticField\n label=\"Linear Weight\"\n unit=\"massPerLength\"\n value={component.linear_weight}\n format=\"0.0\"\n />\n )}\n <StaticField label=\"Length\" unit=\"length\" value={component.length} format=\"0.0\" />\n </Grid>\n )}\n\n {(tempComponent.family === 'dp' \|\| tempComponent.family === 'hwdp') && (\n <DrillPipeBrowser component={tempComponent} columns={viewColumnsPerRow} />\n )}\n {tempComponent.family !== 'dp' && tempComponent.family !== 'hwdp' && (\n <ComponentBrowser component={tempComponent} columns={viewColumnsPerRow} />\n )}\n </>\n )}\n\n <Menu\n anchorEl={actionAnchorEl}\n keepMounted\n open={Boolean(actionAnchorEl)}\n getContentAnchorEl={null}\n anchorOrigin={{ vertical: 'bottom', horizontal: 'right' }}\n transformOrigin={{ vertical: 'top', horizontal: 'right' }}\n onClose={handleCloseActionMenu}\n >\n <MenuItem onClick={handleEdit} className={classes.menuItem}>\n Edit\n </MenuItem>\n {tempComponent.family !== 'bit' && (\n <MenuItem onClick={handleConfirmDelete} className={classes.menuItem}>\n Delete\n </MenuItem>\n )}\n </Menu>\n\n {isOpenDeleteDialog && (\n <ConfirmationPopup\n title=\"Delete Component?\"\n text=\"You will not be able to recover it.\"\n okText=\"Delete\"\n handleClose={() => setIsOpenDeleteDialog(false)}\n handleOk={handleDelete}\n />\n )}\n\n {isOpenEditorDialog && (\n <EditComponentDialog\n component={tempComponent}\n isDraft={isDraft}\n error={error}\n onChange={handleChange}\n onCancel={handleCancel}\n onSave={handleConfirmSave}\n onUseSuggestion={handleUseSuggestion}\n onClose={() => {\n handleCancel();\n setIsOpenEditorDialog(false);\n }}\n />\n )}\n\n {isMobile && isOpenSaveConfirm && (\n <ConfirmationPopup\n title=\"Save Changes?\"\n text=\"You will not be able to recover it.\"\n okText=\"Save\"\n handleClose={() => setIsOpenSaveConfirm(false)}\n handleOk={handleSave}\n />\n )}\n </div>\n );\n}\n\nComponent.propTypes = {\n component: PropTypes.shape({\n family: PropTypes.string,\n size: PropTypes.number,\n outer_diameter: PropTypes.number,\n inner_diameter: PropTypes.number,\n linear_weight: PropTypes.number,\n length: PropTypes.number,\n }).isRequired,\n isMobile: PropTypes.bool.isRequired,\n isDraft: PropTypes.bool,\n onCancel: PropTypes.func,\n onDelete: PropTypes.func,\n onSave: PropTypes.func.isRequired,\n onChangeEditing: PropTypes.func,\n viewColumnsPerRow: PropTypes.number.isRequired,\n editColumnsPerRow: PropTypes.number.isRequired,\n isDragComponent: PropTypes.bool.isRequired,\n};\n\nComponent.defaultProps = {\n isDraft: false,\n onCancel: null,\n onDelete: null,\n onChangeEditing: undefined,\n};\n\nexport default memo(Component);\n"],"names":["getComponentName","family","_COMPONENT_FAMILIES$f","COMPONENT_FAMILIES","find","item","type","name","Component","_ref","_classNames2","component","viewColumnsPerRow","editColumnsPerRow","isDraft","onCancel","onDelete","onSave","onChangeEditing","isMobile","isDragComponent","useState","_useState2","_slicedToArray","_useState","actionAnchorEl","setActionAnchorEl","_useState4","_useState3","tempComponent","setTempComponent","_useState6","_useState5","isOpenSaveConfirm","setIsOpenSaveConfirm","_useState8","_useState7","isOpenDeleteDialog","setIsOpenDeleteDialog","_useState10","_useState9","isOpenEditorDialog","setIsOpenEditorDialog","_useState12","_useState11","error","setError","classes","useStyles","isEditing","is_editing","useEffect","handleCancel","handleChange","key","value","newComponent","calculateComponent","result","validateComponent","isValid","errors","handleUseSuggestion","suggestion","prev","handleConfirmSave","handleSave","saving","_excluded","omit","contentCellName","classNames","cell","ratioWidth","focusedFontsize","is_expanded","componentProps","onChange","onUseSuggestion","columns","_jsxs","className","children","_jsx","jsx","DrillPipeEditor","ComponentEditor","ConfirmationPopup","title","text","okText","handleClose","handleOk","componentMobile","componentExpandedMobile","componentActive","Boolean","jsxs","row","rowExpanded","componentMobileCell","ComponentIcon","_Fragment","FormatedNumber","size","outer_diameter","inner_diameter","linear_weight","length","format","actionCell","ExpandCollapseButton","isExpanded","handleExpandCollapse","_objectSpread","MoreButton","handleOpenActionMenu","e","currentTarget","Grid","container","spacing","style","padding","StaticField","label","unit","DrillPipeBrowser","ComponentBrowser","Menu","anchorEl","keepMounted","open","getContentAnchorEl","anchorOrigin","vertical","horizontal","transformOrigin","onClose","MenuItem","onClick","menuItem","EditComponentDialog","propTypes","PropTypes","shape","string","number","isRequired","bool","func","defaultProps","undefined","memo"],"mappings":"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"}
1	+ {"version":3,"file":"Component.js","sources":["../../../../../../src/components/Casing/CasingTableV2/components/Component.js"],"sourcesContent":["import { memo, useEffect, useState } from 'react';\nimport classNames from 'classnames';\nimport { omit } from 'lodash';\nimport PropTypes from 'prop-types';\nimport { Grid, Menu, MenuItem } from '@material-ui/core';\n\nimport { Browser as DrillPipeBrowser, Editor as DrillPipeEditor } from './DrillPipe';\nimport { Browser as ComponentBrowser, Editor as ComponentEditor } from './CasingJoints';\nimport EditComponentDialog from './EditComponentDialog';\n\nimport { validateComponent } from '~/utils/casing/validation';\nimport { COMPONENT_FAMILIES } from '~/constants/casing';\nimport { CasingComponentIcon as ComponentIcon } from '~/components';\nimport {\n FormatedNumber,\n ExpandCollapseButton,\n MoreButton,\n StaticField,\n ConfirmationPopup,\n} from '~/components/Drillstring/BHAComponentsTable/components/shared';\nimport { calculateComponent } from '~/components/Drillstring/BHAComponentsTable/components/utils/calculation';\nimport { useStyles } from '~/components/Drillstring/BHAComponentsTable/components/sharedStyles';\n\nfunction getComponentName(family) {\n return COMPONENT_FAMILIES.find(item => item.type === family)?.name \|\| '—';\n}\n\nfunction Component({\n component,\n viewColumnsPerRow,\n editColumnsPerRow,\n isDraft,\n onCancel,\n onDelete,\n onSave,\n onChangeEditing,\n isMobile,\n isDragComponent,\n}) {\n const [actionAnchorEl, setActionAnchorEl] = useState(null);\n const [tempComponent, setTempComponent] = useState(component);\n const [isOpenSaveConfirm, setIsOpenSaveConfirm] = useState(false);\n const [isOpenDeleteDialog, setIsOpenDeleteDialog] = useState(false);\n const [isOpenEditorDialog, setIsOpenEditorDialog] = useState(false);\n const [error, setError] = useState(null);\n\n const classes = useStyles({ isMobile, isEditing: tempComponent.is_editing, isDragComponent });\n\n useEffect(() => {\n if (onChangeEditing) onChangeEditing(tempComponent.is_editing);\n }, [tempComponent.is_editing]);\n\n const handleExpandCollapse = () => {\n setTempComponent(prev => {\n return prev.is_expanded ? { ...prev, is_expanded: false } : { ...prev, is_expanded: true };\n });\n };\n\n const handleOpenActionMenu = e => {\n setActionAnchorEl(e.currentTarget);\n };\n\n const handleCloseActionMenu = () => {\n setActionAnchorEl(null);\n };\n\n const handleEdit = () => {\n setActionAnchorEl(null);\n setTempComponent(prev => ({ ...prev, is_editing: true }));\n };\n\n const handleConfirmDelete = () => {\n setActionAnchorEl(null);\n setIsOpenDeleteDialog(true);\n };\n\n const handleDelete = () => {\n onDelete(component);\n };\n\n const handleCancel = () => {\n setError(null);\n if (isDraft) {\n onCancel();\n return;\n }\n\n setTempComponent(component);\n };\n\n const handleChange = (key, value) => {\n const newComponent = calculateComponent(tempComponent, key, value);\n const result = validateComponent(newComponent);\n setTempComponent(newComponent);\n if (!result.isValid) {\n setError(result.errors);\n } else {\n setError(null);\n }\n };\n\n const handleUseSuggestion = suggestion => {\n setTempComponent(prev => {\n return {\n ...prev,\n ...suggestion,\n };\n });\n };\n\n const handleConfirmSave = () => {\n const result = validateComponent(tempComponent);\n if (!result.isValid) {\n setError(result.errors);\n return;\n }\n\n setError(null);\n setIsOpenSaveConfirm(true);\n };\n\n const handleSave = () => {\n setIsOpenSaveConfirm(false);\n setIsOpenEditorDialog(false);\n\n const { is_editing, ...saving } = tempComponent;\n\n setTempComponent(saving);\n\n onSave(omit(saving, ['is_expanded']), isDraft);\n };\n\n const contentCellName = classNames(classes.cell, classes.ratioWidth, {\n [classes.focusedFontsize]: tempComponent.is_editing \|\| tempComponent.is_expanded,\n });\n\n if (tempComponent.is_editing && !isOpenEditorDialog) {\n const { family } = tempComponent;\n\n const componentProps = {\n component: tempComponent,\n isDraft,\n error,\n onChange: handleChange,\n onCancel: handleCancel,\n onSave: isMobile ? handleSave : handleConfirmSave,\n onUseSuggestion: handleUseSuggestion,\n columns: editColumnsPerRow,\n };\n\n if (isMobile) {\n setIsOpenEditorDialog(true);\n } else {\n return (\n <div className={classes.component}>\n {(family === 'dp' \|\| family === 'hwdp') && <DrillPipeEditor {...componentProps} />}\n {family !== 'dp' && family !== 'hwdp' && <ComponentEditor {...componentProps} />}\n\n {isOpenSaveConfirm && (\n <ConfirmationPopup\n title=\"Save Changes?\"\n text=\"You will not be able to recover it.\"\n okText=\"Save\"\n handleClose={() => setIsOpenSaveConfirm(false)}\n handleOk={handleSave}\n />\n )}\n </div>\n );\n }\n }\n\n return (\n <div\n className={classNames(classes.component, {\n [classes.componentMobile]: isMobile,\n [classes.componentExpandedMobile]: isMobile && tempComponent.is_expanded,\n [classes.componentActive]: Boolean(actionAnchorEl),\n })}\n >\n <div\n className={classNames(classes.row, {\n [classes.rowExpanded]: isMobile && tempComponent.is_expanded,\n })}\n >\n <div className={classNames(classes.cell, { [classes.componentMobileCell]: isMobile })}>\n <ComponentIcon component={tempComponent} />\n </div>\n <div className={contentCellName}>{getComponentName(tempComponent.family)}</div>\n {!isMobile && (\n <>\n <div className={contentCellName}>\n <FormatedNumber\n value={\n tempComponent.family === 'bit' ? tempComponent.size : tempComponent.outer_diameter\n }\n />\n </div>\n <div className={contentCellName}>\n <FormatedNumber value={tempComponent.inner_diameter} />\n </div>\n <div className={contentCellName}>\n <FormatedNumber value={tempComponent.linear_weight} />\n </div>\n <div className={contentCellName}>\n <FormatedNumber value={tempComponent.length} format=\"0.0\" />\n </div>\n </>\n )}\n <div className={classNames(classes.cell, classes.actionCell)}>\n <ExpandCollapseButton\n isExpanded={tempComponent.is_expanded}\n classes={classes}\n handleExpandCollapse={handleExpandCollapse}\n />\n <MoreButton classes={classes} handleOpenActionMenu={handleOpenActionMenu} />\n </div>\n </div>\n\n {tempComponent.is_expanded && (\n <>\n {isMobile && (\n <Grid container spacing={2} style={{ padding: '8px 4px 16px' }}>\n <StaticField\n label={tempComponent.family === 'bit' ? 'Bit Size' : 'OD'}\n unit=\"shortLength\"\n value={\n tempComponent.family === 'bit' ? tempComponent.size : tempComponent.outer_diameter\n }\n />\n {tempComponent.family !== 'bit' && (\n <StaticField label=\"ID\" unit=\"shortLength\" value={component.inner_diameter} />\n )}\n {tempComponent.family !== 'bit' && (\n <StaticField\n label=\"Linear Weight\"\n unit=\"massPerLength\"\n value={component.linear_weight}\n format=\"0.0\"\n />\n )}\n <StaticField label=\"Length\" unit=\"length\" value={component.length} format=\"0.0\" />\n </Grid>\n )}\n\n {(tempComponent.family === 'dp' \|\| tempComponent.family === 'hwdp') && (\n <DrillPipeBrowser component={tempComponent} columns={viewColumnsPerRow} />\n )}\n {tempComponent.family !== 'dp' && tempComponent.family !== 'hwdp' && (\n <ComponentBrowser component={tempComponent} columns={viewColumnsPerRow} />\n )}\n </>\n )}\n\n <Menu\n anchorEl={actionAnchorEl}\n keepMounted\n open={Boolean(actionAnchorEl)}\n getContentAnchorEl={null}\n anchorOrigin={{ vertical: 'bottom', horizontal: 'right' }}\n transformOrigin={{ vertical: 'top', horizontal: 'right' }}\n onClose={handleCloseActionMenu}\n >\n <MenuItem onClick={handleEdit} className={classes.menuItem}>\n Edit\n </MenuItem>\n {tempComponent.family !== 'bit' && (\n <MenuItem onClick={handleConfirmDelete} className={classes.menuItem}>\n Delete\n </MenuItem>\n )}\n </Menu>\n\n {isOpenDeleteDialog && (\n <ConfirmationPopup\n title=\"Delete Component?\"\n text=\"You will not be able to recover it.\"\n okText=\"Delete\"\n handleClose={() => setIsOpenDeleteDialog(false)}\n handleOk={handleDelete}\n />\n )}\n\n {isOpenEditorDialog && (\n <EditComponentDialog\n component={tempComponent}\n isDraft={isDraft}\n error={error}\n onChange={handleChange}\n onCancel={handleCancel}\n onSave={handleConfirmSave}\n onUseSuggestion={handleUseSuggestion}\n onClose={() => {\n handleCancel();\n setIsOpenEditorDialog(false);\n }}\n />\n )}\n\n {isMobile && isOpenSaveConfirm && (\n <ConfirmationPopup\n title=\"Save Changes?\"\n text=\"You will not be able to recover it.\"\n okText=\"Save\"\n handleClose={() => setIsOpenSaveConfirm(false)}\n handleOk={handleSave}\n />\n )}\n </div>\n );\n}\n\nComponent.propTypes = {\n component: PropTypes.shape({\n family: PropTypes.string,\n size: PropTypes.number,\n outer_diameter: PropTypes.number,\n inner_diameter: PropTypes.number,\n linear_weight: PropTypes.number,\n length: PropTypes.number,\n }).isRequired,\n isMobile: PropTypes.bool.isRequired,\n isDraft: PropTypes.bool,\n onCancel: PropTypes.func,\n onDelete: PropTypes.func,\n onSave: PropTypes.func.isRequired,\n onChangeEditing: PropTypes.func,\n viewColumnsPerRow: PropTypes.number.isRequired,\n editColumnsPerRow: PropTypes.number.isRequired,\n isDragComponent: PropTypes.bool.isRequired,\n};\n\nComponent.defaultProps = {\n isDraft: false,\n onCancel: null,\n onDelete: null,\n onChangeEditing: undefined,\n};\n\nexport default memo(Component);\n"],"names":["getComponentName","family","_COMPONENT_FAMILIES$f","COMPONENT_FAMILIES","find","item","type","name","Component","_ref","_classNames2","component","viewColumnsPerRow","editColumnsPerRow","isDraft","onCancel","onDelete","onSave","onChangeEditing","isMobile","isDragComponent","useState","_useState2","_slicedToArray","_useState","actionAnchorEl","setActionAnchorEl","_useState4","_useState3","tempComponent","setTempComponent","_useState6","_useState5","isOpenSaveConfirm","setIsOpenSaveConfirm","_useState8","_useState7","isOpenDeleteDialog","setIsOpenDeleteDialog","_useState10","_useState9","isOpenEditorDialog","setIsOpenEditorDialog","_useState12","_useState11","error","setError","classes","useStyles","isEditing","is_editing","useEffect","handleCancel","handleChange","key","value","newComponent","calculateComponent","result","validateComponent","isValid","errors","handleUseSuggestion","suggestion","prev","handleConfirmSave","handleSave","saving","_excluded","omit","contentCellName","classNames","cell","ratioWidth","focusedFontsize","is_expanded","componentProps","onChange","onUseSuggestion","columns","_jsxs","className","children","_jsx","jsx","DrillPipeEditor","ComponentEditor","ConfirmationPopup","title","text","okText","handleClose","handleOk","componentMobile","componentExpandedMobile","componentActive","Boolean","jsxs","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":"2w4BAuBA,SAASA,EAAiBC,GAAQ,IAAAC,EAChC,OAAO,UAAAC,EAAkBA,mBAACC,MAAK,SAAAC,GAAI,OAAIA,EAAKC,OAASL,CAAM,WAApD,IAAAC,OAAA,EAAAA,EAAuDK,OAAQ,GACxE,CAEA,SAASC,EAWNC,GAAA,IAAAC,EAVDC,IAAAA,UACAC,IAAAA,kBACAC,IAAAA,kBACAC,IAAAA,QACAC,IAAAA,SACAC,IAAAA,SACAC,IAAAA,OACAC,IAAAA,gBACAC,IAAAA,SACAC,IAAAA,gBAE4CC,EAAAA,EAAQA,SAAC,MAAKC,EAAAC,EAAAA,QAAAC,EAAA,GAAnDC,EAAcH,EAAA,GAAEI,EAAiBJ,EAAA,GACED,EAAAA,EAAQA,SAACV,GAAUgB,EAAAJ,EAAAA,QAAAK,EAAA,GAAtDC,EAAaF,EAAA,GAAEG,EAAgBH,EAAA,GACYN,EAAAA,EAAQA,UAAC,GAAMU,EAAAR,EAAAA,QAAAS,EAAA,GAA1DC,EAAiBF,EAAA,GAAEG,EAAoBH,EAAA,GACMV,EAAAA,EAAQA,UAAC,GAAMc,EAAAZ,EAAAA,QAAAa,EAAA,GAA5DC,EAAkBF,EAAA,GAAEG,EAAqBH,EAAA,GACId,EAAAA,EAAQA,UAAC,GAAMkB,GAAAhB,EAAAA,QAAAiB,EAAA,GAA5DC,GAAkBF,GAAA,GAAEG,GAAqBH,GAAA,GACtBlB,GAAAA,EAAQA,SAAC,MAAKsB,GAAApB,EAAAA,QAAAqB,GAAA,GAAjCC,GAAKF,GAAA,GAAEG,GAAQH,GAAA,GAEhBI,GAAUC,EAAAA,UAAU,CAAE7B,SAAAA,EAAU8B,UAAWpB,EAAcqB,WAAY9B,gBAAAA,IAE3E+B,EAAAA,WAAU,WACJjC,GAAiBA,EAAgBW,EAAcqB,WACrD,GAAG,CAACrB,EAAcqB,aAElB,IA4BME,GAAe,WACnBN,GAAS,MACLhC,EACFC,IAIFe,EAAiBnB,IAGb0C,GAAe,SAACC,EAAKC,GACzB,IAAMC,EAAeC,EAAkBA,mBAAC5B,EAAeyB,EAAKC,GACtDG,EAASC,oBAAkBH,GACjC1B,EAAiB0B,GACZE,EAAOE,QAGVd,GAAS,MAFTA,GAASY,EAAOG,SAMdC,GAAsB,SAAAC,GAC1BjC,GAAiB,SAAAkC,GACf,OACKA,EAAAA,EAAAA,CAAAA,EAAAA,GACAD,EAEP,KAGIE,GAAoB,WACxB,IAAMP,EAASC,oBAAkB9B,GAC5B6B,EAAOE,SAKZd,GAAS,MACTZ,GAAqB,IALnBY,GAASY,EAAOG,SAQdK,GAAa,WACjBhC,GAAqB,GACrBQ,IAAsB,GAEYb,EAA1BqB,WAAeiB,IAAAA,YAAWtC,EAAauC,GAE/CtC,EAAiBqC,GAEjBlD,EAAOoD,EAAIA,KAACF,EAAQ,CAAC,gBAAiBrD,IAGlCwD,GAAkBC,EAAAA,QAAWxB,GAAQyB,KAAMzB,GAAQ0B,wBACtD1B,GAAQ2B,gBAAkB7C,EAAcqB,YAAcrB,EAAc8C,cAGvE,GAAI9C,EAAcqB,aAAeT,GAAoB,CACnD,IAAQxC,GAAW4B,EAAX5B,OAEF2E,GAAiB,CACrBjE,UAAWkB,EACXf,QAAAA,EACA+B,MAAAA,GACAgC,SAAUxB,GACVtC,SAAUqC,GACVnC,OAAQE,EAAW+C,GAAaD,GAChCa,gBAAiBhB,GACjBiB,QAASlE,GAGX,IAAIM,EAGF,OACE6D,EAAAA,KAAA,MAAA,CAAKC,UAAWlC,GAAQpC,UAAUuE,SAAA,EACnB,OAAXjF,IAA8B,SAAXA,KAAsBkF,EAACC,IAAAC,EAAoBT,EAAAA,CAAAA,EAAAA,KACpD,OAAX3E,IAA8B,SAAXA,IAAqBkF,EAAAA,IAACG,EAAoBV,EAAAA,CAAAA,EAAAA,KAE7D3C,GACCkD,EAAAA,IAACI,EAAAA,kBAAiB,CAChBC,MAAM,gBACNC,KAAK,sCACLC,OAAO,OACPC,YAAa,WAAA,OAAMzD,GAAqB,EAAO,EAC/C0D,SAAU1B,QAblBxB,IAAsB,EAmB1B,CAEA,OACEsC,EAAAA,KAAA,MAAA,CACEC,UAAWV,EAAAA,QAAWxB,GAAQpC,WAC3BoC,EAAAA,CAAAA,EAAAA,UAAAA,EAAAA,GAAQ8C,gBAAkB1E,eAC1B4B,GAAQ+C,wBAA0B3E,GAAYU,EAAc8C,aAC5D5B,EAAAA,QAAAA,EAAAA,GAAQgD,gBAAkBC,QAAQvE,IAClCf,IAAAwE,SAEH,CAAAF,EAAAiB,KAAA,MAAA,CACEhB,UAAWV,EAAU,QAACxB,GAAQmD,IAC3BnD,EAAAA,QAAAA,CAAAA,EAAAA,GAAQoD,YAAchF,GAAYU,EAAc8C,cAChDO,SAEH,CAAAC,EAAAC,IAAA,MAAA,CAAKH,UAAWV,EAAAA,QAAWxB,GAAQyB,KAASzB,EAAAA,QAAAA,CAAAA,EAAAA,GAAQqD,oBAAsBjF,IAAY+D,SACpFC,MAACkB,EAAa,CAAC1F,UAAWkB,MAE5BsD,EAAAC,IAAA,MAAA,CAAKH,UAAWX,GAAgBY,SAAElF,EAAiB6B,EAAc5B,WAC/DkB,GACA6D,EAAAiB,KAAAK,WAAA,CAAApB,SACE,CAAAC,EAAAC,IAAA,MAAA,CAAKH,UAAWX,GAAgBY,SAC9BC,MAACoB,iBAAc,CACbhD,MAC2B,QAAzB1B,EAAc5B,OAAmB4B,EAAc2E,KAAO3E,EAAc4E,mBAI1EtB,EAAAC,IAAA,MAAA,CAAKH,UAAWX,GAAgBY,SAC9BC,MAACoB,iBAAc,CAAChD,MAAO1B,EAAc6E,mBAEvCvB,EAAAC,IAAA,MAAA,CAAKH,UAAWX,GAAgBY,SAC9BC,MAACoB,iBAAc,CAAChD,MAAO1B,EAAc8E,kBAEvCxB,EAAAC,IAAA,MAAA,CAAKH,UAAWX,GAAgBY,SAC9BC,MAACoB,iBAAc,CAAChD,MAAO1B,EAAc+E,OAAQC,OAAO,aAI1D7B,EAAAiB,KAAA,MAAA,CAAKhB,UAAWV,EAAAA,QAAWxB,GAAQyB,KAAMzB,GAAQ+D,YAAY5B,SAAA,CAC3DC,MAAC4B,uBAAoB,CACnBC,WAAYnF,EAAc8C,YAC1B5B,QAASA,GACTkE,qBAjKmB,WAC3BnF,GAAiB,SAAAkC,GACf,OAAOA,EAAKW,YAAWuC,EAAAA,EAAA,GAAQlD,GAAI,GAAA,CAAEW,aAAa,IAAKuC,EAAAA,EAAA,CAAA,EAAUlD,GAAI,CAAA,EAAA,CAAEW,aAAa,GACtF,OAgKMQ,MAACgC,aAAU,CAACpE,QAASA,GAASqE,qBA7JT,SAAAC,GAC3B3F,EAAkB2F,EAAEC,wBAgKjBzF,EAAc8C,aACbK,EAAAA,KAAAsB,EAAAA,SAAA,CAAApB,SACG/D,CAAAA,GACC6D,EAAAiB,KAACsB,OAAI,CAACC,WAAS,EAACC,QAAS,EAAGC,MAAO,CAAEC,QAAS,gBAAiBzC,SAAA,CAC7DC,MAACyC,cAAW,CACVC,MAAgC,QAAzBhG,EAAc5B,OAAmB,WAAa,KACrD6H,KAAK,cACLvE,MAC2B,QAAzB1B,EAAc5B,OAAmB4B,EAAc2E,KAAO3E,EAAc4E,iBAG9C,QAAzB5E,EAAc5B,QACbkF,EAAAA,IAACyC,EAAAA,YAAW,CAACC,MAAM,KAAKC,KAAK,cAAcvE,MAAO5C,EAAU+F,iBAEpC,QAAzB7E,EAAc5B,QACbkF,EAAAA,IAACyC,EAAAA,YAAW,CACVC,MAAM,gBACNC,KAAK,gBACLvE,MAAO5C,EAAUgG,cACjBE,OAAO,QAGX1B,MAACyC,cAAW,CAACC,MAAM,SAASC,KAAK,SAASvE,MAAO5C,EAAUiG,OAAQC,OAAO,YAInD,OAAzBhF,EAAc5B,QAA4C,SAAzB4B,EAAc5B,SAC/CkF,MAAC4C,EAAgB,CAACpH,UAAWkB,EAAekD,QAASnE,IAE7B,OAAzBiB,EAAc5B,QAA4C,SAAzB4B,EAAc5B,QAC9CkF,MAAC6C,EAAgB,CAACrH,UAAWkB,EAAekD,QAASnE,OAK3DoE,OAACiD,OAAI,CACHC,SAAUzG,EACV0G,aAAW,EACXC,KAAMpC,QAAQvE,GACd4G,mBAAoB,KACpBC,aAAc,CAAEC,SAAU,SAAUC,WAAY,SAChDC,gBAAiB,CAAEF,SAAU,MAAOC,WAAY,SAChDE,QAvMwB,WAC5BhH,EAAkB,OAsMiBwD,SAAA,CAE/BC,MAACwD,WAAQ,CAACC,QArMG,WACjBlH,EAAkB,MAClBI,GAAiB,SAAAkC,GAAI,OAAAkD,EAAAA,EAAA,CAAA,EAAUlD,GAAI,CAAA,EAAA,CAAEd,YAAY,GAAI,KAmMlB+B,UAAWlC,GAAQ8F,SAAS3D,SAAA,SAGjC,QAAzBrD,EAAc5B,QACbkF,EAAAA,IAACwD,EAAAA,SAAQ,CAACC,QApMU,WAC1BlH,EAAkB,MAClBY,GAAsB,IAkMwB2C,UAAWlC,GAAQ8F,SAAS3D,SAAA,cAMvE7C,GACC8C,EAAAC,IAACG,oBAAiB,CAChBC,MAAM,oBACNC,KAAK,sCACLC,OAAO,SACPC,YAAa,WAAA,OAAMrD,GAAsB,EAAO,EAChDsD,SA3Ma,WACnB5E,EAASL,MA8MN8B,IACC0C,EAAAC,IAAC0D,EAAmB,CAClBnI,UAAWkB,EACXf,QAASA,EACT+B,MAAOA,GACPgC,SAAUxB,GACVtC,SAAUqC,GACVnC,OAAQgD,GACRa,gBAAiBhB,GACjB4E,QAAS,WACPtF,KACAV,IAAsB,EACxB,IAIHvB,GAAYc,GACXkD,EAAAA,IAACI,EAAAA,kBAAiB,CAChBC,MAAM,gBACNC,KAAK,sCACLC,OAAO,OACPC,YAAa,WAAA,OAAMzD,GAAqB,EAAO,EAC/C0D,SAAU1B,OAKpB,CAEA1D,EAAUuI,UAAY,CACpBpI,UAAWqI,EAAS,QAACC,MAAM,CACzBhJ,OAAQ+I,EAAS,QAACE,OAClB1C,KAAMwC,EAAS,QAACG,OAChB1C,eAAgBuC,EAAS,QAACG,OAC1BzC,eAAgBsC,EAAS,QAACG,OAC1BxC,cAAeqC,EAAS,QAACG,OACzBvC,OAAQoC,EAAS,QAACG,SACjBC,WACHjI,SAAU6H,EAAAA,QAAUK,KAAKD,WACzBtI,QAASkI,EAAS,QAACK,KACnBtI,SAAUiI,EAAS,QAACM,KACpBtI,SAAUgI,EAAS,QAACM,KACpBrI,OAAQ+H,EAAAA,QAAUM,KAAKF,WACvBlI,gBAAiB8H,EAAS,QAACM,KAC3B1I,kBAAmBoI,EAAAA,QAAUG,OAAOC,WACpCvI,kBAAmBmI,EAAAA,QAAUG,OAAOC,WACpChI,gBAAiB4H,EAAAA,QAAUK,KAAKD,YAGlC5I,EAAU+I,aAAe,CACvBzI,SAAS,EACTC,SAAU,KACVC,SAAU,KACVE,qBAAiBsI,GAGnB,IAAeC,EAAAA,EAAAA,KAAKjJ"}

package/cjs-bundle/components/Casing/CasingTableV2/components/DrillPipe/Editor.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";var e=require("react"),r=require("lodash"),s=require("prop-types"),t=require("@material-ui/core"),n=require("../constants.js"),o=require("../../../../../utils/mobileDetect.js"),i=require("react/jsx-runtime");require("../../../../DevCenter/DevCenterAppContainer/components/IsInsideIsolatedDcAppProvider/IsInsideIsolatedDcAppProvider.js"),require("../../../../DevCenter/DevCenterAppContainer/components/DcFullscreenElemsCoordinatorProvider/DcFullscreenElemsCoordinatorProvider.js"),require("../../../../DevCenter/DevCenterAppContainer/components/DcFullscreenElemsCoordinatorProvider/IsInsideDcFullscreenElemProvider.js"),require("classnames"),require("@icon-park/react/es/all"),require("../../../../../icons/IconParkProvider.js"),require("../../../../../icons/customIcons/icons/AddMessage.js"),require("../../../../../icons/customIcons/icons/Attention.js"),require("../../../../../icons/customIcons/icons/Collapse.js"),require("../../../../../icons/customIcons/icons/Dashboard.js"),require("../../../../../icons/customIcons/icons/Expand.js"),require("../../../../../icons/customIcons/icons/FolderClosed.js"),require("../../../../../icons/customIcons/icons/FolderClosedFilled.js"),require("../../../../../icons/customIcons/icons/FolderOpened.js"),require("../../../../../icons/customIcons/icons/GreaterOrEqual.js"),require("../../../../../icons/customIcons/icons/LessOrEqual.js"),require("../../../../../icons/customIcons/icons/Search.js"),require("../../../../../icons/customIcons/icons/SearchOne.js"),require("../../../../../icons/customIcons/icons/Wellhub.js"),require("../../../../../icons/customIcons/icons/MultiRuler.js"),require("../../../../../icons/customIcons/icons/Checkbox.js"),require("../../../../../icons/customIcons/icons/CheckboxChecked.js"),require("../../../../../icons/customIcons/icons/CheckboxIndeterminate.js"),require("../../../../../icons/customIcons/icons/Radio.js"),require("../../../../../icons/customIcons/icons/RadioChecked.js"),require("../../../../../icons/customIcons/icons/SimulFrac.js"),require("../../../../../icons/customIcons/icons/ZipperFrac.js"),require("../../../../../icons/customIcons/icons/CautionFilled.js"),require("../../../../../icons/customIcons/icons/MoreApp.js"),require("../../../../../icons/customIcons/icons/Pad.js"),require("../../../../../icons/customIcons/icons/DrilloutUnit.js"),require("../../../../../icons/customIcons/icons/FracFleet.js"),require("../../../../../icons/customIcons/icons/Global.js"),require("../../../../../icons/customIcons/icons/Program.js"),require("../../../../../icons/customIcons/icons/Rig.js"),require("../../../../../icons/customIcons/icons/Well.js"),require("../../../../../icons/customIcons/icons/Gap.js"),require("../../../../../icons/customIcons/icons/Pin.js"),require("../../../../../icons/customIcons/icons/CloseOneFilled.js"),require("../../../../../icons/customIcons/icons/AttentionFilled.js"),require("../../../../../icons/customIcons/icons/CheckOneFilled.js"),require("../../../../../icons/customIcons/icons/Archive.js"),require("../../../../../icons/customIcons/icons/ArchiveCancel.js"),require("../../../../../icons/customIcons/icons/Unarchive.js"),require("../../../../../icons/customIcons/icons/Archived.js"),require("../../../../../icons/customIcons/icons/InterventionUnit.js"),require("../../../../../icons/customIcons/icons/Lasso.js"),require("../../../../IconButton/index.js"),require("../../../../../constants/goals.js"),require("../../../../../constants/segment.js"),require("../../../../../constants/alerts.js"),require("../../../../../constants/apps.js");var u=require("../../../../../constants/casing.js");require("../../../../../constants/drillstring.js"),require("../../../../../constants/completion.js"),require("../../../../../constants/appPackages.js"),require("../../../../../constants/notifications.js"),require("../../../../../constants/feed.js"),require("../../../../../constants/bha.js"),require("../../../../../constants/corvaCompanyId.js"),require("../../../../GradientManager/configuration/constants.js"),require("../../../../Modal/CorvaModal.css.js"),require("uuid"),require("../../../../IconMenu/index.js"),require("../../../../StyledMenuItem/index.js"),require("../../../../AppIcon/AppIcon.js"),require("../../../../DevCenter/AppHeader/AppHeader.js"),require("../../../../DevCenter/AppSideBar/AppSideBar.js"),require("../../../../DevCenter/AppsDataProvider/AppsDataProvider.js"),require("@babel/runtime/helpers/defineProperty"),require("@babel/runtime/helpers/slicedToArray"),require("@material-ui/icons"),require("../../../../DevCenter/AppContext.js"),require("../../../../DevCenter/DevCenterRouterContext/DevCenterRouterContext.js"),require("../../../../DevCenter/DevCenterRouterContext/UniversalLink/UniversalLink.js"),require("@babel/runtime/helpers/objectWithoutProperties"),require("react-router"),require("@babel/runtime/helpers/asyncToGenerator"),require("@babel/runtime/regenerator"),require("../../../../../utils/index.js"),require("../../../../DevCenter/DevCenterAppContainer/components/AppActions/AppActions.css.js"),require("../../../../DevCenter/DevCenterAppContainer/components/AppSettingsDialog/AppSettingsDialog.js"),require("../../../../DevCenter/DevCenterAppContainer/components/AppSettingsDialog/components/RemoveAppButton.js"),require("../../../../DevCenter/DevCenterAppContainer/components/AppSettingsDialog/components/SettingsAccordion.js"),require("../../../../DevCenter/DevCenterAppContainer/components/AnnotationsButton/AnnotationsButton.js"),require("../../../../../componentsV2/Text/Text.js"),require("../../../../../componentsV2/Grid/Grid.js"),require("../../../../../componentsV2/Grid/Cell.js"),require("../../../../../componentsV2/Header/Header.scss.js"),require("../../../../../componentsV2/Button/Button.js"),require("../../../../../componentsV2/ButtonIcon/ButtonIcon.js"),require("../../../../../componentsV2/Tooltip/Tooltip.scss.js"),require("../../../../../componentsV2/Popover/Popover.js"),require("../../../../../componentsV2/Radio/Radio.js"),require("../../../../../componentsV2/RadioAndCheckboxGroup/RadioAndCheckboxGroup.scss.js"),require("../../../../../componentsV2/Checkbox/Checkbox.js"),require("../../../../../componentsV2/TextInput/TextInput.js"),require("../../../../../componentsV2/Label/Label.js"),require("../../../../../componentsV2/TextEndTruncated/TextEndTruncated.scss.js"),require("../../../../../componentsV2/TextMiddleTruncated/TextMiddleTruncated.constants.js"),require("../../../../../componentsV2/TextMiddleTruncated/TextMiddleTruncated.scss.js"),require("../../../../../componentsV2/TextLink/TextLink.js"),require("../../../../../componentsV2/Chip/Chip.js"),require("../../../../../componentsV2/ChipAlert/ChipAlert.js"),require("../../../../../componentsV2/ChipIndicator/ChipIndicator.js"),require("../../../../../componentsV2/Avatar/Avatar.js"),require("../../../../../componentsV2/AvatarGroup/AvatarGroup.js"),require("@material-ui/lab"),require("../../../../../componentsV2/ToggleButtons/ToggleButtons.scss.js"),require("../../../../../componentsV2/Paper/Paper.js"),require("../../../../../componentsV2/ModalWindow/ModalWindow.scss.js"),require("../../../../../componentsV2/Modal/Modal.scss.js"),require("../../../../../componentsV2/Menu/Menu.js"),require("../../../../../componentsV2/utils.js"),require("../../../../../componentsV2/Hint/Hint.scss.js"),require("../../../../../componentsV2/Counter/Counter.js"),require("../../../../../componentsV2/BadgeBase/BadgeBase.scss.js"),require("../../../../../componentsV2/BadgeDot/BadgeDot.scss.js"),require("../../../../../componentsV2/LoaderLinear/LoaderLinear.scss.js"),require("../../../../../componentsV2/LoaderLogo/LoaderLogo.constants.js"),require("../../../../../componentsV2/LoaderLogo/LoaderLogo.scss.js"),require("../../../../../componentsV2/Switch/Switch.js"),require("../../../../../componentsV2/Tabs/Tabs.js"),require("../../../../../componentsV2/EmptyState/EmptyState.scss.js"),require("../../../../../componentsV2/FileIcon/FileIcon.js"),require("../../../../../componentsV2/Tag/Tag.js"),require("react-dropzone"),require("../../../../../componentsV2/FilesDropzone/FilesDropzone.scss.js"),require("../../../../../componentsV2/FilesLoader/FilesLoader.scss.js"),require("../../../../../componentsV2/FilesProcessor/FilesProcessor.scss.js"),require("../../../../../componentsV2/Skeleton/Skeleton.scss.js"),require("../../../../../utils/main.js"),require("../../../../../componentsV2/CopyToClipboard/CopyToClipboard.scss.js"),require("../../../../../componentsV2/Stepper/Step/Step.scss.js"),require("../../../../../componentsV2/Stepper/Stepper.scss.js"),require("../../../../../componentsV2/ButtonLive/ButtonLive.js"),require("../../../../../componentsV2/ButtonText/ButtonText.js"),require("../../../../../componentsV2/IndicatorLive/IndicatorLive.js"),require("../../../../../componentsV2/Accordion/Accordion.scss.js"),require("../../../../../componentsV2/Breadcrumbs/Breadcrumbs.scss.js"),require("../../../../../componentsV2/BadgeComment/BadgeComment.js"),require("../../../../../componentsV2/AppContainer/AppContainer.js"),require("../../../../../componentsV2/AppContainer/AppContainer.constants.js"),require("../../../../../componentsV2/AppFooter/AppFooter.js"),require("../../../../../componentsV2/AppCommonsProvider/AppCommonsContext.js"),require("../../../../../componentsV2/AppHeader/AppHeader.constants.js"),require("../../../../../componentsV2/AppHeader/AppBadge/AppBadge.scss.js"),require("../../../../../componentsV2/AppHeader/AppAssets/utils.js"),require("../../../../../componentsV2/AppHeader/AppAssets/AppAssets.scss.js"),require("../../../../PadModeSelect/PadModeSelect.js"),require("../../../../../componentsV2/AppHeader/PadMode/PadMode.scss.js"),require("../../../../../constants/streamSourceType.js"),require("../../../../../types/shared/Completions.js"),require("../../../../PadModeSelect/types.js"),require("lodash/flatten"),require("lodash/partition"),require("../../../../../componentsV2/PadModeSelect/FracModeLabel/FracModeLabel.js"),require("../../../../../componentsV2/PadModeSelect/FracModeLabel/FracModeLabel.constants.js"),require("../../../../../clients/jsonApi/index.js"),require("@babel/runtime/helpers/toConsumableArray"),require("lodash/set"),require("lodash/get"),require("lodash/unset"),require("moment"),require("../../../../../clients/subscriptions/constants.js"),require("../../../../../clients/subscriptions.v1.js"),require("../../../../../clients/subscriptions/subscriptions-client.factory.js"),require("../../../../../clients/api/apiCore.js"),require("../../../../../clients/constants.js"),require("../../../../../clients/sso/auth0.js"),require("../../../../../clients/sso/oauth2.js"),require("../../../../../componentsV2/PadModeSelect/WellStreamActivityStatus/WellStreamActivityStatus.scss.js"),require("../../../../../componentsV2/PadModeSelect/PadModeSelect.constants.js"),require("../../../../../componentsV2/PadModeSelect/PadModeSelect.scss.js"),require("querystring"),require("uuid/v1"),require("jsona"),require("../../../../../utils/env.js"),require("../../../../StatusBadge/constants.js"),require("lodash/isEmpty"),require("lodash/sortBy"),require("../../../../DevCenter/DevCenterAppContainer/components/CommentsSwitch/CommentsSwitchContext.js"),require("../../../../../componentsV2/AppHeader/V3/VersionSelect/VersionSelect.js"),require("../../../../../componentsV2/UniversalLink/UniversalLink.scss.js"),require("../../../../../componentsV2/AppHeader/V3/AssetChips/AssetChips.scss.js"),require("../../../../../componentsV2/AppHeader/V3/DqStatusIcon/DqStatusIcon.js"),require("../../../../../componentsV2/AppHeader/V3/DqStatusIcon/DqStatusIcon.constants.js"),require("../../../../../componentsV2/AppFooter/DqPopover/DqStatusIcon/DqStatusIcon.js"),require("../../../../../componentsV2/AppDqPopover/DqAlertTooltip/DqAlertTooltip.scss.js"),require("../../../../../componentsV2/AppDqPopover/DqAlert/DqAlert.scss.js"),require("../../../../../componentsV2/AppDqPopover/DqAsset/DqAsset.scss.js"),require("../../../../../componentsV2/AppDqPopover/AppDqPopover.scss.js"),require("../../../../../utils/getSingleAsset.js"),require("../../../../../componentsV2/AppHeader/V3/AssetSelector/AssetSelectorChip/AssetSelectorChip.js"),require("../../../../../componentsV2/AppHeader/V3/AssetSelector/constants.js"),require("../../../../../componentsV2/AppHeader/V3/AssetSelector/AssetSelectorSelect/AssetSelectorSelect.scss.js"),require("../../../../../componentsV2/AppHeader/V3/AssetSelector/AssetSelectorSelect/loadAssets.js"),require("../../../../../componentsV2/AppHeader/V3/AssetSelector/AssetSelector.scss.js"),require("../../../../../componentsV2/AppHeader/V3/AppTitle/AppTitle.constants.js"),require("../../../../../componentsV2/AppContainer/headerCommon.scss.js"),require("../../../../../componentsV2/AppHeader/V3/AppTitle/AppTitle.scss.js"),require("../../../../../componentsV2/AppHeader/V3/constants.scss.js"),require("@babel/runtime/helpers/typeof"),require("../../../../../componentsV2/AppHeader/V3/SettingsButton/SettingsButton.js"),require("../../../../../componentsV2/AppHeader/V3/SettingsButton/SettingsButton.constants.js"),require("../../../../../componentsV2/AppSettings/AppSettings.js"),require("../../../../../componentsV2/AppSettings/AppSettings.constants.js"),require("../../../../../componentsV2/AppSettings/AppSettingsPinningContext.js"),require("../../../../../componentsV2/AppSizeProvider/AppSizeProvider.js"),require("../../../../../componentsV2/AppHeader/V3/Actions/Actions.constants.js"),require("../../../../../componentsV2/AppHeader/V3/Actions/Actions.scss.js"),require("../../../../../componentsV2/AppHeader/V3/AppHeaderV3.scss.js"),require("../../../../../componentsV2/AppHeader/AppHeader.scss.js"),require("../../../../../componentsV2/OffsetWellsButton/OffsetWellsButton.js"),require("../../../../../componentsV2/Autocomplete/Autocomplete.scss.js"),require("../../../../../componentsV2/Menu/MenuItem/MenuItem.js"),require("../../../../../componentsV2/Autocomplete/AutocompleteListBox.js"),require("../../../../../componentsV2/AppSettingsDivider/AppSettingsDivider.scss.js"),require("../../../../../componentsV2/WellArchivedMessage/WellArchivedMessage.js"),require("../../../../../componentsV2/DatePicker/DatePicker.js"),require("../../../../../componentsV2/DragHandle/DragHandle.js"),require("../../../../DevCenter/DevCenterAppContainer/components/FullscreenButton/FullscreenButton.js"),require("../../../../DevCenter/DevCenterAppContainer/components/AppInfoMessage/AppInfoMessage.js"),require("../../../../DevCenter/DevCenterAppContainer/components/DevCenterAppView/DevCenterAppView.js"),require("../../../../DevCenter/DevCenterAppContainer/components/RestoreAppSizeButton/index.js"),require("rollbar"),require("@rollbar/react"),require("../../../../DevCenter/DevCenterAppContainer/components/CommentsSwitch/CommentsSwitchButton.scss.js"),require("../../../../DevCenter/DevCenterAppContainer/DevCenterAppContainer.css.js"),require("../../../../Icons/AnnotationIcon.js"),require("../../../../Annotations/components/AnnotationsList/index.js"),require("../../../../Annotations/components/LastAnnotation/index.js"),require("../../../../Annotations/AnnotationsContext.js"),require("../../../../Toaster/Toaster.js"),require("../../../../HelpCenter/HelpCenterIcon.js"),require("../../../../DevCenter/NavigationBar/NavigationBar.js"),require("../../../../DevCenter/SideBar/SideBar.js"),require("../../../../DevCenter/AppSettingsPopover/AppSettingsPopover.js"),require("../../../../DevCenter/AppFilterPanelLayout/AppFilterPanelLayout.js"),require("../../../../DevCenter/IsolatedDevCenterAppContainer/DevCenterIsolatedAppPage.js"),require("../../../../DevCenter/IsolatedDevCenterAppContainer/DevCenterIsolatedApp.js"),require("../../../../AssetEditor/index.js"),require("../../../../AssetEditorV2/index.js"),require("../../../../AppVersionsSelect/AppVersionsSelect.js"),require("../../../../LoadingIndicator/LoadingIndicator.js"),require("../../../../Typography.js"),require("../../../../RealTimeValuesSidebar/RealTimeSidebar.js"),require("../../../../CollapsableSidebar.js"),require("../../../../DateTimePicker/index.js"),require("../../../../DatePicker/index.js"),require("../../../../ErrorBoundary/ErrorBoundary.js"),require("../../../../ErrorBoundary/DevCenterAppErrorView/DevCenterAppErrorView.js"),require("../../../../SlateFormattedText/SlateFormattedText.js"),require("../../../../SlateFormattedText/RenderElements.js"),require("slate"),require("../../../../EmptyState/EmptyState.js"),require("../../../../ParameterCharts/ParameterCharts.js"),require("../../../../ParameterCharts/AddEditTrack.js"),require("../../../../ChartActionsList/ChartActionsList.js"),require("../../../../CopyToClipboard/CopyToClipboard.js"),require("../../../../AssetEditor/AssetEditorAutocomplete.js"),require("../../../../AssetEditor/SingleAssetEditor.js"),require("react-color"),require("../../../../SettingEditors/ColorEditor/style.css.js"),require("../../../../SettingEditors/DropdownEditor/index.js"),require("../../../../SwitchControl/index.js"),require("../../../../ColorPicker/ColorPicker.js"),require("../../../../Chart/components/ChartButton.js"),require("../../../../Chart/components/ChartButtons.js"),require("../../../../Chart/components/ChartWrapper.js"),require("../../../../Chart/components/AxisDropdown.js"),require("../../../../Chart/components/ChartSelect.js"),require("../../../../Chart/components/buttons/DragToZoomButton.js"),require("../../../../Chart/components/buttons/ZoomInButton.js"),require("../../../../Chart/components/buttons/ZoomOutButton.js"),require("../../../../Chart/components/buttons/PanButton.js"),require("../../../../Chart/components/buttons/ResetZoomButton.js"),require("../../../../Chart/components/buttons/HideAxesButton.js"),require("../../../../Chart/components/buttons/ChartTypeButton.js"),require("../../../../ColorPicker/PaletteChromePicker/PaletteChromePicker.js"),require("../../../../TruncatedText/index.js"),require("../../../../MiddleTruncatedText/MiddleTruncatedText.js"),require("../../../../RangeSlider/constants.js"),require("../../../../RangeSlider/Input.css.js"),require("../../../../RangeSlider/RangeSlider.css.js"),require("../../../../AdvancedSlider/AdvancedSlider.js"),require("../../../../Breadcrumbs/index.js"),require("../../../../VirtualizedTable/index.js"),require("../../../../EmptyView/EmptyView.js"),require("../../../../EmptyView/EmptyAppView/EmptyAppView.js"),require("../../../../Button/components/Button/index.js"),require("moment-timezone"),require("../../../../Button/components/LiveButton/components/LiveButtonStateIndicator/index.js"),require("../../../../Button/components/LiveButton/styles.js"),require("../../../../ContextMenuItem/index.js"),require("../../../../FolderMenuItem/index.js"),require("../../../../EditableItem/EditableItem/index.js"),require("../../../../EditableItem/EditableItemWithBadge/index.js"),require("../../../../Checkbox/index.js"),require("../../../../FolderMenuItemWithLinks/index.js"),require("../../../../TextField/index.js"),require("../../../../Chip/index.js"),require("../../../../Counter/index.js"),require("../../../../AnchorsList/AnchorsList.js"),require("../../../../Select/index.js"),require("../../../../Select/SelectFilterBy.js"),require("../../../../CustomSelect/index.js"),require("../../../../Tabs/Tabs.js"),require("../../../../Tabs/Tab.js"),require("../../../../ResizableTable/ResizableTable.js"),require("../../../../GradientPicker/GradientPicker.js"),require("../../../../GradientManager/GradientList.js"),require("@material-ui/icons/AddCircle"),require("../../../../GradientManager/GradientPreview/GradientPreview.js"),require("../../../../GradientManager/GradientSelect.styles.js"),require("../../../../GradientManager/GradientManager.styles.js"),require("../../../../Drillstring/BHASchematic.js"),require("../../../../Drillstring/BHATable/index.js"),require("../../../../Drillstring/BHAComponentIcon.js"),require("../../../../Drillstring/BHAComponentDetail/index.js"),require("../../../../Drillstring/BHATileIcon.js"),require("../../../../Drillstring/BHATile/BHATile.js"),require("../../../../Drillstring/BHAList/BHAList.js"),require("../../../../Drillstring/BHAComponentsTable/BHAComponentsTable.js"),require("../../../CasingTable/index.js");var c=require("../../../CasingComponentIcon.js");require("../../../CasingTileIcon.js"),require("../../CasingTableV2.js"),require("../../../CasingTile/CasingTile.js"),require("../../../../DisabledSettingsMessage/DisabledSettingsMessage.js"),require("../../../../WellSummary/WellSummaryItemLabel.js"),require("../../../../WellSummary/WellSummaryItemTitle.js"),require("../../../../WellSummary/WellSummaryItemValue.js"),require("../../../../WellSummary/ActivitySummaryChart.js"),require("../../../../WellSummary/FracWirelineTimeChart.js"),require("../../../../BICOffsetPickerDialog/index.js"),require("../../../../OffsetWellButton/OffsetWellButton.js"),require("../../../../OffsetWellPickerV2/OffsetWellPickerDialog.js"),require("../../../../OffsetWellPickerV3/index.js"),require("../../../../OffsetWellChips/Chip.js"),require("../../../../OffsetWellChips/ChipsContainer.js"),require("../../../../OffsetWellPickerV5/OffsetWellPickerV5WithStore.js"),require("../../../../OffsetWellPickerV4/utils/apiCalls.js"),require("../../../../OffsetWellPickerV4/effects/useAdvancedWells.js"),require("../../../../OffsetWellPickerV4/constants.js"),require("react-virtualized"),require("../../../../OffsetWellPickerV4/effects/useAssetsData.js"),require("../../../../../permissions/PermissionsContext.js"),require("../../../../../permissions/constants/index.js"),require("../../../../../permissions/withPermissionsHOC.js"),require("../../../../../permissions/ProvidePermissions.js"),require("../../../../OffsetWellPickerV4/components/AppHeader/AppHeader.js"),require("../../../../OffsetWellPickerV4/components/Toolbar/Toolbar.js"),require("../../../../OffsetWellPickerV4/components/Filter/Filter.js"),require("../../../../OffsetWellPickerV4/components/Map/WellsMap.js"),require("../../../../OffsetWellPickerV4/components/OffsetWellsTable/OffsetWellsTable.js"),require("../../../../OffsetWellPickerV4/components/OffsetWellsTable/AdvancedSearch/constants.js"),require("../../../../OffsetWellPickerV4/utils/index.js"),require("../../../../OffsetWellPickerV4/OffsetWellPickerV4.module.css.js"),require("@material-ui/core/Snackbar"),require("../../../../Notifications/Toast.js"),require("../../../../Notifications/Notifications.scss.js"),require("../../../../../styles/typography/index.js"),require("../../../../../styles/counter/counter.module.scss.js"),require("../../../../OffsetWellMap/OffsetWellMap.js"),require("../../../../ConfirmationDialog.js"),require("../../../../TextLink/index.js"),require("../../../../Avatar/index.js"),require("../../../../Template/TemplatePopover/index.js"),require("../../../../Template/TemplateSharingDialog/index.js"),require("../../../../MenuItem/index.js"),require("../../../../MiddleTruncate/MiddleTruncate.js"),require("../../../../PinnableFilters/PinnableFilters.js"),require("../../../../HeaderLayout/HeaderLayout.js"),require("../../../../PadOffsetsPicker/PadOffsetsPicker.js"),require("../../../../PadOffsetsPicker/OffsetAssetChip.js"),require("../../../../PadOffsetsPicker/OffsetAssetsListExpander.js"),require("../../../../PadOffsetsPicker/StagesSelector.js"),require("../../../../PadOffsetsPickerV2/PadOffsetsPickerV2.js"),require("../../../../Table/TableToolbar/TableToolbar.js"),require("../../../../Table/TableContainer/TableContainer.js"),require("../../../../Table/TableCell/TableCell.js"),require("../../../../Table/TablePagination/TablePagination.js"),require("../../../../Table/TablePaginationActions/TablePaginationActions.js"),require("../../../../Tooltip/ScrollableTooltip.js"),require("../../../../PriceInput/PriceInput.js"),require("../../../../LabelsCounter/LabelsCounter.js"),require("../../../../Stepper/Stepper.js"),require("../../../../Stepper/Step/Step.js"),require("../../../../Stepper/StepsWrapper.js"),require("../../../../Comment/CommentIcon/index.js"),require("../../../../FilesLoader/FilesLoader.js"),require("../../../../../componentsV2/FileIcon/icons/ArchiveFileIcon.js"),require("../../../../../componentsV2/FileIcon/icons/CSVFileIcon.js"),require("../../../../../componentsV2/FileIcon/icons/DocFileIcon.js"),require("../../../../../componentsV2/FileIcon/icons/EDMFileIcon.js"),require("../../../../../componentsV2/FileIcon/icons/ExcelFileIcon.js"),require("../../../../../componentsV2/FileIcon/icons/ImageFileIcon.js"),require("../../../../../componentsV2/FileIcon/icons/JsonFileIcon.js"),require("../../../../../componentsV2/FileIcon/icons/LasFileIcon.js"),require("../../../../../componentsV2/FileIcon/icons/OtherFileIcon.js"),require("../../../../../componentsV2/FileIcon/icons/PdfFileIcon.js"),require("../../../../../componentsV2/FileIcon/icons/PowerPointFileIcon.js"),require("../../../../../componentsV2/FileIcon/icons/TxtFileIcon.js"),require("../../../../../componentsV2/FileIcon/icons/UnknownFileIcon.js"),require("../../../../../componentsV2/FileIcon/icons/VideoFileIcon.js"),require("../../../../../componentsV2/FileIcon/icons/XmlFileIcon.js"),require("../../../../SearchInput/index.js"),require("../../../../FeedItem/FeedItem.js"),require("../../../../FeedItem/FeedItemEditProvider/FeedItemEditProvider.js"),require("../../../../PostInput/PostInput.js"),require("../../../../KeyboardDateTimePicker.js"),require("../../../../AddComment/Popover.js"),require("../../../../AddComment/Popup.js"),require("../../../../StageDesignVActual/ComparisonBar/ComparisonBar.js"),require("../../../../StageDesignVActual/ElementsComparison/ElementsComparison.js"),require("../../../../StageDesignVActual/ComparisonHeader.js"),require("../../../../StageDesignVActual/ComparisonRow.js"),require("../../../../EmbeddedApp/DevCenterEmbeddedApp.js"),require("../../../../EmbeddedApp/EmbeddedApp.js"),require("../../../../Autocomplete/Autocomplete.js"),require("../../../../DocumentViewer/DocumentViewer.js"),require("../../../../ColorPickerPalette/ColorPickerPalette.js"),require("../../../../Search/Search.js"),require("../../../../Search/components/Listbox.js"),require("../../../../Search/components/Paper.js"),require("../../../../Search/components/RecentSearches.js"),require("../../../../Search/components/Groups.js"),require("../../../../Search/components/SelectAllListItem.js"),require("../../../../StatusBadge/index.js"),require("../../../../Attachment/index.js"),require("../../../../EmojiIconButton.js"),require("../../../../FileUploadIconButton.js"),require("../../../../FilePreview/index.js"),require("../../../../FailedFileUploading.js"),require("../../../../UserMention/index.js"),require("../../../../CommentsInfo/index.js"),require("../../../../CommentInput/index.js"),require("../../../../Comment/index.js"),require("../../../../CommentLoader.js"),require("../../../../AssetNameLabel/AssetStatusBadge.js"),require("../../../../AssetEditorV2/components/PrimaryAssetSelect.js"),require("../../../../AssetEditorV2/components/SecondaryAssetSelect.js"),require("../../../../AssetEditorV2/components/SelectItem.js"),require("../../../../AssetEditorV2/components/MultipleAssetsToggle.js"),require("../../../../AssetEditorV2/components/PrimaryAssetSelectV2.js"),require("../../../../EChartsWrapper/EChartsWrapper.js"),require("../../../../AssetsMultipleSelector/AssetsMultipleSelector.js"),require("@material-ui/icons/Close"),require("@material-ui/icons/GetApp"),require("../../../../GoogleDocsViewer/index.js"),require("../../../../NewDocumentViewer/effects/useFileContent.js"),require("../../../../NewDocumentViewer/styles.js"),require("../../../../FilesLoaderV2/styles.js"),require("../../../../FilesDropzone/styles.js"),require("../../../../FilesProcessor/styles.js"),require("../../../../Hint/styles.js"),require("@babel/runtime/helpers/taggedTemplateLiteral"),require("fparser"),require("../../../../Formula/useFormulaStyles.js"),require("../../../../Formula/RootXIcon.js"),require("../../../../Formula/FormulaTextEditor.js"),require("../../../../Formula/CloseSuggestion.js"),require("../../../../Formula/SuggestionsMenu.js");var a=require("../../../../Drillstring/BHAComponentsTable/components/shared/CancelButton.js");require("../../../../Drillstring/BHAComponentsTable/components/shared/ExpandCollapseButton.js"),require("../../../../Drillstring/BHAComponentsTable/components/shared/FormatedNumber.js");var l=require("../../../../Drillstring/BHAComponentsTable/components/shared/InputText.js");require("../../../../Drillstring/BHAComponentsTable/components/shared/MoreButton.js");var p=require("../../../../Drillstring/BHAComponentsTable/components/shared/SaveButton.js"),q=require("../../../../Drillstring/BHAComponentsTable/components/shared/SelectField.js");require("../../../../Drillstring/BHAComponentsTable/components/shared/StaticField.js");var m=require("../../../../Drillstring/BHAComponentsTable/components/shared/SharedEditorElements.js");require("../../../../Drillstring/BHAComponentsTable/components/shared/ConfirmationPopup.js");var d=require("../../../../Drillstring/BHAComponentsTable/components/Suggestions/Suggestions.js"),j=require("../../../../Drillstring/BHAComponentsTable/components/sharedStyles.js");function C(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var A=C(s);function g(s){var C=s.component,A=s.error,g=s.onChange,S=s.onCancel,V=s.onSave,h=s.onUseSuggestion,I=s.columns,b=j.useStyles({isMobile:o.isMobileDetected}),D=o.isMobileDetected?n.CONTAINER_XS/2:n.CONTAINER_XS/I,v=function(e){return A&&A[e]},T=e.useMemo((function(){var e=u.OD_ID_DEP_LIST;return C.outer_diameter?e.filter((function(e){return e.outer_diameter===parseFloat(C.outer_diameter)})):[]}),[C.outer_diameter]);return i.jsxs(t.Grid,{container:!0,spacing:0,className:b.editorContainer,children:[!o.isMobileDetected&&i.jsx(t.Grid,{item:!0,className:b.editorComponentSize,children:i.jsx(c,{component:C})}),i.jsx(t.Grid,{item:!0,className:b.eidtorContentContainer,children:i.jsxs(t.Grid,{container:!0,spacing:2,children:[i.jsx(m.SharedEditorElements,{component:C,getError:v,onChange:g,isCasing:!0}),T.length>0&&i.jsx(d,{data:T,allData:u.OD_ID_DEP_LIST,columns:n.OD_ID_DEP_COLUMNS,displayKeys:["outer_diameter","inner_diameter"],descriptionKeys:["outer_diameter","inner_diameter","linear_weight","number_of_joints","component_length"],onSelect:h,isCasing:!0}),i.jsx(l.InputText,{type:"name",label:"Name",value:C.name,error:v("name"),xs:D,onChangeField:g}),i.jsx(l.InputText,{type:"number_of_joints",label:"# of Joints",value:C.number_of_joints,error:v("number_of_joints"),xs:D,onChangeField:g}),i.jsx(l.InputText,{type:"component_length",label:"Component Length",unit:"length",value:C.component_length,error:v("component_length"),xs:D,onChangeField:g}),i.jsx(l.InputText,{type:"weight",label:"T.Weight",unit:"mass",value:C.weight,error:v("weight"),disabled:!0,xs:D,onChangeField:g}),i.jsx(q.SelectField,{type:"grade",options:u.COMPONENT_GRADES,label:"Grade",value:C.grade,error:v("grade"),xs:D,onChangeField:g}),i.jsx(l.InputText,{type:"outer_diameter_tooljoint",label:"TJ OD",unit:"shortLength",value:C.outer_diameter_tooljoint,error:v("outer_diameter_tooljoint"),xs:D,onChangeField:g}),i.jsx(l.InputText,{type:"inner_diameter_tooljoint",label:"TJ ID",unit:"shortLength",value:C.inner_diameter_tooljoint,error:v("inner_diameter_tooljoint"),xs:D,onChangeField:g}),i.jsx(l.InputText,{type:"length_tooljoint",label:"TJ Length Per Joint",unit:"length",value:C.length_tooljoint,error:v("length_tooljoint"),xs:D,onChangeField:g}),i.jsx(l.InputText,{type:"connection_type",label:"Connection Type",value:C.connection_type,error:v("connection_type"),xs:D,onChangeField:g}),i.jsx(q.SelectField,{type:"class",options:u.COMPONENT_CLASSES,label:"Class",value:C.class,error:v("class"),xs:D,onChangeField:g}),i.jsx(q.SelectField,{type:"material",options:u.COMPONENT_MATERIALS,label:"Material",value:C.material,error:v("material"),xs:D,onChangeField:g})]})}),!o.isMobileDetected&&i.jsxs(t.Grid,{item:!0,className:b.eidtorActionGroup,children:[i.jsx(a.CancelButton,{handleCancel:S}),i.jsx(p.SaveButton,{handleSave:V,disabled:!r.isEmpty(A)})]})]})}g.propTypes={component:A.default.shape({outer_diameter:A.default.number,component_length:A.default.number,name:A.default.string,number_of_joints:A.default.number,weight:A.default.number,connection_type:A.default.string,grade:A.default.string,class:A.default.string,material:A.default.string,outer_diameter_tooljoint:A.default.number,inner_diameter_tooljoint:A.default.number,length_tooljoint:A.default.number}).isRequired,error:A.default.shape({}),onChange:A.default.func.isRequired,onCancel:A.default.func.isRequired,onSave:A.default.func.isRequired,onUseSuggestion:A.default.func.isRequired,columns:A.default.number.isRequired},g.defaultProps={error:null};var S=e.memo(g);module.exports=S;
+"use strict";var e=require("react"),r=require("lodash"),s=require("prop-types"),t=require("@material-ui/core"),n=require("../constants.js"),o=require("../../../../../utils/mobileDetect.js"),i=require("react/jsx-runtime");require("../../../../DevCenter/DevCenterAppContainer/components/IsInsideIsolatedDcAppProvider/IsInsideIsolatedDcAppProvider.js"),require("../../../../DevCenter/DevCenterAppContainer/components/DcFullscreenElemsCoordinatorProvider/DcFullscreenElemsCoordinatorProvider.js"),require("../../../../DevCenter/DevCenterAppContainer/components/DcFullscreenElemsCoordinatorProvider/IsInsideDcFullscreenElemProvider.js"),require("classnames"),require("@icon-park/react/es/all"),require("../../../../../icons/IconParkProvider.js"),require("../../../../../icons/customIcons/icons/AddMessage.js"),require("../../../../../icons/customIcons/icons/Attention.js"),require("../../../../../icons/customIcons/icons/Collapse.js"),require("../../../../../icons/customIcons/icons/Dashboard.js"),require("../../../../../icons/customIcons/icons/Expand.js"),require("../../../../../icons/customIcons/icons/FolderClosed.js"),require("../../../../../icons/customIcons/icons/FolderClosedFilled.js"),require("../../../../../icons/customIcons/icons/FolderOpened.js"),require("../../../../../icons/customIcons/icons/GreaterOrEqual.js"),require("../../../../../icons/customIcons/icons/LessOrEqual.js"),require("../../../../../icons/customIcons/icons/Search.js"),require("../../../../../icons/customIcons/icons/SearchOne.js"),require("../../../../../icons/customIcons/icons/Wellhub.js"),require("../../../../../icons/customIcons/icons/MultiRuler.js"),require("../../../../../icons/customIcons/icons/Checkbox.js"),require("../../../../../icons/customIcons/icons/CheckboxChecked.js"),require("../../../../../icons/customIcons/icons/CheckboxIndeterminate.js"),require("../../../../../icons/customIcons/icons/Radio.js"),require("../../../../../icons/customIcons/icons/RadioChecked.js"),require("../../../../../icons/customIcons/icons/SimulFrac.js"),require("../../../../../icons/customIcons/icons/ZipperFrac.js"),require("../../../../../icons/customIcons/icons/CautionFilled.js"),require("../../../../../icons/customIcons/icons/MoreApp.js"),require("../../../../../icons/customIcons/icons/Pad.js"),require("../../../../../icons/customIcons/icons/DrilloutUnit.js"),require("../../../../../icons/customIcons/icons/FracFleet.js"),require("../../../../../icons/customIcons/icons/Global.js"),require("../../../../../icons/customIcons/icons/Program.js"),require("../../../../../icons/customIcons/icons/Rig.js"),require("../../../../../icons/customIcons/icons/Well.js"),require("../../../../../icons/customIcons/icons/Gap.js"),require("../../../../../icons/customIcons/icons/Pin.js"),require("../../../../../icons/customIcons/icons/CloseOneFilled.js"),require("../../../../../icons/customIcons/icons/AttentionFilled.js"),require("../../../../../icons/customIcons/icons/CheckOneFilled.js"),require("../../../../../icons/customIcons/icons/Archive.js"),require("../../../../../icons/customIcons/icons/ArchiveCancel.js"),require("../../../../../icons/customIcons/icons/Unarchive.js"),require("../../../../../icons/customIcons/icons/Archived.js"),require("../../../../../icons/customIcons/icons/InterventionUnit.js"),require("../../../../../icons/customIcons/icons/Lasso.js"),require("../../../../IconButton/index.js"),require("../../../../../constants/goals.js"),require("../../../../../constants/segment.js"),require("../../../../../constants/alerts.js"),require("../../../../../constants/apps.js");var u=require("../../../../../constants/casing.js");require("../../../../../constants/drillstring.js"),require("../../../../../constants/completion.js"),require("../../../../../constants/appPackages.js"),require("../../../../../constants/notifications.js"),require("../../../../../constants/feed.js"),require("../../../../../constants/bha.js"),require("../../../../../constants/corvaCompanyId.js"),require("../../../../GradientManager/configuration/constants.js"),require("../../../../Modal/CorvaModal.css.js"),require("uuid"),require("../../../../IconMenu/index.js"),require("../../../../StyledMenuItem/index.js"),require("../../../../AppIcon/AppIcon.js"),require("../../../../DevCenter/AppHeader/AppHeader.js"),require("../../../../DevCenter/AppSideBar/AppSideBar.js"),require("../../../../DevCenter/AppsDataProvider/AppsDataProvider.js"),require("@babel/runtime/helpers/defineProperty"),require("@babel/runtime/helpers/slicedToArray"),require("@material-ui/icons"),require("../../../../DevCenter/AppContext.js"),require("../../../../DevCenter/DevCenterRouterContext/DevCenterRouterContext.js"),require("../../../../DevCenter/DevCenterRouterContext/UniversalLink/UniversalLink.js"),require("@babel/runtime/helpers/objectWithoutProperties"),require("react-router"),require("@babel/runtime/helpers/asyncToGenerator"),require("@babel/runtime/regenerator"),require("../../../../../utils/index.js"),require("../../../../DevCenter/DevCenterAppContainer/components/AppActions/AppActions.css.js"),require("../../../../DevCenter/DevCenterAppContainer/components/AppSettingsDialog/AppSettingsDialog.js"),require("../../../../DevCenter/DevCenterAppContainer/components/AppSettingsDialog/components/RemoveAppButton.js"),require("../../../../DevCenter/DevCenterAppContainer/components/AppSettingsDialog/components/SettingsAccordion.js"),require("../../../../DevCenter/DevCenterAppContainer/components/AnnotationsButton/AnnotationsButton.js"),require("../../../../../componentsV2/Text/Text.js"),require("../../../../../componentsV2/Grid/Grid.js"),require("../../../../../componentsV2/Grid/Cell.js"),require("../../../../../componentsV2/Header/Header.scss.js"),require("../../../../../componentsV2/Button/Button.js"),require("../../../../../componentsV2/ButtonIcon/ButtonIcon.js"),require("../../../../../componentsV2/Tooltip/Tooltip.scss.js"),require("../../../../../componentsV2/Popover/Popover.js"),require("../../../../../componentsV2/Radio/Radio.js"),require("../../../../../componentsV2/RadioAndCheckboxGroup/RadioAndCheckboxGroup.scss.js"),require("../../../../../componentsV2/Checkbox/Checkbox.js"),require("../../../../../componentsV2/TextInput/TextInput.js"),require("../../../../../componentsV2/Label/Label.js"),require("../../../../../componentsV2/TextEndTruncated/TextEndTruncated.scss.js"),require("../../../../../componentsV2/TextMiddleTruncated/TextMiddleTruncated.constants.js"),require("../../../../../componentsV2/TextMiddleTruncated/TextMiddleTruncated.scss.js"),require("../../../../../componentsV2/TextLink/TextLink.js"),require("../../../../../componentsV2/Chip/Chip.js"),require("../../../../../componentsV2/ChipAlert/ChipAlert.js"),require("../../../../../componentsV2/ChipIndicator/ChipIndicator.js"),require("../../../../../componentsV2/Avatar/Avatar.js"),require("../../../../../componentsV2/AvatarGroup/AvatarGroup.js"),require("@material-ui/lab"),require("../../../../../componentsV2/ToggleButtons/ToggleButtons.scss.js"),require("../../../../../componentsV2/Paper/Paper.js"),require("../../../../../componentsV2/ModalWindow/ModalWindow.scss.js"),require("../../../../../componentsV2/Modal/Modal.scss.js"),require("../../../../../componentsV2/Menu/Menu.js"),require("../../../../../componentsV2/utils.js"),require("../../../../../componentsV2/Hint/Hint.scss.js"),require("../../../../../componentsV2/Counter/Counter.js"),require("../../../../../componentsV2/BadgeBase/BadgeBase.scss.js"),require("../../../../../componentsV2/BadgeDot/BadgeDot.scss.js"),require("../../../../../componentsV2/LoaderLinear/LoaderLinear.scss.js"),require("../../../../../componentsV2/LoaderLogo/LoaderLogo.constants.js"),require("../../../../../componentsV2/LoaderLogo/LoaderLogo.scss.js"),require("../../../../../componentsV2/Switch/Switch.js"),require("../../../../../componentsV2/Tabs/Tabs.js"),require("../../../../../componentsV2/EmptyState/EmptyState.scss.js"),require("../../../../../componentsV2/FileIcon/FileIcon.js"),require("../../../../../componentsV2/Tag/Tag.js"),require("react-dropzone"),require("../../../../../componentsV2/FilesDropzone/FilesDropzone.scss.js"),require("../../../../../componentsV2/FilesLoader/FilesLoader.scss.js"),require("../../../../../componentsV2/FilesProcessor/FilesProcessor.scss.js"),require("../../../../../componentsV2/Skeleton/Skeleton.scss.js"),require("../../../../../utils/main.js"),require("../../../../../componentsV2/CopyToClipboard/CopyToClipboard.scss.js"),require("../../../../../componentsV2/Stepper/Step/Step.scss.js"),require("../../../../../componentsV2/Stepper/Stepper.scss.js"),require("../../../../../componentsV2/ButtonLive/ButtonLive.js"),require("../../../../../componentsV2/ButtonText/ButtonText.js"),require("../../../../../componentsV2/IndicatorLive/IndicatorLive.js"),require("../../../../../componentsV2/Accordion/Accordion.scss.js"),require("../../../../../componentsV2/Breadcrumbs/Breadcrumbs.scss.js"),require("../../../../../componentsV2/BadgeComment/BadgeComment.js"),require("../../../../../componentsV2/AppContainer/AppContainer.js"),require("../../../../../componentsV2/AppContainer/AppContainer.constants.js"),require("../../../../../componentsV2/AppFooter/AppFooter.js"),require("../../../../../componentsV2/AppCommonsProvider/AppCommonsContext.js"),require("../../../../../componentsV2/AppHeader/AppHeader.constants.js"),require("../../../../../componentsV2/AppHeader/AppBadge/AppBadge.scss.js"),require("../../../../../componentsV2/AppHeader/AppAssets/utils.js"),require("../../../../../componentsV2/AppHeader/AppAssets/AppAssets.scss.js"),require("../../../../PadModeSelect/PadModeSelect.js"),require("../../../../../componentsV2/AppHeader/PadMode/PadMode.scss.js"),require("../../../../../constants/streamSourceType.js"),require("../../../../../types/shared/Completions.js"),require("../../../../PadModeSelect/types.js"),require("lodash/flatten"),require("lodash/partition"),require("../../../../../componentsV2/PadModeSelect/FracModeLabel/FracModeLabel.js"),require("../../../../../componentsV2/PadModeSelect/FracModeLabel/FracModeLabel.constants.js"),require("../../../../../clients/jsonApi/index.js"),require("@babel/runtime/helpers/toConsumableArray"),require("lodash/set"),require("lodash/get"),require("lodash/unset"),require("moment"),require("../../../../../clients/subscriptions/constants.js"),require("../../../../../clients/subscriptions.v1.js"),require("../../../../../clients/subscriptions/subscriptions-client.factory.js"),require("../../../../../clients/api/apiCore.js"),require("../../../../../clients/constants.js"),require("../../../../../clients/sso/auth0.js"),require("../../../../../clients/sso/oauth2.js"),require("../../../../../componentsV2/PadModeSelect/WellStreamActivityStatus/WellStreamActivityStatus.scss.js"),require("../../../../../componentsV2/PadModeSelect/PadModeSelect.constants.js"),require("../../../../../componentsV2/PadModeSelect/PadModeSelect.scss.js"),require("querystring"),require("uuid/v1"),require("jsona"),require("../../../../../utils/env.js"),require("../../../../StatusBadge/constants.js"),require("lodash/isEmpty"),require("lodash/sortBy"),require("../../../../DevCenter/DevCenterAppContainer/components/CommentsSwitch/CommentsSwitchContext.js"),require("../../../../../componentsV2/AppHeader/V3/VersionSelect/VersionSelect.js"),require("../../../../../componentsV2/UniversalLink/UniversalLink.scss.js"),require("../../../../../componentsV2/AppHeader/V3/AssetChips/AssetChips.scss.js"),require("../../../../../componentsV2/AppHeader/V3/DqStatusIcon/DqStatusIcon.js"),require("../../../../../componentsV2/AppHeader/V3/DqStatusIcon/DqStatusIcon.constants.js"),require("../../../../../componentsV2/AppFooter/DqPopover/DqStatusIcon/DqStatusIcon.js"),require("../../../../../componentsV2/AppDqPopover/DqAlertTooltip/DqAlertTooltip.scss.js"),require("../../../../../componentsV2/AppDqPopover/DqAlert/DqAlert.scss.js"),require("../../../../../componentsV2/AppDqPopover/DqAsset/DqAsset.scss.js"),require("../../../../../componentsV2/AppDqPopover/AppDqPopover.scss.js"),require("../../../../../utils/getSingleAsset.js"),require("../../../../../componentsV2/AppHeader/V3/AssetSelector/AssetSelectorChip/AssetSelectorChip.js"),require("../../../../../componentsV2/AppHeader/V3/AssetSelector/constants.js"),require("../../../../../componentsV2/AppHeader/V3/AssetSelector/AssetSelectorSelect/AssetSelectorSelect.scss.js"),require("../../../../../componentsV2/AppHeader/V3/AssetSelector/AssetSelectorSelect/loadAssets.js"),require("../../../../../componentsV2/AppHeader/V3/AssetSelector/AssetSelector.scss.js"),require("../../../../../componentsV2/AppHeader/V3/AppTitle/AppTitle.constants.js"),require("../../../../../componentsV2/AppContainer/headerCommon.scss.js"),require("../../../../../componentsV2/AppHeader/V3/AppTitle/AppTitle.scss.js"),require("../../../../../componentsV2/AppHeader/V3/constants.scss.js"),require("@babel/runtime/helpers/typeof"),require("../../../../../componentsV2/AppHeader/V3/SettingsButton/SettingsButton.js"),require("../../../../../componentsV2/AppHeader/V3/SettingsButton/SettingsButton.constants.js"),require("../../../../../componentsV2/AppSettings/AppSettings.js"),require("../../../../../componentsV2/AppSettings/AppSettings.constants.js"),require("../../../../../componentsV2/AppSettings/AppSettingsPinningContext.js"),require("../../../../../componentsV2/AppSizeProvider/AppSizeProvider.js"),require("../../../../../componentsV2/AppHeader/V3/Actions/Actions.constants.js"),require("../../../../../componentsV2/AppHeader/V3/Actions/Actions.scss.js"),require("../../../../../componentsV2/AppHeader/V3/AppHeaderV3.scss.js"),require("../../../../../componentsV2/AppHeader/AppHeader.scss.js"),require("../../../../../componentsV2/OffsetWellsButton/OffsetWellsButton.js"),require("../../../../../componentsV2/Autocomplete/Autocomplete.scss.js"),require("../../../../../componentsV2/Menu/MenuItem/MenuItem.js"),require("../../../../../componentsV2/Autocomplete/AutocompleteListBox.js"),require("../../../../../componentsV2/AppSettingsDivider/AppSettingsDivider.scss.js"),require("../../../../../componentsV2/WellArchivedMessage/WellArchivedMessage.js"),require("../../../../../componentsV2/DatePicker/DatePicker.js"),require("../../../../../componentsV2/DragHandle/DragHandle.js"),require("../../../../../componentsV2/CompletionsOffsetWellPicker/CompletionsOffsetWellPicker.js"),require("../../../../DevCenter/DevCenterAppContainer/components/FullscreenButton/FullscreenButton.js"),require("../../../../DevCenter/DevCenterAppContainer/components/AppInfoMessage/AppInfoMessage.js"),require("../../../../DevCenter/DevCenterAppContainer/components/DevCenterAppView/DevCenterAppView.js"),require("../../../../DevCenter/DevCenterAppContainer/components/RestoreAppSizeButton/index.js"),require("rollbar"),require("@rollbar/react"),require("../../../../DevCenter/DevCenterAppContainer/components/CommentsSwitch/CommentsSwitchButton.scss.js"),require("../../../../DevCenter/DevCenterAppContainer/DevCenterAppContainer.css.js"),require("../../../../Icons/AnnotationIcon.js"),require("../../../../Annotations/components/AnnotationsList/index.js"),require("../../../../Annotations/components/LastAnnotation/index.js"),require("../../../../Annotations/AnnotationsContext.js"),require("../../../../Toaster/Toaster.js"),require("../../../../HelpCenter/HelpCenterIcon.js"),require("../../../../DevCenter/NavigationBar/NavigationBar.js"),require("../../../../DevCenter/SideBar/SideBar.js"),require("../../../../DevCenter/AppSettingsPopover/AppSettingsPopover.js"),require("../../../../DevCenter/AppFilterPanelLayout/AppFilterPanelLayout.js"),require("../../../../DevCenter/IsolatedDevCenterAppContainer/DevCenterIsolatedAppPage.js"),require("../../../../DevCenter/IsolatedDevCenterAppContainer/DevCenterIsolatedApp.js"),require("../../../../AssetEditor/index.js"),require("../../../../AssetEditorV2/index.js"),require("../../../../AppVersionsSelect/AppVersionsSelect.js"),require("../../../../LoadingIndicator/LoadingIndicator.js"),require("../../../../Typography.js"),require("../../../../RealTimeValuesSidebar/RealTimeSidebar.js"),require("../../../../CollapsableSidebar.js"),require("../../../../DateTimePicker/index.js"),require("../../../../DatePicker/index.js"),require("../../../../ErrorBoundary/ErrorBoundary.js"),require("../../../../ErrorBoundary/DevCenterAppErrorView/DevCenterAppErrorView.js"),require("../../../../SlateFormattedText/SlateFormattedText.js"),require("../../../../SlateFormattedText/RenderElements.js"),require("slate"),require("../../../../EmptyState/EmptyState.js"),require("../../../../ParameterCharts/ParameterCharts.js"),require("../../../../ParameterCharts/AddEditTrack.js"),require("../../../../ChartActionsList/ChartActionsList.js"),require("../../../../CopyToClipboard/CopyToClipboard.js"),require("../../../../AssetEditor/AssetEditorAutocomplete.js"),require("../../../../AssetEditor/SingleAssetEditor.js"),require("react-color"),require("../../../../SettingEditors/ColorEditor/style.css.js"),require("../../../../SettingEditors/DropdownEditor/index.js"),require("../../../../SwitchControl/index.js"),require("../../../../ColorPicker/ColorPicker.js"),require("../../../../Chart/components/ChartButton.js"),require("../../../../Chart/components/ChartButtons.js"),require("../../../../Chart/components/ChartWrapper.js"),require("../../../../Chart/components/AxisDropdown.js"),require("../../../../Chart/components/ChartSelect.js"),require("../../../../Chart/components/buttons/DragToZoomButton.js"),require("../../../../Chart/components/buttons/ZoomInButton.js"),require("../../../../Chart/components/buttons/ZoomOutButton.js"),require("../../../../Chart/components/buttons/PanButton.js"),require("../../../../Chart/components/buttons/ResetZoomButton.js"),require("../../../../Chart/components/buttons/HideAxesButton.js"),require("../../../../Chart/components/buttons/ChartTypeButton.js"),require("../../../../ColorPicker/PaletteChromePicker/PaletteChromePicker.js"),require("../../../../TruncatedText/index.js"),require("../../../../MiddleTruncatedText/MiddleTruncatedText.js"),require("../../../../RangeSlider/constants.js"),require("../../../../RangeSlider/Input.css.js"),require("../../../../RangeSlider/RangeSlider.css.js"),require("../../../../AdvancedSlider/AdvancedSlider.js"),require("../../../../Breadcrumbs/index.js"),require("../../../../VirtualizedTable/index.js"),require("../../../../EmptyView/EmptyView.js"),require("../../../../EmptyView/EmptyAppView/EmptyAppView.js"),require("../../../../Button/components/Button/index.js"),require("moment-timezone"),require("../../../../Button/components/LiveButton/components/LiveButtonStateIndicator/index.js"),require("../../../../Button/components/LiveButton/styles.js"),require("../../../../ContextMenuItem/index.js"),require("../../../../FolderMenuItem/index.js"),require("../../../../EditableItem/EditableItem/index.js"),require("../../../../EditableItem/EditableItemWithBadge/index.js"),require("../../../../Checkbox/index.js"),require("../../../../FolderMenuItemWithLinks/index.js"),require("../../../../TextField/index.js"),require("../../../../Chip/index.js"),require("../../../../Counter/index.js"),require("../../../../AnchorsList/AnchorsList.js"),require("../../../../Select/index.js"),require("../../../../Select/SelectFilterBy.js"),require("../../../../CustomSelect/index.js"),require("../../../../Tabs/Tabs.js"),require("../../../../Tabs/Tab.js"),require("../../../../ResizableTable/ResizableTable.js"),require("../../../../GradientPicker/GradientPicker.js"),require("../../../../GradientManager/GradientList.js"),require("@material-ui/icons/AddCircle"),require("../../../../GradientManager/GradientPreview/GradientPreview.js"),require("../../../../GradientManager/GradientSelect.styles.js"),require("../../../../GradientManager/GradientManager.styles.js"),require("../../../../Drillstring/BHASchematic.js"),require("../../../../Drillstring/BHATable/index.js"),require("../../../../Drillstring/BHAComponentIcon.js"),require("../../../../Drillstring/BHAComponentDetail/index.js"),require("../../../../Drillstring/BHATileIcon.js"),require("../../../../Drillstring/BHATile/BHATile.js"),require("../../../../Drillstring/BHAList/BHAList.js"),require("../../../../Drillstring/BHAComponentsTable/BHAComponentsTable.js"),require("../../../CasingTable/index.js");var c=require("../../../CasingComponentIcon.js");require("../../../CasingTileIcon.js"),require("../../CasingTableV2.js"),require("../../../CasingTile/CasingTile.js"),require("../../../../DisabledSettingsMessage/DisabledSettingsMessage.js"),require("../../../../WellSummary/WellSummaryItemLabel.js"),require("../../../../WellSummary/WellSummaryItemTitle.js"),require("../../../../WellSummary/WellSummaryItemValue.js"),require("../../../../WellSummary/ActivitySummaryChart.js"),require("../../../../WellSummary/FracWirelineTimeChart.js"),require("../../../../BICOffsetPickerDialog/index.js"),require("../../../../OffsetWellButton/OffsetWellButton.js"),require("../../../../OffsetWellPickerV2/OffsetWellPickerDialog.js"),require("../../../../OffsetWellPickerV3/index.js"),require("../../../../OffsetWellChips/Chip.js"),require("../../../../OffsetWellChips/ChipsContainer.js"),require("../../../../OffsetWellPickerV5/OffsetWellPickerV5WithStore.js"),require("../../../../OffsetWellPickerV4/utils/apiCalls.js"),require("../../../../OffsetWellPickerV4/effects/useAdvancedWells.js"),require("../../../../OffsetWellPickerV4/constants.js"),require("react-virtualized"),require("../../../../OffsetWellPickerV4/effects/useAssetsData.js"),require("../../../../../permissions/PermissionsContext.js"),require("../../../../../permissions/constants/index.js"),require("../../../../../permissions/withPermissionsHOC.js"),require("../../../../../permissions/ProvidePermissions.js"),require("../../../../OffsetWellPickerV4/components/AppHeader/AppHeader.js"),require("../../../../OffsetWellPickerV4/components/Toolbar/Toolbar.js"),require("../../../../OffsetWellPickerV4/components/Filter/Filter.js"),require("../../../../OffsetWellPickerV4/components/Map/WellsMap.js"),require("../../../../OffsetWellPickerV4/components/OffsetWellsTable/OffsetWellsTable.js"),require("../../../../OffsetWellPickerV4/components/OffsetWellsTable/AdvancedSearch/constants.js"),require("../../../../OffsetWellPickerV4/utils/index.js"),require("../../../../OffsetWellPickerV4/OffsetWellPickerV4.module.css.js"),require("@material-ui/core/Snackbar"),require("../../../../Notifications/Toast.js"),require("../../../../Notifications/Notifications.scss.js"),require("../../../../../styles/typography/index.js"),require("../../../../../styles/counter/counter.module.scss.js"),require("../../../../OffsetWellMap/OffsetWellMap.js"),require("../../../../ConfirmationDialog.js"),require("../../../../TextLink/index.js"),require("../../../../Avatar/index.js"),require("../../../../Template/TemplatePopover/index.js"),require("../../../../Template/TemplateSharingDialog/index.js"),require("../../../../MenuItem/index.js"),require("../../../../MiddleTruncate/MiddleTruncate.js"),require("../../../../PinnableFilters/PinnableFilters.js"),require("../../../../HeaderLayout/HeaderLayout.js"),require("../../../../PadOffsetsPicker/PadOffsetsPicker.js"),require("../../../../PadOffsetsPicker/OffsetAssetChip.js"),require("../../../../PadOffsetsPicker/OffsetAssetsListExpander.js"),require("../../../../PadOffsetsPicker/StagesSelector.js"),require("../../../../PadOffsetsPickerV2/PadOffsetsPickerV2.js"),require("../../../../Table/TableToolbar/TableToolbar.js"),require("../../../../Table/TableContainer/TableContainer.js"),require("../../../../Table/TableCell/TableCell.js"),require("../../../../Table/TablePagination/TablePagination.js"),require("../../../../Table/TablePaginationActions/TablePaginationActions.js"),require("../../../../Tooltip/ScrollableTooltip.js"),require("../../../../PriceInput/PriceInput.js"),require("../../../../LabelsCounter/LabelsCounter.js"),require("../../../../Stepper/Stepper.js"),require("../../../../Stepper/Step/Step.js"),require("../../../../Stepper/StepsWrapper.js"),require("../../../../Comment/CommentIcon/index.js"),require("../../../../FilesLoader/FilesLoader.js"),require("../../../../../componentsV2/FileIcon/icons/ArchiveFileIcon.js"),require("../../../../../componentsV2/FileIcon/icons/CSVFileIcon.js"),require("../../../../../componentsV2/FileIcon/icons/DocFileIcon.js"),require("../../../../../componentsV2/FileIcon/icons/EDMFileIcon.js"),require("../../../../../componentsV2/FileIcon/icons/ExcelFileIcon.js"),require("../../../../../componentsV2/FileIcon/icons/ImageFileIcon.js"),require("../../../../../componentsV2/FileIcon/icons/JsonFileIcon.js"),require("../../../../../componentsV2/FileIcon/icons/LasFileIcon.js"),require("../../../../../componentsV2/FileIcon/icons/OtherFileIcon.js"),require("../../../../../componentsV2/FileIcon/icons/PdfFileIcon.js"),require("../../../../../componentsV2/FileIcon/icons/PowerPointFileIcon.js"),require("../../../../../componentsV2/FileIcon/icons/TxtFileIcon.js"),require("../../../../../componentsV2/FileIcon/icons/UnknownFileIcon.js"),require("../../../../../componentsV2/FileIcon/icons/VideoFileIcon.js"),require("../../../../../componentsV2/FileIcon/icons/XmlFileIcon.js"),require("../../../../SearchInput/index.js"),require("../../../../FeedItem/FeedItem.js"),require("../../../../FeedItem/FeedItemEditProvider/FeedItemEditProvider.js"),require("../../../../PostInput/PostInput.js"),require("../../../../KeyboardDateTimePicker.js"),require("../../../../AddComment/Popover.js"),require("../../../../AddComment/Popup.js"),require("../../../../StageDesignVActual/ComparisonBar/ComparisonBar.js"),require("../../../../StageDesignVActual/ElementsComparison/ElementsComparison.js"),require("../../../../StageDesignVActual/ComparisonHeader.js"),require("../../../../StageDesignVActual/ComparisonRow.js"),require("../../../../EmbeddedApp/DevCenterEmbeddedApp.js"),require("../../../../EmbeddedApp/EmbeddedApp.js"),require("../../../../Autocomplete/Autocomplete.js"),require("../../../../DocumentViewer/DocumentViewer.js"),require("../../../../ColorPickerPalette/ColorPickerPalette.js"),require("../../../../Search/Search.js"),require("../../../../Search/components/Listbox.js"),require("../../../../Search/components/Paper.js"),require("../../../../Search/components/RecentSearches.js"),require("../../../../Search/components/Groups.js"),require("../../../../Search/components/SelectAllListItem.js"),require("../../../../StatusBadge/index.js"),require("../../../../Attachment/index.js"),require("../../../../EmojiIconButton.js"),require("../../../../FileUploadIconButton.js"),require("../../../../FilePreview/index.js"),require("../../../../FailedFileUploading.js"),require("../../../../UserMention/index.js"),require("../../../../CommentsInfo/index.js"),require("../../../../CommentInput/index.js"),require("../../../../Comment/index.js"),require("../../../../CommentLoader.js"),require("../../../../AssetNameLabel/AssetStatusBadge.js"),require("../../../../AssetEditorV2/components/PrimaryAssetSelect.js"),require("../../../../AssetEditorV2/components/SecondaryAssetSelect.js"),require("../../../../AssetEditorV2/components/SelectItem.js"),require("../../../../AssetEditorV2/components/MultipleAssetsToggle.js"),require("../../../../AssetEditorV2/components/PrimaryAssetSelectV2.js"),require("../../../../EChartsWrapper/EChartsWrapper.js"),require("../../../../AssetsMultipleSelector/AssetsMultipleSelector.js"),require("@material-ui/icons/Close"),require("@material-ui/icons/GetApp"),require("../../../../GoogleDocsViewer/index.js"),require("../../../../NewDocumentViewer/effects/useFileContent.js"),require("../../../../NewDocumentViewer/styles.js"),require("../../../../FilesLoaderV2/styles.js"),require("../../../../FilesDropzone/styles.js"),require("../../../../FilesProcessor/styles.js"),require("../../../../Hint/styles.js"),require("@babel/runtime/helpers/taggedTemplateLiteral"),require("fparser"),require("../../../../Formula/useFormulaStyles.js"),require("../../../../Formula/RootXIcon.js"),require("../../../../Formula/FormulaTextEditor.js"),require("../../../../Formula/CloseSuggestion.js"),require("../../../../Formula/SuggestionsMenu.js");var a=require("../../../../Drillstring/BHAComponentsTable/components/shared/CancelButton.js");require("../../../../Drillstring/BHAComponentsTable/components/shared/ExpandCollapseButton.js"),require("../../../../Drillstring/BHAComponentsTable/components/shared/FormatedNumber.js");var l=require("../../../../Drillstring/BHAComponentsTable/components/shared/InputText.js");require("../../../../Drillstring/BHAComponentsTable/components/shared/MoreButton.js");var p=require("../../../../Drillstring/BHAComponentsTable/components/shared/SaveButton.js"),m=require("../../../../Drillstring/BHAComponentsTable/components/shared/SelectField.js");require("../../../../Drillstring/BHAComponentsTable/components/shared/StaticField.js");var q=require("../../../../Drillstring/BHAComponentsTable/components/shared/SharedEditorElements.js");require("../../../../Drillstring/BHAComponentsTable/components/shared/ConfirmationPopup.js");var d=require("../../../../Drillstring/BHAComponentsTable/components/Suggestions/Suggestions.js"),j=require("../../../../Drillstring/BHAComponentsTable/components/sharedStyles.js");function C(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var A=C(s);function g(s){var C=s.component,A=s.error,g=s.onChange,S=s.onCancel,V=s.onSave,h=s.onUseSuggestion,I=s.columns,b=j.useStyles({isMobile:o.isMobileDetected}),D=o.isMobileDetected?n.CONTAINER_XS/2:n.CONTAINER_XS/I,v=function(e){return A&&A[e]},T=e.useMemo((function(){var e=u.OD_ID_DEP_LIST;return C.outer_diameter?e.filter((function(e){return e.outer_diameter===parseFloat(C.outer_diameter)})):[]}),[C.outer_diameter]);return i.jsxs(t.Grid,{container:!0,spacing:0,className:b.editorContainer,children:[!o.isMobileDetected&&i.jsx(t.Grid,{item:!0,className:b.editorComponentSize,children:i.jsx(c,{component:C})}),i.jsx(t.Grid,{item:!0,className:b.eidtorContentContainer,children:i.jsxs(t.Grid,{container:!0,spacing:2,children:[i.jsx(q.SharedEditorElements,{component:C,getError:v,onChange:g,isCasing:!0}),T.length>0&&i.jsx(d,{data:T,allData:u.OD_ID_DEP_LIST,columns:n.OD_ID_DEP_COLUMNS,displayKeys:["outer_diameter","inner_diameter"],descriptionKeys:["outer_diameter","inner_diameter","linear_weight","number_of_joints","component_length"],onSelect:h,isCasing:!0}),i.jsx(l.InputText,{type:"name",label:"Name",value:C.name,error:v("name"),xs:D,onChangeField:g}),i.jsx(l.InputText,{type:"number_of_joints",label:"# of Joints",value:C.number_of_joints,error:v("number_of_joints"),xs:D,onChangeField:g}),i.jsx(l.InputText,{type:"component_length",label:"Component Length",unit:"length",value:C.component_length,error:v("component_length"),xs:D,onChangeField:g}),i.jsx(l.InputText,{type:"weight",label:"T.Weight",unit:"mass",value:C.weight,error:v("weight"),disabled:!0,xs:D,onChangeField:g}),i.jsx(m.SelectField,{type:"grade",options:u.COMPONENT_GRADES,label:"Grade",value:C.grade,error:v("grade"),xs:D,onChangeField:g}),i.jsx(l.InputText,{type:"outer_diameter_tooljoint",label:"TJ OD",unit:"shortLength",value:C.outer_diameter_tooljoint,error:v("outer_diameter_tooljoint"),xs:D,onChangeField:g}),i.jsx(l.InputText,{type:"inner_diameter_tooljoint",label:"TJ ID",unit:"shortLength",value:C.inner_diameter_tooljoint,error:v("inner_diameter_tooljoint"),xs:D,onChangeField:g}),i.jsx(l.InputText,{type:"length_tooljoint",label:"TJ Length Per Joint",unit:"length",value:C.length_tooljoint,error:v("length_tooljoint"),xs:D,onChangeField:g}),i.jsx(l.InputText,{type:"connection_type",label:"Connection Type",value:C.connection_type,error:v("connection_type"),xs:D,onChangeField:g}),i.jsx(m.SelectField,{type:"class",options:u.COMPONENT_CLASSES,label:"Class",value:C.class,error:v("class"),xs:D,onChangeField:g}),i.jsx(m.SelectField,{type:"material",options:u.COMPONENT_MATERIALS,label:"Material",value:C.material,error:v("material"),xs:D,onChangeField:g})]})}),!o.isMobileDetected&&i.jsxs(t.Grid,{item:!0,className:b.eidtorActionGroup,children:[i.jsx(a.CancelButton,{handleCancel:S}),i.jsx(p.SaveButton,{handleSave:V,disabled:!r.isEmpty(A)})]})]})}g.propTypes={component:A.default.shape({outer_diameter:A.default.number,component_length:A.default.number,name:A.default.string,number_of_joints:A.default.number,weight:A.default.number,connection_type:A.default.string,grade:A.default.string,class:A.default.string,material:A.default.string,outer_diameter_tooljoint:A.default.number,inner_diameter_tooljoint:A.default.number,length_tooljoint:A.default.number}).isRequired,error:A.default.shape({}),onChange:A.default.func.isRequired,onCancel:A.default.func.isRequired,onSave:A.default.func.isRequired,onUseSuggestion:A.default.func.isRequired,columns:A.default.number.isRequired},g.defaultProps={error:null};var S=e.memo(g);module.exports=S;
 //# sourceMappingURL=Editor.js.map

package/cjs-bundle/components/Casing/CasingTableV2/components/DrillPipe/Editor.js.map CHANGED Viewed

	@@ -1 +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":"up5BAyBA,SAASA,EAAsFC,GAAA,IAA1EC,IAAAA,UAAWC,IAAAA,MAAOC,IAAAA,SAAUC,IAAAA,SAAUC,IAAAA,OAAQC,IAAAA,gBAAiBC,IAAAA,QAC5EC,EAAUC,EAAAA,UAAU,CAAEC,SAAUC,EAAAA,mBAChCC,EAAKD,EAAAA,iBAAmBE,EAAAA,aAAe,EAAIA,EAAAA,aAAeN,EAE1DO,EAAW,SAAAC,GAAG,OAAIb,GAASA,EAAMa,EAAI,EAErCC,EAAsBC,EAAAA,SAAQ,WAClC,IAAMC,EAAmBC,EAAAA,eACzB,OAAQlB,EAAUmB,eAEdF,EAAiBG,QACf,SAAAC,GAAI,OAAIA,EAAKF,iBAAmBG,WAAWtB,EAAUmB,mBAFvD,EAIN,GAAG,CAACnB,EAAUmB,iBAEd,OACEI,EAAAA,KAACC,EAAAA,KAAI,CAACC,WAAS,EAACC,QAAS,EAAGC,UAAWpB,EAAQqB,gBAAgBC,SAAA,EAC3DnB,oBACAoB,EAAAA,IAACN,EAAAA,KAAI,CAACH,MAAI,EAACM,UAAWpB,EAAQwB,oBAAoBF,SAChDC,MAACE,EAAa,CAAChC,UAAWA,MAG9B8B,MAACN,OAAI,CAACH,MAAI,EAACM,UAAWpB,EAAQ0B,uBAAuBJ,SACnDN,OAACC,OAAI,CAACC,WAAS,EAACC,QAAS,EAAEG,SAAA,CACzBC,MAACI,uBAAoB,CACnBlC,UAAWA,EACXa,SAAUA,EACVX,SAAUA,EACViC,UAAQ,IAGTpB,EAAoBqB,OAAS,GAC5BN,EAAAA,IAACO,EAAW,CACVC,KAAMvB,EACNwB,QAASrB,EAAeA,eACxBZ,QAASkC,EAAkBA,kBAC3BC,YAAa,CAAC,iBAAkB,kBAChCC,gBAAiB,CACf,iBACA,iBACA,gBACA,mBACA,oBAEFC,SAAUtC,EACV8B,UAAQ,IAIZL,MAACc,YAAS,CACRC,KAAK,OACLC,MAAM,OACNC,MAAO/C,EAAUgD,KACjB/C,MAAOY,EAAS,QAChBF,GAAIA,EACJsC,cAAe/C,IAEjB4B,MAACc,YAAS,CACRC,KAAK,mBACLC,MAAM,cACNC,MAAO/C,EAAUkD,iBACjBjD,MAAOY,EAAS,oBAChBF,GAAIA,EACJsC,cAAe/C,IAEjB4B,MAACc,YAAS,CACRC,KAAK,mBACLC,MAAM,mBACNK,KAAK,SACLJ,MAAO/C,EAAUoD,iBACjBnD,MAAOY,EAAS,oBAChBF,GAAIA,EACJsC,cAAe/C,IAEjB4B,MAACc,YAAS,CACRC,KAAK,SACLC,MAAM,WACNK,KAAK,OACLJ,MAAO/C,EAAUqD,OACjBpD,MAAOY,EAAS,UAChByC,UAAQ,EACR3C,GAAIA,EACJsC,cAAe/C,IAEjB4B,MAACyB,cAAW,CACVV,KAAK,QACLW,QAASC,EAAiBA,iBAC1BX,MAAM,QACNC,MAAO/C,EAAU0D,MACjBzD,MAAOY,EAAS,SAChBF,GAAIA,EACJsC,cAAe/C,IAEjB4B,MAACc,YAAS,CACRC,KAAK,2BACLC,MAAM,QACNK,KAAK,cACLJ,MAAO/C,EAAU2D,yBACjB1D,MAAOY,EAAS,4BAChBF,GAAIA,EACJsC,cAAe/C,IAEjB4B,MAACc,YAAS,CACRC,KAAK,2BACLC,MAAM,QACNK,KAAK,cACLJ,MAAO/C,EAAU4D,yBACjB3D,MAAOY,EAAS,4BAChBF,GAAIA,EACJsC,cAAe/C,IAEjB4B,MAACc,YAAS,CACRC,KAAK,mBACLC,MAAM,sBACNK,KAAK,SACLJ,MAAO/C,EAAU6D,iBACjB5D,MAAOY,EAAS,oBAChBF,GAAIA,EACJsC,cAAe/C,IAEjB4B,MAACc,YAAS,CACRC,KAAK,kBACLC,MAAM,kBACNC,MAAO/C,EAAU8D,gBACjB7D,MAAOY,EAAS,mBAChBF,GAAIA,EACJsC,cAAe/C,IAEjB4B,MAACyB,cAAW,CACVV,KAAK,QACLW,QAASO,EAAkBA,kBAC3BjB,MAAM,QACNC,MAAO/C,EAAUgE,MACjB/D,MAAOY,EAAS,SAChBF,GAAIA,EACJsC,cAAe/C,IAEjB4B,MAACyB,cAAW,CACVV,KAAK,WACLW,QAASS,EAAoBA,oBAC7BnB,MAAM,WACNC,MAAO/C,EAAUkE,SACjBjE,MAAOY,EAAS,YAChBF,GAAIA,EACJsC,cAAe/C,UAInBQ,EAAAA,kBACAa,OAACC,OAAI,CAACH,MAAI,EAACM,UAAWpB,EAAQ4D,kBAAkBtC,SAAA,CAC9CC,MAACsC,eAAY,CAACC,aAAclE,IAC5B2B,MAACwC,aAAU,CAACC,WAAYnE,EAAQkD,UAAWkB,EAAOA,QAACvE,UAK7D,CAEAH,EAAU2E,UAAY,CACpBzE,UAAW0E,EAAS,QAACC,MAAM,CACzBxD,eAAgBuD,EAAS,QAACE,OAC1BxB,iBAAkBsB,EAAS,QAACE,OAC5B5B,KAAM0B,EAAS,QAACG,OAChB3B,iBAAkBwB,EAAS,QAACE,OAC5BvB,OAAQqB,EAAS,QAACE,OAClBd,gBAAiBY,EAAS,QAACG,OAC3BnB,MAAOgB,EAAS,QAACG,OACjBb,MAAOU,EAAS,QAACG,OACjBX,SAAUQ,EAAS,QAACG,OACpBlB,yBAA0Be,EAAS,QAACE,OACpChB,yBAA0Bc,EAAS,QAACE,OACpCf,iBAAkBa,EAAS,QAACE,SAC3BE,WACH7E,MAAOyE,EAAAA,QAAUC,MAAM,IACvBzE,SAAUwE,EAAAA,QAAUK,KAAKD,WACzB3E,SAAUuE,EAAAA,QAAUK,KAAKD,WACzB1E,OAAQsE,EAAAA,QAAUK,KAAKD,WACvBzE,gBAAiBqE,EAAAA,QAAUK,KAAKD,WAChCxE,QAASoE,EAAAA,QAAUE,OAAOE,YAG5BhF,EAAUkF,aAAe,CACvB/E,MAAO,MAGT,IAAegF,EAAAA,EAAAA,KAAKnF"}
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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"}

package/cjs-bundle/components/CollapsableSidebar.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";var e=require("@babel/runtime/helpers/defineProperty"),s=require("@babel/runtime/helpers/slicedToArray"),r=require("react"),o=require("prop-types"),n=require("classnames"),t=require("lodash"),i=require("@material-ui/core"),c=require("@material-ui/icons/ChevronLeftRounded"),p=require("@material-ui/icons/ChevronRightRounded");require("./DevCenter/AppHeader/AppHeader.js"),require("./DevCenter/AppSideBar/AppSideBar.js"),require("./DevCenter/AppsDataProvider/AppsDataProvider.js"),require("@material-ui/icons"),require("./DevCenter/AppContext.js"),require("./DevCenter/DevCenterRouterContext/DevCenterRouterContext.js"),require("./DevCenter/DevCenterRouterContext/UniversalLink/UniversalLink.js"),require("@babel/runtime/helpers/objectWithoutProperties"),require("react-router");var a=require("react/jsx-runtime");require("@babel/runtime/helpers/asyncToGenerator"),require("@babel/runtime/regenerator"),require("../constants/goals.js"),require("../constants/segment.js"),require("../constants/alerts.js"),require("../constants/apps.js"),require("../constants/drillstring.js"),require("../constants/completion.js"),require("../constants/appPackages.js"),require("../constants/notifications.js"),require("../constants/feed.js"),require("../constants/bha.js"),require("../constants/corvaCompanyId.js"),require("./GradientManager/configuration/constants.js"),require("../utils/index.js"),require("./DevCenter/DevCenterAppContainer/components/AppActions/AppActions.css.js"),require("./DevCenter/DevCenterAppContainer/components/AppSettingsDialog/AppSettingsDialog.js"),require("./DevCenter/DevCenterAppContainer/components/AppSettingsDialog/components/RemoveAppButton.js"),require("./DevCenter/DevCenterAppContainer/components/AppSettingsDialog/components/SettingsAccordion.js"),require("./DevCenter/DevCenterAppContainer/components/AnnotationsButton/AnnotationsButton.js"),require("../componentsV2/Text/Text.js"),require("../componentsV2/Grid/Grid.js"),require("../componentsV2/Grid/Cell.js"),require("../componentsV2/Header/Header.scss.js"),require("../componentsV2/Button/Button.js"),require("../componentsV2/ButtonIcon/ButtonIcon.js"),require("./DevCenter/DevCenterAppContainer/components/IsInsideIsolatedDcAppProvider/IsInsideIsolatedDcAppProvider.js"),require("./DevCenter/DevCenterAppContainer/components/DcFullscreenElemsCoordinatorProvider/IsInsideDcFullscreenElemProvider.js"),require("./DevCenter/DevCenterAppContainer/components/DcFullscreenElemsCoordinatorProvider/DcFullscreenElemsCoordinatorProvider.js"),require("uuid"),require("../componentsV2/Tooltip/Tooltip.scss.js"),require("../componentsV2/Popover/Popover.js"),require("../componentsV2/Radio/Radio.js"),require("../componentsV2/RadioAndCheckboxGroup/RadioAndCheckboxGroup.scss.js"),require("../componentsV2/Checkbox/Checkbox.js"),require("../componentsV2/TextInput/TextInput.js"),require("../componentsV2/Label/Label.js"),require("../componentsV2/TextEndTruncated/TextEndTruncated.scss.js"),require("../componentsV2/TextMiddleTruncated/TextMiddleTruncated.constants.js"),require("../componentsV2/TextMiddleTruncated/TextMiddleTruncated.scss.js"),require("../componentsV2/TextLink/TextLink.js"),require("../componentsV2/Chip/Chip.js"),require("../componentsV2/ChipAlert/ChipAlert.js"),require("../componentsV2/ChipIndicator/ChipIndicator.js"),require("../componentsV2/Avatar/Avatar.js"),require("../componentsV2/AvatarGroup/AvatarGroup.js"),require("@material-ui/lab"),require("../componentsV2/ToggleButtons/ToggleButtons.scss.js"),require("../componentsV2/Paper/Paper.js"),require("../componentsV2/ModalWindow/ModalWindow.scss.js"),require("@icon-park/react/es/all"),require("../icons/IconParkProvider.js"),require("../icons/customIcons/icons/AddMessage.js"),require("../icons/customIcons/icons/Attention.js"),require("../icons/customIcons/icons/Collapse.js"),require("../icons/customIcons/icons/Dashboard.js"),require("../icons/customIcons/icons/Expand.js"),require("../icons/customIcons/icons/FolderClosed.js"),require("../icons/customIcons/icons/FolderClosedFilled.js"),require("../icons/customIcons/icons/FolderOpened.js"),require("../icons/customIcons/icons/GreaterOrEqual.js"),require("../icons/customIcons/icons/LessOrEqual.js"),require("../icons/customIcons/icons/Search.js"),require("../icons/customIcons/icons/SearchOne.js"),require("../icons/customIcons/icons/Wellhub.js"),require("../icons/customIcons/icons/MultiRuler.js"),require("../icons/customIcons/icons/Checkbox.js"),require("../icons/customIcons/icons/CheckboxChecked.js"),require("../icons/customIcons/icons/CheckboxIndeterminate.js"),require("../icons/customIcons/icons/Radio.js"),require("../icons/customIcons/icons/RadioChecked.js"),require("../icons/customIcons/icons/SimulFrac.js"),require("../icons/customIcons/icons/ZipperFrac.js"),require("../icons/customIcons/icons/CautionFilled.js"),require("../icons/customIcons/icons/MoreApp.js"),require("../icons/customIcons/icons/Pad.js"),require("../icons/customIcons/icons/DrilloutUnit.js"),require("../icons/customIcons/icons/FracFleet.js"),require("../icons/customIcons/icons/Global.js"),require("../icons/customIcons/icons/Program.js"),require("../icons/customIcons/icons/Rig.js"),require("../icons/customIcons/icons/Well.js"),require("../icons/customIcons/icons/Gap.js"),require("../icons/customIcons/icons/Pin.js"),require("../icons/customIcons/icons/CloseOneFilled.js"),require("../icons/customIcons/icons/AttentionFilled.js"),require("../icons/customIcons/icons/CheckOneFilled.js"),require("../icons/customIcons/icons/Archive.js"),require("../icons/customIcons/icons/ArchiveCancel.js"),require("../icons/customIcons/icons/Unarchive.js"),require("../icons/customIcons/icons/Archived.js"),require("../icons/customIcons/icons/InterventionUnit.js"),require("../icons/customIcons/icons/Lasso.js"),require("../componentsV2/Modal/Modal.scss.js"),require("../componentsV2/Menu/Menu.js"),require("../componentsV2/utils.js"),require("../componentsV2/Hint/Hint.scss.js"),require("../componentsV2/Counter/Counter.js"),require("../componentsV2/BadgeBase/BadgeBase.scss.js"),require("../componentsV2/BadgeDot/BadgeDot.scss.js"),require("../componentsV2/LoaderLinear/LoaderLinear.scss.js"),require("../componentsV2/LoaderLogo/LoaderLogo.constants.js"),require("../componentsV2/LoaderLogo/LoaderLogo.scss.js"),require("../componentsV2/Switch/Switch.js"),require("../componentsV2/Tabs/Tabs.js"),require("../componentsV2/EmptyState/EmptyState.scss.js"),require("../componentsV2/FileIcon/FileIcon.js"),require("../componentsV2/Tag/Tag.js"),require("react-dropzone"),require("../componentsV2/FilesDropzone/FilesDropzone.scss.js"),require("../componentsV2/FilesLoader/FilesLoader.scss.js"),require("../componentsV2/FilesProcessor/FilesProcessor.scss.js"),require("../componentsV2/Skeleton/Skeleton.scss.js"),require("../utils/main.js"),require("../componentsV2/CopyToClipboard/CopyToClipboard.scss.js"),require("../componentsV2/Stepper/Step/Step.scss.js"),require("../componentsV2/Stepper/Stepper.scss.js"),require("../componentsV2/ButtonLive/ButtonLive.js"),require("../componentsV2/ButtonText/ButtonText.js"),require("../componentsV2/IndicatorLive/IndicatorLive.js"),require("../componentsV2/Accordion/Accordion.scss.js"),require("../componentsV2/Breadcrumbs/Breadcrumbs.scss.js"),require("../componentsV2/BadgeComment/BadgeComment.js"),require("../componentsV2/AppContainer/AppContainer.js"),require("../componentsV2/AppContainer/AppContainer.constants.js"),require("../componentsV2/AppFooter/AppFooter.js"),require("../componentsV2/AppCommonsProvider/AppCommonsContext.js"),require("../componentsV2/AppHeader/AppHeader.constants.js"),require("../componentsV2/AppHeader/AppBadge/AppBadge.scss.js"),require("../componentsV2/AppHeader/AppAssets/utils.js"),require("../componentsV2/AppHeader/AppAssets/AppAssets.scss.js"),require("./PadModeSelect/PadModeSelect.js"),require("../componentsV2/AppHeader/PadMode/PadMode.scss.js"),require("../constants/streamSourceType.js"),require("../types/shared/Completions.js"),require("./PadModeSelect/types.js"),require("lodash/flatten"),require("lodash/partition"),require("../componentsV2/PadModeSelect/FracModeLabel/FracModeLabel.js"),require("../componentsV2/PadModeSelect/FracModeLabel/FracModeLabel.constants.js"),require("../clients/jsonApi/index.js"),require("@babel/runtime/helpers/toConsumableArray"),require("lodash/set"),require("lodash/get"),require("lodash/unset"),require("moment"),require("../clients/subscriptions/constants.js"),require("../clients/subscriptions.v1.js"),require("../clients/subscriptions/subscriptions-client.factory.js"),require("../clients/api/apiCore.js"),require("../clients/constants.js"),require("../clients/sso/auth0.js"),require("../clients/sso/oauth2.js"),require("../componentsV2/PadModeSelect/WellStreamActivityStatus/WellStreamActivityStatus.scss.js"),require("../componentsV2/PadModeSelect/PadModeSelect.constants.js"),require("../componentsV2/PadModeSelect/PadModeSelect.scss.js"),require("querystring"),require("uuid/v1"),require("jsona"),require("../utils/env.js"),require("./StatusBadge/constants.js"),require("lodash/isEmpty"),require("lodash/sortBy"),require("./DevCenter/DevCenterAppContainer/components/CommentsSwitch/CommentsSwitchContext.js"),require("../componentsV2/AppHeader/V3/VersionSelect/VersionSelect.js"),require("../componentsV2/UniversalLink/UniversalLink.scss.js"),require("../componentsV2/AppHeader/V3/AssetChips/AssetChips.scss.js"),require("../componentsV2/AppHeader/V3/DqStatusIcon/DqStatusIcon.js"),require("../componentsV2/AppHeader/V3/DqStatusIcon/DqStatusIcon.constants.js"),require("../componentsV2/AppFooter/DqPopover/DqStatusIcon/DqStatusIcon.js"),require("../componentsV2/AppDqPopover/DqAlertTooltip/DqAlertTooltip.scss.js"),require("../componentsV2/AppDqPopover/DqAlert/DqAlert.scss.js"),require("../componentsV2/AppDqPopover/DqAsset/DqAsset.scss.js"),require("../componentsV2/AppDqPopover/AppDqPopover.scss.js"),require("./AppIcon/AppIcon.js"),require("../utils/getSingleAsset.js"),require("../componentsV2/AppHeader/V3/AssetSelector/AssetSelectorChip/AssetSelectorChip.js"),require("../componentsV2/AppHeader/V3/AssetSelector/constants.js"),require("../componentsV2/AppHeader/V3/AssetSelector/AssetSelectorSelect/AssetSelectorSelect.scss.js"),require("../componentsV2/AppHeader/V3/AssetSelector/AssetSelectorSelect/loadAssets.js"),require("../componentsV2/AppHeader/V3/AssetSelector/AssetSelector.scss.js"),require("../componentsV2/AppHeader/V3/AppTitle/AppTitle.constants.js"),require("../componentsV2/AppContainer/headerCommon.scss.js"),require("../componentsV2/AppHeader/V3/AppTitle/AppTitle.scss.js"),require("../componentsV2/AppHeader/V3/constants.scss.js"),require("@babel/runtime/helpers/typeof"),require("../componentsV2/AppHeader/V3/SettingsButton/SettingsButton.js"),require("../componentsV2/AppHeader/V3/SettingsButton/SettingsButton.constants.js"),require("../componentsV2/AppSettings/AppSettings.js"),require("../componentsV2/AppSettings/AppSettings.constants.js"),require("../componentsV2/AppSettings/AppSettingsPinningContext.js"),require("../componentsV2/AppSizeProvider/AppSizeProvider.js"),require("../componentsV2/AppHeader/V3/Actions/Actions.constants.js"),require("../componentsV2/AppHeader/V3/Actions/Actions.scss.js"),require("../componentsV2/AppHeader/V3/AppHeaderV3.scss.js"),require("../componentsV2/AppHeader/AppHeader.scss.js"),require("../componentsV2/OffsetWellsButton/OffsetWellsButton.js"),require("../componentsV2/Autocomplete/Autocomplete.scss.js"),require("../componentsV2/Menu/MenuItem/MenuItem.js"),require("../componentsV2/Autocomplete/AutocompleteListBox.js"),require("../componentsV2/AppSettingsDivider/AppSettingsDivider.scss.js"),require("../componentsV2/WellArchivedMessage/WellArchivedMessage.js"),require("../componentsV2/DatePicker/DatePicker.js"),require("../componentsV2/DragHandle/DragHandle.js"),require("./DevCenter/DevCenterAppContainer/components/FullscreenButton/FullscreenButton.js"),require("./DevCenter/DevCenterAppContainer/components/AppInfoMessage/AppInfoMessage.js"),require("./DevCenter/DevCenterAppContainer/components/DevCenterAppView/DevCenterAppView.js"),require("./DevCenter/DevCenterAppContainer/components/RestoreAppSizeButton/index.js"),require("rollbar"),require("@rollbar/react"),require("./DevCenter/DevCenterAppContainer/components/CommentsSwitch/CommentsSwitchButton.scss.js"),require("./DevCenter/DevCenterAppContainer/DevCenterAppContainer.css.js"),require("../utils/mobileDetect.js"),require("./Icons/AnnotationIcon.js"),require("./Annotations/components/AnnotationsList/index.js"),require("./Annotations/components/LastAnnotation/index.js"),require("./Annotations/AnnotationsContext.js"),require("./Toaster/Toaster.js"),require("./HelpCenter/HelpCenterIcon.js"),require("./DevCenter/NavigationBar/NavigationBar.js");var u=require("./DevCenter/SideBar/SideBar.js");function l(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}require("./DevCenter/AppSettingsPopover/AppSettingsPopover.js"),require("./DevCenter/AppFilterPanelLayout/AppFilterPanelLayout.js"),require("./DevCenter/IsolatedDevCenterAppContainer/DevCenterIsolatedAppPage.js"),require("./DevCenter/IsolatedDevCenterAppContainer/DevCenterIsolatedApp.js");var d=l(e),q=l(s),m=l(o),j=l(n),A=l(c),C=l(p),V=function(e){var s,o=e.classes,n=e.children,t=e.onStateChange,c=e.initialState,p=e.drawerPaperClassName,l=e.isToolbarGutterShown,m=e.openedDrawerWidth,V=e.anchor,v=r.useState(c),g=q.default(v,2),D=g[0],S=g[1],h=function(){S(!D),t(!D)},I="left"===V?A.default:C.default;return a.jsxs(u,{isToolbarGutterShown:l,drawerWidth:m,drawerClassName:j.default(o.drawer,!D&&o.drawerClosed),drawerPaperClassName:j.default(o.drawer,o.drawerPaper,p,!D&&o.drawerClosed),anchor:V,listClassName:o.list,onClick:function(){D||h()},children:[n,a.jsx(i.Box,{className:j.default(o.openToggleContainer,(s={},d.default(s,o.openToggleContainerCollapsed,!D),d.default(s,o.openToggleContainerOpened,D),s)),children:a.jsx(i.IconButton,{"data-testid":"".concat("CollapsableSidebar","_toggle"),"aria-label":"toggle sidebar",className:o.openToggleIconButton,onClick:h,children:a.jsx(I,{className:j.default(o.openToggleIcon,d.default({},o.openToggleIconClosed,!D))})})})]})};V.propTypes={children:m.default.node.isRequired,onStateChange:m.default.func,initialState:m.default.bool,drawerPaperClassName:m.default.string,isToolbarGutterShown:m.default.bool,openedDrawerWidth:m.default.oneOfType([m.default.string,m.default.number]),anchor:m.default.oneOf(["left","right"]),closedWidth:m.default.oneOfType([m.default.string,m.default.number])},V.defaultProps={onStateChange:t.noop,initialState:!0,closedWidth:48,drawerPaperClassName:null,isToolbarGutterShown:void 0,openedDrawerWidth:void 0,anchor:void 0};var v=i.withStyles((function(e){return{drawer:{display:"flex",flexDirection:"column",height:"100%"},drawerPaper:{"&$drawerClosed":{cursor:"pointer","&:hover::before":{content:'""',position:"absolute",top:0,right:0,bottom:0,left:0,background:e.palette.background.b7}}},drawerClosed:{width:function(e){return e.closedWidth}},openToggleIcon:{fontSize:"1.25rem",color:e.palette.primary.text7},openToggleIconClosed:{transform:"rotate(180deg)"},openToggleIconButton:{padding:6},openToggleContainer:{display:"flex",position:"absolute",bottom:0,width:"100%",flex:"0 0",padding:e.spacing(2,1,1.5)},openToggleContainerCollapsed:{paddingRight:e.spacing(1),paddingLeft:e.spacing(1),justifyContent:"center"},openToggleContainerOpened:{justifyContent:function(e){return"left"===e.anchor?"flex-end":"flex-start"}},list:{display:"flex",flexDirection:"column",flexGrow:1,overflow:"hidden",paddingBottom:60}}}))(V);module.exports=v;
+"use strict";var e=require("@babel/runtime/helpers/defineProperty"),s=require("@babel/runtime/helpers/slicedToArray"),r=require("react"),o=require("prop-types"),n=require("classnames"),t=require("lodash"),i=require("@material-ui/core"),c=require("@material-ui/icons/ChevronLeftRounded"),p=require("@material-ui/icons/ChevronRightRounded");require("./DevCenter/AppHeader/AppHeader.js"),require("./DevCenter/AppSideBar/AppSideBar.js"),require("./DevCenter/AppsDataProvider/AppsDataProvider.js"),require("@material-ui/icons"),require("./DevCenter/AppContext.js"),require("./DevCenter/DevCenterRouterContext/DevCenterRouterContext.js"),require("./DevCenter/DevCenterRouterContext/UniversalLink/UniversalLink.js"),require("@babel/runtime/helpers/objectWithoutProperties"),require("react-router");var a=require("react/jsx-runtime");require("@babel/runtime/helpers/asyncToGenerator"),require("@babel/runtime/regenerator"),require("../constants/goals.js"),require("../constants/segment.js"),require("../constants/alerts.js"),require("../constants/apps.js"),require("../constants/drillstring.js"),require("../constants/completion.js"),require("../constants/appPackages.js"),require("../constants/notifications.js"),require("../constants/feed.js"),require("../constants/bha.js"),require("../constants/corvaCompanyId.js"),require("./GradientManager/configuration/constants.js"),require("../utils/index.js"),require("./DevCenter/DevCenterAppContainer/components/AppActions/AppActions.css.js"),require("./DevCenter/DevCenterAppContainer/components/AppSettingsDialog/AppSettingsDialog.js"),require("./DevCenter/DevCenterAppContainer/components/AppSettingsDialog/components/RemoveAppButton.js"),require("./DevCenter/DevCenterAppContainer/components/AppSettingsDialog/components/SettingsAccordion.js"),require("./DevCenter/DevCenterAppContainer/components/AnnotationsButton/AnnotationsButton.js"),require("../componentsV2/Text/Text.js"),require("../componentsV2/Grid/Grid.js"),require("../componentsV2/Grid/Cell.js"),require("../componentsV2/Header/Header.scss.js"),require("../componentsV2/Button/Button.js"),require("../componentsV2/ButtonIcon/ButtonIcon.js"),require("./DevCenter/DevCenterAppContainer/components/IsInsideIsolatedDcAppProvider/IsInsideIsolatedDcAppProvider.js"),require("./DevCenter/DevCenterAppContainer/components/DcFullscreenElemsCoordinatorProvider/IsInsideDcFullscreenElemProvider.js"),require("./DevCenter/DevCenterAppContainer/components/DcFullscreenElemsCoordinatorProvider/DcFullscreenElemsCoordinatorProvider.js"),require("uuid"),require("../componentsV2/Tooltip/Tooltip.scss.js"),require("../componentsV2/Popover/Popover.js"),require("../componentsV2/Radio/Radio.js"),require("../componentsV2/RadioAndCheckboxGroup/RadioAndCheckboxGroup.scss.js"),require("../componentsV2/Checkbox/Checkbox.js"),require("../componentsV2/TextInput/TextInput.js"),require("../componentsV2/Label/Label.js"),require("../componentsV2/TextEndTruncated/TextEndTruncated.scss.js"),require("../componentsV2/TextMiddleTruncated/TextMiddleTruncated.constants.js"),require("../componentsV2/TextMiddleTruncated/TextMiddleTruncated.scss.js"),require("../componentsV2/TextLink/TextLink.js"),require("../componentsV2/Chip/Chip.js"),require("../componentsV2/ChipAlert/ChipAlert.js"),require("../componentsV2/ChipIndicator/ChipIndicator.js"),require("../componentsV2/Avatar/Avatar.js"),require("../componentsV2/AvatarGroup/AvatarGroup.js"),require("@material-ui/lab"),require("../componentsV2/ToggleButtons/ToggleButtons.scss.js"),require("../componentsV2/Paper/Paper.js"),require("../componentsV2/ModalWindow/ModalWindow.scss.js"),require("@icon-park/react/es/all"),require("../icons/IconParkProvider.js"),require("../icons/customIcons/icons/AddMessage.js"),require("../icons/customIcons/icons/Attention.js"),require("../icons/customIcons/icons/Collapse.js"),require("../icons/customIcons/icons/Dashboard.js"),require("../icons/customIcons/icons/Expand.js"),require("../icons/customIcons/icons/FolderClosed.js"),require("../icons/customIcons/icons/FolderClosedFilled.js"),require("../icons/customIcons/icons/FolderOpened.js"),require("../icons/customIcons/icons/GreaterOrEqual.js"),require("../icons/customIcons/icons/LessOrEqual.js"),require("../icons/customIcons/icons/Search.js"),require("../icons/customIcons/icons/SearchOne.js"),require("../icons/customIcons/icons/Wellhub.js"),require("../icons/customIcons/icons/MultiRuler.js"),require("../icons/customIcons/icons/Checkbox.js"),require("../icons/customIcons/icons/CheckboxChecked.js"),require("../icons/customIcons/icons/CheckboxIndeterminate.js"),require("../icons/customIcons/icons/Radio.js"),require("../icons/customIcons/icons/RadioChecked.js"),require("../icons/customIcons/icons/SimulFrac.js"),require("../icons/customIcons/icons/ZipperFrac.js"),require("../icons/customIcons/icons/CautionFilled.js"),require("../icons/customIcons/icons/MoreApp.js"),require("../icons/customIcons/icons/Pad.js"),require("../icons/customIcons/icons/DrilloutUnit.js"),require("../icons/customIcons/icons/FracFleet.js"),require("../icons/customIcons/icons/Global.js"),require("../icons/customIcons/icons/Program.js"),require("../icons/customIcons/icons/Rig.js"),require("../icons/customIcons/icons/Well.js"),require("../icons/customIcons/icons/Gap.js"),require("../icons/customIcons/icons/Pin.js"),require("../icons/customIcons/icons/CloseOneFilled.js"),require("../icons/customIcons/icons/AttentionFilled.js"),require("../icons/customIcons/icons/CheckOneFilled.js"),require("../icons/customIcons/icons/Archive.js"),require("../icons/customIcons/icons/ArchiveCancel.js"),require("../icons/customIcons/icons/Unarchive.js"),require("../icons/customIcons/icons/Archived.js"),require("../icons/customIcons/icons/InterventionUnit.js"),require("../icons/customIcons/icons/Lasso.js"),require("../componentsV2/Modal/Modal.scss.js"),require("../componentsV2/Menu/Menu.js"),require("../componentsV2/utils.js"),require("../componentsV2/Hint/Hint.scss.js"),require("../componentsV2/Counter/Counter.js"),require("../componentsV2/BadgeBase/BadgeBase.scss.js"),require("../componentsV2/BadgeDot/BadgeDot.scss.js"),require("../componentsV2/LoaderLinear/LoaderLinear.scss.js"),require("../componentsV2/LoaderLogo/LoaderLogo.constants.js"),require("../componentsV2/LoaderLogo/LoaderLogo.scss.js"),require("../componentsV2/Switch/Switch.js"),require("../componentsV2/Tabs/Tabs.js"),require("../componentsV2/EmptyState/EmptyState.scss.js"),require("../componentsV2/FileIcon/FileIcon.js"),require("../componentsV2/Tag/Tag.js"),require("react-dropzone"),require("../componentsV2/FilesDropzone/FilesDropzone.scss.js"),require("../componentsV2/FilesLoader/FilesLoader.scss.js"),require("../componentsV2/FilesProcessor/FilesProcessor.scss.js"),require("../componentsV2/Skeleton/Skeleton.scss.js"),require("../utils/main.js"),require("../componentsV2/CopyToClipboard/CopyToClipboard.scss.js"),require("../componentsV2/Stepper/Step/Step.scss.js"),require("../componentsV2/Stepper/Stepper.scss.js"),require("../componentsV2/ButtonLive/ButtonLive.js"),require("../componentsV2/ButtonText/ButtonText.js"),require("../componentsV2/IndicatorLive/IndicatorLive.js"),require("../componentsV2/Accordion/Accordion.scss.js"),require("../componentsV2/Breadcrumbs/Breadcrumbs.scss.js"),require("../componentsV2/BadgeComment/BadgeComment.js"),require("../componentsV2/AppContainer/AppContainer.js"),require("../componentsV2/AppContainer/AppContainer.constants.js"),require("../componentsV2/AppFooter/AppFooter.js"),require("../componentsV2/AppCommonsProvider/AppCommonsContext.js"),require("../componentsV2/AppHeader/AppHeader.constants.js"),require("../componentsV2/AppHeader/AppBadge/AppBadge.scss.js"),require("../componentsV2/AppHeader/AppAssets/utils.js"),require("../componentsV2/AppHeader/AppAssets/AppAssets.scss.js"),require("./PadModeSelect/PadModeSelect.js"),require("../componentsV2/AppHeader/PadMode/PadMode.scss.js"),require("../constants/streamSourceType.js"),require("../types/shared/Completions.js"),require("./PadModeSelect/types.js"),require("lodash/flatten"),require("lodash/partition"),require("../componentsV2/PadModeSelect/FracModeLabel/FracModeLabel.js"),require("../componentsV2/PadModeSelect/FracModeLabel/FracModeLabel.constants.js"),require("../clients/jsonApi/index.js"),require("@babel/runtime/helpers/toConsumableArray"),require("lodash/set"),require("lodash/get"),require("lodash/unset"),require("moment"),require("../clients/subscriptions/constants.js"),require("../clients/subscriptions.v1.js"),require("../clients/subscriptions/subscriptions-client.factory.js"),require("../clients/api/apiCore.js"),require("../clients/constants.js"),require("../clients/sso/auth0.js"),require("../clients/sso/oauth2.js"),require("../componentsV2/PadModeSelect/WellStreamActivityStatus/WellStreamActivityStatus.scss.js"),require("../componentsV2/PadModeSelect/PadModeSelect.constants.js"),require("../componentsV2/PadModeSelect/PadModeSelect.scss.js"),require("querystring"),require("uuid/v1"),require("jsona"),require("../utils/env.js"),require("./StatusBadge/constants.js"),require("lodash/isEmpty"),require("lodash/sortBy"),require("./DevCenter/DevCenterAppContainer/components/CommentsSwitch/CommentsSwitchContext.js"),require("../componentsV2/AppHeader/V3/VersionSelect/VersionSelect.js"),require("../componentsV2/UniversalLink/UniversalLink.scss.js"),require("../componentsV2/AppHeader/V3/AssetChips/AssetChips.scss.js"),require("../componentsV2/AppHeader/V3/DqStatusIcon/DqStatusIcon.js"),require("../componentsV2/AppHeader/V3/DqStatusIcon/DqStatusIcon.constants.js"),require("../componentsV2/AppFooter/DqPopover/DqStatusIcon/DqStatusIcon.js"),require("../componentsV2/AppDqPopover/DqAlertTooltip/DqAlertTooltip.scss.js"),require("../componentsV2/AppDqPopover/DqAlert/DqAlert.scss.js"),require("../componentsV2/AppDqPopover/DqAsset/DqAsset.scss.js"),require("../componentsV2/AppDqPopover/AppDqPopover.scss.js"),require("./AppIcon/AppIcon.js"),require("../utils/getSingleAsset.js"),require("../componentsV2/AppHeader/V3/AssetSelector/AssetSelectorChip/AssetSelectorChip.js"),require("../componentsV2/AppHeader/V3/AssetSelector/constants.js"),require("../componentsV2/AppHeader/V3/AssetSelector/AssetSelectorSelect/AssetSelectorSelect.scss.js"),require("../componentsV2/AppHeader/V3/AssetSelector/AssetSelectorSelect/loadAssets.js"),require("../componentsV2/AppHeader/V3/AssetSelector/AssetSelector.scss.js"),require("../componentsV2/AppHeader/V3/AppTitle/AppTitle.constants.js"),require("../componentsV2/AppContainer/headerCommon.scss.js"),require("../componentsV2/AppHeader/V3/AppTitle/AppTitle.scss.js"),require("../componentsV2/AppHeader/V3/constants.scss.js"),require("@babel/runtime/helpers/typeof"),require("../componentsV2/AppHeader/V3/SettingsButton/SettingsButton.js"),require("../componentsV2/AppHeader/V3/SettingsButton/SettingsButton.constants.js"),require("../componentsV2/AppSettings/AppSettings.js"),require("../componentsV2/AppSettings/AppSettings.constants.js"),require("../componentsV2/AppSettings/AppSettingsPinningContext.js"),require("../componentsV2/AppSizeProvider/AppSizeProvider.js"),require("../componentsV2/AppHeader/V3/Actions/Actions.constants.js"),require("../componentsV2/AppHeader/V3/Actions/Actions.scss.js"),require("../componentsV2/AppHeader/V3/AppHeaderV3.scss.js"),require("../componentsV2/AppHeader/AppHeader.scss.js"),require("../componentsV2/OffsetWellsButton/OffsetWellsButton.js"),require("../componentsV2/Autocomplete/Autocomplete.scss.js"),require("../componentsV2/Menu/MenuItem/MenuItem.js"),require("../componentsV2/Autocomplete/AutocompleteListBox.js"),require("../componentsV2/AppSettingsDivider/AppSettingsDivider.scss.js"),require("../componentsV2/WellArchivedMessage/WellArchivedMessage.js"),require("../componentsV2/DatePicker/DatePicker.js"),require("../componentsV2/DragHandle/DragHandle.js"),require("../componentsV2/CompletionsOffsetWellPicker/CompletionsOffsetWellPicker.js"),require("./DevCenter/DevCenterAppContainer/components/FullscreenButton/FullscreenButton.js"),require("./DevCenter/DevCenterAppContainer/components/AppInfoMessage/AppInfoMessage.js"),require("./DevCenter/DevCenterAppContainer/components/DevCenterAppView/DevCenterAppView.js"),require("./DevCenter/DevCenterAppContainer/components/RestoreAppSizeButton/index.js"),require("rollbar"),require("@rollbar/react"),require("./DevCenter/DevCenterAppContainer/components/CommentsSwitch/CommentsSwitchButton.scss.js"),require("./DevCenter/DevCenterAppContainer/DevCenterAppContainer.css.js"),require("../utils/mobileDetect.js"),require("./Icons/AnnotationIcon.js"),require("./Annotations/components/AnnotationsList/index.js"),require("./Annotations/components/LastAnnotation/index.js"),require("./Annotations/AnnotationsContext.js"),require("./Toaster/Toaster.js"),require("./HelpCenter/HelpCenterIcon.js"),require("./DevCenter/NavigationBar/NavigationBar.js");var u=require("./DevCenter/SideBar/SideBar.js");function l(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}require("./DevCenter/AppSettingsPopover/AppSettingsPopover.js"),require("./DevCenter/AppFilterPanelLayout/AppFilterPanelLayout.js"),require("./DevCenter/IsolatedDevCenterAppContainer/DevCenterIsolatedAppPage.js"),require("./DevCenter/IsolatedDevCenterAppContainer/DevCenterIsolatedApp.js");var d=l(e),q=l(s),m=l(o),j=l(n),A=l(c),C=l(p),V=function(e){var s,o=e.classes,n=e.children,t=e.onStateChange,c=e.initialState,p=e.drawerPaperClassName,l=e.isToolbarGutterShown,m=e.openedDrawerWidth,V=e.anchor,v=r.useState(c),g=q.default(v,2),D=g[0],S=g[1],h=function(){S(!D),t(!D)},I="left"===V?A.default:C.default;return a.jsxs(u,{isToolbarGutterShown:l,drawerWidth:m,drawerClassName:j.default(o.drawer,!D&&o.drawerClosed),drawerPaperClassName:j.default(o.drawer,o.drawerPaper,p,!D&&o.drawerClosed),anchor:V,listClassName:o.list,onClick:function(){D||h()},children:[n,a.jsx(i.Box,{className:j.default(o.openToggleContainer,(s={},d.default(s,o.openToggleContainerCollapsed,!D),d.default(s,o.openToggleContainerOpened,D),s)),children:a.jsx(i.IconButton,{"data-testid":"".concat("CollapsableSidebar","_toggle"),"aria-label":"toggle sidebar",className:o.openToggleIconButton,onClick:h,children:a.jsx(I,{className:j.default(o.openToggleIcon,d.default({},o.openToggleIconClosed,!D))})})})]})};V.propTypes={children:m.default.node.isRequired,onStateChange:m.default.func,initialState:m.default.bool,drawerPaperClassName:m.default.string,isToolbarGutterShown:m.default.bool,openedDrawerWidth:m.default.oneOfType([m.default.string,m.default.number]),anchor:m.default.oneOf(["left","right"]),closedWidth:m.default.oneOfType([m.default.string,m.default.number])},V.defaultProps={onStateChange:t.noop,initialState:!0,closedWidth:48,drawerPaperClassName:null,isToolbarGutterShown:void 0,openedDrawerWidth:void 0,anchor:void 0};var v=i.withStyles((function(e){return{drawer:{display:"flex",flexDirection:"column",height:"100%"},drawerPaper:{"&$drawerClosed":{cursor:"pointer","&:hover::before":{content:'""',position:"absolute",top:0,right:0,bottom:0,left:0,background:e.palette.background.b7}}},drawerClosed:{width:function(e){return e.closedWidth}},openToggleIcon:{fontSize:"1.25rem",color:e.palette.primary.text7},openToggleIconClosed:{transform:"rotate(180deg)"},openToggleIconButton:{padding:6},openToggleContainer:{display:"flex",position:"absolute",bottom:0,width:"100%",flex:"0 0",padding:e.spacing(2,1,1.5)},openToggleContainerCollapsed:{paddingRight:e.spacing(1),paddingLeft:e.spacing(1),justifyContent:"center"},openToggleContainerOpened:{justifyContent:function(e){return"left"===e.anchor?"flex-end":"flex-start"}},list:{display:"flex",flexDirection:"column",flexGrow:1,overflow:"hidden",paddingBottom:60}}}))(V);module.exports=v;
 //# sourceMappingURL=CollapsableSidebar.js.map

package/cjs-bundle/components/CollapsableSidebar.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"CollapsableSidebar.js","sources":["../../../src/components/CollapsableSidebar.js"],"sourcesContent":["import { useState } from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport { noop } from 'lodash';\nimport { withStyles, IconButton, Box } from '@material-ui/core';\nimport ChevronLeftRoundedIcon from '@material-ui/icons/ChevronLeftRounded';\nimport ChevronRightRoundedIcon from '@material-ui/icons/ChevronRightRounded';\n\nimport { SideBar } from './DevCenter';\n\nconst PAGE_NAME = 'CollapsableSidebar';\n\nconst muiStyles = theme => ({\n drawer: {\n display: 'flex',\n flexDirection: 'column',\n height: '100%',\n },\n drawerPaper: {\n '&$drawerClosed': {\n cursor: 'pointer',\n '&:hover::before': {\n content: '\"\"',\n position: 'absolute',\n top: 0,\n right: 0,\n bottom: 0,\n left: 0,\n background: theme.palette.background.b7,\n },\n },\n },\n drawerClosed: {\n width: ({ closedWidth }) => closedWidth,\n },\n openToggleIcon: {\n fontSize: '1.25rem',\n color: theme.palette.primary.text7,\n },\n openToggleIconClosed: {\n transform: 'rotate(180deg)',\n },\n openToggleIconButton: {\n padding: 6,\n },\n openToggleContainer: {\n display: 'flex',\n position: 'absolute',\n bottom: 0,\n width: '100%',\n flex: '0 0',\n padding: theme.spacing(2, 1, 1.5),\n },\n openToggleContainerCollapsed: {\n paddingRight: theme.spacing(1),\n paddingLeft: theme.spacing(1),\n justifyContent: 'center',\n },\n openToggleContainerOpened: {\n justifyContent: ({ anchor }) => (anchor === 'left' ? 'flex-end' : 'flex-start'),\n },\n list: {\n display: 'flex',\n flexDirection: 'column',\n flexGrow: 1,\n overflow: 'hidden',\n paddingBottom: 60,\n },\n});\n\nconst CollapsableSidebar = ({\n classes,\n children,\n onStateChange,\n initialState,\n drawerPaperClassName,\n isToolbarGutterShown,\n openedDrawerWidth,\n anchor,\n}) => {\n const [isOpen, setIsOpen] = useState(initialState);\n\n const toggleIsOpen = () => {\n setIsOpen(!isOpen);\n onStateChange(!isOpen);\n };\n\n const onSidebarClick = () => {\n if (!isOpen) {\n toggleIsOpen();\n }\n };\n\n const ChevroneIcon = anchor === 'left' ? ChevronLeftRoundedIcon : ChevronRightRoundedIcon;\n\n return (\n <SideBar\n isToolbarGutterShown={isToolbarGutterShown}\n drawerWidth={openedDrawerWidth}\n drawerClassName={classnames(classes.drawer, !isOpen && classes.drawerClosed)}\n drawerPaperClassName={classnames(\n classes.drawer,\n classes.drawerPaper,\n drawerPaperClassName,\n !isOpen && classes.drawerClosed\n )}\n anchor={anchor}\n listClassName={classes.list}\n onClick={onSidebarClick}\n >\n {children}\n <Box\n className={classnames(classes.openToggleContainer, {\n [classes.openToggleContainerCollapsed]: !isOpen,\n [classes.openToggleContainerOpened]: isOpen,\n })}\n >\n <IconButton\n data-testid={`${PAGE_NAME}_toggle`}\n aria-label=\"toggle sidebar\"\n className={classes.openToggleIconButton}\n onClick={toggleIsOpen}\n >\n <ChevroneIcon\n className={classnames(classes.openToggleIcon, {\n [classes.openToggleIconClosed]: !isOpen,\n })}\n />\n </IconButton>\n </Box>\n </SideBar>\n );\n};\n\nCollapsableSidebar.propTypes = {\n children: PropTypes.node.isRequired,\n onStateChange: PropTypes.func,\n initialState: PropTypes.bool,\n drawerPaperClassName: PropTypes.string,\n isToolbarGutterShown: PropTypes.bool,\n openedDrawerWidth: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n anchor: PropTypes.oneOf(['left', 'right']),\n // eslint-disable-next-line react/no-unused-prop-types\n closedWidth: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n};\n\nCollapsableSidebar.defaultProps = {\n onStateChange: noop,\n initialState: true,\n closedWidth: 48,\n drawerPaperClassName: null,\n isToolbarGutterShown: undefined,\n openedDrawerWidth: undefined,\n anchor: undefined,\n};\n\nexport default withStyles(muiStyles)(CollapsableSidebar);\n"],"names":["CollapsableSidebar","_ref3","_classnames","classes","children","onStateChange","initialState","drawerPaperClassName","isToolbarGutterShown","openedDrawerWidth","anchor","useState","_useState2","_slicedToArray","_useState","isOpen","setIsOpen","toggleIsOpen","ChevroneIcon","ChevronLeftRoundedIcon","ChevronRightRoundedIcon","_jsxs","SideBar","drawerWidth","drawerClassName","classnames","drawer","drawerClosed","drawerPaper","listClassName","list","onClick","_jsx","jsx","Box","className","openToggleContainer","openToggleContainerCollapsed","openToggleContainerOpened","IconButton","concat","openToggleIconButton","openToggleIcon","openToggleIconClosed","propTypes","PropTypes","node","isRequired","func","bool","string","oneOfType","number","oneOf","closedWidth","defaultProps","noop","undefined","CollapsableSidebar$1","withStyles","theme","display","flexDirection","height","cursor","content","position","top","right","bottom","left","background","palette","b7","width","_ref","fontSize","color","primary","text7","transform","padding","flex","spacing","paddingRight","paddingLeft","justifyContent","_ref2","flexGrow","overflow","paddingBottom"],"mappings":"~~28ZAsEMA~~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"}
1	+ {"version":3,"file":"CollapsableSidebar.js","sources":["../../../src/components/CollapsableSidebar.js"],"sourcesContent":["import { useState } from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport { noop } from 'lodash';\nimport { withStyles, IconButton, Box } from '@material-ui/core';\nimport ChevronLeftRoundedIcon from '@material-ui/icons/ChevronLeftRounded';\nimport ChevronRightRoundedIcon from '@material-ui/icons/ChevronRightRounded';\n\nimport { SideBar } from './DevCenter';\n\nconst PAGE_NAME = 'CollapsableSidebar';\n\nconst muiStyles = theme => ({\n drawer: {\n display: 'flex',\n flexDirection: 'column',\n height: '100%',\n },\n drawerPaper: {\n '&$drawerClosed': {\n cursor: 'pointer',\n '&:hover::before': {\n content: '\"\"',\n position: 'absolute',\n top: 0,\n right: 0,\n bottom: 0,\n left: 0,\n background: theme.palette.background.b7,\n },\n },\n },\n drawerClosed: {\n width: ({ closedWidth }) => closedWidth,\n },\n openToggleIcon: {\n fontSize: '1.25rem',\n color: theme.palette.primary.text7,\n },\n openToggleIconClosed: {\n transform: 'rotate(180deg)',\n },\n openToggleIconButton: {\n padding: 6,\n },\n openToggleContainer: {\n display: 'flex',\n position: 'absolute',\n bottom: 0,\n width: '100%',\n flex: '0 0',\n padding: theme.spacing(2, 1, 1.5),\n },\n openToggleContainerCollapsed: {\n paddingRight: theme.spacing(1),\n paddingLeft: theme.spacing(1),\n justifyContent: 'center',\n },\n openToggleContainerOpened: {\n justifyContent: ({ anchor }) => (anchor === 'left' ? 'flex-end' : 'flex-start'),\n },\n list: {\n display: 'flex',\n flexDirection: 'column',\n flexGrow: 1,\n overflow: 'hidden',\n paddingBottom: 60,\n },\n});\n\nconst CollapsableSidebar = ({\n classes,\n children,\n onStateChange,\n initialState,\n drawerPaperClassName,\n isToolbarGutterShown,\n openedDrawerWidth,\n anchor,\n}) => {\n const [isOpen, setIsOpen] = useState(initialState);\n\n const toggleIsOpen = () => {\n setIsOpen(!isOpen);\n onStateChange(!isOpen);\n };\n\n const onSidebarClick = () => {\n if (!isOpen) {\n toggleIsOpen();\n }\n };\n\n const ChevroneIcon = anchor === 'left' ? ChevronLeftRoundedIcon : ChevronRightRoundedIcon;\n\n return (\n <SideBar\n isToolbarGutterShown={isToolbarGutterShown}\n drawerWidth={openedDrawerWidth}\n drawerClassName={classnames(classes.drawer, !isOpen && classes.drawerClosed)}\n drawerPaperClassName={classnames(\n classes.drawer,\n classes.drawerPaper,\n drawerPaperClassName,\n !isOpen && classes.drawerClosed\n )}\n anchor={anchor}\n listClassName={classes.list}\n onClick={onSidebarClick}\n >\n {children}\n <Box\n className={classnames(classes.openToggleContainer, {\n [classes.openToggleContainerCollapsed]: !isOpen,\n [classes.openToggleContainerOpened]: isOpen,\n })}\n >\n <IconButton\n data-testid={`${PAGE_NAME}_toggle`}\n aria-label=\"toggle sidebar\"\n className={classes.openToggleIconButton}\n onClick={toggleIsOpen}\n >\n <ChevroneIcon\n className={classnames(classes.openToggleIcon, {\n [classes.openToggleIconClosed]: !isOpen,\n })}\n />\n </IconButton>\n </Box>\n </SideBar>\n );\n};\n\nCollapsableSidebar.propTypes = {\n children: PropTypes.node.isRequired,\n onStateChange: PropTypes.func,\n initialState: PropTypes.bool,\n drawerPaperClassName: PropTypes.string,\n isToolbarGutterShown: PropTypes.bool,\n openedDrawerWidth: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n anchor: PropTypes.oneOf(['left', 'right']),\n // eslint-disable-next-line react/no-unused-prop-types\n closedWidth: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n};\n\nCollapsableSidebar.defaultProps = {\n onStateChange: noop,\n initialState: true,\n closedWidth: 48,\n drawerPaperClassName: null,\n isToolbarGutterShown: undefined,\n openedDrawerWidth: undefined,\n anchor: undefined,\n};\n\nexport default withStyles(muiStyles)(CollapsableSidebar);\n"],"names":["CollapsableSidebar","_ref3","_classnames","classes","children","onStateChange","initialState","drawerPaperClassName","isToolbarGutterShown","openedDrawerWidth","anchor","useState","_useState2","_slicedToArray","_useState","isOpen","setIsOpen","toggleIsOpen","ChevroneIcon","ChevronLeftRoundedIcon","ChevronRightRoundedIcon","_jsxs","SideBar","drawerWidth","drawerClassName","classnames","drawer","drawerClosed","drawerPaper","listClassName","list","onClick","_jsx","jsx","Box","className","openToggleContainer","openToggleContainerCollapsed","openToggleContainerOpened","IconButton","concat","openToggleIconButton","openToggleIcon","openToggleIconClosed","propTypes","PropTypes","node","isRequired","func","bool","string","oneOfType","number","oneOf","closedWidth","defaultProps","noop","undefined","CollapsableSidebar$1","withStyles","theme","display","flexDirection","height","cursor","content","position","top","right","bottom","left","background","palette","b7","width","_ref","fontSize","color","primary","text7","transform","padding","flex","spacing","paddingRight","paddingLeft","justifyContent","_ref2","flexGrow","overflow","paddingBottom"],"mappings":"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"}