@apolitical/component-library 3.0.1-ac.0 → 3.0.1

package/index.mjs

@@ -1589,43 +1589,7 @@ const pl = ({ image: t, className: e, testId: n }) => /* @__PURE__ */ a.jsx(
   }
   return n ? K.createElement(n, { children: e, className: r, ...c }) : e;
 };
-const hl = ({ currentStep: t = 1, steps: e = 1 }) => {
-  const [n, r] = te([]);
-  return ae(() => {
-    const i = [];
-    for (let s = 1; s < e + 1; s++)
-      i.push(s);
-    r(i);
-  }, [e]), /* @__PURE__ */ a.jsx("div", { className: "navigation-dots-wrapper", children: /* @__PURE__ */ a.jsx("div", { className: "dots-wrapper", children: n.map((i) => /* @__PURE__ */ a.jsxs(
-    "div",
-    {
-      className: "dot-wrapper",
-      "aria-label": `Step ${t} of ${i}`,
-      children: [
-        /* @__PURE__ */ a.jsx(
-          "div",
-          {
-            className: S("dot", {
-              active: i === t,
-              completed: i < t
-            }),
-            "data-testid": "navigation-dot"
-          }
-        ),
-        /* @__PURE__ */ a.jsx(
-          "div",
-          {
-            className: S("line", {
-              active: i < t
-            })
-          }
-        )
-      ]
-    },
-    i
-  )) }) });
-};
-const gl = ({ elementId: t, offset: e = 20 }) => {
+const hl = ({ elementId: t, offset: e = 20 }) => {
   const n = G(), r = () => {
     const i = document.getElementById(t);
     if (!i)
@@ -1676,7 +1640,7 @@ const Vi = ({ isOpen: t = !1, isLoading: e = !1, children: n }) => {
     }
   );
 };
-const vl = ({ className: t = "", image: e, ...n }) => e ? (typeof e == "string" && (e = {
+const gl = ({ className: t = "", image: e, ...n }) => e ? (typeof e == "string" && (e = {
   width: 1080,
   height: 200,
   type: "image/png",
@@ -1711,7 +1675,7 @@ const et = ({
     }
   );
 };
-const bl = ({ text: t, buttons: e, className: n = "" }) => {
+const vl = ({ text: t, buttons: e, className: n = "" }) => {
   const r = [];
   return e.forEach((i) => {
     r.push({
@@ -1742,7 +1706,7 @@ const Yi = ({ icon: t, description: e, ctaMessage: n, href: r, showEditButton: i
     /* @__PURE__ */ a.jsx("p", { children: e || o({ id: "edit_section_placeholder_description" }) }),
     i && /* @__PURE__ */ a.jsx(ie, { href: r, variant: "secondary", size: "small", onClick: () => ca({ href: r, setShowModal: s }), children: n || o({ id: "edit_section_placeholder_cta" }) })
   ] });
-}, yl = ({
+}, bl = ({
   children: t,
   className: e = "",
   formProps: n,
@@ -1786,7 +1750,7 @@ const Yi = ({ icon: t, description: e, ctaMessage: n, href: r, showEditButton: i
     c && /* @__PURE__ */ a.jsx(Re, {})
   ] });
 };
-const _l = ({
+const yl = ({
   title: t = !1,
   logos: e = [],
   className: n = ""
@@ -1915,7 +1879,7 @@ const Ki = [
       ] })
     }
   );
-}, xl = Fe(Gi);
+}, _l = Fe(Gi);
 const Qi = ({
   alignImage: t = "left",
   className: e,
@@ -1951,8 +1915,8 @@ const Qi = ({
       }
     )
   ] });
-}, wl = Fe(Qi);
-const kl = ({
+}, xl = Fe(Qi);
+const wl = ({
   variant: t = "primary",
   button: e = null,
   title: n,
@@ -2026,7 +1990,7 @@ const ts = ({ children: t, user: e }) => e.isLoading ? null : process.env.REACT_
 function Vn() {
   return Ce(Oe);
 }
-const rs = ({ children: t, user: e }) => /* @__PURE__ */ a.jsx(Oe.Provider, { value: e, children: t }), jl = ({ bootstrap: t, children: e, intl: n, showDevTools: r }) => {
+const rs = ({ children: t, user: e }) => /* @__PURE__ */ a.jsx(Oe.Provider, { value: e, children: t }), kl = ({ bootstrap: t, children: e, intl: n, showDevTools: r }) => {
   const [i, s] = te({ isLoading: !0 });
   return ae(() => {
     t().then((o) => {
@@ -2120,7 +2084,7 @@ const as = ({
     }
   ) : /* @__PURE__ */ a.jsx("p", { children: r })
 ] });
-const Tl = ({
+const jl = ({
   className: t = "",
   show: e = !1,
   hide: n = !1,
@@ -2360,7 +2324,7 @@ const ps = ({ author: t, authorCite: e, content: n }) => /* @__PURE__ */ a.jsxs(
   /* @__PURE__ */ a.jsx(Xe, { className: "testimonial", children: n }),
   t && /* @__PURE__ */ a.jsx("p", { className: "author text-small", children: t }),
   e && /* @__PURE__ */ a.jsx("p", { className: "author-cite text-small", children: /* @__PURE__ */ a.jsx("cite", { children: e }) })
-] }), El = Fe(ps);
+] }), Tl = Fe(ps);
 const hs = ({ progress: t = 0, text: e = !1, className: n = "" }) => {
   const r = G(), i = t > 75 ? 100 : t > 50 ? 75 : t > 25 ? 50 : t > 5 ? 25 : 0, s = { "--progress": `${t}%` };
   return /* @__PURE__ */ a.jsx(
@@ -2400,7 +2364,7 @@ const un = "loadingBlock_", vs = ({ progress: t = 0, steps: e = !1, className: n
       ]
     }
   );
-}, Sl = Fe(vs);
+}, El = Fe(vs);
 const Te = ({ element: t = "div", className: e = "", ...n }) => /* @__PURE__ */ a.jsx(
   Wn,
   {
@@ -5329,8 +5293,8 @@ const Ct = "passwordRules_", $a = "isMoreThanEightCharacters", Na = "includesNum
       )
     ) })
   ] });
-}, Cl = Fe($o);
-const $l = ({
+}, Sl = Fe($o);
+const Cl = ({
   text: t = {},
   topRating: e = 5,
   functions: {
@@ -5415,7 +5379,7 @@ const $l = ({
     }) })
   ] });
 };
-const Nl = ({
+const $l = ({
   id: t = "form-toggle",
   label: e,
   options: n,
@@ -5474,7 +5438,7 @@ const Nl = ({
     }
   );
 };
-function Pl({ className: t = "", userId: e, userName: n, src: r, setUserImage: i, uploadImage: s }) {
+function Nl({ className: t = "", userId: e, userName: n, src: r, setUserImage: i, uploadImage: s }) {
   const [o, c] = te(!1), [f, l] = te(!1), d = pe(null), u = async (m) => {
     c(!0), l(!1);
     try {
@@ -5998,7 +5962,7 @@ const Ao = {
   loadRecaptcha: !1,
   showSuccessMessage: !1,
   showError: !1
-}, Ml = ({
+}, Pl = ({
   className: t = "",
   functions: e = {
     validateEmail: () => Promise.resolve(),
@@ -6135,7 +6099,7 @@ const Ao = {
     }
   );
 };
-const Rl = ({
+const Ml = ({
   className: t,
   showModal: e = !0,
   title: n,
@@ -6169,7 +6133,7 @@ const Rl = ({
     )
   }
 );
-const Fl = ({ members: t }) => {
+const Rl = ({ members: t }) => {
   const [e, n] = te(!1), r = (i) => {
     const { fullName: s, jobTitle: o, organisation: c, photo: f } = i || {};
     return /* @__PURE__ */ a.jsxs(a.Fragment, { children: [
@@ -6708,7 +6672,7 @@ const Wo = ({
       ]
     }
   );
-}, Ol = ({
+}, Fl = ({
   carousels: t = [],
   isLoading: e,
   title: n,
@@ -6732,7 +6696,7 @@ const Wo = ({
         {
           cards: c,
           cardTypes: f,
-          title: n != null && n.hidden ? {} : { ...n, text: s, link: o },
+          title: { ...n, text: s, link: o },
           ...i
         }
       ),
@@ -6773,7 +6737,7 @@ const _n = "joinCommunityButton", Ra = ({
     }
   );
 };
-const xn = "communityDetails_", Dl = ({
+const xn = "communityDetails_", Ol = ({
   className: t = "",
   isMember: e = !1,
   slug: n,
@@ -6820,7 +6784,7 @@ const xn = "communityDetails_", Dl = ({
     )
   ] });
 };
-const Al = ({ breadcrumbs: t, cutoff: e = 20, className: n = "" }) => {
+const Dl = ({ breadcrumbs: t, cutoff: e = 20, className: n = "" }) => {
   const r = G();
   return /* @__PURE__ */ a.jsxs(a.Fragment, { children: [
     /* @__PURE__ */ a.jsx(
@@ -6844,7 +6808,7 @@ const Al = ({ breadcrumbs: t, cutoff: e = 20, className: n = "" }) => {
     ) })
   ] });
 };
-const Il = ({
+const Al = ({
   options: t,
   allOption: e = !1,
   allowMultiple: n = !0,
@@ -6894,7 +6858,7 @@ const wn = {
   es: "Español",
   fr: "Français",
   pt: "Português"
-}, Nt = "languageSwitcher_", Ll = ({
+}, Nt = "languageSwitcher_", Il = ({
   currentLanguage: t,
   isOriginalLanguage: e = !1,
   isHumanTranslation: n = !1,
@@ -7166,7 +7130,7 @@ ${ct(e, "mailto", n)}&src=email`
     onClick: (r, i) => (r.preventDefault(), r.stopPropagation(), navigator.clipboard.writeText(i))
   }
 ];
-const Jo = "shareLinks_", Bl = ({
+const Jo = "shareLinks_", Ll = ({
   title: t,
   link: e,
   referrer: n,
@@ -7202,7 +7166,7 @@ const Jo = "shareLinks_", Bl = ({
     }) })
   ] });
 };
-const ql = ({ tabs: t, className: e = "", preventLocationChange: n }) => {
+const Bl = ({ tabs: t, className: e = "", preventLocationChange: n }) => {
   var l;
   const r = (d, u, m) => (d || (d = `panel-${window.btoa(u)}-${m}`), d);
   let i = t.findIndex((d) => d.current === !0);
@@ -7280,7 +7244,7 @@ const Xo = {
   return K.Children.count(r) === 1 && (s = K.Children.toArray(r)[0], s.props && (s = s.props.children)), /* @__PURE__ */ a.jsx("section", { className: S("columns", `layout-${t}`, n), children: K.Children.map(s, (o, c) => e !== !1 && c === e && i && i < Xo[t] ? null : o) });
 };
 let jn;
-const Tn = "contactFooter_", Ul = ({ onSuccess: t = async () => {
+const Tn = "contactFooter_", ql = ({ onSuccess: t = async () => {
 }, onFailure: e = () => {
 } }) => {
   const n = pe(null), [r, i] = K.useState(0), [s, o] = K.useState(!1), c = () => {
@@ -7317,7 +7281,7 @@ const Tn = "contactFooter_", Ul = ({ onSuccess: t = async () => {
       }
     )
   ] }) });
-}, zl = ({ activeLink: t, ...e }) => /* @__PURE__ */ a.jsx(et, { children: /* @__PURE__ */ a.jsx(ec, { layout: "1-3", children: /* @__PURE__ */ a.jsxs(a.Fragment, { children: [
+}, Ul = ({ activeLink: t, ...e }) => /* @__PURE__ */ a.jsx(et, { children: /* @__PURE__ */ a.jsx(ec, { layout: "1-3", children: /* @__PURE__ */ a.jsxs(a.Fragment, { children: [
   /* @__PURE__ */ a.jsx(Go, { activeLink: t }),
   /* @__PURE__ */ a.jsx(ms, { ...e })
 ] }) }) });
@@ -8050,44 +8014,30 @@ const rc = () => {
   className: o = "",
   locale: c = "en"
 }) => {
-  const { navigation: f = !0, footer: l = !0 } = i, {
-    background: d = "default",
-    variant: u = "default",
-    circle: m = "default",
-    modal: p = "default"
-  } = s, v = $i();
+  const { navigation: f = !0, footer: l = !0 } = i, { background: d = "default", variant: u = "default", circle: m = "default" } = s, p = $i();
   ae(() => {
     window.scrollTo(0, 0);
-  }, [v]);
-  const y = Ot(t, { locale: c }), _ = Ot(e, {
+  }, [p]);
+  const v = Ot(t, { locale: c }), y = Ot(e, {
     locale: c
-  }), g = Ot(n, {
+  }), _ = Ot(n, {
     locale: c
-  }), b = {};
-  return d !== "default" && (b[d] = !0), u !== "default" && (b[u] = !0), m !== "default" && (b[m] = !0), /* @__PURE__ */ a.jsx(xi, { onError: r, fallback: /* @__PURE__ */ a.jsx(rc, {}), children: /* @__PURE__ */ a.jsx(ui, { fallback: null, children: /* @__PURE__ */ a.jsxs(
+  }), g = {};
+  return d !== "default" && (g[d] = !0), u !== "default" && (g[u] = !0), m !== "default" && (g[m] = !0), /* @__PURE__ */ a.jsx(xi, { onError: r, fallback: /* @__PURE__ */ a.jsx(rc, {}), children: /* @__PURE__ */ a.jsx(ui, { fallback: null, children: /* @__PURE__ */ a.jsxs(
     "div",
     {
       id: "wrapper",
-      className: S(o, b, { "has-footer": l }),
+      className: S(o, g, { "has-footer": l }),
       children: [
         /* @__PURE__ */ a.jsx(Da, { showNavigation: f }),
         /* @__PURE__ */ a.jsxs("section", { id: "content-wrapper", children: [
-          _ && /* @__PURE__ */ a.jsx(
-            "div",
-            {
-              className: S("additional-content prepended", {
-                "large-modal": p === "large"
-              }),
-              children: _
-            }
-          ),
+          y && /* @__PURE__ */ a.jsx("div", { className: "additional-content prepended", children: y }),
           K.createElement(d === "bold" ? Sa : "div", {
             id: "content",
-            children: y,
-            className: S({ "large-modal": p === "large" })
+            children: v
           })
         ] }),
-        g && /* @__PURE__ */ a.jsx("div", { className: "additional-content appended", children: g }),
+        _ && /* @__PURE__ */ a.jsx("div", { className: "additional-content appended", children: _ }),
         l && /* @__PURE__ */ a.jsx(Oa, {}),
         /* @__PURE__ */ a.jsx(tc, {})
       ]
@@ -8124,7 +8074,7 @@ const rc = () => {
     return $n[t] ? (t = $n[t], { id: t, text: `${Br.default}${t}` }) : null;
   }
 };
-const Zl = ({
+const zl = ({
   tags: t = [],
   color: e = "default",
   forceOneLine: n = !1,
@@ -8164,7 +8114,7 @@ const Zl = ({
     }
   );
 };
-const Wl = ({
+const Zl = ({
   members: { data: t = [], total: e = t.length },
   hasNextPage: n = !1,
   loadNextPage: r = () => {
@@ -9478,7 +9428,7 @@ function Mc(t) {
   var e;
   return ((e = t == null ? void 0 : t.pages) == null ? void 0 : e.reduce((n, { results: r }) => [...n, ...r], [])) || [];
 }
-const Hl = ({
+const Wl = ({
   basePath: t,
   parentId: e,
   isMember: n,
@@ -9598,7 +9548,7 @@ const Hl = ({
       }
     )
   ] });
-}, Vl = {
+}, Hl = {
   next: "id_lt=67ef0342-6f6e-4807-beea-5a9184ec140c&limit=5",
   results: [
     {
@@ -10681,7 +10631,7 @@ function Gc({
   });
   return i;
 }
-const Yl = ({
+const Vl = ({
   basePath: t,
   parentId: e,
   activityId: n,
@@ -10787,7 +10737,7 @@ const Yl = ({
       }
     )
   ] });
-}, Kl = ({
+}, Yl = ({
   id: t,
   data: { jobTitle: e, name: n, organization: r, thumbnail: i }
 }) => ({
@@ -10840,7 +10790,7 @@ const Yl = ({
     contributors: ["community"]
   }
 ];
-const Rt = "notFoundError_", Gl = () => {
+const Rt = "notFoundError_", Kl = () => {
   const t = G(), e = [];
   return Yr.forEach((n, r) => {
     n.title = t.formatMessage({ id: `${Rt}post_${r + 1}` }), e.push("solutionArticle");
@@ -10875,97 +10825,96 @@ const Rt = "notFoundError_", Gl = () => {
 };
 export {
   Ge as ASSETS_BUCKET,
-  Hl as ActivitiesFeed,
-  Yl as ActivitySection,
+  Wl as ActivitiesFeed,
+  Vl as ActivitySection,
   Aa as AddPost,
-  vl as Banner,
-  xl as BannerSection,
-  Al as Breadcrumbs,
+  gl as Banner,
+  _l as BannerSection,
+  Dl as Breadcrumbs,
   ie as Button,
   yt as ButtonWrapper,
   Ji as CacheProvider,
   Ma as Card,
   Uo as CardBlock,
-  Ol as Carousel,
+  Fl as Carousel,
   la as CollapsibleSection,
   ec as Columns,
-  Dl as CommunityDetails,
-  Ul as ContactFooter,
+  Ol as CommunityDetails,
+  ql as ContactFooter,
   No as ContactForm,
   ha as Contributors,
   Xn as ConversationContext,
   tc as CookieBanner,
-  Fl as Directory,
+  Rl as Directory,
   oc as DiscussionConversation,
   Jn as DiscussionForm,
   dc as DiscussionLikes,
   nn as DiscussionPost,
   mc as DiscussionThread,
   Re as Divider,
-  bl as DownloadSection,
+  vl as DownloadSection,
   lt as EMAILS,
-  yl as EditSection,
+  bl as EditSection,
   yo as EmailHelperTextBox,
   tt as EmptyStateBox,
-  Il as Filters,
+  Al as Filters,
   ts as FlagsProvider,
   Oa as Footer,
   Qn as Form,
   et as FullWidthSection,
-  jl as GlobalProviders,
+  kl as GlobalProviders,
   Da as Header,
   as as HelperTextBox,
   Wn as HiddenFromScreenReaders,
-  Tl as HideShowTextBox,
-  wl as HighlightSection,
+  jl as HideShowTextBox,
+  xl as HighlightSection,
   Ae as HighlightedTextBox,
   pl as ImageContainer,
   ns as IntlProvider,
   Po as InviteForm,
-  Rl as InviteModal,
+  Ml as InviteModal,
   Ra as JoinButton,
-  Ll as LanguageSwitcher,
+  Il as LanguageSwitcher,
   xt as Link,
   en as LoadMore,
-  Sl as LoadingBlock,
+  El as LoadingBlock,
   Te as LoadingPlaceholder,
   fa as LoadingState,
   Fa as Logo,
-  _l as LogoSection,
+  yl as LogoSection,
   It as MarkdownText,
-  kl as MarketingBlock,
+  wl as MarketingBlock,
   Yn as Member,
-  Wl as MembersList,
+  Zl as MembersList,
   Sa as Modal,
   Vo as MoreMenu,
   fl as NUMBER_OF_USERS,
-  hl as NavigationDots,
   Go as NavigationMenu,
-  Gl as NotFoundError,
+  Kl as NotFoundError,
   Xt as Overlay,
   ms as PageHeading,
   ac as PageLayout,
-  Cl as PasswordRules,
+  Sl as PasswordRules,
   Lt as Pill,
-  Pl as ProfileImageChange,
+  Nl as ProfileImageChange,
   ze as ProfilePicture,
   gs as ProgressBar,
-  $l as Rating,
+  Cl as Rating,
   Wc as RepliesFeed,
   fc as ResponsesHeading,
   _t as ResponsiveImage,
-  gl as ReturnToNavButton,
+  hl as ReturnToNavButton,
   Mo as SearchForm,
-  Bl as ShareLinks,
-  Ml as SignupForm,
+  Ll as ShareLinks,
+  Pl as SignupForm,
   us as Span,
   Bt as StatusBanner,
-  ql as Tabs,
-  Zl as Tags,
-  El as TestimonialBlock,
-  Nl as Toggle,
+  Bl as Tabs,
+  zl as Tags,
+  Tl as TestimonialBlock,
+  $l as Toggle,
   Vi as Tooltip,
-  zl as TopLevelPage,
+  Ul as TopLevelPage,
   Oe as UserContext,
   rs as UserProvider,
   be as VisuallyHidden,
@@ -10973,10 +10922,10 @@ export {
   Fi as generateCssIcon,
   pa as getMember,
   Yt as headerData,
-  Kl as mapGetStreamData,
+  Yl as mapGetStreamData,
   zi as pageReady,
   ml as passwordValidator,
-  Vl as repliesFeedMock,
+  Hl as repliesFeedMock,
   $i as useCurrentPath,
   gt as useEffectAfterMount,
   bt as useElementWidth,

package/layout/page-layout/page-layout.d.ts

@@ -19,8 +19,6 @@ interface Props {
         variant?: 'default' | 'inverted' | 'alt-1' | 'alt-2';
         /** The size of the circle on the `bold` background */
         circle?: 'default' | 'small';
-        /** The size of the white modal */
-        modal?: 'default' | 'large';
     };
     /** Optionally hide the header navigation and the footer, for pages where we need to focus the user's attention, like onboarding */
     forceShow?: {

package/package.json

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