@corva/ui 3.42.0-4 → 3.42.0-6
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.
- package/cjs-bundle/components/AssetEditorV2/components/SecondaryAssetSelect.js +1 -1
- package/cjs-bundle/components/AssetEditorV2/components/SecondaryAssetSelect.js.map +1 -1
- package/cjs-bundle/componentsV2/Autocomplete/Autocomplete.scss.js +1 -1
- package/cjs-bundle/config/theme/autocompleteOverrides.js +2 -0
- package/cjs-bundle/config/theme/autocompleteOverrides.js.map +1 -0
- package/cjs-bundle/config/theme/index.js +1 -1
- package/cjs-bundle/config/theme/index.js.map +1 -1
- package/components/AssetEditorV2/components/SecondaryAssetSelect.d.ts.map +1 -1
- package/components/AssetEditorV2/components/SecondaryAssetSelect.js +1 -1
- package/components/AssetEditorV2/components/SecondaryAssetSelect.js.map +1 -1
- package/componentsV2/Autocomplete/Autocomplete.scss.js +1 -1
- package/config/theme/autocompleteOverrides.d.ts +10 -0
- package/config/theme/autocompleteOverrides.d.ts.map +1 -0
- package/config/theme/autocompleteOverrides.js +2 -0
- package/config/theme/autocompleteOverrides.js.map +1 -0
- package/config/theme/index.d.ts.map +1 -1
- package/config/theme/index.js +1 -1
- package/config/theme/index.js.map +1 -1
- package/package.json +1 -1
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@babel/runtime/helpers/toConsumableArray"),t=require("prop-types"),s=require("react"),a=require("lodash"),r=require("@material-ui/core"),n=require("../effects/index.js"),i=require("../constants.js"),o=require("./SelectItem.js");require("../../../constants/goals.js"),require("../../../constants/segment.js"),require("../../../constants/alerts.js"),require("../../../constants/apps.js"),require("../../../constants/drillstring.js"),require("../../../constants/completion.js"),require("../../../constants/appPackages.js"),require("../../../constants/notifications.js"),require("../../../constants/feed.js"),require("../../../constants/bha.js");var u=require("../../../constants/assetTypes.js");require("../../../constants/corvaCompanyId.js"),require("../../GradientManager/configuration/constants.js");var l=require("react/jsx-runtime");function d(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var c=d(e),p=d(t),f="DC_SingleAssetEditor",m=r.makeStyles((function(e){return{container:{position:"relative"},select:{display:"flex",alignItems:"center",justifyContent:"space-between",paddingBottom:0,paddingTop:0},formControl:{marginTop:16,width:"100%","& .MuiInput-underline.Mui-disabled, & .MuiFilledInput-underline.Mui-disabled":{"&::before":{borderBottom:"1px solid #808080"}}},selectValue:function(t){return{cursor:"pointer",padding:0,color:t.disabled?e.palette.primary.text7:e.palette.primary.contrastText,"&:hover":{backgroundColor:"initial"}}},option:function(t){return{cursor:"pointer",padding:"0px 0px 0px 16px",color:t.disabled?e.palette.primary.text7:e.palette.primary.contrastText,"&:hover":{backgroundColor:"rgba(255, 255, 255, 0.16)"}}},activeAssets:{color:"#9E9E9E",padding:"8px 0 6px"},progress:{position:"absolute",right:20,bottom:4},noActiveAsset:{color:"#9E9E9E",padding:"8px 0 6px"}}})),A=function(e){var t=e.appKey,d=e.primaryAssetLabel,p=e.isRequiredAssetId,A=e.secondaryAssetLabel,
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@babel/runtime/helpers/toConsumableArray"),t=require("prop-types"),s=require("react"),a=require("lodash"),r=require("@material-ui/core"),n=require("../effects/index.js"),i=require("../constants.js"),o=require("./SelectItem.js");require("../../../constants/goals.js"),require("../../../constants/segment.js"),require("../../../constants/alerts.js"),require("../../../constants/apps.js"),require("../../../constants/drillstring.js"),require("../../../constants/completion.js"),require("../../../constants/appPackages.js"),require("../../../constants/notifications.js"),require("../../../constants/feed.js"),require("../../../constants/bha.js");var u=require("../../../constants/assetTypes.js");require("../../../constants/corvaCompanyId.js"),require("../../GradientManager/configuration/constants.js");var l=require("react/jsx-runtime");function d(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var c=d(e),p=d(t),f="DC_SingleAssetEditor",m=r.makeStyles((function(e){return{container:{position:"relative"},select:{display:"flex",alignItems:"center",justifyContent:"space-between",paddingBottom:0,paddingTop:0},formControl:{marginTop:16,width:"100%","& .MuiInput-underline.Mui-disabled, & .MuiFilledInput-underline.Mui-disabled":{"&::before":{borderBottom:"1px solid #808080"}}},selectValue:function(t){return{cursor:"pointer",padding:0,color:t.disabled?e.palette.primary.text7:e.palette.primary.contrastText,"&:hover":{backgroundColor:"initial"}}},option:function(t){return{cursor:"pointer",padding:"0px 0px 0px 16px",color:t.disabled?e.palette.primary.text7:e.palette.primary.contrastText,"&:hover":{backgroundColor:"rgba(255, 255, 255, 0.16)"}}},activeAssets:{color:"#9E9E9E",padding:"8px 0 6px"},progress:{position:"absolute",right:20,bottom:4},noActiveAsset:{color:"#9E9E9E",padding:"8px 0 6px"}}})),A=function(e){var t=e.appKey,d=e.primaryAssetLabel,p=e.isRequiredAssetId,A=e.secondaryAssetLabel,v=e.company,y=e.currentValue,T=e.defaultValue,g=e.onChange,b=e.disabled,j=e.parentAssetId,x=e.assetType,E=e.parentAssetType,I=e.assetFields,q=e.activeWellId,S=e.isDrillingPlatformApp,_=s.useRef(),C=n.useSecondaryAssetSelectData({appKey:t,assetType:S?i.DEFAULT_ASSET_TYPE:x,company:v,parentAssetId:j,parentAssetType:E,isRequiredAssetId:p,assetFields:I,activeWellId:q}),h=C.assets,V=C.loading,N=m({disabled:b}),D=s.useMemo((function(){return E===u.ASSET_TYPES.intervention_unit.type?h.find((function(e){return Number(e.id)===Number(q)})):h.find((function(e){return e.status===i.ACTIVE_STATUS}))}),[h,E,q]),M=y||T;s.useEffect((function(){var e;(!y||y===(null===(e=_.current)||void 0===e?void 0:e.id))&&D&&(g(D),_.current=D)}),[D,y,g]);var P=a.capitalize(x),F=s.useMemo((function(){return[{name:"Active ".concat(P),id:i.ACTIVE_ASSET_ID}].concat(c.default(h))}),[P,h]),k=s.useCallback((function(e){if(e===i.ACTIVE_ASSETS_ID)return l.jsx("span",{className:N.activeAssets,children:"Active ".concat(P,"s")});if(e===i.ACTIVE_ASSET_ID&&!D)return l.jsx("span",{className:N.noActiveAsset,children:"".concat(d," has No Active ").concat(A)});if(e===i.ACTIVE_ASSET_ID&&D)return l.jsx(o,{className:N.selectValue,assetName:D.name,status:D.status});var t=h.find((function(t){return t.id===e}));return l.jsx(o,{className:N.selectValue,assetName:null==t?void 0:t.name,status:null==t?void 0:t.status})}),[P,D,h,d,A,N]);return l.jsxs("div",{className:N.container,children:[l.jsxs(r.FormControl,{className:N.formControl,disabled:V,children:[l.jsx(r.InputLabel,{shrink:!!M,children:A}),l.jsx(r.Select,{"data-testid":e["data-testid"],classes:{select:N.select},value:M,disabled:b,onChange:function(e){var t=e.target,s=t.value===i.ACTIVE_ASSET_ID?D||{id:i.ACTIVE_ASSET_ID}:null==h?void 0:h.find((function(e){return e.id===t.value}));g(s)},fullWidth:!0,renderValue:k,children:F.map((function(e){var t=e.id,s=e.name,a=e.status,r=s||"";return l.jsx(o,{className:N.option,assetName:r,"data-testid":"".concat(f,"_option_").concat(r,"MenuItem"),value:t,status:a},t)}))})]}),V&&l.jsx(r.CircularProgress,{"data-testid":"".concat(f,"_CircularProgress"),size:20,className:N.progress})]})};A.propTypes={appType:p.default.shape({constants:p.default.shape({})}),currentValue:p.default.oneOfType([p.default.number,p.default.string]),defaultValue:p.default.any,onChange:p.default.func.isRequired,parentAssetId:p.default.number,parentAssetType:p.default.string,assetType:p.default.string.isRequired,"data-testid":p.default.string,appKey:p.default.string,assetFields:p.default.array},A.defaultProps={currentValue:"",defaultValue:"",appType:void 0,parentAssetId:void 0,parentAssetType:void 0,"data-testid":"".concat(f,"_autoComplete"),appKey:null,assetFields:[]},exports.PAGE_NAME=f,exports.default=A;
|
|
2
2
|
//# sourceMappingURL=SecondaryAssetSelect.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SecondaryAssetSelect.js","sources":["../../../../../src/components/AssetEditorV2/components/SecondaryAssetSelect.js"],"sourcesContent":["import PropTypes from 'prop-types';\nimport { useMemo, useCallback } from 'react';\nimport { capitalize } from 'lodash';\nimport { CircularProgress, Select, FormControl, InputLabel, makeStyles } from '@material-ui/core';\n\nimport { useSecondaryAssetSelectData } from '../effects';\nimport { ACTIVE_ASSETS_ID, ACTIVE_ASSET_ID, ACTIVE_STATUS, DEFAULT_ASSET_TYPE } from '../constants';\n\nimport SelectItem from './SelectItem';\n\nimport { ASSET_TYPES } from '~/constants';\n\nexport const PAGE_NAME = 'DC_SingleAssetEditor';\n\nconst useStyles = makeStyles(theme => ({\n container: {\n position: 'relative',\n },\n select: {\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'space-between',\n paddingBottom: 0,\n paddingTop: 0,\n },\n formControl: {\n marginTop: 16,\n width: '100%',\n '& .MuiInput-underline.Mui-disabled, & .MuiFilledInput-underline.Mui-disabled': {\n '&::before': {\n borderBottom: `1px solid #808080`,\n },\n },\n },\n selectValue: ({ disabled }) => ({\n cursor: 'pointer',\n padding: 0,\n color: disabled ? theme.palette.primary.text7 : theme.palette.primary.contrastText,\n '&:hover': {\n backgroundColor: 'initial',\n },\n }),\n option: ({ disabled }) => ({\n cursor: 'pointer',\n padding: '0px 0px 0px 16px',\n color: disabled ? theme.palette.primary.text7 : theme.palette.primary.contrastText,\n '&:hover': {\n backgroundColor: 'rgba(255, 255, 255, 0.16)',\n },\n }),\n activeAssets: {\n color: '#9E9E9E',\n padding: '8px 0 6px',\n },\n progress: {\n position: 'absolute',\n right: 20,\n bottom: 4,\n },\n noActiveAsset: {\n color: '#9E9E9E',\n padding: '8px 0 6px',\n },\n}));\n\nconst SecondaryAssetSelect = props => {\n const {\n appKey,\n primaryAssetLabel,\n isRequiredAssetId,\n secondaryAssetLabel,\n company,\n currentValue,\n defaultValue,\n onChange,\n disabled,\n parentAssetId,\n assetType,\n parentAssetType,\n assetFields,\n activeWellId,\n isDrillingPlatformApp,\n } = props;\n\n const { assets, loading } = useSecondaryAssetSelectData({\n appKey,\n assetId: currentValue,\n assetType: isDrillingPlatformApp ? DEFAULT_ASSET_TYPE : assetType,\n company,\n parentAssetId,\n parentAssetType,\n isRequiredAssetId,\n assetFields,\n activeWellId,\n });\n const styles = useStyles({ disabled });\n\n const activeAsset = useMemo(\n () =>\n parentAssetType === ASSET_TYPES.intervention_unit.type\n ? assets.find(asset => Number(asset.id) === Number(activeWellId))\n : assets.find(asset => asset.status === ACTIVE_STATUS),\n [assets, parentAssetType, activeWellId]\n );\n\n const value = currentValue || defaultValue;\n\n const capitalizedAssetType = capitalize(assetType);\n\n const options = useMemo(\n () => [{ name: `Active ${capitalizedAssetType}`, id: ACTIVE_ASSET_ID }, ...assets],\n [capitalizedAssetType, assets]\n );\n\n const handleSelectChange = ({ target }) => {\n const nextValue =\n target.value === ACTIVE_ASSET_ID\n ? activeAsset || { id: ACTIVE_ASSET_ID }\n : assets?.find(asset => asset.id === target.value);\n onChange(nextValue);\n };\n\n const renderSelectValue = useCallback(\n assetId => {\n if (assetId === ACTIVE_ASSETS_ID) {\n return <span className={styles.activeAssets}>{`Active ${capitalizedAssetType}s`}</span>;\n }\n if (assetId === ACTIVE_ASSET_ID && !activeAsset) {\n return (\n <span className={styles.noActiveAsset}>\n {`${primaryAssetLabel} has No Active ${secondaryAssetLabel}`}\n </span>\n );\n }\n if (assetId === ACTIVE_ASSET_ID && !!activeAsset) {\n return (\n <SelectItem\n className={styles.selectValue}\n assetName={activeAsset.name}\n status={activeAsset.status}\n />\n );\n }\n const selectedAsset = assets.find(asset => asset.id === assetId);\n return (\n <SelectItem\n className={styles.selectValue}\n assetName={selectedAsset?.name}\n status={selectedAsset?.status}\n />\n );\n },\n [capitalizedAssetType, activeAsset, assets, primaryAssetLabel, secondaryAssetLabel, styles]\n );\n\n return (\n <div className={styles.container}>\n <FormControl className={styles.formControl} disabled={loading}>\n <InputLabel shrink={!!value}>{secondaryAssetLabel}</InputLabel>\n <Select\n data-testid={props['data-testid']}\n classes={{ select: styles.select }}\n value={value}\n disabled={disabled}\n onChange={handleSelectChange}\n fullWidth\n renderValue={renderSelectValue}\n >\n {options.map(({ id, name, status }) => {\n const assetName = name || '';\n return (\n <SelectItem\n className={styles.option}\n assetName={assetName}\n data-testid={`${PAGE_NAME}_option_${assetName}MenuItem`}\n key={id}\n value={id}\n status={status}\n />\n );\n })}\n </Select>\n </FormControl>\n {loading && (\n <CircularProgress\n data-testid={`${PAGE_NAME}_CircularProgress`}\n size={20}\n className={styles.progress}\n />\n )}\n </div>\n );\n};\n\nSecondaryAssetSelect.propTypes = {\n appType: PropTypes.shape({\n constants: PropTypes.shape({}),\n }),\n currentValue: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),\n defaultValue: PropTypes.any, // eslint-disable-line react/forbid-prop-types\n onChange: PropTypes.func.isRequired,\n parentAssetId: PropTypes.number,\n parentAssetType: PropTypes.string,\n assetType: PropTypes.string.isRequired,\n 'data-testid': PropTypes.string,\n appKey: PropTypes.string,\n assetFields: PropTypes.array,\n};\n\nSecondaryAssetSelect.defaultProps = {\n currentValue: '', // NOTE: If 'undefined' <SelectField /> displays 'label'\n defaultValue: '',\n appType: undefined,\n parentAssetId: undefined,\n parentAssetType: undefined,\n 'data-testid': `${PAGE_NAME}_autoComplete`,\n appKey: null,\n assetFields: [],\n};\n\nexport default SecondaryAssetSelect;\n"],"names":["PAGE_NAME","useStyles","makeStyles","theme","container","position","select","display","alignItems","justifyContent","paddingBottom","paddingTop","formControl","marginTop","width","borderBottom","selectValue","_ref","cursor","padding","color","disabled","palette","primary","text7","contrastText","backgroundColor","option","_ref2","activeAssets","progress","right","bottom","noActiveAsset","SecondaryAssetSelect","props","appKey","primaryAssetLabel","isRequiredAssetId","secondaryAssetLabel","company","currentValue","defaultValue","onChange","parentAssetId","assetType","parentAssetType","assetFields","activeWellId","isDrillingPlatformApp","_useSecondaryAssetSel","useSecondaryAssetSelectData","assetId","DEFAULT_ASSET_TYPE","assets","loading","styles","activeAsset","useMemo","ASSET_TYPES","intervention_unit","type","find","asset","Number","id","status","ACTIVE_STATUS","value","capitalizedAssetType","capitalize","options","name","concat","ACTIVE_ASSET_ID","renderSelectValue","useCallback","ACTIVE_ASSETS_ID","_jsx","className","children","SelectItem","assetName","selectedAsset","_jsxs","FormControl","InputLabel","shrink","Select","classes","_ref3","target","nextValue","fullWidth","renderValue","map","_ref4","jsx","CircularProgress","size","propTypes","appType","PropTypes","shape","constants","oneOfType","number","string","any","func","isRequired","array","defaultProps","undefined"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"SecondaryAssetSelect.js","sources":["../../../../../src/components/AssetEditorV2/components/SecondaryAssetSelect.js"],"sourcesContent":["import PropTypes from 'prop-types';\nimport { useMemo, useCallback, useEffect, useRef } from 'react';\nimport { capitalize } from 'lodash';\nimport { CircularProgress, Select, FormControl, InputLabel, makeStyles } from '@material-ui/core';\n\nimport { useSecondaryAssetSelectData } from '../effects';\nimport { ACTIVE_ASSETS_ID, ACTIVE_ASSET_ID, ACTIVE_STATUS, DEFAULT_ASSET_TYPE } from '../constants';\n\nimport SelectItem from './SelectItem';\n\nimport { ASSET_TYPES } from '~/constants';\n\nexport const PAGE_NAME = 'DC_SingleAssetEditor';\n\nconst useStyles = makeStyles(theme => ({\n container: {\n position: 'relative',\n },\n select: {\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'space-between',\n paddingBottom: 0,\n paddingTop: 0,\n },\n formControl: {\n marginTop: 16,\n width: '100%',\n '& .MuiInput-underline.Mui-disabled, & .MuiFilledInput-underline.Mui-disabled': {\n '&::before': {\n borderBottom: `1px solid #808080`,\n },\n },\n },\n selectValue: ({ disabled }) => ({\n cursor: 'pointer',\n padding: 0,\n color: disabled ? theme.palette.primary.text7 : theme.palette.primary.contrastText,\n '&:hover': {\n backgroundColor: 'initial',\n },\n }),\n option: ({ disabled }) => ({\n cursor: 'pointer',\n padding: '0px 0px 0px 16px',\n color: disabled ? theme.palette.primary.text7 : theme.palette.primary.contrastText,\n '&:hover': {\n backgroundColor: 'rgba(255, 255, 255, 0.16)',\n },\n }),\n activeAssets: {\n color: '#9E9E9E',\n padding: '8px 0 6px',\n },\n progress: {\n position: 'absolute',\n right: 20,\n bottom: 4,\n },\n noActiveAsset: {\n color: '#9E9E9E',\n padding: '8px 0 6px',\n },\n}));\n\nconst SecondaryAssetSelect = props => {\n const {\n appKey,\n primaryAssetLabel,\n isRequiredAssetId,\n secondaryAssetLabel,\n company,\n currentValue,\n defaultValue,\n onChange,\n disabled,\n parentAssetId,\n assetType,\n parentAssetType,\n assetFields,\n activeWellId,\n isDrillingPlatformApp,\n } = props;\n\n const prevActiveAssetRef = useRef();\n\n const { assets, loading } = useSecondaryAssetSelectData({\n appKey,\n assetType: isDrillingPlatformApp ? DEFAULT_ASSET_TYPE : assetType,\n company,\n parentAssetId,\n parentAssetType,\n isRequiredAssetId,\n assetFields,\n activeWellId,\n });\n const styles = useStyles({ disabled });\n\n const activeAsset = useMemo(\n () =>\n parentAssetType === ASSET_TYPES.intervention_unit.type\n ? assets.find(asset => Number(asset.id) === Number(activeWellId))\n : assets.find(asset => asset.status === ACTIVE_STATUS),\n [assets, parentAssetType, activeWellId]\n );\n\n const value = currentValue || defaultValue;\n\n useEffect(() => {\n // force active asset preselection when assets are reset\n const isTrackingActiveAsset = !currentValue || currentValue === prevActiveAssetRef.current?.id;\n\n if (isTrackingActiveAsset && activeAsset) {\n onChange(activeAsset);\n prevActiveAssetRef.current = activeAsset;\n }\n }, [activeAsset, currentValue, onChange]);\n\n const capitalizedAssetType = capitalize(assetType);\n\n const options = useMemo(\n () => [{ name: `Active ${capitalizedAssetType}`, id: ACTIVE_ASSET_ID }, ...assets],\n [capitalizedAssetType, assets]\n );\n\n const handleSelectChange = ({ target }) => {\n const nextValue =\n target.value === ACTIVE_ASSET_ID\n ? activeAsset || { id: ACTIVE_ASSET_ID }\n : assets?.find(asset => asset.id === target.value);\n onChange(nextValue);\n };\n\n const renderSelectValue = useCallback(\n assetId => {\n if (assetId === ACTIVE_ASSETS_ID) {\n return <span className={styles.activeAssets}>{`Active ${capitalizedAssetType}s`}</span>;\n }\n if (assetId === ACTIVE_ASSET_ID && !activeAsset) {\n return (\n <span className={styles.noActiveAsset}>\n {`${primaryAssetLabel} has No Active ${secondaryAssetLabel}`}\n </span>\n );\n }\n if (assetId === ACTIVE_ASSET_ID && !!activeAsset) {\n return (\n <SelectItem\n className={styles.selectValue}\n assetName={activeAsset.name}\n status={activeAsset.status}\n />\n );\n }\n const selectedAsset = assets.find(asset => asset.id === assetId);\n return (\n <SelectItem\n className={styles.selectValue}\n assetName={selectedAsset?.name}\n status={selectedAsset?.status}\n />\n );\n },\n [capitalizedAssetType, activeAsset, assets, primaryAssetLabel, secondaryAssetLabel, styles]\n );\n\n return (\n <div className={styles.container}>\n <FormControl className={styles.formControl} disabled={loading}>\n <InputLabel shrink={!!value}>{secondaryAssetLabel}</InputLabel>\n <Select\n data-testid={props['data-testid']}\n classes={{ select: styles.select }}\n value={value}\n disabled={disabled}\n onChange={handleSelectChange}\n fullWidth\n renderValue={renderSelectValue}\n >\n {options.map(({ id, name, status }) => {\n const assetName = name || '';\n return (\n <SelectItem\n className={styles.option}\n assetName={assetName}\n data-testid={`${PAGE_NAME}_option_${assetName}MenuItem`}\n key={id}\n value={id}\n status={status}\n />\n );\n })}\n </Select>\n </FormControl>\n {loading && (\n <CircularProgress\n data-testid={`${PAGE_NAME}_CircularProgress`}\n size={20}\n className={styles.progress}\n />\n )}\n </div>\n );\n};\n\nSecondaryAssetSelect.propTypes = {\n appType: PropTypes.shape({\n constants: PropTypes.shape({}),\n }),\n currentValue: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),\n defaultValue: PropTypes.any, // eslint-disable-line react/forbid-prop-types\n onChange: PropTypes.func.isRequired,\n parentAssetId: PropTypes.number,\n parentAssetType: PropTypes.string,\n assetType: PropTypes.string.isRequired,\n 'data-testid': PropTypes.string,\n appKey: PropTypes.string,\n assetFields: PropTypes.array,\n};\n\nSecondaryAssetSelect.defaultProps = {\n currentValue: '', // NOTE: If 'undefined' <SelectField /> displays 'label'\n defaultValue: '',\n appType: undefined,\n parentAssetId: undefined,\n parentAssetType: undefined,\n 'data-testid': `${PAGE_NAME}_autoComplete`,\n appKey: null,\n assetFields: [],\n};\n\nexport default SecondaryAssetSelect;\n"],"names":["PAGE_NAME","useStyles","makeStyles","theme","container","position","select","display","alignItems","justifyContent","paddingBottom","paddingTop","formControl","marginTop","width","borderBottom","selectValue","_ref","cursor","padding","color","disabled","palette","primary","text7","contrastText","backgroundColor","option","_ref2","activeAssets","progress","right","bottom","noActiveAsset","SecondaryAssetSelect","props","appKey","primaryAssetLabel","isRequiredAssetId","secondaryAssetLabel","company","currentValue","defaultValue","onChange","parentAssetId","assetType","parentAssetType","assetFields","activeWellId","isDrillingPlatformApp","prevActiveAssetRef","useRef","_useSecondaryAssetSel","useSecondaryAssetSelectData","DEFAULT_ASSET_TYPE","assets","loading","styles","activeAsset","useMemo","ASSET_TYPES","intervention_unit","type","find","asset","Number","id","status","ACTIVE_STATUS","value","useEffect","_prevActiveAssetRef$c","current","capitalizedAssetType","capitalize","options","name","concat","ACTIVE_ASSET_ID","renderSelectValue","useCallback","assetId","ACTIVE_ASSETS_ID","_jsx","className","children","SelectItem","assetName","selectedAsset","_jsxs","FormControl","InputLabel","shrink","Select","classes","_ref3","target","nextValue","fullWidth","renderValue","map","_ref4","jsx","CircularProgress","size","propTypes","appType","PropTypes","shape","constants","oneOfType","number","string","any","func","isRequired","array","defaultProps","undefined"],"mappings":"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"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";require('./../../ext-esm/style-inject/dist/style-inject.es.js')('.Autocomplete_root__4SidE{width:100%}.Autocomplete_root__4SidE .MuiAutocomplete-endAdornment{display:contents}.Autocomplete_root__4SidE .MuiAutocomplete-clearIndicator{margin-right:-4px;visibility:visible}.Autocomplete_root__4SidE .MuiAutocomplete-popupIndicator{margin:0;padding:4px}.Autocomplete_root__4SidE .MuiAutocomplete-popupIndicatorOpen{color:var(--palette-primary-main)}.Autocomplete_root__4SidE .MuiAutocomplete-clearIndicator,.Autocomplete_root__4SidE .MuiAutocomplete-popupIndicator{background-color:transparent!important;transition:transform .15s cubic-bezier(.4,0,.2,1),color .15s cubic-bezier(.4,0,.2,1)}.Autocomplete_root__4SidE .MuiAutocomplete-clearIndicator svg,.Autocomplete_root__4SidE .MuiAutocomplete-popupIndicator svg{display:block}.Autocomplete_root__4SidE .MuiInputAdornment-positionStart{max-width:70%}.Autocomplete_paper__Vq6DC{--corvaui-background:var(--palette-background-b-9);background-color:var(--palette-background-b-9)!important;box-shadow:0 8px 24px 0 rgba(0,0,0,.24)!important;display:flex;flex-flow:column wrap;margin:8px 0;max-height:40vh;overflow:hidden;padding:0;position:relative}.Autocomplete_paper__Vq6DC:before{background:linear-gradient(180deg,rgb(from var(--corvaui-background) r g b/1) 0,rgb(from var(--corvaui-background) r g b/0) 100%);content:"";height:8px;inset:0 10px auto 0;position:absolute;z-index:1}.Autocomplete_paper__Vq6DC:after{background:linear-gradient(0deg,rgb(from var(--corvaui-background) r g b/1) 0,rgb(from var(--corvaui-background) r g b/0) 100%);content:"";height:8px;inset:auto 10px 0 0;position:absolute;z-index:1}.Autocomplete_paper__Vq6DC:has(.Autocomplete_sticky__0-eTa){padding-top:8px}.Autocomplete_paper__Vq6DC .MuiAutocomplete-listbox{flex:0 1 auto;max-height:unset;padding:8px 0}.Autocomplete_paper__Vq6DC .MuiAutocomplete-listbox,.Autocomplete_paper__Vq6DC .MuiAutocomplete-listbox li{width:100%}.Autocomplete_paper__Vq6DC .MuiAutocomplete-listbox:has(.Autocomplete_sticky__0-eTa){padding-top:0}.Autocomplete_paper__Vq6DC .MuiAutocomplete-option{background:var(--corvaui-background)!important;display:block;padding:0 16px!important;z-index:1}.Autocomplete_paper__Vq6DC .MuiAutocomplete-option[data-focus=true] .Autocomplete_menuItem__c2Qka{background-color:rgb(from var(--palette-primary-text-1) r g b/.08)}.Autocomplete_paper__Vq6DC .MuiAutocomplete-option:has(.Autocomplete_sticky__0-eTa){left:0;position:sticky;top:0}.Autocomplete_paper__Vq6DC .Autocomplete_sticky__0-eTa{border-bottom:1px solid rgb(from var(--palette-primary-text-1) r g b/.25);overflow:visible}.Autocomplete_paper__Vq6DC .Autocomplete_listboxScrolled__n34NV .Autocomplete_sticky__0-eTa:after{background:linear-gradient(0deg,rgb(from var(--corvaui-background) r g b/0) 0,rgb(from var(--corvaui-background) r g b/1) 100%);content:"";height:8px;inset:100% 0 auto 0;margin-top:1px;position:absolute}.Autocomplete_paper__Vq6DC .MuiAutocomplete-noOptions{align-items:center;color:var(--palette-primary-text-6);display:flex;font-size:12px;font-style:italic;justify-content:center;min-height:31px;padding:0}.Autocomplete_paper__Vq6DC .MuiAutocomplete-groupLabel{background:var(--corvaui-background)!important;color:var(--palette-primary-text-7);font-size:12px;font-weight:400;line-height:16px}.Autocomplete_paper__Vq6DC .MuiAutocomplete-groupLabel:not(:empty){padding-top:8px}.Autocomplete_paper__Vq6DC .MuiAutocomplete-listbox li+li .MuiAutocomplete-groupLabel:not(:empty){margin-top:8px}.Autocomplete_checkboxSmall__TjdiN{margin-right:-8px}.Autocomplete_checkboxMedium__LUbff{margin-right:-12px}.Autocomplete_selectedValue__iGHNh{flex:0 1 100%;overflow:hidden}'),module.exports={spacing:"8",root:"Autocomplete_root__4SidE",paper:"Autocomplete_paper__Vq6DC",sticky:"Autocomplete_sticky__0-eTa",menuItem:"Autocomplete_menuItem__c2Qka",listboxScrolled:"Autocomplete_listboxScrolled__n34NV",checkboxSmall:"Autocomplete_checkboxSmall__TjdiN",checkboxMedium:"Autocomplete_checkboxMedium__LUbff",selectedValue:"Autocomplete_selectedValue__iGHNh"};
|
|
1
|
+
"use strict";require('./../../ext-esm/style-inject/dist/style-inject.es.js')('.Autocomplete_root__4SidE{width:100%}.Autocomplete_root__4SidE .MuiAutocomplete-endAdornment{display:contents}.Autocomplete_root__4SidE .MuiAutocomplete-clearIndicator{margin-right:-4px;visibility:visible}.Autocomplete_root__4SidE .MuiAutocomplete-popupIndicator{margin:0;padding:4px}.Autocomplete_root__4SidE .MuiAutocomplete-popupIndicatorOpen{color:var(--palette-primary-main)}.Autocomplete_root__4SidE .MuiAutocomplete-clearIndicator,.Autocomplete_root__4SidE .MuiAutocomplete-popupIndicator{background-color:transparent!important;transition:transform .15s cubic-bezier(.4,0,.2,1),color .15s cubic-bezier(.4,0,.2,1)}.Autocomplete_root__4SidE .MuiAutocomplete-clearIndicator svg,.Autocomplete_root__4SidE .MuiAutocomplete-popupIndicator svg{display:block}.Autocomplete_root__4SidE .MuiInputAdornment-positionStart{max-width:70%}.Autocomplete_paper__Vq6DC{--corvaui-background:var(--palette-background-b-9);background-color:var(--palette-background-b-9)!important;box-shadow:0 8px 24px 0 rgba(0,0,0,.24)!important;display:flex;flex-flow:column wrap;margin:8px 0;max-height:40vh;overflow:hidden;padding:0;position:relative}.Autocomplete_paper__Vq6DC:before{background:linear-gradient(180deg,rgb(from var(--corvaui-background) r g b/1) 0,rgb(from var(--corvaui-background) r g b/0) 100%);content:"";height:8px;inset:0 10px auto 0;position:absolute;z-index:1}.Autocomplete_paper__Vq6DC:after{background:linear-gradient(0deg,rgb(from var(--corvaui-background) r g b/1) 0,rgb(from var(--corvaui-background) r g b/0) 100%);content:"";height:8px;inset:auto 10px 0 0;position:absolute;z-index:1}.Autocomplete_paper__Vq6DC:has(.Autocomplete_sticky__0-eTa){padding-top:8px}.Autocomplete_paper__Vq6DC .MuiAutocomplete-listbox{flex:0 1 auto;max-height:unset;padding:8px 0}.Autocomplete_paper__Vq6DC .MuiAutocomplete-listbox,.Autocomplete_paper__Vq6DC .MuiAutocomplete-listbox li{width:100%}.Autocomplete_paper__Vq6DC .MuiAutocomplete-listbox:has(.Autocomplete_sticky__0-eTa){padding-top:0}.Autocomplete_paper__Vq6DC li.MuiAutocomplete-option{background:var(--corvaui-background)!important;display:block;padding:0 16px!important;z-index:1}.Autocomplete_paper__Vq6DC li.MuiAutocomplete-option[data-focus=true] .Autocomplete_menuItem__c2Qka{background-color:rgb(from var(--palette-primary-text-1) r g b/.08)}.Autocomplete_paper__Vq6DC li.MuiAutocomplete-option:has(.Autocomplete_sticky__0-eTa){left:0;position:sticky;top:0}.Autocomplete_paper__Vq6DC .Autocomplete_sticky__0-eTa{border-bottom:1px solid rgb(from var(--palette-primary-text-1) r g b/.25);overflow:visible}.Autocomplete_paper__Vq6DC .Autocomplete_listboxScrolled__n34NV .Autocomplete_sticky__0-eTa:after{background:linear-gradient(0deg,rgb(from var(--corvaui-background) r g b/0) 0,rgb(from var(--corvaui-background) r g b/1) 100%);content:"";height:8px;inset:100% 0 auto 0;margin-top:1px;position:absolute}.Autocomplete_paper__Vq6DC .MuiAutocomplete-noOptions{align-items:center;color:var(--palette-primary-text-6);display:flex;font-size:12px;font-style:italic;justify-content:center;min-height:31px;padding:0}.Autocomplete_paper__Vq6DC .MuiAutocomplete-groupLabel{background:var(--corvaui-background)!important;color:var(--palette-primary-text-7);font-size:12px;font-weight:400;line-height:16px}.Autocomplete_paper__Vq6DC .MuiAutocomplete-groupLabel:not(:empty){padding-top:8px}.Autocomplete_paper__Vq6DC .MuiAutocomplete-listbox li+li .MuiAutocomplete-groupLabel:not(:empty){margin-top:8px}.Autocomplete_checkboxSmall__TjdiN{margin-right:-8px}.Autocomplete_checkboxMedium__LUbff{margin-right:-12px}.Autocomplete_selectedValue__iGHNh{flex:0 1 100%;overflow:hidden}'),module.exports={spacing:"8",root:"Autocomplete_root__4SidE",paper:"Autocomplete_paper__Vq6DC",sticky:"Autocomplete_sticky__0-eTa",menuItem:"Autocomplete_menuItem__c2Qka",listboxScrolled:"Autocomplete_listboxScrolled__n34NV",checkboxSmall:"Autocomplete_checkboxSmall__TjdiN",checkboxMedium:"Autocomplete_checkboxMedium__LUbff",selectedValue:"Autocomplete_selectedValue__iGHNh"};
|
|
2
2
|
//# sourceMappingURL=Autocomplete.scss.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"autocompleteOverrides.js","sources":["../../../../src/config/theme/autocompleteOverrides.js"],"sourcesContent":["// MUI autocomplete has a bug where focused option has higher styles priority than selected\n// We also can't change order of css rule blocks to control specificity because JSS does not allow that\n// Resulting CSS will always be\n// .MuiAutocomplete-option[aria-selected=\"true\"] {\n// background-color: rgba(255, 255, 255, 0.16);\n// }\n// .MuiAutocomplete-option[data-focus=\"true\"] {\n// background-color: rgba(255, 255, 255, 0.08);\n// }\n// .MuiAutocomplete-option:active {\n// background-color: rgba(255, 255, 255, 0.16);\n// }\nexport const autocompleteOverrides = {\n MuiAutocomplete: {\n option: {\n '&[aria-selected=\"true\"]': {\n backgroundColor: 'rgba(255, 255, 255, 0.16)!important',\n },\n },\n },\n};\n"],"names":["MuiAutocomplete","option","backgroundColor"],"mappings":"kGAYqC,CACnCA,gBAAiB,CACfC,OAAQ,CACN,0BAA2B,CACzBC,gBAAiB"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@babel/runtime/helpers/defineProperty"),o=require("@material-ui/core/styles"),r=require("@material-ui/icons/Close"),i=require("./dateTimePickerThemeOverrides.js"),s=require("./accordionOverrides.js"),c=require("./buttonOverrides.js"),n=require("./checkboxOverrides.js"),t=require("./chipOverrides.js"),u=require("./fabOverrides.js"),a=require("./formControlLabelOverrides.js"),l=require("./formGroupOverrides.js"),d=require("./palette.mjs.js"),m=require("./radioOverrides.js"),p=require("./tableOverrides.js"),j=require("./textFieldOverrides.js"),q=require("./tooltipOverrides.js"),I=require("./themeVariables.mjs.js"),h=require("./toggleButtonsGroupOverrides.js"),x=require("../../icons/iconParkIcons.js");require("../../icons/customIcons/icons/AddMessage.js"),require("../../icons/customIcons/icons/Attention.js"),require("../../icons/customIcons/icons/Collapse.js"),require("../../icons/customIcons/icons/Dashboard.js"),require("../../icons/customIcons/icons/Expand.js"),require("../../icons/customIcons/icons/FolderClosed.js"),require("../../icons/customIcons/icons/FolderClosedFilled.js"),require("../../icons/customIcons/icons/FolderOpened.js"),require("../../icons/customIcons/icons/GreaterOrEqual.js"),require("../../icons/customIcons/icons/LessOrEqual.js"),require("../../icons/customIcons/icons/Search.js"),require("../../icons/customIcons/icons/SearchOne.js"),require("../../icons/customIcons/icons/Wellhub.js"),require("../../icons/customIcons/icons/MultiRuler.js");var
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@babel/runtime/helpers/defineProperty"),o=require("@material-ui/core/styles"),r=require("@material-ui/icons/Close"),i=require("./dateTimePickerThemeOverrides.js"),s=require("./accordionOverrides.js"),c=require("./buttonOverrides.js"),n=require("./checkboxOverrides.js"),t=require("./chipOverrides.js"),u=require("./fabOverrides.js"),a=require("./formControlLabelOverrides.js"),l=require("./formGroupOverrides.js"),d=require("./palette.mjs.js"),m=require("./radioOverrides.js"),p=require("./tableOverrides.js"),j=require("./textFieldOverrides.js"),q=require("./tooltipOverrides.js"),I=require("./themeVariables.mjs.js"),h=require("./toggleButtonsGroupOverrides.js"),x=require("./autocompleteOverrides.js"),b=require("../../icons/iconParkIcons.js");require("../../icons/customIcons/icons/AddMessage.js"),require("../../icons/customIcons/icons/Attention.js"),require("../../icons/customIcons/icons/Collapse.js"),require("../../icons/customIcons/icons/Dashboard.js"),require("../../icons/customIcons/icons/Expand.js"),require("../../icons/customIcons/icons/FolderClosed.js"),require("../../icons/customIcons/icons/FolderClosedFilled.js"),require("../../icons/customIcons/icons/FolderOpened.js"),require("../../icons/customIcons/icons/GreaterOrEqual.js"),require("../../icons/customIcons/icons/LessOrEqual.js"),require("../../icons/customIcons/icons/Search.js"),require("../../icons/customIcons/icons/SearchOne.js"),require("../../icons/customIcons/icons/Wellhub.js"),require("../../icons/customIcons/icons/MultiRuler.js");var O=require("../../icons/customIcons/icons/Checkbox.js"),g=require("../../icons/customIcons/icons/CheckboxChecked.js"),C=require("../../icons/customIcons/icons/CheckboxIndeterminate.js"),k=require("../../icons/customIcons/icons/Radio.js"),v=require("../../icons/customIcons/icons/RadioChecked.js");require("../../icons/customIcons/icons/SimulFrac.js"),require("../../icons/customIcons/icons/ZipperFrac.js"),require("../../icons/customIcons/icons/CautionFilled.js"),require("../../icons/customIcons/icons/MoreApp.js"),require("../../icons/customIcons/icons/Pad.js"),require("../../icons/customIcons/icons/DrilloutUnit.js"),require("../../icons/customIcons/icons/FracFleet.js"),require("../../icons/customIcons/icons/Global.js"),require("../../icons/customIcons/icons/Program.js"),require("../../icons/customIcons/icons/Rig.js"),require("../../icons/customIcons/icons/Well.js"),require("../../icons/customIcons/icons/Gap.js"),require("../../icons/customIcons/icons/Pin.js"),require("../../icons/customIcons/icons/CloseOneFilled.js"),require("../../icons/customIcons/icons/AttentionFilled.js"),require("../../icons/customIcons/icons/CheckOneFilled.js"),require("../../icons/customIcons/icons/Archive.js"),require("../../icons/customIcons/icons/ArchiveCancel.js"),require("../../icons/customIcons/icons/Unarchive.js"),require("../../icons/customIcons/icons/Archived.js"),require("../../icons/customIcons/icons/InterventionUnit.js"),require("../../icons/customIcons/icons/CloudDelete.js"),require("../../icons/customIcons/icons/Lasso.js");var f=require("react/jsx-runtime");function M(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var y=M(e),D=M(r);function P(e,o){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);o&&(i=i.filter((function(o){return Object.getOwnPropertyDescriptor(e,o).enumerable}))),r.push.apply(r,i)}return r}function T(e){for(var o=1;o<arguments.length;o++){var r=null!=arguments[o]?arguments[o]:{};o%2?P(Object(r),!0).forEach((function(o){y.default(e,o,r[o])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):P(Object(r)).forEach((function(o){Object.defineProperty(e,o,Object.getOwnPropertyDescriptor(r,o))}))}return e}var w=d.primary,F=w.text7,S=w.text9,A={overrides:T(T(T(T(T(T(T(T(T(T(T(T(T(T({MuiPopover:{paper:{borderRadius:8,boxShadow:"0px 8px 24px 0px #0000003D"}},MuiSelect:{icon:{top:"calc(50% - 8px)"}},MuiMenu:{paper:{borderRadius:8,boxShadow:"0px 8px 24px 0px #0000003D",root:{overscrollBehaviorY:"contain","& .MuiMenuItem-root":{backgroundColor:d.background.b9,"&$selected":{backgroundColor:d.primary.text9}}}}},MuiMenuItem:{root:{minHeight:36,color:d.primary.contrastText}},MuiTooltip:{tooltip:{backgroundColor:d.background.b9}},MuiSwitch:{switchBase:{color:F},track:{backgroundColor:S,opacity:1},colorPrimary:{"&$checked":{"& + $track":{opacity:.38}}},colorSecondary:{"&$checked":{"& + $track":{opacity:.38}}}},MuiDialogTitle:{root:{padding:"40px 40px 16px 40px","@media (max-width: 960px)":{padding:"16px"}}},MuiDialogContent:{root:{padding:"0 40px 0 40px","@media (max-width: 960px)":{padding:"0 16px"}}},MuiDialogContentText:{root:{color:d.primary.text6,lineHeight:"22.5px",marginBottom:0}},MuiDialog:{paper:{backgroundColor:"#333333"}},MuiDialogActions:{root:{padding:"32px 40px 40px 40px","@media (max-width: 960px)":{padding:16}},spacing:{"&>:not(:first-child)":{marginLeft:16}}},MuiListItemIcon:{root:{minWidth:48}}},s),c),n),t),i.dateTimePickerThemeOverrides),u),a),l),m),p),j),q),h),x.autocompleteOverrides)},R={MuiFab:{color:"primary"},MuiMenu:{getContentAnchorEl:function(){return null}},MuiCheckbox:{color:"primary",icon:f.jsx(O.CheckboxCustomIcon,{}),checkedIcon:f.jsx(g.CheckboxCheckedCustomIcon,{}),indeterminateIcon:f.jsx(C.CheckboxIndeterminateCustomIcon,{})},MuiRadio:{color:"primary",icon:f.jsx(k.RadioCustomIcon,{}),checkedIcon:f.jsx(v.RadioCheckedCustomIcon,{})},MuiChip:{deleteIcon:f.jsx(D.default,{})},MuiSelect:{IconComponent:function(e){return f.jsx(b.DownOneIcon,T({theme:"filled",fill:"#BDBDBD",size:16},e))}}},B=o.createMuiTheme(T(T(T(T({props:R},I.zIndicesVariables),I.lightThemeVariables),A),{},{isLightTheme:!0})),L=o.createMuiTheme(T(T(T(T({props:R},I.zIndicesVariables),I.darkThemeVariables),{},{palette:T(T({},I.darkThemeVariables.palette),{},{type:"dark"})},A),{},{isLightTheme:!1}));exports.darkTheme=L,exports.lightTheme=B;
|
|
2
2
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":["../../../../src/config/theme/index.js"],"sourcesContent":["import { createMuiTheme } from '@material-ui/core/styles';\nimport CloseIcon from '@material-ui/icons/Close';\n\nimport { dateTimePickerThemeOverrides } from './dateTimePickerThemeOverrides';\nimport accordionOverrides from './accordionOverrides';\nimport buttonOverrides from './buttonOverrides';\nimport checkboxOverrides from './checkboxOverrides';\nimport chipOverrides from './chipOverrides';\nimport fabOverrides from './fabOverrides';\nimport formControlLabelOverrides from './formControlLabelOverrides';\nimport formGroupOverrides from './formGroupOverrides';\nimport palette from './palette.mjs';\nimport radioOverrides from './radioOverrides';\nimport tableOverrides from './tableOverrides';\nimport textFieldOverrides from './textFieldOverrides';\nimport tooltipOverrides from './tooltipOverrides';\nimport { darkThemeVariables, lightThemeVariables, zIndicesVariables } from './themeVariables';\nimport toggleButtonsGroupOverrides from './toggleButtonsGroupOverrides';\n\nimport {\n CheckboxCheckedCustomIcon,\n CheckboxCustomIcon,\n CheckboxIndeterminateCustomIcon,\n DownOneIcon,\n RadioCheckedCustomIcon,\n RadioCustomIcon,\n} from '~/icons';\n\nconst { text7, text9 } = palette.primary;\n\nconst muiThemeOverrides = {\n overrides: {\n MuiPopover: {\n paper: {\n borderRadius: 8,\n boxShadow: '0px 8px 24px 0px #0000003D',\n },\n },\n MuiSelect: {\n icon: {\n top: 'calc(50% - 8px)',\n },\n },\n MuiMenu: {\n paper: {\n borderRadius: 8,\n boxShadow: '0px 8px 24px 0px #0000003D',\n root: {\n overscrollBehaviorY: 'contain',\n '& .MuiMenuItem-root': {\n backgroundColor: palette.background.b9,\n '&$selected': {\n backgroundColor: palette.primary.text9,\n },\n },\n },\n // backgroundColor: '#ffffff',\n // NOTE: We need this because of bug in native app with dropdowns scrolling.\n // https://developers.google.com/web/updates/2017/11/overscroll-behavior\n },\n },\n MuiMenuItem: {\n root: {\n minHeight: 36,\n color: palette.primary.contrastText,\n },\n },\n MuiTooltip: {\n tooltip: { backgroundColor: palette.background.b9 },\n },\n MuiSwitch: {\n switchBase: { color: text7 },\n track: { backgroundColor: text9, opacity: 1 },\n colorPrimary: { '&$checked': { '& + $track': { opacity: 0.38 } } },\n colorSecondary: { '&$checked': { '& + $track': { opacity: 0.38 } } },\n },\n MuiDialogTitle: {\n root: {\n padding: '40px 40px 16px 40px',\n '@media (max-width: 960px)': {\n padding: '16px',\n },\n },\n },\n MuiDialogContent: {\n root: {\n padding: '0 40px 0 40px',\n '@media (max-width: 960px)': {\n padding: '0 16px',\n },\n },\n },\n MuiDialogContentText: {\n root: {\n color: palette.primary.text6,\n lineHeight: '22.5px',\n marginBottom: 0,\n },\n },\n MuiDialog: {\n paper: {\n backgroundColor: '#333333',\n },\n },\n MuiDialogActions: {\n root: {\n padding: '32px 40px 40px 40px',\n '@media (max-width: 960px)': {\n padding: 16,\n },\n },\n spacing: {\n // NOTE: Increased margin between buttons from 8 to 16\n '&>:not(:first-child)': { marginLeft: 16 },\n },\n },\n MuiListItemIcon: {\n root: {\n minWidth: 48,\n },\n },\n ...accordionOverrides,\n ...buttonOverrides,\n ...checkboxOverrides,\n ...chipOverrides,\n ...dateTimePickerThemeOverrides,\n ...fabOverrides,\n ...formControlLabelOverrides,\n ...formGroupOverrides,\n ...radioOverrides,\n ...tableOverrides,\n ...textFieldOverrides,\n ...tooltipOverrides,\n ...toggleButtonsGroupOverrides,\n },\n};\n\n// TODO: Delete this when migrating to mui v5\n// We override default menu props to address this issue:\n// https://github.com/mui-org/material-ui/issues/19245\nconst defaultProps = {\n MuiFab: { color: 'primary' },\n MuiMenu: { getContentAnchorEl: () => null }, // produces warning\n MuiCheckbox: {\n color: 'primary',\n icon: <CheckboxCustomIcon />,\n checkedIcon: <CheckboxCheckedCustomIcon />,\n indeterminateIcon: <CheckboxIndeterminateCustomIcon />,\n },\n MuiRadio: {\n color: 'primary',\n icon: <RadioCustomIcon />,\n checkedIcon: <RadioCheckedCustomIcon />,\n },\n MuiChip: { deleteIcon: <CloseIcon /> },\n MuiSelect: {\n IconComponent: props => <DownOneIcon theme=\"filled\" fill=\"#BDBDBD\" size={16} {...props} />,\n },\n};\n\nexport const lightTheme = createMuiTheme({\n props: defaultProps,\n ...zIndicesVariables,\n ...lightThemeVariables,\n ...muiThemeOverrides,\n isLightTheme: true,\n});\n\nexport const darkTheme = createMuiTheme({\n props: defaultProps,\n ...zIndicesVariables,\n ...darkThemeVariables,\n palette: {\n ...darkThemeVariables.palette,\n type: 'dark',\n },\n ...muiThemeOverrides,\n isLightTheme: false,\n});\n"],"names":["palette","primary","text7","text9","muiThemeOverrides","overrides","_objectSpread","MuiPopover","paper","borderRadius","boxShadow","MuiSelect","icon","top","MuiMenu","root","overscrollBehaviorY","backgroundColor","background","b9","MuiMenuItem","minHeight","color","contrastText","MuiTooltip","tooltip","MuiSwitch","switchBase","track","opacity","colorPrimary","colorSecondary","MuiDialogTitle","padding","MuiDialogContent","MuiDialogContentText","text6","lineHeight","marginBottom","MuiDialog","MuiDialogActions","spacing","marginLeft","MuiListItemIcon","minWidth","accordionOverrides","buttonOverrides","checkboxOverrides","chipOverrides","dateTimePickerThemeOverrides","fabOverrides","formControlLabelOverrides","formGroupOverrides","radioOverrides","tableOverrides","textFieldOverrides","tooltipOverrides","toggleButtonsGroupOverrides","defaultProps","MuiFab","getContentAnchorEl","MuiCheckbox","_jsx","CheckboxCustomIcon","checkedIcon","CheckboxCheckedCustomIcon","indeterminateIcon","CheckboxIndeterminateCustomIcon","MuiRadio","RadioCustomIcon","RadioCheckedCustomIcon","MuiChip","deleteIcon","CloseIcon","IconComponent","props","DownOneIcon","theme","fill","size","lightTheme","createMuiTheme","zIndicesVariables","lightThemeVariables","isLightTheme","darkTheme","darkThemeVariables","type"],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.js","sources":["../../../../src/config/theme/index.js"],"sourcesContent":["import { createMuiTheme } from '@material-ui/core/styles';\nimport CloseIcon from '@material-ui/icons/Close';\n\nimport { dateTimePickerThemeOverrides } from './dateTimePickerThemeOverrides';\nimport accordionOverrides from './accordionOverrides';\nimport buttonOverrides from './buttonOverrides';\nimport checkboxOverrides from './checkboxOverrides';\nimport chipOverrides from './chipOverrides';\nimport fabOverrides from './fabOverrides';\nimport formControlLabelOverrides from './formControlLabelOverrides';\nimport formGroupOverrides from './formGroupOverrides';\nimport palette from './palette.mjs';\nimport radioOverrides from './radioOverrides';\nimport tableOverrides from './tableOverrides';\nimport textFieldOverrides from './textFieldOverrides';\nimport tooltipOverrides from './tooltipOverrides';\nimport { darkThemeVariables, lightThemeVariables, zIndicesVariables } from './themeVariables';\nimport toggleButtonsGroupOverrides from './toggleButtonsGroupOverrides';\nimport { autocompleteOverrides } from './autocompleteOverrides';\n\nimport {\n CheckboxCheckedCustomIcon,\n CheckboxCustomIcon,\n CheckboxIndeterminateCustomIcon,\n DownOneIcon,\n RadioCheckedCustomIcon,\n RadioCustomIcon,\n} from '~/icons';\n\nconst { text7, text9 } = palette.primary;\n\nconst muiThemeOverrides = {\n overrides: {\n MuiPopover: {\n paper: {\n borderRadius: 8,\n boxShadow: '0px 8px 24px 0px #0000003D',\n },\n },\n MuiSelect: {\n icon: {\n top: 'calc(50% - 8px)',\n },\n },\n MuiMenu: {\n paper: {\n borderRadius: 8,\n boxShadow: '0px 8px 24px 0px #0000003D',\n root: {\n overscrollBehaviorY: 'contain',\n '& .MuiMenuItem-root': {\n backgroundColor: palette.background.b9,\n '&$selected': {\n backgroundColor: palette.primary.text9,\n },\n },\n },\n // backgroundColor: '#ffffff',\n // NOTE: We need this because of bug in native app with dropdowns scrolling.\n // https://developers.google.com/web/updates/2017/11/overscroll-behavior\n },\n },\n MuiMenuItem: {\n root: {\n minHeight: 36,\n color: palette.primary.contrastText,\n },\n },\n MuiTooltip: {\n tooltip: { backgroundColor: palette.background.b9 },\n },\n MuiSwitch: {\n switchBase: { color: text7 },\n track: { backgroundColor: text9, opacity: 1 },\n colorPrimary: { '&$checked': { '& + $track': { opacity: 0.38 } } },\n colorSecondary: { '&$checked': { '& + $track': { opacity: 0.38 } } },\n },\n MuiDialogTitle: {\n root: {\n padding: '40px 40px 16px 40px',\n '@media (max-width: 960px)': {\n padding: '16px',\n },\n },\n },\n MuiDialogContent: {\n root: {\n padding: '0 40px 0 40px',\n '@media (max-width: 960px)': {\n padding: '0 16px',\n },\n },\n },\n MuiDialogContentText: {\n root: {\n color: palette.primary.text6,\n lineHeight: '22.5px',\n marginBottom: 0,\n },\n },\n MuiDialog: {\n paper: {\n backgroundColor: '#333333',\n },\n },\n MuiDialogActions: {\n root: {\n padding: '32px 40px 40px 40px',\n '@media (max-width: 960px)': {\n padding: 16,\n },\n },\n spacing: {\n // NOTE: Increased margin between buttons from 8 to 16\n '&>:not(:first-child)': { marginLeft: 16 },\n },\n },\n MuiListItemIcon: {\n root: {\n minWidth: 48,\n },\n },\n ...accordionOverrides,\n ...buttonOverrides,\n ...checkboxOverrides,\n ...chipOverrides,\n ...dateTimePickerThemeOverrides,\n ...fabOverrides,\n ...formControlLabelOverrides,\n ...formGroupOverrides,\n ...radioOverrides,\n ...tableOverrides,\n ...textFieldOverrides,\n ...tooltipOverrides,\n ...toggleButtonsGroupOverrides,\n ...autocompleteOverrides,\n },\n};\n\n// TODO: Delete this when migrating to mui v5\n// We override default menu props to address this issue:\n// https://github.com/mui-org/material-ui/issues/19245\nconst defaultProps = {\n MuiFab: { color: 'primary' },\n MuiMenu: { getContentAnchorEl: () => null }, // produces warning\n MuiCheckbox: {\n color: 'primary',\n icon: <CheckboxCustomIcon />,\n checkedIcon: <CheckboxCheckedCustomIcon />,\n indeterminateIcon: <CheckboxIndeterminateCustomIcon />,\n },\n MuiRadio: {\n color: 'primary',\n icon: <RadioCustomIcon />,\n checkedIcon: <RadioCheckedCustomIcon />,\n },\n MuiChip: { deleteIcon: <CloseIcon /> },\n MuiSelect: {\n IconComponent: props => <DownOneIcon theme=\"filled\" fill=\"#BDBDBD\" size={16} {...props} />,\n },\n};\n\nexport const lightTheme = createMuiTheme({\n props: defaultProps,\n ...zIndicesVariables,\n ...lightThemeVariables,\n ...muiThemeOverrides,\n isLightTheme: true,\n});\n\nexport const darkTheme = createMuiTheme({\n props: defaultProps,\n ...zIndicesVariables,\n ...darkThemeVariables,\n palette: {\n ...darkThemeVariables.palette,\n type: 'dark',\n },\n ...muiThemeOverrides,\n isLightTheme: false,\n});\n"],"names":["palette","primary","text7","text9","muiThemeOverrides","overrides","_objectSpread","MuiPopover","paper","borderRadius","boxShadow","MuiSelect","icon","top","MuiMenu","root","overscrollBehaviorY","backgroundColor","background","b9","MuiMenuItem","minHeight","color","contrastText","MuiTooltip","tooltip","MuiSwitch","switchBase","track","opacity","colorPrimary","colorSecondary","MuiDialogTitle","padding","MuiDialogContent","MuiDialogContentText","text6","lineHeight","marginBottom","MuiDialog","MuiDialogActions","spacing","marginLeft","MuiListItemIcon","minWidth","accordionOverrides","buttonOverrides","checkboxOverrides","chipOverrides","dateTimePickerThemeOverrides","fabOverrides","formControlLabelOverrides","formGroupOverrides","radioOverrides","tableOverrides","textFieldOverrides","tooltipOverrides","toggleButtonsGroupOverrides","autocompleteOverrides","defaultProps","MuiFab","getContentAnchorEl","MuiCheckbox","_jsx","CheckboxCustomIcon","checkedIcon","CheckboxCheckedCustomIcon","indeterminateIcon","CheckboxIndeterminateCustomIcon","MuiRadio","RadioCustomIcon","RadioCheckedCustomIcon","MuiChip","deleteIcon","CloseIcon","IconComponent","props","DownOneIcon","theme","fill","size","lightTheme","createMuiTheme","zIndicesVariables","lightThemeVariables","isLightTheme","darkTheme","darkThemeVariables","type"],"mappings":"qwHA6BA,IAAyBA,EAAAA,EAAQC,QAAzBC,IAAAA,MAAOC,IAAAA,MAETC,EAAoB,CACxBC,UAASC,EAAAA,EAAAA,EAAAA,EAAAA,EAAAA,EAAAA,EAAAA,EAAAA,EAAAA,EAAAA,EAAAA,EAAAA,EAAAA,EAAA,CACPC,WAAY,CACVC,MAAO,CACLC,aAAc,EACdC,UAAW,+BAGfC,UAAW,CACTC,KAAM,CACJC,IAAK,oBAGTC,QAAS,CACPN,MAAO,CACLC,aAAc,EACdC,UAAW,6BACXK,KAAM,CACJC,oBAAqB,UACrB,sBAAuB,CACrBC,gBAAiBjB,EAAQkB,WAAWC,GACpC,aAAc,CACZF,gBAAiBjB,EAAQC,QAAQE,WAS3CiB,YAAa,CACXL,KAAM,CACJM,UAAW,GACXC,MAAOtB,EAAQC,QAAQsB,eAG3BC,WAAY,CACVC,QAAS,CAAER,gBAAiBjB,EAAQkB,WAAWC,KAEjDO,UAAW,CACTC,WAAY,CAAEL,MAAOpB,GACrB0B,MAAO,CAAEX,gBAAiBd,EAAO0B,QAAS,GAC1CC,aAAc,CAAE,YAAa,CAAE,aAAc,CAAED,QAAS,OACxDE,eAAgB,CAAE,YAAa,CAAE,aAAc,CAAEF,QAAS,QAE5DG,eAAgB,CACdjB,KAAM,CACJkB,QAAS,sBACT,4BAA6B,CAC3BA,QAAS,UAIfC,iBAAkB,CAChBnB,KAAM,CACJkB,QAAS,gBACT,4BAA6B,CAC3BA,QAAS,YAIfE,qBAAsB,CACpBpB,KAAM,CACJO,MAAOtB,EAAQC,QAAQmC,MACvBC,WAAY,SACZC,aAAc,IAGlBC,UAAW,CACT/B,MAAO,CACLS,gBAAiB,YAGrBuB,iBAAkB,CAChBzB,KAAM,CACJkB,QAAS,sBACT,4BAA6B,CAC3BA,QAAS,KAGbQ,QAAS,CAEP,uBAAwB,CAAEC,WAAY,MAG1CC,gBAAiB,CACf5B,KAAM,CACJ6B,SAAU,MAGXC,GACAC,GACAC,GACAC,GACAC,EAAAA,8BACAC,GACAC,GACAC,GACAC,GACAC,GACAC,GACAC,GACAC,GACAC,0BAODC,EAAe,CACnBC,OAAQ,CAAEtC,MAAO,WACjBR,QAAS,CAAE+C,mBAAoB,WAAA,OAAM,IAAI,GACzCC,YAAa,CACXxC,MAAO,UACPV,KAAMmD,EAAAA,IAACC,EAAkBA,mBAAG,IAC5BC,YAAaF,EAAAA,IAACG,EAAyBA,0BAAG,IAC1CC,kBAAmBJ,EAAAA,IAACK,EAA+BA,gCAAA,KAErDC,SAAU,CACR/C,MAAO,UACPV,KAAMmD,EAAAA,IAACO,EAAeA,gBAAG,IACzBL,YAAaF,EAAAA,IAACQ,EAAsBA,uBAAA,KAEtCC,QAAS,CAAEC,WAAYV,EAAAA,IAACW,EAAS,QAAA,KACjC/D,UAAW,CACTgE,cAAe,SAAAC,GAAK,OAAIb,MAACc,EAAWA,YAAAvE,EAAA,CAACwE,MAAM,SAASC,KAAK,UAAUC,KAAM,IAAQJ,GAAS,IAIjFK,EAAaC,EAAAA,eAAc5E,EAAAA,EAAAA,EAAAA,EAAA,CACtCsE,MAAOjB,GACJwB,EAAiBA,mBACjBC,EAAAA,qBACAhF,GAAiB,CAAA,EAAA,CACpBiF,cAAc,KAGHC,EAAYJ,EAAAA,eAAc5E,EAAAA,EAAAA,EAAAA,EAAA,CACrCsE,MAAOjB,GACJwB,qBACAI,sBAAkB,GAAA,CACrBvF,QAAOM,EAAAA,EAAA,CAAA,EACFiF,EAAAA,mBAAmBvF,SAAO,GAAA,CAC7BwF,KAAM,UAELpF,GAAiB,GAAA,CACpBiF,cAAc"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SecondaryAssetSelect.d.ts","sourceRoot":"","sources":["../../../../src/components/AssetEditorV2/components/SecondaryAssetSelect.js"],"names":[],"mappings":"AAYA,wBAAyB,sBAAsB,CAAC;;AAqDhD,+
|
|
1
|
+
{"version":3,"file":"SecondaryAssetSelect.d.ts","sourceRoot":"","sources":["../../../../src/components/AssetEditorV2/components/SecondaryAssetSelect.js"],"names":[],"mappings":"AAYA,wBAAyB,sBAAsB,CAAC;;AAqDhD,+DA0IC;;;;;;;;;;;;;;;;;;;;;;;;;;;sBA3MqB,YAAY"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import t from"@babel/runtime/helpers/toConsumableArray";import e from"prop-types";import{
|
|
1
|
+
import t from"@babel/runtime/helpers/toConsumableArray";import e from"prop-types";import{useRef as s,useMemo as a,useEffect as n,useCallback as r}from"react";import{capitalize as i}from"lodash";import{makeStyles as o,FormControl as p,InputLabel as c,Select as l,CircularProgress as d}from"@material-ui/core";import{useSecondaryAssetSelectData as u}from"../effects/index.js";import{ACTIVE_STATUS as m,ACTIVE_ASSET_ID as f,ACTIVE_ASSETS_ID as v,DEFAULT_ASSET_TYPE as g}from"../constants.js";import y from"./SelectItem.js";import"../../../constants/goals.js";import"../../../constants/segment.js";import"../../../constants/alerts.js";import"../../../constants/apps.js";import"../../../constants/drillstring.js";import"../../../constants/completion.js";import"../../../constants/appPackages.js";import"../../../constants/notifications.js";import"../../../constants/feed.js";import"../../../constants/bha.js";import{ASSET_TYPES as b}from"../../../constants/assetTypes.js";import"../../../constants/corvaCompanyId.js";import"../../GradientManager/configuration/constants.js";import{jsx as A,jsxs as h}from"react/jsx-runtime";var j="DC_SingleAssetEditor",x=o((function(t){return{container:{position:"relative"},select:{display:"flex",alignItems:"center",justifyContent:"space-between",paddingBottom:0,paddingTop:0},formControl:{marginTop:16,width:"100%","& .MuiInput-underline.Mui-disabled, & .MuiFilledInput-underline.Mui-disabled":{"&::before":{borderBottom:"1px solid #808080"}}},selectValue:function(e){return{cursor:"pointer",padding:0,color:e.disabled?t.palette.primary.text7:t.palette.primary.contrastText,"&:hover":{backgroundColor:"initial"}}},option:function(e){return{cursor:"pointer",padding:"0px 0px 0px 16px",color:e.disabled?t.palette.primary.text7:t.palette.primary.contrastText,"&:hover":{backgroundColor:"rgba(255, 255, 255, 0.16)"}}},activeAssets:{color:"#9E9E9E",padding:"8px 0 6px"},progress:{position:"absolute",right:20,bottom:4},noActiveAsset:{color:"#9E9E9E",padding:"8px 0 6px"}}})),T=function(e){var o=e.appKey,T=e.primaryAssetLabel,I=e.isRequiredAssetId,N=e.secondaryAssetLabel,C=e.company,V=e.currentValue,E=e.defaultValue,M=e.onChange,_=e.disabled,F=e.parentAssetId,k=e.assetType,q=e.parentAssetType,K=e.assetFields,P=e.activeWellId,R=e.isDrillingPlatformApp,W=s(),w=u({appKey:o,assetType:R?g:k,company:C,parentAssetId:F,parentAssetType:q,isRequiredAssetId:I,assetFields:K,activeWellId:P}),B=w.assets,D=w.loading,L=x({disabled:_}),S=a((function(){return q===b.intervention_unit.type?B.find((function(t){return Number(t.id)===Number(P)})):B.find((function(t){return t.status===m}))}),[B,q,P]),z=V||E;n((function(){var t;(!V||V===(null===(t=W.current)||void 0===t?void 0:t.id))&&S&&(M(S),W.current=S)}),[S,V,M]);var G=i(k),O=a((function(){return[{name:"Active ".concat(G),id:f}].concat(t(B))}),[G,B]),H=r((function(t){if(t===v)return A("span",{className:L.activeAssets,children:"Active ".concat(G,"s")});if(t===f&&!S)return A("span",{className:L.noActiveAsset,children:"".concat(T," has No Active ").concat(N)});if(t===f&&S)return A(y,{className:L.selectValue,assetName:S.name,status:S.status});var e=B.find((function(e){return e.id===t}));return A(y,{className:L.selectValue,assetName:null==e?void 0:e.name,status:null==e?void 0:e.status})}),[G,S,B,T,N,L]);return h("div",{className:L.container,children:[h(p,{className:L.formControl,disabled:D,children:[A(c,{shrink:!!z,children:N}),A(l,{"data-testid":e["data-testid"],classes:{select:L.select},value:z,disabled:_,onChange:function(t){var e=t.target,s=e.value===f?S||{id:f}:null==B?void 0:B.find((function(t){return t.id===e.value}));M(s)},fullWidth:!0,renderValue:H,children:O.map((function(t){var e=t.id,s=t.name,a=t.status,n=s||"";return A(y,{className:L.option,assetName:n,"data-testid":"".concat(j,"_option_").concat(n,"MenuItem"),value:e,status:a},e)}))})]}),D&&A(d,{"data-testid":"".concat(j,"_CircularProgress"),size:20,className:L.progress})]})};T.propTypes={appType:e.shape({constants:e.shape({})}),currentValue:e.oneOfType([e.number,e.string]),defaultValue:e.any,onChange:e.func.isRequired,parentAssetId:e.number,parentAssetType:e.string,assetType:e.string.isRequired,"data-testid":e.string,appKey:e.string,assetFields:e.array},T.defaultProps={currentValue:"",defaultValue:"",appType:void 0,parentAssetId:void 0,parentAssetType:void 0,"data-testid":"".concat(j,"_autoComplete"),appKey:null,assetFields:[]};export{j as PAGE_NAME,T as default};
|
|
2
2
|
//# sourceMappingURL=SecondaryAssetSelect.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SecondaryAssetSelect.js","sources":["../../../../src/components/AssetEditorV2/components/SecondaryAssetSelect.js"],"sourcesContent":["import PropTypes from 'prop-types';\nimport { useMemo, useCallback } from 'react';\nimport { capitalize } from 'lodash';\nimport { CircularProgress, Select, FormControl, InputLabel, makeStyles } from '@material-ui/core';\n\nimport { useSecondaryAssetSelectData } from '../effects';\nimport { ACTIVE_ASSETS_ID, ACTIVE_ASSET_ID, ACTIVE_STATUS, DEFAULT_ASSET_TYPE } from '../constants';\n\nimport SelectItem from './SelectItem';\n\nimport { ASSET_TYPES } from '~/constants';\n\nexport const PAGE_NAME = 'DC_SingleAssetEditor';\n\nconst useStyles = makeStyles(theme => ({\n container: {\n position: 'relative',\n },\n select: {\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'space-between',\n paddingBottom: 0,\n paddingTop: 0,\n },\n formControl: {\n marginTop: 16,\n width: '100%',\n '& .MuiInput-underline.Mui-disabled, & .MuiFilledInput-underline.Mui-disabled': {\n '&::before': {\n borderBottom: `1px solid #808080`,\n },\n },\n },\n selectValue: ({ disabled }) => ({\n cursor: 'pointer',\n padding: 0,\n color: disabled ? theme.palette.primary.text7 : theme.palette.primary.contrastText,\n '&:hover': {\n backgroundColor: 'initial',\n },\n }),\n option: ({ disabled }) => ({\n cursor: 'pointer',\n padding: '0px 0px 0px 16px',\n color: disabled ? theme.palette.primary.text7 : theme.palette.primary.contrastText,\n '&:hover': {\n backgroundColor: 'rgba(255, 255, 255, 0.16)',\n },\n }),\n activeAssets: {\n color: '#9E9E9E',\n padding: '8px 0 6px',\n },\n progress: {\n position: 'absolute',\n right: 20,\n bottom: 4,\n },\n noActiveAsset: {\n color: '#9E9E9E',\n padding: '8px 0 6px',\n },\n}));\n\nconst SecondaryAssetSelect = props => {\n const {\n appKey,\n primaryAssetLabel,\n isRequiredAssetId,\n secondaryAssetLabel,\n company,\n currentValue,\n defaultValue,\n onChange,\n disabled,\n parentAssetId,\n assetType,\n parentAssetType,\n assetFields,\n activeWellId,\n isDrillingPlatformApp,\n } = props;\n\n const { assets, loading } = useSecondaryAssetSelectData({\n appKey,\n assetId: currentValue,\n assetType: isDrillingPlatformApp ? DEFAULT_ASSET_TYPE : assetType,\n company,\n parentAssetId,\n parentAssetType,\n isRequiredAssetId,\n assetFields,\n activeWellId,\n });\n const styles = useStyles({ disabled });\n\n const activeAsset = useMemo(\n () =>\n parentAssetType === ASSET_TYPES.intervention_unit.type\n ? assets.find(asset => Number(asset.id) === Number(activeWellId))\n : assets.find(asset => asset.status === ACTIVE_STATUS),\n [assets, parentAssetType, activeWellId]\n );\n\n const value = currentValue || defaultValue;\n\n const capitalizedAssetType = capitalize(assetType);\n\n const options = useMemo(\n () => [{ name: `Active ${capitalizedAssetType}`, id: ACTIVE_ASSET_ID }, ...assets],\n [capitalizedAssetType, assets]\n );\n\n const handleSelectChange = ({ target }) => {\n const nextValue =\n target.value === ACTIVE_ASSET_ID\n ? activeAsset || { id: ACTIVE_ASSET_ID }\n : assets?.find(asset => asset.id === target.value);\n onChange(nextValue);\n };\n\n const renderSelectValue = useCallback(\n assetId => {\n if (assetId === ACTIVE_ASSETS_ID) {\n return <span className={styles.activeAssets}>{`Active ${capitalizedAssetType}s`}</span>;\n }\n if (assetId === ACTIVE_ASSET_ID && !activeAsset) {\n return (\n <span className={styles.noActiveAsset}>\n {`${primaryAssetLabel} has No Active ${secondaryAssetLabel}`}\n </span>\n );\n }\n if (assetId === ACTIVE_ASSET_ID && !!activeAsset) {\n return (\n <SelectItem\n className={styles.selectValue}\n assetName={activeAsset.name}\n status={activeAsset.status}\n />\n );\n }\n const selectedAsset = assets.find(asset => asset.id === assetId);\n return (\n <SelectItem\n className={styles.selectValue}\n assetName={selectedAsset?.name}\n status={selectedAsset?.status}\n />\n );\n },\n [capitalizedAssetType, activeAsset, assets, primaryAssetLabel, secondaryAssetLabel, styles]\n );\n\n return (\n <div className={styles.container}>\n <FormControl className={styles.formControl} disabled={loading}>\n <InputLabel shrink={!!value}>{secondaryAssetLabel}</InputLabel>\n <Select\n data-testid={props['data-testid']}\n classes={{ select: styles.select }}\n value={value}\n disabled={disabled}\n onChange={handleSelectChange}\n fullWidth\n renderValue={renderSelectValue}\n >\n {options.map(({ id, name, status }) => {\n const assetName = name || '';\n return (\n <SelectItem\n className={styles.option}\n assetName={assetName}\n data-testid={`${PAGE_NAME}_option_${assetName}MenuItem`}\n key={id}\n value={id}\n status={status}\n />\n );\n })}\n </Select>\n </FormControl>\n {loading && (\n <CircularProgress\n data-testid={`${PAGE_NAME}_CircularProgress`}\n size={20}\n className={styles.progress}\n />\n )}\n </div>\n );\n};\n\nSecondaryAssetSelect.propTypes = {\n appType: PropTypes.shape({\n constants: PropTypes.shape({}),\n }),\n currentValue: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),\n defaultValue: PropTypes.any, // eslint-disable-line react/forbid-prop-types\n onChange: PropTypes.func.isRequired,\n parentAssetId: PropTypes.number,\n parentAssetType: PropTypes.string,\n assetType: PropTypes.string.isRequired,\n 'data-testid': PropTypes.string,\n appKey: PropTypes.string,\n assetFields: PropTypes.array,\n};\n\nSecondaryAssetSelect.defaultProps = {\n currentValue: '', // NOTE: If 'undefined' <SelectField /> displays 'label'\n defaultValue: '',\n appType: undefined,\n parentAssetId: undefined,\n parentAssetType: undefined,\n 'data-testid': `${PAGE_NAME}_autoComplete`,\n appKey: null,\n assetFields: [],\n};\n\nexport default SecondaryAssetSelect;\n"],"names":["PAGE_NAME","useStyles","makeStyles","theme","container","position","select","display","alignItems","justifyContent","paddingBottom","paddingTop","formControl","marginTop","width","borderBottom","selectValue","_ref","cursor","padding","color","disabled","palette","primary","text7","contrastText","backgroundColor","option","_ref2","activeAssets","progress","right","bottom","noActiveAsset","SecondaryAssetSelect","props","appKey","primaryAssetLabel","isRequiredAssetId","secondaryAssetLabel","company","currentValue","defaultValue","onChange","parentAssetId","assetType","parentAssetType","assetFields","activeWellId","isDrillingPlatformApp","_useSecondaryAssetSel","useSecondaryAssetSelectData","assetId","DEFAULT_ASSET_TYPE","assets","loading","styles","activeAsset","useMemo","ASSET_TYPES","intervention_unit","type","find","asset","Number","id","status","ACTIVE_STATUS","value","capitalizedAssetType","capitalize","options","name","concat","ACTIVE_ASSET_ID","renderSelectValue","useCallback","ACTIVE_ASSETS_ID","_jsx","className","children","SelectItem","assetName","selectedAsset","_jsxs","FormControl","InputLabel","shrink","Select","classes","_ref3","target","nextValue","fullWidth","renderValue","map","_ref4","CircularProgress","size","propTypes","appType","PropTypes","shape","constants","oneOfType","number","string","any","func","isRequired","array","defaultProps","undefined"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"SecondaryAssetSelect.js","sources":["../../../../src/components/AssetEditorV2/components/SecondaryAssetSelect.js"],"sourcesContent":["import PropTypes from 'prop-types';\nimport { useMemo, useCallback, useEffect, useRef } from 'react';\nimport { capitalize } from 'lodash';\nimport { CircularProgress, Select, FormControl, InputLabel, makeStyles } from '@material-ui/core';\n\nimport { useSecondaryAssetSelectData } from '../effects';\nimport { ACTIVE_ASSETS_ID, ACTIVE_ASSET_ID, ACTIVE_STATUS, DEFAULT_ASSET_TYPE } from '../constants';\n\nimport SelectItem from './SelectItem';\n\nimport { ASSET_TYPES } from '~/constants';\n\nexport const PAGE_NAME = 'DC_SingleAssetEditor';\n\nconst useStyles = makeStyles(theme => ({\n container: {\n position: 'relative',\n },\n select: {\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'space-between',\n paddingBottom: 0,\n paddingTop: 0,\n },\n formControl: {\n marginTop: 16,\n width: '100%',\n '& .MuiInput-underline.Mui-disabled, & .MuiFilledInput-underline.Mui-disabled': {\n '&::before': {\n borderBottom: `1px solid #808080`,\n },\n },\n },\n selectValue: ({ disabled }) => ({\n cursor: 'pointer',\n padding: 0,\n color: disabled ? theme.palette.primary.text7 : theme.palette.primary.contrastText,\n '&:hover': {\n backgroundColor: 'initial',\n },\n }),\n option: ({ disabled }) => ({\n cursor: 'pointer',\n padding: '0px 0px 0px 16px',\n color: disabled ? theme.palette.primary.text7 : theme.palette.primary.contrastText,\n '&:hover': {\n backgroundColor: 'rgba(255, 255, 255, 0.16)',\n },\n }),\n activeAssets: {\n color: '#9E9E9E',\n padding: '8px 0 6px',\n },\n progress: {\n position: 'absolute',\n right: 20,\n bottom: 4,\n },\n noActiveAsset: {\n color: '#9E9E9E',\n padding: '8px 0 6px',\n },\n}));\n\nconst SecondaryAssetSelect = props => {\n const {\n appKey,\n primaryAssetLabel,\n isRequiredAssetId,\n secondaryAssetLabel,\n company,\n currentValue,\n defaultValue,\n onChange,\n disabled,\n parentAssetId,\n assetType,\n parentAssetType,\n assetFields,\n activeWellId,\n isDrillingPlatformApp,\n } = props;\n\n const prevActiveAssetRef = useRef();\n\n const { assets, loading } = useSecondaryAssetSelectData({\n appKey,\n assetType: isDrillingPlatformApp ? DEFAULT_ASSET_TYPE : assetType,\n company,\n parentAssetId,\n parentAssetType,\n isRequiredAssetId,\n assetFields,\n activeWellId,\n });\n const styles = useStyles({ disabled });\n\n const activeAsset = useMemo(\n () =>\n parentAssetType === ASSET_TYPES.intervention_unit.type\n ? assets.find(asset => Number(asset.id) === Number(activeWellId))\n : assets.find(asset => asset.status === ACTIVE_STATUS),\n [assets, parentAssetType, activeWellId]\n );\n\n const value = currentValue || defaultValue;\n\n useEffect(() => {\n // force active asset preselection when assets are reset\n const isTrackingActiveAsset = !currentValue || currentValue === prevActiveAssetRef.current?.id;\n\n if (isTrackingActiveAsset && activeAsset) {\n onChange(activeAsset);\n prevActiveAssetRef.current = activeAsset;\n }\n }, [activeAsset, currentValue, onChange]);\n\n const capitalizedAssetType = capitalize(assetType);\n\n const options = useMemo(\n () => [{ name: `Active ${capitalizedAssetType}`, id: ACTIVE_ASSET_ID }, ...assets],\n [capitalizedAssetType, assets]\n );\n\n const handleSelectChange = ({ target }) => {\n const nextValue =\n target.value === ACTIVE_ASSET_ID\n ? activeAsset || { id: ACTIVE_ASSET_ID }\n : assets?.find(asset => asset.id === target.value);\n onChange(nextValue);\n };\n\n const renderSelectValue = useCallback(\n assetId => {\n if (assetId === ACTIVE_ASSETS_ID) {\n return <span className={styles.activeAssets}>{`Active ${capitalizedAssetType}s`}</span>;\n }\n if (assetId === ACTIVE_ASSET_ID && !activeAsset) {\n return (\n <span className={styles.noActiveAsset}>\n {`${primaryAssetLabel} has No Active ${secondaryAssetLabel}`}\n </span>\n );\n }\n if (assetId === ACTIVE_ASSET_ID && !!activeAsset) {\n return (\n <SelectItem\n className={styles.selectValue}\n assetName={activeAsset.name}\n status={activeAsset.status}\n />\n );\n }\n const selectedAsset = assets.find(asset => asset.id === assetId);\n return (\n <SelectItem\n className={styles.selectValue}\n assetName={selectedAsset?.name}\n status={selectedAsset?.status}\n />\n );\n },\n [capitalizedAssetType, activeAsset, assets, primaryAssetLabel, secondaryAssetLabel, styles]\n );\n\n return (\n <div className={styles.container}>\n <FormControl className={styles.formControl} disabled={loading}>\n <InputLabel shrink={!!value}>{secondaryAssetLabel}</InputLabel>\n <Select\n data-testid={props['data-testid']}\n classes={{ select: styles.select }}\n value={value}\n disabled={disabled}\n onChange={handleSelectChange}\n fullWidth\n renderValue={renderSelectValue}\n >\n {options.map(({ id, name, status }) => {\n const assetName = name || '';\n return (\n <SelectItem\n className={styles.option}\n assetName={assetName}\n data-testid={`${PAGE_NAME}_option_${assetName}MenuItem`}\n key={id}\n value={id}\n status={status}\n />\n );\n })}\n </Select>\n </FormControl>\n {loading && (\n <CircularProgress\n data-testid={`${PAGE_NAME}_CircularProgress`}\n size={20}\n className={styles.progress}\n />\n )}\n </div>\n );\n};\n\nSecondaryAssetSelect.propTypes = {\n appType: PropTypes.shape({\n constants: PropTypes.shape({}),\n }),\n currentValue: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),\n defaultValue: PropTypes.any, // eslint-disable-line react/forbid-prop-types\n onChange: PropTypes.func.isRequired,\n parentAssetId: PropTypes.number,\n parentAssetType: PropTypes.string,\n assetType: PropTypes.string.isRequired,\n 'data-testid': PropTypes.string,\n appKey: PropTypes.string,\n assetFields: PropTypes.array,\n};\n\nSecondaryAssetSelect.defaultProps = {\n currentValue: '', // NOTE: If 'undefined' <SelectField /> displays 'label'\n defaultValue: '',\n appType: undefined,\n parentAssetId: undefined,\n parentAssetType: undefined,\n 'data-testid': `${PAGE_NAME}_autoComplete`,\n appKey: null,\n assetFields: [],\n};\n\nexport default SecondaryAssetSelect;\n"],"names":["PAGE_NAME","useStyles","makeStyles","theme","container","position","select","display","alignItems","justifyContent","paddingBottom","paddingTop","formControl","marginTop","width","borderBottom","selectValue","_ref","cursor","padding","color","disabled","palette","primary","text7","contrastText","backgroundColor","option","_ref2","activeAssets","progress","right","bottom","noActiveAsset","SecondaryAssetSelect","props","appKey","primaryAssetLabel","isRequiredAssetId","secondaryAssetLabel","company","currentValue","defaultValue","onChange","parentAssetId","assetType","parentAssetType","assetFields","activeWellId","isDrillingPlatformApp","prevActiveAssetRef","useRef","_useSecondaryAssetSel","useSecondaryAssetSelectData","DEFAULT_ASSET_TYPE","assets","loading","styles","activeAsset","useMemo","ASSET_TYPES","intervention_unit","type","find","asset","Number","id","status","ACTIVE_STATUS","value","useEffect","_prevActiveAssetRef$c","current","capitalizedAssetType","capitalize","options","name","concat","ACTIVE_ASSET_ID","renderSelectValue","useCallback","assetId","ACTIVE_ASSETS_ID","_jsx","className","children","SelectItem","assetName","selectedAsset","_jsxs","FormControl","InputLabel","shrink","Select","classes","_ref3","target","nextValue","fullWidth","renderValue","map","_ref4","CircularProgress","size","propTypes","appType","PropTypes","shape","constants","oneOfType","number","string","any","func","isRequired","array","defaultProps","undefined"],"mappings":"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"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import o from'./../../ext-esm/style-inject/dist/style-inject.es.js';var t={spacing:"8",root:"Autocomplete_root__4SidE",paper:"Autocomplete_paper__Vq6DC",sticky:"Autocomplete_sticky__0-eTa",menuItem:"Autocomplete_menuItem__c2Qka",listboxScrolled:"Autocomplete_listboxScrolled__n34NV",checkboxSmall:"Autocomplete_checkboxSmall__TjdiN",checkboxMedium:"Autocomplete_checkboxMedium__LUbff",selectedValue:"Autocomplete_selectedValue__iGHNh"};o('.Autocomplete_root__4SidE{width:100%}.Autocomplete_root__4SidE .MuiAutocomplete-endAdornment{display:contents}.Autocomplete_root__4SidE .MuiAutocomplete-clearIndicator{margin-right:-4px;visibility:visible}.Autocomplete_root__4SidE .MuiAutocomplete-popupIndicator{margin:0;padding:4px}.Autocomplete_root__4SidE .MuiAutocomplete-popupIndicatorOpen{color:var(--palette-primary-main)}.Autocomplete_root__4SidE .MuiAutocomplete-clearIndicator,.Autocomplete_root__4SidE .MuiAutocomplete-popupIndicator{background-color:transparent!important;transition:transform .15s cubic-bezier(.4,0,.2,1),color .15s cubic-bezier(.4,0,.2,1)}.Autocomplete_root__4SidE .MuiAutocomplete-clearIndicator svg,.Autocomplete_root__4SidE .MuiAutocomplete-popupIndicator svg{display:block}.Autocomplete_root__4SidE .MuiInputAdornment-positionStart{max-width:70%}.Autocomplete_paper__Vq6DC{--corvaui-background:var(--palette-background-b-9);background-color:var(--palette-background-b-9)!important;box-shadow:0 8px 24px 0 rgba(0,0,0,.24)!important;display:flex;flex-flow:column wrap;margin:8px 0;max-height:40vh;overflow:hidden;padding:0;position:relative}.Autocomplete_paper__Vq6DC:before{background:linear-gradient(180deg,rgb(from var(--corvaui-background) r g b/1) 0,rgb(from var(--corvaui-background) r g b/0) 100%);content:"";height:8px;inset:0 10px auto 0;position:absolute;z-index:1}.Autocomplete_paper__Vq6DC:after{background:linear-gradient(0deg,rgb(from var(--corvaui-background) r g b/1) 0,rgb(from var(--corvaui-background) r g b/0) 100%);content:"";height:8px;inset:auto 10px 0 0;position:absolute;z-index:1}.Autocomplete_paper__Vq6DC:has(.Autocomplete_sticky__0-eTa){padding-top:8px}.Autocomplete_paper__Vq6DC .MuiAutocomplete-listbox{flex:0 1 auto;max-height:unset;padding:8px 0}.Autocomplete_paper__Vq6DC .MuiAutocomplete-listbox,.Autocomplete_paper__Vq6DC .MuiAutocomplete-listbox li{width:100%}.Autocomplete_paper__Vq6DC .MuiAutocomplete-listbox:has(.Autocomplete_sticky__0-eTa){padding-top:0}.Autocomplete_paper__Vq6DC .MuiAutocomplete-option{background:var(--corvaui-background)!important;display:block;padding:0 16px!important;z-index:1}.Autocomplete_paper__Vq6DC .MuiAutocomplete-option[data-focus=true] .Autocomplete_menuItem__c2Qka{background-color:rgb(from var(--palette-primary-text-1) r g b/.08)}.Autocomplete_paper__Vq6DC .MuiAutocomplete-option:has(.Autocomplete_sticky__0-eTa){left:0;position:sticky;top:0}.Autocomplete_paper__Vq6DC .Autocomplete_sticky__0-eTa{border-bottom:1px solid rgb(from var(--palette-primary-text-1) r g b/.25);overflow:visible}.Autocomplete_paper__Vq6DC .Autocomplete_listboxScrolled__n34NV .Autocomplete_sticky__0-eTa:after{background:linear-gradient(0deg,rgb(from var(--corvaui-background) r g b/0) 0,rgb(from var(--corvaui-background) r g b/1) 100%);content:"";height:8px;inset:100% 0 auto 0;margin-top:1px;position:absolute}.Autocomplete_paper__Vq6DC .MuiAutocomplete-noOptions{align-items:center;color:var(--palette-primary-text-6);display:flex;font-size:12px;font-style:italic;justify-content:center;min-height:31px;padding:0}.Autocomplete_paper__Vq6DC .MuiAutocomplete-groupLabel{background:var(--corvaui-background)!important;color:var(--palette-primary-text-7);font-size:12px;font-weight:400;line-height:16px}.Autocomplete_paper__Vq6DC .MuiAutocomplete-groupLabel:not(:empty){padding-top:8px}.Autocomplete_paper__Vq6DC .MuiAutocomplete-listbox li+li .MuiAutocomplete-groupLabel:not(:empty){margin-top:8px}.Autocomplete_checkboxSmall__TjdiN{margin-right:-8px}.Autocomplete_checkboxMedium__LUbff{margin-right:-12px}.Autocomplete_selectedValue__iGHNh{flex:0 1 100%;overflow:hidden}');export{t as default};
|
|
1
|
+
import o from'./../../ext-esm/style-inject/dist/style-inject.es.js';var t={spacing:"8",root:"Autocomplete_root__4SidE",paper:"Autocomplete_paper__Vq6DC",sticky:"Autocomplete_sticky__0-eTa",menuItem:"Autocomplete_menuItem__c2Qka",listboxScrolled:"Autocomplete_listboxScrolled__n34NV",checkboxSmall:"Autocomplete_checkboxSmall__TjdiN",checkboxMedium:"Autocomplete_checkboxMedium__LUbff",selectedValue:"Autocomplete_selectedValue__iGHNh"};o('.Autocomplete_root__4SidE{width:100%}.Autocomplete_root__4SidE .MuiAutocomplete-endAdornment{display:contents}.Autocomplete_root__4SidE .MuiAutocomplete-clearIndicator{margin-right:-4px;visibility:visible}.Autocomplete_root__4SidE .MuiAutocomplete-popupIndicator{margin:0;padding:4px}.Autocomplete_root__4SidE .MuiAutocomplete-popupIndicatorOpen{color:var(--palette-primary-main)}.Autocomplete_root__4SidE .MuiAutocomplete-clearIndicator,.Autocomplete_root__4SidE .MuiAutocomplete-popupIndicator{background-color:transparent!important;transition:transform .15s cubic-bezier(.4,0,.2,1),color .15s cubic-bezier(.4,0,.2,1)}.Autocomplete_root__4SidE .MuiAutocomplete-clearIndicator svg,.Autocomplete_root__4SidE .MuiAutocomplete-popupIndicator svg{display:block}.Autocomplete_root__4SidE .MuiInputAdornment-positionStart{max-width:70%}.Autocomplete_paper__Vq6DC{--corvaui-background:var(--palette-background-b-9);background-color:var(--palette-background-b-9)!important;box-shadow:0 8px 24px 0 rgba(0,0,0,.24)!important;display:flex;flex-flow:column wrap;margin:8px 0;max-height:40vh;overflow:hidden;padding:0;position:relative}.Autocomplete_paper__Vq6DC:before{background:linear-gradient(180deg,rgb(from var(--corvaui-background) r g b/1) 0,rgb(from var(--corvaui-background) r g b/0) 100%);content:"";height:8px;inset:0 10px auto 0;position:absolute;z-index:1}.Autocomplete_paper__Vq6DC:after{background:linear-gradient(0deg,rgb(from var(--corvaui-background) r g b/1) 0,rgb(from var(--corvaui-background) r g b/0) 100%);content:"";height:8px;inset:auto 10px 0 0;position:absolute;z-index:1}.Autocomplete_paper__Vq6DC:has(.Autocomplete_sticky__0-eTa){padding-top:8px}.Autocomplete_paper__Vq6DC .MuiAutocomplete-listbox{flex:0 1 auto;max-height:unset;padding:8px 0}.Autocomplete_paper__Vq6DC .MuiAutocomplete-listbox,.Autocomplete_paper__Vq6DC .MuiAutocomplete-listbox li{width:100%}.Autocomplete_paper__Vq6DC .MuiAutocomplete-listbox:has(.Autocomplete_sticky__0-eTa){padding-top:0}.Autocomplete_paper__Vq6DC li.MuiAutocomplete-option{background:var(--corvaui-background)!important;display:block;padding:0 16px!important;z-index:1}.Autocomplete_paper__Vq6DC li.MuiAutocomplete-option[data-focus=true] .Autocomplete_menuItem__c2Qka{background-color:rgb(from var(--palette-primary-text-1) r g b/.08)}.Autocomplete_paper__Vq6DC li.MuiAutocomplete-option:has(.Autocomplete_sticky__0-eTa){left:0;position:sticky;top:0}.Autocomplete_paper__Vq6DC .Autocomplete_sticky__0-eTa{border-bottom:1px solid rgb(from var(--palette-primary-text-1) r g b/.25);overflow:visible}.Autocomplete_paper__Vq6DC .Autocomplete_listboxScrolled__n34NV .Autocomplete_sticky__0-eTa:after{background:linear-gradient(0deg,rgb(from var(--corvaui-background) r g b/0) 0,rgb(from var(--corvaui-background) r g b/1) 100%);content:"";height:8px;inset:100% 0 auto 0;margin-top:1px;position:absolute}.Autocomplete_paper__Vq6DC .MuiAutocomplete-noOptions{align-items:center;color:var(--palette-primary-text-6);display:flex;font-size:12px;font-style:italic;justify-content:center;min-height:31px;padding:0}.Autocomplete_paper__Vq6DC .MuiAutocomplete-groupLabel{background:var(--corvaui-background)!important;color:var(--palette-primary-text-7);font-size:12px;font-weight:400;line-height:16px}.Autocomplete_paper__Vq6DC .MuiAutocomplete-groupLabel:not(:empty){padding-top:8px}.Autocomplete_paper__Vq6DC .MuiAutocomplete-listbox li+li .MuiAutocomplete-groupLabel:not(:empty){margin-top:8px}.Autocomplete_checkboxSmall__TjdiN{margin-right:-8px}.Autocomplete_checkboxMedium__LUbff{margin-right:-12px}.Autocomplete_selectedValue__iGHNh{flex:0 1 100%;overflow:hidden}');export{t as default};
|
|
2
2
|
//# sourceMappingURL=Autocomplete.scss.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"autocompleteOverrides.d.ts","sourceRoot":"","sources":["../../../src/config/theme/autocompleteOverrides.js"],"names":[],"mappings":""}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"autocompleteOverrides.js","sources":["../../../src/config/theme/autocompleteOverrides.js"],"sourcesContent":["// MUI autocomplete has a bug where focused option has higher styles priority than selected\n// We also can't change order of css rule blocks to control specificity because JSS does not allow that\n// Resulting CSS will always be\n// .MuiAutocomplete-option[aria-selected=\"true\"] {\n// background-color: rgba(255, 255, 255, 0.16);\n// }\n// .MuiAutocomplete-option[data-focus=\"true\"] {\n// background-color: rgba(255, 255, 255, 0.08);\n// }\n// .MuiAutocomplete-option:active {\n// background-color: rgba(255, 255, 255, 0.16);\n// }\nexport const autocompleteOverrides = {\n MuiAutocomplete: {\n option: {\n '&[aria-selected=\"true\"]': {\n backgroundColor: 'rgba(255, 255, 255, 0.16)!important',\n },\n },\n },\n};\n"],"names":["autocompleteOverrides","MuiAutocomplete","option","backgroundColor"],"mappings":"AAYO,IAAMA,EAAwB,CACnCC,gBAAiB,CACfC,OAAQ,CACN,0BAA2B,CACzBC,gBAAiB"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/config/theme/index.js"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/config/theme/index.js"],"names":[],"mappings":"AAkKA,2DAMG;AAEH,0DAUG"}
|
package/config/theme/index.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import o from"@babel/runtime/helpers/defineProperty";import{createMuiTheme as i}from"@material-ui/core/styles";import s from"@material-ui/icons/Close";import{dateTimePickerThemeOverrides as
|
|
1
|
+
import o from"@babel/runtime/helpers/defineProperty";import{createMuiTheme as i}from"@material-ui/core/styles";import s from"@material-ui/icons/Close";import{dateTimePickerThemeOverrides as r}from"./dateTimePickerThemeOverrides.js";import c from"./accordionOverrides.js";import t from"./buttonOverrides.js";import n from"./checkboxOverrides.js";import e from"./chipOverrides.js";import m from"./fabOverrides.js";import p from"./formControlLabelOverrides.js";import a from"./formGroupOverrides.js";import u from"./palette.mjs.js";import l from"./radioOverrides.js";import d from"./tableOverrides.js";import j from"./textFieldOverrides.js";import I from"./tooltipOverrides.js";import{zIndicesVariables as f,lightThemeVariables as h,darkThemeVariables as x}from"./themeVariables.mjs.js";import b from"./toggleButtonsGroupOverrides.js";import{autocompleteOverrides as g}from"./autocompleteOverrides.js";import{DownOneIcon as O}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{CheckboxCustomIcon as v}from"../../icons/customIcons/icons/Checkbox.js";import{CheckboxCheckedCustomIcon as k}from"../../icons/customIcons/icons/CheckboxChecked.js";import{CheckboxIndeterminateCustomIcon as y}from"../../icons/customIcons/icons/CheckboxIndeterminate.js";import{RadioCustomIcon as C}from"../../icons/customIcons/icons/Radio.js";import{RadioCheckedCustomIcon as M}from"../../icons/customIcons/icons/RadioChecked.js";import"../../icons/customIcons/icons/SimulFrac.js";import"../../icons/customIcons/icons/ZipperFrac.js";import"../../icons/customIcons/icons/CautionFilled.js";import"../../icons/customIcons/icons/MoreApp.js";import"../../icons/customIcons/icons/Pad.js";import"../../icons/customIcons/icons/DrilloutUnit.js";import"../../icons/customIcons/icons/FracFleet.js";import"../../icons/customIcons/icons/Global.js";import"../../icons/customIcons/icons/Program.js";import"../../icons/customIcons/icons/Rig.js";import"../../icons/customIcons/icons/Well.js";import"../../icons/customIcons/icons/Gap.js";import"../../icons/customIcons/icons/Pin.js";import"../../icons/customIcons/icons/CloseOneFilled.js";import"../../icons/customIcons/icons/AttentionFilled.js";import"../../icons/customIcons/icons/CheckOneFilled.js";import"../../icons/customIcons/icons/Archive.js";import"../../icons/customIcons/icons/ArchiveCancel.js";import"../../icons/customIcons/icons/Unarchive.js";import"../../icons/customIcons/icons/Archived.js";import"../../icons/customIcons/icons/InterventionUnit.js";import"../../icons/customIcons/icons/CloudDelete.js";import"../../icons/customIcons/icons/Lasso.js";import{jsx as D}from"react/jsx-runtime";function P(o,i){var s=Object.keys(o);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(o);i&&(r=r.filter((function(i){return Object.getOwnPropertyDescriptor(o,i).enumerable}))),s.push.apply(s,r)}return s}function F(i){for(var s=1;s<arguments.length;s++){var r=null!=arguments[s]?arguments[s]:{};s%2?P(Object(r),!0).forEach((function(s){o(i,s,r[s])})):Object.getOwnPropertyDescriptors?Object.defineProperties(i,Object.getOwnPropertyDescriptors(r)):P(Object(r)).forEach((function(o){Object.defineProperty(i,o,Object.getOwnPropertyDescriptor(r,o))}))}return i}var w=u.primary,S=w.text7,A=w.text9,T={overrides:F(F(F(F(F(F(F(F(F(F(F(F(F(F({MuiPopover:{paper:{borderRadius:8,boxShadow:"0px 8px 24px 0px #0000003D"}},MuiSelect:{icon:{top:"calc(50% - 8px)"}},MuiMenu:{paper:{borderRadius:8,boxShadow:"0px 8px 24px 0px #0000003D",root:{overscrollBehaviorY:"contain","& .MuiMenuItem-root":{backgroundColor:u.background.b9,"&$selected":{backgroundColor:u.primary.text9}}}}},MuiMenuItem:{root:{minHeight:36,color:u.primary.contrastText}},MuiTooltip:{tooltip:{backgroundColor:u.background.b9}},MuiSwitch:{switchBase:{color:S},track:{backgroundColor:A,opacity:1},colorPrimary:{"&$checked":{"& + $track":{opacity:.38}}},colorSecondary:{"&$checked":{"& + $track":{opacity:.38}}}},MuiDialogTitle:{root:{padding:"40px 40px 16px 40px","@media (max-width: 960px)":{padding:"16px"}}},MuiDialogContent:{root:{padding:"0 40px 0 40px","@media (max-width: 960px)":{padding:"0 16px"}}},MuiDialogContentText:{root:{color:u.primary.text6,lineHeight:"22.5px",marginBottom:0}},MuiDialog:{paper:{backgroundColor:"#333333"}},MuiDialogActions:{root:{padding:"32px 40px 40px 40px","@media (max-width: 960px)":{padding:16}},spacing:{"&>:not(:first-child)":{marginLeft:16}}},MuiListItemIcon:{root:{minWidth:48}}},c),t),n),e),r),m),p),a),l),d),j),I),b),g)},B={MuiFab:{color:"primary"},MuiMenu:{getContentAnchorEl:function(){return null}},MuiCheckbox:{color:"primary",icon:D(v,{}),checkedIcon:D(k,{}),indeterminateIcon:D(y,{})},MuiRadio:{color:"primary",icon:D(C,{}),checkedIcon:D(M,{})},MuiChip:{deleteIcon:D(s,{})},MuiSelect:{IconComponent:function(o){return D(O,F({theme:"filled",fill:"#BDBDBD",size:16},o))}}},L=i(F(F(F(F({props:B},f),h),T),{},{isLightTheme:!0})),R=i(F(F(F(F({props:B},f),x),{},{palette:F(F({},x.palette),{},{type:"dark"})},T),{},{isLightTheme:!1}));export{R as darkTheme,L as lightTheme};
|
|
2
2
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":["../../../src/config/theme/index.js"],"sourcesContent":["import { createMuiTheme } from '@material-ui/core/styles';\nimport CloseIcon from '@material-ui/icons/Close';\n\nimport { dateTimePickerThemeOverrides } from './dateTimePickerThemeOverrides';\nimport accordionOverrides from './accordionOverrides';\nimport buttonOverrides from './buttonOverrides';\nimport checkboxOverrides from './checkboxOverrides';\nimport chipOverrides from './chipOverrides';\nimport fabOverrides from './fabOverrides';\nimport formControlLabelOverrides from './formControlLabelOverrides';\nimport formGroupOverrides from './formGroupOverrides';\nimport palette from './palette.mjs';\nimport radioOverrides from './radioOverrides';\nimport tableOverrides from './tableOverrides';\nimport textFieldOverrides from './textFieldOverrides';\nimport tooltipOverrides from './tooltipOverrides';\nimport { darkThemeVariables, lightThemeVariables, zIndicesVariables } from './themeVariables';\nimport toggleButtonsGroupOverrides from './toggleButtonsGroupOverrides';\n\nimport {\n CheckboxCheckedCustomIcon,\n CheckboxCustomIcon,\n CheckboxIndeterminateCustomIcon,\n DownOneIcon,\n RadioCheckedCustomIcon,\n RadioCustomIcon,\n} from '~/icons';\n\nconst { text7, text9 } = palette.primary;\n\nconst muiThemeOverrides = {\n overrides: {\n MuiPopover: {\n paper: {\n borderRadius: 8,\n boxShadow: '0px 8px 24px 0px #0000003D',\n },\n },\n MuiSelect: {\n icon: {\n top: 'calc(50% - 8px)',\n },\n },\n MuiMenu: {\n paper: {\n borderRadius: 8,\n boxShadow: '0px 8px 24px 0px #0000003D',\n root: {\n overscrollBehaviorY: 'contain',\n '& .MuiMenuItem-root': {\n backgroundColor: palette.background.b9,\n '&$selected': {\n backgroundColor: palette.primary.text9,\n },\n },\n },\n // backgroundColor: '#ffffff',\n // NOTE: We need this because of bug in native app with dropdowns scrolling.\n // https://developers.google.com/web/updates/2017/11/overscroll-behavior\n },\n },\n MuiMenuItem: {\n root: {\n minHeight: 36,\n color: palette.primary.contrastText,\n },\n },\n MuiTooltip: {\n tooltip: { backgroundColor: palette.background.b9 },\n },\n MuiSwitch: {\n switchBase: { color: text7 },\n track: { backgroundColor: text9, opacity: 1 },\n colorPrimary: { '&$checked': { '& + $track': { opacity: 0.38 } } },\n colorSecondary: { '&$checked': { '& + $track': { opacity: 0.38 } } },\n },\n MuiDialogTitle: {\n root: {\n padding: '40px 40px 16px 40px',\n '@media (max-width: 960px)': {\n padding: '16px',\n },\n },\n },\n MuiDialogContent: {\n root: {\n padding: '0 40px 0 40px',\n '@media (max-width: 960px)': {\n padding: '0 16px',\n },\n },\n },\n MuiDialogContentText: {\n root: {\n color: palette.primary.text6,\n lineHeight: '22.5px',\n marginBottom: 0,\n },\n },\n MuiDialog: {\n paper: {\n backgroundColor: '#333333',\n },\n },\n MuiDialogActions: {\n root: {\n padding: '32px 40px 40px 40px',\n '@media (max-width: 960px)': {\n padding: 16,\n },\n },\n spacing: {\n // NOTE: Increased margin between buttons from 8 to 16\n '&>:not(:first-child)': { marginLeft: 16 },\n },\n },\n MuiListItemIcon: {\n root: {\n minWidth: 48,\n },\n },\n ...accordionOverrides,\n ...buttonOverrides,\n ...checkboxOverrides,\n ...chipOverrides,\n ...dateTimePickerThemeOverrides,\n ...fabOverrides,\n ...formControlLabelOverrides,\n ...formGroupOverrides,\n ...radioOverrides,\n ...tableOverrides,\n ...textFieldOverrides,\n ...tooltipOverrides,\n ...toggleButtonsGroupOverrides,\n },\n};\n\n// TODO: Delete this when migrating to mui v5\n// We override default menu props to address this issue:\n// https://github.com/mui-org/material-ui/issues/19245\nconst defaultProps = {\n MuiFab: { color: 'primary' },\n MuiMenu: { getContentAnchorEl: () => null }, // produces warning\n MuiCheckbox: {\n color: 'primary',\n icon: <CheckboxCustomIcon />,\n checkedIcon: <CheckboxCheckedCustomIcon />,\n indeterminateIcon: <CheckboxIndeterminateCustomIcon />,\n },\n MuiRadio: {\n color: 'primary',\n icon: <RadioCustomIcon />,\n checkedIcon: <RadioCheckedCustomIcon />,\n },\n MuiChip: { deleteIcon: <CloseIcon /> },\n MuiSelect: {\n IconComponent: props => <DownOneIcon theme=\"filled\" fill=\"#BDBDBD\" size={16} {...props} />,\n },\n};\n\nexport const lightTheme = createMuiTheme({\n props: defaultProps,\n ...zIndicesVariables,\n ...lightThemeVariables,\n ...muiThemeOverrides,\n isLightTheme: true,\n});\n\nexport const darkTheme = createMuiTheme({\n props: defaultProps,\n ...zIndicesVariables,\n ...darkThemeVariables,\n palette: {\n ...darkThemeVariables.palette,\n type: 'dark',\n },\n ...muiThemeOverrides,\n isLightTheme: false,\n});\n"],"names":["palette","primary","text7","text9","muiThemeOverrides","overrides","_objectSpread","MuiPopover","paper","borderRadius","boxShadow","MuiSelect","icon","top","MuiMenu","root","overscrollBehaviorY","backgroundColor","background","b9","MuiMenuItem","minHeight","color","contrastText","MuiTooltip","tooltip","MuiSwitch","switchBase","track","opacity","colorPrimary","colorSecondary","MuiDialogTitle","padding","MuiDialogContent","MuiDialogContentText","text6","lineHeight","marginBottom","MuiDialog","MuiDialogActions","spacing","marginLeft","MuiListItemIcon","minWidth","accordionOverrides","buttonOverrides","checkboxOverrides","chipOverrides","dateTimePickerThemeOverrides","fabOverrides","formControlLabelOverrides","formGroupOverrides","radioOverrides","tableOverrides","textFieldOverrides","tooltipOverrides","toggleButtonsGroupOverrides","defaultProps","MuiFab","getContentAnchorEl","MuiCheckbox","_jsx","CheckboxCustomIcon","checkedIcon","CheckboxCheckedCustomIcon","indeterminateIcon","CheckboxIndeterminateCustomIcon","MuiRadio","RadioCustomIcon","RadioCheckedCustomIcon","MuiChip","deleteIcon","CloseIcon","IconComponent","props","DownOneIcon","theme","fill","size","lightTheme","createMuiTheme","zIndicesVariables","lightThemeVariables","isLightTheme","darkTheme","darkThemeVariables","type"],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.js","sources":["../../../src/config/theme/index.js"],"sourcesContent":["import { createMuiTheme } from '@material-ui/core/styles';\nimport CloseIcon from '@material-ui/icons/Close';\n\nimport { dateTimePickerThemeOverrides } from './dateTimePickerThemeOverrides';\nimport accordionOverrides from './accordionOverrides';\nimport buttonOverrides from './buttonOverrides';\nimport checkboxOverrides from './checkboxOverrides';\nimport chipOverrides from './chipOverrides';\nimport fabOverrides from './fabOverrides';\nimport formControlLabelOverrides from './formControlLabelOverrides';\nimport formGroupOverrides from './formGroupOverrides';\nimport palette from './palette.mjs';\nimport radioOverrides from './radioOverrides';\nimport tableOverrides from './tableOverrides';\nimport textFieldOverrides from './textFieldOverrides';\nimport tooltipOverrides from './tooltipOverrides';\nimport { darkThemeVariables, lightThemeVariables, zIndicesVariables } from './themeVariables';\nimport toggleButtonsGroupOverrides from './toggleButtonsGroupOverrides';\nimport { autocompleteOverrides } from './autocompleteOverrides';\n\nimport {\n CheckboxCheckedCustomIcon,\n CheckboxCustomIcon,\n CheckboxIndeterminateCustomIcon,\n DownOneIcon,\n RadioCheckedCustomIcon,\n RadioCustomIcon,\n} from '~/icons';\n\nconst { text7, text9 } = palette.primary;\n\nconst muiThemeOverrides = {\n overrides: {\n MuiPopover: {\n paper: {\n borderRadius: 8,\n boxShadow: '0px 8px 24px 0px #0000003D',\n },\n },\n MuiSelect: {\n icon: {\n top: 'calc(50% - 8px)',\n },\n },\n MuiMenu: {\n paper: {\n borderRadius: 8,\n boxShadow: '0px 8px 24px 0px #0000003D',\n root: {\n overscrollBehaviorY: 'contain',\n '& .MuiMenuItem-root': {\n backgroundColor: palette.background.b9,\n '&$selected': {\n backgroundColor: palette.primary.text9,\n },\n },\n },\n // backgroundColor: '#ffffff',\n // NOTE: We need this because of bug in native app with dropdowns scrolling.\n // https://developers.google.com/web/updates/2017/11/overscroll-behavior\n },\n },\n MuiMenuItem: {\n root: {\n minHeight: 36,\n color: palette.primary.contrastText,\n },\n },\n MuiTooltip: {\n tooltip: { backgroundColor: palette.background.b9 },\n },\n MuiSwitch: {\n switchBase: { color: text7 },\n track: { backgroundColor: text9, opacity: 1 },\n colorPrimary: { '&$checked': { '& + $track': { opacity: 0.38 } } },\n colorSecondary: { '&$checked': { '& + $track': { opacity: 0.38 } } },\n },\n MuiDialogTitle: {\n root: {\n padding: '40px 40px 16px 40px',\n '@media (max-width: 960px)': {\n padding: '16px',\n },\n },\n },\n MuiDialogContent: {\n root: {\n padding: '0 40px 0 40px',\n '@media (max-width: 960px)': {\n padding: '0 16px',\n },\n },\n },\n MuiDialogContentText: {\n root: {\n color: palette.primary.text6,\n lineHeight: '22.5px',\n marginBottom: 0,\n },\n },\n MuiDialog: {\n paper: {\n backgroundColor: '#333333',\n },\n },\n MuiDialogActions: {\n root: {\n padding: '32px 40px 40px 40px',\n '@media (max-width: 960px)': {\n padding: 16,\n },\n },\n spacing: {\n // NOTE: Increased margin between buttons from 8 to 16\n '&>:not(:first-child)': { marginLeft: 16 },\n },\n },\n MuiListItemIcon: {\n root: {\n minWidth: 48,\n },\n },\n ...accordionOverrides,\n ...buttonOverrides,\n ...checkboxOverrides,\n ...chipOverrides,\n ...dateTimePickerThemeOverrides,\n ...fabOverrides,\n ...formControlLabelOverrides,\n ...formGroupOverrides,\n ...radioOverrides,\n ...tableOverrides,\n ...textFieldOverrides,\n ...tooltipOverrides,\n ...toggleButtonsGroupOverrides,\n ...autocompleteOverrides,\n },\n};\n\n// TODO: Delete this when migrating to mui v5\n// We override default menu props to address this issue:\n// https://github.com/mui-org/material-ui/issues/19245\nconst defaultProps = {\n MuiFab: { color: 'primary' },\n MuiMenu: { getContentAnchorEl: () => null }, // produces warning\n MuiCheckbox: {\n color: 'primary',\n icon: <CheckboxCustomIcon />,\n checkedIcon: <CheckboxCheckedCustomIcon />,\n indeterminateIcon: <CheckboxIndeterminateCustomIcon />,\n },\n MuiRadio: {\n color: 'primary',\n icon: <RadioCustomIcon />,\n checkedIcon: <RadioCheckedCustomIcon />,\n },\n MuiChip: { deleteIcon: <CloseIcon /> },\n MuiSelect: {\n IconComponent: props => <DownOneIcon theme=\"filled\" fill=\"#BDBDBD\" size={16} {...props} />,\n },\n};\n\nexport const lightTheme = createMuiTheme({\n props: defaultProps,\n ...zIndicesVariables,\n ...lightThemeVariables,\n ...muiThemeOverrides,\n isLightTheme: true,\n});\n\nexport const darkTheme = createMuiTheme({\n props: defaultProps,\n ...zIndicesVariables,\n ...darkThemeVariables,\n palette: {\n ...darkThemeVariables.palette,\n type: 'dark',\n },\n ...muiThemeOverrides,\n isLightTheme: false,\n});\n"],"names":["palette","primary","text7","text9","muiThemeOverrides","overrides","_objectSpread","MuiPopover","paper","borderRadius","boxShadow","MuiSelect","icon","top","MuiMenu","root","overscrollBehaviorY","backgroundColor","background","b9","MuiMenuItem","minHeight","color","contrastText","MuiTooltip","tooltip","MuiSwitch","switchBase","track","opacity","colorPrimary","colorSecondary","MuiDialogTitle","padding","MuiDialogContent","MuiDialogContentText","text6","lineHeight","marginBottom","MuiDialog","MuiDialogActions","spacing","marginLeft","MuiListItemIcon","minWidth","accordionOverrides","buttonOverrides","checkboxOverrides","chipOverrides","dateTimePickerThemeOverrides","fabOverrides","formControlLabelOverrides","formGroupOverrides","radioOverrides","tableOverrides","textFieldOverrides","tooltipOverrides","toggleButtonsGroupOverrides","autocompleteOverrides","defaultProps","MuiFab","getContentAnchorEl","MuiCheckbox","_jsx","CheckboxCustomIcon","checkedIcon","CheckboxCheckedCustomIcon","indeterminateIcon","CheckboxIndeterminateCustomIcon","MuiRadio","RadioCustomIcon","RadioCheckedCustomIcon","MuiChip","deleteIcon","CloseIcon","IconComponent","props","DownOneIcon","theme","fill","size","lightTheme","createMuiTheme","zIndicesVariables","lightThemeVariables","isLightTheme","darkTheme","darkThemeVariables","type"],"mappings":"k0HA6BA,IAAyBA,EAAAA,EAAQC,QAAzBC,IAAAA,MAAOC,IAAAA,MAETC,EAAoB,CACxBC,UAASC,EAAAA,EAAAA,EAAAA,EAAAA,EAAAA,EAAAA,EAAAA,EAAAA,EAAAA,EAAAA,EAAAA,EAAAA,EAAAA,EAAA,CACPC,WAAY,CACVC,MAAO,CACLC,aAAc,EACdC,UAAW,+BAGfC,UAAW,CACTC,KAAM,CACJC,IAAK,oBAGTC,QAAS,CACPN,MAAO,CACLC,aAAc,EACdC,UAAW,6BACXK,KAAM,CACJC,oBAAqB,UACrB,sBAAuB,CACrBC,gBAAiBjB,EAAQkB,WAAWC,GACpC,aAAc,CACZF,gBAAiBjB,EAAQC,QAAQE,WAS3CiB,YAAa,CACXL,KAAM,CACJM,UAAW,GACXC,MAAOtB,EAAQC,QAAQsB,eAG3BC,WAAY,CACVC,QAAS,CAAER,gBAAiBjB,EAAQkB,WAAWC,KAEjDO,UAAW,CACTC,WAAY,CAAEL,MAAOpB,GACrB0B,MAAO,CAAEX,gBAAiBd,EAAO0B,QAAS,GAC1CC,aAAc,CAAE,YAAa,CAAE,aAAc,CAAED,QAAS,OACxDE,eAAgB,CAAE,YAAa,CAAE,aAAc,CAAEF,QAAS,QAE5DG,eAAgB,CACdjB,KAAM,CACJkB,QAAS,sBACT,4BAA6B,CAC3BA,QAAS,UAIfC,iBAAkB,CAChBnB,KAAM,CACJkB,QAAS,gBACT,4BAA6B,CAC3BA,QAAS,YAIfE,qBAAsB,CACpBpB,KAAM,CACJO,MAAOtB,EAAQC,QAAQmC,MACvBC,WAAY,SACZC,aAAc,IAGlBC,UAAW,CACT/B,MAAO,CACLS,gBAAiB,YAGrBuB,iBAAkB,CAChBzB,KAAM,CACJkB,QAAS,sBACT,4BAA6B,CAC3BA,QAAS,KAGbQ,QAAS,CAEP,uBAAwB,CAAEC,WAAY,MAG1CC,gBAAiB,CACf5B,KAAM,CACJ6B,SAAU,MAGXC,GACAC,GACAC,GACAC,GACAC,GACAC,GACAC,GACAC,GACAC,GACAC,GACAC,GACAC,GACAC,GACAC,IAODC,EAAe,CACnBC,OAAQ,CAAEtC,MAAO,WACjBR,QAAS,CAAE+C,mBAAoB,WAAA,OAAM,IAAI,GACzCC,YAAa,CACXxC,MAAO,UACPV,KAAMmD,EAACC,EAAqB,IAC5BC,YAAaF,EAACG,EAA4B,IAC1CC,kBAAmBJ,EAACK,EAA+B,KAErDC,SAAU,CACR/C,MAAO,UACPV,KAAMmD,EAACO,EAAkB,IACzBL,YAAaF,EAACQ,EAAsB,KAEtCC,QAAS,CAAEC,WAAYV,EAACW,EAAS,KACjC/D,UAAW,CACTgE,cAAe,SAAAC,GAAK,OAAIb,EAACc,EAAWvE,EAAA,CAACwE,MAAM,SAASC,KAAK,UAAUC,KAAM,IAAQJ,GAAS,IAIjFK,EAAaC,EAAc5E,EAAAA,EAAAA,EAAAA,EAAA,CACtCsE,MAAOjB,GACJwB,GACAC,GACAhF,GAAiB,CAAA,EAAA,CACpBiF,cAAc,KAGHC,EAAYJ,EAAc5E,EAAAA,EAAAA,EAAAA,EAAA,CACrCsE,MAAOjB,GACJwB,GACAI,GAAkB,GAAA,CACrBvF,QAAOM,EAAAA,EAAA,CAAA,EACFiF,EAAmBvF,SAAO,GAAA,CAC7BwF,KAAM,UAELpF,GAAiB,GAAA,CACpBiF,cAAc"}
|