@corva/ui 3.1.0-rc.4 → 3.1.0-rc.5

package/components/OffsetWellButton/OffsetWellButton.js

@@ -1 +1,193 @@
-import{jsxs as o,jsx as i}from"react/jsx-runtime";import{useState as s}from"react";import t from"prop-types";import n from"classnames";import{makeStyles as e,Typography as c,Tooltip as r}from"@material-ui/core";import{Info as a}from"@material-ui/icons";import l from"../IconButton/index.js";import{WriteIcon as m,UpIcon as p,DownIcon as d}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/Wellhub.js";import"../../icons/customIcons/icons/MultiRuler.js";import"../../icons/customIcons/icons/Checkbox.js";import"../../icons/customIcons/icons/CheckboxChecked.js";import"../../icons/customIcons/icons/CheckboxIndeterminate.js";import"../../icons/customIcons/icons/Radio.js";import"../../icons/customIcons/icons/RadioChecked.js";import"../../icons/customIcons/icons/SimulFrac.js";import"../../icons/customIcons/icons/ZipperFrac.js";import"../../icons/customIcons/icons/CautionFilled.js";import"../../icons/customIcons/icons/MoreApp.js";import"../../icons/customIcons/icons/Pad.js";import"../../icons/customIcons/icons/Gap.js";var u=e((function(o){var i=o.palette;return{disabled:{opacity:.4,pointerEvents:"none"},offsetContainer:{cursor:"pointer",display:"flex",whiteSpace:"nowrap",flexWrap:"nowrap",alignItems:"center",width:"fit-content"},hoveredContainer:{backgroundColor:"rgba(255, 255, 255, 0.16)",color:i.primary.light},offsetText:{color:i.primary.text6,fontSize:12,paddingRight:4,"&:hover":{color:i.primary.contrastText}},buttons:{display:"flex",alignItems:"center"},isActive:{color:i.primary.contrastText},primaryIcon:{"&:hover":{backgroundColor:"rgba(255, 255, 255, 0.16)"}},infoIcon:{marginRight:"8px",fontSize:"20px",color:i.info.light},infoTooltip:{maxWidth:"264px"}}})),f=function(t){var e=t.onClick,f=t.wells,I=t.label,b=t.disabled,h=t.expanded,x=t.onExpand,j=t.offsetWellsLimited,C=t.isTooltipDisabled,g=t.iconElement,v=s(!1),y=v[0],k=v[1],E=u(),T=f.length,W=!(!T||!x),w=o("div",{"data-testid":"offsetWellsButton",className:n(E.offsetContainer,b&&E.disabled),onClick:e,onMouseMove:function(o){var i=o.target,s=i.parentNode;i.getAttribute("data-icon")||s.getAttribute("data-icon")?k(!1):k(!0)},onMouseLeave:function(){k(!1)},children:[o(c,{className:n(E.offsetText,y&&E.isActive),children:[I," (",T,")"]}),i(l,{className:n(E.primaryIcon,y&&E.hoveredContainer),color:"primary",size:"medium",children:g||i(m,{size:24})})]});return o("div",{className:E.buttons,children:[j&&i(r,{title:"".concat(I," list wasn't populated completely due to technical limitations of the app."),classes:{tooltip:E.infoTooltip},children:i(a,{className:E.infoIcon})}),i(r,{title:"Edit ".concat(I),placement:"bottom",children:w}),W&&i(l,{"data-testid":"expandOffsetWellChipsTabButton",tooltipProps:!C&&{title:h?"Collapse ".concat(I):"Expand ".concat(I)},onClick:function(o){o.stopPropagation(),x()},color:"default",size:"medium","data-icon":"expandIcon",children:i(h?p:d,{"data-icon":"expandIcon"})})]})},I={onClick:t.func.isRequired,wells:t.arrayOf(t.shape({id:t.number,title:t.string})),label:t.string,disabled:t.bool,onExpand:t.func,expanded:t.bool,offsetWellsLimited:t.bool,isTooltipDisabled:t.bool,iconElement:t.node};f.propTypes=I,f.defaultProps={onExpand:null,expanded:!1,wells:[],disabled:!1,offsetWellsLimited:!1,isTooltipDisabled:!1,label:"Offset Wells",iconElement:null};export{f as default};
+import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
+import { useState } from 'react';
+import PropTypes from 'prop-types';
+import classNames from 'classnames';
+import { makeStyles, Typography, Tooltip } from '@material-ui/core';
+import { Info } from '@material-ui/icons';
+import IconButton from '../IconButton/index.js';
+import { WriteIcon, UpIcon, DownIcon } 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/Wellhub.js';
+import '../../icons/customIcons/icons/MultiRuler.js';
+import '../../icons/customIcons/icons/Checkbox.js';
+import '../../icons/customIcons/icons/CheckboxChecked.js';
+import '../../icons/customIcons/icons/CheckboxIndeterminate.js';
+import '../../icons/customIcons/icons/Radio.js';
+import '../../icons/customIcons/icons/RadioChecked.js';
+import '../../icons/customIcons/icons/SimulFrac.js';
+import '../../icons/customIcons/icons/ZipperFrac.js';
+import '../../icons/customIcons/icons/CautionFilled.js';
+import '../../icons/customIcons/icons/MoreApp.js';
+import '../../icons/customIcons/icons/Pad.js';
+import '../../icons/customIcons/icons/Gap.js';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+var useStyles = makeStyles(function (_ref) {
+  var palette = _ref.palette;
+  return {
+    disabled: {
+      opacity: 0.4,
+      pointerEvents: 'none'
+    },
+    offsetContainer: {
+      cursor: 'pointer',
+      display: 'flex',
+      whiteSpace: 'nowrap',
+      flexWrap: 'nowrap',
+      alignItems: 'center',
+      width: 'fit-content'
+    },
+    hoveredContainer: {
+      backgroundColor: 'rgba(255, 255, 255, 0.16)',
+      color: palette.primary.light
+    },
+    offsetText: {
+      color: palette.primary.text6,
+      fontSize: 12,
+      paddingRight: 4,
+      '&:hover': {
+        color: palette.primary.contrastText
+      }
+    },
+    buttons: {
+      display: 'flex',
+      alignItems: 'center'
+    },
+    isActive: {
+      color: palette.primary.contrastText
+    },
+    primaryIcon: {
+      '&:hover': {
+        backgroundColor: 'rgba(255, 255, 255, 0.16)'
+      }
+    },
+    infoIcon: {
+      marginRight: '8px',
+      fontSize: '20px',
+      color: palette.info.light
+    },
+    infoTooltip: {
+      maxWidth: '264px'
+    }
+  };
+});
+var OffsetWellButton = function OffsetWellButton(_ref2) {
+  var onClick = _ref2.onClick,
+    wells = _ref2.wells,
+    label = _ref2.label,
+    disabled = _ref2.disabled,
+    expanded = _ref2.expanded,
+    onExpand = _ref2.onExpand,
+    offsetWellsLimited = _ref2.offsetWellsLimited,
+    isTooltipDisabled = _ref2.isTooltipDisabled,
+    iconElement = _ref2.iconElement;
+  var _useState = useState(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    isHovered = _useState2[0],
+    setIsHovered = _useState2[1];
+  var styles = useStyles();
+  var wellsCount = wells.length;
+  var canBeExpanded = !!(wellsCount && onExpand);
+  var handleWellsExpand = function handleWellsExpand(event) {
+    event.stopPropagation();
+    onExpand();
+  };
+  var handleButtonHover = function handleButtonHover(_ref3) {
+    var target = _ref3.target;
+    var parentNode = target.parentNode;
+    if (target.getAttribute('data-icon') || parentNode.getAttribute('data-icon')) {
+      setIsHovered(false);
+      return;
+    }
+    setIsHovered(true);
+  };
+  var handleButtonHoverLeave = function handleButtonHoverLeave() {
+    setIsHovered(false);
+  };
+  var editButtonContent = /*#__PURE__*/jsxs("div", {
+    "data-testid": "offsetWellsButton",
+    className: classNames(styles.offsetContainer, disabled && styles.disabled),
+    onClick: onClick,
+    onMouseMove: handleButtonHover,
+    onMouseLeave: handleButtonHoverLeave,
+    children: [/*#__PURE__*/jsxs(Typography, {
+      className: classNames(styles.offsetText, isHovered && styles.isActive),
+      children: [label, " (", wellsCount, ")"]
+    }), /*#__PURE__*/jsx(IconButton, {
+      className: classNames(styles.primaryIcon, isHovered && styles.hoveredContainer),
+      color: "primary",
+      size: "medium",
+      children: iconElement ? iconElement : /*#__PURE__*/jsx(WriteIcon, {
+        size: 24
+      })
+    })]
+  });
+  return /*#__PURE__*/jsxs("div", {
+    className: styles.buttons,
+    children: [offsetWellsLimited && /*#__PURE__*/jsx(Tooltip, {
+      title: "".concat(label, " list wasn't populated completely due to technical limitations of the app."),
+      classes: {
+        tooltip: styles.infoTooltip
+      },
+      children: /*#__PURE__*/jsx(Info, {
+        className: styles.infoIcon
+      })
+    }), /*#__PURE__*/jsx(Tooltip, {
+      title: "Edit ".concat(label),
+      placement: "bottom",
+      children: editButtonContent
+    }), canBeExpanded && /*#__PURE__*/jsx(IconButton, {
+      "data-testid": "expandOffsetWellChipsTabButton",
+      tooltipProps: !isTooltipDisabled && {
+        title: expanded ? "Collapse ".concat(label) : "Expand ".concat(label)
+      },
+      onClick: handleWellsExpand,
+      color: "default",
+      size: "medium",
+      "data-icon": "expandIcon",
+      children: expanded ? /*#__PURE__*/jsx(UpIcon, {
+        "data-icon": "expandIcon"
+      }) : /*#__PURE__*/jsx(DownIcon, {
+        "data-icon": "expandIcon"
+      })
+    })]
+  });
+};
+var offsetWellButtonPropTypes = {
+  onClick: PropTypes.func.isRequired,
+  wells: PropTypes.arrayOf(PropTypes.shape({
+    id: PropTypes.number,
+    title: PropTypes.string
+  })),
+  label: PropTypes.string,
+  disabled: PropTypes.bool,
+  onExpand: PropTypes.func,
+  expanded: PropTypes.bool,
+  offsetWellsLimited: PropTypes.bool,
+  isTooltipDisabled: PropTypes.bool,
+  iconElement: PropTypes.node
+};
+OffsetWellButton.propTypes = offsetWellButtonPropTypes;
+OffsetWellButton.defaultProps = {
+  onExpand: null,
+  expanded: false,
+  wells: [],
+  disabled: false,
+  offsetWellsLimited: false,
+  isTooltipDisabled: false,
+  label: 'Offset Wells',
+  iconElement: null
+};
+
+export { OffsetWellButton as default };
+//# sourceMappingURL=OffsetWellButton.js.map

package/components/OffsetWellButton/OffsetWellButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"OffsetWellButton.js","sources":["../../../src/components/OffsetWellButton/OffsetWellButton.tsx"],"sourcesContent":["import { useState } from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\nimport { Typography, makeStyles, Tooltip } from '@material-ui/core';\nimport { Info as InfoIcon } from '@material-ui/icons';\nimport IconButton from '~/components/IconButton';\nimport { DownIcon, UpIcon, WriteIcon } from '~/icons';\n\nconst useStyles = makeStyles(({ palette }) => ({\n  disabled: {\n    opacity: 0.4,\n    pointerEvents: 'none',\n  },\n  offsetContainer: {\n    cursor: 'pointer',\n    display: 'flex',\n    whiteSpace: 'nowrap',\n    flexWrap: 'nowrap',\n    alignItems: 'center',\n    width: 'fit-content',\n  },\n  hoveredContainer: {\n    backgroundColor: 'rgba(255, 255, 255, 0.16)',\n    color: palette.primary.light,\n  },\n  offsetText: {\n    color: palette.primary.text6,\n    fontSize: 12,\n    paddingRight: 4,\n    '&:hover': {\n      color: palette.primary.contrastText,\n    },\n  },\n  buttons: {\n    display: 'flex',\n    alignItems: 'center',\n  },\n  isActive: {\n    color: palette.primary.contrastText,\n  },\n  primaryIcon: {\n    '&:hover': {\n      backgroundColor: 'rgba(255, 255, 255, 0.16)',\n    },\n  },\n  infoIcon: {\n    marginRight: '8px',\n    fontSize: '20px',\n    color: palette.info.light,\n  },\n  infoTooltip: {\n    maxWidth: '264px',\n  },\n}));\n\ntype OffsetWellButtonProps = PropTypes.InferProps<typeof offsetWellButtonPropTypes>;\n\nconst OffsetWellButton = ({\n  onClick,\n  wells,\n  label,\n  disabled,\n  expanded,\n  onExpand,\n  offsetWellsLimited,\n  isTooltipDisabled,\n  iconElement,\n}: OffsetWellButtonProps): JSX.Element => {\n  const [isHovered, setIsHovered] = useState(false);\n  const styles = useStyles();\n\n  const wellsCount = wells.length;\n  const canBeExpanded = !!(wellsCount && onExpand);\n\n  const handleWellsExpand = event => {\n    event.stopPropagation();\n    onExpand();\n  };\n\n  const handleButtonHover = ({ target }) => {\n    const { parentNode } = target;\n    if (target.getAttribute('data-icon') || parentNode.getAttribute('data-icon')) {\n      setIsHovered(false);\n      return;\n    }\n\n    setIsHovered(true);\n  };\n\n  const handleButtonHoverLeave = () => {\n    setIsHovered(false);\n  };\n\n  const editButtonContent = (\n    <div\n      data-testid=\"offsetWellsButton\"\n      className={classNames(styles.offsetContainer, disabled && styles.disabled)}\n      onClick={onClick}\n      onMouseMove={handleButtonHover}\n      onMouseLeave={handleButtonHoverLeave}\n    >\n      <Typography className={classNames(styles.offsetText, isHovered && styles.isActive)}>\n        {label} ({wellsCount})\n      </Typography>\n      <IconButton\n        className={classNames(styles.primaryIcon, isHovered && styles.hoveredContainer)}\n        color=\"primary\"\n        size=\"medium\"\n      >\n        {iconElement ? iconElement : <WriteIcon size={24} />}\n      </IconButton>\n    </div>\n  );\n\n  return (\n    <div className={styles.buttons}>\n      {offsetWellsLimited && (\n        <Tooltip\n          title={`${label} list wasn't populated completely due to technical limitations of the app.`}\n          classes={{ tooltip: styles.infoTooltip }}\n        >\n          <InfoIcon className={styles.infoIcon} />\n        </Tooltip>\n      )}\n      <Tooltip title={`Edit ${label}`} placement=\"bottom\">\n        {editButtonContent}\n      </Tooltip>\n      {canBeExpanded && (\n        <IconButton\n          data-testid=\"expandOffsetWellChipsTabButton\"\n          tooltipProps={\n            !isTooltipDisabled && {\n              title: expanded ? `Collapse ${label}` : `Expand ${label}`,\n            }\n          }\n          onClick={handleWellsExpand}\n          color=\"default\"\n          size=\"medium\"\n          data-icon=\"expandIcon\"\n        >\n          {expanded ? <UpIcon data-icon=\"expandIcon\" /> : <DownIcon data-icon=\"expandIcon\" />}\n        </IconButton>\n      )}\n    </div>\n  );\n};\n\nconst offsetWellButtonPropTypes = {\n  onClick: PropTypes.func.isRequired,\n  wells: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.number,\n      title: PropTypes.string,\n    })\n  ),\n  label: PropTypes.string,\n  disabled: PropTypes.bool,\n  onExpand: PropTypes.func,\n  expanded: PropTypes.bool,\n  offsetWellsLimited: PropTypes.bool,\n  isTooltipDisabled: PropTypes.bool,\n  iconElement: PropTypes.node,\n};\n\nOffsetWellButton.propTypes = offsetWellButtonPropTypes;\n\nOffsetWellButton.defaultProps = {\n  onExpand: null,\n  expanded: false,\n  wells: [],\n  disabled: false,\n  offsetWellsLimited: false,\n  isTooltipDisabled: false,\n  label: 'Offset Wells',\n  iconElement: null,\n};\n\nexport default OffsetWellButton;\n"],"names":["useStyles","makeStyles","palette","disabled","opacity","pointerEvents","offsetContainer","cursor","display","whiteSpace","flexWrap","alignItems","width","hoveredContainer","backgroundColor","color","primary","light","offsetText","text6","fontSize","paddingRight","contrastText","buttons","isActive","primaryIcon","infoIcon","marginRight","info","infoTooltip","maxWidth","OffsetWellButton","onClick","wells","label","expanded","onExpand","offsetWellsLimited","isTooltipDisabled","iconElement","useState","isHovered","setIsHovered","styles","wellsCount","length","canBeExpanded","handleWellsExpand","event","stopPropagation","handleButtonHover","target","parentNode","getAttribute","handleButtonHoverLeave","editButtonContent","_jsxs","classNames","_jsx","tooltip","InfoIcon","title","offsetWellButtonPropTypes","PropTypes","func","isRequired","arrayOf","shape","id","number","string","bool","node","propTypes","defaultProps"],"mappings":"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"}

package/components/OffsetWellChips/Chip.js

@@ -1 +1,155 @@
-import{jsxs as t,jsx as e,Fragment as o}from"react/jsx-runtime";import{useState as i}from"react";import{makeStyles as r,Tooltip as a,Chip as l}from"@material-ui/core";import{Close as n}from"@material-ui/icons";import c from"../MiddleTruncate/MiddleTruncate.js";import s from"../../utils/main.js";import m from"./icons/SubjectIcon.js";var p=r((function(t){return{chipRoot:{position:"relative",height:30,padding:"7px 12px",fontSize:12,color:t.palette.primary.text6,margin:"2px 4px","&:hover":{cursor:"pointer",backgroundColor:"rgba(255, 255, 255, 0.1)",color:t.palette.primary.contrastText}},root:{width:"100%",display:"flex",alignItems:"center"},label:{padding:0},mark:{marginRight:4,width:8,height:8,borderRadius:8},subject:{display:"flex",marginRight:4},closeIcon:{fontSize:"1rem",marginLeft:"4px"},closeArea:{position:"absolute",top:0,right:0,width:32,height:30},tooltip:{marginTop:"8px"},titleContainer:{display:"flex",alignItems:"center"}}})),d=function(r){var d=r.title,u=r.onClick,h=r.markColor,f=r.isSubject,g=r.rigName,x=r.maxWidth,b=r.wellId,k=r.onRemoveOffsetWell,C=r.isShowMark,v=i(null),j=v[0],N=v[1],R=p({isShowMark:C}),S=!!j,w=g?"".concat(d," | ").concat(g):d,y=h||"#".concat(s.getColorFromString(d)),I=t("div",{className:R.root,children:[e(a,{title:S?w:g,classes:{popper:R.tooltip},children:t("div",{className:R.titleContainer,children:[e("span",f?{className:R.subject,children:e(m,{})}:{style:{backgroundColor:y,display:C?"block":"none"},className:R.mark}),e(c,{onTruncate:function(t){N(t)},truncatedText:j,maxWidth:x,children:d})]})}),!f&&!!k&&t(o,{children:[e(n,{className:R.closeIcon}),e(a,{title:"Remove",classes:{popper:R.tooltip},children:e("div",{className:R.closeArea,onClick:function(t){t.stopPropagation(),k&&k(b)}})})]})]});return e(l,{"data-not-migrated-MuiChip":!0,variant:"outlined",size:"medium",label:I,classes:{root:R.chipRoot,label:R.label},onClick:function(t){return u&&u(t,b)},"data-testid":"".concat(d,"_offsetWellChip")})};d.defaultProps={onClick:null,markColor:null,maxWidth:200,rigName:null,isShowMark:!0,onRemoveOffsetWell:null};export{d as default};
+import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
+import { useState } from 'react';
+import { makeStyles, Tooltip, Chip } from '@material-ui/core';
+import { Close } from '@material-ui/icons';
+import MiddleTruncate from '../MiddleTruncate/MiddleTruncate.js';
+import utils from '../../utils/main.js';
+import SubjectIcon from './icons/SubjectIcon.js';
+import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
+
+var useStyles = makeStyles(function (theme) {
+  return {
+    chipRoot: {
+      position: 'relative',
+      height: 30,
+      padding: '7px 12px',
+      fontSize: 12,
+      color: theme.palette.primary.text6,
+      margin: '2px 4px',
+      '&:hover': {
+        cursor: 'pointer',
+        backgroundColor: 'rgba(255, 255, 255, 0.1)',
+        color: theme.palette.primary.contrastText
+      }
+    },
+    root: {
+      width: '100%',
+      display: 'flex',
+      alignItems: 'center'
+    },
+    label: {
+      padding: 0
+    },
+    mark: {
+      marginRight: 4,
+      width: 8,
+      height: 8,
+      borderRadius: 8
+    },
+    subject: {
+      display: 'flex',
+      marginRight: 4
+    },
+    closeIcon: {
+      fontSize: '1rem',
+      marginLeft: '4px'
+    },
+    closeArea: {
+      position: 'absolute',
+      top: 0,
+      right: 0,
+      width: 32,
+      height: 30
+    },
+    tooltip: {
+      marginTop: '8px'
+    },
+    titleContainer: {
+      display: 'flex',
+      alignItems: 'center'
+    }
+  };
+});
+var OffsetWellChip = function OffsetWellChip(_ref) {
+  var title = _ref.title,
+    _onClick = _ref.onClick,
+    markColor = _ref.markColor,
+    isSubject = _ref.isSubject,
+    rigName = _ref.rigName,
+    maxWidth = _ref.maxWidth,
+    wellId = _ref.wellId,
+    onRemoveOffsetWell = _ref.onRemoveOffsetWell,
+    isShowMark = _ref.isShowMark;
+  var _useState = useState(null),
+    _useState2 = _slicedToArray(_useState, 2),
+    truncatedText = _useState2[0],
+    setTruncatedText = _useState2[1];
+  var styles = useStyles({
+    isShowMark: isShowMark
+  });
+  var isTruncated = !!truncatedText;
+  var fullTooltip = rigName ? "".concat(title, " | ").concat(rigName) : title;
+  var handleTruncatedText = function handleTruncatedText(truncatedText) {
+    setTruncatedText(truncatedText);
+  };
+  var handleRemoveWell = function handleRemoveWell(e) {
+    e.stopPropagation();
+    if (onRemoveOffsetWell) onRemoveOffsetWell(wellId);
+  };
+  var markBackgroundColor = markColor || "#".concat(utils.getColorFromString(title));
+  var label = /*#__PURE__*/jsxs("div", {
+    className: styles.root,
+    children: [/*#__PURE__*/jsx(Tooltip, {
+      title: isTruncated ? fullTooltip : rigName,
+      classes: {
+        popper: styles.tooltip
+      },
+      children: /*#__PURE__*/jsxs("div", {
+        className: styles.titleContainer,
+        children: [isSubject ? /*#__PURE__*/jsx("span", {
+          className: styles.subject,
+          children: /*#__PURE__*/jsx(SubjectIcon, {})
+        }) : /*#__PURE__*/jsx("span", {
+          style: {
+            backgroundColor: markBackgroundColor,
+            display: isShowMark ? 'block' : 'none'
+          },
+          className: styles.mark
+        }), /*#__PURE__*/jsx(MiddleTruncate, {
+          onTruncate: handleTruncatedText,
+          truncatedText: truncatedText,
+          maxWidth: maxWidth,
+          children: title
+        })]
+      })
+    }), !isSubject && !!onRemoveOffsetWell && /*#__PURE__*/jsxs(Fragment, {
+      children: [/*#__PURE__*/jsx(Close, {
+        className: styles.closeIcon
+      }), /*#__PURE__*/jsx(Tooltip, {
+        title: "Remove",
+        classes: {
+          popper: styles.tooltip
+        },
+        children: /*#__PURE__*/jsx("div", {
+          className: styles.closeArea,
+          onClick: handleRemoveWell
+        })
+      })]
+    })]
+  });
+  return /*#__PURE__*/jsx(Chip, {
+    "data-not-migrated-MuiChip": true,
+    variant: "outlined",
+    size: "medium",
+    label: label,
+    classes: {
+      root: styles.chipRoot,
+      label: styles.label
+    },
+    onClick: function onClick(e) {
+      return _onClick && _onClick(e, wellId);
+    },
+    "data-testid": "".concat(title, "_offsetWellChip")
+  });
+};
+OffsetWellChip.defaultProps = {
+  onClick: null,
+  markColor: null,
+  maxWidth: 200,
+  rigName: null,
+  isShowMark: true,
+  onRemoveOffsetWell: null
+};
+
+export { OffsetWellChip as default };
+//# sourceMappingURL=Chip.js.map

package/components/OffsetWellChips/Chip.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Chip.js","sources":["../../../src/components/OffsetWellChips/Chip.tsx"],"sourcesContent":["import { useState } from 'react';\nimport { Chip, Tooltip, makeStyles } from '@material-ui/core';\nimport { Close } from '@material-ui/icons';\nimport MiddleTruncate from '../MiddleTruncate';\nimport { ChipProps } from './types';\nimport utils from '~/utils/main';\nimport SubjectIcon from './icons/SubjectIcon';\n\nconst useStyles = makeStyles(theme => ({\n  chipRoot: {\n    position: 'relative',\n    height: 30,\n    padding: '7px 12px',\n    fontSize: 12,\n    color: theme.palette.primary.text6,\n    margin: '2px 4px',\n    '&:hover': {\n      cursor: 'pointer',\n      backgroundColor: 'rgba(255, 255, 255, 0.1)',\n      color: theme.palette.primary.contrastText,\n    },\n  },\n  root: {\n    width: '100%',\n    display: 'flex',\n    alignItems: 'center',\n  },\n  label: {\n    padding: 0,\n  },\n  mark: {\n    marginRight: 4,\n    width: 8,\n    height: 8,\n    borderRadius: 8,\n  },\n  subject: {\n    display: 'flex',\n    marginRight: 4,\n  },\n  closeIcon: {\n    fontSize: '1rem',\n    marginLeft: '4px',\n  },\n  closeArea: {\n    position: 'absolute',\n    top: 0,\n    right: 0,\n    width: 32,\n    height: 30,\n  },\n  tooltip: {\n    marginTop: '8px',\n  },\n  titleContainer: {\n    display: 'flex',\n    alignItems: 'center',\n  },\n}));\n\nconst OffsetWellChip = <T extends unknown>({\n  title,\n  onClick,\n  markColor,\n  isSubject,\n  rigName,\n  maxWidth,\n  wellId,\n  onRemoveOffsetWell,\n  isShowMark,\n}: ChipProps<T>): JSX.Element => {\n  const [truncatedText, setTruncatedText] = useState(null);\n\n  const styles = useStyles({\n    isShowMark,\n  });\n  const isTruncated = !!truncatedText;\n  const fullTooltip = rigName ? `${title} | ${rigName}` : title;\n\n  const handleTruncatedText = truncatedText => {\n    setTruncatedText(truncatedText);\n  };\n\n  const handleRemoveWell = e => {\n    e.stopPropagation();\n    if (onRemoveOffsetWell) onRemoveOffsetWell(wellId);\n  };\n\n  const markBackgroundColor = markColor || `#${utils.getColorFromString(title)}`;\n\n  const label = (\n    <div className={styles.root}>\n      <Tooltip title={isTruncated ? fullTooltip : rigName} classes={{ popper: styles.tooltip }}>\n        <div className={styles.titleContainer}>\n          {isSubject ? (\n            <span className={styles.subject}>\n              <SubjectIcon />\n            </span>\n          ) : (\n            <span\n              style={{\n                backgroundColor: markBackgroundColor,\n                display: isShowMark ? 'block' : 'none',\n              }}\n              className={styles.mark}\n            />\n          )}\n          <MiddleTruncate\n            onTruncate={handleTruncatedText}\n            truncatedText={truncatedText}\n            maxWidth={maxWidth}\n          >\n            {title}\n          </MiddleTruncate>\n        </div>\n      </Tooltip>\n      {!isSubject && !!onRemoveOffsetWell && (\n        <>\n          <Close className={styles.closeIcon} />\n          <Tooltip title=\"Remove\" classes={{ popper: styles.tooltip }}>\n            <div className={styles.closeArea} onClick={handleRemoveWell}></div>\n          </Tooltip>\n        </>\n      )}\n    </div>\n  );\n\n  return (\n    <Chip\n      data-not-migrated-MuiChip\n      variant=\"outlined\"\n      size=\"medium\"\n      label={label}\n      classes={{ root: styles.chipRoot, label: styles.label }}\n      onClick={e => onClick && onClick(e, wellId)}\n      data-testid={`${title}_offsetWellChip`}\n    />\n  );\n};\n\nOffsetWellChip.defaultProps = {\n  onClick: null,\n  markColor: null,\n  maxWidth: 200,\n  rigName: null,\n  isShowMark: true,\n  onRemoveOffsetWell: null,\n};\n\nexport default OffsetWellChip;\n"],"names":["useStyles","makeStyles","theme","chipRoot","position","height","padding","fontSize","color","palette","primary","text6","margin","cursor","backgroundColor","contrastText","root","width","display","alignItems","label","mark","marginRight","borderRadius","subject","closeIcon","marginLeft","closeArea","top","right","tooltip","marginTop","titleContainer","OffsetWellChip","title","onClick","markColor","isSubject","rigName","maxWidth","wellId","onRemoveOffsetWell","isShowMark","useState","truncatedText","setTruncatedText","styles","isTruncated","fullTooltip","handleTruncatedText","handleRemoveWell","e","stopPropagation","markBackgroundColor","utils","getColorFromString","_jsxs","_jsx","popper","_Fragment","defaultProps"],"mappings":"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"}

package/components/OffsetWellChips/ChipsContainer.js

@@ -1 +1,49 @@
-import{jsx as r}from"react/jsx-runtime";import{makeStyles as e}from"@material-ui/core";import i from"./Chip.js";import a from"classnames";var o=e((function(){return{container:{display:"flex",flexWrap:"wrap",padding:"8px"}}})),t=function(e){var t=e.wells,l=e.maxWidth,n=e.onRemoveOffsetWell,m=e.isShowMark,s=void 0===m||m,c=e.onChipClick,f=void 0===c?null:c,p=e.chipsContainerClassName,d=o();return r("div",{className:a(d.container,p),children:t.map((function(e){var a=e.wellId,o=e.title,t=e.isSubject,m=e.markColor,c=e.rigName;return r(i,{maxWidth:l,title:o,isSubject:t,markColor:m,rigName:c,wellId:a,onRemoveOffsetWell:n,isShowMark:s,onClick:f},a)}))})};export{t as default};
+import { makeStyles } from '@material-ui/core';
+import OffsetWellChip from './Chip.js';
+import classNames from 'classnames';
+import { jsx } from 'react/jsx-runtime';
+
+var useStyles = makeStyles(function () {
+  return {
+    container: {
+      display: 'flex',
+      flexWrap: 'wrap',
+      padding: '8px'
+    }
+  };
+});
+var OffsetWellChips = function OffsetWellChips(_ref) {
+  var wells = _ref.wells,
+    maxWidth = _ref.maxWidth,
+    onRemoveOffsetWell = _ref.onRemoveOffsetWell,
+    _ref$isShowMark = _ref.isShowMark,
+    isShowMark = _ref$isShowMark === void 0 ? true : _ref$isShowMark,
+    _ref$onChipClick = _ref.onChipClick,
+    onChipClick = _ref$onChipClick === void 0 ? null : _ref$onChipClick,
+    chipsContainerClassName = _ref.chipsContainerClassName;
+  var styles = useStyles();
+  return /*#__PURE__*/jsx("div", {
+    className: classNames(styles.container, chipsContainerClassName),
+    children: wells.map(function (_ref2) {
+      var wellId = _ref2.wellId,
+        title = _ref2.title,
+        isSubject = _ref2.isSubject,
+        markColor = _ref2.markColor,
+        rigName = _ref2.rigName;
+      return /*#__PURE__*/jsx(OffsetWellChip, {
+        maxWidth: maxWidth,
+        title: title,
+        isSubject: isSubject,
+        markColor: markColor,
+        rigName: rigName,
+        wellId: wellId,
+        onRemoveOffsetWell: onRemoveOffsetWell,
+        isShowMark: isShowMark,
+        onClick: onChipClick
+      }, wellId);
+    })
+  });
+};
+
+export { OffsetWellChips as default };
+//# sourceMappingURL=ChipsContainer.js.map

package/components/OffsetWellChips/ChipsContainer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChipsContainer.js","sources":["../../../src/components/OffsetWellChips/ChipsContainer.tsx"],"sourcesContent":["import { makeStyles } from '@material-ui/core';\nimport OffsetWellChip from './Chip';\nimport { ChipsContainerProps } from './types';\nimport classnames from 'classnames';\n\nconst useStyles = makeStyles(() => ({\n  container: {\n    display: 'flex',\n    flexWrap: 'wrap',\n    padding: '8px',\n  },\n}));\n\nconst OffsetWellChips = <T extends unknown>({\n  wells,\n  maxWidth,\n  onRemoveOffsetWell,\n  isShowMark = true,\n  onChipClick = null,\n  chipsContainerClassName,\n}: ChipsContainerProps<T>): JSX.Element => {\n  const styles = useStyles();\n\n  return (\n    <div className={classnames(styles.container, chipsContainerClassName)}>\n      {wells.map(({ wellId, title, isSubject, markColor, rigName }) => (\n        <OffsetWellChip\n          key={wellId as string | number}\n          maxWidth={maxWidth}\n          title={title}\n          isSubject={isSubject}\n          markColor={markColor}\n          rigName={rigName}\n          wellId={wellId}\n          onRemoveOffsetWell={onRemoveOffsetWell}\n          isShowMark={isShowMark}\n          onClick={onChipClick}\n        />\n      ))}\n    </div>\n  );\n};\n\nexport default OffsetWellChips;\n"],"names":["useStyles","makeStyles","container","display","flexWrap","padding","OffsetWellChips","wells","maxWidth","onRemoveOffsetWell","isShowMark","onChipClick","chipsContainerClassName","styles","_jsx","classnames","map","wellId","title","isSubject","markColor","rigName"],"mappings":";;;;;AAKA,IAAMA,SAAS,GAAGC,UAAU,CAAC,YAAA;EAAA,OAAO;AAClCC,IAAAA,SAAS,EAAE;AACTC,MAAAA,OAAO,EAAE,MAAM;AACfC,MAAAA,QAAQ,EAAE,MAAM;AAChBC,MAAAA,OAAO,EAAE,KAAA;AACX,KAAA;GACD,CAAA;AAAA,CAAC,CAAC,CAAA;AAEH,IAAMC,eAAe,GAAG,SAAlBA,eAAe,CAOsB,IAAA,EAAA;EAAA,IANzCC,KAAK,QAALA,KAAK;AACLC,IAAAA,QAAQ,QAARA,QAAQ;AACRC,IAAAA,kBAAkB,QAAlBA,kBAAkB;AAAA,IAAA,eAAA,GAAA,IAAA,CAClBC,UAAU;AAAVA,IAAAA,UAAU,gCAAG,IAAI,GAAA,eAAA;AAAA,IAAA,gBAAA,GAAA,IAAA,CACjBC,WAAW;AAAXA,IAAAA,WAAW,iCAAG,IAAI,GAAA,gBAAA;AAClBC,IAAAA,uBAAuB,QAAvBA,uBAAuB,CAAA;EAEvB,IAAMC,MAAM,GAAGb,SAAS,EAAE,CAAA;EAE1B,oBACEc,GAAA,CAAA,KAAA,EAAA;IAAK,SAAS,EAAEC,UAAU,CAACF,MAAM,CAACX,SAAS,EAAEU,uBAAuB,CAAE;IAAA,QACnEL,EAAAA,KAAK,CAACS,GAAG,CAAC,UAAA,KAAA,EAAA;MAAA,IAAGC,MAAM,SAANA,MAAM;AAAEC,QAAAA,KAAK,SAALA,KAAK;AAAEC,QAAAA,SAAS,SAATA,SAAS;AAAEC,QAAAA,SAAS,SAATA,SAAS;AAAEC,QAAAA,OAAO,SAAPA,OAAO,CAAA;AAAA,MAAA,oBACxDP,IAAC,cAAc,EAAA;AAEb,QAAA,QAAQ,EAAEN,QAAS;AACnB,QAAA,KAAK,EAAEU,KAAM;AACb,QAAA,SAAS,EAAEC,SAAU;AACrB,QAAA,SAAS,EAAEC,SAAU;AACrB,QAAA,OAAO,EAAEC,OAAQ;AACjB,QAAA,MAAM,EAAEJ,MAAO;AACf,QAAA,kBAAkB,EAAER,kBAAmB;AACvC,QAAA,UAAU,EAAEC,UAAW;AACvB,QAAA,OAAO,EAAEC,WAAAA;AAAY,OAAA,EAThBM,MAAM,CAUX,CAAA;KACH,CAAA;GACG,CAAA,CAAA;AAEV;;;;"}

package/components/OffsetWellChips/icons/SubjectIcon.js

@@ -1 +1,43 @@
-import{memo as C}from"react";import{jsxs as V,jsx as l}from"react/jsx-runtime";var H=C((function(){return V("svg",{width:"60",height:"16",viewBox:"0 0 60 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[l("rect",{width:"60",height:"16",rx:"8",fill:"#03BCD4"}),l("path",{d:"M12.6049 5.09309C12.6049 5.09309 11.3628 5.00013 9.93425 5.00013C8.49687 4.99168 8 5.38885 8 6.44514V6.94371C8 7.8479 8.47025 7.9324 9.41964 8.09296C9.71244 8.14366 11.0433 8.37182 11.4692 8.45633C11.7798 8.50703 11.8419 8.66759 11.8419 8.88729V9.32671C11.8419 9.86754 11.6378 9.97739 10.928 9.97739H8.00887L8 10.8985C8 10.8985 9.63258 10.9914 11.0611 10.9914C12.5073 10.9999 12.9776 10.5605 12.9776 9.50417V8.73519C12.9776 7.98311 12.7203 7.66199 11.8419 7.50144C11.4249 7.42538 9.60596 7.10427 9.60596 7.10427C9.25993 7.03667 9.16233 6.97751 9.16233 6.724V6.54655C9.16233 6.04798 9.29542 6.01417 9.89876 6.01417H12.5961L12.6049 5.09309Z",fill:"black"}),l("path",{d:"M15.8763 9.20841V5.04238H14.7406V9.40277C14.7406 10.3408 15.3439 10.9745 16.4619 10.9745H18.2009C19.3189 10.9745 19.9222 10.3408 19.9222 9.40277V5.04238H18.7865V9.20841C18.7865 9.76613 18.5292 10.0196 17.917 10.0196H16.7458C16.1336 10.0196 15.8763 9.76613 15.8763 9.20841Z",fill:"black"}),l("path",{d:"M21.9897 10.9576H25.3258C26.4438 10.9576 27.0471 10.4084 27.0471 9.47037V8.87039C27.0382 8.33802 26.6656 8.00001 26.1332 7.831C26.6035 7.66199 26.9051 7.34933 26.914 6.85076V6.5212C26.914 5.58321 26.3107 5.04238 25.1927 5.04238H21.9897V10.9576ZM23.1254 8.34647H25.0419C25.6541 8.34647 25.9558 8.51548 25.9558 8.94645V9.20841C25.9558 9.76613 25.6985 10.0196 25.0862 10.0196H23.1254V8.34647ZM25.8227 6.88456C25.8227 7.30708 25.5299 7.43383 24.9354 7.44228H23.1254V5.97192H24.9531C25.5654 5.97192 25.8227 6.14093 25.8227 6.69865V6.88456Z",fill:"black"}),l("path",{d:"M28.5927 10.9069C28.5927 10.9069 29.4534 10.9999 30.5713 10.9999C31.6804 11.0083 32.4612 10.5605 32.4612 9.51262V5.04238H31.3255V9.21686C31.3255 9.77458 31.0682 10.0281 30.456 10.0281H28.5927V10.9069Z",fill:"black"}),l("path",{d:"M34.5259 10.9576H38.9179V9.96049H35.6616V8.43943H38.5275V7.46763H35.6616V5.98882H38.9267V5.04238H34.5259V10.9576Z",fill:"black"}),l("path",{d:"M45.362 5.06773C45.362 5.06773 44.0754 5.00013 42.4251 5.00013C41.316 4.99168 40.757 5.67616 40.757 6.61415V9.30136C40.757 10.2394 41.316 11.0083 42.4251 10.9999C43.8979 10.9999 45.362 10.9154 45.362 10.9154L45.3531 10.0281H42.8865C42.2742 10.0281 41.9726 9.73233 41.9726 9.17461V6.7409C41.9726 6.18318 42.2742 5.97192 42.8865 5.97192H45.3531L45.362 5.06773Z",fill:"black"}),l("path",{d:"M52 5.04238H46.8627V5.97192H48.8679V10.9576H50.0036V5.97192H52V5.04238Z",fill:"black"})]})}));export{H as default};
+import { memo } from 'react';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+var SubjectIcon = function SubjectIcon() {
+  return /*#__PURE__*/jsxs("svg", {
+    width: "60",
+    height: "16",
+    viewBox: "0 0 60 16",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    children: [/*#__PURE__*/jsx("rect", {
+      width: "60",
+      height: "16",
+      rx: "8",
+      fill: "#03BCD4"
+    }), /*#__PURE__*/jsx("path", {
+      d: "M12.6049 5.09309C12.6049 5.09309 11.3628 5.00013 9.93425 5.00013C8.49687 4.99168 8 5.38885 8 6.44514V6.94371C8 7.8479 8.47025 7.9324 9.41964 8.09296C9.71244 8.14366 11.0433 8.37182 11.4692 8.45633C11.7798 8.50703 11.8419 8.66759 11.8419 8.88729V9.32671C11.8419 9.86754 11.6378 9.97739 10.928 9.97739H8.00887L8 10.8985C8 10.8985 9.63258 10.9914 11.0611 10.9914C12.5073 10.9999 12.9776 10.5605 12.9776 9.50417V8.73519C12.9776 7.98311 12.7203 7.66199 11.8419 7.50144C11.4249 7.42538 9.60596 7.10427 9.60596 7.10427C9.25993 7.03667 9.16233 6.97751 9.16233 6.724V6.54655C9.16233 6.04798 9.29542 6.01417 9.89876 6.01417H12.5961L12.6049 5.09309Z",
+      fill: "black"
+    }), /*#__PURE__*/jsx("path", {
+      d: "M15.8763 9.20841V5.04238H14.7406V9.40277C14.7406 10.3408 15.3439 10.9745 16.4619 10.9745H18.2009C19.3189 10.9745 19.9222 10.3408 19.9222 9.40277V5.04238H18.7865V9.20841C18.7865 9.76613 18.5292 10.0196 17.917 10.0196H16.7458C16.1336 10.0196 15.8763 9.76613 15.8763 9.20841Z",
+      fill: "black"
+    }), /*#__PURE__*/jsx("path", {
+      d: "M21.9897 10.9576H25.3258C26.4438 10.9576 27.0471 10.4084 27.0471 9.47037V8.87039C27.0382 8.33802 26.6656 8.00001 26.1332 7.831C26.6035 7.66199 26.9051 7.34933 26.914 6.85076V6.5212C26.914 5.58321 26.3107 5.04238 25.1927 5.04238H21.9897V10.9576ZM23.1254 8.34647H25.0419C25.6541 8.34647 25.9558 8.51548 25.9558 8.94645V9.20841C25.9558 9.76613 25.6985 10.0196 25.0862 10.0196H23.1254V8.34647ZM25.8227 6.88456C25.8227 7.30708 25.5299 7.43383 24.9354 7.44228H23.1254V5.97192H24.9531C25.5654 5.97192 25.8227 6.14093 25.8227 6.69865V6.88456Z",
+      fill: "black"
+    }), /*#__PURE__*/jsx("path", {
+      d: "M28.5927 10.9069C28.5927 10.9069 29.4534 10.9999 30.5713 10.9999C31.6804 11.0083 32.4612 10.5605 32.4612 9.51262V5.04238H31.3255V9.21686C31.3255 9.77458 31.0682 10.0281 30.456 10.0281H28.5927V10.9069Z",
+      fill: "black"
+    }), /*#__PURE__*/jsx("path", {
+      d: "M34.5259 10.9576H38.9179V9.96049H35.6616V8.43943H38.5275V7.46763H35.6616V5.98882H38.9267V5.04238H34.5259V10.9576Z",
+      fill: "black"
+    }), /*#__PURE__*/jsx("path", {
+      d: "M45.362 5.06773C45.362 5.06773 44.0754 5.00013 42.4251 5.00013C41.316 4.99168 40.757 5.67616 40.757 6.61415V9.30136C40.757 10.2394 41.316 11.0083 42.4251 10.9999C43.8979 10.9999 45.362 10.9154 45.362 10.9154L45.3531 10.0281H42.8865C42.2742 10.0281 41.9726 9.73233 41.9726 9.17461V6.7409C41.9726 6.18318 42.2742 5.97192 42.8865 5.97192H45.3531L45.362 5.06773Z",
+      fill: "black"
+    }), /*#__PURE__*/jsx("path", {
+      d: "M52 5.04238H46.8627V5.97192H48.8679V10.9576H50.0036V5.97192H52V5.04238Z",
+      fill: "black"
+    })]
+  });
+};
+var SubjectIcon$1 = memo(SubjectIcon);
+
+export { SubjectIcon$1 as default };
+//# sourceMappingURL=SubjectIcon.js.map