@corva/ui 0.38.0-6 → 0.38.0-9

package/src/components/Casing/CasingTileIcon.js

@@ -1,64 +0,0 @@
-import PropTypes from 'prop-types';
-import { Tooltip } from '@material-ui/core';
-
-import AirLockSub from './assets/SmallCasing/air_lock_sub.svg';
-import CasingJoint from './assets/SmallCasing/casing_joint.svg';
-import DP from './assets/SmallCasing/dp.svg';
-import DvTool from './assets/SmallCasing/dv_tool.svg';
-import FloatCollar from './assets/SmallCasing/float_collar.svg';
-import FloatShoe from './assets/SmallCasing/float_shoe.svg';
-import HWDP from './assets/SmallCasing/hwdp.svg';
-import LinerTopPacker from './assets/SmallCasing/liner_top_packer.svg';
-
-function CasingTileIcon({ component, width }) {
-  const { family } = component;
-  let icon;
-  let TileTooltip;
-  switch (family) {
-    case 'air_lock_sub':
-      icon = AirLockSub;
-      TileTooltip='Air Lock Sub';
-      break;
-    case 'dp':
-      icon = DP;
-      TileTooltip='DP';
-      break;
-    case 'dv_tool':
-      icon = DvTool;
-      TileTooltip='DV Tool';
-      break;
-    case 'float_collar':
-      icon = FloatCollar;
-      TileTooltip='Float Collar';
-      break;
-    case 'float_shoe':
-      icon = FloatShoe;
-      TileTooltip='Float Shoe';
-      break;
-    case 'hwdp':
-      icon = HWDP;
-      TileTooltip='HWDP';
-      break;
-    case 'liner_top_packer':
-      icon = LinerTopPacker;
-      TileTooltip='Liner Top Packer';
-      break;
-    default:
-      icon = CasingJoint;
-      TileTooltip='Casing Joint';
-  }
-  return (
-    <Tooltip title={TileTooltip} placement="bottom">
-      <img src={icon} style={{ width, height: '16px' }} alt={family} />
-    </Tooltip>
-  );
-}
-
-CasingTileIcon.propTypes = {
-  width: PropTypes.string.isRequired,
-  component: PropTypes.shape({
-    family: PropTypes.string,
-  }).isRequired,
-};
-
-export default CasingTileIcon;

package/src/components/Casing/assets/SmallCasing/air_lock_sub.svg

@@ -1,12 +0,0 @@
-<svg width="227" height="80" viewBox="0 0 227 80" fill="none" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="none">
-<path d="M220.544 0L108.686 0.000303473C106.421 -0.00043362 104.219 0.7509 102.425 2.13675C99.53 4.3734 88.7618 12.7959 87.4842 13.8003C87.1292 13.8353 6.87022 14.1361 6.87022 14.1361C3.30838 14.1418 0 17.0345 0 20.6012V59.3879C0 62.9542 3.30813 65.8471 6.86956 65.853C6.86956 65.853 87.1288 66.1654 87.4839 66.2C88.7617 67.2047 99.5297 75.6269 102.425 77.8636C104.219 79.2493 106.42 80.0006 108.686 79.9997L220.543 80C222.256 80 223.898 79.3189 225.109 78.1065C226.319 76.894 227 75.2496 227 73.5349V6.46536C227 4.7507 226.32 3.10624 225.109 1.89375C223.898 0.681267 222.256 6.43877e-05 220.544 0V0Z" fill="url(#paint0_linear_72_6297)"/>
-<defs>
-<linearGradient id="paint0_linear_72_6297" x1="113.5" y1="89.0839" x2="113.5" y2="-8.06794" gradientUnits="userSpaceOnUse">
-<stop offset="0.2191" stop-color="#67B262"/>
-<stop offset="0.3134" stop-color="#6EB763"/>
-<stop offset="0.5943" stop-color="#81C467"/>
-<stop offset="0.8319" stop-color="#6EB763"/>
-<stop offset="1" stop-color="#67B262"/>
-</linearGradient>
-</defs>
-</svg>

package/src/components/Casing/assets/SmallCasing/casing_joint.svg

@@ -1,15 +0,0 @@
-<svg width="227" height="80" viewBox="0 0 227 80" fill="none" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="none">
-<path d="M222.759 0H4.24086C1.8987 0 0 2.89456 0 6.46519V73.5348C0 77.1054 1.8987 80 4.24086 80H222.759C225.101 80 227 77.1054 227 73.5348V6.46519C227 2.89456 225.101 0 222.759 0Z" fill="url(#paint0_linear_72_6293)"/>
-<defs>
-<linearGradient id="paint0_linear_72_6293" x1="113.5" y1="80" x2="113.5" y2="0" gradientUnits="userSpaceOnUse">
-<stop stop-color="#8A9197"/>
-<stop offset="0.0397" stop-color="#939A9F"/>
-<stop offset="0.1811" stop-color="#AFB4B8"/>
-<stop offset="0.3239" stop-color="#C2C6C9"/>
-<stop offset="0.4678" stop-color="#CED1D4"/>
-<stop offset="0.6146" stop-color="#D2D5D7"/>
-<stop offset="0.783" stop-color="#CBCED0"/>
-<stop offset="1" stop-color="#BBBDC1"/>
-</linearGradient>
-</defs>
-</svg>

package/src/components/Casing/assets/SmallCasing/dp.svg

@@ -1,12 +0,0 @@
-<svg width="227" height="80" viewBox="0 0 227 80" fill="none" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="none">
-<path d="M227 9.10418C227 6.6896 226.043 4.37392 224.34 2.66655C222.637 0.959188 220.327 0 217.919 0L200.205 0.0546251C197.942 0.0539063 195.742 0.805238 193.951 2.19107C190.809 4.62061 179.335 13.6901 179.335 13.6901H47.7483C47.7483 13.6901 36.2742 4.62055 33.1328 2.19107C31.3411 0.805159 29.1416 0.0538202 26.8785 0.0546251L9.0815 0C6.67293 0 4.36302 0.959188 2.65991 2.66655C0.956798 4.37392 0 6.6896 0 9.10418L0 70.8958C0 73.3104 0.956798 75.6261 2.65991 77.3335C4.36302 79.0408 6.67293 80 9.0815 80L26.8785 79.9997C29.1415 80.0005 31.3409 79.2493 33.1326 77.8635C36.274 75.434 47.7357 66.2622 47.7357 66.2622H179.347C179.347 66.2622 190.809 75.434 193.951 77.8635C195.742 79.2493 197.942 80.0005 200.205 79.9997L217.919 80C220.327 80 222.637 79.0408 224.34 77.3335C226.043 75.6261 227 73.3104 227 70.8958L227 9.10418Z" fill="url(#paint0_linear_72_6289)"/>
-<defs>
-<linearGradient id="paint0_linear_72_6289" x1="113.5" y1="89.0839" x2="113.5" y2="-8.06794" gradientUnits="userSpaceOnUse">
-<stop stop-color="#AA603A"/>
-<stop offset="0.3037" stop-color="#BF7042"/>
-<stop offset="0.5943" stop-color="#CF7C48"/>
-<stop offset="0.9478" stop-color="#C97745"/>
-<stop offset="1" stop-color="#C77644"/>
-</linearGradient>
-</defs>
-</svg>

package/src/components/Casing/assets/SmallCasing/dv_tool.svg

@@ -1,50 +0,0 @@
-<svg width="227" height="80" viewBox="0 0 227 80" fill="none" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="none">
-<path opacity="0.3" d="M144.033 72.4485H143.874C143.931 72.4484 143.985 72.4484 144.033 72.4485ZM121.789 72.4485H121.661C121.607 72.4372 121.554 72.426 121.5 72.417C121.5 72.417 121.601 72.4292 121.789 72.4485Z" fill="black"/>
-<path d="M175.072 66.2643H222.768C223.891 66.2643 224.967 65.8167 225.761 65.0201C226.554 64.2234 227 63.1429 227 62.0163V17.9477C227 16.8211 226.554 15.7406 225.761 14.9439C224.967 14.1473 223.891 13.6997 222.768 13.6997H175.072V66.2643Z" fill="url(#paint0_linear_73_6301)"/>
-<path d="M175.076 13.6997V9.11456C175.076 6.70033 174.121 4.38499 172.42 2.67788C170.72 0.970765 168.413 0.0117188 166.008 0.0117188H122.575C120.17 0.0117188 117.863 0.970765 116.163 2.67788C114.462 4.38499 113.507 6.70033 113.507 9.11456V70.8971C113.507 73.3113 114.462 75.6267 116.163 77.3338C117.863 79.0409 120.17 79.9999 122.575 79.9999H166.008C168.413 79.9999 170.72 79.0409 172.42 77.3338C174.121 75.6267 175.076 73.3113 175.076 70.8971V13.6997Z" fill="url(#paint1_linear_73_6301)"/>
-<path d="M113.543 13.6997H4.23174C3.10941 13.6997 2.03305 14.1473 1.23945 14.9439C0.445843 15.7406 0 16.8211 0 17.9477L0 62.0163C0 63.1429 0.445843 64.2234 1.23945 65.0201C2.03305 65.8167 3.10941 66.2643 4.23174 66.2643H113.543V13.6997Z" fill="url(#paint2_linear_73_6301)"/>
-<path d="M91.3219 10.9727C91.3219 4.91267 86.428 0 80.3911 0C74.3542 0 69.4603 4.91267 69.4603 10.9727V69.0155C69.4603 75.0756 74.3542 79.9882 80.3911 79.9882C86.428 79.9882 91.3219 75.0756 91.3219 69.0155V10.9727Z" fill="url(#paint3_linear_73_6301)"/>
-<defs>
-<linearGradient id="paint0_linear_73_6301" x1="201.036" y1="66.2643" x2="201.036" y2="13.6997" gradientUnits="userSpaceOnUse">
-<stop stop-color="#8A9197"/>
-<stop offset="0.0397" stop-color="#939A9F"/>
-<stop offset="0.1811" stop-color="#AFB4B8"/>
-<stop offset="0.3239" stop-color="#C2C6C9"/>
-<stop offset="0.4678" stop-color="#CED1D4"/>
-<stop offset="0.6146" stop-color="#D2D5D7"/>
-<stop offset="0.783" stop-color="#CBCED0"/>
-<stop offset="1" stop-color="#BBBDC1"/>
-</linearGradient>
-<linearGradient id="paint1_linear_73_6301" x1="144.292" y1="79.9999" x2="144.292" y2="0.0117188" gradientUnits="userSpaceOnUse">
-<stop offset="0.0711" stop-color="#E8B361"/>
-<stop offset="0.4576" stop-color="#E0BF6C"/>
-<stop offset="0.462" stop-color="#E0BF6D"/>
-<stop offset="0.5626" stop-color="#E7C984"/>
-<stop offset="0.6582" stop-color="#EBCE91"/>
-<stop offset="0.7427" stop-color="#ECD096"/>
-<stop offset="0.8224" stop-color="#EBCE92"/>
-<stop offset="0.9015" stop-color="#E7CA86"/>
-<stop offset="0.9801" stop-color="#E2C272"/>
-<stop offset="1" stop-color="#E0BF6C"/>
-</linearGradient>
-<linearGradient id="paint2_linear_73_6301" x1="10662.7" y1="5753.38" x2="10662.7" y2="1200.35" gradientUnits="userSpaceOnUse">
-<stop stop-color="#8A9197"/>
-<stop offset="0.0397" stop-color="#939A9F"/>
-<stop offset="0.1811" stop-color="#AFB4B8"/>
-<stop offset="0.3239" stop-color="#C2C6C9"/>
-<stop offset="0.4678" stop-color="#CED1D4"/>
-<stop offset="0.6146" stop-color="#D2D5D7"/>
-<stop offset="0.783" stop-color="#CBCED0"/>
-<stop offset="1" stop-color="#BBBDC1"/>
-</linearGradient>
-<linearGradient id="paint3_linear_73_6301" x1="80.3911" y1="79.9882" x2="80.3911" y2="0" gradientUnits="userSpaceOnUse">
-<stop offset="0.2867" stop-color="#134B9B"/>
-<stop offset="0.508" stop-color="#2760AB"/>
-<stop offset="0.7053" stop-color="#346EB5"/>
-<stop offset="0.8202" stop-color="#316BB3"/>
-<stop offset="0.9032" stop-color="#2862AC"/>
-<stop offset="0.976" stop-color="#1A52A0"/>
-<stop offset="1" stop-color="#134B9B"/>
-</linearGradient>
-</defs>
-</svg>

package/src/components/Casing/assets/SmallCasing/float_collar.svg

@@ -1,26 +0,0 @@
-<svg width="227" height="80" viewBox="0 0 227 80" fill="none" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="none">
-<path d="M87.4839 66.2C88.7617 67.2047 99.5297 75.6269 102.425 77.8635C104.219 79.2493 106.42 80.0005 108.686 79.9997L220.543 80C222.256 80 223.898 79.3189 225.109 78.1065C226.319 76.894 227 75.2496 227 73.5349V6.46536C227 4.7507 226.32 3.10624 225.109 1.89375C223.898 0.681267 222.256 6.43877e-05 220.544 0L108.686 0.000303473C106.421 -0.00043362 104.219 0.7509 102.425 2.13675C99.5299 4.3734 88.7617 12.7959 87.4841 13.8003L87.4839 66.2Z" fill="url(#paint0_linear_73_6308)"/>
-<path d="M87.4839 13.8C87.1289 13.835 6.86998 14.1358 6.86998 14.1358C3.30838 14.1419 0 17.0345 0 20.6012V59.3879C0 62.9543 3.30813 65.8471 6.86956 65.853C6.86956 65.853 87.1288 66.1654 87.4839 66.2001V13.8Z" fill="url(#paint1_linear_73_6308)"/>
-<defs>
-<linearGradient id="paint0_linear_73_6308" x1="157.242" y1="89.0839" x2="157.242" y2="-8.06794" gradientUnits="userSpaceOnUse">
-<stop stop-color="#134B9B"/>
-<stop offset="0.2006" stop-color="#255EA9"/>
-<stop offset="0.4054" stop-color="#306AB2"/>
-<stop offset="0.6146" stop-color="#346EB5"/>
-<stop offset="0.7648" stop-color="#316BB3"/>
-<stop offset="0.8734" stop-color="#2862AC"/>
-<stop offset="0.9686" stop-color="#1A52A0"/>
-<stop offset="1" stop-color="#134B9B"/>
-</linearGradient>
-<linearGradient id="paint1_linear_73_6308" x1="43.742" y1="72.15" x2="43.742" y2="8.51556" gradientUnits="userSpaceOnUse">
-<stop stop-color="#8A9197"/>
-<stop offset="0.0397" stop-color="#939A9F"/>
-<stop offset="0.1811" stop-color="#AFB4B8"/>
-<stop offset="0.3239" stop-color="#C2C6C9"/>
-<stop offset="0.4678" stop-color="#CED1D4"/>
-<stop offset="0.6146" stop-color="#D2D5D7"/>
-<stop offset="0.783" stop-color="#CBCED0"/>
-<stop offset="1" stop-color="#BBBDC1"/>
-</linearGradient>
-</defs>
-</svg>

package/src/components/Casing/assets/SmallCasing/float_shoe.svg

@@ -1,26 +0,0 @@
-<svg width="66" height="16" viewBox="0 0 66 16" fill="none" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="none">
-<path d="M66 7.99999C66 6.94941 65.6999 5.90913 65.1169 4.93852C64.5339 3.96792 63.6794 3.08601 62.6021 2.34314C61.5249 1.60027 60.246 1.011 58.8385 0.608959C57.431 0.206923 55.9225 -1.5941e-06 54.399 0L2.64044 0C1.94015 0 1.26854 0.191838 0.773366 0.53331C0.278188 0.874783 0 1.33792 0 1.82084L0 14.1792C0 14.6621 0.278188 15.1252 0.773366 15.4667C1.26854 15.8082 1.94015 16 2.64044 16H54.399C55.9225 16 57.431 15.7931 58.8385 15.391C60.246 14.989 61.5249 14.3997 62.6021 13.6569C63.6794 12.914 64.5339 12.0321 65.1169 11.0615C65.6999 10.0909 66 9.05059 66 8.00001V7.99999Z" fill="url(#paint0_linear_6_3153)"/>
-<path d="M12 10C12.3956 10 12.7822 9.88271 13.1111 9.66294C13.44 9.44318 13.6964 9.13083 13.8478 8.76537C13.9991 8.39992 14.0387 7.99779 13.9616 7.60982C13.8844 7.22186 13.6939 6.86549 13.4142 6.58579C13.1345 6.30608 12.7781 6.1156 12.3902 6.03843C12.0022 5.96126 11.6001 6.00087 11.2346 6.15224C10.8692 6.30362 10.5568 6.55997 10.3371 6.88887C10.1173 7.21777 10 7.60445 10 8.00001C10 8.53044 10.2107 9.03914 10.5858 9.41421C10.9609 9.78928 11.4696 9.99999 12 10Z" fill="url(#paint1_linear_6_3153)"/>
-<defs>
-<linearGradient id="paint0_linear_6_3153" x1="33" y1="17.8168" x2="33" y2="-1.61359" gradientUnits="userSpaceOnUse">
-<stop offset="0.2162" stop-color="#134B9B"/>
-<stop offset="0.3462" stop-color="#255EA9"/>
-<stop offset="0.479" stop-color="#306AB2"/>
-<stop offset="0.6146" stop-color="#346EB5"/>
-<stop offset="0.7648" stop-color="#316BB3"/>
-<stop offset="0.8734" stop-color="#2862AC"/>
-<stop offset="0.9686" stop-color="#1A52A0"/>
-<stop offset="1" stop-color="#134B9B"/>
-</linearGradient>
-<linearGradient id="paint1_linear_6_3153" x1="15.3392" y1="8" x2="8.63735" y2="8" gradientUnits="userSpaceOnUse">
-<stop stop-color="#BBBDC1"/>
-<stop offset="0.217" stop-color="#CBCED0"/>
-<stop offset="0.3854" stop-color="#D2D5D7"/>
-<stop offset="0.5322" stop-color="#CED1D4"/>
-<stop offset="0.6761" stop-color="#C2C6C9"/>
-<stop offset="0.8189" stop-color="#AFB4B8"/>
-<stop offset="0.9603" stop-color="#939A9F"/>
-<stop offset="1" stop-color="#8A9197"/>
-</linearGradient>
-</defs>
-</svg>

package/src/components/Casing/assets/SmallCasing/hwdp.svg

@@ -1,12 +0,0 @@
-<svg width="227" height="80" viewBox="0 0 227 80" fill="none" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="none">
-<path d="M217.919 3.23734e-09L200.205 0.0546251C197.942 0.0539063 195.742 0.805238 193.951 2.19107C190.809 4.62061 179.335 13.6901 179.335 13.6901H145.458L145.472 13.574C145.472 13.574 133.987 4.59336 130.846 2.16376C129.054 0.777905 126.855 0.0265709 124.592 0.0273125H118.314L118.311 0.0272518H108.689L108.686 0.0275553H102.408C100.145 0.0268136 97.9459 0.778148 96.1542 2.164C93.0127 4.5933 81.5282 13.5739 81.5276 13.5739L81.5419 13.6901H47.7483C47.7483 13.6901 36.2742 4.62055 33.1328 2.19107C31.3411 0.805159 29.1416 0.0538202 26.8785 0.0546251L9.0815 3.23734e-09C6.67293 3.23734e-09 4.36302 0.959188 2.65991 2.66655C0.956798 4.37392 0 6.6896 0 9.10418L0 70.8958C0 73.3104 0.956798 75.6261 2.65991 77.3335C4.36302 79.0408 6.67293 80 9.0815 80L26.8785 79.9997C29.1415 80.0005 31.3409 79.2493 33.1326 77.8635C36.274 75.434 47.7357 66.2622 47.7357 66.2622H81.5475L81.5276 66.4261C81.528 66.4261 93.0126 75.4067 96.1539 77.8363C97.9457 79.2221 100.145 79.9733 102.408 79.9725H108.686H108.689H118.311H118.314H124.592C126.855 79.9733 129.054 79.2221 130.846 77.8363C133.987 75.4067 145.472 66.4261 145.472 66.4261L145.452 66.2622H179.347C179.347 66.2622 190.809 75.434 193.951 77.8635C195.742 79.2493 197.942 80.0005 200.205 79.9997L217.919 80C220.327 80 222.637 79.0408 224.34 77.3335C226.043 75.6261 227 73.3104 227 70.8958V9.10418C227 7.90858 226.765 6.72469 226.309 5.6201C225.853 4.51552 225.184 3.51187 224.34 2.66647C223.497 1.82106 222.496 1.15046 221.394 0.692945C220.292 0.235431 219.111 -3.18794e-05 217.919 3.23734e-09V3.23734e-09Z" fill="url(#paint0_linear_72_6279)"/>
-<defs>
-<linearGradient id="paint0_linear_72_6279" x1="113.5" y1="89.0839" x2="113.5" y2="-8.06794" gradientUnits="userSpaceOnUse">
-<stop stop-color="#AA603A"/>
-<stop offset="0.3037" stop-color="#BF7042"/>
-<stop offset="0.5943" stop-color="#CF7C48"/>
-<stop offset="0.9478" stop-color="#C97745"/>
-<stop offset="1" stop-color="#C77644"/>
-</linearGradient>
-</defs>
-</svg>

package/src/components/Casing/assets/SmallCasing/liner_top_packer.svg

@@ -1,30 +0,0 @@
-<svg width="227" height="80" viewBox="0 0 227 80" fill="none" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="none">
-<g clip-path="url(#clip0_73_6315)">
-<path d="M220.433 14.1353C220.433 14.1353 156.234 13.8348 155.895 13.7998C154.673 12.7952 144.379 4.37253 141.612 2.13646C139.897 0.750411 137.792 -0.000951478 135.627 9.0427e-07H91.2529C89.0871 -0.000905662 86.9822 0.750452 85.2676 2.13646C82.5 4.37283 72.2063 12.7955 70.985 13.8001C70.6456 13.8351 6.56753 14.1356 6.56753 14.1356C3.16255 14.1412 0 17.0343 0 20.6007V59.3881C0 62.9545 3.16238 65.847 6.56678 65.8529C6.56678 65.8529 70.6453 66.1652 70.9848 66.2002C72.2063 67.2049 82.4998 75.6269 85.2675 77.8638C86.9822 79.2495 89.087 80.0007 91.2527 80H135.627C137.792 80.0008 139.897 79.2496 141.612 77.8638C144.38 75.6269 154.673 67.2049 155.895 66.2002C156.234 66.1652 220.433 65.8529 220.433 65.8529C223.838 65.8468 227 62.9545 227 59.3881V20.6007C227 17.0343 223.837 14.1412 220.433 14.1353Z" fill="url(#paint0_linear_73_6315)"/>
-<path d="M57.9076 66.0725C65.073 66.1335 70.8761 66.1866 70.9815 66.1999V13.7998C70.8762 13.8132 65.073 13.8647 57.9076 13.9234V66.0725Z" fill="url(#paint1_linear_73_6315)"/>
-<path d="M155.899 66.1999C156.015 66.1866 161.736 66.1335 168.805 66.0728V13.9233C161.736 13.8649 156.015 13.8136 155.899 13.8V66.1999Z" fill="url(#paint2_linear_73_6315)"/>
-</g>
-<defs>
-<linearGradient id="paint0_linear_73_6315" x1="113.5" y1="89.084" x2="113.5" y2="-8.06794" gradientUnits="userSpaceOnUse">
-<stop stop-color="#134B9B"/>
-<stop offset="0.2006" stop-color="#255EA9"/>
-<stop offset="0.4054" stop-color="#306AB2"/>
-<stop offset="0.6146" stop-color="#346EB5"/>
-<stop offset="0.7648" stop-color="#316BB3"/>
-<stop offset="0.8734" stop-color="#2862AC"/>
-<stop offset="0.9686" stop-color="#1A52A0"/>
-<stop offset="1" stop-color="#134B9B"/>
-</linearGradient>
-<linearGradient id="paint1_linear_73_6315" x1="57.9076" y1="39.9998" x2="70.9815" y2="39.9998" gradientUnits="userSpaceOnUse">
-<stop stop-color="#9DA2A8"/>
-<stop offset="1" stop-color="#9A9FA5"/>
-</linearGradient>
-<linearGradient id="paint2_linear_73_6315" x1="3628.26" y1="3467.12" x2="3915.7" y2="3467.12" gradientUnits="userSpaceOnUse">
-<stop stop-color="#9DA2A8"/>
-<stop offset="1" stop-color="#9A9FA5"/>
-</linearGradient>
-<clipPath id="clip0_73_6315">
-<rect width="227" height="80" fill="white"/>
-</clipPath>
-</defs>
-</svg>

package/src/components/Casing/index.js

@@ -1,5 +0,0 @@
-export { default as CasingTable } from './CasingTable';
-export { default as CasingComponentIcon } from './CasingComponentIcon';
-export { default as CasingTileIcon } from './CasingTileIcon';
-export { default as CasingTableV2 } from './CasingTableV2';
-export { default as CasingTile} from './CasingTile';

package/src/components/ChartActionsList/ChartActionsList.css

@@ -1,29 +0,0 @@
-.container {
-  display: flex;
-  flex-direction: row;
-  padding-left: 10px;
-}
-
-.action {
-  margin-right: 22px;
-  cursor: pointer;
-}
-
-.disabled {
-  cursor: default;
-  pointer-events: none;
-}
-
-.form {
-  display: flex;
-  flex-direction: row;
-  margin-top: 20px;
-  min-width: 120px;
-}
-
-.actions {
-  display: flex;
-  flex-direction: row;
-  justify-content: flex-end;
-  width: 100%;
-}

package/src/components/ChartActionsList/ChartActionsList.js

@@ -1,213 +0,0 @@
-import { useEffect, useState } from 'react';
-import PropTypes from 'prop-types';
-import classnames from 'classnames';
-import { Button, withStyles, TextField } from '@material-ui/core';
-
-import Modal from '~/components/Modal';
-
-import LeftArrow from './icons/LeftArrow';
-import GoLive from './icons/GoLive';
-import RightArrow from './icons/RightArrow';
-import ZoomIn from './icons/ZoomIn';
-import TimeRange from './icons/TimeRange';
-import ZoomOut from './icons/ZoomOut';
-
-import styles from './ChartActionsList.css';
-
-const MIN_VALUE = 1;
-
-const ChartActionsList = ({ onChange, min, max, left, right, classes }) => {
-  const [isModalVisible, setIsModalVisible] = useState(false);
-  const [leftValue, setLeftValue] = useState(left);
-  const [rightValue, setRightValue] = useState(right);
-
-  useEffect(() => {
-    setRightValue(right);
-    setLeftValue(left);
-  }, [left, right]);
-
-  const isZoomInActive = right - left >= MIN_VALUE;
-  const isZoomOutActive = min < left || max > right;
-  const isGoLeftActive = left > min;
-  const isGoRightActive = right < max;
-  const isGoLiveActive = right !== max;
-  const isJumpDisabled = leftValue < min || rightValue > max || leftValue + MIN_VALUE > rightValue;
-
-  const onZoomIn = () => {
-    const diff = right - left;
-    let newLeft = left + diff / 4;
-    let newRight = right - diff / 4;
-    const newValueDiff = newRight - newLeft;
-
-    if (newValueDiff < MIN_VALUE) {
-      const minValueDiff = (MIN_VALUE - newValueDiff) / 2;
-      newLeft += minValueDiff;
-      newRight -= minValueDiff;
-    }
-
-    onChange({ left: newLeft, right: newRight });
-  };
-
-  const onZoomOut = () => {
-    const diff = right - left;
-    let newLeft = left - diff / 2;
-    let newRight = right + diff / 2;
-    const newDiff = newRight - newLeft;
-    if (newLeft < min && newRight > max) {
-      newLeft = min;
-      newRight = max;
-    } else if (newLeft < min) {
-      newLeft = min;
-      newRight = min + newDiff;
-    } else if (newRight > max) {
-      newRight = max;
-      newLeft = max - newDiff;
-    }
-    onChange({ left: newLeft, right: newRight });
-  };
-
-  const onGoLeft = () => {
-    const diff = (right - left) * 0.75;
-    let newLeft = left - diff;
-    let newRight = right - diff;
-
-    if (newLeft < min) {
-      newLeft = min;
-      newRight = min + diff;
-    }
-    onChange({ left: newLeft, right: newRight });
-  };
-
-  const onGoRight = () => {
-    const diff = (right - left) * 0.75;
-    let newLeft = left + diff;
-    let newRight = right + diff;
-
-    if (newRight > max) {
-      newRight = max;
-      newLeft = max - diff;
-    }
-    onChange({ left: newLeft, right: newRight });
-  };
-
-  const onLive = () => {
-    onChange({ left, right: max });
-  };
-
-  const onMinMaxSet = () => {
-    setIsModalVisible(true);
-  };
-
-  const onLeftValueChange = e => {
-    setLeftValue(parseFloat(e.target.value));
-  };
-
-  const onRightValueChange = e => {
-    setRightValue(parseFloat(e.target.value));
-  };
-
-  const onModalClose = () => {
-    setIsModalVisible(false);
-  };
-
-  const onSave = () => {
-    onChange({ left: leftValue, right: rightValue });
-    setIsModalVisible(false);
-  };
-
-  return (
-    <div className={styles.container}>
-      <span
-        className={classnames(styles.action, !isZoomInActive && styles.disabled)}
-        onClick={onZoomIn}
-      >
-        <ZoomIn isActive={isZoomInActive} />
-      </span>
-      <span
-        className={classnames(styles.action, !isZoomOutActive && styles.disabled)}
-        onClick={onZoomOut}
-      >
-        <ZoomOut isActive={isZoomOutActive} />
-      </span>
-      <span
-        className={classnames(styles.action, !isGoLeftActive && styles.disabled)}
-        onClick={onGoLeft}
-      >
-        <LeftArrow isActive={isGoLeftActive} />
-      </span>
-      <span
-        className={classnames(styles.action, !isGoRightActive && styles.disabled)}
-        onClick={onGoRight}
-      >
-        <RightArrow isActive={isGoRightActive} />
-      </span>
-      <span
-        className={classnames(styles.action, !isGoLiveActive && styles.disabled)}
-        onClick={onLive}
-      >
-        <GoLive isActive={isGoLiveActive} />
-      </span>
-      <span className={styles.action} onClick={onMinMaxSet}>
-        <TimeRange />
-      </span>
-      <Modal
-        open={isModalVisible}
-        onClose={onModalClose}
-        title="Jump to Selected Range"
-        actions={
-          <div className={styles.actions}>
-            <Button variant="textPrimary" onClick={onModalClose}>
-              Cancel
-            </Button>
-            <Button variant="contained" color="primary" onClick={onSave} disabled={isJumpDisabled}>
-              Apply
-            </Button>
-          </div>
-        }
-      >
-        <form noValidate className={styles.form}>
-          <TextField
-            id="depth-from"
-            label="From"
-            type="number"
-            defaultValue={leftValue}
-            onChange={onLeftValueChange}
-            InputLabelProps={{
-              shrink: true,
-            }}
-            error={leftValue < min}
-            autoFocus
-            className={classes.input}
-            fullWidth
-          />
-          <TextField
-            id="depth-from"
-            label="To"
-            type="number"
-            defaultValue={rightValue}
-            onChange={onRightValueChange}
-            InputLabelProps={{
-              shrink: true,
-            }}
-            error={rightValue > max}
-            fullWidth
-          />
-        </form>
-      </Modal>
-    </div>
-  );
-};
-
-ChartActionsList.propTypes = {
-  onChange: PropTypes.func.isRequired,
-  min: PropTypes.number.isRequired,
-  max: PropTypes.number.isRequired,
-  left: PropTypes.number.isRequired,
-  right: PropTypes.number.isRequired,
-  classes: PropTypes.shape({}).isRequired,
-};
-export default withStyles({
-  input: {
-    marginRight: 20,
-  },
-})(ChartActionsList);

package/src/components/ChartActionsList/icons/GoLive.js

@@ -1,26 +0,0 @@
-import PropTypes from 'prop-types';
-
-function Icon({ isActive }) {
-  return (
-    <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 16 16">
-      <g fill={isActive ? '#9E9E9E' : '#9e9e9e66'} clipPath="url(#clip0)">
-        <path d="M12 .5v6c0 .3.2.5.5.5s.5-.2.5-.5v-6c0-.3-.2-.5-.5-.5s-.5.2-.5.5zM9 .5v6c0 .3.2.5.5.5s.5-.2.5-.5v-6c0-.3-.2-.5-.5-.5S9 .2 9 .5zM6 .5v6c0 .3.2.5.5.5s.5-.2.5-.5v-6c0-.3-.2-.5-.5-.5S6 .2 6 .5zM4 6.5v-6c0-.3-.2-.5-.5-.5S3 .2 3 .5v6c0 .3.2.5.5.5s.5-.2.5-.5zM12 9.5c0 .1.1.3.1.4l2.2 2.1H.5c-.3 0-.5.2-.5.5s.2.5.5.5h13.8l-2.1 2.1c-.1.1-.2.3-.2.4 0 .3.2.5.5.5.1 0 .3-.1.4-.1l3-3c0-.1.1-.3.1-.4 0-.1-.1-.3-.2-.4l-3-3s-.2-.1-.3-.1c-.3 0-.5.2-.5.5z" />
-      </g>
-      <defs>
-        <clipPath id="clip0">
-          <path
-            fill={isActive ? '#9E9E9E' : '#9e9e9e66'}
-            d="M0 0H16V16H0z"
-            transform="rotate(-90 8 8)"
-          />
-        </clipPath>
-      </defs>
-    </svg>
-  );
-}
-
-Icon.propTypes = {
-  isActive: PropTypes.bool.isRequired,
-};
-
-export default Icon;

package/src/components/ChartActionsList/icons/LeftArrow.js

@@ -1,18 +0,0 @@
-import PropTypes from 'prop-types';
-
-function Icon({ isActive }) {
-  return (
-    <svg xmlns="http://www.w3.org/2000/svg" width="10" height="16" fill="none" viewBox="0 0 10 16">
-      <path
-        fill={isActive ? '#9E9E9E' : '#9e9e9e66'}
-        d="M8.2.1l-8 7.4c-.1.2-.2.3-.2.4 0 .2.1.3.1.4l8 7.6c.2.1.6.1.7 0 .2-.2.2-.6 0-.8L1.2 7.9 8.9.8c.2-.2.2-.5 0-.7-.2-.1-.5-.1-.7 0z"
-      />
-    </svg>
-  );
-}
-
-Icon.propTypes = {
-  isActive: PropTypes.bool.isRequired,
-};
-
-export default Icon;

package/src/components/ChartActionsList/icons/RightArrow.js

@@ -1,18 +0,0 @@
-import PropTypes from 'prop-types';
-
-function Icon({ isActive }) {
-  return (
-    <svg xmlns="http://www.w3.org/2000/svg" width="10" height="16" fill="none" viewBox="0 0 10 16">
-      <path
-        fill={isActive ? '#9E9E9E' : '#9e9e9e66'}
-        d="M1.8 15.9l8-7.4c.1-.2.2-.3.2-.4 0-.1-.1-.3-.1-.4L1.9.1c-.2-.2-.5-.2-.7 0-.2.2-.2.5 0 .7L8.8 8l-7.7 7.1c-.2.2-.2.5 0 .7.2.2.5.2.7.1z"
-      />
-    </svg>
-  );
-}
-
-Icon.propTypes = {
-  isActive: PropTypes.bool.isRequired,
-};
-
-export default Icon;

package/src/components/ChartActionsList/icons/TimeRange.js

@@ -1,16 +0,0 @@
-function Icon() {
-  return (
-    <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 16 16">
-      <path
-        fill="#9E9E9E"
-        d="M8 2.5c-.3 0-.5.2-.5.5v5c0 .1.1.3.1.4l3 3c.1.1.2.1.4.1s.3 0 .4-.1c.2-.2.2-.5 0-.7L8.5 7.8V3c0-.3-.2-.5-.5-.5z"
-      />
-      <path
-        fill="#9E9E9E"
-        d="M8 0C3.6 0 0 3.6 0 8c0 2.4 1.1 4.6 2.8 6H.5c-.3 0-.5.2-.5.5s.2.5.5.5h4v-4.5c0-.3-.2-.5-.5-.5s-.5.2-.5.5v2.9C2 12.1 1 10.2 1 8c0-3.9 3.1-7 7-7s7 3.1 7 7-3.1 7-7 7h-.5c-.3 0-.5.2-.5.5s.2.5.5.5H8c4.4 0 8-3.6 8-8s-3.6-8-8-8z"
-      />
-    </svg>
-  );
-}
-
-export default Icon;