@ogcio/design-system-react 1.16.0 → 1.17.1

package/dist/table/table-pagination.js

@@ -33,7 +33,7 @@ const j = ({
             onClick: () => e(1),
             appearance: "dark",
             variant: "flat",
-            className: "gi-mr-4",
+            className: "gi-mr-2",
             icon: {
               icon: "first_page"
             }
@@ -98,7 +98,7 @@ const j = ({
             onClick: () => e(l),
             appearance: "dark",
             variant: "flat",
-            className: "gi-ml-4",
+            className: "gi-ml-2",
             icon: {
               icon: "last_page"
             }

package/dist/utils/utilities.d.ts

@@ -21,4 +21,6 @@ type DisplayPage = number | -1 | -2;
  * - For `currentPage = 3`, `totalPages = 3`, and `breakpoint = SM`, the output would be `[1, 2, 3]`.
  */
 export declare const getDisplayPages: (currentPage: number, totalPages: number, breakpoint: BreakpointType) => DisplayPage[];
+export declare const safeCloneElement: (element: React.ReactElement, props?: Record<string, any>) => import('react').ReactElement<unknown, string | import('react').JSXElementConstructor<any>>;
+export declare const splitAriaProps: (props?: any) => readonly [Record<string, unknown>, Record<string, unknown>];
 export {};

package/dist/utils/utilities.js

@@ -1,20 +1,31 @@
-import { Breakpoint as u } from "../hooks/use-breakpoint.js";
-const x = (p, f, d) => {
-  if (d === u.Small || d === u.Medium) {
-    const i = [];
-    if (f <= 3) {
-      for (let s = 1; s <= f; s++)
-        i.push(s);
-      return i;
+import { cloneElement as d } from "react";
+import { Breakpoint as n } from "../hooks/use-breakpoint.js";
+const r = (i, s, h) => {
+  if (h === n.Small || h === n.Medium) {
+    const f = [];
+    if (s <= 3) {
+      for (let o = 1; o <= s; o++)
+        f.push(o);
+      return f;
     }
-    return i.push(1), p > 2 && i.push(-1), p > 1 && p < f && i.push(p), p < f - 1 && i.push(-2), f > 1 && i.push(f), i;
+    return f.push(1), i > 2 && f.push(-1), i > 1 && i < s && f.push(i), i < s - 1 && f.push(-2), s > 1 && f.push(s), f;
   }
-  const h = [];
-  p > 3 && h.push(1), p > 4 && h.push(-1);
-  for (let i = p - 2; i <= p + 2; i++)
-    i >= 1 && i <= f && h.push(i);
-  return p < f - 3 && h.push(-2), p < f - 2 && h.push(f), h;
+  const p = [];
+  i > 3 && p.push(1), i > 4 && p.push(-1);
+  for (let f = i - 2; f <= i + 2; f++)
+    f >= 1 && f <= s && p.push(f);
+  return i < s - 3 && p.push(-2), i < s - 2 && p.push(s), p;
+}, y = (i, s = {}) => {
+  const { __type: h, ...p } = i.props;
+  return d(i, { ...p, ...s });
+}, l = (i = {}) => {
+  const s = {}, h = {};
+  for (const p in i)
+    p === "role" || p.startsWith("aria-") ? s[p] = i[p] : h[p] = i[p];
+  return [s, h];
 };
 export {
-  x as getDisplayPages
+  r as getDisplayPages,
+  y as safeCloneElement,
+  l as splitAriaProps
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ogcio/design-system-react",
-  "version": "1.16.0",
+  "version": "1.17.1",
   "description": "The GOV IE design system React components.",
   "type": "module",
   "main": "dist/index.js",
@@ -52,7 +52,7 @@
     "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.14.0",
+    "@ogcio/design-system-tailwind": "1.14.2",
     "@ogcio/theme-doete": "1.0.0",
     "@ogcio/theme-govie": "1.7.0"
   },
@@ -68,8 +68,8 @@
     "build:ts": "vite build",
     "storybook:dev": "storybook dev -p 6006",
     "storybook:build": "storybook build --stats-json",
-    "storybook:test": "vitest --project=storybook",
-    "storybook:coverage": "vitest --project=storybook --coverage",
+    "playwright:test": "playwright test",
+    "playwright:update-snapshots": "playwright test --update-snapshots",
     "percy": "pnpm storybook:build && percy storybook ./storybook-static --config percy.yaml",
     "typecheck": "tsc -p tsconfig.json --noEmit"
   }

package/dist/data-grid/data-grid-footer.d.ts

@@ -1,12 +0,0 @@
-import { default as React } from 'react';
-interface DataGridFooterTypeProps extends React.HTMLAttributes<HTMLDivElement> {
-    children: React.ReactNode;
-}
-interface DataGridFooterProps extends React.HTMLAttributes<HTMLDivElement> {
-    children?: React.ReactNode;
-}
-export type { DataGridFooterProps, DataGridFooterTypeProps };
-export declare const DataGridFooterStart: React.FC<DataGridFooterTypeProps>;
-export declare const DataGridFooterCenter: React.FC<DataGridFooterTypeProps>;
-export declare const DataGridFooterEnd: React.FC<DataGridFooterTypeProps>;
-export declare const DataGridFooter: React.FC<DataGridFooterProps>;

package/dist/data-grid/data-grid-footer.js

@@ -1,66 +0,0 @@
-import { jsx as s, jsxs as E } from "react/jsx-runtime";
-import i from "react";
-import { cn as l } from "../cn.js";
-const n = (t, e) => i.isValidElement(t) && t.type === e, o = (t, e, a) => t ? /* @__PURE__ */ s(
-  "div",
-  {
-    className: l(
-      e,
-      a,
-      t.props.className
-    ),
-    style: t.props.style,
-    children: t.props.children
-  }
-) : null, F = ({
-  children: t,
-  ...e
-}) => /* @__PURE__ */ s("div", { ...e, children: t });
-F.displayName = "DataGridFooterStart";
-const D = ({
-  children: t,
-  ...e
-}) => /* @__PURE__ */ s("div", { ...e, children: t });
-D.displayName = "DataGridFooterCenter";
-const G = ({
-  children: t,
-  ...e
-}) => /* @__PURE__ */ s("div", { ...e, children: t });
-G.displayName = "DataGridFooterEnd";
-const N = ({
-  children: t,
-  className: e,
-  ...a
-}) => {
-  const C = i.useMemo(() => {
-    let f = null, u = null, y = null;
-    return i.Children.forEach(t, (r) => {
-      n(r, F) ? f = r : n(r, D) ? u = r : n(r, G) && (y = r);
-    }), { start: f, center: u, end: y };
-  }, [t]), { start: d, center: c, end: m } = C, p = !!!d && !!!c && !!m, g = "gi-grow gi-basis-0 gi-min-w-0", S = `${g} gi-text-center`, x = l("gi-min-w-0", {
-    "gi-basis-1/2 gi-text-right": !p
-  });
-  return /* @__PURE__ */ E(
-    "div",
-    {
-      ...a,
-      className: l(
-        "gi-flex gi-flex-row gi-w-full gi-items-center gi-py-2",
-        p ? "gi-justify-end" : "gi-gap-2",
-        e
-      ),
-      children: [
-        o(d, g),
-        o(c, S),
-        o(m, x)
-      ]
-    }
-  );
-};
-N.displayName = "DataGridFooter";
-export {
-  N as DataGridFooter,
-  D as DataGridFooterCenter,
-  G as DataGridFooterEnd,
-  F as DataGridFooterStart
-};

package/dist/data-grid/data-grid-header.d.ts

@@ -1,12 +0,0 @@
-import { default as React } from 'react';
-interface DataGridHeaderTypeProps extends React.HTMLAttributes<HTMLDivElement> {
-    children: React.ReactNode;
-}
-interface DataGridHeaderProps extends React.HTMLAttributes<HTMLDivElement> {
-    children?: React.ReactNode;
-}
-export declare const DataGridHeader: React.FC<DataGridHeaderProps>;
-export declare const DataGridHeaderSearch: React.FC<DataGridHeaderTypeProps>;
-export declare const DataGridHeaderFilter: React.FC<DataGridHeaderTypeProps>;
-export declare const DataGridHeaderActions: React.FC<DataGridHeaderTypeProps>;
-export {};

package/dist/data-grid/data-grid-header.js

@@ -1,82 +0,0 @@
-import { jsxs as D, jsx as n } from "react/jsx-runtime";
-import s from "react";
-import { cn as i } from "../cn.js";
-const l = (e, a) => s.isValidElement(e) && e.type === a, u = ({
-  children: e,
-  className: a,
-  ...r
-}) => {
-  const { search: g, filter: b, actions: y } = s.useMemo(() => {
-    let f = null, m = null, p = null;
-    return s.Children.forEach(e, (t) => {
-      l(t, o) ? f = t : l(t, d) ? m = t : l(t, c) && (p = t);
-    }), { search: f, filter: m, actions: p };
-  }, [e]);
-  return /* @__PURE__ */ D(
-    "div",
-    {
-      ...r,
-      className: i(
-        "gi-flex gi-flex-wrap gi-items-center gi-w-full gi-gap-4 gi-mb-2",
-        a
-      ),
-      children: [
-        g,
-        b,
-        y
-      ]
-    }
-  );
-};
-u.displayName = "DataGridHeader";
-Object.defineProperty(u, "componentType", {
-  value: "DataGridHeader",
-  writable: !1,
-  enumerable: !1
-});
-const o = ({
-  children: e,
-  className: a,
-  ...r
-}) => /* @__PURE__ */ n("div", { className: i("gi-flex gi-flex-1", a), ...r, children: e });
-o.displayName = "DataGridHeaderSearch";
-Object.defineProperty(o, "componentType", {
-  value: "DataGridHeaderSearch",
-  writable: !1,
-  enumerable: !1
-});
-const d = ({
-  children: e,
-  className: a,
-  ...r
-}) => /* @__PURE__ */ n("div", { className: i("gi-flex gi-items-center", a), ...r, children: e });
-d.displayName = "DataGridHeaderFilter";
-Object.defineProperty(d, "componentType", {
-  value: "DataGridHeaderFilter",
-  writable: !1,
-  enumerable: !1
-});
-const c = ({
-  children: e,
-  className: a,
-  ...r
-}) => /* @__PURE__ */ n(
-  "div",
-  {
-    className: i("gi-flex gi-items-center gi-ml-auto", a),
-    ...r,
-    children: e
-  }
-);
-c.displayName = "DataGridHeaderActions";
-Object.defineProperty(c, "componentType", {
-  value: "DataGridHeaderActions",
-  writable: !1,
-  enumerable: !1
-});
-export {
-  u as DataGridHeader,
-  c as DataGridHeaderActions,
-  d as DataGridHeaderFilter,
-  o as DataGridHeaderSearch
-};