@ogcio/design-system-react 1.22.1 → 1.24.0

package/dist/toast/toast.js

@@ -1,11 +1,10 @@
 "use client";
-import "@ogcio/design-system-react/browser-check";
 import { jsx as r, Fragment as T } from "react/jsx-runtime";
-import { useState as d, useEffect as u } from "react";
+import { useState as i, useEffect as u } from "react";
 import { createPortal as $ } from "react-dom";
 import { cn as b } from "../cn.js";
-import { translate as p } from "../i18n/utility.js";
-import { Toast as w } from "./ds-toast.js";
+import { translate as w } from "../i18n/utility.js";
+import { Toast as p } from "./ds-toast.js";
 const E = [
   { x: "left", y: "top" },
   { x: "left", y: "bottom" },
@@ -15,8 +14,8 @@ const E = [
   { x: "right", y: "bottom" }
 ], f = {
   isMounted: !1
-}, L = () => {
-  const [e, o] = d([]), [n, c] = d(!1);
+}, I = () => {
+  const [e, o] = i([]), [n, c] = i(!1);
   return u(() => {
     c(!0);
     const t = (l) => {
@@ -32,8 +31,8 @@ const E = [
   }, []), n ? /* @__PURE__ */ r(T, { children: E.map((t) => {
     const l = e.filter(
       (a) => {
-        var s, i;
-        return ((s = a.position) == null ? void 0 : s.x) === t.x && ((i = a.position) == null ? void 0 : i.y) === t.y;
+        var s, d;
+        return ((s = a.position) == null ? void 0 : s.x) === t.x && ((d = a.position) == null ? void 0 : d.y) === t.y;
       }
     );
     return $(
@@ -42,7 +41,7 @@ const E = [
         {
           id: `toast-portal-${t.x}-${t.y}`,
           role: "region",
-          "aria-label": p("toast.position", {
+          "aria-label": w("toast.position", {
             x: t.x,
             y: t.y,
             defaultValue: `Toasts-${t.y}-${t.x}`
@@ -56,7 +55,7 @@ const E = [
       document.body
     );
   }) }) : null;
-}, j = {
+}, L = {
   create: ({ position: e, ...o }) => {
     if (f.isMounted) {
       const n = new CustomEvent("govie:add-toast", {
@@ -81,10 +80,10 @@ const E = [
   duration: l = 5e3,
   animation: a = "fadeinup",
   showIcon: s = !0,
-  slotAction: i,
+  slotAction: d,
   ...g
 }) => {
-  const [m, x] = d(!0), [y, h] = d(!1);
+  const [m, x] = i(!0), [y, h] = i(!1);
   u(() => {
     setTimeout(() => {
       v();
@@ -109,7 +108,7 @@ const E = [
       "aria-label": o,
       ...g,
       children: /* @__PURE__ */ r("div", { className: "gi-wrapper", children: /* @__PURE__ */ r("div", { className: "gi-message", children: /* @__PURE__ */ r(
-        w,
+        p,
         {
           onClose: v,
           title: o,
@@ -117,7 +116,7 @@ const E = [
           variant: e,
           description: n,
           dismissible: t,
-          slotAction: i,
+          slotAction: d,
           showIcon: s
         }
       ) }) })
@@ -126,6 +125,6 @@ const E = [
 };
 export {
   C as Toast,
-  L as ToastProvider,
-  j as toaster
+  I as ToastProvider,
+  L as toaster
 };

package/dist/tooltip/tooltip.js

@@ -1,9 +1,8 @@
 "use client";
-import "@ogcio/design-system-react/browser-check";
 import { jsxs as b, jsx as g } from "react/jsx-runtime";
-import { useState as c, useId as h, useCallback as p, useEffect as v } from "react";
+import { useState as c, useId as h, useCallback as d, useEffect as v } from "react";
 import { c as y } from "../index-CB-zPpNk.js";
-const F = ["top", "bottom", "left", "right"], E = y({
+const T = ["top", "bottom", "left", "right"], E = y({
   base: "gi-tooltip",
   variants: {
     position: {
@@ -13,17 +12,17 @@ const F = ["top", "bottom", "left", "right"], E = y({
       bottom: "gi-tooltip-bottom"
     }
   }
-}), L = ({
+}), F = ({
   text: o,
   position: i = "top",
-  dataTestid: d,
+  dataTestid: p,
   children: u
 }) => {
-  const [e, n] = c(!1), [m, a] = c(!1), l = h(), r = () => n(!0), t = p(() => {
+  const [e, n] = c(!1), [f, a] = c(!1), l = h(), r = () => n(!0), t = d(() => {
     n(!1), a(!1);
-  }, []), s = p(
-    (f) => {
-      f.key === "Escape" && t();
+  }, []), s = d(
+    (m) => {
+      m.key === "Escape" && t();
     },
     [t]
   );
@@ -35,7 +34,7 @@ const F = ["top", "bottom", "left", "right"], E = y({
       className: "gi-tooltip-wrapper",
       onMouseEnter: r,
       onMouseLeave: () => {
-        m || t();
+        f || t();
       },
       onFocus: () => {
         a(!0), r();
@@ -44,7 +43,7 @@ const F = ["top", "bottom", "left", "right"], E = y({
         t();
       },
       "aria-describedby": e ? l : void 0,
-      "data-testid": d,
+      "data-testid": p,
       children: [
         u,
         e && /* @__PURE__ */ g(
@@ -63,6 +62,6 @@ const F = ["top", "bottom", "left", "right"], E = y({
   );
 };
 export {
-  L as Tooltip,
-  F as positionVariants
+  F as Tooltip,
+  T as positionVariants
 };

package/dist/utilities.d.ts

@@ -1,4 +1,4 @@
-import { ReactNode } from 'react';
+import { ReactElement, ReactNode } from 'react';
 /**
  * Returns a safe for url string representation.
  *
@@ -10,3 +10,6 @@ export declare function slugify(value?: string): string | undefined;
 export declare function generateRandomId(): string;
 export declare function getSpecialComponentType(child: ReactNode): string | null;
 export declare function isSpecialComponent(child: ReactNode, componentList?: Array<string>): boolean;
+export declare const cycleEnabledIndex: (list: ReactElement<{
+    hidden?: boolean;
+}>[], currentIndex: number, direction: 1 | -1) => number;

package/dist/utilities.js

@@ -1,23 +1,36 @@
-import { isValidElement as r } from "react";
-function p(n) {
-  if (!n)
-    return n;
-  let e = n.replaceAll(/^\s+|\s+$/g, "");
-  return e = e.toLowerCase(), e = e.replaceAll(/[^\d a-z-]/g, "").replaceAll(/\s+/g, "-").replaceAll(/-+/g, "-"), e;
+import { isValidElement as u } from "react";
+function f(e) {
+  if (!e)
+    return e;
+  let n = e.replaceAll(/^\s+|\s+$/g, "");
+  return n = n.toLowerCase(), n = n.replaceAll(/[^\d a-z-]/g, "").replaceAll(/\s+/g, "-").replaceAll(/-+/g, "-"), n;
 }
-function i() {
+function s() {
   return Math.random().toString(36).slice(2, 11);
 }
-function l(n) {
-  var e, t;
-  return r(n) && (((e = n.type) == null ? void 0 : e.componentType) || ((t = n.props) == null ? void 0 : t.__type)) || null;
+function a(e) {
+  var n, r;
+  return u(e) && (((n = e.type) == null ? void 0 : n.componentType) || ((r = e.props) == null ? void 0 : r.__type)) || null;
 }
-function u(n, e = []) {
-  return e.includes(l(n) ?? "");
+function g(e, n = []) {
+  return n.includes(a(e) ?? "");
 }
+const d = (e, n, r) => {
+  var l, p;
+  const t = e.length;
+  if (t === 0)
+    return -1;
+  for (let o = 1; o <= t; o++) {
+    const c = (n + r * o) % t;
+    if (!((p = (l = e == null ? void 0 : e.at(c)) == null ? void 0 : l.props) != null && p.hidden))
+      return (c + t) % t;
+  }
+  return -1;
+};
 export {
-  i as generateRandomId,
-  l as getSpecialComponentType,
-  u as isSpecialComponent,
-  p as slugify
+  d as cycleEnabledIndex,
+  s as generateRandomId,
+  a as getSpecialComponentType,
+  g as isSpecialComponent,
+  f as slugify
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ogcio/design-system-react",
-  "version": "1.22.1",
+  "version": "1.24.0",
   "description": "The GOV IE design system React components.",
   "type": "module",
   "main": "dist/index.js",
@@ -33,6 +33,7 @@
     "@popperjs/core": "^2.11.8",
     "@radix-ui/react-slot": "^1.1.2",
     "clsx": "^2.1.1",
+    "react-i18next": "^16.3.3",
     "rollup-preserve-directives": "^1.1.2"
   },
   "devDependencies": {
@@ -47,16 +48,16 @@
     "eslint": "^9.23.0",
     "eslint-plugin-storybook": "^0.12.0",
     "glob": "^11.0.1",
-    "i18next": "^24.2.2",
+    "i18next": "^25.6.2",
     "postcss": "^8.4.40",
     "postcss-import": "^16.1.0",
     "react": "19.0.0",
     "react-dom": "19.0.0",
     "@ogcio/design-system-eslint-config": "1.2.6",
     "@ogcio/design-system-prettier-config": "1.0.6",
-    "@ogcio/design-system-tailwind": "1.18.0",
-    "@ogcio/theme-govie": "1.18.0",
-    "@ogcio/theme-doete": "1.0.0"
+    "@ogcio/design-system-tailwind": "1.20.0",
+    "@ogcio/theme-doete": "1.0.0",
+    "@ogcio/theme-govie": "1.20.0"
   },
   "scripts": {
     "format": "prettier 'src/**/*.{ts,tsx}' --write",