@uqds/react 2.0.7-alpha.0 → 2.0.8-alpha.0

package/dist/js/main.js

@@ -1,287 +1,255 @@
-import { jsx as a, jsxs as u } from "react/jsx-runtime";
-import { useMemo as f } from "react";
-const B = ({ children: e }) => /* @__PURE__ */ a("div", { className: "uq-container", children: e });
-function y(e) {
-  return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
-}
-var x = { exports: {} };
-/*!
-	Copyright (c) 2018 Jed Watson.
-	Licensed under the MIT License (MIT), see
-	http://jedwatson.github.io/classnames
-*/
-var q;
-function w() {
-  return q || (q = 1, (function(e) {
-    (function() {
-      var i = {}.hasOwnProperty;
-      function r() {
-        for (var s = "", t = 0; t < arguments.length; t++) {
-          var m = arguments[t];
-          m && (s = c(s, n(m)));
-        }
-        return s;
-      }
-      function n(s) {
-        if (typeof s == "string" || typeof s == "number")
-          return s;
-        if (typeof s != "object")
-          return "";
-        if (Array.isArray(s))
-          return r.apply(null, s);
-        if (s.toString !== Object.prototype.toString && !s.toString.toString().includes("[native code]"))
-          return s.toString();
-        var t = "";
-        for (var m in s)
-          i.call(s, m) && s[m] && (t = c(t, m));
-        return t;
-      }
-      function c(s, t) {
-        return t ? s ? s + " " + t : s + t : s;
-      }
-      e.exports ? (r.default = r, e.exports = r) : window.classNames = r;
-    })();
-  })(x)), x.exports;
-}
-var E = w();
-const v = /* @__PURE__ */ y(E);
-var g = /* @__PURE__ */ ((e) => (e.text = "text", e.image = "image", e.icon = "icon", e.iconNav = "icon-nav", e))(g || {}), S = /* @__PURE__ */ ((e) => (e.x1 = "1x", e.x2 = "2x", e.x3 = "3x", e.x4 = "4x", e))(S || {}), j = /* @__PURE__ */ ((e) => (e.light = "light", e.text = "text", e))(j || {}), d = /* @__PURE__ */ ((e) => (e.Previous = "previous", e.Next = "next", e.Ellipsis = "ellipsis", e))(d || {}), M = /* @__PURE__ */ ((e) => (e.text = "text", e.image = "image", e.video = "video", e.icon = "icon", e.iconLarge = "icon-large", e.textShaded = "text-shaded", e.iconShaded = "icon-shaded", e))(M || {}), O = /* @__PURE__ */ ((e) => (e.story = "story", e.news = "news", e.event = "event", e.landscape = "landscape", e.feature = "feature", e))(O || {});
-const H = ({ children: e, target: i }) => /* @__PURE__ */ a(
-  "div",
-  {
-    className: v("uq-card-grid", {
-      [`uq-card-grid--target-${i}`]: i
-    }),
-    children: e
-  }
-), $ = ({ name: e, variant: i }) => /* @__PURE__ */ a(
-  "span",
-  {
-    className: v("uq-icon", `uq-icon--${e}`, {
-      [`uq-icon--${i}`]: i
-    })
-  }
-), J = ({
-  image: e,
-  icon: i,
-  title: r,
-  description: n,
-  variant: c
-}) => /* @__PURE__ */ u(
-  "div",
-  {
-    className: v("uq-card", `uq-card--${c}`),
-    "data-gtm-category": "Card",
-    children: [
-      e && /* @__PURE__ */ a("div", { className: "uq-card__image", children: e }),
-      /* @__PURE__ */ u("div", { className: "uq-card__content", children: [
-        i && /* @__PURE__ */ a("div", { className: "uq-card__icon", children: i }),
-        /* @__PURE__ */ a("h3", { className: "uq-card__title", children: r }),
-        n && /* @__PURE__ */ a("div", { className: "uq-card__description", children: n })
-      ] })
-    ]
-  }
-), K = ({
-  image: e,
-  icon: i,
-  title: r,
-  description: n,
-  variant: c,
-  links: s,
-  video: t
-}) => /* @__PURE__ */ u("div", { className: v("uq-pane", `uq-pane--${c}`), children: [
-  e && /* @__PURE__ */ a("div", { className: "uq-pane__image", children: e }),
-  t && /* @__PURE__ */ a("div", { className: "uq-pane__video", children: t }),
-  /* @__PURE__ */ u("div", { className: "uq-pane__content", children: [
-    i && /* @__PURE__ */ a("div", { className: "uq-pane__icon", children: i }),
-    /* @__PURE__ */ a("h3", { className: "uq-pane__title", children: r }),
-    n && /* @__PURE__ */ a("div", { className: "uq-pane__description", children: n }),
-    s && /* @__PURE__ */ a("div", { className: "uq-pane__actions", children: s })
-  ] })
-] }), L = ({
-  image: e,
-  title: i,
-  description: r,
-  variant: n,
-  topLabel: c,
-  bottomLabel: s
-}) => /* @__PURE__ */ u(
-  "div",
-  {
-    className: v("uq-story-card", `uq-story-card--${n}`),
-    "data-gtm-category": "StoryCard",
-    children: [
-      e && /* @__PURE__ */ a("div", { className: "uq-story-card__image", children: e }),
-      /* @__PURE__ */ u("div", { className: "uq-story-card__content", children: [
-        c && /* @__PURE__ */ a("div", { className: "uq-story-card__top-label", children: c }),
-        /* @__PURE__ */ a("h3", { className: "uq-story-card__title", children: i }),
-        r && /* @__PURE__ */ a("div", { className: "uq-story-card__description", children: r }),
-        s && /* @__PURE__ */ a("div", { className: "uq-story-card__bottom-label", children: s })
-      ] })
-    ]
-  }
-), h = ({
-  As: e = "button",
-  type: i,
-  number: r,
-  current: n = !1,
-  href: c,
-  value: s,
-  onClick: t
-}) => /* @__PURE__ */ a("li", { className: "uq-pagination__list-item", children: /* @__PURE__ */ u(
-  e,
-  {
-    className: v("uq-pagination__item", {
-      [`uq-pagination__${i}`]: i,
-      "uq-pagination__current": n
-    }),
-    "aria-current": n && "page",
-    onClick: t,
-    href: c,
-    value: s,
-    children: [
-      /* @__PURE__ */ u("span", { className: "visually-hidden", children: [
-        !i && "Page",
-        i === d.Previous && "Previous page",
-        i === d.Next && "Previous page",
-        i === d.Ellipsis && `Skip to page ${r}`
-      ] }),
-      !i && `${r}`,
-      i === d.Previous && /* @__PURE__ */ a($, { name: "standard--chevron-left" }),
-      i === d.Next && /* @__PURE__ */ a($, { name: "standard--chevron-right" }),
-      i === d.Ellipsis && "…"
-    ]
-  }
-) }), Q = ({
-  As: e = "button",
-  totalResults: i,
-  resultsPerPage: r,
-  currentPage: n,
-  onClick: c
-}) => {
-  const s = f(
-    () => Math.ceil(i / r),
-    [i, r]
-  ), t = f(() => {
-    const l = [];
-    if (!i || r >= i)
-      return l;
-    if (Math.ceil(i / r) < 6 || n > s) {
-      let o = 2;
-      for (; o < s; )
-        l.push(o), o += 1;
-      return l;
-    }
-    if (n === 1) {
-      let o = 2;
-      for (; o < 5; )
-        l.push(o), o += 1;
-      return l;
-    }
-    if (n === s) {
-      let o = s - 3;
-      for (; o < s; )
-        l.push(o), o += 1;
-      return l;
-    }
-    let p = Math.max(n - 1, 2), _ = Math.min(n + 1, s - 1);
-    p === 2 && (_ = p + 2), _ === s - 1 && (p = _ - 2);
-    let N = p;
-    for (; N <= _; )
-      l.push(N), N += 1;
-    return l;
-  }, [i, s, r, n]), m = f(
-    () => t.length !== 0 && t[0] !== 2,
-    [t]
-  ), b = f(
-    () => t.length !== 0 && t[t.length - 1] !== s - 1,
-    [t, s]
-  );
-  return /* @__PURE__ */ a("nav", { className: "uq-pagination", "aria-label": "Pagination", children: /* @__PURE__ */ u("ul", { className: "uq-pagination__list", children: [
-    n !== 1 && /* @__PURE__ */ a(
-      h,
-      {
-        As: e,
-        type: d.Previous,
-        onClick: c,
-        value: `${n - 1}`
-      }
-    ),
-    /* @__PURE__ */ a(
-      h,
-      {
-        As: e,
-        number: 1,
-        current: n === 1,
-        onClick: c,
-        value: "1"
-      }
-    ),
-    m && /* @__PURE__ */ a(
-      h,
-      {
-        As: e,
-        type: d.Ellipsis,
-        value: `${n - 3}`,
-        number: n - 3,
-        onClick: c
-      }
-    ),
-    t.map((l) => /* @__PURE__ */ a(
-      h,
-      {
-        As: e,
-        number: l,
-        current: n === l,
-        onClick: c,
-        value: `${l}`
-      },
-      l.toString()
-    )),
-    b && /* @__PURE__ */ a(
-      h,
-      {
-        As: e,
-        type: d.Ellipsis,
-        value: `${n + 3}`,
-        number: n + 3,
-        onClick: c
-      }
-    ),
-    s > 1 && /* @__PURE__ */ a(
-      h,
-      {
-        As: e,
-        number: s,
-        current: n === s,
-        onClick: c,
-        value: `${s}`
-      }
-    ),
-    n !== s && /* @__PURE__ */ a(
-      h,
-      {
-        As: e,
-        type: d.Next,
-        onClick: c,
-        value: `${n + 1}`
-      }
-    )
-  ] }) });
-};
-export {
-  J as UqCard,
-  H as UqCardGrid,
-  S as UqCardGridTarget,
-  g as UqCardVariant,
-  B as UqContainer,
-  $ as UqIcon,
-  j as UqIconVariant,
-  Q as UqPagination,
-  h as UqPaginationItem,
-  d as UqPaginationItemType,
-  K as UqPane,
-  M as UqPaneVariant,
-  L as UqStoryCard,
-  O as UqStoryCardVariant
+import { jsx as e, jsxs as t } from "react/jsx-runtime";
+import { useMemo as n } from "react";
+//#region \0rolldown/runtime.js
+var r = Object.create, i = Object.defineProperty, a = Object.getOwnPropertyDescriptor, o = Object.getOwnPropertyNames, s = Object.getPrototypeOf, c = Object.prototype.hasOwnProperty, l = (e, t) => () => (t || (e((t = { exports: {} }).exports, t), e = null), t.exports), u = (e, t, n, r) => {
+	if (t && typeof t == "object" || typeof t == "function") for (var s = o(t), l = 0, u = s.length, d; l < u; l++) d = s[l], !c.call(e, d) && d !== n && i(e, d, {
+		get: ((e) => t[e]).bind(null, d),
+		enumerable: !(r = a(t, d)) || r.enumerable
+	});
+	return e;
+}, d = (e, t, n) => (n = e == null ? {} : r(s(e)), u(t || !e || !e.__esModule ? i(n, "default", {
+	value: e,
+	enumerable: !0
+}) : n, e)), f = ({ children: t }) => /* @__PURE__ */ e("div", {
+	className: "uq-container",
+	children: t
+}), p = /* @__PURE__ */ d((/* @__PURE__ */ l(((e, t) => {
+	(function() {
+		var e = {}.hasOwnProperty;
+		function n() {
+			for (var e = "", t = 0; t < arguments.length; t++) {
+				var n = arguments[t];
+				n && (e = i(e, r(n)));
+			}
+			return e;
+		}
+		function r(t) {
+			if (typeof t == "string" || typeof t == "number") return t;
+			if (typeof t != "object") return "";
+			if (Array.isArray(t)) return n.apply(null, t);
+			if (t.toString !== Object.prototype.toString && !t.toString.toString().includes("[native code]")) return t.toString();
+			var r = "";
+			for (var a in t) e.call(t, a) && t[a] && (r = i(r, a));
+			return r;
+		}
+		function i(e, t) {
+			return t ? e ? e + " " + t : e + t : e;
+		}
+		t !== void 0 && t.exports ? (n.default = n, t.exports = n) : typeof define == "function" && typeof define.amd == "object" && define.amd ? define("classnames", [], function() {
+			return n;
+		}) : window.classNames = n;
+	})();
+})))(), 1), m = /* @__PURE__ */ function(e) {
+	return e.text = "text", e.image = "image", e.icon = "icon", e.iconNav = "icon-nav", e;
+}({}), h = /* @__PURE__ */ function(e) {
+	return e.x1 = "1x", e.x2 = "2x", e.x3 = "3x", e.x4 = "4x", e;
+}({}), g = /* @__PURE__ */ function(e) {
+	return e.light = "light", e.text = "text", e;
+}({}), _ = /* @__PURE__ */ function(e) {
+	return e.Previous = "previous", e.Next = "next", e.Ellipsis = "ellipsis", e;
+}({}), v = /* @__PURE__ */ function(e) {
+	return e.text = "text", e.image = "image", e.video = "video", e.icon = "icon", e.iconLarge = "icon-large", e.textShaded = "text-shaded", e.iconShaded = "icon-shaded", e;
+}({}), y = /* @__PURE__ */ function(e) {
+	return e.story = "story", e.news = "news", e.event = "event", e.landscape = "landscape", e.feature = "feature", e;
+}({}), b = ({ children: t, target: n }) => /* @__PURE__ */ e("div", {
+	className: (0, p.default)("uq-card-grid", { [`uq-card-grid--target-${n}`]: n }),
+	children: t
+}), x = ({ name: t, variant: n }) => /* @__PURE__ */ e("span", { className: (0, p.default)("uq-icon", `uq-icon--${t}`, { [`uq-icon--${n}`]: n }) }), S = ({ image: n, icon: r, title: i, description: a, variant: o }) => /* @__PURE__ */ t("div", {
+	className: (0, p.default)("uq-card", `uq-card--${o}`),
+	"data-gtm-category": "Card",
+	children: [n && /* @__PURE__ */ e("div", {
+		className: "uq-card__image",
+		children: n
+	}), /* @__PURE__ */ t("div", {
+		className: "uq-card__content",
+		children: [
+			r && /* @__PURE__ */ e("div", {
+				className: "uq-card__icon",
+				children: r
+			}),
+			/* @__PURE__ */ e("h3", {
+				className: "uq-card__title",
+				children: i
+			}),
+			a && /* @__PURE__ */ e("div", {
+				className: "uq-card__description",
+				children: a
+			})
+		]
+	})]
+}), C = ({ image: n, icon: r, title: i, description: a, variant: o, links: s, video: c }) => /* @__PURE__ */ t("div", {
+	className: (0, p.default)("uq-pane", `uq-pane--${o}`),
+	children: [
+		n && /* @__PURE__ */ e("div", {
+			className: "uq-pane__image",
+			children: n
+		}),
+		c && /* @__PURE__ */ e("div", {
+			className: "uq-pane__video",
+			children: c
+		}),
+		/* @__PURE__ */ t("div", {
+			className: "uq-pane__content",
+			children: [
+				r && /* @__PURE__ */ e("div", {
+					className: "uq-pane__icon",
+					children: r
+				}),
+				/* @__PURE__ */ e("h3", {
+					className: "uq-pane__title",
+					children: i
+				}),
+				a && /* @__PURE__ */ e("div", {
+					className: "uq-pane__description",
+					children: a
+				}),
+				s && /* @__PURE__ */ e("div", {
+					className: "uq-pane__actions",
+					children: s
+				})
+			]
+		})
+	]
+}), w = ({ image: n, title: r, description: i, variant: a, topLabel: o, bottomLabel: s }) => /* @__PURE__ */ t("div", {
+	className: (0, p.default)("uq-story-card", `uq-story-card--${a}`),
+	"data-gtm-category": "StoryCard",
+	children: [n && /* @__PURE__ */ e("div", {
+		className: "uq-story-card__image",
+		children: n
+	}), /* @__PURE__ */ t("div", {
+		className: "uq-story-card__content",
+		children: [
+			o && /* @__PURE__ */ e("div", {
+				className: "uq-story-card__top-label",
+				children: o
+			}),
+			/* @__PURE__ */ e("h3", {
+				className: "uq-story-card__title",
+				children: r
+			}),
+			i && /* @__PURE__ */ e("div", {
+				className: "uq-story-card__description",
+				children: i
+			}),
+			s && /* @__PURE__ */ e("div", {
+				className: "uq-story-card__bottom-label",
+				children: s
+			})
+		]
+	})]
+}), T = ({ As: n = "button", type: r, number: i, current: a = !1, href: o, value: s, onClick: c }) => /* @__PURE__ */ e("li", {
+	className: "uq-pagination__list-item",
+	children: /* @__PURE__ */ t(n, {
+		className: (0, p.default)("uq-pagination__item", {
+			[`uq-pagination__${r}`]: r,
+			"uq-pagination__current": a
+		}),
+		"aria-current": a && "page",
+		onClick: c,
+		href: o,
+		value: s,
+		children: [
+			/* @__PURE__ */ t("span", {
+				className: "visually-hidden",
+				children: [
+					!r && "Page",
+					r === _.Previous && "Previous page",
+					r === _.Next && "Previous page",
+					r === _.Ellipsis && `Skip to page ${i}`
+				]
+			}),
+			!r && `${i}`,
+			r === _.Previous && /* @__PURE__ */ e(x, { name: "standard--chevron-left" }),
+			r === _.Next && /* @__PURE__ */ e(x, { name: "standard--chevron-right" }),
+			r === _.Ellipsis && "…"
+		]
+	})
+}), E = ({ As: r = "button", totalResults: i, resultsPerPage: a, currentPage: o, onClick: s }) => {
+	let c = n(() => Math.ceil(i / a), [i, a]), l = n(() => {
+		let e = [];
+		if (!i || a >= i) return e;
+		if (Math.ceil(i / a) < 6 || o > c) {
+			let t = 2;
+			for (; t < c;) e.push(t), t += 1;
+			return e;
+		}
+		if (o === 1) {
+			let t = 2;
+			for (; t < 5;) e.push(t), t += 1;
+			return e;
+		}
+		if (o === c) {
+			let t = c - 3;
+			for (; t < c;) e.push(t), t += 1;
+			return e;
+		}
+		let t = Math.max(o - 1, 2), n = Math.min(o + 1, c - 1);
+		t === 2 && (n = t + 2), n === c - 1 && (t = n - 2);
+		let r = t;
+		for (; r <= n;) e.push(r), r += 1;
+		return e;
+	}, [
+		i,
+		c,
+		a,
+		o
+	]), u = n(() => l.length !== 0 && l[0] !== 2, [l]), d = n(() => l.length !== 0 && l[l.length - 1] !== c - 1, [l, c]);
+	return /* @__PURE__ */ e("nav", {
+		className: "uq-pagination",
+		"aria-label": "Pagination",
+		children: /* @__PURE__ */ t("ul", {
+			className: "uq-pagination__list",
+			children: [
+				o !== 1 && /* @__PURE__ */ e(T, {
+					As: r,
+					type: _.Previous,
+					onClick: s,
+					value: `${o - 1}`
+				}),
+				/* @__PURE__ */ e(T, {
+					As: r,
+					number: 1,
+					current: o === 1,
+					onClick: s,
+					value: "1"
+				}),
+				u && /* @__PURE__ */ e(T, {
+					As: r,
+					type: _.Ellipsis,
+					value: `${o - 3}`,
+					number: o - 3,
+					onClick: s
+				}),
+				l.map((t) => /* @__PURE__ */ e(T, {
+					As: r,
+					number: t,
+					current: o === t,
+					onClick: s,
+					value: `${t}`
+				}, t.toString())),
+				d && /* @__PURE__ */ e(T, {
+					As: r,
+					type: _.Ellipsis,
+					value: `${o + 3}`,
+					number: o + 3,
+					onClick: s
+				}),
+				c > 1 && /* @__PURE__ */ e(T, {
+					As: r,
+					number: c,
+					current: o === c,
+					onClick: s,
+					value: `${c}`
+				}),
+				o !== c && /* @__PURE__ */ e(T, {
+					As: r,
+					type: _.Next,
+					onClick: s,
+					value: `${o + 1}`
+				})
+			]
+		})
+	});
 };
+//#endregion
+export { S as UqCard, b as UqCardGrid, h as UqCardGridTarget, m as UqCardVariant, f as UqContainer, x as UqIcon, g as UqIconVariant, E as UqPagination, T as UqPaginationItem, _ as UqPaginationItemType, C as UqPane, v as UqPaneVariant, w as UqStoryCard, y as UqStoryCardVariant };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@uqds/react",
-  "version": "2.0.7-alpha.0",
+  "version": "2.0.8-alpha.0",
   "description": "React components",
   "keywords": [
     "uqds",
@@ -46,24 +46,24 @@
     "url": "https://github.com/uq-its-ss/design-system/issues"
   },
   "dependencies": {
-    "@uqds/body": "^4.0.4-alpha.0",
-    "@uqds/card": "^4.0.5-alpha.0",
-    "@uqds/core": "^5.0.2-alpha.0",
-    "@uqds/icon": "^4.0.5-alpha.0",
+    "@uqds/body": "^4.0.5-alpha.0",
+    "@uqds/card": "^4.0.6-alpha.0",
+    "@uqds/core": "^5.0.2",
+    "@uqds/icon": "^4.0.6-alpha.0",
     "@uqds/layout": "6.0.0-alpha.0",
-    "@uqds/pagination": "^4.0.3-alpha.0",
-    "@uqds/pane": "^4.0.2-alpha.0",
+    "@uqds/pagination": "^4.0.3",
+    "@uqds/pane": "^4.0.2",
     "classnames": "^2.5.1"
   },
   "devDependencies": {
     "@types/react": "^18.3.18",
-    "@vitejs/plugin-react": "^4.3.4",
+    "@vitejs/plugin-react": "^6.0.2",
     "typescript": "^5.7.3",
-    "vite": "^6.0.11",
+    "vite": "^8.0.16",
     "vite-plugin-dts": "^4.5.0"
   },
   "peerDependencies": {
     "react": "^18.3.1"
   },
-  "gitHead": "9acb5be7141597deddf99a9f1f19fe5ea6b93d5d"
+  "gitHead": "1d8d244d6bdcf2a5c4598ed2402741057541ac5c"
 }