@nasa-terra/components 0.0.193 → 0.0.194

package/cdn/chunks/chunk.H5JXHH2F.js

@@ -0,0 +1,294 @@
+import {
+  data_subsetter_history_styles_default
+} from "./chunk.4X6WWIPJ.js";
+import {
+  TerraDataSubsetter
+} from "./chunk.ZK2F6XLW.js";
+import {
+  TerraDialog
+} from "./chunk.FMMWQRF6.js";
+import {
+  AuthController
+} from "./chunk.P34Y4ETY.js";
+import {
+  queryHarmonyJobs
+} from "./chunk.PYRLBGCN.js";
+import {
+  QueryClientMixin
+} from "./chunk.DOUWGQFH.js";
+import {
+  QueryController
+} from "./chunk.YY3ZUPZV.js";
+import {
+  TerraIcon
+} from "./chunk.IZYJIYRD.js";
+import {
+  TerraElement,
+  component_styles_default,
+  e,
+  n,
+  r
+} from "./chunk.WTFB42FU.js";
+import {
+  A,
+  b
+} from "./chunk.RRCYT4LP.js";
+import {
+  __decorateClass,
+  __privateAdd,
+  __privateMethod,
+  init_buffer,
+  init_dirname,
+  init_process
+} from "./chunk.ZEOVK2FE.js";
+
+// src/components/data-subsetter-history/data-subsetter-history.component.ts
+init_dirname();
+init_buffer();
+init_process();
+var _renderHistoryItems, renderHistoryItems_fn, _renderSubsetterHistoryItem, renderSubsetterHistoryItem_fn, _handleHistoryItemClick, handleHistoryItemClick_fn, _parseLabelsAsJson, parseLabelsAsJson_fn;
+var TerraDataSubsetterHistory = class extends QueryClientMixin(
+  TerraElement
+) {
+  constructor() {
+    super(...arguments);
+    __privateAdd(this, _renderHistoryItems);
+    __privateAdd(this, _renderSubsetterHistoryItem);
+    __privateAdd(this, _handleHistoryItemClick);
+    __privateAdd(this, _parseLabelsAsJson);
+    this.label = "History";
+    this.alwaysShow = true;
+    this.collapsed = true;
+    this.hideCancelled = true;
+    this.jobsQuery = new QueryController(
+      this,
+      () => queryHarmonyJobs({ page: 1 }, { bearerToken: this.bearerToken })
+    );
+    this._authController = new AuthController(this);
+  }
+  toggleCollapsed() {
+    this.collapsed = !this.collapsed;
+  }
+  render() {
+    var _a;
+    const jobs = (_a = this.jobsQuery.result) == null ? void 0 : _a.data;
+    const hasJobs = jobs && jobs.jobs.length > 0;
+    if (!hasJobs) {
+      return A;
+    }
+    return b`
+            <div class="${this.collapsed ? "collapsed" : ""}">
+                <div class="history-header" @click=${this.toggleCollapsed}>
+                    <span>${this.label}</span>
+                </div>
+
+                <div class="history-panel">
+                    ${hasJobs ? b`
+                              <div class="history-link-row">
+                                  <label>
+                                      <input
+                                          type="checkbox"
+                                          .checked=${this.hideCancelled}
+                                          @change=${(e2) => {
+      this.hideCancelled = e2.target.checked;
+    }}
+                                      />
+                                      Hide Cancelled
+                                  </label>
+
+                                  <a
+                                      href="https://harmony.earthdata.nasa.gov/workflow-ui"
+                                      target="_blank"
+                                      rel="noopener noreferrer"
+                                      class="history-link"
+                                  >
+                                      View all
+                                      <terra-icon
+                                          name="outline-arrow-top-right-on-square"
+                                          library="heroicons"
+                                          size="32px"
+                                      ></terra-icon>
+                                  </a>
+                              </div>
+                          ` : A}
+
+                    <div class="history-list">
+                        ${jobs ? hasJobs ? __privateMethod(this, _renderHistoryItems, renderHistoryItems_fn).call(this, jobs) : b`<div class="history-alert-message">
+                                      You haven't made any requests yet.<br />
+                                      Get started by
+                                      <a
+                                          href="#"
+                                          class="history-alert-link"
+                                          @click=${(e2) => {
+      var _a2;
+      e2.preventDefault();
+      this.selectedJob = void 0;
+      this.selectedCollectionEntryId = void 0;
+      (_a2 = this.dialog) == null ? void 0 : _a2.show();
+    }}
+                                      >
+                                          creating your first request!</a
+                                      >.
+                                  </div>` : b`<div class="history-alert-message">
+                                  Retrieving your requests....
+                              </div>`}
+                    </div>
+                </div>
+            </div>
+
+            <terra-data-subsetter
+                .jobId=${this.selectedJob}
+                .collectionEntryId=${this.selectedCollectionEntryId}
+                .bearerToken=${this.bearerToken}
+                is-history-view
+                dialog="history-dialog"
+                part="subsetter"
+            ></terra-data-subsetter>
+        `;
+  }
+};
+_renderHistoryItems = new WeakSet();
+renderHistoryItems_fn = function(subsetJobs) {
+  const filteredJobs = subsetJobs.jobs.slice().filter((job) => {
+    if (this.hideCancelled) {
+      return job.status !== "canceled" /* CANCELED */;
+    }
+    return true;
+  }).sort(
+    (a, b2) => new Date(b2.createdAt).getTime() - new Date(a.createdAt).getTime()
+  );
+  if (!filteredJobs.length) {
+    return b`
+                <div class="history-alert-message">
+                    There are no active requests to show.<br />
+                    If you'd like, you can
+                    <a
+                        href="#"
+                        class="history-alert-link"
+                        @click=${(e2) => {
+      var _a;
+      e2.preventDefault();
+      this.selectedJob = void 0;
+      this.selectedCollectionEntryId = void 0;
+      (_a = this.dialog) == null ? void 0 : _a.show();
+    }}
+                    >
+                        create a new request.</a
+                    >
+                </div>
+            `;
+  }
+  return filteredJobs.map((job) => {
+    let fillColor = "#0066cc";
+    if (job.status === "successful" /* SUCCESSFUL */ || job.status === "complete_with_errors" /* COMPLETE_WITH_ERRORS */ || job.status === "running_with_errors" /* RUNNING_WITH_ERRORS */) {
+      fillColor = "#28a745";
+    } else if (job.status === "failed" /* FAILED */) {
+      fillColor = "#dc3545";
+    } else if (job.status === "canceled" /* CANCELED */) {
+      fillColor = "#ffc107";
+    }
+    const progressLabel = job.status === "failed" /* FAILED */ || job.status === "canceled" /* CANCELED */ ? job.status : `${job.progress}%`;
+    const progress = job.status === "failed" /* FAILED */ || job.status === "canceled" /* CANCELED */ ? 100 : job.progress;
+    const parsedLabels = __privateMethod(this, _parseLabelsAsJson, parseLabelsAsJson_fn).call(this, job.labels || []);
+    return b`
+                <div
+                    class="history-item"
+                    @click=${__privateMethod(this, _handleHistoryItemClick, handleHistoryItemClick_fn).bind(this, job)}
+                >
+                    <div class="item-header">
+                        <div class="item-title">
+                            ${__privateMethod(this, _renderSubsetterHistoryItem, renderSubsetterHistoryItem_fn).call(this, job, parsedLabels)}
+                        </div>
+                    </div>
+
+                    <div class="progress-bar">
+                        <div
+                            class="progress-fill"
+                            style="width: ${progress}%; background-color: ${fillColor}"
+                        >
+                            ${progressLabel}
+                        </div>
+                    </div>
+                </div>
+            `;
+  });
+};
+_renderSubsetterHistoryItem = new WeakSet();
+renderSubsetterHistoryItem_fn = function(job, labels) {
+  var _a;
+  return b`
+            <div class="subsetter-history-item">
+                <div class="history-item-title">
+                    ${(_a = labels["collection-entry-id"]) != null ? _a : job.jobID}
+                </div>
+                <div>${new Date(job.createdAt).toLocaleString()}</div>
+            </div>
+        `;
+};
+_handleHistoryItemClick = new WeakSet();
+handleHistoryItemClick_fn = function(job) {
+  var _a;
+  const parsedLabels = __privateMethod(this, _parseLabelsAsJson, parseLabelsAsJson_fn).call(this, job.labels || []);
+  this.selectedJob = job.jobID;
+  this.selectedCollectionEntryId = parsedLabels["collection-entry-id"];
+  (_a = this.subsetter) == null ? void 0 : _a.showDialog();
+};
+_parseLabelsAsJson = new WeakSet();
+parseLabelsAsJson_fn = function(labels) {
+  try {
+    return Object.fromEntries(
+      labels.map((line) => {
+        const [key, ...rest] = line.split(":");
+        const valueRaw = rest.join(":").trim();
+        let value = valueRaw;
+        if (valueRaw.startsWith("{") || valueRaw.startsWith("[")) {
+          try {
+            value = JSON.parse(valueRaw);
+          } catch (e2) {
+            value = valueRaw;
+          }
+        }
+        return [key.trim(), value];
+      })
+    );
+  } catch (e2) {
+    return {};
+  }
+};
+TerraDataSubsetterHistory.dependencies = {
+  "terra-icon": TerraIcon,
+  "terra-data-subsetter": TerraDataSubsetter,
+  "terra-dialog": TerraDialog
+};
+TerraDataSubsetterHistory.styles = [component_styles_default, data_subsetter_history_styles_default];
+__decorateClass([
+  n()
+], TerraDataSubsetterHistory.prototype, "label", 2);
+__decorateClass([
+  n({ attribute: "bearer-token" })
+], TerraDataSubsetterHistory.prototype, "bearerToken", 2);
+__decorateClass([
+  n({ attribute: "always-show", type: Boolean })
+], TerraDataSubsetterHistory.prototype, "alwaysShow", 2);
+__decorateClass([
+  r()
+], TerraDataSubsetterHistory.prototype, "collapsed", 2);
+__decorateClass([
+  r()
+], TerraDataSubsetterHistory.prototype, "selectedJob", 2);
+__decorateClass([
+  r()
+], TerraDataSubsetterHistory.prototype, "selectedCollectionEntryId", 2);
+__decorateClass([
+  r()
+], TerraDataSubsetterHistory.prototype, "hideCancelled", 2);
+__decorateClass([
+  e('[part~="dialog"]')
+], TerraDataSubsetterHistory.prototype, "dialog", 2);
+__decorateClass([
+  e('[part~="subsetter"]')
+], TerraDataSubsetterHistory.prototype, "subsetter", 2);
+
+export {
+  TerraDataSubsetterHistory
+};

package/cdn/chunks/chunk.HBVEZIU6.js

@@ -0,0 +1,19 @@
+import {
+  TerraMenuItem
+} from "./chunk.RBRCQLSM.js";
+import {
+  init_buffer,
+  init_dirname,
+  init_process
+} from "./chunk.ZEOVK2FE.js";
+
+// src/components/menu-item/menu-item.ts
+init_dirname();
+init_buffer();
+init_process();
+var menu_item_default = TerraMenuItem;
+TerraMenuItem.define("terra-menu-item");
+
+export {
+  menu_item_default
+};

package/cdn/chunks/chunk.HDSP7ASR.js

@@ -0,0 +1,32 @@
+import {
+  TerraAvatar
+} from "./chunk.XTH2GCFE.js";
+import {
+  init_buffer,
+  init_dirname,
+  init_process
+} from "./chunk.ZEOVK2FE.js";
+
+// src/react/avatar/index.ts
+init_dirname();
+init_buffer();
+init_process();
+import * as React from "react";
+import { createComponent } from "@lit/react";
+import "@lit/react";
+var tagName = "terra-avatar";
+TerraAvatar.define("terra-avatar");
+var reactWrapper = createComponent({
+  tagName,
+  elementClass: TerraAvatar,
+  react: React,
+  events: {
+    onTerraError: "terra-error"
+  },
+  displayName: "TerraAvatar"
+});
+var avatar_default = reactWrapper;
+
+export {
+  avatar_default
+};

package/cdn/chunks/chunk.HT74GBHV.js

@@ -0,0 +1,19 @@
+import {
+  TerraRadio
+} from "./chunk.INNEOUXN.js";
+import {
+  init_buffer,
+  init_dirname,
+  init_process
+} from "./chunk.ZEOVK2FE.js";
+
+// src/components/radio/radio.ts
+init_dirname();
+init_buffer();
+init_process();
+var radio_default = TerraRadio;
+TerraRadio.define("terra-radio");
+
+export {
+  radio_default
+};

package/cdn/chunks/chunk.HV4ZOPDY.js

@@ -0,0 +1,158 @@
+import {
+  option_styles_default
+} from "./chunk.PPYU4SFW.js";
+import {
+  TerraIcon
+} from "./chunk.IZYJIYRD.js";
+import {
+  e
+} from "./chunk.KGXAA5I2.js";
+import {
+  watch
+} from "./chunk.MPVZOQYA.js";
+import {
+  TerraElement,
+  component_styles_default,
+  e as e2,
+  n,
+  r
+} from "./chunk.WTFB42FU.js";
+import {
+  b
+} from "./chunk.RRCYT4LP.js";
+import {
+  __decorateClass,
+  init_buffer,
+  init_dirname,
+  init_process
+} from "./chunk.ZEOVK2FE.js";
+
+// src/components/option/option.component.ts
+init_dirname();
+init_buffer();
+init_process();
+var TerraOption = class extends TerraElement {
+  constructor() {
+    super(...arguments);
+    this.isInitialized = false;
+    this.current = false;
+    this.selected = false;
+    this.hasHover = false;
+    this.value = "";
+    this.disabled = false;
+  }
+  connectedCallback() {
+    super.connectedCallback();
+    this.setAttribute("role", "option");
+    this.setAttribute("aria-selected", "false");
+  }
+  handleDefaultSlotChange() {
+    if (this.isInitialized) {
+      customElements.whenDefined("terra-select").then(() => {
+        const controller = this.closest("terra-select");
+        if (controller) {
+          controller.handleDefaultSlotChange();
+        }
+      });
+    } else {
+      this.isInitialized = true;
+    }
+  }
+  handleMouseEnter() {
+    this.hasHover = true;
+  }
+  handleMouseLeave() {
+    this.hasHover = false;
+  }
+  handleDisabledChange() {
+    this.setAttribute("aria-disabled", this.disabled ? "true" : "false");
+  }
+  handleSelectedChange() {
+    this.setAttribute("aria-selected", this.selected ? "true" : "false");
+  }
+  handleValueChange() {
+    if (typeof this.value !== "string") {
+      this.value = String(this.value);
+    }
+  }
+  /** Returns a plain text label based on the option's content. */
+  getTextLabel() {
+    const nodes = this.childNodes;
+    let label = "";
+    [...nodes].forEach((node) => {
+      if (node.nodeType === Node.ELEMENT_NODE) {
+        if (!node.hasAttribute("slot")) {
+          label += node.textContent;
+        }
+      }
+      if (node.nodeType === Node.TEXT_NODE) {
+        label += node.textContent;
+      }
+    });
+    return label.trim();
+  }
+  render() {
+    return b`
+            <div
+                part="base"
+                class=${e({
+      option: true,
+      "option--current": this.current,
+      "option--disabled": this.disabled,
+      "option--selected": this.selected,
+      "option--hover": this.hasHover
+    })}
+                @mouseenter=${this.handleMouseEnter}
+                @mouseleave=${this.handleMouseLeave}
+            >
+                <terra-icon
+                    part="checked-icon"
+                    class="option__check"
+                    name="outline-check"
+                    library="heroicons"
+                    aria-hidden="true"
+                ></terra-icon>
+                <slot part="prefix" name="prefix" class="option__prefix"></slot>
+                <slot
+                    part="label"
+                    class="option__label"
+                    @slotchange=${this.handleDefaultSlotChange}
+                ></slot>
+                <slot part="suffix" name="suffix" class="option__suffix"></slot>
+            </div>
+        `;
+  }
+};
+TerraOption.styles = [component_styles_default, option_styles_default];
+TerraOption.dependencies = { "terra-icon": TerraIcon };
+__decorateClass([
+  e2(".option__label")
+], TerraOption.prototype, "defaultSlot", 2);
+__decorateClass([
+  r()
+], TerraOption.prototype, "current", 2);
+__decorateClass([
+  r()
+], TerraOption.prototype, "selected", 2);
+__decorateClass([
+  r()
+], TerraOption.prototype, "hasHover", 2);
+__decorateClass([
+  n({ reflect: true })
+], TerraOption.prototype, "value", 2);
+__decorateClass([
+  n({ type: Boolean, reflect: true })
+], TerraOption.prototype, "disabled", 2);
+__decorateClass([
+  watch("disabled")
+], TerraOption.prototype, "handleDisabledChange", 1);
+__decorateClass([
+  watch("selected")
+], TerraOption.prototype, "handleSelectedChange", 1);
+__decorateClass([
+  watch("value")
+], TerraOption.prototype, "handleValueChange", 1);
+
+export {
+  TerraOption
+};