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

package/components/WellSummary/FracWirelineTimeChart.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FracWirelineTimeChart.js","sources":["../../../src/components/WellSummary/FracWirelineTimeChart.js"],"sourcesContent":["import PropTypes from 'prop-types';\nimport { useEffect, useRef } from 'react';\nimport classnames from 'classnames';\nimport { makeStyles, Typography } from '@material-ui/core';\n\nimport CircleGradientIcon from './assets/circle_gradient.svg';\nimport CircleGlowIcon from './assets/circle_glow.svg';\n\nimport { drawDonutSlice } from './utils';\n\nconst WIRELINE_COLOR = '#FF9C00';\nconst FRACTURING_COLOR = '#8572FF';\n\nconst useStyles = makeStyles(theme => ({\n  root: {\n    width: '228px',\n    height: '228px',\n    borderRadius: '50%',\n    padding: '6px',\n    position: 'relative',\n    background: `url(${CircleGradientIcon})`,\n    backgroundRepeat: 'no-repeat',\n  },\n  backgroundRoot: {\n    width: '100%',\n    height: '100%',\n    borderRadius: '50%',\n    border: '2px solid #616161',\n    padding: '2px',\n    display: 'flex',\n    alignItems: 'center',\n    justifyContent: 'center',\n    overflow: 'hidden',\n    background: `url(${CircleGlowIcon})`,\n  },\n  emptyStateBackground: {\n    background:\n      'radial-gradient(50% 50% at 50% 50%, rgba(100, 181, 246, 0) 54.4%, rgba(100, 181, 246, 0.01) 76.49%, rgba(100, 181, 246, 0.06) 100%)',\n  },\n  dropShadowRoot: {\n    width: '100%',\n    height: '100%',\n    borderRadius: '50%',\n    filter: 'blur(36px)',\n    border: '2px solid #64B5F6',\n    display: 'flex',\n    alignItems: 'center',\n    justifyContent: 'center',\n  },\n  content: {\n    position: 'absolute',\n    width: '100%',\n    height: '100%',\n    display: 'flex',\n    alignItems: 'center',\n    justifyContent: 'center',\n    flexDirection: 'column',\n    left: 0,\n    top: 0,\n  },\n  timeRange: {\n    fontSize: '10px',\n    textTransform: 'uppercase',\n    color: theme.palette.primary.text7,\n    lineHeight: '24px',\n    fontWeight: 500,\n    letterSpacing: '1px',\n    position: 'absolute',\n    top: 36,\n  },\n  time: { marginTop: 42 },\n  timing: {\n    fontFamily: 'Roboto',\n    fontSize: 36,\n    lineHeight: '24px',\n    letterSpacing: 0.4,\n    fontWeight: 300,\n    color: theme.palette.background.b9,\n  },\n  wirelineText: { color: WIRELINE_COLOR },\n  wirelineDot: { backgroundColor: WIRELINE_COLOR },\n  fracturingText: { color: FRACTURING_COLOR },\n  fracturingDot: { backgroundColor: FRACTURING_COLOR },\n  legend: { marginTop: 24 },\n  legendItem: {\n    fontFamily: 'Roboto',\n    fontSize: 12,\n    lineHeight: '14px',\n    letterSpacing: 0.4,\n    display: 'flex',\n    margin: '2px 0',\n    alignItems: 'center',\n  },\n  dot: {\n    width: 8,\n    height: 8,\n    borderRadius: '100%',\n    marginRight: 9,\n  },\n  chart: {\n    position: 'absolute',\n    left: 2,\n    top: 2,\n    width: '100%',\n    height: '100%',\n    padding: '12px',\n  },\n  noData: {\n    width: 90,\n    height: 90,\n  },\n  noDataText: {\n    marginTop: 24,\n    color: '#9E9E9E',\n    display: 'flex',\n    justifyContent: 'center',\n  },\n  canvas: {\n    width: '100%',\n    height: '100%',\n  },\n  activities: {\n    position: 'absolute',\n    left: 12,\n    top: 12,\n  },\n}));\n\nconst CANVAS_WH = 200;\n\nconst HOURS_24 = 24 * 60 * 60;\n\nfunction drawActivity(activityRef, centerX, centerY, radius, startPos, endPos, color, isRounded) {\n  const ref = activityRef.current;\n  if (ref) {\n    ref.width = CANVAS_WH;\n    ref.height = CANVAS_WH;\n    ref.style.width = `${CANVAS_WH}px`;\n    ref.style.height = `${CANVAS_WH}px`;\n\n    const activityContext = ref.getContext('2d');\n\n    drawDonutSlice(activityContext, centerX, centerY, radius, startPos, endPos, color, isRounded);\n  }\n}\n\nfunction FracWirelineTimeChart({ wirelineTime, fracturingTime }) {\n  const classes = useStyles();\n  const canvasRef = useRef(null);\n  const wirelineRef = useRef(null);\n  const fracingRef = useRef(null);\n\n  const totalTime = HOURS_24;\n\n  useEffect(() => {\n    const canvas = canvasRef.current;\n\n    canvas.width = CANVAS_WH;\n    canvas.height = CANVAS_WH;\n    canvas.style.width = `${CANVAS_WH}px`;\n    canvas.style.height = `${CANVAS_WH}px`;\n\n    const radius = CANVAS_WH / 2;\n    const centerX = CANVAS_WH / 2;\n    const centerY = CANVAS_WH / 2;\n\n    const wirelineStartPos = ((wirelineTime * 60) / totalTime) * Math.PI * 2;\n    const fracStartPos = wirelineStartPos + ((fracturingTime * 60) / totalTime) * Math.PI * 2;\n\n    drawActivity(wirelineRef, centerX, centerY, radius, 0, wirelineStartPos, WIRELINE_COLOR, true);\n\n    drawActivity(\n      fracingRef,\n      centerX,\n      centerY,\n      radius,\n      wirelineStartPos,\n      fracStartPos,\n      FRACTURING_COLOR,\n      true\n    );\n  });\n\n  return (\n    <div className={classes.root}>\n      <div\n        className={classnames(classes.backgroundRoot, {\n          [classes.emptyStateBackground]: !wirelineTime || !fracturingTime,\n        })}\n      >\n        <div className={classes.dropShadowRoot} />\n      </div>\n\n      <div className={classes.content}>\n        <Typography className={classes.timeRange}>Previous 24hrs</Typography>\n        {wirelineTime && fracturingTime ? (\n          <>\n            <div className={classes.time}>\n              <Typography\n                className={classnames(classes.timing, classes.wirelineText)}\n                display=\"inline\"\n              >\n                {(wirelineTime / 60).toFixed(1)}\n              </Typography>\n              <Typography className={classes.timing} display=\"inline\">\n                /\n              </Typography>\n              <Typography\n                className={classnames(classes.timing, classes.fracturingText)}\n                display=\"inline\"\n              >\n                {(fracturingTime / 60).toFixed(1)}\n              </Typography>\n              <Typography display=\"inline\"> h</Typography>\n            </div>\n            <div className={classes.legend}>\n              <Typography className={classes.legendItem} display=\"inline\">\n                <div className={classnames(classes.dot, classes.wirelineDot)} /> Wireline\n              </Typography>\n              <Typography className={classes.legendItem} display=\"inline\">\n                <div className={classnames(classes.dot, classes.fracturingDot)} />\n                Fracturing\n              </Typography>\n            </div>\n          </>\n        ) : (\n          <div className={classes.noData}>\n            <Typography className={classes.noDataText}>No Data</Typography>\n          </div>\n        )}\n      </div>\n\n      <div className={classes.chart}>\n        <canvas ref={canvasRef} className={classes.canvas} />\n        <canvas ref={wirelineRef} className={classes.activities} />\n        <canvas ref={fracingRef} className={classes.activities} />\n      </div>\n    </div>\n  );\n}\n\nFracWirelineTimeChart.propTypes = {\n  wirelineTime: PropTypes.number,\n  fracturingTime: PropTypes.number,\n};\n\nFracWirelineTimeChart.defaultProps = {\n  wirelineTime: undefined,\n  fracturingTime: undefined,\n};\n\nexport default FracWirelineTimeChart;\n"],"names":["WIRELINE_COLOR","FRACTURING_COLOR","useStyles","makeStyles","theme","root","width","height","borderRadius","padding","position","background","CircleGradientIcon","backgroundRepeat","backgroundRoot","border","display","alignItems","justifyContent","overflow","CircleGlowIcon","emptyStateBackground","dropShadowRoot","filter","content","flexDirection","left","top","timeRange","fontSize","textTransform","color","palette","primary","text7","lineHeight","fontWeight","letterSpacing","time","marginTop","timing","fontFamily","b9","wirelineText","wirelineDot","backgroundColor","fracturingText","fracturingDot","legend","legendItem","margin","dot","marginRight","chart","noData","noDataText","canvas","activities","CANVAS_WH","HOURS_24","drawActivity","activityRef","centerX","centerY","radius","startPos","endPos","isRounded","ref","current","style","activityContext","getContext","drawDonutSlice","FracWirelineTimeChart","wirelineTime","fracturingTime","classes","canvasRef","useRef","wirelineRef","fracingRef","totalTime","useEffect","wirelineStartPos","Math","PI","fracStartPos","_jsxs","_jsx","classnames","_Fragment","toFixed","propTypes","PropTypes","number","defaultProps","undefined"],"mappings":"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"}

package/components/WellSummary/WellSummaryItemLabel.js

@@ -1 +1,74 @@
-import e from"@babel/runtime/helpers/defineProperty";import i from"prop-types";import{makeStyles as o,Typography as t}from"@material-ui/core";import r from"classnames";import{isMobileDetected as l}from"../../utils/mobileDetect.js";import{jsxs as a,jsx as n}from"react/jsx-runtime";var p=o({labelRoot:{display:"flex",alignItems:"flex-start",height:function(e){return!e.isMobile&&16}},croppedRoot:{overflow:"hidden",marginRight:"10px","& $label":{whiteSpace:"nowrap",overflow:"hidden",textOverflow:"ellipsis"}},labelIcon:{width:16,height:16,minWidth:16,minHeight:16,marginRight:"8px",backgroundRepeat:"no-repeat",backgroundPosition:"center"},label:{color:"#9E9E9E",fontSize:"14px",lineHeight:"16px"}});function s(i){var o=i.item,s=i.textShrinked,m=p({isMobile:l});return a("div",{className:r(m.labelRoot,e({},m.croppedRoot,s)),children:[o.icon&&n("div",{className:m.labelIcon,style:{backgroundImage:"url(".concat(o.icon,")")}}),a(t,{className:m.label,children:[o.label,":"]})]})}s.propTypes={item:i.shape({key:i.string,label:i.string,icon:i.node}).isRequired,textShrinked:i.bool},s.defaultProps={textShrinked:!1};export{s as default};
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import PropTypes from 'prop-types';
+import { makeStyles, Typography } from '@material-ui/core';
+import classNames from 'classnames';
+import { isMobileDetected } from '../../utils/mobileDetect.js';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+var ICON_HEIGHT = 16;
+var useStyles = makeStyles({
+  labelRoot: {
+    display: 'flex',
+    alignItems: 'flex-start',
+    height: function height(_ref) {
+      var isMobile = _ref.isMobile;
+      return !isMobile && ICON_HEIGHT;
+    }
+  },
+  croppedRoot: {
+    overflow: 'hidden',
+    marginRight: '10px',
+    '& $label': {
+      whiteSpace: 'nowrap',
+      overflow: 'hidden',
+      textOverflow: 'ellipsis'
+    }
+  },
+  labelIcon: {
+    width: ICON_HEIGHT,
+    height: ICON_HEIGHT,
+    minWidth: ICON_HEIGHT,
+    minHeight: ICON_HEIGHT,
+    marginRight: '8px',
+    backgroundRepeat: 'no-repeat',
+    backgroundPosition: 'center'
+  },
+  label: {
+    color: '#9E9E9E',
+    fontSize: '14px',
+    lineHeight: '16px'
+  }
+});
+function WellSummaryItemLabel(_ref2) {
+  var item = _ref2.item,
+    textShrinked = _ref2.textShrinked;
+  var classes = useStyles({
+    isMobile: isMobileDetected
+  });
+  return /*#__PURE__*/jsxs("div", {
+    className: classNames(classes.labelRoot, _defineProperty({}, classes.croppedRoot, textShrinked)),
+    children: [item.icon && /*#__PURE__*/jsx("div", {
+      className: classes.labelIcon,
+      style: {
+        backgroundImage: "url(".concat(item.icon, ")")
+      }
+    }), /*#__PURE__*/jsxs(Typography, {
+      className: classes.label,
+      children: [item.label, ":"]
+    })]
+  });
+}
+WellSummaryItemLabel.propTypes = {
+  item: PropTypes.shape({
+    key: PropTypes.string,
+    label: PropTypes.string,
+    icon: PropTypes.node
+  }).isRequired,
+  textShrinked: PropTypes.bool
+};
+WellSummaryItemLabel.defaultProps = {
+  textShrinked: false
+};
+
+export { WellSummaryItemLabel as default };
+//# sourceMappingURL=WellSummaryItemLabel.js.map

package/components/WellSummary/WellSummaryItemLabel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"WellSummaryItemLabel.js","sources":["../../../src/components/WellSummary/WellSummaryItemLabel.js"],"sourcesContent":["import PropTypes from 'prop-types';\nimport { makeStyles, Typography } from '@material-ui/core';\nimport classnames from 'classnames';\n\nimport { isMobileDetected } from '~/utils/mobileDetect';\n\nconst ICON_HEIGHT = 16;\n\nconst useStyles = makeStyles({\n  labelRoot: {\n    display: 'flex',\n    alignItems: 'flex-start',\n    height: ({ isMobile }) => !isMobile && ICON_HEIGHT,\n  },\n  croppedRoot: {\n    overflow: 'hidden',\n    marginRight: '10px',\n    '& $label': {\n      whiteSpace: 'nowrap',\n      overflow: 'hidden',\n      textOverflow: 'ellipsis',\n    },\n  },\n  labelIcon: {\n    width: ICON_HEIGHT,\n    height: ICON_HEIGHT,\n    minWidth: ICON_HEIGHT,\n    minHeight: ICON_HEIGHT,\n    marginRight: '8px',\n    backgroundRepeat: 'no-repeat',\n    backgroundPosition: 'center',\n  },\n  label: {\n    color: '#9E9E9E',\n    fontSize: '14px',\n    lineHeight: '16px',\n  },\n});\n\nfunction WellSummaryItemLabel({ item, textShrinked }) {\n  const classes = useStyles({ isMobile: isMobileDetected });\n\n  return (\n    <div className={classnames(classes.labelRoot, { [classes.croppedRoot]: textShrinked })}>\n      {item.icon && (\n        <div className={classes.labelIcon} style={{ backgroundImage: `url(${item.icon})` }} />\n      )}\n      <Typography className={classes.label}>{item.label}:</Typography>\n    </div>\n  );\n}\n\nWellSummaryItemLabel.propTypes = {\n  item: PropTypes.shape({\n    key: PropTypes.string,\n    label: PropTypes.string,\n    icon: PropTypes.node,\n  }).isRequired,\n  textShrinked: PropTypes.bool,\n};\n\nWellSummaryItemLabel.defaultProps = {\n  textShrinked: false,\n};\n\nexport default WellSummaryItemLabel;\n"],"names":["ICON_HEIGHT","useStyles","makeStyles","labelRoot","display","alignItems","height","isMobile","croppedRoot","overflow","marginRight","whiteSpace","textOverflow","labelIcon","width","minWidth","minHeight","backgroundRepeat","backgroundPosition","label","color","fontSize","lineHeight","WellSummaryItemLabel","item","textShrinked","classes","isMobileDetected","_jsxs","classnames","icon","_jsx","backgroundImage","propTypes","PropTypes","shape","key","string","node","isRequired","bool","defaultProps"],"mappings":";;;;;;;AAMA,IAAMA,WAAW,GAAG,EAAE,CAAA;AAEtB,IAAMC,SAAS,GAAGC,UAAU,CAAC;AAC3BC,EAAAA,SAAS,EAAE;AACTC,IAAAA,OAAO,EAAE,MAAM;AACfC,IAAAA,UAAU,EAAE,YAAY;AACxBC,IAAAA,MAAM,EAAE,SAAA,MAAA,CAAA,IAAA,EAAA;MAAA,IAAGC,QAAQ,QAARA,QAAQ,CAAA;MAAA,OAAO,CAACA,QAAQ,IAAIP,WAAW,CAAA;AAAA,KAAA;GACnD;AACDQ,EAAAA,WAAW,EAAE;AACXC,IAAAA,QAAQ,EAAE,QAAQ;AAClBC,IAAAA,WAAW,EAAE,MAAM;AACnB,IAAA,UAAU,EAAE;AACVC,MAAAA,UAAU,EAAE,QAAQ;AACpBF,MAAAA,QAAQ,EAAE,QAAQ;AAClBG,MAAAA,YAAY,EAAE,UAAA;AAChB,KAAA;GACD;AACDC,EAAAA,SAAS,EAAE;AACTC,IAAAA,KAAK,EAAEd,WAAW;AAClBM,IAAAA,MAAM,EAAEN,WAAW;AACnBe,IAAAA,QAAQ,EAAEf,WAAW;AACrBgB,IAAAA,SAAS,EAAEhB,WAAW;AACtBU,IAAAA,WAAW,EAAE,KAAK;AAClBO,IAAAA,gBAAgB,EAAE,WAAW;AAC7BC,IAAAA,kBAAkB,EAAE,QAAA;GACrB;AACDC,EAAAA,KAAK,EAAE;AACLC,IAAAA,KAAK,EAAE,SAAS;AAChBC,IAAAA,QAAQ,EAAE,MAAM;AAChBC,IAAAA,UAAU,EAAE,MAAA;AACd,GAAA;AACF,CAAC,CAAC,CAAA;AAEF,SAASC,oBAAoB,CAAyB,KAAA,EAAA;EAAA,IAAtBC,IAAI,SAAJA,IAAI;AAAEC,IAAAA,YAAY,SAAZA,YAAY,CAAA;EAChD,IAAMC,OAAO,GAAGzB,SAAS,CAAC;AAAEM,IAAAA,QAAQ,EAAEoB,gBAAAA;AAAiB,GAAC,CAAC,CAAA;EAEzD,oBACEC,IAAA,CAAA,KAAA,EAAA;AAAK,IAAA,SAAS,EAAEC,UAAU,CAACH,OAAO,CAACvB,SAAS,EAAKuB,eAAAA,CAAAA,EAAAA,EAAAA,OAAO,CAAClB,WAAW,EAAGiB,YAAY,CAAI,CAAA;IAAA,QACpFD,EAAAA,CAAAA,IAAI,CAACM,IAAI,iBACRC,GAAA,CAAA,KAAA,EAAA;MAAK,SAAS,EAAEL,OAAO,CAACb,SAAU;AAAC,MAAA,KAAK,EAAE;QAAEmB,eAAe,EAAA,MAAA,CAAA,MAAA,CAASR,IAAI,CAACM,IAAI,EAAA,GAAA,CAAA;AAAI,OAAA;KAClF,CAAA,eACDF,KAAC,UAAU,EAAA;MAAC,SAAS,EAAEF,OAAO,CAACP,KAAM;MAAA,QAAEK,EAAAA,CAAAA,IAAI,CAACL,KAAK,EAAA,GAAA,CAAA;KAAe,CAAA,CAAA;GAC5D,CAAA,CAAA;AAEV,CAAA;AAEAI,oBAAoB,CAACU,SAAS,GAAG;AAC/BT,EAAAA,IAAI,EAAEU,SAAS,CAACC,KAAK,CAAC;IACpBC,GAAG,EAAEF,SAAS,CAACG,MAAM;IACrBlB,KAAK,EAAEe,SAAS,CAACG,MAAM;IACvBP,IAAI,EAAEI,SAAS,CAACI,IAAAA;GACjB,CAAC,CAACC,UAAU;EACbd,YAAY,EAAES,SAAS,CAACM,IAAAA;AAC1B,CAAC,CAAA;AAEDjB,oBAAoB,CAACkB,YAAY,GAAG;AAClChB,EAAAA,YAAY,EAAE,KAAA;AAChB,CAAC;;;;"}

package/components/WellSummary/WellSummaryItemTitle.js

@@ -1 +1,53 @@
-import e from"prop-types";import{makeStyles as t,Typography as o}from"@material-ui/core";import{jsxs as a,jsx as r}from"react/jsx-runtime";var l=t({labelRoot:{display:"flex",alignItems:"flex-start"},labelIcon:{width:"16px",height:"16px",marginRight:"8px",backgroundRepeat:"no-repeat",backgroundPosition:"center"},label:{color:"#9E9E9E",fontFamily:"Roboto",fontStyle:"normal",fontWeight:500,fontSize:10,lineHeight:"12px",letterSpacing:"1px",textTransform:"uppercase"}});function i(e){var t=e.item,i=l();return a("div",{className:i.labelRoot,children:[t.icon&&r("div",{className:i.labelIcon,style:{backgroundImage:"url(".concat(t.icon,")")}}),a(o,{className:i.label,children:[t.label,":"]})]})}i.propTypes={item:e.shape({key:e.string,label:e.string,icon:e.node}).isRequired};export{i as default};
+import PropTypes from 'prop-types';
+import { makeStyles, Typography } from '@material-ui/core';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+var useStyles = makeStyles({
+  labelRoot: {
+    display: 'flex',
+    alignItems: 'flex-start'
+  },
+  labelIcon: {
+    width: '16px',
+    height: '16px',
+    marginRight: '8px',
+    backgroundRepeat: 'no-repeat',
+    backgroundPosition: 'center'
+  },
+  label: {
+    color: '#9E9E9E',
+    fontFamily: 'Roboto',
+    fontStyle: 'normal',
+    fontWeight: 500,
+    fontSize: 10,
+    lineHeight: '12px',
+    letterSpacing: '1px',
+    textTransform: 'uppercase'
+  }
+});
+function WellSummaryItemTitle(_ref) {
+  var item = _ref.item;
+  var classes = useStyles();
+  return /*#__PURE__*/jsxs("div", {
+    className: classes.labelRoot,
+    children: [item.icon && /*#__PURE__*/jsx("div", {
+      className: classes.labelIcon,
+      style: {
+        backgroundImage: "url(".concat(item.icon, ")")
+      }
+    }), /*#__PURE__*/jsxs(Typography, {
+      className: classes.label,
+      children: [item.label, ":"]
+    })]
+  });
+}
+WellSummaryItemTitle.propTypes = {
+  item: PropTypes.shape({
+    key: PropTypes.string,
+    label: PropTypes.string,
+    icon: PropTypes.node
+  }).isRequired
+};
+
+export { WellSummaryItemTitle as default };
+//# sourceMappingURL=WellSummaryItemTitle.js.map

package/components/WellSummary/WellSummaryItemTitle.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"WellSummaryItemTitle.js","sources":["../../../src/components/WellSummary/WellSummaryItemTitle.js"],"sourcesContent":["import PropTypes from 'prop-types';\nimport { makeStyles, Typography } from '@material-ui/core';\n\nconst useStyles = makeStyles({\n  labelRoot: {\n    display: 'flex',\n    alignItems: 'flex-start',\n  },\n  labelIcon: {\n    width: '16px',\n    height: '16px',\n    marginRight: '8px',\n    backgroundRepeat: 'no-repeat',\n    backgroundPosition: 'center',\n  },\n  label: {\n    color: '#9E9E9E',\n    fontFamily: 'Roboto',\n    fontStyle: 'normal',\n    fontWeight: 500,\n    fontSize: 10,\n    lineHeight: '12px',\n    letterSpacing: '1px',\n    textTransform: 'uppercase',\n  },\n});\n\nfunction WellSummaryItemTitle({ item }) {\n  const classes = useStyles();\n\n  return (\n    <div className={classes.labelRoot}>\n      {item.icon && (\n        <div className={classes.labelIcon} style={{ backgroundImage: `url(${item.icon})` }} />\n      )}\n      <Typography className={classes.label}>{item.label}:</Typography>\n    </div>\n  );\n}\n\nWellSummaryItemTitle.propTypes = {\n  item: PropTypes.shape({\n    key: PropTypes.string,\n    label: PropTypes.string,\n    icon: PropTypes.node,\n  }).isRequired,\n};\n\nexport default WellSummaryItemTitle;\n"],"names":["useStyles","makeStyles","labelRoot","display","alignItems","labelIcon","width","height","marginRight","backgroundRepeat","backgroundPosition","label","color","fontFamily","fontStyle","fontWeight","fontSize","lineHeight","letterSpacing","textTransform","WellSummaryItemTitle","item","classes","_jsxs","icon","_jsx","backgroundImage","propTypes","PropTypes","shape","key","string","node","isRequired"],"mappings":";;;;AAGA,IAAMA,SAAS,GAAGC,UAAU,CAAC;AAC3BC,EAAAA,SAAS,EAAE;AACTC,IAAAA,OAAO,EAAE,MAAM;AACfC,IAAAA,UAAU,EAAE,YAAA;GACb;AACDC,EAAAA,SAAS,EAAE;AACTC,IAAAA,KAAK,EAAE,MAAM;AACbC,IAAAA,MAAM,EAAE,MAAM;AACdC,IAAAA,WAAW,EAAE,KAAK;AAClBC,IAAAA,gBAAgB,EAAE,WAAW;AAC7BC,IAAAA,kBAAkB,EAAE,QAAA;GACrB;AACDC,EAAAA,KAAK,EAAE;AACLC,IAAAA,KAAK,EAAE,SAAS;AAChBC,IAAAA,UAAU,EAAE,QAAQ;AACpBC,IAAAA,SAAS,EAAE,QAAQ;AACnBC,IAAAA,UAAU,EAAE,GAAG;AACfC,IAAAA,QAAQ,EAAE,EAAE;AACZC,IAAAA,UAAU,EAAE,MAAM;AAClBC,IAAAA,aAAa,EAAE,KAAK;AACpBC,IAAAA,aAAa,EAAE,WAAA;AACjB,GAAA;AACF,CAAC,CAAC,CAAA;AAEF,SAASC,oBAAoB,CAAW,IAAA,EAAA;EAAA,IAARC,IAAI,QAAJA,IAAI,CAAA;EAClC,IAAMC,OAAO,GAAGtB,SAAS,EAAE,CAAA;EAE3B,oBACEuB,IAAA,CAAA,KAAA,EAAA;IAAK,SAAS,EAAED,OAAO,CAACpB,SAAU;IAAA,QAC/BmB,EAAAA,CAAAA,IAAI,CAACG,IAAI,iBACRC,GAAA,CAAA,KAAA,EAAA;MAAK,SAAS,EAAEH,OAAO,CAACjB,SAAU;AAAC,MAAA,KAAK,EAAE;QAAEqB,eAAe,EAAA,MAAA,CAAA,MAAA,CAASL,IAAI,CAACG,IAAI,EAAA,GAAA,CAAA;AAAI,OAAA;KAClF,CAAA,eACDD,KAAC,UAAU,EAAA;MAAC,SAAS,EAAED,OAAO,CAACX,KAAM;MAAA,QAAEU,EAAAA,CAAAA,IAAI,CAACV,KAAK,EAAA,GAAA,CAAA;KAAe,CAAA,CAAA;GAC5D,CAAA,CAAA;AAEV,CAAA;AAEAS,oBAAoB,CAACO,SAAS,GAAG;AAC/BN,EAAAA,IAAI,EAAEO,SAAS,CAACC,KAAK,CAAC;IACpBC,GAAG,EAAEF,SAAS,CAACG,MAAM;IACrBpB,KAAK,EAAEiB,SAAS,CAACG,MAAM;IACvBP,IAAI,EAAEI,SAAS,CAACI,IAAAA;AAClB,GAAC,CAAC,CAACC,UAAAA;AACL,CAAC;;;;"}