@access-ci/ui 0.5.0-beta2 → 0.5.0

package/dist/resource-home-DnwExdge.js

@@ -0,0 +1,248 @@
+import { u as e, c as p, h as f, A as g, _ as C, i as w, T as y, j as S, B as k } from "./index-mrRDD7GP.js";
+import { I as d } from "./icon-6r8UmHaL.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 m({ active: r, tagCategory: i, tagId: c, iconUri: a, name: s, toggleTag: n }) {
+  const t = a || R[s] || "tag";
+  return /* @__PURE__ */ e(
+    "li",
+    {
+      class: `tag tag-category-${i.name.toLowerCase().replace(/[^a-z]+/g, "-")}${r.tagIds.has(c) ? " active" : ""}`,
+      children: /* @__PURE__ */ e(
+        "button",
+        {
+          href: "#",
+          disabled: r.disabledTagIds.has(c),
+          onClick: (o) => {
+            o.preventDefault(), n(c);
+          },
+          children: [
+            t.startsWith("http") ? /* @__PURE__ */ e(d, { alt: s, src: t }) : /* @__PURE__ */ e(d, { name: t }),
+            s
+          ]
+        }
+      )
+    }
+  );
+}
+function b({ children: r }) {
+  return /* @__PURE__ */ e("ul", { class: "tags", children: r });
+}
+function I({
+  active: r,
+  baseUri: i,
+  description: c,
+  imageType: a,
+  imageUri: s,
+  name: n,
+  infoGroupId: t,
+  tags: o,
+  toggleTag: u
+}) {
+  const h = `${i}/${t}`;
+  return /* @__PURE__ */ e("div", { class: "resource-group", children: [
+    /* @__PURE__ */ e(
+      "a",
+      {
+        class: `resource-group-image image-type-${a}`,
+        href: h,
+        children: s ? /* @__PURE__ */ e("img", { src: s }) : /* @__PURE__ */ e(d, { name: "motherboard" })
+      }
+    ),
+    /* @__PURE__ */ e("div", { class: "resource-group-text", children: [
+      /* @__PURE__ */ e("h3", { children: /* @__PURE__ */ e("a", { href: h, children: n }) }),
+      /* @__PURE__ */ e(b, { children: o.map((l) => /* @__PURE__ */ e(m, { ...l, active: r, toggleTag: u })) }),
+      /* @__PURE__ */ e("p", { children: [
+        c && c,
+        /* @__PURE__ */ e("br", {}),
+        /* @__PURE__ */ e("a", { href: h, children: [
+          "Learn more about ",
+          n,
+          " »"
+        ] })
+      ] })
+    ] })
+  ] });
+}
+function A({
+  active: r,
+  baseUri: i,
+  name: c,
+  resourceGroups: a,
+  toggleTag: s
+}) {
+  return /* @__PURE__ */ e(p, { children: [
+    /* @__PURE__ */ e("h2", { children: c }),
+    a.filter(({ infoGroupId: n }) => r.infoGroupIds.has(n)).map((n) => /* @__PURE__ */ e(
+      I,
+      {
+        ...n,
+        baseUri: i,
+        active: r,
+        toggleTag: s
+      }
+    ))
+  ] });
+}
+function T({
+  active: r,
+  clearTags: i,
+  tagCategories: c,
+  toggleTag: a
+}) {
+  const [s, n] = f(!1), t = g(null);
+  return C(() => {
+    t.current && (t.current.addEventListener("click", (o) => o.stopPropagation()), document.body.addEventListener("click", () => n(!1)));
+  }, [t.current]), /* @__PURE__ */ e("section", { class: "filters-outer", ref: t, children: [
+    /* @__PURE__ */ e(
+      "button",
+      {
+        onClick: () => n(!s),
+        class: `btn-filters btn ${s ? "active" : ""}`,
+        children: [
+          /* @__PURE__ */ e(d, { name: "filter" }),
+          " Filters",
+          r.tagIds.size > 0 ? /* @__PURE__ */ e("span", { class: "active-tag-count", children: r.tagIds.size }) : null
+        ]
+      }
+    ),
+    s ? /* @__PURE__ */ e("div", { class: "filters-inner", children: [
+      c.map((o) => /* @__PURE__ */ e(p, { children: [
+        /* @__PURE__ */ e("h2", { children: o.name }),
+        /* @__PURE__ */ e(b, { children: o.tags.map((u) => /* @__PURE__ */ e(m, { ...u, active: r, toggleTag: a })) })
+      ] })),
+      /* @__PURE__ */ e(
+        "button",
+        {
+          onClick: i,
+          disabled: r.tagIds.size == 0,
+          class: "btn danger",
+          children: [
+            /* @__PURE__ */ e(d, { name: "trash" }),
+            " Clear Filters"
+          ]
+        }
+      )
+    ] }) : null
+  ] });
+}
+function G() {
+  const r = g(null);
+  return /* @__PURE__ */ e("section", { id: "resource-pathways", ref: r, children: [
+    /* @__PURE__ */ e("p", { class: "intro", children: [
+      "ACCESS provides advanced computing resources ",
+      /* @__PURE__ */ e("strong", { children: "at no cost" }),
+      " ",
+      "to researchers and educators."
+    ] }),
+    /* @__PURE__ */ e("ul", { class: "resource-pathways", children: [
+      {
+        title: "Browse resources",
+        icon: "filter-square",
+        description: "Filter resources to find the best match for your research.",
+        onClick: (c) => {
+          c.preventDefault(), r.current && r.current.nextSibling.scrollIntoView({ bahavior: "smooth" });
+        }
+      },
+      {
+        title: "Ask a question",
+        icon: "question-circle",
+        href: "https://support.access-ci.org/",
+        description: "You have resource questions. Our Q&A bot has answers!",
+        login: !0
+      },
+      {
+        title: "Get suggestions",
+        icon: "card-checklist",
+        href: "https://access-ara.ccs.uky.edu:8080/",
+        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: c, icon: a, href: s, description: n, login: t, onClick: o }, u) => /* @__PURE__ */ e("li", { class: `resource-pathway-${u}`, children: /* @__PURE__ */ e("a", { href: s || "#", onClick: o, children: [
+        a ? /* @__PURE__ */ e(d, { name: a }) : null,
+        " ",
+        /* @__PURE__ */ e("span", { class: "detail", children: [
+          /* @__PURE__ */ e("span", { class: "title", children: c }),
+          /* @__PURE__ */ e("span", { class: "description", children: n }),
+          t ? /* @__PURE__ */ e("span", { class: "login", children: [
+            /* @__PURE__ */ e(d, { name: "key" }),
+            " Requires ACCESS Login"
+          ] }) : null
+        ] })
+      ] }) })
+    ) })
+  ] });
+}
+function L({
+  baseUri: r,
+  title: i,
+  showBreadcrumbs: c = !0,
+  showTitle: a = !0
+}) {
+  const [s, n] = f([]), t = w(), o = y(
+    () => t ? S(t, s) : null,
+    [t, s]
+  ), u = (l) => n(
+    s.includes(l) ? s.filter((v) => v != l) : [...s, l]
+  ), h = () => n([]);
+  return /* @__PURE__ */ e(p, { children: [
+    c && /* @__PURE__ */ e(
+      k,
+      {
+        expandWidth: !0,
+        items: [{ name: "Resources" }],
+        topBorder: !0
+      }
+    ),
+    i && /* @__PURE__ */ e("h1", { class: a ? "" : "visually-hidden", children: i }),
+    /* @__PURE__ */ e(G, {}),
+    /* @__PURE__ */ e("div", { id: "browse-resources", children: [
+      o ? /* @__PURE__ */ e(
+        T,
+        {
+          tagCategories: t.tagCategories,
+          active: o,
+          clearTags: h,
+          toggleTag: u
+        }
+      ) : null,
+      t ? t.resourceCategories.filter(
+        ({ resourceCategoryId: l }) => o.resourceCategoryIds.has(l)
+      ).map((l) => /* @__PURE__ */ e(
+        A,
+        {
+          ...l,
+          active: o,
+          baseUri: r,
+          clearTags: h,
+          toggleTag: u
+        }
+      )) : null
+    ] })
+  ] });
+}
+export {
+  L as default
+};

package/package.json

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

package/dist/resource-home-B3KqRwTH.js

@@ -1,227 +0,0 @@
-import { u as e, c as p, h as f, A as b, _ as w, a as C, i as v, T as y, j as k } from "./index-ClapqXAT.js";
-import { I as u } from "./icon-Bnee6DXz.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",
-  "Storage Resources": "hdd-fill",
-  "Virtual Machines": "pc-display-horizontal",
-  Cloud: "cloud",
-  Storage: "hdd-fill"
-};
-function g({ active: r, tagCategory: c, tagId: n, iconUri: t, name: a, toggleTag: s }) {
-  const i = t || R[a] || "tag";
-  return /* @__PURE__ */ e(
-    "li",
-    {
-      class: `tag tag-category-${c.name.toLowerCase().replace(/[^a-z]+/g, "-")}${r.tagIds.has(n) ? " active" : ""}`,
-      children: /* @__PURE__ */ e(
-        "button",
-        {
-          href: "#",
-          disabled: r.disabledTagIds.has(n),
-          onClick: (o) => {
-            o.preventDefault(), s(n);
-          },
-          children: [
-            i.startsWith("http") ? /* @__PURE__ */ e(u, { alt: a, src: i }) : /* @__PURE__ */ e(u, { name: i }),
-            a
-          ]
-        }
-      )
-    }
-  );
-}
-function m({ children: r }) {
-  return /* @__PURE__ */ e("ul", { class: "tags", children: r });
-}
-function I({
-  active: r,
-  baseUri: c,
-  description: n,
-  imageType: t,
-  imageUri: a,
-  name: s,
-  infoGroupId: i,
-  tags: o,
-  toggleTag: d
-}) {
-  const l = `${c}/${i}`;
-  return /* @__PURE__ */ e("div", { class: "resource-group", children: [
-    /* @__PURE__ */ e(
-      "a",
-      {
-        class: `resource-group-image image-type-${t}`,
-        href: l,
-        children: a ? /* @__PURE__ */ e("img", { src: a }) : /* @__PURE__ */ e(u, { name: "motherboard" })
-      }
-    ),
-    /* @__PURE__ */ e("div", { class: "resource-group-text", children: [
-      /* @__PURE__ */ e("h3", { children: /* @__PURE__ */ e("a", { href: l, children: s }) }),
-      /* @__PURE__ */ e(m, { children: o.map((h) => /* @__PURE__ */ e(g, { ...h, active: r, toggleTag: d })) }),
-      /* @__PURE__ */ e("p", { children: [
-        n && n,
-        " ",
-        /* @__PURE__ */ e("a", { href: l, children: [
-          "Learn more about ",
-          s,
-          " »"
-        ] })
-      ] })
-    ] })
-  ] });
-}
-function S({
-  active: r,
-  baseUri: c,
-  name: n,
-  resourceGroups: t,
-  toggleTag: a
-}) {
-  return /* @__PURE__ */ e(p, { children: [
-    /* @__PURE__ */ e("h2", { children: n }),
-    t.filter(({ infoGroupId: s }) => r.infoGroupIds.has(s)).map((s) => /* @__PURE__ */ e(
-      I,
-      {
-        ...s,
-        baseUri: c,
-        active: r,
-        toggleTag: a
-      }
-    ))
-  ] });
-}
-function A({
-  active: r,
-  clearTags: c,
-  tagCategories: n,
-  toggleTag: t
-}) {
-  const [a, s] = f(!1), i = b(null);
-  return w(() => {
-    i.current && (i.current.addEventListener("click", (o) => o.stopPropagation()), document.body.addEventListener("click", () => s(!1)));
-  }, [i.current]), /* @__PURE__ */ e("section", { class: "filters-outer", ref: i, children: [
-    /* @__PURE__ */ e(
-      "button",
-      {
-        onClick: () => s(!a),
-        class: `btn-filters btn ${a ? "active" : ""}`,
-        children: [
-          /* @__PURE__ */ e(u, { name: "filter" }),
-          " Filters",
-          r.tagIds.size > 0 ? /* @__PURE__ */ e("span", { class: "active-tag-count", children: r.tagIds.size }) : null
-        ]
-      }
-    ),
-    a ? /* @__PURE__ */ e("div", { class: "filters-inner", children: [
-      n.map((o) => /* @__PURE__ */ e(p, { children: [
-        /* @__PURE__ */ e("h2", { children: o.name }),
-        /* @__PURE__ */ e(m, { children: o.tags.map((d) => /* @__PURE__ */ e(g, { ...d, active: r, toggleTag: t })) })
-      ] })),
-      /* @__PURE__ */ e(
-        "button",
-        {
-          onClick: c,
-          disabled: r.tagIds.size == 0,
-          class: "btn danger",
-          children: [
-            /* @__PURE__ */ e(u, { name: "trash" }),
-            " Clear Filters"
-          ]
-        }
-      )
-    ] }) : null
-  ] });
-}
-function T() {
-  return /* @__PURE__ */ e("section", { id: "resource-pathways", children: /* @__PURE__ */ e("ul", { class: "resource-pathways", children: [
-    {
-      title: "Browse resources",
-      icon: "filter-square",
-      href: "#browse-resources",
-      description: "Filter resources to find the best match for your research."
-    },
-    {
-      title: "Ask a question",
-      icon: "question-circle",
-      href: "https://support.access-ci.org/",
-      description: "You have resource questions. Our Q&A bot has answers!",
-      login: !0
-    },
-    {
-      title: "Get suggestions",
-      icon: "card-checklist",
-      href: "https://access-ara.ccs.uky.edu:8080/",
-      description: "Fill out a form to get resource recommendations."
-    }
-  ].map(({ title: c, icon: n, href: t, description: a, login: s }, i) => /* @__PURE__ */ e("li", { class: `resource-pathway-${i}`, children: /* @__PURE__ */ e("a", { href: t, children: [
-    n ? /* @__PURE__ */ e(u, { name: n }) : null,
-    /* @__PURE__ */ e("span", { class: "detail", children: [
-      /* @__PURE__ */ e("span", { class: "title", children: c }),
-      /* @__PURE__ */ e("span", { class: "description", children: a }),
-      s ? /* @__PURE__ */ e("span", { class: "login", children: [
-        /* @__PURE__ */ e(u, { name: "key" }),
-        " Requires ACCESS Login"
-      ] }) : null
-    ] })
-  ] }) })) }) });
-}
-function G({ maxItems: r = 2 }) {
-  const c = C("https://support.access-ci.org/access_news/api", {
-    defaultValue: []
-  });
-  if (!(!c || c.error || !c.length))
-    return /* @__PURE__ */ e("section", { id: "resource-news", children: [
-      /* @__PURE__ */ e("h2", { children: "Resource News" }),
-      /* @__PURE__ */ e("ul", { class: "resource-news", children: c.slice(0, r).map(({ title: n, linkUrl: t }) => /* @__PURE__ */ e("li", { children: /* @__PURE__ */ e("a", { href: t, class: "news-link", children: n.replace("&", "&").replace(" ", " ") }) })) })
-    ] });
-}
-function P({ baseUri: r, title: c, showTitle: n }) {
-  const [t, a] = f([]), s = v(), i = y(
-    () => s ? k(s, t) : null,
-    [s, t]
-  ), o = (l) => a(
-    t.includes(l) ? t.filter((h) => h != l) : [...t, l]
-  ), d = () => a([]);
-  return /* @__PURE__ */ e(p, { children: [
-    c && /* @__PURE__ */ e("h1", { class: n ? "" : "visually-hidden", children: c }),
-    /* @__PURE__ */ e("div", { id: "resource-navigation", children: [
-      /* @__PURE__ */ e(T, {}),
-      /* @__PURE__ */ e(G, {})
-    ] }),
-    /* @__PURE__ */ e("div", { id: "browse-resources", children: [
-      i ? /* @__PURE__ */ e(
-        A,
-        {
-          tagCategories: s.tagCategories,
-          active: i,
-          clearTags: d,
-          toggleTag: o
-        }
-      ) : null,
-      s ? s.resourceCategories.filter(
-        ({ resourceCategoryId: l }) => i.resourceCategoryIds.has(l)
-      ).map((l) => /* @__PURE__ */ e(
-        S,
-        {
-          ...l,
-          active: i,
-          baseUri: r,
-          clearTags: d,
-          toggleTag: o
-        }
-      )) : null
-    ] })
-  ] });
-}
-export {
-  P as default
-};