@nasa-terra/components 0.0.66 → 0.0.68

package/dist/chunks/chunk.M6X72F3Q.js

@@ -0,0 +1,373 @@
+import {
+  getGraphQLClient
+} from "./chunk.LDCRCQNJ.js";
+import {
+  __spreadProps,
+  __spreadValues
+} from "./chunk.TVFCHGU3.js";
+
+// src/data-services/queries.ts
+import { gql } from "@apollo/client/core";
+var GET_SERVICE_CAPABILITIES = gql`
+    query GetServiceCapabilities($collectionEntryId: String) {
+        getServiceCapabilities(input: { collectionEntryId: $collectionEntryId }) {
+            conceptId
+            shortName
+            variableSubset
+            bboxSubset
+            shapeSubset
+            temporalSubset
+            concatenate
+            reproject
+            capabilitiesVersion
+            outputFormats
+            services {
+                name
+                href
+                capabilities {
+                    output_formats
+                    subsetting {
+                        temporal
+                        bbox
+                        variable
+                        shape
+                    }
+                }
+            }
+            variables {
+                name
+                href
+                conceptId
+            }
+            collection {
+                granuleCount
+                EntryTitle
+                SpatialExtent {
+                    GranuleSpatialRepresentation
+                    HorizontalSpatialDomain {
+                        Geometry {
+                            CoordinateSystem
+                            BoundingRectangles {
+                                WestBoundingCoordinate
+                                NorthBoundingCoordinate
+                                EastBoundingCoordinate
+                                SouthBoundingCoordinate
+                            }
+                        }
+                    }
+                }
+                TemporalExtents {
+                    EndsAtPresentFlag
+                    RangeDateTimes {
+                        BeginningDateTime
+                        EndingDateTime
+                    }
+                }
+            }
+        }
+    }
+`;
+var CREATE_SUBSET_JOB = gql`
+    mutation CreateSubsetJob(
+        $collectionConceptId: String
+        $collectionEntryId: String
+        $variableConceptIds: [String]
+        $variableEntryIds: [String]
+        $average: String
+        $boundingBox: BoundingBoxInput
+        $startDate: String
+        $endDate: String
+        $format: String
+        $labels: [String]
+    ) {
+        createSubsetJob(
+            input: {
+                collectionConceptId: $collectionConceptId
+                collectionEntryId: $collectionEntryId
+                variableConceptIds: $variableConceptIds
+                variableEntryIds: $variableEntryIds
+                average: $average
+                boundingBox: $boundingBox
+                startDate: $startDate
+                endDate: $endDate
+                format: $format
+                labels: $labels
+            }
+        ) {
+            jobID
+            status
+            message
+            progress
+            createdAt
+            updatedAt
+            dataExpiration
+            request
+            numInputGranules
+            originalDataSize
+            outputDataSize
+            dataSizePercentChange
+            labels
+            links {
+                title
+                href
+                rel
+                type
+                bbox
+                temporal {
+                    start
+                    end
+                }
+            }
+        }
+    }
+`;
+var GET_SUBSET_JOBS = gql`
+    query {
+        getSubsetJobs {
+            count
+            jobs {
+                jobID
+                status
+                message
+                progress
+                request
+                labels
+                createdAt
+            }
+        }
+    }
+`;
+var GET_SUBSET_JOB_STATUS = gql`
+    query GetSubsetJobStatus($jobId: String) {
+        getSubsetJobStatus(jobId: $jobId) {
+            jobID
+            status
+            message
+            progress
+            createdAt
+            updatedAt
+            dataExpiration
+            request
+            numInputGranules
+            originalDataSize
+            outputDataSize
+            dataSizePercentChange
+            labels
+            links {
+                title
+                href
+                rel
+                type
+                bbox
+                temporal {
+                    start
+                    end
+                }
+            }
+            errors {
+                url
+                message
+            }
+        }
+    }
+`;
+var CANCEL_SUBSET_JOB = gql`
+    query CancelSubsetJob($jobId: String) {
+        cancelSubsetJob(jobId: $jobId) {
+            jobID
+            status
+            message
+        }
+    }
+`;
+
+// src/data-services/harmony-data-service.ts
+var HARMONY_CONFIG = {
+  baseUrl: "https://harmony.earthdata.nasa.gov",
+  cmrUrl: "https://cmr.earthdata.nasa.gov/search",
+  proxyUrl: "https://lpo4uv7f0h.execute-api.us-east-1.amazonaws.com/default/harmony-link-proxy"
+};
+var FINAL_STATUSES = /* @__PURE__ */ new Set([
+  "successful" /* SUCCESSFUL */,
+  "failed" /* FAILED */,
+  "canceled" /* CANCELED */,
+  "complete_with_errors" /* COMPLETE_WITH_ERRORS */
+]);
+var HarmonyDataService = class {
+  async getCollectionWithAvailableServices(collectionEntryId, options) {
+    var _a;
+    const client = await getGraphQLClient();
+    console.log(
+      "Getting collection with available services for ",
+      collectionEntryId
+    );
+    const response = await client.query({
+      query: GET_SERVICE_CAPABILITIES,
+      variables: {
+        collectionEntryId
+      },
+      context: {
+        headers: __spreadProps(__spreadValues({}, (options == null ? void 0 : options.bearerToken) && {
+          authorization: options.bearerToken
+        }), {
+          "x-environment": (_a = options == null ? void 0 : options.environment) != null ? _a : "prod"
+        }),
+        fetchOptions: {
+          signal: options == null ? void 0 : options.signal
+        }
+      }
+    });
+    if (response.errors) {
+      throw new Error(
+        `Failed to create subset job: ${response.errors[0].message}`
+      );
+    }
+    return response.data.getServiceCapabilities;
+  }
+  async createSubsetJob(input, options) {
+    var _a, _b;
+    try {
+      const client = await getGraphQLClient();
+      const response = await client.mutate({
+        mutation: CREATE_SUBSET_JOB,
+        variables: {
+          collectionConceptId: input.collectionConceptId,
+          collectionEntryId: input.collectionEntryId,
+          variableConceptIds: input.variableConceptIds,
+          variableEntryIds: input.variableEntryIds,
+          average: input.average,
+          boundingBox: input.boundingBox,
+          startDate: input.startDate,
+          endDate: input.endDate,
+          format: input.format,
+          labels: input.labels
+        },
+        context: {
+          headers: __spreadProps(__spreadValues({}, (options == null ? void 0 : options.bearerToken) && {
+            authorization: options.bearerToken
+          }), {
+            "x-environment": (_a = options == null ? void 0 : options.environment) != null ? _a : "prod"
+          }),
+          fetchOptions: {
+            signal: options == null ? void 0 : options.signal
+          }
+        }
+      });
+      if (response.errors) {
+        throw new Error(
+          `Failed to create subset job: ${response.errors[0].message}`
+        );
+      }
+      return (_b = response.data) == null ? void 0 : _b.createSubsetJob;
+    } catch (err) {
+      console.error("createSubsetJob ERROR: ", err);
+      throw err;
+    }
+  }
+  async getSubsetJobs(searchOptions) {
+    var _a;
+    const client = await getGraphQLClient();
+    const response = await client.query({
+      query: GET_SUBSET_JOBS,
+      context: {
+        headers: __spreadProps(__spreadValues({}, (searchOptions == null ? void 0 : searchOptions.bearerToken) && {
+          authorization: searchOptions.bearerToken
+        }), {
+          "x-environment": (_a = searchOptions == null ? void 0 : searchOptions.environment) != null ? _a : "prod"
+        }),
+        fetchOptions: {
+          signal: searchOptions == null ? void 0 : searchOptions.signal
+        }
+      },
+      fetchPolicy: "network-only"
+    });
+    if (response.errors) {
+      throw new Error(
+        `Failed to fetch subset jobs: ${response.errors[0].message}`
+      );
+    }
+    return response.data.getSubsetJobs;
+  }
+  async getSubsetJobStatus(jobId, searchOptions) {
+    var _a;
+    const client = await getGraphQLClient();
+    const response = await client.query({
+      query: GET_SUBSET_JOB_STATUS,
+      variables: {
+        jobId
+      },
+      context: {
+        headers: __spreadProps(__spreadValues({}, (searchOptions == null ? void 0 : searchOptions.bearerToken) && {
+          authorization: searchOptions.bearerToken
+        }), {
+          "x-environment": (_a = searchOptions == null ? void 0 : searchOptions.environment) != null ? _a : "prod"
+        }),
+        fetchOptions: {
+          signal: searchOptions == null ? void 0 : searchOptions.signal
+        }
+      },
+      fetchPolicy: "no-cache"
+      //! important, we don't want to get cached results here!
+    });
+    if (response.errors) {
+      throw new Error(
+        `Failed to create subset job: ${response.errors[0].message}`
+      );
+    }
+    return response.data.getSubsetJobStatus;
+  }
+  async cancelSubsetJob(jobId, options) {
+    var _a;
+    const client = await getGraphQLClient();
+    const response = await client.query({
+      query: CANCEL_SUBSET_JOB,
+      variables: {
+        jobId
+      },
+      context: {
+        headers: __spreadProps(__spreadValues({}, (options == null ? void 0 : options.bearerToken) && {
+          authorization: options.bearerToken
+        }), {
+          "x-environment": (_a = options == null ? void 0 : options.environment) != null ? _a : "prod"
+        })
+      },
+      fetchPolicy: "no-cache"
+      //! important, we don't want to get cached results here!
+    });
+    if (response.errors) {
+      throw new Error(
+        `Failed to cancel subset job: ${response.errors[0].message}`
+      );
+    }
+    return response.data.cancelSubsetJob;
+  }
+  async getSubsetJobData(job, options) {
+    var _a;
+    const link = (_a = job.links.find((link2) => link2.rel === "data")) == null ? void 0 : _a.href;
+    if (!link) {
+      throw new Error("No data link found for job");
+    }
+    const proxyUrl = `${HARMONY_CONFIG.proxyUrl}?url=${encodeURIComponent(link)}`;
+    console.log("fetching data from ", proxyUrl);
+    const response = await fetch(proxyUrl, {
+      headers: __spreadValues({}, (options == null ? void 0 : options.bearerToken) && {
+        Authorization: `Bearer ${options == null ? void 0 : options.bearerToken}`
+      }),
+      signal: options == null ? void 0 : options.signal
+    });
+    if (!response.ok) {
+      throw new Error(
+        `Failed to fetch subset job link contents: ${response.statusText}`
+      );
+    }
+    const clonedResponse = response.clone();
+    const blob = await response.blob();
+    const text = await clonedResponse.text();
+    return { blob, text };
+  }
+};
+
+export {
+  FINAL_STATUSES,
+  HarmonyDataService
+};

package/dist/chunks/chunk.M74U5ILB.js

@@ -0,0 +1,25 @@
+import {
+  TerraVariableKeywordSearch
+} from "./chunk.XIUGWVFS.js";
+
+// src/react/variable-keyword-search/index.ts
+import * as React from "react";
+import { createComponent } from "@lit/react";
+import "@lit/react";
+var tagName = "terra-variable-keyword-search";
+TerraVariableKeywordSearch.define("terra-variable-keyword-search");
+var reactWrapper = createComponent({
+  tagName,
+  elementClass: TerraVariableKeywordSearch,
+  react: React,
+  events: {
+    onTerraVariableKeywordSearchChange: "terra-variable-keyword-search-change",
+    onTerraSearch: "terra-search"
+  },
+  displayName: "TerraVariableKeywordSearch"
+});
+var variable_keyword_search_default = reactWrapper;
+
+export {
+  variable_keyword_search_default
+};

package/dist/chunks/chunk.M7ZB5QRP.js

@@ -0,0 +1,273 @@
+import {
+  spatial_picker_styles_default
+} from "./chunk.7RT5CEB6.js";
+import {
+  TerraMap
+} from "./chunk.P7UY5YOM.js";
+import {
+  StringifyBoundingBox,
+  parseBoundingBox
+} from "./chunk.GMJWNAQG.js";
+import {
+  TerraElement,
+  component_styles_default
+} from "./chunk.TSIWRLNC.js";
+import {
+  __decorateClass
+} from "./chunk.TVFCHGU3.js";
+
+// src/components/spatial-picker/spatial-picker.component.ts
+import { html, nothing } from "lit";
+import { property, query, state } from "lit/decorators.js";
+var TerraSpatialPicker = class extends TerraElement {
+  constructor() {
+    super(...arguments);
+    this.minZoom = 0;
+    this.maxZoom = 23;
+    this.zoom = 1;
+    this.hasNavigation = true;
+    this.hasCoordTracker = true;
+    this.hasShapeSelector = false;
+    this.initialValue = "";
+    this.hideLabel = false;
+    this.label = "Select Region";
+    this.spatialConstraints = "-180, -90, 180, 90";
+    this.isExpanded = false;
+    this.inline = false;
+    this.showMapOnFocus = false;
+    this.error = "";
+  }
+  setValue(value) {
+    try {
+      this.mapValue = parseBoundingBox(value);
+      this.error = "";
+      this._emitMapChange();
+    } catch (error) {
+      this.error = error instanceof Error ? error.message : "Invalid spatial area (format: LAT, LNG or LAT, LNG, LAT, LNG)";
+    }
+  }
+  _blur(e) {
+    try {
+      this.mapValue = this.spatialInput.value ? parseBoundingBox(this.spatialInput.value) : [];
+      this.error = "";
+    } catch (error) {
+      this.error = error instanceof Error ? error.message : "Invalid spatial area (format: LAT, LNG or LAT, LNG, LAT, LNG)";
+    }
+    this._emitMapChange();
+    const relatedTarget = e.relatedTarget;
+    if (!(relatedTarget == null ? void 0 : relatedTarget.closest("terra-map"))) {
+      this.isExpanded = false;
+    }
+  }
+  _focus() {
+    if (this.showMapOnFocus) {
+      this.isExpanded = true;
+    }
+  }
+  _click() {
+    this.isExpanded = !this.isExpanded;
+  }
+  _emitMapChange() {
+    var _a;
+    const layer = (_a = this.map) == null ? void 0 : _a.getDrawLayer();
+    if (!layer) {
+      return;
+    }
+    if ("getLatLng" in layer) {
+      this.mapValue = layer.getLatLng();
+      this.emit("terra-map-change", {
+        detail: {
+          type: "point" /* POINT */,
+          cause: "draw",
+          latLng: this.mapValue,
+          geoJson: layer.toGeoJSON()
+        }
+      });
+    } else if ("getBounds" in layer) {
+      this.mapValue = layer.getBounds();
+      this.emit("terra-map-change", {
+        detail: {
+          type: "bbox" /* BBOX */,
+          cause: "draw",
+          bounds: this.mapValue,
+          geoJson: layer.toGeoJSON()
+        }
+      });
+    } else {
+      this.mapValue = [];
+    }
+  }
+  open() {
+    this.isExpanded = true;
+  }
+  close() {
+    this.isExpanded = false;
+  }
+  _handleMapChange(event) {
+    switch (event.detail.cause) {
+      case "clear":
+        this.spatialInput.value = "";
+        break;
+      case "draw":
+        if (event.detail.type === "bbox" /* BBOX */) {
+          this.spatialInput.value = StringifyBoundingBox(
+            event.detail.bounds
+          );
+        } else if (event.detail.type === "point" /* POINT */) {
+          this.spatialInput.value = StringifyBoundingBox(
+            event.detail.latLng
+          );
+        }
+        this._emitMapChange();
+        break;
+      default:
+        break;
+    }
+  }
+  firstUpdated() {
+    if (this.initialValue) {
+      this.mapValue = this.initialValue === "" ? [] : parseBoundingBox(this.initialValue);
+    }
+    setTimeout(() => {
+      this.invalidateSize();
+    }, 500);
+  }
+  renderMap() {
+    return html`<terra-map
+            class="${this.inline ? "inline" : ""}"
+            exportparts="map, leaflet-bbox, leaflet-point, leaflet-edit, leaflet-remove"
+            min-zoom=${this.minZoom}
+            max-zoom=${this.maxZoom}
+            zoom=${this.zoom}
+            ?has-coord-tracker=${this.hasCoordTracker}
+            .value=${this.mapValue}
+            ?has-navigation=${this.hasNavigation}
+            ?has-shape-selector=${this.hasShapeSelector}
+            ?hide-bounding-box-selection=${this.hideBoundingBoxSelection}
+            ?hide-point-selection=${this.hidePointSelection}
+            @terra-map-change=${this._handleMapChange}
+        >
+        </terra-map>`;
+  }
+  render() {
+    const expanded = this.inline ? true : this.isExpanded;
+    return html`
+            <div class="spatial-picker">
+                <label
+                    for="spatial-picker__input"
+                    class=${this.hideLabel ? "sr-only" : "spatial-picker__input_label"}
+                    >${this.label}</label
+                >
+                <div class="spatial-picker__input_fields">
+                    <input
+                        id="spatial-picker__input"
+                        value=${this.initialValue}
+                        type="text"
+                        class="spatial-picker__input form-control"
+                        placeholder="${this.spatialConstraints}"
+                        aria-controls="map"
+                        aria-expanded=${expanded}
+                        @blur=${this._blur}
+                        @focus=${this._focus}
+                    />
+                    <terra-button
+                        shape="square-left"
+                        class="spatial-picker__input_icon_button"
+                        @click=${this._click}
+                        type="button"
+                    >
+                        <svg
+                            xmlns="http://www.w3.org/2000/svg"
+                            fill="none"
+                            viewBox="0 0 24 24"
+                            stroke-width="1.5"
+                            stroke="currentColor"
+                            class="w-6 h-6"
+                        >
+                            <path
+                                stroke-linecap="round"
+                                stroke-linejoin="round"
+                                d="M9 6.75V15m6-6v8.25m.503 3.498 4.875-2.437c.381-.19.622-.58.622-1.006V4.82c0-.836-.88-1.38-1.628-1.006l-3.869 1.934c-.317.159-.69.159-1.006 0L9.503 3.252a1.125 1.125 0 0 0-1.006 0L3.622 5.689C3.24 5.88 3 6.27 3 6.695V19.18c0 .836.88 1.38 1.628 1.006l3.869-1.934c.317-.159.69-.159 1.006 0l4.994 2.497c.317.158.69.158 1.006 0Z"
+                            />
+                        </svg>
+                    </terra-button>
+                </div>
+                ${this.error ? html`<div class="spatial-picker__error">${this.error}</div>` : nothing}
+                ${expanded ? html`<div
+                          style="${this.inline ? "position: static; width: 100%;" : ""}"
+                      >
+                          ${this.renderMap()}
+                      </div>` : nothing}
+            </div>
+        `;
+  }
+  invalidateSize() {
+    var _a;
+    (_a = this.map) == null ? void 0 : _a.invalidateSize();
+  }
+};
+TerraSpatialPicker.styles = [component_styles_default, spatial_picker_styles_default];
+TerraSpatialPicker.dependencies = {
+  "terra-map": TerraMap
+};
+__decorateClass([
+  property({ attribute: "min-zoom", type: Number })
+], TerraSpatialPicker.prototype, "minZoom", 2);
+__decorateClass([
+  property({ attribute: "max-zoom", type: Number })
+], TerraSpatialPicker.prototype, "maxZoom", 2);
+__decorateClass([
+  property({ type: Number })
+], TerraSpatialPicker.prototype, "zoom", 2);
+__decorateClass([
+  property({ attribute: "has-navigation", type: Boolean })
+], TerraSpatialPicker.prototype, "hasNavigation", 2);
+__decorateClass([
+  property({ attribute: "has-coord-tracker", type: Boolean })
+], TerraSpatialPicker.prototype, "hasCoordTracker", 2);
+__decorateClass([
+  property({ attribute: "has-shape-selector", type: Boolean })
+], TerraSpatialPicker.prototype, "hasShapeSelector", 2);
+__decorateClass([
+  property({ attribute: "hide-bounding-box-selection", type: Boolean })
+], TerraSpatialPicker.prototype, "hideBoundingBoxSelection", 2);
+__decorateClass([
+  property({ attribute: "hide-point-selection", type: Boolean })
+], TerraSpatialPicker.prototype, "hidePointSelection", 2);
+__decorateClass([
+  property({ attribute: "initial-value" })
+], TerraSpatialPicker.prototype, "initialValue", 2);
+__decorateClass([
+  property({ attribute: "hide-label", type: Boolean })
+], TerraSpatialPicker.prototype, "hideLabel", 2);
+__decorateClass([
+  property()
+], TerraSpatialPicker.prototype, "label", 2);
+__decorateClass([
+  property({ attribute: "spatial-constraints" })
+], TerraSpatialPicker.prototype, "spatialConstraints", 2);
+__decorateClass([
+  property({ attribute: "is-expanded", type: Boolean, reflect: true })
+], TerraSpatialPicker.prototype, "isExpanded", 2);
+__decorateClass([
+  property({ type: Boolean })
+], TerraSpatialPicker.prototype, "inline", 2);
+__decorateClass([
+  property({ attribute: "show-map-on-focus", type: Boolean })
+], TerraSpatialPicker.prototype, "showMapOnFocus", 2);
+__decorateClass([
+  state()
+], TerraSpatialPicker.prototype, "mapValue", 2);
+__decorateClass([
+  state()
+], TerraSpatialPicker.prototype, "error", 2);
+__decorateClass([
+  query(".spatial-picker__input")
+], TerraSpatialPicker.prototype, "spatialInput", 2);
+__decorateClass([
+  query("terra-map")
+], TerraSpatialPicker.prototype, "map", 2);
+
+export {
+  TerraSpatialPicker
+};