@scrippsproduct/networks-ui-library 2.0.0 → 2.0.1-dev.1

package/dist/components/GenericList/GenericList.js

@@ -1,51 +1,51 @@
-import { jsx as r } from "react/jsx-runtime";
+import { jsx as i } from "react/jsx-runtime";
 import { p as o } from "../../index-5kXULIVv.mjs";
 import { classes as t } from "../../utils/helpers.js";
-import '../../assets/GenericList.css';const n = {
-  "generic-list": "_generic-list_ivani_247",
-  "generic-list__item": "_generic-list__item_ivani_254"
+import '../../assets/GenericList.css';const s = {
+  "generic-list": "_generic-list_15mbm_257",
+  "generic-list__item": "_generic-list__item_15mbm_264"
 };
-function m({
+function u({
   list: c = [],
   type: _ = "unordered",
   classname: e = ""
 }) {
-  const s = () => c.map((i, l) => /* @__PURE__ */ r(
+  const n = () => c.map((r, l) => /* @__PURE__ */ i(
     "li",
     {
       className: t([
-        n["generic-list__item"],
+        s["generic-list__item"],
         "generic-list__item",
         `${e}__item`
       ]),
-      children: typeof i == "string" && i !== "" ? o(i) : i
+      children: typeof r == "string" && r !== "" ? o(r) : r
     },
     e === "" ? `generic-list-${l}` : `${e}-${l}`
   ));
-  return _ === "unordered" ? /* @__PURE__ */ r(
+  return _ === "unordered" ? /* @__PURE__ */ i(
     "ul",
     {
       className: t([
-        n["generic-list"],
+        s["generic-list"],
         "generic-list",
         `${e}`
       ]),
-      children: s()
+      children: n()
     }
-  ) : /* @__PURE__ */ r(
+  ) : /* @__PURE__ */ i(
     "ol",
     {
       className: t([
-        n["generic-list"],
+        s["generic-list"],
         "generic-list",
         "generic-list--ordered",
         `${e}`
       ]),
-      children: s()
+      children: n()
     }
   );
 }
 export {
-  m as GenericList,
-  m as default
+  u as GenericList,
+  u as default
 };

package/dist/components/InfoPanel/InfoPanel.js

@@ -1,66 +1,61 @@
-import { jsxs as a, jsx as r } from "react/jsx-runtime";
-import { useState as _, useRef as d, useEffect as m } from "react";
-import { classes as i } from "../../utils/helpers.js";
+import { jsxs as e, jsx as o } from "react/jsx-runtime";
+import { useState as k, useRef as _, useEffect as v } from "react";
+import { classes as a } from "../../utils/helpers.js";
 import { blockLayoutsMap as h } from "../../settings.js";
-import { C as y } from "../../chevron-left-D0UjbrKw.mjs";
-import '../../assets/InfoPanel.css';const l = {
-  "info-panel": "_info-panel_1y84b_247",
-  "info-panel__back-btn": "_info-panel__back-btn_1y84b_265"
+import { C as b } from "../../chevron-left-D0UjbrKw.mjs";
+import '../../assets/InfoPanel.css';const r = {
+  "info-panel": "_info-panel_1e189_257",
+  "info-panel__back-btn": "_info-panel__back-btn_1e189_276"
 };
-function R({
-  layoutComponent: e = { layout: "", props: {} },
+function E({
+  layoutComponent: i = { layout: "", props: {} },
   onBackClicked: s = () => {
   },
-  backButtonLabel: c = "Back to List",
-  classname: k = ""
+  backButtonLabel: l = "Back to List",
+  classname: d = ""
 }) {
-  const [f, L] = _(null), [t, u] = _("entering"), n = d(null), p = d(null), b = (o) => {
-    p.current = o, u("exiting"), n.current !== null && n.current.scrollTo({
+  const c = h.get(i.layout), [t, f] = k("entering"), n = _(null), u = _(null), p = (m) => {
+    u.current = m, f("exiting"), n.current !== null && n.current.scrollTo({
       top: n.current.offsetTop,
       left: 0,
       behavior: "instant"
     });
   };
-  return m(() => {
-    async function o() {
-      L(h.get(e.layout));
-    }
-    o();
-  }, [e.layout]), m(() => {
+  return v(() => {
     n.current !== null && (t === "exiting" && n.current.addEventListener("animationend", () => {
-      s(p.current);
+      s(u.current);
     }, { once: !0 }), t === "entering" && n.current.addEventListener("animationend", () => {
-      u("idle");
+      f("idle");
     }, { once: !0 }));
-  }, [t, s]), /* @__PURE__ */ a("div", { className: i([l["info-panel"], `${k}`]), "data-state": t, ref: n, children: [
-    /* @__PURE__ */ a(
+  }, [t, s]), /* @__PURE__ */ e("div", { className: a([r["info-panel"], `${d}`]), "data-state": t, ref: n, children: [
+    /* @__PURE__ */ e(
       "button",
       {
-        className: i([l["info-panel__back-btn"], "info-panel__back-btn"]),
+        className: a([r["info-panel__back-btn"], "info-panel__back-btn"]),
         type: "button",
-        onClick: b,
+        onClick: p,
         children: [
-          /* @__PURE__ */ r(y, {}),
-          c
+          /* @__PURE__ */ o(b, {}),
+          l
         ]
       }
     ),
-    f !== null && /* @__PURE__ */ r(f, { ...e.props }),
-    /* @__PURE__ */ a(
+    c !== void 0 && /* @__PURE__ */ o(c, { ...i.props }),
+    /* @__PURE__ */ e(
       "button",
       {
-        className: i([l["info-panel__back-btn"], "info-panel__back-btn"]),
+        className: a([r["info-panel__back-btn"], "info-panel__back-btn"]),
         type: "button",
-        onClick: b,
+        onClick: p,
         children: [
-          /* @__PURE__ */ r(y, {}),
-          c
+          /* @__PURE__ */ o(b, {}),
+          l
         ]
       }
     )
   ] });
 }
 export {
-  R as InfoPanel,
-  R as default
+  E as InfoPanel,
+  E as default
 };

package/dist/components/Loading/Loading.js

@@ -1,25 +1,25 @@
-import { jsxs as o, jsx as e } from "react/jsx-runtime";
-import { classes as t } from "../../utils/helpers.js";
-import '../../assets/Loading.css';const l = "_spinner_1fzep_260", r = {
-  "spinner-wrap": "_spinner-wrap_1fzep_260",
-  spinner: l,
-  "loading-wrapper__message": "_loading-wrapper__message_1fzep_283"
+import { jsxs as l, jsx as e } from "react/jsx-runtime";
+import { classes as o } from "../../utils/helpers.js";
+import '../../assets/Loading.css';const t = "_spinner_u3lm4_270", r = {
+  "spinner-wrap": "_spinner-wrap_u3lm4_270",
+  spinner: t,
+  "loading-wrapper__message": "_loading-wrapper__message_u3lm4_293"
 };
-function c({
+function m({
   spinnerColor: s = "var(--theme-color-100)",
-  spinnerSize: p = "3.125rem",
-  spinnerTrackWidth: a = "6px",
-  topOffset: i = "50%",
+  spinnerSize: a = "3.125rem",
+  spinnerTrackWidth: i = "6px",
+  topOffset: p = "50%",
   message: n = ""
 }) {
-  return /* @__PURE__ */ o(
+  return /* @__PURE__ */ l(
     "loading-wrapper",
     {
       style: {
-        "--spinner-size": p,
-        "--spinner-track-width": a,
+        "--spinner-size": a,
+        "--spinner-track-width": i,
         "--spinner-color": s,
-        "--spinner-top-offset": i
+        "--spinner-top-offset": p
       },
       children: [
         /* @__PURE__ */ e(
@@ -30,12 +30,12 @@ function c({
             children: /* @__PURE__ */ e("div", { className: r.spinner })
           }
         ),
-        n !== "" && /* @__PURE__ */ e("div", { className: t([r["loading-wrapper__message"], "loading-wrapper__message"]), children: n })
+        n !== "" && /* @__PURE__ */ e("div", { className: o([r["loading-wrapper__message"], "loading-wrapper__message"]), children: n })
       ]
     }
   );
 }
 export {
-  c as Loading,
-  c as default
+  m as Loading,
+  m as default
 };

package/dist/components/LoadingV2/LoadingV2.js

@@ -1,44 +1,44 @@
-import { jsx as s, jsxs as e } from "react/jsx-runtime";
-import { classes as p } from "../../utils/helpers.js";
-import '../../assets/LoadingV2.css';const l = "_spinner_sp1rs_257", t = "_spinner__wrapper_sp1rs_266", c = "_spinner__left_sp1rs_300", o = "_spinner__right_sp1rs_304", m = "_spinner__anim_sp1rs_308", n = {
-  "loading-wrapper": "_loading-wrapper_sp1rs_247",
-  spinner: l,
-  spinner__wrapper: t,
-  "spinner--pie": "_spinner--pie_sp1rs_284",
-  "spinner--ring": "_spinner--ring_sp1rs_288",
-  spinner__left: c,
-  spinner__right: o,
+import { jsx as e, jsxs as s } from "react/jsx-runtime";
+import { classes as _ } from "../../utils/helpers.js";
+import '../../assets/LoadingV2.css';const o = "_spinner_1aob8_267", l = "_spinner__wrapper_1aob8_276", t = "_spinner__left_1aob8_310", c = "_spinner__right_1aob8_314", m = "_spinner__anim_1aob8_318", n = {
+  "loading-wrapper": "_loading-wrapper_1aob8_257",
+  spinner: o,
+  spinner__wrapper: l,
+  "spinner--pie": "_spinner--pie_1aob8_294",
+  "spinner--ring": "_spinner--ring_1aob8_298",
+  spinner__left: t,
+  spinner__right: c,
   spinner__anim: m,
-  "loading-wrapper__message": "_loading-wrapper__message_sp1rs_340"
+  "loading-wrapper__message": "_loading-wrapper__message_1aob8_350"
 };
 function w({
-  width: _ = "3rem",
-  topOffset: i = "50%",
+  width: i = "3rem",
+  topOffset: p = "50%",
   message: r = "",
   type: a = "ring"
 }) {
-  return /* @__PURE__ */ s(
+  return /* @__PURE__ */ e(
     "div",
     {
       className: n["loading-wrapper"],
       style: {
-        "--spinner-top-offset": i
+        "--spinner-top-offset": p
       },
-      children: /* @__PURE__ */ e("div", { className: n.spinner, style: { "--spinner-width": _ }, children: [
-        /* @__PURE__ */ e(
+      children: /* @__PURE__ */ s("div", { className: n.spinner, style: { "--spinner-width": i }, children: [
+        /* @__PURE__ */ s(
           "div",
           {
-            className: p([
+            className: _([
               n.spinner__wrapper,
               a === "pie" ? n["spinner--pie"] : n["spinner--ring"]
             ]),
             children: [
-              /* @__PURE__ */ s("span", { className: n.spinner__left, children: /* @__PURE__ */ s("span", { className: n.spinner__anim }) }),
-              /* @__PURE__ */ s("span", { className: n.spinner__right, children: /* @__PURE__ */ s("span", { className: n.spinner__anim }) })
+              /* @__PURE__ */ e("span", { className: n.spinner__left, children: /* @__PURE__ */ e("span", { className: n.spinner__anim }) }),
+              /* @__PURE__ */ e("span", { className: n.spinner__right, children: /* @__PURE__ */ e("span", { className: n.spinner__anim }) })
             ]
           }
         ),
-        r !== "" && /* @__PURE__ */ s("div", { className: p([n["loading-wrapper__message"], "loading-wrapper__message"]), children: r })
+        r !== "" && /* @__PURE__ */ e("div", { className: _([n["loading-wrapper__message"], "loading-wrapper__message"]), children: r })
       ] })
     }
   );

package/dist/components/ModalContainer/ModalContainer.js

@@ -1,13 +1,13 @@
-import { jsx as s, jsxs as k, Fragment as B } from "react/jsx-runtime";
-import { useState as i, useRef as x, useEffect as v, Suspense as M, Children as w, isValidElement as F, cloneElement as K } from "react";
-import { r as N } from "../../index-sxnwPHiC.mjs";
+import { jsx as s, jsxs as k, Fragment as M } from "react/jsx-runtime";
+import { useState as i, useRef as x, useEffect as v, Suspense as w, Children as F, isValidElement as K, cloneElement as N } from "react";
+import { r as j } from "../../index-sxnwPHiC.mjs";
 import { classes as D } from "../../utils/helpers.js";
-import { blockLayoutsMap as j } from "../../settings.js";
-import { X as R } from "../../x-Ck9Vk5Fo.mjs";
-import '../../assets/ModalContainer.css';const T = "_modal_2e78q_247", C = {
-  modal: T,
-  "modal__close-btn": "_modal__close-btn_2e78q_294"
-}, V = (l) => {
+import { blockLayoutsMap as q } from "../../settings.js";
+import { X as z } from "../../x-Ck9Vk5Fo.mjs";
+import '../../assets/ModalContainer.css';const R = "_modal_2za1i_257", C = {
+  modal: R,
+  "modal__close-btn": "_modal__close-btn_2za1i_304"
+}, T = (l) => {
   if (!document.querySelector(`#${l}`)) {
     const n = document.createElement("div");
     n.setAttribute("id", l);
@@ -29,46 +29,46 @@ function J({
       e.close(), L(!1), _("entering"), u();
     }, 750);
   }, f = (e) => {
-    t.current !== null && [...t.current.attributes].findIndex((c) => c.name === "open") !== -1 && e.key === "Escape" && (e.preventDefault(), e.stopPropagation(), E());
-  }, q = (e) => {
+    t.current !== null && [...t.current.attributes].findIndex((a) => a.name === "open") !== -1 && e.key === "Escape" && (e.preventDefault(), e.stopPropagation(), E());
+  }, B = (e) => {
     e.target instanceof HTMLElement && e.target.classList.contains(`${C.modal}`) && E();
   };
-  return V(n), v(() => {
+  return T(n), v(() => {
     const e = document.getElementById(n);
     if (!e) return;
     e.removeEventListener(
       `scripps:${n.replace(/-/g, "")}:change`,
       (r) => {
         const o = r;
-        g(o.detail.componentProps), o.detail.forceOpen && y((a) => !a);
+        g(o.detail.componentProps), o.detail.forceOpen && y((c) => !c);
       }
     );
-    async function c() {
-      O(j.get(l));
+    async function a() {
+      O(q.get(l));
     }
-    return l !== "" && c(), e.addEventListener(`scripps:${n.replace(/-/g, "")}:change`, (r) => {
+    return l !== "" && a(), e.addEventListener(`scripps:${n.replace(/-/g, "")}:change`, (r) => {
       const o = r;
-      g(o.detail.componentProps), o.detail.forceOpen && y((a) => !a);
+      g(o.detail.componentProps), o.detail.forceOpen && y((c) => !c);
     }), () => {
       e.removeEventListener(`scripps:${n.replace(/-/g, "")}:change`, (r) => {
         const o = r;
-        g(o.detail.componentProps), o.detail.forceOpen && y((a) => !a);
+        g(o.detail.componentProps), o.detail.forceOpen && y((c) => !c);
       });
     };
   }, [l, n]), v(() => {
     let e = null;
-    const c = () => {
+    const a = () => {
       const r = setInterval(() => {
         t.current !== null && (clearInterval(r), e = t.current);
       }, 100);
     };
-    return t.current === null && c(), () => {
+    return t.current === null && a(), () => {
       e == null || e.close();
     };
   }, [d]), v(() => {
     t.current !== null && [...t.current.attributes].findIndex((e) => e.name === "open") === -1 && m !== null && (t.current.showModal(), h.current && h.current.blur());
-  }, [m, $]), N.createPortal(
-    /* @__PURE__ */ s(M, { children: /* @__PURE__ */ k(
+  }, [m, $]), j.createPortal(
+    /* @__PURE__ */ s(w, { children: /* @__PURE__ */ k(
       "dialog",
       {
         "aria-label": b,
@@ -77,7 +77,7 @@ function J({
         "data-state": S,
         ref: t,
         onCancel: (e) => e.preventDefault(),
-        onClick: q,
+        onClick: B,
         onKeyDown: f,
         onKeyUp: f,
         children: [
@@ -89,7 +89,7 @@ function J({
               handleClosing: f
             }
           ),
-          p !== void 0 && /* @__PURE__ */ s(B, { children: w.map(p, (e) => F(e) ? K(e, {
+          p !== void 0 && /* @__PURE__ */ s(M, { children: F.map(p, (e) => K(e) ? N(e, {
             ...m,
             containerClosing: P,
             handleClosing: f
@@ -104,7 +104,7 @@ function J({
               onClick: E,
               children: [
                 /* @__PURE__ */ s("span", { className: "sr-only", children: "close" }),
-                /* @__PURE__ */ s("i", { children: /* @__PURE__ */ s(R, { height: "48", width: "48" }) })
+                /* @__PURE__ */ s("i", { children: /* @__PURE__ */ s(z, { height: "48", width: "48" }) })
               ]
             }
           )

package/dist/components/Overlay/Overlay.js

@@ -1,7 +1,7 @@
 import { jsx as l, Fragment as s } from "react/jsx-runtime";
 import { useEffect as a } from "react";
 import { r as i } from "../../index-sxnwPHiC.mjs";
-import '../../assets/Overlay.css';const v = "_overlay_9zwh9_247", d = {
+import '../../assets/Overlay.css';const v = "_overlay_1rr3t_257", d = {
   overlay: v
 };
 function p({

package/dist/components/ResultsTable/ResultsTable.js

@@ -2,7 +2,7 @@ import { jsxs as o, jsx as t } from "react/jsx-runtime";
 import { classes as m } from "../../utils/helpers.js";
 import { ResultsTableBody as f } from "../ResultsTableBody/ResultsTableBody.js";
 import { ResultsTableHeader as i } from "../ResultsTableHeader/ResultsTableHeader.js";
-import { s as e } from "../../ResultsTable.module-DrBmF9XB.mjs";
+import { s as e } from "../../ResultsTable.module-CRGWj4fD.mjs";
 function n({
   columns: s = [],
   results: l = [],

package/dist/components/ResultsTableBody/ResultsTableBody.js

@@ -1,6 +1,6 @@
 import { jsx as t, Fragment as m, jsxs as _ } from "react/jsx-runtime";
 import { classes as l } from "../../utils/helpers.js";
-import { s as e } from "../../ResultsTable.module-DrBmF9XB.mjs";
+import { s as e } from "../../ResultsTable.module-CRGWj4fD.mjs";
 function c({ results: r = [], columns: u = [], noResultsMsg: b = "No results were returned" }) {
   return r.length > 0 ? /* @__PURE__ */ t(m, { children: r.map((a, i) => /* @__PURE__ */ t(
     "div",

package/dist/components/ResultsTableHeader/ResultsTableHeader.js

@@ -1,6 +1,6 @@
 import { jsx as l } from "react/jsx-runtime";
 import { classes as u } from "../../utils/helpers.js";
-import { s } from "../../ResultsTable.module-DrBmF9XB.mjs";
+import { s } from "../../ResultsTable.module-CRGWj4fD.mjs";
 function h({ columns: a = [] }) {
   let t = [];
   const i = a.map((e, d) => {