npm - @corva/ui - Versions diffs - 3.37.0-6 → 3.37.0-8 - Mend

@corva/ui 3.37.0-6 → 3.37.0-8

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 (1124) hide show

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

	@@ -1 +1 @@
1	- {"version":3,"file":"Component.js","sources":["../../../../../src/components/Casing/CasingTableV2/components/Component.js"],"sourcesContent":["import { memo, useEffect, useState } from 'react';\nimport classNames from 'classnames';\nimport { omit } from 'lodash';\nimport PropTypes from 'prop-types';\nimport { Grid, Menu, MenuItem } from '@material-ui/core';\n\nimport { Browser as DrillPipeBrowser, Editor as DrillPipeEditor } from './DrillPipe';\nimport { Browser as ComponentBrowser, Editor as ComponentEditor } from './CasingJoints';\nimport EditComponentDialog from './EditComponentDialog';\n\nimport { validateComponent } from '~/utils/casing/validation';\nimport { COMPONENT_FAMILIES } from '~/constants/casing';\nimport { CasingComponentIcon as ComponentIcon } from '~/components';\nimport {\n FormatedNumber,\n ExpandCollapseButton,\n MoreButton,\n StaticField,\n ConfirmationPopup,\n} from '~/components/Drillstring/BHAComponentsTable/components/shared';\nimport { calculateComponent } from '~/components/Drillstring/BHAComponentsTable/components/utils/calculation';\nimport { useStyles } from '~/components/Drillstring/BHAComponentsTable/components/sharedStyles';\n\nfunction getComponentName(family) {\n return COMPONENT_FAMILIES.find(item => item.type === family)?.name \|\| '—';\n}\n\nfunction Component({\n component,\n viewColumnsPerRow,\n editColumnsPerRow,\n isDraft,\n onCancel,\n onDelete,\n onSave,\n onChangeEditing,\n isMobile,\n isDragComponent,\n}) {\n const [actionAnchorEl, setActionAnchorEl] = useState(null);\n const [tempComponent, setTempComponent] = useState(component);\n const [isOpenSaveConfirm, setIsOpenSaveConfirm] = useState(false);\n const [isOpenDeleteDialog, setIsOpenDeleteDialog] = useState(false);\n const [isOpenEditorDialog, setIsOpenEditorDialog] = useState(false);\n const [error, setError] = useState(null);\n\n const classes = useStyles({ isMobile, isEditing: tempComponent.is_editing, isDragComponent });\n\n useEffect(() => {\n if (onChangeEditing) onChangeEditing(tempComponent.is_editing);\n }, [tempComponent.is_editing]);\n\n const handleExpandCollapse = () => {\n setTempComponent(prev => {\n return prev.is_expanded ? { ...prev, is_expanded: false } : { ...prev, is_expanded: true };\n });\n };\n\n const handleOpenActionMenu = e => {\n setActionAnchorEl(e.currentTarget);\n };\n\n const handleCloseActionMenu = () => {\n setActionAnchorEl(null);\n };\n\n const handleEdit = () => {\n setActionAnchorEl(null);\n setTempComponent(prev => ({ ...prev, is_editing: true }));\n };\n\n const handleConfirmDelete = () => {\n setActionAnchorEl(null);\n setIsOpenDeleteDialog(true);\n };\n\n const handleDelete = () => {\n onDelete(component);\n };\n\n const handleCancel = () => {\n setError(null);\n if (isDraft) {\n onCancel();\n return;\n }\n\n setTempComponent(component);\n };\n\n const handleChange = (key, value) => {\n const newComponent = calculateComponent(tempComponent, key, value);\n const result = validateComponent(newComponent);\n setTempComponent(newComponent);\n if (!result.isValid) {\n setError(result.errors);\n } else {\n setError(null);\n }\n };\n\n const handleUseSuggestion = suggestion => {\n setTempComponent(prev => {\n return {\n ...prev,\n ...suggestion,\n };\n });\n };\n\n const handleConfirmSave = () => {\n const result = validateComponent(tempComponent);\n if (!result.isValid) {\n setError(result.errors);\n return;\n }\n\n setError(null);\n setIsOpenSaveConfirm(true);\n };\n\n const handleSave = () => {\n setIsOpenSaveConfirm(false);\n setIsOpenEditorDialog(false);\n\n const { is_editing, ...saving } = tempComponent;\n\n setTempComponent(saving);\n\n onSave(omit(saving, ['is_expanded']), isDraft);\n };\n\n const contentCellName = classNames(classes.cell, classes.ratioWidth, {\n [classes.focusedFontsize]: tempComponent.is_editing \|\| tempComponent.is_expanded,\n });\n\n if (tempComponent.is_editing && !isOpenEditorDialog) {\n const { family } = tempComponent;\n\n const componentProps = {\n component: tempComponent,\n isDraft,\n error,\n onChange: handleChange,\n onCancel: handleCancel,\n onSave: isMobile ? handleSave : handleConfirmSave,\n onUseSuggestion: handleUseSuggestion,\n columns: editColumnsPerRow,\n };\n\n if (isMobile) {\n setIsOpenEditorDialog(true);\n } else {\n return (\n <div className={classes.component}>\n {(family === 'dp' \|\| family === 'hwdp') && <DrillPipeEditor {...componentProps} />}\n {family !== 'dp' && family !== 'hwdp' && <ComponentEditor {...componentProps} />}\n\n {isOpenSaveConfirm && (\n <ConfirmationPopup\n title=\"Save Changes?\"\n text=\"You will not be able to recover it.\"\n okText=\"Save\"\n handleClose={() => setIsOpenSaveConfirm(false)}\n handleOk={handleSave}\n />\n )}\n </div>\n );\n }\n }\n\n return (\n <div\n className={classNames(classes.component, {\n [classes.componentMobile]: isMobile,\n [classes.componentExpandedMobile]: isMobile && tempComponent.is_expanded,\n [classes.componentActive]: Boolean(actionAnchorEl),\n })}\n >\n <div\n className={classNames(classes.row, {\n [classes.rowExpanded]: isMobile && tempComponent.is_expanded,\n })}\n >\n <div className={classNames(classes.cell, { [classes.componentMobileCell]: isMobile })}>\n <ComponentIcon component={tempComponent} />\n </div>\n <div className={contentCellName}>{getComponentName(tempComponent.family)}</div>\n {!isMobile && (\n <>\n <div className={contentCellName}>\n <FormatedNumber\n value={\n tempComponent.family === 'bit' ? tempComponent.size : tempComponent.outer_diameter\n }\n />\n </div>\n <div className={contentCellName}>\n <FormatedNumber value={tempComponent.inner_diameter} />\n </div>\n <div className={contentCellName}>\n <FormatedNumber value={tempComponent.linear_weight} />\n </div>\n <div className={contentCellName}>\n <FormatedNumber value={tempComponent.length} format=\"0.0\" />\n </div>\n </>\n )}\n <div className={classNames(classes.cell, classes.actionCell)}>\n <ExpandCollapseButton\n isExpanded={tempComponent.is_expanded}\n classes={classes}\n handleExpandCollapse={handleExpandCollapse}\n />\n <MoreButton classes={classes} handleOpenActionMenu={handleOpenActionMenu} />\n </div>\n </div>\n\n {tempComponent.is_expanded && (\n <>\n {isMobile && (\n <Grid container spacing={2} style={{ padding: '8px 4px 16px' }}>\n <StaticField\n label={tempComponent.family === 'bit' ? 'Bit Size' : 'OD'}\n unit=\"shortLength\"\n value={\n tempComponent.family === 'bit' ? tempComponent.size : tempComponent.outer_diameter\n }\n />\n {tempComponent.family !== 'bit' && (\n <StaticField label=\"ID\" unit=\"shortLength\" value={component.inner_diameter} />\n )}\n {tempComponent.family !== 'bit' && (\n <StaticField\n label=\"Linear Weight\"\n unit=\"massPerLength\"\n value={component.linear_weight}\n format=\"0.0\"\n />\n )}\n <StaticField label=\"Length\" unit=\"length\" value={component.length} format=\"0.0\" />\n </Grid>\n )}\n\n {(tempComponent.family === 'dp' \|\| tempComponent.family === 'hwdp') && (\n <DrillPipeBrowser component={tempComponent} columns={viewColumnsPerRow} />\n )}\n {tempComponent.family !== 'dp' && tempComponent.family !== 'hwdp' && (\n <ComponentBrowser component={tempComponent} columns={viewColumnsPerRow} />\n )}\n </>\n )}\n\n <Menu\n anchorEl={actionAnchorEl}\n keepMounted\n open={Boolean(actionAnchorEl)}\n getContentAnchorEl={null}\n anchorOrigin={{ vertical: 'bottom', horizontal: 'right' }}\n transformOrigin={{ vertical: 'top', horizontal: 'right' }}\n onClose={handleCloseActionMenu}\n >\n <MenuItem onClick={handleEdit} className={classes.menuItem}>\n Edit\n </MenuItem>\n {tempComponent.family !== 'bit' && (\n <MenuItem onClick={handleConfirmDelete} className={classes.menuItem}>\n Delete\n </MenuItem>\n )}\n </Menu>\n\n {isOpenDeleteDialog && (\n <ConfirmationPopup\n title=\"Delete Component?\"\n text=\"You will not be able to recover it.\"\n okText=\"Delete\"\n handleClose={() => setIsOpenDeleteDialog(false)}\n handleOk={handleDelete}\n />\n )}\n\n {isOpenEditorDialog && (\n <EditComponentDialog\n component={tempComponent}\n isDraft={isDraft}\n error={error}\n onChange={handleChange}\n onCancel={handleCancel}\n onSave={handleConfirmSave}\n onUseSuggestion={handleUseSuggestion}\n onClose={() => {\n handleCancel();\n setIsOpenEditorDialog(false);\n }}\n />\n )}\n\n {isMobile && isOpenSaveConfirm && (\n <ConfirmationPopup\n title=\"Save Changes?\"\n text=\"You will not be able to recover it.\"\n okText=\"Save\"\n handleClose={() => setIsOpenSaveConfirm(false)}\n handleOk={handleSave}\n />\n )}\n </div>\n );\n}\n\nComponent.propTypes = {\n component: PropTypes.shape({\n family: PropTypes.string,\n size: PropTypes.number,\n outer_diameter: PropTypes.number,\n inner_diameter: PropTypes.number,\n linear_weight: PropTypes.number,\n length: PropTypes.number,\n }).isRequired,\n isMobile: PropTypes.bool.isRequired,\n isDraft: PropTypes.bool,\n onCancel: PropTypes.func,\n onDelete: PropTypes.func,\n onSave: PropTypes.func.isRequired,\n onChangeEditing: PropTypes.func,\n viewColumnsPerRow: PropTypes.number.isRequired,\n editColumnsPerRow: PropTypes.number.isRequired,\n isDragComponent: PropTypes.bool.isRequired,\n};\n\nComponent.defaultProps = {\n isDraft: false,\n onCancel: null,\n onDelete: null,\n onChangeEditing: undefined,\n};\n\nexport default memo(Component);\n"],"names":["getComponentName","family","_COMPONENT_FAMILIES$f","COMPONENT_FAMILIES","find","item","type","name","Component","_ref","_classNames2","component","viewColumnsPerRow","editColumnsPerRow","isDraft","onCancel","onDelete","onSave","onChangeEditing","isMobile","isDragComponent","useState","_useState2","_slicedToArray","_useState","actionAnchorEl","setActionAnchorEl","_useState4","_useState3","tempComponent","setTempComponent","_useState6","_useState5","isOpenSaveConfirm","setIsOpenSaveConfirm","_useState8","_useState7","isOpenDeleteDialog","setIsOpenDeleteDialog","_useState10","_useState9","isOpenEditorDialog","setIsOpenEditorDialog","_useState12","_useState11","error","setError","classes","useStyles","isEditing","is_editing","useEffect","handleCancel","handleChange","key","value","newComponent","calculateComponent","result","validateComponent","isValid","errors","handleUseSuggestion","suggestion","prev","handleConfirmSave","handleSave","saving","_excluded","omit","contentCellName","classNames","cell","ratioWidth","focusedFontsize","is_expanded","componentProps","onChange","onUseSuggestion","columns","_jsxs","className","children","_jsx","DrillPipeEditor","ComponentEditor","ConfirmationPopup","title","text","okText","handleClose","handleOk","componentMobile","componentExpandedMobile","componentActive","Boolean","row","rowExpanded","componentMobileCell","ComponentIcon","_Fragment","FormatedNumber","size","outer_diameter","inner_diameter","linear_weight","length","format","actionCell","ExpandCollapseButton","isExpanded","handleExpandCollapse","_objectSpread","MoreButton","handleOpenActionMenu","e","currentTarget","Grid","container","spacing","style","padding","StaticField","label","unit","DrillPipeBrowser","ComponentBrowser","Menu","anchorEl","keepMounted","open","getContentAnchorEl","anchorOrigin","vertical","horizontal","transformOrigin","onClose","MenuItem","onClick","menuItem","EditComponentDialog","propTypes","PropTypes","shape","string","number","isRequired","bool","func","defaultProps","undefined","memo"],"mappings":"k31BAuBA,SAASA,EAAiBC,GAAQ,IAAAC,EAChC,OAAO,UAAAC,EAAmBC,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,EAAS,MAAKC,EAAAC,EAAAC,EAAA,GAAnDC,EAAcH,EAAA,GAAEI,EAAiBJ,EAAA,GACED,EAAAA,EAASV,GAAUgB,EAAAJ,EAAAK,EAAA,GAAtDC,EAAaF,EAAA,GAAEG,EAAgBH,EAAA,GACYN,EAAAA,GAAS,GAAMU,EAAAR,EAAAS,EAAA,GAA1DC,EAAiBF,EAAA,GAAEG,EAAoBH,EAAA,GACMV,GAAAA,GAAS,GAAMc,GAAAZ,EAAAa,GAAA,GAA5DC,GAAkBF,GAAA,GAAEG,GAAqBH,GAAA,GACId,GAAAA,GAAS,GAAMkB,GAAAhB,EAAAiB,GAAA,GAA5DC,GAAkBF,GAAA,GAAEG,GAAqBH,GAAA,GACtBlB,GAAAA,EAAS,MAAKsB,GAAApB,EAAAqB,GAAA,GAAjCC,GAAKF,GAAA,GAAEG,GAAQH,GAAA,GAEhBI,GAAUC,EAAU,CAAE7B,SAAAA,EAAU8B,UAAWpB,EAAcqB,WAAY9B,gBAAAA,IAE3E+B,GAAU,WACJjC,GAAiBA,EAAgBW,EAAcqB,WACrD,GAAG,CAACrB,EAAcqB,aAElB,IA4BME,GAAe,WACnBN,GAAS,MACLhC,EACFC,IAIFe,EAAiBnB,IAGb0C,GAAe,SAACC,EAAKC,GACzB,IAAMC,EAAeC,EAAmB5B,EAAeyB,EAAKC,GACtDG,EAASC,EAAkBH,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,EAAkB9B,GAC5B6B,EAAOE,SAKZd,GAAS,MACTZ,GAAqB,IALnBY,GAASY,EAAOG,SAQdK,GAAa,WACjBhC,GAAqB,GACrBQ,IAAsB,GAEYb,EAA1BqB,WAAeiB,IAAAA,IAAWtC,EAAauC,GAE/CtC,EAAiBqC,GAEjBlD,EAAOoD,EAAKF,EAAQ,CAAC,gBAAiBrD,IAGlCwD,GAAkBC,EAAWxB,GAAQyB,KAAMzB,GAAQ0B,gBACtD1B,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,EAAA,MAAA,CAAKC,UAAWlC,GAAQpC,UAAUuE,SAAA,EACnB,OAAXjF,IAA8B,SAAXA,KAAsBkF,EAACC,EAAoBR,EAAAA,CAAAA,EAAAA,KACpD,OAAX3E,IAA8B,SAAXA,IAAqBkF,EAACE,EAAoBT,EAAAA,CAAAA,EAAAA,KAE7D3C,GACCkD,EAACG,EAAiB,CAChBC,MAAM,gBACNC,KAAK,sCACLC,OAAO,OACPC,YAAa,WAAA,OAAMxD,GAAqB,EAAO,EAC/CyD,SAAUzB,QAblBxB,IAAsB,EAmB1B,CAEA,OACEsC,EAAA,MAAA,CACEC,UAAWV,EAAWxB,GAAQpC,WAC3BoC,EAAAA,CAAAA,EAAAA,EAAAA,EAAAA,GAAQ6C,gBAAkBzE,OAC1B4B,GAAQ8C,wBAA0B1E,GAAYU,EAAc8C,aAC5D5B,EAAAA,EAAAA,GAAQ+C,gBAAkBC,QAAQtE,IAClCf,IAAAwE,SAEH,CAAAF,EAAA,MAAA,CACEC,UAAWV,EAAWxB,GAAQiD,IAC3BjD,EAAAA,CAAAA,EAAAA,GAAQkD,YAAc9E,GAAYU,EAAc8C,cAChDO,SAEH,CAAAC,EAAA,MAAA,CAAKF,UAAWV,EAAWxB,GAAQyB,KAASzB,EAAAA,CAAAA,EAAAA,GAAQmD,oBAAsB/E,IAAY+D,SACpFC,EAACgB,EAAa,CAACxF,UAAWkB,MAE5BsD,EAAA,MAAA,CAAKF,UAAWX,GAAgBY,SAAElF,EAAiB6B,EAAc5B,WAC/DkB,GACA6D,EAAAoB,EAAA,CAAAlB,SACE,CAAAC,EAAA,MAAA,CAAKF,UAAWX,GAAgBY,SAC9BC,EAACkB,EAAc,CACb9C,MAC2B,QAAzB1B,EAAc5B,OAAmB4B,EAAcyE,KAAOzE,EAAc0E,mBAI1EpB,EAAA,MAAA,CAAKF,UAAWX,GAAgBY,SAC9BC,EAACkB,EAAc,CAAC9C,MAAO1B,EAAc2E,mBAEvCrB,EAAA,MAAA,CAAKF,UAAWX,GAAgBY,SAC9BC,EAACkB,EAAc,CAAC9C,MAAO1B,EAAc4E,kBAEvCtB,EAAA,MAAA,CAAKF,UAAWX,GAAgBY,SAC9BC,EAACkB,EAAc,CAAC9C,MAAO1B,EAAc6E,OAAQC,OAAO,aAI1D3B,EAAA,MAAA,CAAKC,UAAWV,EAAWxB,GAAQyB,KAAMzB,GAAQ6D,YAAY1B,SAAA,CAC3DC,EAAC0B,EAAoB,CACnBC,WAAYjF,EAAc8C,YAC1B5B,QAASA,GACTgE,qBAjKmB,WAC3BjF,GAAiB,SAAAkC,GACf,OAAOA,EAAKW,YAAWqC,EAAAA,EAAA,GAAQhD,GAAI,GAAA,CAAEW,aAAa,IAAKqC,EAAAA,EAAA,CAAA,EAAUhD,GAAI,CAAA,EAAA,CAAEW,aAAa,GACtF,OAgKMQ,EAAC8B,EAAU,CAAClE,QAASA,GAASmE,qBA7JT,SAAAC,GAC3BzF,EAAkByF,EAAEC,wBAgKjBvF,EAAc8C,aACbK,EAAAoB,EAAA,CAAAlB,SACG/D,CAAAA,GACC6D,EAACqC,EAAI,CAACC,WAAS,EAACC,QAAS,EAAGC,MAAO,CAAEC,QAAS,gBAAiBvC,SAAA,CAC7DC,EAACuC,EAAW,CACVC,MAAgC,QAAzB9F,EAAc5B,OAAmB,WAAa,KACrD2H,KAAK,cACLrE,MAC2B,QAAzB1B,EAAc5B,OAAmB4B,EAAcyE,KAAOzE,EAAc0E,iBAG9C,QAAzB1E,EAAc5B,QACbkF,EAACuC,EAAW,CAACC,MAAM,KAAKC,KAAK,cAAcrE,MAAO5C,EAAU6F,iBAEpC,QAAzB3E,EAAc5B,QACbkF,EAACuC,EAAW,CACVC,MAAM,gBACNC,KAAK,gBACLrE,MAAO5C,EAAU8F,cACjBE,OAAO,QAGXxB,EAACuC,EAAW,CAACC,MAAM,SAASC,KAAK,SAASrE,MAAO5C,EAAU+F,OAAQC,OAAO,YAInD,OAAzB9E,EAAc5B,QAA4C,SAAzB4B,EAAc5B,SAC/CkF,EAAC0C,EAAgB,CAAClH,UAAWkB,EAAekD,QAASnE,IAE7B,OAAzBiB,EAAc5B,QAA4C,SAAzB4B,EAAc5B,QAC9CkF,EAAC2C,EAAgB,CAACnH,UAAWkB,EAAekD,QAASnE,OAK3DoE,EAAC+C,EAAI,CACHC,SAAUvG,EACVwG,aAAW,EACXC,KAAMnC,QAAQtE,GACd0G,mBAAoB,KACpBC,aAAc,CAAEC,SAAU,SAAUC,WAAY,SAChDC,gBAAiB,CAAEF,SAAU,MAAOC,WAAY,SAChDE,QAvMwB,WAC5B9G,EAAkB,OAsMiBwD,SAAA,CAE/BC,EAACsD,EAAQ,CAACC,QArMG,WACjBhH,EAAkB,MAClBI,GAAiB,SAAAkC,GAAI,OAAAgD,EAAAA,EAAA,CAAA,EAAUhD,GAAI,CAAA,EAAA,CAAEd,YAAY,GAAI,KAmMlB+B,UAAWlC,GAAQ4F,SAASzD,SAAA,SAGjC,QAAzBrD,EAAc5B,QACbkF,EAACsD,EAAQ,CAACC,QApMU,WAC1BhH,EAAkB,MAClBY,IAAsB,IAkMwB2C,UAAWlC,GAAQ4F,SAASzD,SAAA,cAMvE7C,IACC8C,EAACG,EAAiB,CAChBC,MAAM,oBACNC,KAAK,sCACLC,OAAO,SACPC,YAAa,WAAA,OAAMpD,IAAsB,EAAO,EAChDqD,SA3Ma,WACnB3E,EAASL,MA8MN8B,IACC0C,EAACyD,EAAmB,CAClBjI,UAAWkB,EACXf,QAASA,EACT+B,MAAOA,GACPgC,SAAUxB,GACVtC,SAAUqC,GACVnC,OAAQgD,GACRa,gBAAiBhB,GACjB0E,QAAS,WACPpF,KACAV,IAAsB,EACxB,IAIHvB,GAAYc,GACXkD,EAACG,EAAiB,CAChBC,MAAM,gBACNC,KAAK,sCACLC,OAAO,OACPC,YAAa,WAAA,OAAMxD,GAAqB,EAAO,EAC/CyD,SAAUzB,OAKpB,CAEA1D,EAAUqI,UAAY,CACpBlI,UAAWmI,EAAUC,MAAM,CACzB9I,OAAQ6I,EAAUE,OAClB1C,KAAMwC,EAAUG,OAChB1C,eAAgBuC,EAAUG,OAC1BzC,eAAgBsC,EAAUG,OAC1BxC,cAAeqC,EAAUG,OACzBvC,OAAQoC,EAAUG,SACjBC,WACH/H,SAAU2H,EAAUK,KAAKD,WACzBpI,QAASgI,EAAUK,KACnBpI,SAAU+H,EAAUM,KACpBpI,SAAU8H,EAAUM,KACpBnI,OAAQ6H,EAAUM,KAAKF,WACvBhI,gBAAiB4H,EAAUM,KAC3BxI,kBAAmBkI,EAAUG,OAAOC,WACpCrI,kBAAmBiI,EAAUG,OAAOC,WACpC9H,gBAAiB0H,EAAUK,KAAKD,YAGlC1I,EAAU6I,aAAe,CACvBvI,SAAS,EACTC,SAAU,KACVC,SAAU,KACVE,qBAAiBoI,GAGnB,IAAeC,EAAAA,EAAK/I"}
1	+ {"version":3,"file":"Component.js","sources":["../../../../../src/components/Casing/CasingTableV2/components/Component.js"],"sourcesContent":["import { memo, useEffect, useState } from 'react';\nimport classNames from 'classnames';\nimport { omit } from 'lodash';\nimport PropTypes from 'prop-types';\nimport { Grid, Menu, MenuItem } from '@material-ui/core';\n\nimport { Browser as DrillPipeBrowser, Editor as DrillPipeEditor } from './DrillPipe';\nimport { Browser as ComponentBrowser, Editor as ComponentEditor } from './CasingJoints';\nimport EditComponentDialog from './EditComponentDialog';\n\nimport { validateComponent } from '~/utils/casing/validation';\nimport { COMPONENT_FAMILIES } from '~/constants/casing';\nimport { CasingComponentIcon as ComponentIcon } from '~/components';\nimport {\n FormatedNumber,\n ExpandCollapseButton,\n MoreButton,\n StaticField,\n ConfirmationPopup,\n} from '~/components/Drillstring/BHAComponentsTable/components/shared';\nimport { calculateComponent } from '~/components/Drillstring/BHAComponentsTable/components/utils/calculation';\nimport { useStyles } from '~/components/Drillstring/BHAComponentsTable/components/sharedStyles';\n\nfunction getComponentName(family) {\n return COMPONENT_FAMILIES.find(item => item.type === family)?.name \|\| '—';\n}\n\nfunction Component({\n component,\n viewColumnsPerRow,\n editColumnsPerRow,\n isDraft,\n onCancel,\n onDelete,\n onSave,\n onChangeEditing,\n isMobile,\n isDragComponent,\n}) {\n const [actionAnchorEl, setActionAnchorEl] = useState(null);\n const [tempComponent, setTempComponent] = useState(component);\n const [isOpenSaveConfirm, setIsOpenSaveConfirm] = useState(false);\n const [isOpenDeleteDialog, setIsOpenDeleteDialog] = useState(false);\n const [isOpenEditorDialog, setIsOpenEditorDialog] = useState(false);\n const [error, setError] = useState(null);\n\n const classes = useStyles({ isMobile, isEditing: tempComponent.is_editing, isDragComponent });\n\n useEffect(() => {\n if (onChangeEditing) onChangeEditing(tempComponent.is_editing);\n }, [tempComponent.is_editing]);\n\n const handleExpandCollapse = () => {\n setTempComponent(prev => {\n return prev.is_expanded ? { ...prev, is_expanded: false } : { ...prev, is_expanded: true };\n });\n };\n\n const handleOpenActionMenu = e => {\n setActionAnchorEl(e.currentTarget);\n };\n\n const handleCloseActionMenu = () => {\n setActionAnchorEl(null);\n };\n\n const handleEdit = () => {\n setActionAnchorEl(null);\n setTempComponent(prev => ({ ...prev, is_editing: true }));\n };\n\n const handleConfirmDelete = () => {\n setActionAnchorEl(null);\n setIsOpenDeleteDialog(true);\n };\n\n const handleDelete = () => {\n onDelete(component);\n };\n\n const handleCancel = () => {\n setError(null);\n if (isDraft) {\n onCancel();\n return;\n }\n\n setTempComponent(component);\n };\n\n const handleChange = (key, value) => {\n const newComponent = calculateComponent(tempComponent, key, value);\n const result = validateComponent(newComponent);\n setTempComponent(newComponent);\n if (!result.isValid) {\n setError(result.errors);\n } else {\n setError(null);\n }\n };\n\n const handleUseSuggestion = suggestion => {\n setTempComponent(prev => {\n return {\n ...prev,\n ...suggestion,\n };\n });\n };\n\n const handleConfirmSave = () => {\n const result = validateComponent(tempComponent);\n if (!result.isValid) {\n setError(result.errors);\n return;\n }\n\n setError(null);\n setIsOpenSaveConfirm(true);\n };\n\n const handleSave = () => {\n setIsOpenSaveConfirm(false);\n setIsOpenEditorDialog(false);\n\n const { is_editing, ...saving } = tempComponent;\n\n setTempComponent(saving);\n\n onSave(omit(saving, ['is_expanded']), isDraft);\n };\n\n const contentCellName = classNames(classes.cell, classes.ratioWidth, {\n [classes.focusedFontsize]: tempComponent.is_editing \|\| tempComponent.is_expanded,\n });\n\n if (tempComponent.is_editing && !isOpenEditorDialog) {\n const { family } = tempComponent;\n\n const componentProps = {\n component: tempComponent,\n isDraft,\n error,\n onChange: handleChange,\n onCancel: handleCancel,\n onSave: isMobile ? handleSave : handleConfirmSave,\n onUseSuggestion: handleUseSuggestion,\n columns: editColumnsPerRow,\n };\n\n if (isMobile) {\n setIsOpenEditorDialog(true);\n } else {\n return (\n <div className={classes.component}>\n {(family === 'dp' \|\| family === 'hwdp') && <DrillPipeEditor {...componentProps} />}\n {family !== 'dp' && family !== 'hwdp' && <ComponentEditor {...componentProps} />}\n\n {isOpenSaveConfirm && (\n <ConfirmationPopup\n title=\"Save Changes?\"\n text=\"You will not be able to recover it.\"\n okText=\"Save\"\n handleClose={() => setIsOpenSaveConfirm(false)}\n handleOk={handleSave}\n />\n )}\n </div>\n );\n }\n }\n\n return (\n <div\n className={classNames(classes.component, {\n [classes.componentMobile]: isMobile,\n [classes.componentExpandedMobile]: isMobile && tempComponent.is_expanded,\n [classes.componentActive]: Boolean(actionAnchorEl),\n })}\n >\n <div\n className={classNames(classes.row, {\n [classes.rowExpanded]: isMobile && tempComponent.is_expanded,\n })}\n >\n <div className={classNames(classes.cell, { [classes.componentMobileCell]: isMobile })}>\n <ComponentIcon component={tempComponent} />\n </div>\n <div className={contentCellName}>{getComponentName(tempComponent.family)}</div>\n {!isMobile && (\n <>\n <div className={contentCellName}>\n <FormatedNumber\n value={\n tempComponent.family === 'bit' ? tempComponent.size : tempComponent.outer_diameter\n }\n />\n </div>\n <div className={contentCellName}>\n <FormatedNumber value={tempComponent.inner_diameter} />\n </div>\n <div className={contentCellName}>\n <FormatedNumber value={tempComponent.linear_weight} />\n </div>\n <div className={contentCellName}>\n <FormatedNumber value={tempComponent.length} format=\"0.0\" />\n </div>\n </>\n )}\n <div className={classNames(classes.cell, classes.actionCell)}>\n <ExpandCollapseButton\n isExpanded={tempComponent.is_expanded}\n classes={classes}\n handleExpandCollapse={handleExpandCollapse}\n />\n <MoreButton classes={classes} handleOpenActionMenu={handleOpenActionMenu} />\n </div>\n </div>\n\n {tempComponent.is_expanded && (\n <>\n {isMobile && (\n <Grid container spacing={2} style={{ padding: '8px 4px 16px' }}>\n <StaticField\n label={tempComponent.family === 'bit' ? 'Bit Size' : 'OD'}\n unit=\"shortLength\"\n value={\n tempComponent.family === 'bit' ? tempComponent.size : tempComponent.outer_diameter\n }\n />\n {tempComponent.family !== 'bit' && (\n <StaticField label=\"ID\" unit=\"shortLength\" value={component.inner_diameter} />\n )}\n {tempComponent.family !== 'bit' && (\n <StaticField\n label=\"Linear Weight\"\n unit=\"massPerLength\"\n value={component.linear_weight}\n format=\"0.0\"\n />\n )}\n <StaticField label=\"Length\" unit=\"length\" value={component.length} format=\"0.0\" />\n </Grid>\n )}\n\n {(tempComponent.family === 'dp' \|\| tempComponent.family === 'hwdp') && (\n <DrillPipeBrowser component={tempComponent} columns={viewColumnsPerRow} />\n )}\n {tempComponent.family !== 'dp' && tempComponent.family !== 'hwdp' && (\n <ComponentBrowser component={tempComponent} columns={viewColumnsPerRow} />\n )}\n </>\n )}\n\n <Menu\n anchorEl={actionAnchorEl}\n keepMounted\n open={Boolean(actionAnchorEl)}\n getContentAnchorEl={null}\n anchorOrigin={{ vertical: 'bottom', horizontal: 'right' }}\n transformOrigin={{ vertical: 'top', horizontal: 'right' }}\n onClose={handleCloseActionMenu}\n >\n <MenuItem onClick={handleEdit} className={classes.menuItem}>\n Edit\n </MenuItem>\n {tempComponent.family !== 'bit' && (\n <MenuItem onClick={handleConfirmDelete} className={classes.menuItem}>\n Delete\n </MenuItem>\n )}\n </Menu>\n\n {isOpenDeleteDialog && (\n <ConfirmationPopup\n title=\"Delete Component?\"\n text=\"You will not be able to recover it.\"\n okText=\"Delete\"\n handleClose={() => setIsOpenDeleteDialog(false)}\n handleOk={handleDelete}\n />\n )}\n\n {isOpenEditorDialog && (\n <EditComponentDialog\n component={tempComponent}\n isDraft={isDraft}\n error={error}\n onChange={handleChange}\n onCancel={handleCancel}\n onSave={handleConfirmSave}\n onUseSuggestion={handleUseSuggestion}\n onClose={() => {\n handleCancel();\n setIsOpenEditorDialog(false);\n }}\n />\n )}\n\n {isMobile && isOpenSaveConfirm && (\n <ConfirmationPopup\n title=\"Save Changes?\"\n text=\"You will not be able to recover it.\"\n okText=\"Save\"\n handleClose={() => setIsOpenSaveConfirm(false)}\n handleOk={handleSave}\n />\n )}\n </div>\n );\n}\n\nComponent.propTypes = {\n component: PropTypes.shape({\n family: PropTypes.string,\n size: PropTypes.number,\n outer_diameter: PropTypes.number,\n inner_diameter: PropTypes.number,\n linear_weight: PropTypes.number,\n length: PropTypes.number,\n }).isRequired,\n isMobile: PropTypes.bool.isRequired,\n isDraft: PropTypes.bool,\n onCancel: PropTypes.func,\n onDelete: PropTypes.func,\n onSave: PropTypes.func.isRequired,\n onChangeEditing: PropTypes.func,\n viewColumnsPerRow: PropTypes.number.isRequired,\n editColumnsPerRow: PropTypes.number.isRequired,\n isDragComponent: PropTypes.bool.isRequired,\n};\n\nComponent.defaultProps = {\n isDraft: false,\n onCancel: null,\n onDelete: null,\n onChangeEditing: undefined,\n};\n\nexport default memo(Component);\n"],"names":["getComponentName","family","_COMPONENT_FAMILIES$f","COMPONENT_FAMILIES","find","item","type","name","Component","_ref","_classNames2","component","viewColumnsPerRow","editColumnsPerRow","isDraft","onCancel","onDelete","onSave","onChangeEditing","isMobile","isDragComponent","useState","_useState2","_slicedToArray","_useState","actionAnchorEl","setActionAnchorEl","_useState4","_useState3","tempComponent","setTempComponent","_useState6","_useState5","isOpenSaveConfirm","setIsOpenSaveConfirm","_useState8","_useState7","isOpenDeleteDialog","setIsOpenDeleteDialog","_useState10","_useState9","isOpenEditorDialog","setIsOpenEditorDialog","_useState12","_useState11","error","setError","classes","useStyles","isEditing","is_editing","useEffect","handleCancel","handleChange","key","value","newComponent","calculateComponent","result","validateComponent","isValid","errors","handleUseSuggestion","suggestion","prev","handleConfirmSave","handleSave","saving","_excluded","omit","contentCellName","classNames","cell","ratioWidth","focusedFontsize","is_expanded","componentProps","onChange","onUseSuggestion","columns","_jsxs","className","children","_jsx","DrillPipeEditor","ComponentEditor","ConfirmationPopup","title","text","okText","handleClose","handleOk","componentMobile","componentExpandedMobile","componentActive","Boolean","row","rowExpanded","componentMobileCell","ComponentIcon","_Fragment","FormatedNumber","size","outer_diameter","inner_diameter","linear_weight","length","format","actionCell","ExpandCollapseButton","isExpanded","handleExpandCollapse","_objectSpread","MoreButton","handleOpenActionMenu","e","currentTarget","Grid","container","spacing","style","padding","StaticField","label","unit","DrillPipeBrowser","ComponentBrowser","Menu","anchorEl","keepMounted","open","getContentAnchorEl","anchorOrigin","vertical","horizontal","transformOrigin","onClose","MenuItem","onClick","menuItem","EditComponentDialog","propTypes","PropTypes","shape","string","number","isRequired","bool","func","defaultProps","undefined","memo"],"mappings":"2w6BAuBA,SAASA,EAAiBC,GAAQ,IAAAC,EAChC,OAAO,UAAAC,EAAmBC,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,EAAS,MAAKC,EAAAC,EAAAC,EAAA,GAAnDC,EAAcH,EAAA,GAAEI,EAAiBJ,EAAA,GACED,EAAAA,EAASV,GAAUgB,EAAAJ,EAAAK,EAAA,GAAtDC,EAAaF,EAAA,GAAEG,EAAgBH,EAAA,GACYN,EAAAA,GAAS,GAAMU,EAAAR,EAAAS,EAAA,GAA1DC,EAAiBF,EAAA,GAAEG,EAAoBH,EAAA,GACMV,GAAAA,GAAS,GAAMc,GAAAZ,EAAAa,GAAA,GAA5DC,GAAkBF,GAAA,GAAEG,GAAqBH,GAAA,GACId,GAAAA,GAAS,GAAMkB,GAAAhB,EAAAiB,GAAA,GAA5DC,GAAkBF,GAAA,GAAEG,GAAqBH,GAAA,GACtBlB,GAAAA,EAAS,MAAKsB,GAAApB,EAAAqB,GAAA,GAAjCC,GAAKF,GAAA,GAAEG,GAAQH,GAAA,GAEhBI,GAAUC,EAAU,CAAE7B,SAAAA,EAAU8B,UAAWpB,EAAcqB,WAAY9B,gBAAAA,IAE3E+B,GAAU,WACJjC,GAAiBA,EAAgBW,EAAcqB,WACrD,GAAG,CAACrB,EAAcqB,aAElB,IA4BME,GAAe,WACnBN,GAAS,MACLhC,EACFC,IAIFe,EAAiBnB,IAGb0C,GAAe,SAACC,EAAKC,GACzB,IAAMC,EAAeC,EAAmB5B,EAAeyB,EAAKC,GACtDG,EAASC,EAAkBH,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,EAAkB9B,GAC5B6B,EAAOE,SAKZd,GAAS,MACTZ,GAAqB,IALnBY,GAASY,EAAOG,SAQdK,GAAa,WACjBhC,GAAqB,GACrBQ,IAAsB,GAEYb,EAA1BqB,WAAeiB,IAAAA,IAAWtC,EAAauC,GAE/CtC,EAAiBqC,GAEjBlD,EAAOoD,EAAKF,EAAQ,CAAC,gBAAiBrD,IAGlCwD,GAAkBC,EAAWxB,GAAQyB,KAAMzB,GAAQ0B,gBACtD1B,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,EAAA,MAAA,CAAKC,UAAWlC,GAAQpC,UAAUuE,SAAA,EACnB,OAAXjF,IAA8B,SAAXA,KAAsBkF,EAACC,EAAoBR,EAAAA,CAAAA,EAAAA,KACpD,OAAX3E,IAA8B,SAAXA,IAAqBkF,EAACE,EAAoBT,EAAAA,CAAAA,EAAAA,KAE7D3C,GACCkD,EAACG,EAAiB,CAChBC,MAAM,gBACNC,KAAK,sCACLC,OAAO,OACPC,YAAa,WAAA,OAAMxD,GAAqB,EAAO,EAC/CyD,SAAUzB,QAblBxB,IAAsB,EAmB1B,CAEA,OACEsC,EAAA,MAAA,CACEC,UAAWV,EAAWxB,GAAQpC,WAC3BoC,EAAAA,CAAAA,EAAAA,EAAAA,EAAAA,GAAQ6C,gBAAkBzE,OAC1B4B,GAAQ8C,wBAA0B1E,GAAYU,EAAc8C,aAC5D5B,EAAAA,EAAAA,GAAQ+C,gBAAkBC,QAAQtE,IAClCf,IAAAwE,SAEH,CAAAF,EAAA,MAAA,CACEC,UAAWV,EAAWxB,GAAQiD,IAC3BjD,EAAAA,CAAAA,EAAAA,GAAQkD,YAAc9E,GAAYU,EAAc8C,cAChDO,SAEH,CAAAC,EAAA,MAAA,CAAKF,UAAWV,EAAWxB,GAAQyB,KAASzB,EAAAA,CAAAA,EAAAA,GAAQmD,oBAAsB/E,IAAY+D,SACpFC,EAACgB,EAAa,CAACxF,UAAWkB,MAE5BsD,EAAA,MAAA,CAAKF,UAAWX,GAAgBY,SAAElF,EAAiB6B,EAAc5B,WAC/DkB,GACA6D,EAAAoB,EAAA,CAAAlB,SACE,CAAAC,EAAA,MAAA,CAAKF,UAAWX,GAAgBY,SAC9BC,EAACkB,EAAc,CACb9C,MAC2B,QAAzB1B,EAAc5B,OAAmB4B,EAAcyE,KAAOzE,EAAc0E,mBAI1EpB,EAAA,MAAA,CAAKF,UAAWX,GAAgBY,SAC9BC,EAACkB,EAAc,CAAC9C,MAAO1B,EAAc2E,mBAEvCrB,EAAA,MAAA,CAAKF,UAAWX,GAAgBY,SAC9BC,EAACkB,EAAc,CAAC9C,MAAO1B,EAAc4E,kBAEvCtB,EAAA,MAAA,CAAKF,UAAWX,GAAgBY,SAC9BC,EAACkB,EAAc,CAAC9C,MAAO1B,EAAc6E,OAAQC,OAAO,aAI1D3B,EAAA,MAAA,CAAKC,UAAWV,EAAWxB,GAAQyB,KAAMzB,GAAQ6D,YAAY1B,SAAA,CAC3DC,EAAC0B,EAAoB,CACnBC,WAAYjF,EAAc8C,YAC1B5B,QAASA,GACTgE,qBAjKmB,WAC3BjF,GAAiB,SAAAkC,GACf,OAAOA,EAAKW,YAAWqC,EAAAA,EAAA,GAAQhD,GAAI,GAAA,CAAEW,aAAa,IAAKqC,EAAAA,EAAA,CAAA,EAAUhD,GAAI,CAAA,EAAA,CAAEW,aAAa,GACtF,OAgKMQ,EAAC8B,EAAU,CAAClE,QAASA,GAASmE,qBA7JT,SAAAC,GAC3BzF,EAAkByF,EAAEC,wBAgKjBvF,EAAc8C,aACbK,EAAAoB,EAAA,CAAAlB,SACG/D,CAAAA,GACC6D,EAACqC,EAAI,CAACC,WAAS,EAACC,QAAS,EAAGC,MAAO,CAAEC,QAAS,gBAAiBvC,SAAA,CAC7DC,EAACuC,EAAW,CACVC,MAAgC,QAAzB9F,EAAc5B,OAAmB,WAAa,KACrD2H,KAAK,cACLrE,MAC2B,QAAzB1B,EAAc5B,OAAmB4B,EAAcyE,KAAOzE,EAAc0E,iBAG9C,QAAzB1E,EAAc5B,QACbkF,EAACuC,EAAW,CAACC,MAAM,KAAKC,KAAK,cAAcrE,MAAO5C,EAAU6F,iBAEpC,QAAzB3E,EAAc5B,QACbkF,EAACuC,EAAW,CACVC,MAAM,gBACNC,KAAK,gBACLrE,MAAO5C,EAAU8F,cACjBE,OAAO,QAGXxB,EAACuC,EAAW,CAACC,MAAM,SAASC,KAAK,SAASrE,MAAO5C,EAAU+F,OAAQC,OAAO,YAInD,OAAzB9E,EAAc5B,QAA4C,SAAzB4B,EAAc5B,SAC/CkF,EAAC0C,EAAgB,CAAClH,UAAWkB,EAAekD,QAASnE,IAE7B,OAAzBiB,EAAc5B,QAA4C,SAAzB4B,EAAc5B,QAC9CkF,EAAC2C,EAAgB,CAACnH,UAAWkB,EAAekD,QAASnE,OAK3DoE,EAAC+C,EAAI,CACHC,SAAUvG,EACVwG,aAAW,EACXC,KAAMnC,QAAQtE,GACd0G,mBAAoB,KACpBC,aAAc,CAAEC,SAAU,SAAUC,WAAY,SAChDC,gBAAiB,CAAEF,SAAU,MAAOC,WAAY,SAChDE,QAvMwB,WAC5B9G,EAAkB,OAsMiBwD,SAAA,CAE/BC,EAACsD,EAAQ,CAACC,QArMG,WACjBhH,EAAkB,MAClBI,GAAiB,SAAAkC,GAAI,OAAAgD,EAAAA,EAAA,CAAA,EAAUhD,GAAI,CAAA,EAAA,CAAEd,YAAY,GAAI,KAmMlB+B,UAAWlC,GAAQ4F,SAASzD,SAAA,SAGjC,QAAzBrD,EAAc5B,QACbkF,EAACsD,EAAQ,CAACC,QApMU,WAC1BhH,EAAkB,MAClBY,IAAsB,IAkMwB2C,UAAWlC,GAAQ4F,SAASzD,SAAA,cAMvE7C,IACC8C,EAACG,EAAiB,CAChBC,MAAM,oBACNC,KAAK,sCACLC,OAAO,SACPC,YAAa,WAAA,OAAMpD,IAAsB,EAAO,EAChDqD,SA3Ma,WACnB3E,EAASL,MA8MN8B,IACC0C,EAACyD,EAAmB,CAClBjI,UAAWkB,EACXf,QAASA,EACT+B,MAAOA,GACPgC,SAAUxB,GACVtC,SAAUqC,GACVnC,OAAQgD,GACRa,gBAAiBhB,GACjB0E,QAAS,WACPpF,KACAV,IAAsB,EACxB,IAIHvB,GAAYc,GACXkD,EAACG,EAAiB,CAChBC,MAAM,gBACNC,KAAK,sCACLC,OAAO,OACPC,YAAa,WAAA,OAAMxD,GAAqB,EAAO,EAC/CyD,SAAUzB,OAKpB,CAEA1D,EAAUqI,UAAY,CACpBlI,UAAWmI,EAAUC,MAAM,CACzB9I,OAAQ6I,EAAUE,OAClB1C,KAAMwC,EAAUG,OAChB1C,eAAgBuC,EAAUG,OAC1BzC,eAAgBsC,EAAUG,OAC1BxC,cAAeqC,EAAUG,OACzBvC,OAAQoC,EAAUG,SACjBC,WACH/H,SAAU2H,EAAUK,KAAKD,WACzBpI,QAASgI,EAAUK,KACnBpI,SAAU+H,EAAUM,KACpBpI,SAAU8H,EAAUM,KACpBnI,OAAQ6H,EAAUM,KAAKF,WACvBhI,gBAAiB4H,EAAUM,KAC3BxI,kBAAmBkI,EAAUG,OAAOC,WACpCrI,kBAAmBiI,EAAUG,OAAOC,WACpC9H,gBAAiB0H,EAAUK,KAAKD,YAGlC1I,EAAU6I,aAAe,CACvBvI,SAAS,EACTC,SAAU,KACVC,SAAU,KACVE,qBAAiBoI,GAGnB,IAAeC,EAAAA,EAAK/I"}

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

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

package/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":"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"}
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":"q17BAyBA,SAASA,EAAsFC,GAAA,IAA1EC,IAAAA,UAAWC,IAAAA,MAAOC,IAAAA,SAAUC,IAAAA,SAAUC,IAAAA,OAAQC,IAAAA,gBAAiBC,IAAAA,QAC5EC,EAAUC,EAAU,CAAEC,SAAUC,IAChCC,EAAKD,EAAmBE,EAAe,EAAIA,EAAeN,EAE1DO,EAAW,SAAAC,GAAG,OAAIb,GAASA,EAAMa,EAAI,EAErCC,EAAsBC,GAAQ,WAClC,IAAMC,EAAmBC,EACzB,OAAQlB,EAAUmB,eAEdF,EAAiBG,QACf,SAAAC,GAAI,OAAIA,EAAKF,iBAAmBG,WAAWtB,EAAUmB,mBAFvD,EAIN,GAAG,CAACnB,EAAUmB,iBAEd,OACEI,EAACC,EAAI,CAACC,WAAS,EAACC,QAAS,EAAGC,UAAWpB,EAAQqB,gBAAgBC,SAAA,EAC3DnB,GACAoB,EAACN,EAAI,CAACH,MAAI,EAACM,UAAWpB,EAAQwB,oBAAoBF,SAChDC,EAACE,EAAa,CAAChC,UAAWA,MAG9B8B,EAACN,EAAI,CAACH,MAAI,EAACM,UAAWpB,EAAQ0B,uBAAuBJ,SACnDN,EAACC,EAAI,CAACC,WAAS,EAACC,QAAS,EAAEG,SAAA,CACzBC,EAACI,EAAoB,CACnBlC,UAAWA,EACXa,SAAUA,EACVX,SAAUA,EACViC,UAAQ,IAGTpB,EAAoBqB,OAAS,GAC5BN,EAACO,EAAW,CACVC,KAAMvB,EACNwB,QAASrB,EACTZ,QAASkC,EACTC,YAAa,CAAC,iBAAkB,kBAChCC,gBAAiB,CACf,iBACA,iBACA,gBACA,mBACA,oBAEFC,SAAUtC,EACV8B,UAAQ,IAIZL,EAACc,EAAS,CACRC,KAAK,OACLC,MAAM,OACNC,MAAO/C,EAAUgD,KACjB/C,MAAOY,EAAS,QAChBF,GAAIA,EACJsC,cAAe/C,IAEjB4B,EAACc,EAAS,CACRC,KAAK,mBACLC,MAAM,cACNC,MAAO/C,EAAUkD,iBACjBjD,MAAOY,EAAS,oBAChBF,GAAIA,EACJsC,cAAe/C,IAEjB4B,EAACc,EAAS,CACRC,KAAK,mBACLC,MAAM,mBACNK,KAAK,SACLJ,MAAO/C,EAAUoD,iBACjBnD,MAAOY,EAAS,oBAChBF,GAAIA,EACJsC,cAAe/C,IAEjB4B,EAACc,EAAS,CACRC,KAAK,SACLC,MAAM,WACNK,KAAK,OACLJ,MAAO/C,EAAUqD,OACjBpD,MAAOY,EAAS,UAChByC,UAAQ,EACR3C,GAAIA,EACJsC,cAAe/C,IAEjB4B,EAACyB,EAAW,CACVV,KAAK,QACLW,QAASC,EACTX,MAAM,QACNC,MAAO/C,EAAU0D,MACjBzD,MAAOY,EAAS,SAChBF,GAAIA,EACJsC,cAAe/C,IAEjB4B,EAACc,EAAS,CACRC,KAAK,2BACLC,MAAM,QACNK,KAAK,cACLJ,MAAO/C,EAAU2D,yBACjB1D,MAAOY,EAAS,4BAChBF,GAAIA,EACJsC,cAAe/C,IAEjB4B,EAACc,EAAS,CACRC,KAAK,2BACLC,MAAM,QACNK,KAAK,cACLJ,MAAO/C,EAAU4D,yBACjB3D,MAAOY,EAAS,4BAChBF,GAAIA,EACJsC,cAAe/C,IAEjB4B,EAACc,EAAS,CACRC,KAAK,mBACLC,MAAM,sBACNK,KAAK,SACLJ,MAAO/C,EAAU6D,iBACjB5D,MAAOY,EAAS,oBAChBF,GAAIA,EACJsC,cAAe/C,IAEjB4B,EAACc,EAAS,CACRC,KAAK,kBACLC,MAAM,kBACNC,MAAO/C,EAAU8D,gBACjB7D,MAAOY,EAAS,mBAChBF,GAAIA,EACJsC,cAAe/C,IAEjB4B,EAACyB,EAAW,CACVV,KAAK,QACLW,QAASO,EACTjB,MAAM,QACNC,MAAO/C,EAAUgE,MACjB/D,MAAOY,EAAS,SAChBF,GAAIA,EACJsC,cAAe/C,IAEjB4B,EAACyB,EAAW,CACVV,KAAK,WACLW,QAASS,EACTnB,MAAM,WACNC,MAAO/C,EAAUkE,SACjBjE,MAAOY,EAAS,YAChBF,GAAIA,EACJsC,cAAe/C,UAInBQ,GACAa,EAACC,EAAI,CAACH,MAAI,EAACM,UAAWpB,EAAQ4D,kBAAkBtC,SAAA,CAC9CC,EAACsC,EAAY,CAACC,aAAclE,IAC5B2B,EAACwC,EAAU,CAACC,WAAYnE,EAAQkD,UAAWkB,EAAQvE,UAK7D,CAEAH,EAAU2E,UAAY,CACpBzE,UAAW0E,EAAUC,MAAM,CACzBxD,eAAgBuD,EAAUE,OAC1BxB,iBAAkBsB,EAAUE,OAC5B5B,KAAM0B,EAAUG,OAChB3B,iBAAkBwB,EAAUE,OAC5BvB,OAAQqB,EAAUE,OAClBd,gBAAiBY,EAAUG,OAC3BnB,MAAOgB,EAAUG,OACjBb,MAAOU,EAAUG,OACjBX,SAAUQ,EAAUG,OACpBlB,yBAA0Be,EAAUE,OACpChB,yBAA0Bc,EAAUE,OACpCf,iBAAkBa,EAAUE,SAC3BE,WACH7E,MAAOyE,EAAUC,MAAM,IACvBzE,SAAUwE,EAAUK,KAAKD,WACzB3E,SAAUuE,EAAUK,KAAKD,WACzB1E,OAAQsE,EAAUK,KAAKD,WACvBzE,gBAAiBqE,EAAUK,KAAKD,WAChCxE,QAASoE,EAAUE,OAAOE,YAG5BhF,EAAUkF,aAAe,CACvB/E,MAAO,MAGT,IAAegF,EAAAA,EAAKnF"}

package/components/Chart/components/AxisDropdown.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import o from"@babel/runtime/helpers/defineProperty";import s from"@babel/runtime/helpers/objectWithoutProperties";import c from"classnames";import{makeStyles as n,Select as i,MenuItem as t}from"@material-ui/core";import{DownOneIcon as r}from"../../../icons/iconParkIcons.js";import"../../../icons/customIcons/icons/AddMessage.js";import"../../../icons/customIcons/icons/Attention.js";import"../../../icons/customIcons/icons/Collapse.js";import"../../../icons/customIcons/icons/Dashboard.js";import"../../../icons/customIcons/icons/Expand.js";import"../../../icons/customIcons/icons/FolderClosed.js";import"../../../icons/customIcons/icons/FolderClosedFilled.js";import"../../../icons/customIcons/icons/FolderOpened.js";import"../../../icons/customIcons/icons/GreaterOrEqual.js";import"../../../icons/customIcons/icons/LessOrEqual.js";import"../../../icons/customIcons/icons/Search.js";import"../../../icons/customIcons/icons/SearchOne.js";import"../../../icons/customIcons/icons/Wellhub.js";import"../../../icons/customIcons/icons/MultiRuler.js";import"../../../icons/customIcons/icons/Checkbox.js";import"../../../icons/customIcons/icons/CheckboxChecked.js";import"../../../icons/customIcons/icons/CheckboxIndeterminate.js";import"../../../icons/customIcons/icons/Radio.js";import"../../../icons/customIcons/icons/RadioChecked.js";import"../../../icons/customIcons/icons/SimulFrac.js";import"../../../icons/customIcons/icons/ZipperFrac.js";import"../../../icons/customIcons/icons/CautionFilled.js";import"../../../icons/customIcons/icons/MoreApp.js";import"../../../icons/customIcons/icons/Pad.js";import"../../../icons/customIcons/icons/DrilloutUnit.js";import"../../../icons/customIcons/icons/FracFleet.js";import"../../../icons/customIcons/icons/Global.js";import"../../../icons/customIcons/icons/Program.js";import"../../../icons/customIcons/icons/Rig.js";import"../../../icons/customIcons/icons/Well.js";import"../../../icons/customIcons/icons/Gap.js";import"../../../icons/customIcons/icons/Pin.js";import"../../../icons/customIcons/icons/CloseOneFilled.js";import"../../../icons/customIcons/icons/AttentionFilled.js";import"../../../icons/customIcons/icons/CheckOneFilled.js";import"../../../icons/customIcons/icons/Archive.js";import"../../../icons/customIcons/icons/ArchiveCancel.js";import"../../../icons/customIcons/icons/Unarchive.js";import"../../../icons/customIcons/icons/Archived.js";import"../../../icons/customIcons/icons/InterventionUnit.js";import{jsx as e,jsxs as m,Fragment as a}from"react/jsx-runtime";var p=["className","classes","value","onChange","unit","options"];function l(o,s){var c=Object.keys(o);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(o);s&&(n=n.filter((function(s){return Object.getOwnPropertyDescriptor(o,s).enumerable}))),c.push.apply(c,n)}return c}function u(s){for(var c=1;c<arguments.length;c++){var n=null!=arguments[c]?arguments[c]:{};c%2?l(Object(n),!0).forEach((function(c){o(s,c,n[c])})):Object.getOwnPropertyDescriptors?Object.defineProperties(s,Object.getOwnPropertyDescriptors(n)):l(Object(n)).forEach((function(o){Object.defineProperty(s,o,Object.getOwnPropertyDescriptor(n,o))}))}return s}var j=n((function(o){var s=o.palette;return{selectContainer:{color:s.primary.contrastText,background:"transparen !important","& .MuiSelect-icon ":{top:"unset",right:4},"& .MuiSelect-icon  > svg > path":{fill:s.primary.text6,stroke:s.primary.text6},"& .MuiSelect-iconOpen > svg > path":{fill:s.primary.main,stroke:s.primary.main},"&:hover":{"& .MuiSelect-icon > svg > path":{fill:s.primary.contrastText,stroke:s.primary.contrastText}},"&:active":{"& .MuiSelect-icon  > svg > path":{fill:s.primary.main,stroke:s.primary.main}}},selectRoot:{fontSize:16,paddingTop:0,paddingBottom:0,"&:focus":{backgroundColor:"transparent"}},unit:{fontSize:12,lineHeight:0,color:s.primary.text7,marginLeft:4}}})),I=function(o){var n=o.className,l=o.classes,I=o.value,d=o.onChange,h=o.unit,f=o.options,b=s(o,p),v=j();return e(i,u(u({className:c(v.selectContainer,n),value:I,classes:u({root:v.selectRoot},l),onChange:d,disableUnderline:!0,IconComponent:function(o){return e(r,u({theme:"filled",fill:"#BDBDBD",size:16},o))},renderValue:function(o){return m(a,{children:[o,h&&m("span",{className:v.unit,children:["(",h,")"]})]})}},b),{},{children:null==f?void 0:f.map((function(o){var s=o.label,c=o.value;return e(t,{value:c,children:s},c)}))}))};export{I as default};
+import o from"@babel/runtime/helpers/defineProperty";import s from"@babel/runtime/helpers/objectWithoutProperties";import c from"classnames";import{makeStyles as n,Select as i,MenuItem as t}from"@material-ui/core";import{DownOneIcon as r}from"../../../icons/iconParkIcons.js";import"../../../icons/customIcons/icons/AddMessage.js";import"../../../icons/customIcons/icons/Attention.js";import"../../../icons/customIcons/icons/Collapse.js";import"../../../icons/customIcons/icons/Dashboard.js";import"../../../icons/customIcons/icons/Expand.js";import"../../../icons/customIcons/icons/FolderClosed.js";import"../../../icons/customIcons/icons/FolderClosedFilled.js";import"../../../icons/customIcons/icons/FolderOpened.js";import"../../../icons/customIcons/icons/GreaterOrEqual.js";import"../../../icons/customIcons/icons/LessOrEqual.js";import"../../../icons/customIcons/icons/Search.js";import"../../../icons/customIcons/icons/SearchOne.js";import"../../../icons/customIcons/icons/Wellhub.js";import"../../../icons/customIcons/icons/MultiRuler.js";import"../../../icons/customIcons/icons/Checkbox.js";import"../../../icons/customIcons/icons/CheckboxChecked.js";import"../../../icons/customIcons/icons/CheckboxIndeterminate.js";import"../../../icons/customIcons/icons/Radio.js";import"../../../icons/customIcons/icons/RadioChecked.js";import"../../../icons/customIcons/icons/SimulFrac.js";import"../../../icons/customIcons/icons/ZipperFrac.js";import"../../../icons/customIcons/icons/CautionFilled.js";import"../../../icons/customIcons/icons/MoreApp.js";import"../../../icons/customIcons/icons/Pad.js";import"../../../icons/customIcons/icons/DrilloutUnit.js";import"../../../icons/customIcons/icons/FracFleet.js";import"../../../icons/customIcons/icons/Global.js";import"../../../icons/customIcons/icons/Program.js";import"../../../icons/customIcons/icons/Rig.js";import"../../../icons/customIcons/icons/Well.js";import"../../../icons/customIcons/icons/Gap.js";import"../../../icons/customIcons/icons/Pin.js";import"../../../icons/customIcons/icons/CloseOneFilled.js";import"../../../icons/customIcons/icons/AttentionFilled.js";import"../../../icons/customIcons/icons/CheckOneFilled.js";import"../../../icons/customIcons/icons/Archive.js";import"../../../icons/customIcons/icons/ArchiveCancel.js";import"../../../icons/customIcons/icons/Unarchive.js";import"../../../icons/customIcons/icons/Archived.js";import"../../../icons/customIcons/icons/InterventionUnit.js";import"../../../icons/customIcons/icons/Lasso.js";import{jsx as e,jsxs as m,Fragment as a}from"react/jsx-runtime";var p=["className","classes","value","onChange","unit","options"];function l(o,s){var c=Object.keys(o);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(o);s&&(n=n.filter((function(s){return Object.getOwnPropertyDescriptor(o,s).enumerable}))),c.push.apply(c,n)}return c}function u(s){for(var c=1;c<arguments.length;c++){var n=null!=arguments[c]?arguments[c]:{};c%2?l(Object(n),!0).forEach((function(c){o(s,c,n[c])})):Object.getOwnPropertyDescriptors?Object.defineProperties(s,Object.getOwnPropertyDescriptors(n)):l(Object(n)).forEach((function(o){Object.defineProperty(s,o,Object.getOwnPropertyDescriptor(n,o))}))}return s}var j=n((function(o){var s=o.palette;return{selectContainer:{color:s.primary.contrastText,background:"transparen !important","& .MuiSelect-icon ":{top:"unset",right:4},"& .MuiSelect-icon  > svg > path":{fill:s.primary.text6,stroke:s.primary.text6},"& .MuiSelect-iconOpen > svg > path":{fill:s.primary.main,stroke:s.primary.main},"&:hover":{"& .MuiSelect-icon > svg > path":{fill:s.primary.contrastText,stroke:s.primary.contrastText}},"&:active":{"& .MuiSelect-icon  > svg > path":{fill:s.primary.main,stroke:s.primary.main}}},selectRoot:{fontSize:16,paddingTop:0,paddingBottom:0,"&:focus":{backgroundColor:"transparent"}},unit:{fontSize:12,lineHeight:0,color:s.primary.text7,marginLeft:4}}})),I=function(o){var n=o.className,l=o.classes,I=o.value,d=o.onChange,h=o.unit,f=o.options,b=s(o,p),v=j();return e(i,u(u({className:c(v.selectContainer,n),value:I,classes:u({root:v.selectRoot},l),onChange:d,disableUnderline:!0,IconComponent:function(o){return e(r,u({theme:"filled",fill:"#BDBDBD",size:16},o))},renderValue:function(o){return m(a,{children:[o,h&&m("span",{className:v.unit,children:["(",h,")"]})]})}},b),{},{children:null==f?void 0:f.map((function(o){var s=o.label,c=o.value;return e(t,{value:c,children:s},c)}))}))};export{I as default};
 //# sourceMappingURL=AxisDropdown.js.map

package/components/Chart/components/AxisDropdown.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"AxisDropdown.js","sources":["../../../../src/components/Chart/components/AxisDropdown.js"],"sourcesContent":["import classNames from 'classnames';\nimport { makeStyles, MenuItem, Select as MuiSelect } from '@material-ui/core';\n\nimport { DownOneIcon } from '~/icons';\n\nconst useStyles = makeStyles(({ palette }) => ({\n selectContainer: {\n color: palette.primary.contrastText,\n background: 'transparen !important',\n '& .MuiSelect-icon ': {\n top: 'unset',\n right: 4,\n },\n '& .MuiSelect-icon > svg > path': {\n fill: palette.primary.text6,\n stroke: palette.primary.text6,\n },\n '& .MuiSelect-iconOpen > svg > path': {\n fill: palette.primary.main,\n stroke: palette.primary.main,\n },\n '&:hover': {\n '& .MuiSelect-icon > svg > path': {\n fill: palette.primary.contrastText,\n stroke: palette.primary.contrastText,\n },\n },\n '&:active': {\n '& .MuiSelect-icon > svg > path': {\n fill: palette.primary.main,\n stroke: palette.primary.main,\n },\n },\n },\n selectRoot: {\n fontSize: 16,\n paddingTop: 0,\n paddingBottom: 0,\n '&:focus': {\n backgroundColor: 'transparent',\n },\n },\n unit: {\n fontSize: 12,\n lineHeight: 0,\n color: palette.primary.text7,\n marginLeft: 4,\n },\n}));\n\nconst AxisDropdown = ({ className, classes, value, onChange, unit, options, ...otherProps }) => {\n const styles = useStyles();\n\n return (\n <MuiSelect\n className={classNames(styles.selectContainer, className)}\n value={value}\n classes={{ root: styles.selectRoot, ...classes }}\n onChange={onChange}\n disableUnderline\n IconComponent={props => <DownOneIcon theme=\"filled\" fill=\"#BDBDBD\" size={16} {...props} />}\n renderValue={value => {\n return (\n <>\n {value}\n {unit && <span className={styles.unit}>({unit})</span>}\n </>\n );\n }}\n {...otherProps}\n >\n {options?.map(({ label, value }) => (\n <MenuItem key={value} value={value}>\n {label}\n </MenuItem>\n ))}\n </MuiSelect>\n );\n};\n\nexport default AxisDropdown;\n"],"names":["useStyles","makeStyles","_ref","palette","selectContainer","color","primary","contrastText","background","top","right","fill","text6","stroke","main","selectRoot","fontSize","paddingTop","paddingBottom","backgroundColor","unit","lineHeight","text7","marginLeft","AxisDropdown","_ref2","className","classes","value","onChange","options","otherProps","_objectWithoutProperties","_excluded","styles","_jsx","MuiSelect","_objectSpread","classNames","root","disableUnderline","IconComponent","props","DownOneIcon","theme","size","renderValue","_jsxs","_Fragment","children","map","_ref3","label","MenuItem"],"mappings":"~~gmGAKA~~,IAAMA,EAAYC,GAAW,SAAAC,GAAA,IAAGC,IAAAA,QAAO,MAAQ,CAC7CC,gBAAiB,CACfC,MAAOF,EAAQG,QAAQC,aACvBC,WAAY,wBACZ,qBAAsB,CACpBC,IAAK,QACLC,MAAO,GAET,kCAAmC,CACjCC,KAAMR,EAAQG,QAAQM,MACtBC,OAAQV,EAAQG,QAAQM,OAE1B,qCAAsC,CACpCD,KAAMR,EAAQG,QAAQQ,KACtBD,OAAQV,EAAQG,QAAQQ,MAE1B,UAAW,CACT,iCAAkC,CAChCH,KAAMR,EAAQG,QAAQC,aACtBM,OAAQV,EAAQG,QAAQC,eAG5B,WAAY,CACV,kCAAmC,CACjCI,KAAMR,EAAQG,QAAQQ,KACtBD,OAAQV,EAAQG,QAAQQ,QAI9BC,WAAY,CACVC,SAAU,GACVC,WAAY,EACZC,cAAe,EACf,UAAW,CACTC,gBAAiB,gBAGrBC,KAAM,CACJJ,SAAU,GACVK,WAAY,EACZhB,MAAOF,EAAQG,QAAQgB,MACvBC,WAAY,GAEf,IAEKC,EAAe,SAA2EC,GAAA,IAAxEC,IAAAA,UAAWC,IAAAA,QAASC,IAAAA,MAAOC,IAAAA,SAAUT,IAAAA,KAAMU,IAAAA,QAAYC,EAAUC,EAAAP,EAAAQ,GACjFC,EAASlC,IAEf,OACEmC,EAACC,EAASC,EAAAA,EAAA,CACRX,UAAWY,EAAWJ,EAAO9B,gBAAiBsB,GAC9CE,MAAOA,EACPD,QAAOU,EAAA,CAAIE,KAAML,EAAOnB,YAAeY,GACvCE,SAAUA,EACVW,kBAAgB,EAChBC,cAAe,SAAAC,GAAK,OAAIP,EAACQ,EAAWN,EAAA,CAACO,MAAM,SAASjC,KAAK,UAAUkC,KAAM,IAAQH,GAAU,EAC3FI,YAAa,SAAAlB,GACX,OACEmB,EAAAC,EAAA,CAAAC,SACGrB,CAAAA,EACAR,GAAQ2B,EAAA,OAAA,CAAMrB,UAAWQ,EAAOd,KAAK6B,SAAA,CAAA,IAAG7B,EAAI,SAGnD,GACIW,GAAU,GAAA,CAAAkB,SAEbnB,eAAAA,EAASoB,KAAI,SAAAC,GAAA,IAAGC,IAAAA,MAAOxB,IAAAA,MAAK,OAC3BO,EAACkB,EAAQ,CAAazB,MAAOA,EAAMqB,SAChCG,GADYxB,QAMvB"}
1	+ {"version":3,"file":"AxisDropdown.js","sources":["../../../../src/components/Chart/components/AxisDropdown.js"],"sourcesContent":["import classNames from 'classnames';\nimport { makeStyles, MenuItem, Select as MuiSelect } from '@material-ui/core';\n\nimport { DownOneIcon } from '~/icons';\n\nconst useStyles = makeStyles(({ palette }) => ({\n selectContainer: {\n color: palette.primary.contrastText,\n background: 'transparen !important',\n '& .MuiSelect-icon ': {\n top: 'unset',\n right: 4,\n },\n '& .MuiSelect-icon > svg > path': {\n fill: palette.primary.text6,\n stroke: palette.primary.text6,\n },\n '& .MuiSelect-iconOpen > svg > path': {\n fill: palette.primary.main,\n stroke: palette.primary.main,\n },\n '&:hover': {\n '& .MuiSelect-icon > svg > path': {\n fill: palette.primary.contrastText,\n stroke: palette.primary.contrastText,\n },\n },\n '&:active': {\n '& .MuiSelect-icon > svg > path': {\n fill: palette.primary.main,\n stroke: palette.primary.main,\n },\n },\n },\n selectRoot: {\n fontSize: 16,\n paddingTop: 0,\n paddingBottom: 0,\n '&:focus': {\n backgroundColor: 'transparent',\n },\n },\n unit: {\n fontSize: 12,\n lineHeight: 0,\n color: palette.primary.text7,\n marginLeft: 4,\n },\n}));\n\nconst AxisDropdown = ({ className, classes, value, onChange, unit, options, ...otherProps }) => {\n const styles = useStyles();\n\n return (\n <MuiSelect\n className={classNames(styles.selectContainer, className)}\n value={value}\n classes={{ root: styles.selectRoot, ...classes }}\n onChange={onChange}\n disableUnderline\n IconComponent={props => <DownOneIcon theme=\"filled\" fill=\"#BDBDBD\" size={16} {...props} />}\n renderValue={value => {\n return (\n <>\n {value}\n {unit && <span className={styles.unit}>({unit})</span>}\n </>\n );\n }}\n {...otherProps}\n >\n {options?.map(({ label, value }) => (\n <MenuItem key={value} value={value}>\n {label}\n </MenuItem>\n ))}\n </MuiSelect>\n );\n};\n\nexport default AxisDropdown;\n"],"names":["useStyles","makeStyles","_ref","palette","selectContainer","color","primary","contrastText","background","top","right","fill","text6","stroke","main","selectRoot","fontSize","paddingTop","paddingBottom","backgroundColor","unit","lineHeight","text7","marginLeft","AxisDropdown","_ref2","className","classes","value","onChange","options","otherProps","_objectWithoutProperties","_excluded","styles","_jsx","MuiSelect","_objectSpread","classNames","root","disableUnderline","IconComponent","props","DownOneIcon","theme","size","renderValue","_jsxs","_Fragment","children","map","_ref3","label","MenuItem"],"mappings":"kpGAKA,IAAMA,EAAYC,GAAW,SAAAC,GAAA,IAAGC,IAAAA,QAAO,MAAQ,CAC7CC,gBAAiB,CACfC,MAAOF,EAAQG,QAAQC,aACvBC,WAAY,wBACZ,qBAAsB,CACpBC,IAAK,QACLC,MAAO,GAET,kCAAmC,CACjCC,KAAMR,EAAQG,QAAQM,MACtBC,OAAQV,EAAQG,QAAQM,OAE1B,qCAAsC,CACpCD,KAAMR,EAAQG,QAAQQ,KACtBD,OAAQV,EAAQG,QAAQQ,MAE1B,UAAW,CACT,iCAAkC,CAChCH,KAAMR,EAAQG,QAAQC,aACtBM,OAAQV,EAAQG,QAAQC,eAG5B,WAAY,CACV,kCAAmC,CACjCI,KAAMR,EAAQG,QAAQQ,KACtBD,OAAQV,EAAQG,QAAQQ,QAI9BC,WAAY,CACVC,SAAU,GACVC,WAAY,EACZC,cAAe,EACf,UAAW,CACTC,gBAAiB,gBAGrBC,KAAM,CACJJ,SAAU,GACVK,WAAY,EACZhB,MAAOF,EAAQG,QAAQgB,MACvBC,WAAY,GAEf,IAEKC,EAAe,SAA2EC,GAAA,IAAxEC,IAAAA,UAAWC,IAAAA,QAASC,IAAAA,MAAOC,IAAAA,SAAUT,IAAAA,KAAMU,IAAAA,QAAYC,EAAUC,EAAAP,EAAAQ,GACjFC,EAASlC,IAEf,OACEmC,EAACC,EAASC,EAAAA,EAAA,CACRX,UAAWY,EAAWJ,EAAO9B,gBAAiBsB,GAC9CE,MAAOA,EACPD,QAAOU,EAAA,CAAIE,KAAML,EAAOnB,YAAeY,GACvCE,SAAUA,EACVW,kBAAgB,EAChBC,cAAe,SAAAC,GAAK,OAAIP,EAACQ,EAAWN,EAAA,CAACO,MAAM,SAASjC,KAAK,UAAUkC,KAAM,IAAQH,GAAU,EAC3FI,YAAa,SAAAlB,GACX,OACEmB,EAAAC,EAAA,CAAAC,SACGrB,CAAAA,EACAR,GAAQ2B,EAAA,OAAA,CAAMrB,UAAWQ,EAAOd,KAAK6B,SAAA,CAAA,IAAG7B,EAAI,SAGnD,GACIW,GAAU,GAAA,CAAAkB,SAEbnB,eAAAA,EAASoB,KAAI,SAAAC,GAAA,IAAGC,IAAAA,MAAOxB,IAAAA,MAAK,OAC3BO,EAACkB,EAAQ,CAAazB,MAAOA,EAAMqB,SAChCG,GADYxB,QAMvB"}

package/components/Chart/components/ChartSelect.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import o from"@babel/runtime/helpers/defineProperty";import s from"@babel/runtime/helpers/objectWithoutProperties";import c from"classnames";import{makeStyles as n,Select as i,MenuItem as t}from"@material-ui/core";import{DownOneIcon as r}from"../../../icons/iconParkIcons.js";import"../../../icons/customIcons/icons/AddMessage.js";import"../../../icons/customIcons/icons/Attention.js";import"../../../icons/customIcons/icons/Collapse.js";import"../../../icons/customIcons/icons/Dashboard.js";import"../../../icons/customIcons/icons/Expand.js";import"../../../icons/customIcons/icons/FolderClosed.js";import"../../../icons/customIcons/icons/FolderClosedFilled.js";import"../../../icons/customIcons/icons/FolderOpened.js";import"../../../icons/customIcons/icons/GreaterOrEqual.js";import"../../../icons/customIcons/icons/LessOrEqual.js";import"../../../icons/customIcons/icons/Search.js";import"../../../icons/customIcons/icons/SearchOne.js";import"../../../icons/customIcons/icons/Wellhub.js";import"../../../icons/customIcons/icons/MultiRuler.js";import"../../../icons/customIcons/icons/Checkbox.js";import"../../../icons/customIcons/icons/CheckboxChecked.js";import"../../../icons/customIcons/icons/CheckboxIndeterminate.js";import"../../../icons/customIcons/icons/Radio.js";import"../../../icons/customIcons/icons/RadioChecked.js";import"../../../icons/customIcons/icons/SimulFrac.js";import"../../../icons/customIcons/icons/ZipperFrac.js";import"../../../icons/customIcons/icons/CautionFilled.js";import"../../../icons/customIcons/icons/MoreApp.js";import"../../../icons/customIcons/icons/Pad.js";import"../../../icons/customIcons/icons/DrilloutUnit.js";import"../../../icons/customIcons/icons/FracFleet.js";import"../../../icons/customIcons/icons/Global.js";import"../../../icons/customIcons/icons/Program.js";import"../../../icons/customIcons/icons/Rig.js";import"../../../icons/customIcons/icons/Well.js";import"../../../icons/customIcons/icons/Gap.js";import"../../../icons/customIcons/icons/Pin.js";import"../../../icons/customIcons/icons/CloseOneFilled.js";import"../../../icons/customIcons/icons/AttentionFilled.js";import"../../../icons/customIcons/icons/CheckOneFilled.js";import"../../../icons/customIcons/icons/Archive.js";import"../../../icons/customIcons/icons/ArchiveCancel.js";import"../../../icons/customIcons/icons/Unarchive.js";import"../../../icons/customIcons/icons/Archived.js";import"../../../icons/customIcons/icons/InterventionUnit.js";import{jsx as e}from"react/jsx-runtime";var m=["className","classes","value","onChange","options"];function a(o,s){var c=Object.keys(o);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(o);s&&(n=n.filter((function(s){return Object.getOwnPropertyDescriptor(o,s).enumerable}))),c.push.apply(c,n)}return c}function p(s){for(var c=1;c<arguments.length;c++){var n=null!=arguments[c]?arguments[c]:{};c%2?a(Object(n),!0).forEach((function(c){o(s,c,n[c])})):Object.getOwnPropertyDescriptors?Object.defineProperties(s,Object.getOwnPropertyDescriptors(n)):a(Object(n)).forEach((function(o){Object.defineProperty(s,o,Object.getOwnPropertyDescriptor(n,o))}))}return s}var l=n((function(o){var s=o.palette;return{selectContainer:{color:s.primary.contrastText,width:180,background:"rgba(255, 255, 255, 0.08)",borderRadius:8,height:32,marginRight:4,backdropFilter:"blur(2px)","& .MuiSelect-icon ":{top:"unset",right:4},"& .MuiSelect-icon  > svg > path":{fill:s.primary.text6,stroke:s.primary.text6},"& .MuiSelect-iconOpen > svg > path":{fill:s.primary.main,stroke:s.primary.main},"&:hover":{background:"rgba(255, 255, 255, 0.16)","& .MuiSelect-icon > svg > path":{fill:s.primary.contrastText,stroke:s.primary.contrastText}},"&:active":{background:"rgba(255, 255, 255, 0.16)"}},selectRoot:{fontSize:14,paddingLeft:12,backgroundColor:"transparent","&:active":{backgroundColor:"transparent"},"&:focus":{backgroundColor:"transparent"}},menuPaper:{marginTop:4}}})),u=function(o){var n=o.className,a=o.classes,u=o.value,j=o.onChange,d=o.options,I=s(o,m),b=l();return e(i,p(p({className:c(b.selectContainer,n),value:u,classes:p({root:b.selectRoot},a),onChange:j,disableUnderline:!0,IconComponent:function(o){return e(r,p({theme:"filled",fill:"#BDBDBD",size:16},o))},MenuProps:{classes:{paper:b.menuPaper},anchorOrigin:{vertical:"bottom",horizontal:"left"},transformOrigin:{vertical:"top",horizontal:"left"}}},I),{},{children:null==d?void 0:d.map((function(o){var s=o.label,c=o.value;return e(t,{value:c,children:s},c)}))}))};export{u as default};
+import o from"@babel/runtime/helpers/defineProperty";import s from"@babel/runtime/helpers/objectWithoutProperties";import c from"classnames";import{makeStyles as n,Select as i,MenuItem as t}from"@material-ui/core";import{DownOneIcon as r}from"../../../icons/iconParkIcons.js";import"../../../icons/customIcons/icons/AddMessage.js";import"../../../icons/customIcons/icons/Attention.js";import"../../../icons/customIcons/icons/Collapse.js";import"../../../icons/customIcons/icons/Dashboard.js";import"../../../icons/customIcons/icons/Expand.js";import"../../../icons/customIcons/icons/FolderClosed.js";import"../../../icons/customIcons/icons/FolderClosedFilled.js";import"../../../icons/customIcons/icons/FolderOpened.js";import"../../../icons/customIcons/icons/GreaterOrEqual.js";import"../../../icons/customIcons/icons/LessOrEqual.js";import"../../../icons/customIcons/icons/Search.js";import"../../../icons/customIcons/icons/SearchOne.js";import"../../../icons/customIcons/icons/Wellhub.js";import"../../../icons/customIcons/icons/MultiRuler.js";import"../../../icons/customIcons/icons/Checkbox.js";import"../../../icons/customIcons/icons/CheckboxChecked.js";import"../../../icons/customIcons/icons/CheckboxIndeterminate.js";import"../../../icons/customIcons/icons/Radio.js";import"../../../icons/customIcons/icons/RadioChecked.js";import"../../../icons/customIcons/icons/SimulFrac.js";import"../../../icons/customIcons/icons/ZipperFrac.js";import"../../../icons/customIcons/icons/CautionFilled.js";import"../../../icons/customIcons/icons/MoreApp.js";import"../../../icons/customIcons/icons/Pad.js";import"../../../icons/customIcons/icons/DrilloutUnit.js";import"../../../icons/customIcons/icons/FracFleet.js";import"../../../icons/customIcons/icons/Global.js";import"../../../icons/customIcons/icons/Program.js";import"../../../icons/customIcons/icons/Rig.js";import"../../../icons/customIcons/icons/Well.js";import"../../../icons/customIcons/icons/Gap.js";import"../../../icons/customIcons/icons/Pin.js";import"../../../icons/customIcons/icons/CloseOneFilled.js";import"../../../icons/customIcons/icons/AttentionFilled.js";import"../../../icons/customIcons/icons/CheckOneFilled.js";import"../../../icons/customIcons/icons/Archive.js";import"../../../icons/customIcons/icons/ArchiveCancel.js";import"../../../icons/customIcons/icons/Unarchive.js";import"../../../icons/customIcons/icons/Archived.js";import"../../../icons/customIcons/icons/InterventionUnit.js";import"../../../icons/customIcons/icons/Lasso.js";import{jsx as e}from"react/jsx-runtime";var m=["className","classes","value","onChange","options"];function a(o,s){var c=Object.keys(o);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(o);s&&(n=n.filter((function(s){return Object.getOwnPropertyDescriptor(o,s).enumerable}))),c.push.apply(c,n)}return c}function p(s){for(var c=1;c<arguments.length;c++){var n=null!=arguments[c]?arguments[c]:{};c%2?a(Object(n),!0).forEach((function(c){o(s,c,n[c])})):Object.getOwnPropertyDescriptors?Object.defineProperties(s,Object.getOwnPropertyDescriptors(n)):a(Object(n)).forEach((function(o){Object.defineProperty(s,o,Object.getOwnPropertyDescriptor(n,o))}))}return s}var l=n((function(o){var s=o.palette;return{selectContainer:{color:s.primary.contrastText,width:180,background:"rgba(255, 255, 255, 0.08)",borderRadius:8,height:32,marginRight:4,backdropFilter:"blur(2px)","& .MuiSelect-icon ":{top:"unset",right:4},"& .MuiSelect-icon  > svg > path":{fill:s.primary.text6,stroke:s.primary.text6},"& .MuiSelect-iconOpen > svg > path":{fill:s.primary.main,stroke:s.primary.main},"&:hover":{background:"rgba(255, 255, 255, 0.16)","& .MuiSelect-icon > svg > path":{fill:s.primary.contrastText,stroke:s.primary.contrastText}},"&:active":{background:"rgba(255, 255, 255, 0.16)"}},selectRoot:{fontSize:14,paddingLeft:12,backgroundColor:"transparent","&:active":{backgroundColor:"transparent"},"&:focus":{backgroundColor:"transparent"}},menuPaper:{marginTop:4}}})),u=function(o){var n=o.className,a=o.classes,u=o.value,j=o.onChange,I=o.options,d=s(o,m),b=l();return e(i,p(p({className:c(b.selectContainer,n),value:u,classes:p({root:b.selectRoot},a),onChange:j,disableUnderline:!0,IconComponent:function(o){return e(r,p({theme:"filled",fill:"#BDBDBD",size:16},o))},MenuProps:{classes:{paper:b.menuPaper},anchorOrigin:{vertical:"bottom",horizontal:"left"},transformOrigin:{vertical:"top",horizontal:"left"}}},d),{},{children:null==I?void 0:I.map((function(o){var s=o.label,c=o.value;return e(t,{value:c,children:s},c)}))}))};export{u as default};
 //# sourceMappingURL=ChartSelect.js.map

package/components/Chart/components/ChartSelect.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ChartSelect.js","sources":["../../../../src/components/Chart/components/ChartSelect.js"],"sourcesContent":["import classNames from 'classnames';\nimport { Select as MuiSelect, MenuItem, makeStyles } from '@material-ui/core';\n\nimport { DownOneIcon } from '~/icons';\n\nconst useStyles = makeStyles(({ palette }) => ({\n selectContainer: {\n color: palette.primary.contrastText,\n width: 180,\n background: 'rgba(255, 255, 255, 0.08)',\n borderRadius: 8,\n height: 32,\n marginRight: 4,\n backdropFilter: 'blur(2px)',\n '& .MuiSelect-icon ': {\n top: 'unset',\n right: 4,\n },\n '& .MuiSelect-icon > svg > path': {\n fill: palette.primary.text6,\n stroke: palette.primary.text6,\n },\n '& .MuiSelect-iconOpen > svg > path': {\n fill: palette.primary.main,\n stroke: palette.primary.main,\n },\n '&:hover': {\n background: 'rgba(255, 255, 255, 0.16)',\n '& .MuiSelect-icon > svg > path': {\n fill: palette.primary.contrastText,\n stroke: palette.primary.contrastText,\n },\n },\n '&:active': {\n background: 'rgba(255, 255, 255, 0.16)',\n },\n },\n selectRoot: {\n fontSize: 14,\n paddingLeft: 12,\n backgroundColor: 'transparent',\n '&:active': {\n backgroundColor: 'transparent',\n },\n '&:focus': {\n backgroundColor: 'transparent',\n },\n },\n menuPaper: {\n marginTop: 4,\n },\n}));\n\nconst ChartSelect = ({ className, classes, value, onChange, options, ...otherProps }) => {\n const styles = useStyles();\n\n return (\n <MuiSelect\n className={classNames(styles.selectContainer, className)}\n value={value}\n classes={{ root: styles.selectRoot, ...classes }}\n onChange={onChange}\n disableUnderline\n IconComponent={props => <DownOneIcon theme=\"filled\" fill=\"#BDBDBD\" size={16} {...props} />}\n MenuProps={{\n classes: {\n paper: styles.menuPaper,\n },\n anchorOrigin: {\n vertical: 'bottom',\n horizontal: 'left',\n },\n transformOrigin: {\n vertical: 'top',\n horizontal: 'left',\n },\n }}\n {...otherProps}\n >\n {options?.map(({ label, value }) => (\n <MenuItem key={value} value={value}>\n {label}\n </MenuItem>\n ))}\n </MuiSelect>\n );\n};\n\nexport default ChartSelect;\n"],"names":["useStyles","makeStyles","_ref","palette","selectContainer","color","primary","contrastText","width","background","borderRadius","height","marginRight","backdropFilter","top","right","fill","text6","stroke","main","selectRoot","fontSize","paddingLeft","backgroundColor","menuPaper","marginTop","ChartSelect","_ref2","className","classes","value","onChange","options","otherProps","_objectWithoutProperties","_excluded","styles","_jsx","MuiSelect","_objectSpread","classNames","root","disableUnderline","IconComponent","props","DownOneIcon","theme","size","MenuProps","paper","anchorOrigin","vertical","horizontal","transformOrigin","children","map","_ref3","label","MenuItem"],"mappings":"~~ikGAKA~~,IAAMA,EAAYC,GAAW,SAAAC,GAAA,IAAGC,IAAAA,QAAO,MAAQ,CAC7CC,gBAAiB,CACfC,MAAOF,EAAQG,QAAQC,aACvBC,MAAO,IACPC,WAAY,4BACZC,aAAc,EACdC,OAAQ,GACRC,YAAa,EACbC,eAAgB,YAChB,qBAAsB,CACpBC,IAAK,QACLC,MAAO,GAET,kCAAmC,CACjCC,KAAMb,EAAQG,QAAQW,MACtBC,OAAQf,EAAQG,QAAQW,OAE1B,qCAAsC,CACpCD,KAAMb,EAAQG,QAAQa,KACtBD,OAAQf,EAAQG,QAAQa,MAE1B,UAAW,CACTV,WAAY,4BACZ,iCAAkC,CAChCO,KAAMb,EAAQG,QAAQC,aACtBW,OAAQf,EAAQG,QAAQC,eAG5B,WAAY,CACVE,WAAY,8BAGhBW,WAAY,CACVC,SAAU,GACVC,YAAa,GACbC,gBAAiB,cACjB,WAAY,CACVA,gBAAiB,eAEnB,UAAW,CACTA,gBAAiB,gBAGrBC,UAAW,CACTC,UAAW,GAEd,IAEKC,EAAc,SAAqEC,GAAA,IAAlEC,IAAAA,UAAWC,IAAAA,QAASC,IAAAA,MAAOC,IAAAA,SAAUC,IAAAA,QAAYC,EAAUC,EAAAP,EAAAQ,GAC1EC,EAASpC,IAEf,OACEqC,EAACC,EAASC,EAAAA,EAAA,CACRX,UAAWY,EAAWJ,EAAOhC,gBAAiBwB,GAC9CE,MAAOA,EACPD,QAAOU,EAAA,CAAIE,KAAML,EAAOhB,YAAeS,GACvCE,SAAUA,EACVW,kBAAgB,EAChBC,cAAe,SAAAC,GAAK,OAAIP,EAACQ,EAAWN,EAAA,CAACO,MAAM,SAAS9B,KAAK,UAAU+B,KAAM,IAAQH,GAAU,EAC3FI,UAAW,CACTnB,QAAS,CACPoB,MAAOb,EAAOZ,WAEhB0B,aAAc,CACZC,SAAU,SACVC,WAAY,QAEdC,gBAAiB,CACfF,SAAU,MACVC,WAAY,UAGZnB,GAAU,GAAA,CAAAqB,SAEbtB,eAAAA,EAASuB,KAAI,SAAAC,GAAA,IAAGC,IAAAA,MAAO3B,IAAAA,MAAK,OAC3BO,EAACqB,EAAQ,CAAa5B,MAAOA,EAAMwB,SAChCG,GADY3B,QAMvB"}
1	+ {"version":3,"file":"ChartSelect.js","sources":["../../../../src/components/Chart/components/ChartSelect.js"],"sourcesContent":["import classNames from 'classnames';\nimport { Select as MuiSelect, MenuItem, makeStyles } from '@material-ui/core';\n\nimport { DownOneIcon } from '~/icons';\n\nconst useStyles = makeStyles(({ palette }) => ({\n selectContainer: {\n color: palette.primary.contrastText,\n width: 180,\n background: 'rgba(255, 255, 255, 0.08)',\n borderRadius: 8,\n height: 32,\n marginRight: 4,\n backdropFilter: 'blur(2px)',\n '& .MuiSelect-icon ': {\n top: 'unset',\n right: 4,\n },\n '& .MuiSelect-icon > svg > path': {\n fill: palette.primary.text6,\n stroke: palette.primary.text6,\n },\n '& .MuiSelect-iconOpen > svg > path': {\n fill: palette.primary.main,\n stroke: palette.primary.main,\n },\n '&:hover': {\n background: 'rgba(255, 255, 255, 0.16)',\n '& .MuiSelect-icon > svg > path': {\n fill: palette.primary.contrastText,\n stroke: palette.primary.contrastText,\n },\n },\n '&:active': {\n background: 'rgba(255, 255, 255, 0.16)',\n },\n },\n selectRoot: {\n fontSize: 14,\n paddingLeft: 12,\n backgroundColor: 'transparent',\n '&:active': {\n backgroundColor: 'transparent',\n },\n '&:focus': {\n backgroundColor: 'transparent',\n },\n },\n menuPaper: {\n marginTop: 4,\n },\n}));\n\nconst ChartSelect = ({ className, classes, value, onChange, options, ...otherProps }) => {\n const styles = useStyles();\n\n return (\n <MuiSelect\n className={classNames(styles.selectContainer, className)}\n value={value}\n classes={{ root: styles.selectRoot, ...classes }}\n onChange={onChange}\n disableUnderline\n IconComponent={props => <DownOneIcon theme=\"filled\" fill=\"#BDBDBD\" size={16} {...props} />}\n MenuProps={{\n classes: {\n paper: styles.menuPaper,\n },\n anchorOrigin: {\n vertical: 'bottom',\n horizontal: 'left',\n },\n transformOrigin: {\n vertical: 'top',\n horizontal: 'left',\n },\n }}\n {...otherProps}\n >\n {options?.map(({ label, value }) => (\n <MenuItem key={value} value={value}>\n {label}\n </MenuItem>\n ))}\n </MuiSelect>\n );\n};\n\nexport default ChartSelect;\n"],"names":["useStyles","makeStyles","_ref","palette","selectContainer","color","primary","contrastText","width","background","borderRadius","height","marginRight","backdropFilter","top","right","fill","text6","stroke","main","selectRoot","fontSize","paddingLeft","backgroundColor","menuPaper","marginTop","ChartSelect","_ref2","className","classes","value","onChange","options","otherProps","_objectWithoutProperties","_excluded","styles","_jsx","MuiSelect","_objectSpread","classNames","root","disableUnderline","IconComponent","props","DownOneIcon","theme","size","MenuProps","paper","anchorOrigin","vertical","horizontal","transformOrigin","children","map","_ref3","label","MenuItem"],"mappings":"mnGAKA,IAAMA,EAAYC,GAAW,SAAAC,GAAA,IAAGC,IAAAA,QAAO,MAAQ,CAC7CC,gBAAiB,CACfC,MAAOF,EAAQG,QAAQC,aACvBC,MAAO,IACPC,WAAY,4BACZC,aAAc,EACdC,OAAQ,GACRC,YAAa,EACbC,eAAgB,YAChB,qBAAsB,CACpBC,IAAK,QACLC,MAAO,GAET,kCAAmC,CACjCC,KAAMb,EAAQG,QAAQW,MACtBC,OAAQf,EAAQG,QAAQW,OAE1B,qCAAsC,CACpCD,KAAMb,EAAQG,QAAQa,KACtBD,OAAQf,EAAQG,QAAQa,MAE1B,UAAW,CACTV,WAAY,4BACZ,iCAAkC,CAChCO,KAAMb,EAAQG,QAAQC,aACtBW,OAAQf,EAAQG,QAAQC,eAG5B,WAAY,CACVE,WAAY,8BAGhBW,WAAY,CACVC,SAAU,GACVC,YAAa,GACbC,gBAAiB,cACjB,WAAY,CACVA,gBAAiB,eAEnB,UAAW,CACTA,gBAAiB,gBAGrBC,UAAW,CACTC,UAAW,GAEd,IAEKC,EAAc,SAAqEC,GAAA,IAAlEC,IAAAA,UAAWC,IAAAA,QAASC,IAAAA,MAAOC,IAAAA,SAAUC,IAAAA,QAAYC,EAAUC,EAAAP,EAAAQ,GAC1EC,EAASpC,IAEf,OACEqC,EAACC,EAASC,EAAAA,EAAA,CACRX,UAAWY,EAAWJ,EAAOhC,gBAAiBwB,GAC9CE,MAAOA,EACPD,QAAOU,EAAA,CAAIE,KAAML,EAAOhB,YAAeS,GACvCE,SAAUA,EACVW,kBAAgB,EAChBC,cAAe,SAAAC,GAAK,OAAIP,EAACQ,EAAWN,EAAA,CAACO,MAAM,SAAS9B,KAAK,UAAU+B,KAAM,IAAQH,GAAU,EAC3FI,UAAW,CACTnB,QAAS,CACPoB,MAAOb,EAAOZ,WAEhB0B,aAAc,CACZC,SAAU,SACVC,WAAY,QAEdC,gBAAiB,CACfF,SAAU,MACVC,WAAY,UAGZnB,GAAU,GAAA,CAAAqB,SAEbtB,eAAAA,EAASuB,KAAI,SAAAC,GAAA,IAAGC,IAAAA,MAAO3B,IAAAA,MAAK,OAC3BO,EAACqB,EAAQ,CAAa5B,MAAOA,EAAMwB,SAChCG,GADY3B,QAMvB"}

package/components/Chart/components/buttons/ChartTypeButton.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{useContext as o}from"react";import s from"classnames";import{makeStyles as i}from"@material-ui/core";import c from"../ChartButton.js";import n from"../../ChartWrapperContext.js";import{LineChartIcon as t,ChartHistogramIcon as r}from"../../../../icons/iconParkIcons.js";import"../../../../icons/customIcons/icons/AddMessage.js";import"../../../../icons/customIcons/icons/Attention.js";import"../../../../icons/customIcons/icons/Collapse.js";import"../../../../icons/customIcons/icons/Dashboard.js";import"../../../../icons/customIcons/icons/Expand.js";import"../../../../icons/customIcons/icons/FolderClosed.js";import"../../../../icons/customIcons/icons/FolderClosedFilled.js";import"../../../../icons/customIcons/icons/FolderOpened.js";import"../../../../icons/customIcons/icons/GreaterOrEqual.js";import"../../../../icons/customIcons/icons/LessOrEqual.js";import"../../../../icons/customIcons/icons/Search.js";import"../../../../icons/customIcons/icons/SearchOne.js";import"../../../../icons/customIcons/icons/Wellhub.js";import"../../../../icons/customIcons/icons/MultiRuler.js";import"../../../../icons/customIcons/icons/Checkbox.js";import"../../../../icons/customIcons/icons/CheckboxChecked.js";import"../../../../icons/customIcons/icons/CheckboxIndeterminate.js";import"../../../../icons/customIcons/icons/Radio.js";import"../../../../icons/customIcons/icons/RadioChecked.js";import"../../../../icons/customIcons/icons/SimulFrac.js";import"../../../../icons/customIcons/icons/ZipperFrac.js";import"../../../../icons/customIcons/icons/CautionFilled.js";import"../../../../icons/customIcons/icons/MoreApp.js";import"../../../../icons/customIcons/icons/Pad.js";import"../../../../icons/customIcons/icons/DrilloutUnit.js";import"../../../../icons/customIcons/icons/FracFleet.js";import"../../../../icons/customIcons/icons/Global.js";import"../../../../icons/customIcons/icons/Program.js";import"../../../../icons/customIcons/icons/Rig.js";import"../../../../icons/customIcons/icons/Well.js";import"../../../../icons/customIcons/icons/Gap.js";import"../../../../icons/customIcons/icons/Pin.js";import"../../../../icons/customIcons/icons/CloseOneFilled.js";import"../../../../icons/customIcons/icons/AttentionFilled.js";import"../../../../icons/customIcons/icons/CheckOneFilled.js";import"../../../../icons/customIcons/icons/Archive.js";import"../../../../icons/customIcons/icons/ArchiveCancel.js";import"../../../../icons/customIcons/icons/Unarchive.js";import"../../../../icons/customIcons/icons/Archived.js";import"../../../../icons/customIcons/icons/InterventionUnit.js";import{jsxs as m,jsx as e}from"react/jsx-runtime";var p=i((function(){return{container:{display:"flex",marginRight:4},lineChartButton:{borderTopRightRadius:"0px !important",borderBottomRightRadius:"0px !important",marginBottom:0,"& .MuiTouchRipple-child":{borderTopRightRadius:0,borderBottomRightRadius:0}},barChartButton:{borderTopLeftRadius:"0px !important",borderBottomLeftRadius:"0px !important",marginBottom:0,"& .MuiTouchRipple-child":{borderTopLeftRadius:0,borderBottomLeftRadius:0}}}})),a="spline",u="bar",l=function(i){var l=i.className,d=void 0===l?null:l,j=i.onClick,I=void 0===j?function(){}:j,h=o(n),C=h.chartType,f=h.handleChartTypeChange,b=p();return m("div",{className:s(b.container,d),children:[e(c,{className:b.lineChartButton,tooltipProps:{title:"Line Chart",placement:"bottom"},isActive:C===a,onClick:function(){f(a),I(a)},children:e(t,{size:16})}),e(c,{className:b.barChartButton,tooltipProps:{title:"Bar Chart",placement:"bottom"},isActive:C===u,onClick:function(){f(u),I(u)},children:e(r,{size:16})})]})};l.defaultProps={onClick:function(){},isHidden:!1};export{l as default};
+import{useContext as o}from"react";import s from"classnames";import{makeStyles as i}from"@material-ui/core";import c from"../ChartButton.js";import n from"../../ChartWrapperContext.js";import{LineChartIcon as t,ChartHistogramIcon as r}from"../../../../icons/iconParkIcons.js";import"../../../../icons/customIcons/icons/AddMessage.js";import"../../../../icons/customIcons/icons/Attention.js";import"../../../../icons/customIcons/icons/Collapse.js";import"../../../../icons/customIcons/icons/Dashboard.js";import"../../../../icons/customIcons/icons/Expand.js";import"../../../../icons/customIcons/icons/FolderClosed.js";import"../../../../icons/customIcons/icons/FolderClosedFilled.js";import"../../../../icons/customIcons/icons/FolderOpened.js";import"../../../../icons/customIcons/icons/GreaterOrEqual.js";import"../../../../icons/customIcons/icons/LessOrEqual.js";import"../../../../icons/customIcons/icons/Search.js";import"../../../../icons/customIcons/icons/SearchOne.js";import"../../../../icons/customIcons/icons/Wellhub.js";import"../../../../icons/customIcons/icons/MultiRuler.js";import"../../../../icons/customIcons/icons/Checkbox.js";import"../../../../icons/customIcons/icons/CheckboxChecked.js";import"../../../../icons/customIcons/icons/CheckboxIndeterminate.js";import"../../../../icons/customIcons/icons/Radio.js";import"../../../../icons/customIcons/icons/RadioChecked.js";import"../../../../icons/customIcons/icons/SimulFrac.js";import"../../../../icons/customIcons/icons/ZipperFrac.js";import"../../../../icons/customIcons/icons/CautionFilled.js";import"../../../../icons/customIcons/icons/MoreApp.js";import"../../../../icons/customIcons/icons/Pad.js";import"../../../../icons/customIcons/icons/DrilloutUnit.js";import"../../../../icons/customIcons/icons/FracFleet.js";import"../../../../icons/customIcons/icons/Global.js";import"../../../../icons/customIcons/icons/Program.js";import"../../../../icons/customIcons/icons/Rig.js";import"../../../../icons/customIcons/icons/Well.js";import"../../../../icons/customIcons/icons/Gap.js";import"../../../../icons/customIcons/icons/Pin.js";import"../../../../icons/customIcons/icons/CloseOneFilled.js";import"../../../../icons/customIcons/icons/AttentionFilled.js";import"../../../../icons/customIcons/icons/CheckOneFilled.js";import"../../../../icons/customIcons/icons/Archive.js";import"../../../../icons/customIcons/icons/ArchiveCancel.js";import"../../../../icons/customIcons/icons/Unarchive.js";import"../../../../icons/customIcons/icons/Archived.js";import"../../../../icons/customIcons/icons/InterventionUnit.js";import"../../../../icons/customIcons/icons/Lasso.js";import{jsxs as m,jsx as e}from"react/jsx-runtime";var p=i((function(){return{container:{display:"flex",marginRight:4},lineChartButton:{borderTopRightRadius:"0px !important",borderBottomRightRadius:"0px !important",marginBottom:0,"& .MuiTouchRipple-child":{borderTopRightRadius:0,borderBottomRightRadius:0}},barChartButton:{borderTopLeftRadius:"0px !important",borderBottomLeftRadius:"0px !important",marginBottom:0,"& .MuiTouchRipple-child":{borderTopLeftRadius:0,borderBottomLeftRadius:0}}}})),a="spline",u="bar",l=function(i){var l=i.className,d=void 0===l?null:l,j=i.onClick,I=void 0===j?function(){}:j,h=o(n),C=h.chartType,f=h.handleChartTypeChange,b=p();return m("div",{className:s(b.container,d),children:[e(c,{className:b.lineChartButton,tooltipProps:{title:"Line Chart",placement:"bottom"},isActive:C===a,onClick:function(){f(a),I(a)},children:e(t,{size:16})}),e(c,{className:b.barChartButton,tooltipProps:{title:"Bar Chart",placement:"bottom"},isActive:C===u,onClick:function(){f(u),I(u)},children:e(r,{size:16})})]})};l.defaultProps={onClick:function(){},isHidden:!1};export{l as default};
 //# sourceMappingURL=ChartTypeButton.js.map

package/components/Chart/components/buttons/ChartTypeButton.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ChartTypeButton.js","sources":["../../../../../src/components/Chart/components/buttons/ChartTypeButton.js"],"sourcesContent":["import { useContext } from 'react';\nimport classNames from 'classnames';\nimport { makeStyles } from '@material-ui/core';\n\nimport ChartButton from '../ChartButton';\nimport ChartWrapperContext from '../../ChartWrapperContext';\n\nimport { LineChartIcon, ChartHistogramIcon } from '~/icons';\n\nconst useStyles = makeStyles(() => ({\n container: {\n display: 'flex',\n marginRight: 4,\n },\n lineChartButton: {\n borderTopRightRadius: '0px !important',\n borderBottomRightRadius: '0px !important',\n marginBottom: 0,\n '& .MuiTouchRipple-child': {\n borderTopRightRadius: 0,\n borderBottomRightRadius: 0,\n },\n },\n barChartButton: {\n borderTopLeftRadius: '0px !important',\n borderBottomLeftRadius: '0px !important',\n marginBottom: 0,\n '& .MuiTouchRipple-child': {\n borderTopLeftRadius: 0,\n borderBottomLeftRadius: 0,\n },\n },\n}));\n\nconst CHART_TYPES = {\n spline: 'spline',\n bar: 'bar',\n};\n\nconst ChartTypeButton = ({ className = null, onClick = () => {} }) => {\n const { chartType, handleChartTypeChange } = useContext(ChartWrapperContext);\n\n const styles = useStyles();\n\n return (\n <div className={classNames(styles.container, className)}>\n <ChartButton\n className={styles.lineChartButton}\n tooltipProps={{ title: 'Line Chart', placement: 'bottom' }}\n isActive={chartType === CHART_TYPES.spline}\n onClick={() => {\n handleChartTypeChange(CHART_TYPES.spline);\n onClick(CHART_TYPES.spline);\n }}\n >\n <LineChartIcon size={16} />\n </ChartButton>\n <ChartButton\n className={styles.barChartButton}\n tooltipProps={{ title: 'Bar Chart', placement: 'bottom' }}\n isActive={chartType === CHART_TYPES.bar}\n onClick={() => {\n handleChartTypeChange(CHART_TYPES.bar);\n onClick(CHART_TYPES.bar);\n }}\n >\n <ChartHistogramIcon size={16} />\n </ChartButton>\n </div>\n );\n};\n\nChartTypeButton.defaultProps = {\n onClick: () => {},\n isHidden: false,\n};\n\nexport default ChartTypeButton;\n"],"names":["useStyles","makeStyles","container","display","marginRight","lineChartButton","borderTopRightRadius","borderBottomRightRadius","marginBottom","barChartButton","borderTopLeftRadius","borderBottomLeftRadius","CHART_TYPES","ChartTypeButton","_ref","_ref$className","className","_ref$onClick","onClick","useContext","ChartWrapperContext","chartType","handleChartTypeChange","styles","_jsxs","classNames","children","_jsx","ChartButton","tooltipProps","title","placement","isActive","LineChartIcon","size","ChartHistogramIcon","defaultProps","isHidden"],"mappings":"~~ykFASA~~,IAAMA,EAAYC,GAAW,WAAA,MAAO,CAClCC,UAAW,CACTC,QAAS,OACTC,YAAa,GAEfC,gBAAiB,CACfC,qBAAsB,iBACtBC,wBAAyB,iBACzBC,aAAc,EACd,0BAA2B,CACzBF,qBAAsB,EACtBC,wBAAyB,IAG7BE,eAAgB,CACdC,oBAAqB,iBACrBC,uBAAwB,iBACxBH,aAAc,EACd,0BAA2B,CACzBE,oBAAqB,EACrBC,uBAAwB,IAG7B,IAEKC,EACI,SADJA,EAEC,MAGDC,EAAkB,SAA8CC,GAAA,IAAAC,EAAAD,EAA3CE,UAAAA,aAAY,KAAID,EAAAE,EAAAH,EAAEI,QAAAA,OAAO,IAAAD,EAAG,WAAM,EAAEA,EAChBE,EAAAA,EAAWC,GAAhDC,IAAAA,UAAWC,IAAAA,sBAEbC,EAASvB,IAEf,OACEwB,EAAA,MAAA,CAAKR,UAAWS,EAAWF,EAAOrB,UAAWc,GAAWU,SAAA,CACtDC,EAACC,EAAW,CACVZ,UAAWO,EAAOlB,gBAClBwB,aAAc,CAAEC,MAAO,aAAcC,UAAW,UAChDC,SAAUX,IAAcT,EACxBM,QAAS,WACPI,EAAsBV,GACtBM,EAAQN,EACR,EAAAc,SAEFC,EAACM,EAAa,CAACC,KAAM,OAEvBP,EAACC,EAAW,CACVZ,UAAWO,EAAOd,eAClBoB,aAAc,CAAEC,MAAO,YAAaC,UAAW,UAC/CC,SAAUX,IAAcT,EACxBM,QAAS,WACPI,EAAsBV,GACtBM,EAAQN,EACR,EAAAc,SAEFC,EAACQ,EAAkB,CAACD,KAAM,SAIlC,EAEArB,EAAgBuB,aAAe,CAC7BlB,QAAS,WAAQ,EACjBmB,UAAU"}
1	+ {"version":3,"file":"ChartTypeButton.js","sources":["../../../../../src/components/Chart/components/buttons/ChartTypeButton.js"],"sourcesContent":["import { useContext } from 'react';\nimport classNames from 'classnames';\nimport { makeStyles } from '@material-ui/core';\n\nimport ChartButton from '../ChartButton';\nimport ChartWrapperContext from '../../ChartWrapperContext';\n\nimport { LineChartIcon, ChartHistogramIcon } from '~/icons';\n\nconst useStyles = makeStyles(() => ({\n container: {\n display: 'flex',\n marginRight: 4,\n },\n lineChartButton: {\n borderTopRightRadius: '0px !important',\n borderBottomRightRadius: '0px !important',\n marginBottom: 0,\n '& .MuiTouchRipple-child': {\n borderTopRightRadius: 0,\n borderBottomRightRadius: 0,\n },\n },\n barChartButton: {\n borderTopLeftRadius: '0px !important',\n borderBottomLeftRadius: '0px !important',\n marginBottom: 0,\n '& .MuiTouchRipple-child': {\n borderTopLeftRadius: 0,\n borderBottomLeftRadius: 0,\n },\n },\n}));\n\nconst CHART_TYPES = {\n spline: 'spline',\n bar: 'bar',\n};\n\nconst ChartTypeButton = ({ className = null, onClick = () => {} }) => {\n const { chartType, handleChartTypeChange } = useContext(ChartWrapperContext);\n\n const styles = useStyles();\n\n return (\n <div className={classNames(styles.container, className)}>\n <ChartButton\n className={styles.lineChartButton}\n tooltipProps={{ title: 'Line Chart', placement: 'bottom' }}\n isActive={chartType === CHART_TYPES.spline}\n onClick={() => {\n handleChartTypeChange(CHART_TYPES.spline);\n onClick(CHART_TYPES.spline);\n }}\n >\n <LineChartIcon size={16} />\n </ChartButton>\n <ChartButton\n className={styles.barChartButton}\n tooltipProps={{ title: 'Bar Chart', placement: 'bottom' }}\n isActive={chartType === CHART_TYPES.bar}\n onClick={() => {\n handleChartTypeChange(CHART_TYPES.bar);\n onClick(CHART_TYPES.bar);\n }}\n >\n <ChartHistogramIcon size={16} />\n </ChartButton>\n </div>\n );\n};\n\nChartTypeButton.defaultProps = {\n onClick: () => {},\n isHidden: false,\n};\n\nexport default ChartTypeButton;\n"],"names":["useStyles","makeStyles","container","display","marginRight","lineChartButton","borderTopRightRadius","borderBottomRightRadius","marginBottom","barChartButton","borderTopLeftRadius","borderBottomLeftRadius","CHART_TYPES","ChartTypeButton","_ref","_ref$className","className","_ref$onClick","onClick","useContext","ChartWrapperContext","chartType","handleChartTypeChange","styles","_jsxs","classNames","children","_jsx","ChartButton","tooltipProps","title","placement","isActive","LineChartIcon","size","ChartHistogramIcon","defaultProps","isHidden"],"mappings":"8nFASA,IAAMA,EAAYC,GAAW,WAAA,MAAO,CAClCC,UAAW,CACTC,QAAS,OACTC,YAAa,GAEfC,gBAAiB,CACfC,qBAAsB,iBACtBC,wBAAyB,iBACzBC,aAAc,EACd,0BAA2B,CACzBF,qBAAsB,EACtBC,wBAAyB,IAG7BE,eAAgB,CACdC,oBAAqB,iBACrBC,uBAAwB,iBACxBH,aAAc,EACd,0BAA2B,CACzBE,oBAAqB,EACrBC,uBAAwB,IAG7B,IAEKC,EACI,SADJA,EAEC,MAGDC,EAAkB,SAA8CC,GAAA,IAAAC,EAAAD,EAA3CE,UAAAA,aAAY,KAAID,EAAAE,EAAAH,EAAEI,QAAAA,OAAO,IAAAD,EAAG,WAAM,EAAEA,EAChBE,EAAAA,EAAWC,GAAhDC,IAAAA,UAAWC,IAAAA,sBAEbC,EAASvB,IAEf,OACEwB,EAAA,MAAA,CAAKR,UAAWS,EAAWF,EAAOrB,UAAWc,GAAWU,SAAA,CACtDC,EAACC,EAAW,CACVZ,UAAWO,EAAOlB,gBAClBwB,aAAc,CAAEC,MAAO,aAAcC,UAAW,UAChDC,SAAUX,IAAcT,EACxBM,QAAS,WACPI,EAAsBV,GACtBM,EAAQN,EACR,EAAAc,SAEFC,EAACM,EAAa,CAACC,KAAM,OAEvBP,EAACC,EAAW,CACVZ,UAAWO,EAAOd,eAClBoB,aAAc,CAAEC,MAAO,YAAaC,UAAW,UAC/CC,SAAUX,IAAcT,EACxBM,QAAS,WACPI,EAAsBV,GACtBM,EAAQN,EACR,EAAAc,SAEFC,EAACQ,EAAkB,CAACD,KAAM,SAIlC,EAEArB,EAAgBuB,aAAe,CAC7BlB,QAAS,WAAQ,EACjBmB,UAAU"}