@access-ci/ui 0.20.2 → 0.20.3

package/dist/{resource-group-detail-CFxx3za2.js → resource-group-detail-CtiP3BJF.js}

@@ -1,5 +1,5 @@
 import { jsxs as E, jsx as x, Fragment as It } from "react/jsx-runtime";
-import { u as bt, s as No, a as yi, e as pc, h as Gn, b as Us, c as gc, d as mc, B as bc } from "./access-ci-ui-react-kdgYQZqd.js";
+import { u as bt, s as No, a as yi, e as pc, h as Gn, b as Us, c as gc, d as mc, B as bc } from "./access-ci-ui-react-c4W-4kw5.js";
 import { I as Y } from "./icon-CMHOrCGv.js";
 import { useLayoutEffect as xi, useRef as ne, useState as ze, useEffect as Ho, useMemo as vc } from "react";
 const Ys = () => {

package/dist/{resource-group-detail-C_g3q9lq.js → resource-group-detail-Px5hj98o.js}

@@ -1,5 +1,5 @@
-import { a as q, j as v, u as mt, s as To, c as fi, e as ec, h as Vn, d as Is, f as ic, i as nc, B as sc } from "./index-hNgWwhEe.js";
-import { I as U } from "./icon-B7cGzEKy.js";
+import { a as q, j as v, u as mt, s as To, b as fi, e as ec, h as Vn, c as Is, d as ic, f as nc, B as sc } from "./index-Cs0w9oEB.js";
+import { I as U } from "./icon-B7tqk8sk.js";
 const Bs = () => {
   const i = new Event("accessci-update-sections");
   document.dispatchEvent(i);

package/dist/{resource-home-BF1by6d7.js → resource-home-0g0SkcYu.js}

@@ -1,5 +1,5 @@
-import { j as e, a as m, k as j, l as b, B as v } from "./index-hNgWwhEe.js";
-import { I as d } from "./icon-B7cGzEKy.js";
+import { j as e, a as h, i as g, k as b, B as v } from "./index-Cs0w9oEB.js";
+import { I as p } from "./icon-B7tqk8sk.js";
 const C = {
   "ACCESS Pegasus": "https://pegasus.isi.edu/wordpress/wp-content/uploads/2016/01/favicon.ico",
   "ACCESS OnDemand": "https://openondemand.org/themes/fire/theme/assets/media/favicons/favicon.ico",
@@ -33,7 +33,7 @@ function x({ active: t, tagCategory: o, tagId: c, iconUri: n, name: a, toggleTag
             r.preventDefault(), s(c);
           },
           children: [
-            i.startsWith("http") ? /* @__PURE__ */ e.jsx(d, { alt: a, src: i }) : /* @__PURE__ */ e.jsx(d, { name: i }),
+            i.startsWith("http") ? /* @__PURE__ */ e.jsx(p, { alt: a, src: i }) : /* @__PURE__ */ e.jsx(p, { name: i }),
             a
           ]
         }
@@ -54,33 +54,33 @@ function N({
   infoGroupId: i,
   parentInfoGroupId: r,
   tags: u,
-  toggleTag: h
+  toggleTag: m
 }) {
-  const p = `${o}/${r || i}`;
+  const d = `${o}/${r || i}`;
   return /* @__PURE__ */ e.jsxs("div", { className: "resource-group", children: [
     /* @__PURE__ */ e.jsx(
       "a",
       {
         className: `resource-group-image image-type-${n}`,
-        href: p,
-        children: a ? /* @__PURE__ */ e.jsx("img", { src: a }) : /* @__PURE__ */ e.jsx(d, { name: "motherboard" })
+        href: d,
+        children: a ? /* @__PURE__ */ e.jsx("img", { src: a }) : /* @__PURE__ */ e.jsx(p, { name: "motherboard" })
       }
     ),
     /* @__PURE__ */ e.jsxs("div", { className: "resource-group-text", children: [
-      /* @__PURE__ */ e.jsx("h3", { children: /* @__PURE__ */ e.jsx("a", { href: p, children: s }) }),
+      /* @__PURE__ */ e.jsx("h3", { children: /* @__PURE__ */ e.jsx("a", { href: d, children: s }) }),
       /* @__PURE__ */ e.jsx(f, { children: u.map((l) => /* @__PURE__ */ e.jsx(
         x,
         {
           ...l,
           active: t,
-          toggleTag: h
+          toggleTag: m
         },
         l.tagId
       )) }),
       /* @__PURE__ */ e.jsxs("p", { children: [
         c && c,
         /* @__PURE__ */ e.jsx("br", {}),
-        /* @__PURE__ */ e.jsxs("a", { href: p, children: [
+        /* @__PURE__ */ e.jsxs("a", { href: d, children: [
           "Learn more about ",
           s,
           " »"
@@ -116,8 +116,8 @@ function y({
   tagCategories: c,
   toggleTag: n
 }) {
-  const [a, s] = m.useState(!1), i = m.useRef(null);
-  return m.useEffect(() => {
+  const [a, s] = h.useState(!1), i = h.useRef(null);
+  return h.useEffect(() => {
     const r = () => s(!1);
     return document.body.addEventListener("click", r), () => document.body.removeEventListener("click", r);
   }, []), /* @__PURE__ */ e.jsxs(
@@ -135,7 +135,7 @@ function y({
             onClick: () => s(!a),
             className: `btn-filters btn ${a ? "active" : ""}`,
             children: [
-              /* @__PURE__ */ e.jsx(d, { name: "filter" }),
+              /* @__PURE__ */ e.jsx(p, { name: "filter" }),
               " Filters",
               t.tagIds.size > 0 ? /* @__PURE__ */ e.jsx("span", { className: "active-tag-count", children: t.tagIds.size }) : null
             ]
@@ -153,7 +153,7 @@ function y({
               disabled: t.tagIds.size == 0,
               className: "btn danger",
               children: [
-                /* @__PURE__ */ e.jsx(d, { name: "trash" }),
+                /* @__PURE__ */ e.jsx(p, { name: "trash" }),
                 " Clear Filters"
               ]
             }
@@ -163,8 +163,8 @@ function y({
     }
   );
 }
-function S({ setBotOpen: t }) {
-  const o = m.useRef(null), c = [
+function k({ setBotOpen: t }) {
+  const o = h.useRef(null), c = [
     {
       title: "Browse resources",
       icon: "filter-square",
@@ -179,8 +179,7 @@ function S({ setBotOpen: t }) {
       onClick: (n) => {
         n.preventDefault(), t(!0);
       },
-      description: "You have resource questions. Our Q&A bot has answers!",
-      login: !0
+      description: "You have resource questions. Our Q&A bot has answers!"
     },
     {
       title: "Get suggestions",
@@ -202,20 +201,14 @@ function S({ setBotOpen: t }) {
       " ",
       "to researchers and educators."
     ] }),
-    /* @__PURE__ */ e.jsx("ul", { className: "resource-pathways", children: c.map(
-      ({ title: n, icon: a, href: s, description: i, login: r, onClick: u }, h) => /* @__PURE__ */ e.jsx("li", { className: `resource-pathway-${h}`, children: /* @__PURE__ */ e.jsxs("a", { href: s || "#", onClick: u, children: [
-        a ? /* @__PURE__ */ e.jsx(d, { name: a }) : null,
-        " ",
-        /* @__PURE__ */ e.jsxs("span", { className: "detail", children: [
-          /* @__PURE__ */ e.jsx("span", { className: "title", children: n }),
-          /* @__PURE__ */ e.jsx("span", { className: "description", children: i }),
-          r ? /* @__PURE__ */ e.jsxs("span", { className: "login", children: [
-            /* @__PURE__ */ e.jsx(d, { name: "key" }),
-            " Requires ACCESS Login"
-          ] }) : null
-        ] })
-      ] }) }, n)
-    ) })
+    /* @__PURE__ */ e.jsx("ul", { className: "resource-pathways", children: c.map(({ title: n, icon: a, href: s, description: i, onClick: r }, u) => /* @__PURE__ */ e.jsx("li", { className: `resource-pathway-${u}`, children: /* @__PURE__ */ e.jsxs("a", { href: s || "#", onClick: r, children: [
+      a ? /* @__PURE__ */ e.jsx(p, { name: a }) : null,
+      " ",
+      /* @__PURE__ */ e.jsxs("span", { className: "detail", children: [
+        /* @__PURE__ */ e.jsx("span", { className: "title", children: n }),
+        /* @__PURE__ */ e.jsx("span", { className: "description", children: i })
+      ] })
+    ] }) }, n)) })
   ] });
 }
 function I({
@@ -225,12 +218,12 @@ function I({
   showBreadcrumbs: n = !0,
   showTitle: a = !0
 }) {
-  const [s, i] = m.useState([]), r = j(), u = m.useMemo(
+  const [s, i] = h.useState([]), r = g(), u = h.useMemo(
     () => r ? b(r, s) : null,
     [r, s]
-  ), h = (l) => i(
-    s.includes(l) ? s.filter((g) => g != l) : [...s, l]
-  ), p = () => i([]);
+  ), m = (l) => i(
+    s.includes(l) ? s.filter((j) => j != l) : [...s, l]
+  ), d = () => i([]);
   return /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
     n && /* @__PURE__ */ e.jsx(
       v,
@@ -241,15 +234,15 @@ function I({
       }
     ),
     o && /* @__PURE__ */ e.jsx("h1", { className: a ? "" : "visually-hidden", children: o }),
-    /* @__PURE__ */ e.jsx(S, { setBotOpen: c }),
+    /* @__PURE__ */ e.jsx(k, { setBotOpen: c }),
     /* @__PURE__ */ e.jsxs("div", { id: "browse-resources", children: [
       u ? /* @__PURE__ */ e.jsx(
         y,
         {
           tagCategories: r.tagCategories,
           active: u,
-          clearTags: p,
-          toggleTag: h
+          clearTags: d,
+          toggleTag: m
         }
       ) : null,
       r ? r.resourceCategories.filter(
@@ -260,8 +253,8 @@ function I({
           ...l,
           active: u,
           baseUri: t,
-          clearTags: p,
-          toggleTag: h
+          clearTags: d,
+          toggleTag: m
         },
         l.name
       )) : null

package/dist/{resource-home-Bma2Z32m.js → resource-home-C8o1WMI_.js}

@@ -1,7 +1,7 @@
-import { jsx as e, jsxs as a, Fragment as f } from "react/jsx-runtime";
-import { useState as g, useRef as b, useEffect as w, useMemo as y } from "react";
-import { f as S, g as k, B as I } from "./access-ci-ui-react-kdgYQZqd.js";
-import { I as h } from "./icon-CMHOrCGv.js";
+import { jsx as e, jsxs as o, Fragment as f } from "react/jsx-runtime";
+import { useState as g, useRef as b, useEffect as N, useMemo as y } from "react";
+import { f as k, g as I, B as S } from "./access-ci-ui-react-c4W-4kw5.js";
+import { I as p } from "./icon-CMHOrCGv.js";
 const R = {
   "ACCESS Pegasus": "https://pegasus.isi.edu/wordpress/wp-content/uploads/2016/01/favicon.ico",
   "ACCESS OnDemand": "https://openondemand.org/themes/fire/theme/assets/media/favicons/favicon.ico",
@@ -20,23 +20,23 @@ const R = {
   Cloud: "cloud",
   Storage: "hdd-fill"
 };
-function v({ active: t, tagCategory: c, tagId: i, iconUri: o, name: n, toggleTag: s }) {
-  const l = o || R[n] || "tag";
+function v({ active: t, tagCategory: c, tagId: i, iconUri: n, name: a, toggleTag: r }) {
+  const l = n || R[a] || "tag";
   return /* @__PURE__ */ e(
     "li",
     {
       className: `tag tag-category-${c.name.toLowerCase().replace(/[^a-z]+/g, "-")}${t.tagIds.has(i) ? " active" : ""}`,
-      children: /* @__PURE__ */ a(
+      children: /* @__PURE__ */ o(
         "button",
         {
           href: "#",
           disabled: t.disabledTagIds.has(i),
-          onClick: (r) => {
-            r.preventDefault(), s(i);
+          onClick: (s) => {
+            s.preventDefault(), r(i);
           },
           children: [
-            l.startsWith("http") ? /* @__PURE__ */ e(h, { alt: n, src: l }) : /* @__PURE__ */ e(h, { name: l }),
-            n
+            l.startsWith("http") ? /* @__PURE__ */ e(p, { alt: a, src: l }) : /* @__PURE__ */ e(p, { name: l }),
+            a
           ]
         }
       )
@@ -46,116 +46,116 @@ function v({ active: t, tagCategory: c, tagId: i, iconUri: o, name: n, toggleTag
 function C({ children: t }) {
   return /* @__PURE__ */ e("ul", { className: "tags", children: t });
 }
-function A({
+function x({
   active: t,
   baseUri: c,
   description: i,
-  imageType: o,
-  imageUri: n,
-  name: s,
+  imageType: n,
+  imageUri: a,
+  name: r,
   infoGroupId: l,
-  parentInfoGroupId: r,
+  parentInfoGroupId: s,
   tags: d,
-  toggleTag: p
+  toggleTag: m
 }) {
-  const m = `${c}/${r || l}`;
-  return /* @__PURE__ */ a("div", { className: "resource-group", children: [
+  const h = `${c}/${s || l}`;
+  return /* @__PURE__ */ o("div", { className: "resource-group", children: [
     /* @__PURE__ */ e(
       "a",
       {
-        className: `resource-group-image image-type-${o}`,
-        href: m,
-        children: n ? /* @__PURE__ */ e("img", { src: n }) : /* @__PURE__ */ e(h, { name: "motherboard" })
+        className: `resource-group-image image-type-${n}`,
+        href: h,
+        children: a ? /* @__PURE__ */ e("img", { src: a }) : /* @__PURE__ */ e(p, { name: "motherboard" })
       }
     ),
-    /* @__PURE__ */ a("div", { className: "resource-group-text", children: [
-      /* @__PURE__ */ e("h3", { children: /* @__PURE__ */ e("a", { href: m, children: s }) }),
+    /* @__PURE__ */ o("div", { className: "resource-group-text", children: [
+      /* @__PURE__ */ e("h3", { children: /* @__PURE__ */ e("a", { href: h, children: r }) }),
       /* @__PURE__ */ e(C, { children: d.map((u) => /* @__PURE__ */ e(
         v,
         {
           ...u,
           active: t,
-          toggleTag: p
+          toggleTag: m
         },
         u.tagId
       )) }),
-      /* @__PURE__ */ a("p", { children: [
+      /* @__PURE__ */ o("p", { children: [
         i && i,
         /* @__PURE__ */ e("br", {}),
-        /* @__PURE__ */ a("a", { href: m, children: [
+        /* @__PURE__ */ o("a", { href: h, children: [
           "Learn more about ",
-          s,
+          r,
           " »"
         ] })
       ] })
     ] })
   ] });
 }
-function x({
+function A({
   active: t,
   baseUri: c,
   name: i,
-  resourceGroups: o,
-  toggleTag: n
+  resourceGroups: n,
+  toggleTag: a
 }) {
-  return /* @__PURE__ */ a(f, { children: [
+  return /* @__PURE__ */ o(f, { children: [
     /* @__PURE__ */ e("h2", { children: i }),
-    o.filter(({ infoGroupId: s }) => t.infoGroupIds.has(s)).map((s) => /* @__PURE__ */ e(
-      A,
+    n.filter(({ infoGroupId: r }) => t.infoGroupIds.has(r)).map((r) => /* @__PURE__ */ e(
+      x,
       {
-        ...s,
+        ...r,
         baseUri: c,
         active: t,
-        toggleTag: n
+        toggleTag: a
       },
-      s.infoGroupId
+      r.infoGroupId
     ))
   ] });
 }
-function E({
+function G({
   active: t,
   clearTags: c,
   tagCategories: i,
-  toggleTag: o
+  toggleTag: n
 }) {
-  const [n, s] = g(!1), l = b(null);
-  return w(() => {
-    const r = () => s(!1);
-    return document.body.addEventListener("click", r), () => document.body.removeEventListener("click", r);
-  }, []), /* @__PURE__ */ a(
+  const [a, r] = g(!1), l = b(null);
+  return N(() => {
+    const s = () => r(!1);
+    return document.body.addEventListener("click", s), () => document.body.removeEventListener("click", s);
+  }, []), /* @__PURE__ */ o(
     "section",
     {
       className: "filters-outer",
-      onClick: (r) => {
-        r.stopPropagation();
+      onClick: (s) => {
+        s.stopPropagation();
       },
       children: [
-        /* @__PURE__ */ a(
+        /* @__PURE__ */ o(
           "button",
           {
             ref: l,
-            onClick: () => s(!n),
-            className: `btn-filters btn ${n ? "active" : ""}`,
+            onClick: () => r(!a),
+            className: `btn-filters btn ${a ? "active" : ""}`,
             children: [
-              /* @__PURE__ */ e(h, { name: "filter" }),
+              /* @__PURE__ */ e(p, { name: "filter" }),
               " Filters",
               t.tagIds.size > 0 ? /* @__PURE__ */ e("span", { className: "active-tag-count", children: t.tagIds.size }) : null
             ]
           }
         ),
-        n ? /* @__PURE__ */ a("div", { className: "filters-inner", children: [
-          i.map((r) => /* @__PURE__ */ a(f, { children: [
-            /* @__PURE__ */ e("h2", { children: r.name }),
-            /* @__PURE__ */ e(C, { children: r.tags.map((d) => /* @__PURE__ */ e(v, { ...d, active: t, toggleTag: o })) })
+        a ? /* @__PURE__ */ o("div", { className: "filters-inner", children: [
+          i.map((s) => /* @__PURE__ */ o(f, { children: [
+            /* @__PURE__ */ e("h2", { children: s.name }),
+            /* @__PURE__ */ e(C, { children: s.tags.map((d) => /* @__PURE__ */ e(v, { ...d, active: t, toggleTag: n })) })
           ] })),
-          /* @__PURE__ */ a(
+          /* @__PURE__ */ o(
             "button",
             {
               onClick: c,
               disabled: t.tagIds.size == 0,
               className: "btn danger",
               children: [
-                /* @__PURE__ */ e(h, { name: "trash" }),
+                /* @__PURE__ */ e(p, { name: "trash" }),
                 " Clear Filters"
               ]
             }
@@ -165,10 +165,10 @@ function E({
     }
   );
 }
-function G({ setBotOpen: t }) {
+function T({ setBotOpen: t }) {
   const c = b(null);
-  return /* @__PURE__ */ a("section", { id: "resource-pathways", ref: c, children: [
-    /* @__PURE__ */ a("p", { className: "intro", children: [
+  return /* @__PURE__ */ o("section", { id: "resource-pathways", ref: c, children: [
+    /* @__PURE__ */ o("p", { className: "intro", children: [
       "ACCESS provides advanced computing resources ",
       /* @__PURE__ */ e("strong", { children: "at no cost" }),
       " ",
@@ -179,18 +179,17 @@ function G({ setBotOpen: t }) {
         title: "Browse resources",
         icon: "filter-square",
         description: "Filter resources to find the best match for your research.",
-        onClick: (o) => {
-          o.preventDefault(), c.current && c.current.nextSibling.scrollIntoView({ bahavior: "smooth" });
+        onClick: (n) => {
+          n.preventDefault(), c.current && c.current.nextSibling.scrollIntoView({ bahavior: "smooth" });
         }
       },
       {
         title: "Ask a question",
         icon: "question-circle",
-        onClick: (o) => {
-          o.preventDefault(), t(!0);
+        onClick: (n) => {
+          n.preventDefault(), t(!0);
         },
-        description: "You have resource questions. Our Q&A bot has answers!",
-        login: !0
+        description: "You have resource questions. Our Q&A bot has answers!"
       },
       {
         title: "Get suggestions",
@@ -204,66 +203,60 @@ function G({ setBotOpen: t }) {
         href: "https://access-ci.org/tag/resource-providers/",
         description: "See the latest news from resource providers."
       }
-    ].map(
-      ({ title: o, icon: n, href: s, description: l, login: r, onClick: d }, p) => /* @__PURE__ */ e("li", { className: `resource-pathway-${p}`, children: /* @__PURE__ */ a("a", { href: s || "#", onClick: d, children: [
-        n ? /* @__PURE__ */ e(h, { name: n }) : null,
-        " ",
-        /* @__PURE__ */ a("span", { className: "detail", children: [
-          /* @__PURE__ */ e("span", { className: "title", children: o }),
-          /* @__PURE__ */ e("span", { className: "description", children: l }),
-          r ? /* @__PURE__ */ a("span", { className: "login", children: [
-            /* @__PURE__ */ e(h, { name: "key" }),
-            " Requires ACCESS Login"
-          ] }) : null
-        ] })
-      ] }) }, o)
-    ) })
+    ].map(({ title: n, icon: a, href: r, description: l, onClick: s }, d) => /* @__PURE__ */ e("li", { className: `resource-pathway-${d}`, children: /* @__PURE__ */ o("a", { href: r || "#", onClick: s, children: [
+      a ? /* @__PURE__ */ e(p, { name: a }) : null,
+      " ",
+      /* @__PURE__ */ o("span", { className: "detail", children: [
+        /* @__PURE__ */ e("span", { className: "title", children: n }),
+        /* @__PURE__ */ e("span", { className: "description", children: l })
+      ] })
+    ] }) }, n)) })
   ] });
 }
-function P({
+function z({
   baseUri: t,
   title: c,
   setBotOpen: i,
-  showBreadcrumbs: o = !0,
-  showTitle: n = !0
+  showBreadcrumbs: n = !0,
+  showTitle: a = !0
 }) {
-  const [s, l] = g([]), r = S(), d = y(
-    () => r ? k(r, s) : null,
-    [r, s]
-  ), p = (u) => l(
-    s.includes(u) ? s.filter((N) => N != u) : [...s, u]
-  ), m = () => l([]);
-  return /* @__PURE__ */ a(f, { children: [
-    o && /* @__PURE__ */ e(
-      I,
+  const [r, l] = g([]), s = k(), d = y(
+    () => s ? I(s, r) : null,
+    [s, r]
+  ), m = (u) => l(
+    r.includes(u) ? r.filter((w) => w != u) : [...r, u]
+  ), h = () => l([]);
+  return /* @__PURE__ */ o(f, { children: [
+    n && /* @__PURE__ */ e(
+      S,
       {
         expandWidth: !0,
         items: [{ name: "Resources" }],
         topBorder: !0
       }
     ),
-    c && /* @__PURE__ */ e("h1", { className: n ? "" : "visually-hidden", children: c }),
-    /* @__PURE__ */ e(G, { setBotOpen: i }),
-    /* @__PURE__ */ a("div", { id: "browse-resources", children: [
+    c && /* @__PURE__ */ e("h1", { className: a ? "" : "visually-hidden", children: c }),
+    /* @__PURE__ */ e(T, { setBotOpen: i }),
+    /* @__PURE__ */ o("div", { id: "browse-resources", children: [
       d ? /* @__PURE__ */ e(
-        E,
+        G,
         {
-          tagCategories: r.tagCategories,
+          tagCategories: s.tagCategories,
           active: d,
-          clearTags: m,
-          toggleTag: p
+          clearTags: h,
+          toggleTag: m
         }
       ) : null,
-      r ? r.resourceCategories.filter(
+      s ? s.resourceCategories.filter(
         ({ resourceCategoryId: u }) => d.resourceCategoryIds.has(u)
       ).map((u) => /* @__PURE__ */ e(
-        x,
+        A,
         {
           ...u,
           active: d,
           baseUri: t,
-          clearTags: m,
-          toggleTag: p
+          clearTags: h,
+          toggleTag: m
         },
         u.name
       )) : null
@@ -271,5 +264,5 @@ function P({
   ] });
 }
 export {
-  P as default
+  z as default
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@access-ci/ui",
-  "version": "0.20.2",
+  "version": "0.20.3",
   "description": "User interface components for ACCESS CI",
   "repository": "github:access-ci-org/access-ci-ui",
   "license": "Apache-2.0",