@access-ci/ui 0.19.0-beta1 → 0.19.0-beta3

package/dist/resource-home-Cf5k64F0.js

@@ -0,0 +1,275 @@
+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 "./shadow-CGn1GiHs.js";
+import { I as h } 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",
+  "Advance reservations": "calendar-check",
+  "Composable hardware fabric": "boxes",
+  "Compute Resources": "cpu-fill",
+  "CPU Compute": "cpu-fill",
+  "GPU Compute": "cpu",
+  "Innovative / Novel Compute": "lightbulb",
+  "Large Memory Nodes": "arrows-fullscreen",
+  Preemption: "clock-history",
+  "Science Gateway support": "globe",
+  "Service / Other": "stars",
+  "Storage Resources": "hdd-fill",
+  "Virtual Machines": "pc-display-horizontal",
+  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";
+  return /* @__PURE__ */ e(
+    "li",
+    {
+      className: `tag tag-category-${c.name.toLowerCase().replace(/[^a-z]+/g, "-")}${t.tagIds.has(i) ? " active" : ""}`,
+      children: /* @__PURE__ */ a(
+        "button",
+        {
+          href: "#",
+          disabled: t.disabledTagIds.has(i),
+          onClick: (r) => {
+            r.preventDefault(), s(i);
+          },
+          children: [
+            l.startsWith("http") ? /* @__PURE__ */ e(h, { alt: n, src: l }) : /* @__PURE__ */ e(h, { name: l }),
+            n
+          ]
+        }
+      )
+    }
+  );
+}
+function C({ children: t }) {
+  return /* @__PURE__ */ e("ul", { className: "tags", children: t });
+}
+function A({
+  active: t,
+  baseUri: c,
+  description: i,
+  imageType: o,
+  imageUri: n,
+  name: s,
+  infoGroupId: l,
+  parentInfoGroupId: r,
+  tags: d,
+  toggleTag: p
+}) {
+  const m = `${c}/${r || l}`;
+  return /* @__PURE__ */ a("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" })
+      }
+    ),
+    /* @__PURE__ */ a("div", { className: "resource-group-text", children: [
+      /* @__PURE__ */ e("h3", { children: /* @__PURE__ */ e("a", { href: m, children: s }) }),
+      /* @__PURE__ */ e(C, { children: d.map((u) => /* @__PURE__ */ e(
+        v,
+        {
+          ...u,
+          active: t,
+          toggleTag: p
+        },
+        u.tagId
+      )) }),
+      /* @__PURE__ */ a("p", { children: [
+        i && i,
+        /* @__PURE__ */ e("br", {}),
+        /* @__PURE__ */ a("a", { href: m, children: [
+          "Learn more about ",
+          s,
+          " »"
+        ] })
+      ] })
+    ] })
+  ] });
+}
+function x({
+  active: t,
+  baseUri: c,
+  name: i,
+  resourceGroups: o,
+  toggleTag: n
+}) {
+  return /* @__PURE__ */ a(f, { children: [
+    /* @__PURE__ */ e("h2", { children: i }),
+    o.filter(({ infoGroupId: s }) => t.infoGroupIds.has(s)).map((s) => /* @__PURE__ */ e(
+      A,
+      {
+        ...s,
+        baseUri: c,
+        active: t,
+        toggleTag: n
+      },
+      s.infoGroupId
+    ))
+  ] });
+}
+function E({
+  active: t,
+  clearTags: c,
+  tagCategories: i,
+  toggleTag: o
+}) {
+  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(
+    "section",
+    {
+      className: "filters-outer",
+      onClick: (r) => {
+        r.stopPropagation();
+      },
+      children: [
+        /* @__PURE__ */ a(
+          "button",
+          {
+            ref: l,
+            onClick: () => s(!n),
+            className: `btn-filters btn ${n ? "active" : ""}`,
+            children: [
+              /* @__PURE__ */ e(h, { 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 })) })
+          ] })),
+          /* @__PURE__ */ a(
+            "button",
+            {
+              onClick: c,
+              disabled: t.tagIds.size == 0,
+              className: "btn danger",
+              children: [
+                /* @__PURE__ */ e(h, { name: "trash" }),
+                " Clear Filters"
+              ]
+            }
+          )
+        ] }) : null
+      ]
+    }
+  );
+}
+function G({ setBotOpen: t }) {
+  const c = b(null);
+  return /* @__PURE__ */ a("section", { id: "resource-pathways", ref: c, children: [
+    /* @__PURE__ */ a("p", { className: "intro", children: [
+      "ACCESS provides advanced computing resources ",
+      /* @__PURE__ */ e("strong", { children: "at no cost" }),
+      " ",
+      "to researchers and educators."
+    ] }),
+    /* @__PURE__ */ e("ul", { className: "resource-pathways", children: [
+      {
+        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" });
+        }
+      },
+      {
+        title: "Ask a question",
+        icon: "question-circle",
+        onClick: (o) => {
+          o.preventDefault(), t(!0);
+        },
+        description: "You have resource questions. Our Q&A bot has answers!",
+        login: !0
+      },
+      {
+        title: "Get suggestions",
+        icon: "card-checklist",
+        href: "https://ara.access-ci.org/",
+        description: "Fill out a form to get resource recommendations."
+      },
+      {
+        title: "Read news",
+        icon: "newspaper",
+        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)
+    ) })
+  ] });
+}
+function P({
+  baseUri: t,
+  title: c,
+  setBotOpen: i,
+  showBreadcrumbs: o = !0,
+  showTitle: n = !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,
+      {
+        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: [
+      d ? /* @__PURE__ */ e(
+        E,
+        {
+          tagCategories: r.tagCategories,
+          active: d,
+          clearTags: m,
+          toggleTag: p
+        }
+      ) : null,
+      r ? r.resourceCategories.filter(
+        ({ resourceCategoryId: u }) => d.resourceCategoryIds.has(u)
+      ).map((u) => /* @__PURE__ */ e(
+        x,
+        {
+          ...u,
+          active: d,
+          baseUri: t,
+          clearTags: m,
+          toggleTag: p
+        },
+        u.name
+      )) : null
+    ] })
+  ] });
+}
+export {
+  P as default
+};

package/dist/{resource-home-DA_ihS4S.js → resource-home-ChfTC5Qa.js}

@@ -1,5 +1,5 @@
-import { j as e, r as m, f as j, g as b, B as v } from "./index-D1YYhxC0.js";
-import { I as d } from "./icon-Uz-yb98F.js";
+import { j as e, r as m, f as j, g as b, B as v } from "./index-CrKdAxQz.js";
+import { I as d } from "./icon-cJmGylOm.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",