@nasa-terra/components 0.0.40 → 0.0.42

package/dist/web-types.json

@@ -1,102 +1,34 @@
 {
   "$schema": "https://raw.githubusercontent.com/JetBrains/web-types/master/schema/web-types.json",
   "name": "@nasa-terra/components",
-  "version": "0.0.40",
+  "version": "0.0.42",
   "description-markup": "markdown",
   "contributions": {
     "html": {
       "elements": [
         {
-          "name": "terra-combobox",
-          "description": "Fuzzy-search for combobox with list autocomplete.\n---\n\n\n### **CSS Properties:**\n - **--host-height** - The height of the host element. _(default: undefined)_\n- **--help-height** - The height of the search help element. _(default: undefined)_\n- **--label-height** - The height of the input's label element. _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - A `search` element, the component's base.\n- **combobox** - An `input` element used for searching.\n- **button** - A `button` used for toggling the listbox's visibility.\n- **listbox** - A `ul` that holds the clickable options.",
+          "name": "terra-browse-variables",
+          "description": "Browse through the NASA CMR or Giovanni catalogs.\n---\n",
           "doc-url": "",
           "attributes": [
             {
-              "name": "label",
-              "description": "Label the combobox with this.",
-              "value": { "type": "string", "default": "'Search for Items'" }
-            },
-            {
-              "name": "name",
-              "description": "name the combobox with this.",
-              "value": { "type": "string", "default": "'Item'" }
-            },
-            {
-              "name": "placeholder",
-              "description": "Set a placeholder for the combobox with this.\nDefaults to the label's value.",
-              "value": { "type": "string" }
-            },
-            {
-              "name": "hide-help",
-              "description": "Hide the combobox's help text.\nWhen hidden, not rendered at all.",
-              "value": { "type": "boolean", "default": "false" }
-            },
-            {
-              "name": "hide-label",
-              "description": "Hide the combobox's label text.\nWhen hidden, still presents to screen readers.",
-              "value": { "type": "boolean", "default": "false" }
-            },
-            {
-              "name": "status",
-              "description": "status of the content",
-              "value": {
-                "type": "'INITIAL' | 'PENDING' | 'COMPLETE' | 'ERROR'",
-                "default": "'INITIAL'"
-              }
-            },
-            {
-              "name": "content",
-              "description": "content or data of the combobox. This could be of type string | GroupedListItem[] | ListItem[] | undefined",
-              "value": {
-                "type": "Content",
-                "default": "{\n        type: SearchableListType.GroupedListItem,\n        data: [],\n    }"
-              }
+              "name": "catalog",
+              "description": "Allows the user to switch the catalog between different providers\nTODO: add support for CMR catalog and make it the default",
+              "value": { "type": "'giovanni'", "default": "'giovanni'" }
             }
           ],
           "events": [],
           "js": {
             "properties": [
               {
-                "name": "label",
-                "description": "Label the combobox with this.",
-                "type": "string"
-              },
-              {
-                "name": "name",
-                "description": "name the combobox with this.",
-                "type": "string"
-              },
-              {
-                "name": "placeholder",
-                "description": "Set a placeholder for the combobox with this.\nDefaults to the label's value.",
-                "type": "string"
-              },
-              {
-                "name": "hideHelp",
-                "description": "Hide the combobox's help text.\nWhen hidden, not rendered at all.",
-                "type": "boolean"
-              },
-              {
-                "name": "hideLabel",
-                "description": "Hide the combobox's label text.\nWhen hidden, still presents to screen readers.",
-                "type": "boolean"
-              },
-              {
-                "name": "status",
-                "description": "status of the content",
-                "type": "'INITIAL' | 'PENDING' | 'COMPLETE' | 'ERROR'"
-              },
-              {
-                "name": "content",
-                "description": "content or data of the combobox. This could be of type string | GroupedListItem[] | ListItem[] | undefined",
-                "type": "Content"
+                "name": "catalog",
+                "description": "Allows the user to switch the catalog between different providers\nTODO: add support for CMR catalog and make it the default",
+                "type": "'giovanni'"
               },
-              { "name": "isExpanded", "type": "boolean" },
-              { "name": "query" },
-              {
-                "name": "searchResults",
-                "type": "GroupedListItem[] | ListItem[]"
-              }
+              { "name": "searchQuery", "type": "string" },
+              { "name": "selectedFacets", "type": "SelectedFacets" },
+              { "name": "selectedVariables", "type": "Variable[]" },
+              { "name": "showVariablesBrowse", "type": "boolean" }
             ],
             "events": []
           }
@@ -378,33 +310,6 @@
             "events": []
           }
         },
-        {
-          "name": "terra-browse-variables",
-          "description": "Browse through the NASA CMR or Giovanni catalogs.\n---\n",
-          "doc-url": "",
-          "attributes": [
-            {
-              "name": "catalog",
-              "description": "Allows the user to switch the catalog between different providers\nTODO: add support for CMR catalog and make it the default",
-              "value": { "type": "'giovanni'", "default": "'giovanni'" }
-            }
-          ],
-          "events": [],
-          "js": {
-            "properties": [
-              {
-                "name": "catalog",
-                "description": "Allows the user to switch the catalog between different providers\nTODO: add support for CMR catalog and make it the default",
-                "type": "'giovanni'"
-              },
-              { "name": "searchQuery", "type": "string" },
-              { "name": "selectedFacets", "type": "SelectedFacets" },
-              { "name": "selectedVariables", "type": "Variable[]" },
-              { "name": "showVariablesBrowse", "type": "boolean" }
-            ],
-            "events": []
-          }
-        },
         {
           "name": "terra-chip",
           "description": "Used for contacts and tags\n---\n\n\n### **Slots:**\n - _default_ - The chip's label.",
@@ -528,6 +433,101 @@
             "events": []
           }
         },
+        {
+          "name": "terra-combobox",
+          "description": "Fuzzy-search for combobox with list autocomplete.\n---\n\n\n### **CSS Properties:**\n - **--host-height** - The height of the host element. _(default: undefined)_\n- **--help-height** - The height of the search help element. _(default: undefined)_\n- **--label-height** - The height of the input's label element. _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - A `search` element, the component's base.\n- **combobox** - An `input` element used for searching.\n- **button** - A `button` used for toggling the listbox's visibility.\n- **listbox** - A `ul` that holds the clickable options.",
+          "doc-url": "",
+          "attributes": [
+            {
+              "name": "label",
+              "description": "Label the combobox with this.",
+              "value": { "type": "string", "default": "'Search for Items'" }
+            },
+            {
+              "name": "name",
+              "description": "name the combobox with this.",
+              "value": { "type": "string", "default": "'Item'" }
+            },
+            {
+              "name": "placeholder",
+              "description": "Set a placeholder for the combobox with this.\nDefaults to the label's value.",
+              "value": { "type": "string" }
+            },
+            {
+              "name": "hide-help",
+              "description": "Hide the combobox's help text.\nWhen hidden, not rendered at all.",
+              "value": { "type": "boolean", "default": "false" }
+            },
+            {
+              "name": "hide-label",
+              "description": "Hide the combobox's label text.\nWhen hidden, still presents to screen readers.",
+              "value": { "type": "boolean", "default": "false" }
+            },
+            {
+              "name": "status",
+              "description": "status of the content",
+              "value": {
+                "type": "'INITIAL' | 'PENDING' | 'COMPLETE' | 'ERROR'",
+                "default": "'INITIAL'"
+              }
+            },
+            {
+              "name": "content",
+              "description": "content or data of the combobox. This could be of type string | GroupedListItem[] | ListItem[] | undefined",
+              "value": {
+                "type": "Content",
+                "default": "{\n        type: SearchableListType.GroupedListItem,\n        data: [],\n    }"
+              }
+            }
+          ],
+          "events": [],
+          "js": {
+            "properties": [
+              {
+                "name": "label",
+                "description": "Label the combobox with this.",
+                "type": "string"
+              },
+              {
+                "name": "name",
+                "description": "name the combobox with this.",
+                "type": "string"
+              },
+              {
+                "name": "placeholder",
+                "description": "Set a placeholder for the combobox with this.\nDefaults to the label's value.",
+                "type": "string"
+              },
+              {
+                "name": "hideHelp",
+                "description": "Hide the combobox's help text.\nWhen hidden, not rendered at all.",
+                "type": "boolean"
+              },
+              {
+                "name": "hideLabel",
+                "description": "Hide the combobox's label text.\nWhen hidden, still presents to screen readers.",
+                "type": "boolean"
+              },
+              {
+                "name": "status",
+                "description": "status of the content",
+                "type": "'INITIAL' | 'PENDING' | 'COMPLETE' | 'ERROR'"
+              },
+              {
+                "name": "content",
+                "description": "content or data of the combobox. This could be of type string | GroupedListItem[] | ListItem[] | undefined",
+                "type": "Content"
+              },
+              { "name": "isExpanded", "type": "boolean" },
+              { "name": "query" },
+              {
+                "name": "searchResults",
+                "type": "GroupedListItem[] | ListItem[]"
+              }
+            ],
+            "events": []
+          }
+        },
         {
           "name": "terra-date-range-slider",
           "description": "Short summary of the component's intended use.\n---\n\n\n### **Slots:**\n - _default_ - The default slot.\n- **example** - An example slot.\n\n### **CSS Properties:**\n - **--example** - An example CSS custom property. _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - The component's base wrapper.",
@@ -892,7 +892,7 @@
               {
                 "name": "shapes",
                 "description": "List of geojson shapes",
-                "type": "any"
+                "type": "ShapeFilesResponse"
               },
               { "name": "_mapController", "type": "MapController" }
             ],

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@nasa-terra/components",
   "description": "A collection of NASA Earthdata components",
-  "version": "0.0.40",
+  "version": "0.0.42",
   "homepage": "https://github.com/gesdisc/components",
   "author": "NASA GES DISC <https://disc.gsfc.nasa.gov>",
   "license": "MIT",
@@ -69,6 +69,7 @@
     "node": ">=14.17.0"
   },
   "dependencies": {
+    "@apollo/client": "^3.13.8",
     "@ctrl/tinycolor": "^4.0.2",
     "@floating-ui/dom": "^1.5.3",
     "@lit/react": "^1.0.0",
@@ -76,16 +77,19 @@
     "@shoelace-style/animations": "^1.1.0",
     "@shoelace-style/localize": "^3.1.2",
     "@shoelace-style/shoelace": "^2.15.0",
+    "apollo3-cache-persist": "^0.15.0",
     "composed-offset-position": "^0.0.4",
     "date-fns": "^3.6.0",
     "dayjs": "^1.11.11",
     "fuse.js": "^7.0.0",
+    "graphql": "^16.11.0",
     "handlebars": "^4.7.8",
     "idb": "^8.0.0",
     "leaflet": "^1.9.4",
     "leaflet-draw": "^1.0.4",
     "lit": "^3.0.0",
     "lit-flatpickr": "^0.4.1",
+    "localforage": "^1.10.0",
     "nouislider": "^15.7.1",
     "plotly.js-dist-min": "^2.30.1",
     "qr-creator": "^1.0.0"

package/cdn/chunks/chunk.SBTMIM4P.js

@@ -1,26 +0,0 @@
-// src/components/map/map.controller.ts
-var MapController = class {
-  constructor(host) {
-    this.host = host;
-    this.host.addController(this);
-  }
-  async hostConnected() {
-    if (this.host.hasShapeSelector) {
-      this.host.shapes = await this.getShapeFiles();
-    }
-  }
-  async getShapeFiles() {
-    const data = await fetch(
-      "https://windmill-load-balancer-641499207.us-east-1.elb.amazonaws.com/api/r/giovanni/shape-files",
-      {
-        mode: "cors"
-      }
-    );
-    const listOfShapes = await data.json();
-    return listOfShapes;
-  }
-};
-
-export {
-  MapController
-};

package/dist/chunks/chunk.SBTMIM4P.js

@@ -1,26 +0,0 @@
-// src/components/map/map.controller.ts
-var MapController = class {
-  constructor(host) {
-    this.host = host;
-    this.host.addController(this);
-  }
-  async hostConnected() {
-    if (this.host.hasShapeSelector) {
-      this.host.shapes = await this.getShapeFiles();
-    }
-  }
-  async getShapeFiles() {
-    const data = await fetch(
-      "https://windmill-load-balancer-641499207.us-east-1.elb.amazonaws.com/api/r/giovanni/shape-files",
-      {
-        mode: "cors"
-      }
-    );
-    const listOfShapes = await data.json();
-    return listOfShapes;
-  }
-};
-
-export {
-  MapController
-};

package/cdn/chunks/{chunk.7DOMZGX7.js → chunk.MDRUDBRH.js}

@@ -1,9 +1,9 @@
-import {
-  library_heroicons_default
-} from "./chunk.UCNEPIMI.js";
 import {
   library_default_default
 } from "./chunk.XTCYIPKA.js";
+import {
+  library_heroicons_default
+} from "./chunk.UCNEPIMI.js";
 
 // src/components/icon/library.ts
 var registry = [library_default_default, library_heroicons_default];

package/dist/chunks/{chunk.7DOMZGX7.js → chunk.MDRUDBRH.js}

@@ -1,9 +1,9 @@
-import {
-  library_heroicons_default
-} from "./chunk.UCNEPIMI.js";
 import {
   library_default_default
 } from "./chunk.XTCYIPKA.js";
+import {
+  library_heroicons_default
+} from "./chunk.UCNEPIMI.js";
 
 // src/components/icon/library.ts
 var registry = [library_default_default, library_heroicons_default];