@webviz/subsurface-viewer 0.0.1-alpha.1

package/src/components/__snapshots__/InfoCard.test.tsx.snap

@@ -0,0 +1,561 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`Test Info Card snapshot test when property value provided 1`] = `
+.c1 {
+  display: grid;
+  grid-gap: 8px;
+  grid-auto-flow: column;
+  -webkit-align-items: center;
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+  align-items: center;
+  height: 100%;
+}
+
+.c0 {
+  margin: 0;
+  padding: 0;
+  background: transparent;
+  height: 36px;
+  padding-left: 16px;
+  padding-right: 16px;
+  border: 1px solid transparent;
+  border-radius: 4px;
+  margin: 0;
+  color: var(--eds_interactive_primary__resting,rgba(0,112,121,1));
+  font-family: Equinor;
+  font-size: 0.875rem;
+  font-weight: 500;
+  line-height: 1.143em;
+  text-align: center;
+  -webkit-text-decoration: none;
+  text-decoration: none;
+  position: relative;
+  cursor: pointer;
+  display: inline-block;
+}
+
+.c0 svg {
+  justify-self: center;
+}
+
+.c0::after {
+  position: absolute;
+  top: -6px;
+  left: -0;
+  width: 100%;
+  height: 48px;
+  content: '';
+}
+
+.c0:hover {
+  background: var(--eds_interactive_primary__hover_alt,rgba(222,237,238,1));
+  color: var(--eds_interactive_primary__hover,rgba(0,79,85,1));
+  border: 1px solid transparent;
+  border-radius: 4px;
+}
+
+.c0:focus {
+  outline: none;
+}
+
+.c0[data-focus-visible-added]:focus {
+  outline: 1px dashed rgba(0,112,121,1);
+  outline-offset: 2px;
+}
+
+.c0::-moz-focus-inner {
+  border: 0;
+}
+
+.c0:disabled {
+  cursor: not-allowed;
+  background: transparent;
+  border: 1px solid transparent;
+  margin: 0;
+  color: var(--eds_interactive__disabled__text,rgba(190,190,190,1));
+  font-family: Equinor;
+  font-size: 0.875rem;
+  font-weight: 500;
+  line-height: 1.143em;
+  text-align: center;
+}
+
+.c0:disabled:hover {
+  background: transparent;
+}
+
+.c0::before {
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: auto;
+  min-height: auto;
+  content: '';
+}
+
+<div
+  class="MuiTableContainer-root css-rorn0c-MuiTableContainer-root"
+>
+  <table
+    aria-label="info-card"
+    class="MuiTable-root css-t8ttc-MuiTable-root"
+  >
+    <tbody
+      class="MuiTableBody-root css-apqrd9-MuiTableBody-root"
+    >
+      <tr
+        class="MuiTableRow-root css-229i8j-MuiTableRow-root"
+      >
+        <td
+          class="MuiTableCell-root MuiTableCell-body MuiTableCell-sizeMedium css-spv49l-MuiTableCell-root"
+        >
+          <button
+            class="c0"
+            style="padding: 0px;"
+            tabindex="0"
+            type="button"
+          >
+            <span
+              class="c1"
+            >
+              <svg
+                aria-hidden="true"
+                class=""
+                fill="currentColor"
+                height="24px"
+                viewBox="0 0 24 24"
+                width="24px"
+                xmlns="http://www.w3.org/2000/svg"
+              >
+                <path
+                  class=""
+                  clip-rule="evenodd"
+                  d="m7 14.5 5-5 5 5H7z"
+                  data-testid="eds-icon-path"
+                  fill-rule="evenodd"
+                  height="24"
+                />
+              </svg>
+            </span>
+          </button>
+        </td>
+        <td
+          class="MuiTableCell-root MuiTableCell-body MuiTableCell-sizeMedium css-1ex1afd-MuiTableCell-root"
+        >
+           
+          Position
+           
+        </td>
+      </tr>
+      <tr
+        class="MuiTableRow-root css-229i8j-MuiTableRow-root"
+      >
+        <td
+          class="MuiTableCell-root MuiTableCell-body MuiTableCell-sizeMedium css-1ex1afd-MuiTableCell-root"
+          colspan="2"
+          style="padding-bottom: 0px; padding-top: 0px;"
+        >
+          <div
+            class="MuiCollapse-root MuiCollapse-vertical MuiCollapse-entered css-pwcg7p-MuiCollapse-root"
+            style="min-height: 0px;"
+          >
+            <div
+              class="MuiCollapse-wrapper MuiCollapse-vertical css-smkl36-MuiCollapse-wrapper"
+            >
+              <div
+                class="MuiCollapse-wrapperInner MuiCollapse-vertical css-9l5vo-MuiCollapse-wrapperInner"
+              >
+                <table
+                  aria-label="properties"
+                  class="MuiTable-root css-rqglhn-MuiTable-root"
+                >
+                  <tbody
+                    class="MuiTableBody-root css-apqrd9-MuiTableBody-root"
+                  >
+                    <tr
+                      class="MuiTableRow-root css-229i8j-MuiTableRow-root"
+                    >
+                      <td
+                        class="MuiTableCell-root MuiTableCell-body MuiTableCell-sizeSmall css-dsuxgy-MuiTableCell-root"
+                        style="padding-left: 10px; padding-right: 10px;"
+                      >
+                        x
+                      </td>
+                      <td
+                        class="MuiTableCell-root MuiTableCell-body MuiTableCell-sizeSmall css-dsuxgy-MuiTableCell-root"
+                        style="text-align: right;"
+                      >
+                        111.00 m
+                      </td>
+                    </tr>
+                    <tr
+                      class="MuiTableRow-root css-229i8j-MuiTableRow-root"
+                    >
+                      <td
+                        class="MuiTableCell-root MuiTableCell-body MuiTableCell-sizeSmall css-dsuxgy-MuiTableCell-root"
+                        style="padding-left: 10px; padding-right: 10px;"
+                      >
+                        y
+                      </td>
+                      <td
+                        class="MuiTableCell-root MuiTableCell-body MuiTableCell-sizeSmall css-dsuxgy-MuiTableCell-root"
+                        style="text-align: right;"
+                      >
+                        222.00 m
+                      </td>
+                    </tr>
+                    <tr
+                      class="MuiTableRow-root css-229i8j-MuiTableRow-root"
+                    >
+                      <td
+                        class="MuiTableCell-root MuiTableCell-body MuiTableCell-sizeSmall css-dsuxgy-MuiTableCell-root"
+                        style="padding-left: 10px; padding-right: 10px;"
+                      >
+                        Hill shading
+                      </td>
+                      <td
+                        class="MuiTableCell-root MuiTableCell-body MuiTableCell-sizeSmall css-dsuxgy-MuiTableCell-root"
+                        style="text-align: right;"
+                      >
+                        3152.02
+                      </td>
+                    </tr>
+                  </tbody>
+                </table>
+              </div>
+            </div>
+          </div>
+        </td>
+      </tr>
+      <tr
+        class="MuiTableRow-root css-229i8j-MuiTableRow-root"
+      >
+        <td
+          class="MuiTableCell-root MuiTableCell-body MuiTableCell-sizeMedium css-spv49l-MuiTableCell-root"
+        >
+          <button
+            class="c0"
+            style="padding: 0px;"
+            tabindex="0"
+            type="button"
+          >
+            <span
+              class="c1"
+            >
+              <svg
+                aria-hidden="true"
+                class=""
+                fill="currentColor"
+                height="24px"
+                viewBox="0 0 24 24"
+                width="24px"
+                xmlns="http://www.w3.org/2000/svg"
+              >
+                <path
+                  class=""
+                  clip-rule="evenodd"
+                  d="m7 14.5 5-5 5 5H7z"
+                  data-testid="eds-icon-path"
+                  fill-rule="evenodd"
+                  height="24"
+                />
+              </svg>
+            </span>
+          </button>
+        </td>
+        <td
+          class="MuiTableCell-root MuiTableCell-body MuiTableCell-sizeMedium css-1ex1afd-MuiTableCell-root"
+        >
+           
+          Wells layer
+           
+        </td>
+      </tr>
+      <tr
+        class="MuiTableRow-root css-229i8j-MuiTableRow-root"
+      >
+        <td
+          class="MuiTableCell-root MuiTableCell-body MuiTableCell-sizeMedium css-1ex1afd-MuiTableCell-root"
+          colspan="2"
+          style="padding-bottom: 0px; padding-top: 0px;"
+        >
+          <div
+            class="MuiCollapse-root MuiCollapse-vertical MuiCollapse-entered css-pwcg7p-MuiCollapse-root"
+            style="min-height: 0px;"
+          >
+            <div
+              class="MuiCollapse-wrapper MuiCollapse-vertical css-smkl36-MuiCollapse-wrapper"
+            >
+              <div
+                class="MuiCollapse-wrapperInner MuiCollapse-vertical css-9l5vo-MuiCollapse-wrapperInner"
+              >
+                <table
+                  aria-label="properties"
+                  class="MuiTable-root css-rqglhn-MuiTable-root"
+                >
+                  <tbody
+                    class="MuiTableBody-root css-apqrd9-MuiTableBody-root"
+                  >
+                    <tr
+                      class="MuiTableRow-root css-229i8j-MuiTableRow-root"
+                    >
+                      <td
+                        class="MuiTableCell-root MuiTableCell-body MuiTableCell-sizeSmall css-dsuxgy-MuiTableCell-root"
+                        style="padding-left: 10px; padding-right: 10px;"
+                      >
+                        Poro
+                      </td>
+                      <td
+                        class="MuiTableCell-root MuiTableCell-body MuiTableCell-sizeSmall css-dsuxgy-MuiTableCell-root"
+                        style="text-align: right;"
+                      >
+                        123
+                      </td>
+                    </tr>
+                    <tr
+                      class="MuiTableRow-root css-229i8j-MuiTableRow-root"
+                    >
+                      <td
+                        class="MuiTableCell-root MuiTableCell-body MuiTableCell-sizeSmall css-dsuxgy-MuiTableCell-root"
+                        style="padding-left: 10px; padding-right: 10px;"
+                      >
+                        Perm
+                      </td>
+                      <td
+                        class="MuiTableCell-root MuiTableCell-body MuiTableCell-sizeSmall css-dsuxgy-MuiTableCell-root"
+                        style="text-align: right;"
+                      >
+                        456
+                      </td>
+                    </tr>
+                  </tbody>
+                </table>
+              </div>
+            </div>
+          </div>
+        </td>
+      </tr>
+    </tbody>
+  </table>
+</div>
+`;
+
+exports[`Test Info Card snapshot test with no props 1`] = `
+.c1 {
+  display: grid;
+  grid-gap: 8px;
+  grid-auto-flow: column;
+  -webkit-align-items: center;
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+  align-items: center;
+  height: 100%;
+}
+
+.c0 {
+  margin: 0;
+  padding: 0;
+  background: transparent;
+  height: 36px;
+  padding-left: 16px;
+  padding-right: 16px;
+  border: 1px solid transparent;
+  border-radius: 4px;
+  margin: 0;
+  color: var(--eds_interactive_primary__resting,rgba(0,112,121,1));
+  font-family: Equinor;
+  font-size: 0.875rem;
+  font-weight: 500;
+  line-height: 1.143em;
+  text-align: center;
+  -webkit-text-decoration: none;
+  text-decoration: none;
+  position: relative;
+  cursor: pointer;
+  display: inline-block;
+}
+
+.c0 svg {
+  justify-self: center;
+}
+
+.c0::after {
+  position: absolute;
+  top: -6px;
+  left: -0;
+  width: 100%;
+  height: 48px;
+  content: '';
+}
+
+.c0:hover {
+  background: var(--eds_interactive_primary__hover_alt,rgba(222,237,238,1));
+  color: var(--eds_interactive_primary__hover,rgba(0,79,85,1));
+  border: 1px solid transparent;
+  border-radius: 4px;
+}
+
+.c0:focus {
+  outline: none;
+}
+
+.c0[data-focus-visible-added]:focus {
+  outline: 1px dashed rgba(0,112,121,1);
+  outline-offset: 2px;
+}
+
+.c0::-moz-focus-inner {
+  border: 0;
+}
+
+.c0:disabled {
+  cursor: not-allowed;
+  background: transparent;
+  border: 1px solid transparent;
+  margin: 0;
+  color: var(--eds_interactive__disabled__text,rgba(190,190,190,1));
+  font-family: Equinor;
+  font-size: 0.875rem;
+  font-weight: 500;
+  line-height: 1.143em;
+  text-align: center;
+}
+
+.c0:disabled:hover {
+  background: transparent;
+}
+
+.c0::before {
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: auto;
+  min-height: auto;
+  content: '';
+}
+
+<div
+  class="MuiTableContainer-root css-rorn0c-MuiTableContainer-root"
+>
+  <table
+    aria-label="info-card"
+    class="MuiTable-root css-t8ttc-MuiTable-root"
+  >
+    <tbody
+      class="MuiTableBody-root css-apqrd9-MuiTableBody-root"
+    >
+      <tr
+        class="MuiTableRow-root css-229i8j-MuiTableRow-root"
+      >
+        <td
+          class="MuiTableCell-root MuiTableCell-body MuiTableCell-sizeMedium css-spv49l-MuiTableCell-root"
+        >
+          <button
+            class="c0"
+            style="padding: 0px;"
+            tabindex="0"
+            type="button"
+          >
+            <span
+              class="c1"
+            >
+              <svg
+                aria-hidden="true"
+                class=""
+                fill="currentColor"
+                height="24px"
+                viewBox="0 0 24 24"
+                width="24px"
+                xmlns="http://www.w3.org/2000/svg"
+              >
+                <path
+                  class=""
+                  clip-rule="evenodd"
+                  d="m7 14.5 5-5 5 5H7z"
+                  data-testid="eds-icon-path"
+                  fill-rule="evenodd"
+                  height="24"
+                />
+              </svg>
+            </span>
+          </button>
+        </td>
+        <td
+          class="MuiTableCell-root MuiTableCell-body MuiTableCell-sizeMedium css-1ex1afd-MuiTableCell-root"
+        >
+           
+          Position
+           
+        </td>
+      </tr>
+      <tr
+        class="MuiTableRow-root css-229i8j-MuiTableRow-root"
+      >
+        <td
+          class="MuiTableCell-root MuiTableCell-body MuiTableCell-sizeMedium css-1ex1afd-MuiTableCell-root"
+          colspan="2"
+          style="padding-bottom: 0px; padding-top: 0px;"
+        >
+          <div
+            class="MuiCollapse-root MuiCollapse-vertical MuiCollapse-entered css-pwcg7p-MuiCollapse-root"
+            style="min-height: 0px;"
+          >
+            <div
+              class="MuiCollapse-wrapper MuiCollapse-vertical css-smkl36-MuiCollapse-wrapper"
+            >
+              <div
+                class="MuiCollapse-wrapperInner MuiCollapse-vertical css-9l5vo-MuiCollapse-wrapperInner"
+              >
+                <table
+                  aria-label="properties"
+                  class="MuiTable-root css-rqglhn-MuiTable-root"
+                >
+                  <tbody
+                    class="MuiTableBody-root css-apqrd9-MuiTableBody-root"
+                  >
+                    <tr
+                      class="MuiTableRow-root css-229i8j-MuiTableRow-root"
+                    >
+                      <td
+                        class="MuiTableCell-root MuiTableCell-body MuiTableCell-sizeSmall css-dsuxgy-MuiTableCell-root"
+                        style="padding-left: 10px; padding-right: 10px;"
+                      >
+                        x
+                      </td>
+                      <td
+                        class="MuiTableCell-root MuiTableCell-body MuiTableCell-sizeSmall css-dsuxgy-MuiTableCell-root"
+                        style="text-align: right;"
+                      >
+                        111.00 m
+                      </td>
+                    </tr>
+                    <tr
+                      class="MuiTableRow-root css-229i8j-MuiTableRow-root"
+                    >
+                      <td
+                        class="MuiTableCell-root MuiTableCell-body MuiTableCell-sizeSmall css-dsuxgy-MuiTableCell-root"
+                        style="padding-left: 10px; padding-right: 10px;"
+                      >
+                        y
+                      </td>
+                      <td
+                        class="MuiTableCell-root MuiTableCell-body MuiTableCell-sizeSmall css-dsuxgy-MuiTableCell-root"
+                        style="text-align: right;"
+                      >
+                        222.00 m
+                      </td>
+                    </tr>
+                  </tbody>
+                </table>
+              </div>
+            </div>
+          </div>
+        </td>
+      </tr>
+    </tbody>
+  </table>
+</div>
+`;
+
+exports[`Test Info Card undefined coordinates 1`] = `null`;

package/src/components/__snapshots__/Map.test.tsx.snap

@@ -0,0 +1,119 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`Test Map component snapshot test 1`] = `
+.c0 {
+  display: inline-block;
+  -webkit-transform: rotate(-90deg);
+  -ms-transform: rotate(-90deg);
+  transform: rotate(-90deg);
+}
+
+<div>
+  <div
+    id="DeckGL-Map-wrapper"
+    style="position: absolute; z-index: 0; left: 0px; top: 0px; width: 100%; height: 100%;"
+  >
+    <canvas
+      id="DeckGL-Map"
+      style="left: 0px; top: 0px; width: 100%; position: absolute; height: 100%;"
+    />
+  </div>
+  <div>
+    <svg
+      aria-valuemax="100"
+      aria-valuemin="0"
+      aria-valuenow="0"
+      class="c0"
+      height="48"
+      preserveAspectRatio="xMidYMid meet"
+      role="progressbar"
+      viewBox="24 24 48 48"
+      width="48"
+    >
+      <circle
+        class=""
+        cx="48"
+        cy="48"
+        fill="none"
+        r="22"
+        stroke="var(--eds_infographic_primary__moss_green_13, rgba(222, 237, 238, 1))"
+        stroke-width="4"
+        style="stroke: 138.230; stroke-dashoffset: 138.230px;"
+      />
+      <circle
+        class=""
+        cx="48"
+        cy="48"
+        fill="none"
+        r="22"
+        stroke="var(--eds_infographic_primary__moss_green_100, rgba(0, 112, 121, 1))"
+        stroke-dasharray="138.23007675795088"
+        stroke-linecap="round"
+        stroke-width="4"
+        style="stroke: 138.230; stroke-dashoffset: 138.230px;"
+      />
+    </svg>
+    <br />
+    Loading assets...
+  </div>
+</div>
+`;
+
+exports[`Test Map component snapshot test with edited data 1`] = `
+.c0 {
+  display: inline-block;
+  -webkit-transform: rotate(-90deg);
+  -ms-transform: rotate(-90deg);
+  transform: rotate(-90deg);
+}
+
+<div>
+  <div
+    id="DeckGL-Map-wrapper"
+    style="position: absolute; z-index: 0; left: 0px; top: 0px; width: 100%; height: 100%;"
+  >
+    <canvas
+      id="DeckGL-Map"
+      style="left: 0px; top: 0px; width: 100%; position: absolute; height: 100%;"
+    />
+  </div>
+  <div>
+    <svg
+      aria-valuemax="100"
+      aria-valuemin="0"
+      aria-valuenow="0"
+      class="c0"
+      height="48"
+      preserveAspectRatio="xMidYMid meet"
+      role="progressbar"
+      viewBox="24 24 48 48"
+      width="48"
+    >
+      <circle
+        class=""
+        cx="48"
+        cy="48"
+        fill="none"
+        r="22"
+        stroke="var(--eds_infographic_primary__moss_green_13, rgba(222, 237, 238, 1))"
+        stroke-width="4"
+        style="stroke: 138.230; stroke-dashoffset: 138.230px;"
+      />
+      <circle
+        class=""
+        cx="48"
+        cy="48"
+        fill="none"
+        r="22"
+        stroke="var(--eds_infographic_primary__moss_green_100, rgba(0, 112, 121, 1))"
+        stroke-dasharray="138.23007675795088"
+        stroke-linecap="round"
+        stroke-width="4"
+        style="stroke: 138.230; stroke-dashoffset: 138.230px;"
+      />
+    </svg>
+    <br />
+    Loading assets...
+  </div>
+</div>
+`;

package/src/components/__snapshots__/StatusIndicator.test.tsx.snap

@@ -0,0 +1,3 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`Test Status Indicator snapshot test with no props 1`] = `<div />`;

package/src/components/__snapshots__/ViewFooter.test.tsx.snap

@@ -0,0 +1,7 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`Test View Footer snapshot test with no props 1`] = `
+<div
+  class="css-m2xg6a"
+/>
+`;