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

package/components/OffsetWellButton/OffsetWellButton.js

@@ -1 +1,157 @@
-import{__assign as e}from'./../../ext-esm/tslib/tslib.es6.js';import{jsxs as o,jsx as t}from"react/jsx-runtime";import{useState as i}from"react";import n from"prop-types";import l from"classnames";import{makeStyles as a,Typography as r,Tooltip as s}from"@material-ui/core";import{Edit as d,Info as p,ExpandLess as c,ExpandMore as f}from"@material-ui/icons";import m from"../IconButton/index.js";var u=a((function(e){var o=e.palette;return{disabled:{opacity:.4,pointerEvents:"none"},offsetContainer:{cursor:"pointer",display:"flex",whiteSpace:"nowrap",flexWrap:"nowrap",alignItems:"center",width:"fit-content"},hoveredContainer:{backgroundColor:"rgba(3, 188, 212, 0.16)"},offsetText:{color:o.primary.text6,fontSize:12,paddingRight:4,"&:hover":{color:o.primary.contrastText}},buttons:{display:"flex",alignItems:"center"},isActive:{color:o.primary.contrastText},primaryIcon:{"&:hover":{backgroundColor:"rgba(3, 188, 212, 0.16)"}},infoIcon:{marginRight:"8px",fontSize:"20px",color:o.info.light},infoTooltip:{maxWidth:"264px"}}})),b=function(n){var a=n.onClick,b=n.wells,x=n.disabled,h=n.expanded,g=n.onExpand,v=n.offsetWellsLimited,y=n.isTooltipDisabled,C=i(!1),T=C[0],w=C[1],I=u(),W=b.length,k=!(!W||!g),E=o("div",e({className:l(I.offsetContainer,x&&I.disabled),onClick:a,onMouseMove:function(e){var o=e.target,t=o.parentNode;o.getAttribute("data-icon")||t.getAttribute("data-icon")?w(!1):w(!0)},onMouseLeave:function(){w(!1)}},{children:[o(r,e({className:l(I.offsetText,T&&I.isActive)},{children:["Offset Wells (",W,")"]})),t(m,e({className:l(I.primaryIcon,T&&I.hoveredContainer),color:"primary",size:"medium"},{children:t(d,{})}))]}));return o("div",e({className:I.buttons},{children:[v&&t(s,e({title:"Offset wells list wasn't populated completely due to technical limitations of the app.",classes:{tooltip:I.infoTooltip}},{children:t(p,{className:I.infoIcon})})),t(s,e({title:"Edit Offset Wells",placement:"bottom"},{children:E})),k&&t(m,e({tooltipProps:!y&&{title:h?"Collapse Offset Wells":"Expand Offset Wells"},onClick:function(e){e.stopPropagation(),g()},color:"default",size:"medium","data-icon":"expandIcon"},{children:t(h?c:f,{"data-icon":"expandIcon"})}))]}))},x={onClick:n.func.isRequired,wells:n.arrayOf(n.shape({id:n.number,title:n.string})),disabled:n.bool,onExpand:n.func,expanded:n.bool,offsetWellsLimited:n.bool,isTooltipDisabled:n.bool};b.propTypes=x,b.defaultProps={onExpand:null,expanded:!1,wells:[],disabled:!1,offsetWellsLimited:!1,isTooltipDisabled:!1};export{b 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 { Edit, Info, ExpandLess, ExpandMore } from '@material-ui/icons';
+import IconButton from '../IconButton/index.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(3, 188, 212, 0.16)'
+    },
+    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(3, 188, 212, 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,
+    disabled = _ref2.disabled,
+    expanded = _ref2.expanded,
+    onExpand = _ref2.onExpand,
+    offsetWellsLimited = _ref2.offsetWellsLimited,
+    isTooltipDisabled = _ref2.isTooltipDisabled;
+  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", {
+    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: ["Offset Wells (", wellsCount, ")"]
+    }), /*#__PURE__*/jsx(IconButton, {
+      className: classNames(styles.primaryIcon, isHovered && styles.hoveredContainer),
+      color: "primary",
+      size: "medium",
+      children: /*#__PURE__*/jsx(Edit, {})
+    })]
+  });
+  return /*#__PURE__*/jsxs("div", {
+    className: styles.buttons,
+    children: [offsetWellsLimited && /*#__PURE__*/jsx(Tooltip, {
+      title: "Offset wells 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 Offset Wells",
+      placement: "bottom",
+      children: editButtonContent
+    }), canBeExpanded && /*#__PURE__*/jsx(IconButton, {
+      tooltipProps: !isTooltipDisabled && {
+        title: expanded ? 'Collapse Offset Wells' : 'Expand Offset Wells'
+      },
+      onClick: handleWellsExpand,
+      color: "default",
+      size: "medium",
+      "data-icon": "expandIcon",
+      children: expanded ? /*#__PURE__*/jsx(ExpandLess, {
+        "data-icon": "expandIcon"
+      }) : /*#__PURE__*/jsx(ExpandMore, {
+        "data-icon": "expandIcon"
+      })
+    })]
+  });
+};
+var offsetWellButtonPropTypes = {
+  onClick: PropTypes.func.isRequired,
+  wells: PropTypes.arrayOf(PropTypes.shape({
+    id: PropTypes.number,
+    title: PropTypes.string
+  })),
+  disabled: PropTypes.bool,
+  onExpand: PropTypes.func,
+  expanded: PropTypes.bool,
+  offsetWellsLimited: PropTypes.bool,
+  isTooltipDisabled: PropTypes.bool
+};
+OffsetWellButton.propTypes = offsetWellButtonPropTypes;
+OffsetWellButton.defaultProps = {
+  onExpand: null,
+  expanded: false,
+  wells: [],
+  disabled: false,
+  offsetWellsLimited: false,
+  isTooltipDisabled: false
+};
+
+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 {\n  Edit as EditIcon,\n  ExpandLess as ExpandLessIcon,\n  ExpandMore as ExpandMoreIcon,\n  Info as InfoIcon,\n} from '@material-ui/icons';\nimport IconButton from '~/components/IconButton';\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(3, 188, 212, 0.16)',\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(3, 188, 212, 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  disabled,\n  expanded,\n  onExpand,\n  offsetWellsLimited,\n  isTooltipDisabled,\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      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        Offset Wells ({wellsCount})\n      </Typography>\n      <IconButton\n        className={classNames(styles.primaryIcon, isHovered && styles.hoveredContainer)}\n        color=\"primary\"\n        size=\"medium\"\n      >\n        <EditIcon />\n      </IconButton>\n    </div>\n  );\n\n  return (\n    <div className={styles.buttons}>\n      {offsetWellsLimited && (\n        <Tooltip\n          title=\"Offset wells 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 Offset Wells\" placement=\"bottom\">\n        {editButtonContent}\n      </Tooltip>\n      {canBeExpanded && (\n        <IconButton\n          tooltipProps={\n            !isTooltipDisabled && {\n              title: expanded ? 'Collapse Offset Wells' : 'Expand Offset Wells',\n            }\n          }\n          onClick={handleWellsExpand}\n          color=\"default\"\n          size=\"medium\"\n          data-icon=\"expandIcon\"\n        >\n          {expanded ? (\n            <ExpandLessIcon data-icon=\"expandIcon\" />\n          ) : (\n            <ExpandMoreIcon data-icon=\"expandIcon\" />\n          )}\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  disabled: PropTypes.bool,\n  onExpand: PropTypes.func,\n  expanded: PropTypes.bool,\n  offsetWellsLimited: PropTypes.bool,\n  isTooltipDisabled: PropTypes.bool,\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};\n\nexport default OffsetWellButton;\n"],"names":["useStyles","makeStyles","palette","disabled","opacity","pointerEvents","offsetContainer","cursor","display","whiteSpace","flexWrap","alignItems","width","hoveredContainer","backgroundColor","offsetText","color","primary","text6","fontSize","paddingRight","contrastText","buttons","isActive","primaryIcon","infoIcon","marginRight","info","light","infoTooltip","maxWidth","OffsetWellButton","onClick","wells","expanded","onExpand","offsetWellsLimited","isTooltipDisabled","useState","isHovered","setIsHovered","styles","wellsCount","length","canBeExpanded","handleWellsExpand","event","stopPropagation","handleButtonHover","target","parentNode","getAttribute","handleButtonHoverLeave","editButtonContent","_jsxs","classNames","_jsx","EditIcon","tooltip","InfoIcon","title","ExpandLessIcon","ExpandMoreIcon","offsetWellButtonPropTypes","PropTypes","func","isRequired","arrayOf","shape","id","number","string","bool","propTypes","defaultProps"],"mappings":"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"}

package/components/OffsetWellChips/Chip.js

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

package/components/OffsetWellChips/ChipsContainer.js

@@ -1 +1,49 @@
-import{__assign as e}from'./../../ext-esm/tslib/tslib.es6.js';import{jsx as r}from"react/jsx-runtime";import{makeStyles as i}from"@material-ui/core";import o from"./Chip.js";import t from"classnames";var a=i((function(){return{container:{display:"flex",flexWrap:"wrap",padding:"8px"}}})),l=function(i){var l=i.wells,m=i.maxWidth,n=i.onRemoveOffsetWell,s=i.isShowMark,c=void 0===s||s,f=i.onChipClick,p=void 0===f?null:f,d=i.chipsContainerClassName,u=a();return r("div",e({className:t(u.container,d)},{children:l.map((function(e){var i=e.wellId,t=e.title,a=e.isSubject,l=e.markColor,s=e.rigName;return r(o,{maxWidth:m,title:t,isSubject:a,markColor:l,rigName:s,wellId:i,onRemoveOffsetWell:n,isShowMark:c,onClick:p},i)}))}))};export{l 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

package/components/OffsetWellChips/icons/SubjectIcon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SubjectIcon.js","sources":["../../../../src/components/OffsetWellChips/icons/SubjectIcon.js"],"sourcesContent":["import { memo } from 'react';\n\nconst SubjectIcon = () => {\n  return (\n    <svg width=\"60\" height=\"16\" viewBox=\"0 0 60 16\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n      <rect width=\"60\" height=\"16\" rx=\"8\" fill=\"#03BCD4\" />\n      <path\n        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\"\n        fill=\"black\"\n      />\n      <path\n        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\"\n        fill=\"black\"\n      />\n      <path\n        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\"\n        fill=\"black\"\n      />\n      <path\n        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\"\n        fill=\"black\"\n      />\n      <path\n        d=\"M34.5259 10.9576H38.9179V9.96049H35.6616V8.43943H38.5275V7.46763H35.6616V5.98882H38.9267V5.04238H34.5259V10.9576Z\"\n        fill=\"black\"\n      />\n      <path\n        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\"\n        fill=\"black\"\n      />\n      <path\n        d=\"M52 5.04238H46.8627V5.97192H48.8679V10.9576H50.0036V5.97192H52V5.04238Z\"\n        fill=\"black\"\n      />\n    </svg>\n  );\n};\n\nexport default memo(SubjectIcon);\n"],"names":["SubjectIcon","_jsxs","_jsx","memo"],"mappings":";;;AAEA,IAAMA,WAAW,GAAG,SAAdA,WAAW,GAAS;EACxB,oBACEC,IAAA,CAAA,KAAA,EAAA;AAAK,IAAA,KAAK,EAAC,IAAI;AAAC,IAAA,MAAM,EAAC,IAAI;AAAC,IAAA,OAAO,EAAC,WAAW;AAAC,IAAA,IAAI,EAAC,MAAM;AAAC,IAAA,KAAK,EAAC,4BAA4B;IAAA,QAC5F,EAAA,cAAAC,GAAA,CAAA,MAAA,EAAA;AAAM,MAAA,KAAK,EAAC,IAAI;AAAC,MAAA,MAAM,EAAC,IAAI;AAAC,MAAA,EAAE,EAAC,GAAG;AAAC,MAAA,IAAI,EAAC,SAAA;AAAS,KAAA,CAAG,eACrDA,GAAA,CAAA,MAAA,EAAA;AACE,MAAA,CAAC,EAAC,goBAAgoB;AACloB,MAAA,IAAI,EAAC,OAAA;AAAO,KAAA,CACZ,eACFA,GAAA,CAAA,MAAA,EAAA;AACE,MAAA,CAAC,EAAC,kRAAkR;AACpR,MAAA,IAAI,EAAC,OAAA;AAAO,KAAA,CACZ,eACFA,GAAA,CAAA,MAAA,EAAA;AACE,MAAA,CAAC,EAAC,whBAAwhB;AAC1hB,MAAA,IAAI,EAAC,OAAA;AAAO,KAAA,CACZ,eACFA,GAAA,CAAA,MAAA,EAAA;AACE,MAAA,CAAC,EAAC,0MAA0M;AAC5M,MAAA,IAAI,EAAC,OAAA;AAAO,KAAA,CACZ,eACFA,GAAA,CAAA,MAAA,EAAA;AACE,MAAA,CAAC,EAAC,mHAAmH;AACrH,MAAA,IAAI,EAAC,OAAA;AAAO,KAAA,CACZ,eACFA,GAAA,CAAA,MAAA,EAAA;AACE,MAAA,CAAC,EAAC,wWAAwW;AAC1W,MAAA,IAAI,EAAC,OAAA;AAAO,KAAA,CACZ,eACFA,GAAA,CAAA,MAAA,EAAA;AACE,MAAA,CAAC,EAAC,yEAAyE;AAC3E,MAAA,IAAI,EAAC,OAAA;KACL,CAAA,CAAA;GACE,CAAA,CAAA;AAEV,CAAC,CAAA;AAED,oBAAeC,IAAI,CAACH,WAAW,CAAC;;;;"}