@xras/ui 0.10.0 → 0.10.1

package/dist/xras-ui.js

@@ -26674,33 +26674,37 @@ function lO({ onClose: t }) {
 lO.propTypes = {
   onClose: Pe.func.isRequired
 };
-function UH({ availableResources: t, relativeUrlRoot: r }) {
-  const i = k.useMemo(
+function UH({
+  availableResources: t,
+  canAdd: r = !1,
+  relativeUrlRoot: i
+}) {
+  const l = k.useMemo(
     () => xH(t),
     [t]
-  ), [l, u] = k.useState(i), [d, v] = k.useState(!1), h = k.useRef(null), y = k.useRef(null);
+  ), [u, d] = k.useState(l), [v, h] = k.useState(!1), y = k.useRef(null), x = k.useRef(null);
   k.useEffect(() => {
-    u(i);
-  }, [i]);
-  const x = (R, j) => {
-    h.current = j;
-  }, C = (R, j) => {
-    if (R.preventDefault(), h.current === j)
+    d(l);
+  }, [l]);
+  const C = (j, N) => {
+    y.current = N;
+  }, w = (j, N) => {
+    if (j.preventDefault(), y.current === N)
       return;
-    const N = [...l], T = N[h.current];
-    N.splice(h.current, 1), N.splice(j, 0, T), h.current = j, u(N);
-    const { clientY: I } = R, M = 130;
-    I < M ? DI(-1, y) : window.innerHeight - I < M ? DI(1, y) : $E(y);
-  }, w = () => {
-    h.current = null, $E(y), bH(r, l);
+    const T = [...u], I = T[y.current];
+    T.splice(y.current, 1), T.splice(N, 0, I), y.current = N, d(T);
+    const { clientY: M } = j, P = 130;
+    M < P ? DI(-1, x) : window.innerHeight - M < P ? DI(1, x) : $E(x);
+  }, R = () => {
+    y.current = null, $E(x), bH(i, u);
   };
-  return k.useEffect(() => () => $E(y), []), /* @__PURE__ */ m.jsxs(m.Fragment, { children: [
+  return k.useEffect(() => () => $E(x), []), /* @__PURE__ */ m.jsxs(m.Fragment, { children: [
     /* @__PURE__ */ m.jsxs("div", { className: ls["resources-container"], children: [
-      /* @__PURE__ */ m.jsx(
+      r && /* @__PURE__ */ m.jsx(
         "button",
         {
           className: "btn btn-primary pull-right",
-          onClick: () => v(!0),
+          onClick: () => h(!0),
           children: "Add a Resource from CIDeR"
         }
       ),
@@ -26711,32 +26715,32 @@ function UH({ availableResources: t, relativeUrlRoot: r }) {
           /* @__PURE__ */ m.jsx("span", { className: ls["header-name"], children: "Resource Name" }),
           /* @__PURE__ */ m.jsx("span", { className: ls["header-repo"], children: "Repository Key" })
         ] }),
-        l.map((R, j) => /* @__PURE__ */ m.jsxs(
+        u.map((j, N) => /* @__PURE__ */ m.jsxs(
           "div",
           {
             className: `${ls["resources-item"]}`,
             draggable: !0,
-            onDragStart: (N) => x(N, j),
-            onDragOver: (N) => C(N, j),
-            onDrop: w,
+            onDragStart: (T) => C(T, N),
+            onDragOver: (T) => w(T, N),
+            onDrop: R,
             children: [
               /* @__PURE__ */ m.jsx("span", { className: ls["drag-handle"] }),
               /* @__PURE__ */ m.jsx("span", { className: ls["resource-name"], children: /* @__PURE__ */ m.jsx(
                 "a",
                 {
-                  href: `${r}/resources/${R.resource_id}`,
+                  href: `${i}/resources/${j.resource_id}`,
                   className: ls["resource-link"],
-                  children: R.display_resource_name
+                  children: j.display_resource_name
                 }
               ) }),
-              /* @__PURE__ */ m.jsx("span", { className: ls["resource-repo"], children: R.resource_repository_key || "N/A" })
+              /* @__PURE__ */ m.jsx("span", { className: ls["resource-repo"], children: j.resource_repository_key || "N/A" })
             ]
           },
-          R.resource_id
+          j.resource_id
         ))
       ] })
     ] }),
-    d && /* @__PURE__ */ m.jsx(lO, { onClose: () => v(!1) })
+    v && /* @__PURE__ */ m.jsx(lO, { onClose: () => h(!1) })
   ] });
 }
 function nh() {
@@ -41056,19 +41060,30 @@ const z8 = (t) => {
     /* @__PURE__ */ m.jsx("div", { className: "col-sm-8", children: /* @__PURE__ */ m.jsx(Tq, {}) })
   ] }) }) : /* @__PURE__ */ m.jsx(nh, {});
 };
-function Bq(t, { bootstrapFonts: r = !0, bootstrapVariables: i = !0, access: l = !1, baseUrl: u = null } = {}) {
+function Bq(t, {
+  bootstrapFonts: r = !0,
+  bootstrapVariables: i = !0,
+  access: l = !1,
+  baseUrl: u = null
+} = {}) {
   const d = t.attachShadow({ mode: "open" }), v = document.createElement("div"), h = document.createElement("div"), y = document.createElement("div"), x = document.createElement("div"), C = document.createElement("link"), w = document.createElement("link"), R = document.createElement("link");
   return u = u ?? import.meta.url.replace(/\/[^/]+$/, ""), C.rel = "stylesheet", C.href = `${u}/bootstrap.css`, w.rel = "stylesheet", w.href = `${u}/xras-ui.css`, R.rel = "stylesheet", R.href = `${u}/access.css`, y.appendChild(x), h.appendChild(y), v.appendChild(h), d.appendChild(C), d.appendChild(w), d.appendChild(R), d.appendChild(v), v.classList.add("bootstrap"), i && h.classList.add("bootstrap-variables"), r && (y.classList.add("bootstrap-fonts"), y.setAttribute("data-bs-theme", "light")), x;
 }
 function zq({ target: t }) {
   Xi.createRoot(t).render(/* @__PURE__ */ m.jsx(yH, {}));
 }
-function $q({ target: t, availableResources: r, relativeUrlRoot: i }) {
-  Xi.createRoot(t).render(
+function $q({
+  availableResources: t,
+  canAdd: r,
+  relativeUrlRoot: i,
+  target: l
+}) {
+  Xi.createRoot(l).render(
     /* @__PURE__ */ m.jsx(
       UH,
       {
-        availableResources: r,
+        availableResources: t,
+        canAdd: r,
         relativeUrlRoot: i
       }
     )
@@ -41140,14 +41155,26 @@ function Xq({ target: t, routes: r }) {
     ) })
   );
 }
-function Yq({ target: t, catalogSources: r, onRamps: i, baseUrl: l }) {
+function Yq({
+  target: t,
+  catalogSources: r,
+  onRamps: i,
+  baseUrl: l
+}) {
   const u = Pm({
     reducer: {
       resourceCatalog: J8
     }
   });
   Xi.createRoot(t).render(
-    /* @__PURE__ */ m.jsx(th, { store: u, children: /* @__PURE__ */ m.jsx(vq, { catalogSources: r, onRamps: i, baseUrl: l }) })
+    /* @__PURE__ */ m.jsx(th, { store: u, children: /* @__PURE__ */ m.jsx(
+      vq,
+      {
+        catalogSources: r,
+        onRamps: i,
+        baseUrl: l
+      }
+    ) })
   );
 }
 function Zq({

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@xras/ui",
-  "version": "0.10.0",
+  "version": "0.10.1",
   "description": "User interface components for XRAS",
   "repository": "github:access-ci-org/xras-ui",
   "license": "Apache-2.0",