@ilo-org/react 0.17.8 → 0.18.0

package/lib/esm/_store/Navigation-chunk-BL9t1Aze.js

@@ -0,0 +1,221 @@
+import { jsxs as n, jsx as l } from "react/jsx-runtime";
+import { useState as b, useRef as B, useCallback as D, useEffect as H } from "react";
+import { u as J } from "./useGlobalSettings-chunk-gkijV3S1.js";
+import { C as K } from "./ContextMenu-chunk-CkdC2iPF.js";
+import { S as L } from "./SearchField-chunk-BF-yCtvV.js";
+import { c as P } from "./index-chunk-0LeqwHm8.js";
+const Q = ({
+  logo: O,
+  mobilelogo: y,
+  siteurl: v,
+  tagline: m,
+  primarynav: o,
+  subnav: a,
+  menulabel: E,
+  menucloselabel: I,
+  searchlabel: M,
+  searchfield: c,
+  languagelabel: N,
+  languagecontextmenu: t
+}) => {
+  const { prefix: e } = J(), [g, j] = b(!1), [p, k] = b(!1), [F, T] = b(!1), [C, f] = b(!1), [R, w] = b(!1), [d, G] = b(!1), s = `${e}--header`, q = P(s, {
+    [`${e}--mobile--open`]: g,
+    [`${e}--search--open`]: p,
+    [`${e}--subnav--open`]: C,
+    [`${e}--select--open`]: d,
+    [`${e}--context--open`]: d
+  }), u = B(null), z = () => {
+    u.current && u.current.focus();
+  }, $ = () => {
+    j(!g);
+  }, r = D(() => {
+    G(!d);
+  }, [d]), A = () => {
+    if (p) {
+      k(!1), setTimeout(() => T(!1), 225);
+      return;
+    }
+    T(!0), setTimeout(() => k(!0), 10), setTimeout(() => z(), 50);
+  }, S = () => {
+    if (C) {
+      f(!1), setTimeout(() => w(!1), 125);
+      return;
+    }
+    w(!0), setTimeout(() => f(!0), 10);
+  };
+  return H(() => {
+    if (window)
+      return d ? window.addEventListener("click", r) : window.removeEventListener("click", r), () => window.removeEventListener("click", r);
+  }, [d, r]), /* @__PURE__ */ n("header", { className: q, children: [
+    /* @__PURE__ */ l("div", { className: `${s}--utility-bar`, children: /* @__PURE__ */ l("div", { className: `${e}--language-switcher`, children: /* @__PURE__ */ n("div", { className: `${e}--language-switcher--wrap`, children: [
+      /* @__PURE__ */ l(
+        "button",
+        {
+          className: `${e}--language-switcher--button`,
+          type: "button",
+          onClick: r,
+          children: N
+        }
+      ),
+      /* @__PURE__ */ l(K, { links: t == null ? void 0 : t.links })
+    ] }) }) }),
+    /* @__PURE__ */ l("div", { className: `${s}--logo-bar`, children: /* @__PURE__ */ n("div", { className: `${s}--inner ${e}--container`, children: [
+      /* @__PURE__ */ l("a", { href: v, className: `${s}--logo-link`, children: /* @__PURE__ */ l("img", { className: `${s}--logo`, src: O, alt: "ILO Logo" }) }),
+      /* @__PURE__ */ n("p", { className: `${s}--logo-tagline`, children: [
+        m == null ? void 0 : m.tag,
+        /* @__PURE__ */ l("span", { className: `${s}--logo-tagline--small`, children: m == null ? void 0 : m.small })
+      ] }),
+      /* @__PURE__ */ l("button", { className: `${s}--menu`, onClick: $, children: E })
+    ] }) }),
+    /* @__PURE__ */ n("div", { className: `${s}--navigation`, children: [
+      /* @__PURE__ */ n("div", { className: `${s}--inner ${e}--container`, children: [
+        /* @__PURE__ */ n("div", { className: `${e}--mobile--nav`, children: [
+          /* @__PURE__ */ n("div", { className: `${e}--mobile--nav--logo`, children: [
+            /* @__PURE__ */ l("a", { href: v, className: `${s}--logo-link`, children: /* @__PURE__ */ l(
+              "img",
+              {
+                className: `${s}--logo`,
+                src: y,
+                alt: "ILO Logo"
+              }
+            ) }),
+            /* @__PURE__ */ l(
+              "button",
+              {
+                className: `${s}--menu--close`,
+                onClick: $,
+                children: I
+              }
+            )
+          ] }),
+          /* @__PURE__ */ l("div", { className: `${e}--mobile--nav--search`, children: /* @__PURE__ */ l(
+            L,
+            {
+              input: c == null ? void 0 : c.input,
+              action: c == null ? void 0 : c.action
+            }
+          ) }),
+          /* @__PURE__ */ l("div", { className: `${e}--mobile--nav--language--switcher`, children: /* @__PURE__ */ l(
+            "button",
+            {
+              className: `${e}--mobile--nav--language--switcher--button`,
+              onClick: r,
+              type: "button",
+              children: N
+            }
+          ) }),
+          /* @__PURE__ */ l("div", { className: `${e}--mobile--nav--language--select`, children: /* @__PURE__ */ n("div", { className: `${s}--inner ${e}--container`, children: [
+            /* @__PURE__ */ n("div", { className: `${e}--mobile--subnav--menu`, children: [
+              /* @__PURE__ */ l(
+                "button",
+                {
+                  className: `${e}--mobile--subnav--back`,
+                  onClick: r,
+                  type: "button",
+                  children: a == null ? void 0 : a.mobilebacklabel
+                }
+              ),
+              /* @__PURE__ */ l(
+                "button",
+                {
+                  className: `${s}--menu--close`,
+                  onClick: $,
+                  children: a == null ? void 0 : a.mobilecloselabel
+                }
+              ),
+              /* @__PURE__ */ l("h6", { className: `${e}--mobile--subnav--label`, children: N })
+            ] }),
+            /* @__PURE__ */ l("ul", { className: `${e}--nav--set`, children: (t == null ? void 0 : t.links) && t.links.map((i, h) => /* @__PURE__ */ l("li", { className: `${e}--nav--items`, children: /* @__PURE__ */ l(
+              "a",
+              {
+                href: i.url,
+                className: `${e}--nav--link ${e}--nav--language`,
+                children: i.label
+              }
+            ) }, h)) })
+          ] }) })
+        ] }),
+        /* @__PURE__ */ n(
+          "nav",
+          {
+            className: `${e}--nav`,
+            "aria-labelledby": "primary-navigation",
+            children: [
+              /* @__PURE__ */ l("h2", { className: `${e}--nav--label`, id: "primary-navigation", children: o == null ? void 0 : o.navlabel }),
+              /* @__PURE__ */ n("ul", { className: `${e}--nav--set`, children: [
+                (o == null ? void 0 : o.items) && o.items.map((i, h) => /* @__PURE__ */ l("li", { className: `${e}--nav--items`, children: /* @__PURE__ */ l("a", { href: i.url, className: `${e}--nav--link`, children: i.label }) }, h)),
+                a && /* @__PURE__ */ l("li", { className: `${e}--nav--items`, children: /* @__PURE__ */ l(
+                  "button",
+                  {
+                    className: `${e}--nav--trigger`,
+                    onClick: S,
+                    children: a.buttonlabel
+                  }
+                ) })
+              ] })
+            ]
+          }
+        ),
+        /* @__PURE__ */ l("div", { className: `${e}--search`, children: /* @__PURE__ */ l(
+          "button",
+          {
+            className: `${e}--search--button`,
+            type: "button",
+            onClick: A,
+            children: M
+          }
+        ) })
+      ] }),
+      a && /* @__PURE__ */ l(
+        "nav",
+        {
+          style: { display: R ? "block" : "none" },
+          className: `${e}--subnav`,
+          "aria-labelledby": "secondary-navigation",
+          children: /* @__PURE__ */ n("div", { className: `${e}--subnav--inner ${e}--container`, children: [
+            /* @__PURE__ */ l("div", { className: `${e}--mobile--subnav`, children: /* @__PURE__ */ n("div", { className: `${e}--mobile--subnav--menu`, children: [
+              /* @__PURE__ */ l(
+                "button",
+                {
+                  className: `${e}--mobile--subnav--back`,
+                  onClick: S,
+                  type: "button",
+                  children: a.mobilebacklabel
+                }
+              ),
+              /* @__PURE__ */ l(
+                "button",
+                {
+                  className: `${e}--header--menu--close`,
+                  onClick: $,
+                  children: a.mobilecloselabel
+                }
+              ),
+              /* @__PURE__ */ l("h6", { className: `${e}--mobile--subnav--label`, children: a.buttonlabel })
+            ] }) }),
+            /* @__PURE__ */ l("h2", { className: `${e}--nav--label`, id: "secondary-navigation", children: a.navlabel }),
+            /* @__PURE__ */ l("ul", { className: `${e}--subnav--set`, children: (a == null ? void 0 : a.items) && a.items.map((i, h) => /* @__PURE__ */ l("li", { className: `${e}--subnav--items`, children: /* @__PURE__ */ l("a", { href: i.url, className: `${e}--subnav--link`, children: i.label }) }, h)) })
+          ] })
+        }
+      ),
+      /* @__PURE__ */ l(
+        "div",
+        {
+          style: { display: F ? "block" : "none" },
+          className: `${e}--search-box`,
+          children: /* @__PURE__ */ l("div", { className: `${e}--header--inner ${e}--container`, children: /* @__PURE__ */ l(
+            L,
+            {
+              input: c == null ? void 0 : c.input,
+              action: c == null ? void 0 : c.action,
+              ref: u
+            }
+          ) })
+        }
+      )
+    ] })
+  ] });
+}, _ = Q;
+export {
+  _ as N
+};

package/lib/esm/_store/Navigation-entry-Ch7YqW5b.js

@@ -0,0 +1,4 @@
+import { N as i } from "./Navigation-chunk-BL9t1Aze.js";
+export {
+  i as Navigation
+};

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

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

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

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

package/lib/esm/_store/NumberPicker-chunk-CsDLNdop.js

@@ -0,0 +1,62 @@
+import { jsx as c } from "react/jsx-runtime";
+import m from "react";
+import { c as x } from "./index-chunk-0LeqwHm8.js";
+import { u as P } from "./useGlobalSettings-chunk-gkijV3S1.js";
+import { u as g, F } from "./FormControl-chunk-D_3t65GG.js";
+const L = m.forwardRef(
+  ({
+    onChange: r,
+    onBlur: o,
+    disabled: s = !1,
+    error: n,
+    id: t,
+    name: e,
+    placeholder: a,
+    required: l,
+    max: u,
+    min: f,
+    step: d
+  }, b) => {
+    const { prefix: i } = P(), p = g(), { ariaDescribedBy: C } = p, h = `${i}--input`, y = `${i}--numberpicker`, k = x(h, y, {
+      error: !s && !!n
+    });
+    return /* @__PURE__ */ c(
+      "input",
+      {
+        ref: b,
+        id: t || e,
+        name: e,
+        onChange: (N) => {
+          r && r(N);
+        },
+        onBlur: o,
+        disabled: s,
+        placeholder: a,
+        required: l,
+        type: "number",
+        className: k,
+        pattern: "[0-9]*",
+        inputMode: "numeric",
+        "aria-describedby": C,
+        max: u,
+        min: f,
+        step: d
+      }
+    );
+  }
+), R = m.forwardRef((r, o) => {
+  const { style: s, inputStyle: n, className: t, ...e } = r, a = r.id ? r.id : r.name;
+  return /* @__PURE__ */ c(
+    F,
+    {
+      fieldId: a,
+      style: s,
+      className: t,
+      ...e,
+      children: /* @__PURE__ */ c(L, { ref: o, style: n, ...e })
+    }
+  );
+}), G = R;
+export {
+  G as L
+};

package/lib/esm/_store/NumberPicker-entry-BuxrmdUS.js

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

package/lib/esm/_store/Pagination-chunk-Ci7qN6no.js

@@ -0,0 +1,94 @@
+import { jsxs as l, jsx as i } from "react/jsx-runtime";
+import { c as a } from "./index-chunk-0LeqwHm8.js";
+import { u as G } from "./useGlobalSettings-chunk-gkijV3S1.js";
+const S = ({
+  className: n,
+  callback: c,
+  currentPage: r,
+  firstPageUrl: m,
+  firstPageTitle: o = "First page",
+  lastPageUrl: C,
+  lastPageTitle: p = "Last page",
+  nextPageUrl: k,
+  nextPageTitle: d = "Next page",
+  pageCountPreposition: g = "of",
+  prevPageUrl: x,
+  prevPageTitle: $ = "Previous page",
+  totalPages: h
+}) => {
+  const { prefix: v } = G(), s = `${v}--pagination`, b = a(n, {
+    [s]: !0
+  }), u = r === 0, f = r + 1 === h, N = a(n, {
+    [`${s}--first-page`]: !0,
+    [`${s}--link`]: !0,
+    [`${s}--disable`]: u
+  }), j = a(n, {
+    [`${s}--prev-page`]: !0,
+    [`${s}--link`]: !0,
+    [`${s}--disable`]: u
+  }), F = a(n, {
+    [`${s}--next-page`]: !0,
+    [`${s}--link`]: !0,
+    [`${s}--disable`]: f
+  }), L = a(n, {
+    [`${s}--last-page`]: !0,
+    [`${s}--link`]: !0,
+    [`${s}--disable`]: f
+  }), t = (e) => {
+    c && c(e);
+  };
+  return /* @__PURE__ */ l("div", { className: b, children: [
+    /* @__PURE__ */ l("div", { className: `${s}--previous-set`, children: [
+      /* @__PURE__ */ i(
+        "a",
+        {
+          className: N,
+          onClick: (e) => t(e),
+          href: m,
+          title: o,
+          children: o
+        }
+      ),
+      /* @__PURE__ */ i(
+        "a",
+        {
+          className: j,
+          onClick: (e) => t(e),
+          href: x,
+          title: $,
+          children: $
+        }
+      )
+    ] }),
+    /* @__PURE__ */ l("p", { className: `${s}--page`, children: [
+      /* @__PURE__ */ i("span", { children: r + 1 }),
+      /* @__PURE__ */ i("span", { children: g }),
+      /* @__PURE__ */ i("span", { children: h })
+    ] }),
+    /* @__PURE__ */ l("div", { className: `${s}--next-set`, children: [
+      /* @__PURE__ */ i(
+        "a",
+        {
+          className: F,
+          onClick: (e) => t(e),
+          href: k,
+          title: d,
+          children: d
+        }
+      ),
+      /* @__PURE__ */ i(
+        "a",
+        {
+          className: L,
+          onClick: (e) => t(e),
+          href: C,
+          title: p,
+          children: p
+        }
+      )
+    ] })
+  ] });
+}, z = S;
+export {
+  z as P
+};

package/lib/esm/_store/Pagination-entry-CM2xRx7F.js

@@ -0,0 +1,4 @@
+import { P as i } from "./Pagination-chunk-Ci7qN6no.js";
+export {
+  i as Pagination
+};

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

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

package/lib/esm/_store/Profile-entry-CE39-Kzc.js

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

package/lib/esm/_store/Radio-chunk-GaPnCNx4.js

@@ -0,0 +1,77 @@
+import { jsxs as F, jsx as r } from "react/jsx-runtime";
+import b, { useEffect as $ } from "react";
+import { c as L } from "./index-chunk-0LeqwHm8.js";
+import { u as N } from "./useGlobalSettings-chunk-gkijV3S1.js";
+import { u as S } from "./usePrevious-chunk-BtJVllKj.js";
+import { u as j } from "./Fieldset-chunk-PK4HqNv_.js";
+import { u as w, F as P } from "./FormControl-chunk-D_3t65GG.js";
+const _ = b.forwardRef(
+  ({
+    onChange: s,
+    onBlur: l,
+    disabled: n = !1,
+    error: o,
+    id: e,
+    name: a,
+    required: i,
+    checked: t,
+    defaultChecked: c = !1,
+    value: C
+  }, p) => {
+    const { prefix: R } = N(), { setHasError: m } = j(), y = w(), f = S(o);
+    $(() => {
+      o !== f && m(!!o);
+    }, [o, f, m]);
+    const { ariaDescribedBy: x } = y, g = (u) => {
+      console.log(u.target.value), s && s(u);
+    }, d = `${R}--radio`, h = `${d}--control`, v = `${d}__error`, E = L(d, {
+      [v]: o
+    });
+    return /* @__PURE__ */ F("div", { className: E, children: [
+      /* @__PURE__ */ r(
+        "input",
+        {
+          ref: p,
+          id: e || a,
+          name: a,
+          onChange: g,
+          onBlur: l,
+          disabled: n,
+          required: i,
+          type: "radio",
+          defaultChecked: c,
+          "aria-describedby": x,
+          checked: t,
+          value: C
+        }
+      ),
+      /* @__PURE__ */ r("span", { className: h })
+    ] });
+  }
+), z = b.forwardRef(
+  (s, l) => {
+    const {
+      style: n,
+      inputStyle: o,
+      className: e,
+      labelPlacement: a = "end",
+      labelSize: i = "small",
+      ...t
+    } = s, c = s.id ? s.id : s.name;
+    return /* @__PURE__ */ r(
+      P,
+      {
+        fieldId: c,
+        style: n,
+        className: e,
+        labelPlacement: a,
+        labelSize: i,
+        ...t,
+        children: /* @__PURE__ */ r(_, { ref: l, style: o, ...t })
+      }
+    );
+  }
+), A = z;
+export {
+  A as L
+};

package/lib/esm/_store/Radio-entry-CFuTolt7.js

@@ -0,0 +1,11 @@
+import { L as d } from "./Radio-chunk-GaPnCNx4.js";
+const a = {
+  className: "Radio",
+  name: "radio"
+}, o = {
+  basic: a
+}, s = o;
+export {
+  d as Radio,
+  s as RadioArgs
+};

package/lib/esm/_store/ReadMore-chunk-DoptEIE4.js

@@ -0,0 +1,38 @@
+import { jsxs as R, jsx as i } from "react/jsx-runtime";
+import { useState as m } from "react";
+import { c as d } from "./index-chunk-0LeqwHm8.js";
+import { u as h } from "./useGlobalSettings-chunk-gkijV3S1.js";
+import { R as M } from "./RichText-chunk-BOMiyuNR.js";
+const j = ({
+  buttonlabel: s,
+  className: t,
+  excerpt: n,
+  fulltext: r,
+  openatstart: c,
+  ...p
+}) => {
+  const { prefix: $ } = h(), e = `${$}--read-more`, [a, u] = m(c ? r : n), [o, C] = m(c), f = d(t, {
+    [e]: !0,
+    [`${e}--open`]: o
+  }), l = d(t, {
+    [`${e}--button`]: !0,
+    [`${e}--button--open`]: o
+  }), x = () => {
+    u(a === n ? r : n), C(!o);
+  };
+  return /* @__PURE__ */ R("div", { className: f, children: [
+    /* @__PURE__ */ i(M, { content: a, ...p }),
+    /* @__PURE__ */ i(
+      "button",
+      {
+        className: l,
+        "aria-expanded": o,
+        onClick: () => x(),
+        children: o ? `${s && s.opened}` : `${s && s.closed}`
+      }
+    )
+  ] });
+}, N = j;
+export {
+  N as R
+};

package/lib/esm/_store/ReadMore-entry-DuzFfWne.js

@@ -0,0 +1,4 @@
+import { R as r } from "./ReadMore-chunk-DoptEIE4.js";
+export {
+  r as ReadMore
+};

package/lib/esm/_store/RichText-chunk-BOMiyuNR.js

@@ -0,0 +1,18 @@
+import { jsx as a } from "react/jsx-runtime";
+import { c } from "./index-chunk-0LeqwHm8.js";
+import { u as n } from "./useGlobalSettings-chunk-gkijV3S1.js";
+const i = ({ className: s, content: t }) => {
+  const { prefix: e } = n(), r = `${e}--richtext`, o = c(s, {
+    [r]: !0
+  });
+  return /* @__PURE__ */ a(
+    "div",
+    {
+      className: o,
+      dangerouslySetInnerHTML: { __html: t }
+    }
+  );
+}, h = i;
+export {
+  h as R
+};

package/lib/esm/_store/RichText-entry-BfHki79h.js

@@ -0,0 +1,4 @@
+import { R as r } from "./RichText-chunk-BOMiyuNR.js";
+export {
+  r as RichText
+};