@apolitical/component-library 4.7.5-ac.2 → 4.7.5-ac.4

package/index.mjs

@@ -85,7 +85,7 @@ const G = /* @__PURE__ */ Nn(Dh), xh = ({
   ...i,
   className: G("hidden", r, { "show-on-focus": t }),
   children: n
-}), qe = Vt(xh), wh = ({
+}), ze = Vt(xh), wh = ({
   element: e = "span",
   children: t = null,
   ...n
@@ -1661,7 +1661,7 @@ const Te = ({
   const k = ie.createElement(
     a,
     E,
-    h || (c ? /* @__PURE__ */ d.jsx(qe, { showOnFocus: !1, children: c }) : null)
+    h || (c ? /* @__PURE__ */ d.jsx(ze, { showOnFocus: !1, children: c }) : null)
   );
   return l && u ? /* @__PURE__ */ d.jsxs("span", { className: "button-container", ...v, children: [
     /* @__PURE__ */ d.jsx(cr, { isOpen: f, children: u }),
@@ -1893,7 +1893,7 @@ const Kh = Hs(
   children: t
 }) => typeof document == "object" ? _c.createPortal(t, e) : null;
 const c_ = ({ currentStep: e = 1, steps: t = 1 }) => /* @__PURE__ */ d.jsxs(d.Fragment, { children: [
-  /* @__PURE__ */ d.jsx(qe, { children: /* @__PURE__ */ d.jsx(
+  /* @__PURE__ */ d.jsx(ze, { children: /* @__PURE__ */ d.jsx(
     ht,
     {
       id: "progressTracker",
@@ -2291,7 +2291,7 @@ const h_ = ({
   const i = e.src;
   return i.includes("youtube") || i.includes("vimeo") ? r = "video" : i.includes("riddle") || i.includes("sli.do") ? r = "poll" : i.includes("padlet") && (r = "padlet"), /* @__PURE__ */ d.jsxs(d.Fragment, { children: [
     /* @__PURE__ */ d.jsx(
-      qe,
+      ze,
       {
         element: "a",
         href: `#content-after-iframe-${n}`,
@@ -2476,7 +2476,7 @@ const um = ({
         [l !== "default" ? l : ""]: l !== "default"
       }),
       style: c,
-      children: ie.createElement(a ? "span" : qe, {
+      children: ie.createElement(a ? "span" : ze, {
         className: a ? "text" : "",
         children: n || i.formatMessage({ id: "progressBar" }, { number: t })
       })
@@ -4712,7 +4712,7 @@ const v_ = ({ breadcrumbs: e, cutoff: t = 20, className: n = "" }) => {
   const r = ue();
   return /* @__PURE__ */ d.jsxs(d.Fragment, { children: [
     /* @__PURE__ */ d.jsx(
-      qe,
+      ze,
       {
         element: "p",
         children: r.formatMessage({ id: "breadcrumbs_label" })
@@ -4723,7 +4723,7 @@ const v_ = ({ breadcrumbs: e, cutoff: t = 20, className: n = "" }) => {
         const l = {};
         return s && (l["aria-current"] = "location"), /* @__PURE__ */ d.jsxs("li", { children: [
           s && /* @__PURE__ */ d.jsx(
-            qe,
+            ze,
             {
               element: "span",
               children: r.formatMessage({ id: "breadcrumbs_currentPage" })
@@ -4906,7 +4906,7 @@ const cd = ({
     href: "/home/",
     className: G("logo", e, t, n),
     ...r,
-    children: /* @__PURE__ */ d.jsx(qe, { children: /* @__PURE__ */ d.jsx(ht, { id: "apolitical" }) })
+    children: /* @__PURE__ */ d.jsx(ze, { children: /* @__PURE__ */ d.jsx(ht, { id: "apolitical" }) })
   }
 ) });
 let ii = !1;
@@ -5246,7 +5246,7 @@ const dd = ({
         ] })
       }
     ),
-    /* @__PURE__ */ d.jsx(qe, { showOnFocus: !1, id: `${e}-info`, children: i.formatMessage({ id: `${a}_info` }, { limit: t }) })
+    /* @__PURE__ */ d.jsx(ze, { showOnFocus: !1, id: `${e}-info`, children: i.formatMessage({ id: `${a}_info` }, { limit: t }) })
   ] });
 }, eo = (e) => (e == null ? void 0 : e.toString().length) || 0, Ap = (e, t = null) => {
   const n = {};
@@ -6341,12 +6341,12 @@ const si = "passwordRules_", hd = "isMoreThanEightCharacters", md = "includesNum
         {
           className: G({ matches: e[r] }),
           children: [
-            /* @__PURE__ */ d.jsxs(qe, { children: [
+            /* @__PURE__ */ d.jsxs(ze, { children: [
               n.formatMessage({ id: `${si}rule_label` }),
               " "
             ] }),
             /* @__PURE__ */ d.jsx("span", { children: n.formatMessage({ id: `${si}rule_${$p[r]}` }) }),
-            !e[r] && /* @__PURE__ */ d.jsxs(qe, { element: "strong", children: [
+            !e[r] && /* @__PURE__ */ d.jsxs(ze, { element: "strong", children: [
               " ",
               n.formatMessage({ id: `${si}notMet` })
             ] })
@@ -19749,7 +19749,7 @@ const zw = ({
                 }
             },
             children: [
-              /* @__PURE__ */ d.jsx(qe, { showOnFocus: !1, children: o.formatMessage({ id: `richTextEditor_${e}` }) }),
+              /* @__PURE__ */ d.jsx(ze, { showOnFocus: !1, children: o.formatMessage({ id: `richTextEditor_${e}` }) }),
               /* @__PURE__ */ d.jsx(
                 cr,
                 {
@@ -19918,7 +19918,7 @@ const Vw = () => {
           x.preventDefault(), x.stopPropagation(), window.open((l == null ? void 0 : l.full) || "", "_blank"), a([{ type: "showLinkEditor", value: !1 }]);
         }, k.children = /* @__PURE__ */ d.jsxs(d.Fragment, { children: [
           k.children,
-          /* @__PURE__ */ d.jsx(qe, { children: e.formatMessage({ id: `${t}${E}_text` }) })
+          /* @__PURE__ */ d.jsx(ze, { children: e.formatMessage({ id: `${t}${E}_text` }) })
         ] });
         break;
       case "edit":
@@ -20068,7 +20068,7 @@ const Qw = ({ ...e }) => {
   const t = ue(), { id: n } = Ue(un);
   return /* @__PURE__ */ d.jsxs(d.Fragment, { children: [
     /* @__PURE__ */ d.jsxs("fieldset", { id: `toolbar-${n}`, className: "toolbar", ...e, children: [
-      /* @__PURE__ */ d.jsx(qe, { element: "legend", showOnFocus: !1, children: t.formatMessage({ id: "richTextEditor_toolbar" }) }),
+      /* @__PURE__ */ d.jsx(ze, { element: "legend", showOnFocus: !1, children: t.formatMessage({ id: "richTextEditor_toolbar" }) }),
       /* @__PURE__ */ d.jsxs("ul", { children: [
         Hi.map((r, i) => /* @__PURE__ */ d.jsx(Yw, { format: r, hasDivider: i === Hi.length - 1 }, r)),
         /* @__PURE__ */ d.jsx(Kw, {}),
@@ -20904,7 +20904,7 @@ const fC = ({
       "data-gtm-event-type": a,
       children: /* @__PURE__ */ d.jsx("fieldset", { id: `${e}-form`, hidden: n ? !s : !1, children: /* @__PURE__ */ d.jsxs("p", { children: [
         /* @__PURE__ */ d.jsx(
-          qe,
+          ze,
           {
             element: "label",
             htmlFor: e,
@@ -20932,10 +20932,10 @@ const fC = ({
             onClick: (h) => {
               h.preventDefault(), h.stopPropagation(), u.current && u.current.value && (u.current.value = "");
             },
-            children: /* @__PURE__ */ d.jsx(qe, { children: l.formatMessage({ id: "search_clear" }) })
+            children: /* @__PURE__ */ d.jsx(ze, { children: l.formatMessage({ id: "search_clear" }) })
           }
         ),
-        /* @__PURE__ */ d.jsx("button", { className: "search", onClick: c, children: /* @__PURE__ */ d.jsx(qe, { children: l.formatMessage({ id: "search_cta" }) }) })
+        /* @__PURE__ */ d.jsx("button", { className: "search", onClick: c, children: /* @__PURE__ */ d.jsx(ze, { children: l.formatMessage({ id: "search_cta" }) }) })
       ] }) })
     }
   );
@@ -21856,7 +21856,7 @@ const Jn = "footer_", Ui = "SiteFooter", mc = ({ group: e }) => {
       }
     ) })
   ] })
-] }) }), ze = {
+] }) }), qe = {
   timeouts: {},
   handlerCalled: {},
   getIsDesktopVersion: (e, t) => {
@@ -21879,9 +21879,9 @@ const Jn = "footer_", Ui = "SiteFooter", mc = ({ group: e }) => {
     if (!i && n[e] === t || !i && e === wt.ACCOUNT && t === !1 && n[wt.SITE] === !0)
       return;
     const a = Date.now();
-    if (!i && !t && ze.handlerCalled[e] && a - ze.handlerCalled[e] < 500)
+    if (!i && !t && qe.handlerCalled[e] && a - qe.handlerCalled[e] < 500)
       return;
-    ze.handlerCalled[e] = a;
+    qe.handlerCalled[e] = a;
     let s = [{ type: `menus.${e}`, value: t }];
     if (t === !0)
       Object.keys(n).forEach((o) => {
@@ -21925,7 +21925,7 @@ const Jn = "footer_", Ui = "SiteFooter", mc = ({ group: e }) => {
       if (!(typeof i > "u") && (!n || i[t] && i[t].includes(n) || i.value && i.value.includes(n) || i.toString().includes(n)))
         return e[r];
     }
-    return e[0].children ? ze.findFirstChild(e[0].children, t, n) : !1;
+    return e[0].children ? qe.findFirstChild(e[0].children, t, n) : !1;
   },
   autoFocus: ({ menu: e, navigationRef: t, isDesktopVersion: n, focusElements: r, dispatch: i }) => {
     var l;
@@ -21940,23 +21940,23 @@ const Jn = "footer_", Ui = "SiteFooter", mc = ({ group: e }) => {
     switch (e) {
       case wt.SITE:
         if (n) {
-          const u = ze.findFirstChild(
+          const u = qe.findFirstChild(
             t.current.children,
             "attributes.aria-controls",
             wt.SITE
           );
-          s = ze.findFirstChild(u.children, "href");
+          s = qe.findFirstChild(u.children, "href");
         } else
-          s = ze.findFirstChild(t.current.children, "href");
+          s = qe.findFirstChild(t.current.children, "href");
         break;
       case wt.ACCOUNT:
-        if (o = ze.findFirstChild(
+        if (o = qe.findFirstChild(
           t.current.children,
           "className",
           "account"
         ), !o || !o.children)
           return;
-        s = ze.findFirstChild(o.children, "href");
+        s = qe.findFirstChild(o.children, "href");
         break;
       default:
         return;
@@ -21967,16 +21967,16 @@ const Jn = "footer_", Ui = "SiteFooter", mc = ({ group: e }) => {
   },
   events: {
     onClick: (e, { id: t, callback: n, isOpen: r }) => {
-      e.target && e.target.attributes && e.target.attributes.href || (e.preventDefault(), e.stopPropagation(), clearTimeout(ze.timeouts[t]), n(t, !r));
+      e.target && e.target.attributes && e.target.attributes.href || (e.preventDefault(), e.stopPropagation(), clearTimeout(qe.timeouts[t]), n(t, !r));
     },
     onFocus: ({ id: e }) => {
-      clearTimeout(ze.timeouts[e]);
+      clearTimeout(qe.timeouts[e]);
     },
     onMouseEnter: ({ id: e, callback: t }) => {
-      clearTimeout(ze.timeouts[e]), t(e, !0);
+      clearTimeout(qe.timeouts[e]), t(e, !0);
     },
     onBlur: ({ id: e, callback: t }) => {
-      ze.timeouts[e] = setTimeout(() => {
+      qe.timeouts[e] = setTimeout(() => {
         t(e, !1);
       }, 250);
     }
@@ -22102,11 +22102,11 @@ const Jn = "footer_", Ui = "SiteFooter", mc = ({ group: e }) => {
   let v = {}, b = {}, E = {};
   if (f && (v = { ...v, "aria-current": "page" }), m) {
     const k = o.menuId || e, x = {
-      onClick: (w) => ze.events.onClick(w, { id: k, callback: i, isOpen: r[k] }),
-      onFocus: () => ze.events.onFocus({ id: k }),
-      onBlur: () => ze.events.onBlur({ id: k, callback: i }),
-      onMouseLeave: () => ze.events.onBlur({ id: k, callback: i }),
-      onMouseEnter: () => ze.events.onMouseEnter({ id: k, callback: i })
+      onClick: (w) => qe.events.onClick(w, { id: k, callback: i, isOpen: r[k] }),
+      onFocus: () => qe.events.onFocus({ id: k }),
+      onBlur: () => qe.events.onBlur({ id: k, callback: i }),
+      onMouseLeave: () => qe.events.onBlur({ id: k, callback: i }),
+      onMouseEnter: () => qe.events.onMouseEnter({ id: k, callback: i })
     };
     b = {
       ...x,
@@ -22115,7 +22115,7 @@ const Jn = "footer_", Ui = "SiteFooter", mc = ({ group: e }) => {
       ...x,
       className: "navigation-button",
       onKeyPress: (w) => {
-        w.key === "Enter" && ze.events.onClick(w, { id: k, callback: i, isOpen: r[k] });
+        w.key === "Enter" && qe.events.onClick(w, { id: k, callback: i, isOpen: r[k] });
       },
       "aria-haspopup": !0,
       "aria-expanded": r[k],
@@ -22141,7 +22141,7 @@ const Jn = "footer_", Ui = "SiteFooter", mc = ({ group: e }) => {
           s.formatMessage({ id: h })
         ) : n && o.order && g ? /* @__PURE__ */ d.jsxs("button", { ...E, children: [
           s.formatMessage({ id: h }),
-          /* @__PURE__ */ d.jsx(qe, { children: s.formatMessage({
+          /* @__PURE__ */ d.jsx(ze, { children: s.formatMessage({
             id: `header_menu_${r[wt.SITE] ? "hide" : "show"}`
           }) })
         ] }) : s.formatMessage({ id: h }),
@@ -22192,7 +22192,7 @@ const DC = { height: 67, height_desktop: 83 };
 var wt = /* @__PURE__ */ ((e) => (e.NAVIGATION = "navigation", e.SEARCH = "search", e.ACCOUNT = "account-navigation", e.SITE = "site-navigation", e))(wt || {});
 const qf = ({ showNavigation: e = !0 }) => {
   const t = ue(), n = Ue(Kt), r = Ur(!0, !0), i = n && typeof n.id == "string", a = Wt(
-    () => ze.getIsDesktopVersion(i, r),
+    () => qe.getIsDesktopVersion(i, r),
     [i, r]
   ), [s, o] = lr(Xi, {
     headerIsVisible: !0,
@@ -22216,19 +22216,19 @@ const qf = ({ showNavigation: e = !0 }) => {
         !a && b[
           "site-navigation"
           /* SITE */
-        ] || ze.shouldChangeHeaderIsVisible(!0, b, o);
+        ] || qe.shouldChangeHeaderIsVisible(!0, b, o);
       },
       scrollDown: () => {
         const b = h.current.menus;
         !a && b[
           "site-navigation"
           /* SITE */
-        ] || ze.shouldChangeHeaderIsVisible(!1, b, o);
+        ] || qe.shouldChangeHeaderIsVisible(!1, b, o);
       }
     }
   });
   const p = (b, E, k = !1) => {
-    ze.handleMenus({ id: b, value: E, menus: h.current.menus, dispatch: o, forceHandle: k });
+    qe.handleMenus({ id: b, value: E, menus: h.current.menus, dispatch: o, forceHandle: k });
   }, m = _e(null), g = (b) => {
     b.key === "Escape" && [
       "site-navigation",
@@ -22251,7 +22251,7 @@ const qf = ({ showNavigation: e = !0 }) => {
     u[
       "site-navigation"
       /* SITE */
-    ] && ze.autoFocus({
+    ] && qe.autoFocus({
       menu: "site-navigation",
       navigationRef: m,
       isDesktopVersion: a.navigation,
@@ -22265,7 +22265,7 @@ const qf = ({ showNavigation: e = !0 }) => {
     u[
       "account-navigation"
       /* ACCOUNT */
-    ] && ze.autoFocus({
+    ] && qe.autoFocus({
       menu: "account-navigation",
       navigationRef: m,
       isDesktopVersion: a.navigation,
@@ -22288,7 +22288,7 @@ const qf = ({ showNavigation: e = !0 }) => {
         "aria-expanded": u.search,
         "aria-controls": "search-form",
         children: /* @__PURE__ */ d.jsx(
-          qe,
+          ze,
           {
             children: t.formatMessage({
               id: `header_search_${u.search ? "hide" : "show"}`
@@ -22328,7 +22328,7 @@ const qf = ({ showNavigation: e = !0 }) => {
           /* SITE */
         ],
         "aria-controls": "site-navigation",
-        children: /* @__PURE__ */ d.jsx(qe, { children: t.formatMessage({
+        children: /* @__PURE__ */ d.jsx(ze, { children: t.formatMessage({
           id: `header_menu_${u[
             "site-navigation"
             /* SITE */
@@ -22387,7 +22387,7 @@ const qf = ({ showNavigation: e = !0 }) => {
         }),
         children: [
           /* @__PURE__ */ d.jsx(
-            qe,
+            ze,
             {
               element: "a",
               href: "#content-of-page",
@@ -22407,7 +22407,7 @@ const qf = ({ showNavigation: e = !0 }) => {
               "button",
               {
                 className: "account-button",
-                onClick: (b) => ze.events.onClick(b, {
+                onClick: (b) => qe.events.onClick(b, {
                   id: "account-navigation",
                   callback: p,
                   isOpen: u[
@@ -22415,11 +22415,11 @@ const qf = ({ showNavigation: e = !0 }) => {
                     /* ACCOUNT */
                   ]
                 }),
-                onMouseEnter: () => ze.events.onMouseEnter({
+                onMouseEnter: () => qe.events.onMouseEnter({
                   id: "account-navigation",
                   callback: p
                 }),
-                onMouseLeave: () => ze.events.onBlur({
+                onMouseLeave: () => qe.events.onBlur({
                   id: "account-navigation",
                   callback: p
                 }),
@@ -22430,7 +22430,7 @@ const qf = ({ showNavigation: e = !0 }) => {
                 ],
                 "aria-controls": "account-navigation",
                 children: [
-                  /* @__PURE__ */ d.jsx(qe, { children: t.formatMessage({
+                  /* @__PURE__ */ d.jsx(ze, { children: t.formatMessage({
                     id: `header_account_${u[
                       "account-navigation"
                       /* ACCOUNT */
@@ -22539,7 +22539,7 @@ const xC = () => {
       }
     ),
     f && /* @__PURE__ */ d.jsx(
-      qe,
+      ze,
       {
         "aria-live": "polite",
         showOnFocus: !1,
@@ -22690,7 +22690,7 @@ const j_ = ({
       },
       children: i.formatMessage({ id: `${t}label` })
     }
-  ) : /* @__PURE__ */ d.jsx(qe, { element: "label", showOnFocus: !1, htmlFor: `${e}-input`, children: Ot(i.formatMessage, `${t}label_action`, r, "action") });
+  ) : /* @__PURE__ */ d.jsx(ze, { element: "label", showOnFocus: !1, htmlFor: `${e}-input`, children: Ot(i.formatMessage, `${t}label_action`, r, "action") });
 };
 let gi = null;
 const nt = "discussion_form_", ua = ({
@@ -22973,7 +22973,7 @@ const nt = "discussion_form_", ua = ({
         maxLength: a
       }
     ) : Z }),
-    g && /* @__PURE__ */ d.jsx(qe, { "aria-live": "polite", showOnFocus: !1, children: g })
+    g && /* @__PURE__ */ d.jsx(ze, { "aria-live": "polite", showOnFocus: !1, children: g })
   ] });
 }, AC = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
@@ -23125,7 +23125,7 @@ const SC = ({
       ),
       n && /* @__PURE__ */ d.jsxs(d.Fragment, { children: [
         /* @__PURE__ */ d.jsx(
-          qe,
+          ze,
           {
             "data-testid": "like-a11y-button",
             element: "button",
@@ -23152,7 +23152,7 @@ const SC = ({
             },
             "aria-expanded": v,
             "aria-controls": `likes-tooltip-${a.slug}`,
-            children: /* @__PURE__ */ d.jsx(qe, { showOnFocus: !1, children: u.formatMessage(
+            children: /* @__PURE__ */ d.jsx(ze, { showOnFocus: !1, children: u.formatMessage(
               { id: "discussion_likes_show" },
               { action: a.type }
             ) })
@@ -23456,7 +23456,8 @@ const la = ({
   }), g && ((Se = Z == null ? void 0 : Z.current) == null || Se.focus(), (Ye = Z == null ? void 0 : Z.current) == null || Ye.scrollIntoView({ behavior: "smooth" })), ie.createElement(e, {
     className: G("discussion-post", u, {
       [W]: !u || !u.includes("highlighted-text-box"),
-      "has-link": l.post && !C.isEditing
+      "has-link": l.post && !C.isEditing,
+      "is-pinned": (t == null ? void 0 : t.pinned) || !1
     }),
     ref: Z,
     tabIndex: g ? 0 : null,
@@ -23494,7 +23495,7 @@ const la = ({
                   gtmType: "profile-click"
                 }
               ),
-              t.pinned && /* @__PURE__ */ d.jsx(kn, { variant: "naked", size: "xlarge", icon: "pin" })
+              t.pinned && /* @__PURE__ */ d.jsx(kn, { variant: "naked", size: "xlarge", icon: "pin", children: /* @__PURE__ */ d.jsx(ze, { children: "Pinned Post" }) })
             ] }),
             C.isEditing ? /* @__PURE__ */ d.jsx(
               ua,
@@ -27111,7 +27112,7 @@ const qE = ({
                     onClick: (S) => {
                       S.preventDefault(), S.stopPropagation(), T(B);
                     },
-                    children: /* @__PURE__ */ d.jsx(qe, { showOnFocus: !1, children: l.formatMessage(
+                    children: /* @__PURE__ */ d.jsx(ze, { showOnFocus: !1, children: l.formatMessage(
                       { id: "carousel_pagination_page" },
                       { number: B + 1, total: x }
                     ) })
@@ -27134,7 +27135,7 @@ const qE = ({
               }
             ) })
           ] }),
-          /* @__PURE__ */ d.jsx(qe, { "aria-live": "polite", showOnFocus: !1, children: b })
+          /* @__PURE__ */ d.jsx(ze, { "aria-live": "polite", showOnFocus: !1, children: b })
         ] })
       ]
     }
@@ -27593,7 +27594,7 @@ export {
   Fi as UUID_V4_REGEX,
   Kt as UserContext,
   pp as UserProvider,
-  qe as VisuallyHidden,
+  ze as VisuallyHidden,
   bp as addAriaProps,
   Xi as basicReducer,
   Bh as camelCaseToDashCase,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@apolitical/component-library",
-  "version": "4.7.5-ac.2",
+  "version": "4.7.5-ac.4",
   "main": "./index.js",
   "types": "./index.d.ts",
   "exports": {