@ilo-org/react 0.19.0 → 0.21.0

package/lib/esm/_store/Icon-entry-CzaGrGSM.js

@@ -0,0 +1,4 @@
+import { I } from "./Icon-chunk-BE5t6PqR.js";
+export {
+  I as Icon
+};

package/lib/esm/_store/LanguageToggle-chunk-CsayoJqR.js

@@ -0,0 +1,70 @@
+import { jsxs as i, jsx as c } from "react/jsx-runtime";
+import { forwardRef as R, useState as _, useRef as l, useLayoutEffect as m } from "react";
+import { u as w } from "./useGlobalSettings-chunk-gkijV3S1.js";
+import { c as f } from "./index-chunk-0LeqwHm8.js";
+import { C as N } from "./ContextMenu-chunk-D-riZIFp.js";
+const y = R(
+  ({ className: d, language: p, theme: g = "light", hideIcon: x, options: a, ...$ }, h) => {
+    const { prefix: C } = w(), [n, u] = _(!1), o = l(null), t = l(null), e = `${C}--language-toggle`;
+    return m(() => {
+      function r(s) {
+        !t.current || !o.current || !t.current.contains(s.target) && !o.current.contains(s.target) && u(!1);
+      }
+      return document.addEventListener("mousedown", r), () => {
+        document.removeEventListener("mousedown", r);
+      };
+    }), m(() => {
+      if (!(!o.current || !t.current) && n) {
+        const r = o.current.getBoundingClientRect(), s = t.current.getBoundingClientRect();
+        t.current.style.left = `${r.left + (r.width - s.width) / 2}px`, t.current.style.top = `${r.bottom}px`;
+      }
+    }, [n]), /* @__PURE__ */ i(
+      "div",
+      {
+        ref: h,
+        className: f(
+          e,
+          d,
+          `${e}__theme__${g}`,
+          {
+            [`${e}__open`]: n
+          }
+        ),
+        ...$,
+        children: [
+          /* @__PURE__ */ i(
+            "button",
+            {
+              className: `${e}--container`,
+              ref: o,
+              onClick: () => {
+                u(!n);
+              },
+              "aria-controls": `${e}--context-menu`,
+              "aria-expanded": n,
+              children: [
+                !x && /* @__PURE__ */ c("span", { className: `${e}--icon` }),
+                /* @__PURE__ */ c("span", { className: `${e}--action`, children: p }),
+                /* @__PURE__ */ c("span", { className: `${e}--arrow` })
+              ]
+            }
+          ),
+          a && /* @__PURE__ */ c(
+            N,
+            {
+              withPortal: !0,
+              ref: t,
+              links: a,
+              className: f(`${e}--context-menu`, {
+                [`${e}--context-menu__open`]: n
+              })
+            }
+          )
+        ]
+      }
+    );
+  }
+);
+export {
+  y as L
+};

package/lib/esm/_store/LanguageToggle-entry-D3t_X2Qk.js

@@ -0,0 +1,4 @@
+import { L as e } from "./LanguageToggle-chunk-CsayoJqR.js";
+export {
+  e as LanguageToggle
+};

package/lib/esm/_store/Link-chunk-CKAMN_c4.js

@@ -0,0 +1,33 @@
+import { jsxs as a, jsx as c } from "react/jsx-runtime";
+import { forwardRef as d } from "react";
+import { c as m } from "./index-chunk-0LeqwHm8.js";
+import { u as k } from "./useGlobalSettings-chunk-gkijV3S1.js";
+const j = d(
+  ({ children: e, className: r, label: n, target: i, theme: s = "light", url: t, ...l }, f) => {
+    const { prefix: p } = k();
+    let o = `${p}--link`;
+    r != null && r.includes("button") && (o = "");
+    const u = m(r, {
+      [o]: !0,
+      [`${o}--${s}`]: o && s
+    });
+    return /* @__PURE__ */ a(
+      "a",
+      {
+        ref: f,
+        className: u,
+        href: t,
+        target: i,
+        rel: i ? "noopener noreferrer" : void 0,
+        ...l,
+        children: [
+          n && /* @__PURE__ */ c("span", { className: "link__label", children: n }),
+          e
+        ]
+      }
+    );
+  }
+);
+export {
+  j as L
+};

package/lib/esm/_store/Link-entry-BOoBMNWv.js

@@ -0,0 +1,4 @@
+import { L } from "./Link-chunk-CKAMN_c4.js";
+export {
+  L as Link
+};

package/lib/esm/_store/LinkList-chunk-BM5BTk9m.js

@@ -0,0 +1,45 @@
+import { jsxs as i, jsx as l } from "react/jsx-runtime";
+import { forwardRef as p } from "react";
+import { c as r } from "./index-chunk-0LeqwHm8.js";
+import { u as N } from "./useGlobalSettings-chunk-gkijV3S1.js";
+const x = p(
+  ({ className: c, headline: n, linkgroup: m, theme: d = "light" }, t) => {
+    const { prefix: h } = N(), s = `${h}--link-list`;
+    return /* @__PURE__ */ i(
+      "div",
+      {
+        ref: t,
+        className: r(s, c, `${s}--${d}`),
+        children: [
+          n && /* @__PURE__ */ l("h3", { className: `${s}--headline`, children: n }),
+          /* @__PURE__ */ l("ul", { className: `${s}--linkgroups`, children: m.map((e, o) => /* @__PURE__ */ i(
+            "li",
+            {
+              className: `${s}--linkgroups-item`,
+              children: [
+                e.headline && /* @__PURE__ */ l("h4", { className: `${s}--links--headline`, children: e.headline }),
+                /* @__PURE__ */ l("ul", { className: `${s}--links`, children: e.links.map((a, $) => /* @__PURE__ */ l(
+                  "li",
+                  {
+                    className: r(`${s}--links--item`, {
+                      indented: a.indented
+                    }),
+                    children: /* @__PURE__ */ i("a", { href: a.url, className: `${s}--link`, children: [
+                      /* @__PURE__ */ l("span", { className: `${s}--label`, children: a.label }),
+                      /* @__PURE__ */ l("span", { className: `${s}--icon` })
+                    ] })
+                  },
+                  `link-${$}`
+                )) })
+              ]
+            },
+            `linkgroup-${o}`
+          )) })
+        ]
+      }
+    );
+  }
+);
+export {
+  x as L
+};

package/lib/esm/_store/LinkList-entry-mR4xR8Bg.js

@@ -0,0 +1,4 @@
+import { L as o } from "./LinkList-chunk-BM5BTk9m.js";
+export {
+  o as LinkList
+};

package/lib/esm/_store/List-entry-XHat7PmC.js

@@ -0,0 +1,33 @@
+import { jsxs as d, jsx as a } from "react/jsx-runtime";
+import { forwardRef as c } from "react";
+import { c as m } from "./index-chunk-0LeqwHm8.js";
+import { u as f } from "./useGlobalSettings-chunk-gkijV3S1.js";
+const p = c(
+  ({
+    children: t,
+    className: i,
+    alignment: n = "default",
+    ordered: e = "unstyled",
+    title: l,
+    theme: o = "light",
+    ...r
+  }, u) => {
+    const { prefix: _ } = f(), s = `${_}--list`, $ = m(i, s, {
+      [`${s}__unstyled`]: e === "unstyled",
+      [`${s}__horizontal`]: n === "horizontal",
+      [`${s}__theme__${o}`]: o
+    });
+    return /* @__PURE__ */ d("div", { className: $, ref: u, ...r, children: [
+      l && /* @__PURE__ */ a("h2", { className: `${s}--title`, children: l }),
+      e === "ordered" ? /* @__PURE__ */ a("ol", { children: t }) : /* @__PURE__ */ a("ul", { children: t })
+    ] });
+  }
+), h = c(
+  ({ children: t, className: i, ...n }, e) => {
+    const { prefix: l } = f(), o = `${l}--list--item`, r = m(i, o);
+    return /* @__PURE__ */ a("li", { className: r, ref: e, ...n, children: t });
+  }
+), j = Object.assign(p, { Item: h });
+export {
+  j as List
+};

package/lib/esm/_store/Nav-entry-CsQzrNK7.js

@@ -0,0 +1,4 @@
+import { S as o } from "./SubsiteNav-chunk-C97AqH9F.js";
+export {
+  o as SubsiteNav
+};

package/lib/esm/_store/Notification-chunk-BYrbd5f9.js

@@ -0,0 +1,69 @@
+import { jsx as e, Fragment as $, jsxs as n } from "react/jsx-runtime";
+import { forwardRef as N, useState as b } from "react";
+import { c as v } from "./index-chunk-0LeqwHm8.js";
+import { u as x } from "./useGlobalSettings-chunk-gkijV3S1.js";
+import { B as y } from "./Button-chunk-BlSnS8yQ.js";
+const S = N(
+  ({
+    className: t,
+    closelabel: r = "Close",
+    copy: c,
+    cta: a,
+    headline: d,
+    placement: l,
+    timestamp: i,
+    type: o
+  }, m) => {
+    const { prefix: f } = x(), [u, h] = b(!0), s = `${f}--notification`, p = v(s, t, {
+      [`${s}--${l}`]: l,
+      [`icon icon--${o}`]: o
+    });
+    return /* @__PURE__ */ e($, { children: u && /* @__PURE__ */ n(
+      "div",
+      {
+        className: p,
+        role: "status",
+        "aria-live": "polite",
+        "aria-relevant": "additions",
+        ref: m,
+        children: [
+          /* @__PURE__ */ n("div", { className: `${s}--content`, children: [
+            /* @__PURE__ */ e("h2", { className: `${s}--headline`, children: d }),
+            /* @__PURE__ */ e("p", { className: `${s}--copy`, children: c }),
+            i && /* @__PURE__ */ e(
+              "time",
+              {
+                className: `${s}--date`,
+                dateTime: i.unix,
+                children: i.human
+              }
+            ),
+            a && /* @__PURE__ */ e("div", { className: `${s}__footer`, children: /* @__PURE__ */ e(
+              y,
+              {
+                type: "secondary",
+                size: "small",
+                link: {
+                  url: a.url,
+                  label: a.label
+                }
+              }
+            ) })
+          ] }),
+          /* @__PURE__ */ e(
+            "button",
+            {
+              className: `${s}--close`,
+              type: "button",
+              onClick: () => h(!1),
+              children: /* @__PURE__ */ e("span", { children: r })
+            }
+          )
+        ]
+      }
+    ) });
+  }
+);
+export {
+  S as N
+};

package/lib/esm/_store/Notification-entry-S8DjBxLM.js

@@ -0,0 +1,4 @@
+import { N as t } from "./Notification-chunk-BYrbd5f9.js";
+export {
+  t as Notification
+};

package/lib/esm/_store/Profile-chunk-Tpvzafuk.js

@@ -0,0 +1,41 @@
+import { jsxs as o, jsx as r } from "react/jsx-runtime";
+import { forwardRef as $ } from "react";
+import { c as h } from "./index-chunk-0LeqwHm8.js";
+import { u as _ } from "./useGlobalSettings-chunk-gkijV3S1.js";
+const b = $(
+  ({
+    avatar: t,
+    className: m,
+    description: s,
+    link: a,
+    name: l,
+    role: i,
+    theme: c = "light",
+    size: n = "large"
+  }, f) => {
+    const { prefix: d } = _(), e = `${d}--profile`, p = h(m, {
+      [e]: !0,
+      [`${e}__theme__${c}`]: c,
+      [`${e}__size__${n}`]: n
+    });
+    return /* @__PURE__ */ o("figure", { className: p, ref: f, children: [
+      /* @__PURE__ */ r(
+        "img",
+        {
+          className: `${e}--avatar`,
+          src: t,
+          alt: `Avatar for ${l}`
+        }
+      ),
+      /* @__PURE__ */ r("figcaption", { children: /* @__PURE__ */ o("div", { className: `${e}--figcaption--content`, children: [
+        /* @__PURE__ */ r("div", { className: `${e}--name`, children: l }),
+        i && /* @__PURE__ */ r("div", { className: `${e}--role`, children: i })
+      ] }) }),
+      s && /* @__PURE__ */ r("p", { className: `${e}--description`, children: s }),
+      a && /* @__PURE__ */ r("div", { className: `${e}--link`, children: /* @__PURE__ */ r("a", { href: a.url, target: "__blank", rel: "noopener noreferrer", children: /* @__PURE__ */ r("span", { className: `${e}--link--label`, children: a.label }) }) })
+    ] });
+  }
+);
+export {
+  b as P
+};

package/lib/esm/_store/Profile-entry-ukgxaZNZ.js

@@ -0,0 +1,4 @@
+import { P as e } from "./Profile-chunk-Tpvzafuk.js";
+export {
+  e as Profile
+};

package/lib/esm/_store/{SearchField-chunk-DfXCHmW0.js → SearchField-chunk-D-S-SV-o.js}

@@ -3,7 +3,7 @@ import { forwardRef as v, useState as w } from "react";
 import { c as x } from "./index-chunk-0LeqwHm8.js";
 import { u as F } from "./useGlobalSettings-chunk-gkijV3S1.js";
 import { I as g } from "./Input-chunk-DT_YEVSQ.js";
-import { I as j } from "./Icon-chunk-nLD8VsP5.js";
+import { I as j } from "./Icon-chunk-BE5t6PqR.js";
 const B = v(
   ({ action: f, callback: o, className: b, input: e }, C) => {
     const [c, d] = w(""), { prefix: a } = F(), l = `${a}--searchfield`, S = `${l}--button`, y = `${l}--clear-button ${c.trim() !== "" && "show"}`, $ = `${a}--fieldset`, I = x(b, {

package/lib/esm/_store/SearchField-entry-z8Lw_Sko.js

@@ -0,0 +1,4 @@
+import { S as a } from "./SearchField-chunk-D-S-SV-o.js";
+export {
+  a as SearchField
+};

package/lib/esm/_store/{SocialMedia-chunk-B0IPGaVf.js → SocialMedia-chunk-BP6TBNEf.js}

@@ -2,13 +2,13 @@ import { jsxs as $, jsx as a } from "react/jsx-runtime";
 import { c as i } from "./index-chunk-0LeqwHm8.js";
 import { forwardRef as d } from "react";
 import { u as f } from "./useGlobalSettings-chunk-gkijV3S1.js";
-const b = d(
+const h = d(
   ({
     className: r,
     theme: c = "light",
-    justify: t = "start",
+    justify: o = "start",
     headline: e,
-    icons: o,
+    icons: t,
     iconSize: m = "normal"
   }, n) => {
     const { prefix: _ } = f(), s = `${_}--social-media`;
@@ -18,7 +18,7 @@ const b = d(
         className: i(
           s,
           `${s}__theme__${c}`,
-          `${s}__justify__${t}`,
+          `${s}__justify__${o}`,
           r
         ),
         ref: n,
@@ -31,7 +31,7 @@ const b = d(
                 `${s}--list`,
                 `${s}--list__size__${m}`
               ),
-              children: o.map((l) => /* @__PURE__ */ a(
+              children: t.map((l) => /* @__PURE__ */ a(
                 "li",
                 {
                   className: i(`${s}--list--item`, l.className),
@@ -56,7 +56,7 @@ const b = d(
       }
     );
   }
-);
+), x = h;
 export {
-  b as S
+  x as S
 };

package/lib/esm/_store/SocialMedia-entry-C60BCp7g.js

@@ -0,0 +1,63 @@
+import { S as t } from "./SocialMedia-chunk-BP6TBNEf.js";
+const o = {
+  headline: "Follow us on social media",
+  theme: "light",
+  justify: "start",
+  iconSize: "normal",
+  icons: [
+    {
+      icon: "bluesky",
+      label: "Bluesky",
+      url: "https://bsky.app/profile/ilo.org"
+    },
+    {
+      icon: "facebook",
+      url: "https://www.facebook.com/ilo.org",
+      label: "Facebook"
+    },
+    {
+      icon: "x",
+      url: "https://x.com/ilo",
+      label: "x"
+    },
+    {
+      icon: "instagram",
+      url: "https://www.instagram.com/ilo.org/",
+      label: "Instagram"
+    },
+    {
+      icon: "linkedin",
+      url: "https://www.linkedin.com/company/international-labour-organization-ilo",
+      label: "LinkedIn"
+    },
+    {
+      icon: "youtube",
+      url: "https://www.youtube.com/channel/UCQsVmhSa4X-G3lHlUtejzLA",
+      label: "YouTube"
+    },
+    {
+      icon: "tiktok",
+      url: "https://www.tiktok.com/@ilo",
+      label: "TikTok"
+    },
+    {
+      icon: "flickr",
+      url: "https://www.flickr.com/photos/ilopictures/albums",
+      label: "flickr"
+    },
+    {
+      icon: "wechat",
+      label: "Wechat",
+      url: "https://wechat.com"
+    },
+    {
+      icon: "weibo",
+      label: "Weibo",
+      url: "https://weibo.com"
+    }
+  ]
+};
+export {
+  t as SocialMedia,
+  o as socialMediaArgs
+};