@ogcio/design-system-react 1.19.0 → 1.20.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (50) hide show
  1. package/dist/forms/form-field/form-field.js +58 -60
  2. package/dist/header/components/header-menu.d.ts +1 -2
  3. package/dist/header/header-legacy.d.ts +2 -0
  4. package/dist/header/header-legacy.js +223 -0
  5. package/dist/header/header-next/components/header-logo.d.ts +2 -0
  6. package/dist/header/header-next/components/header-logo.js +19 -0
  7. package/dist/header/header-next/components/header-title.d.ts +2 -0
  8. package/dist/header/header-next/components/header-title.js +29 -0
  9. package/dist/header/header-next/components/menu/components/header-menu-item-button.d.ts +2 -0
  10. package/dist/header/header-next/components/menu/components/header-menu-item-button.js +42 -0
  11. package/dist/header/header-next/components/menu/components/header-menu-item-link.d.ts +8 -0
  12. package/dist/header/header-next/components/menu/components/header-menu-item-link.js +72 -0
  13. package/dist/header/header-next/components/menu/components/header-menu-item-separator.d.ts +3 -0
  14. package/dist/header/header-next/components/menu/components/header-menu-item-separator.js +34 -0
  15. package/dist/header/header-next/components/menu/components/header-menu-item-slot.d.ts +5 -0
  16. package/dist/header/header-next/components/menu/components/header-menu-item-slot.js +42 -0
  17. package/dist/header/header-next/components/menu/header-menu-context.d.ts +7 -0
  18. package/dist/header/header-next/components/menu/header-menu-context.js +23 -0
  19. package/dist/header/header-next/components/menu/header-primary-menu.d.ts +3 -0
  20. package/dist/header/header-next/components/menu/header-primary-menu.js +63 -0
  21. package/dist/header/header-next/components/menu/header-secondary-menu.d.ts +3 -0
  22. package/dist/header/header-next/components/menu/header-secondary-menu.js +52 -0
  23. package/dist/header/header-next/header-context.d.ts +13 -0
  24. package/dist/header/header-next/header-context.js +31 -0
  25. package/dist/header/header-next/header-next.d.ts +7 -0
  26. package/dist/header/header-next/header-next.js +75 -0
  27. package/dist/header/header-next/index.d.ts +11 -0
  28. package/dist/header/header-next/index.js +27 -0
  29. package/dist/header/header.d.ts +2 -2
  30. package/dist/header/header.js +17 -219
  31. package/dist/header/types.d.ts +84 -4
  32. package/dist/header/variants.d.ts +2 -2
  33. package/dist/header/variants.js +1 -1
  34. package/dist/hooks/use-toggle-map.d.ts +15 -0
  35. package/dist/hooks/use-toggle-map.js +45 -0
  36. package/dist/icon/icons.d.ts +2 -2
  37. package/dist/icon/icons.js +2 -0
  38. package/dist/index.d.ts +2 -0
  39. package/dist/index.js +205 -178
  40. package/dist/input-checkbox/input-checkbox.d.ts +1 -1
  41. package/dist/input-checkbox/input-checkbox.js +65 -48
  42. package/dist/input-radio/input-radio.d.ts +1 -1
  43. package/dist/input-radio/input-radio.js +51 -44
  44. package/dist/list-item/list-item.d.ts +3 -2
  45. package/dist/list-item/list-item.js +15 -6
  46. package/dist/modal/types.d.ts +5 -3
  47. package/dist/styles.css +2 -2
  48. package/dist/utils/utilities.d.ts +3 -0
  49. package/dist/utils/utilities.js +34 -25
  50. package/package.json +2 -2
@@ -1,3 +1,4 @@
1
+ import { ReactNode } from 'react';
1
2
  import { BreakpointType } from '../hooks/use-breakpoint.js';
2
3
  type DisplayPage = number | -1 | -2;
3
4
  /**
@@ -23,4 +24,6 @@ type DisplayPage = number | -1 | -2;
23
24
  export declare const getDisplayPages: (currentPage: number, totalPages: number, breakpoint: BreakpointType) => DisplayPage[];
24
25
  export declare const safeCloneElement: (element: React.ReactElement, props?: Record<string, any>) => import('react').ReactElement<unknown, string | import('react').JSXElementConstructor<any>>;
25
26
  export declare const splitAriaProps: (props?: any) => readonly [Record<string, unknown>, Record<string, unknown>];
27
+ export declare function getSpecialComponentType(child: ReactNode): string | null;
28
+ export declare function isSpecialComponent(child: ReactNode, componentList?: Array<string>): boolean;
26
29
  export {};
@@ -1,31 +1,40 @@
1
- import { cloneElement as d } from "react";
2
- import { Breakpoint as n } from "../hooks/use-breakpoint.js";
3
- const r = (i, s, h) => {
4
- if (h === n.Small || h === n.Medium) {
5
- const f = [];
6
- if (s <= 3) {
7
- for (let o = 1; o <= s; o++)
8
- f.push(o);
9
- return f;
1
+ import { cloneElement as u, isValidElement as r } from "react";
2
+ import { Breakpoint as e } from "../hooks/use-breakpoint.js";
3
+ const h = (i, p, f) => {
4
+ if (f === e.Small || f === e.Medium) {
5
+ const n = [];
6
+ if (p <= 3) {
7
+ for (let o = 1; o <= p; o++)
8
+ n.push(o);
9
+ return n;
10
10
  }
11
- 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;
11
+ return n.push(1), i > 2 && n.push(-1), i > 1 && i < p && n.push(i), i < p - 1 && n.push(-2), p > 1 && n.push(p), n;
12
12
  }
13
- const p = [];
14
- i > 3 && p.push(1), i > 4 && p.push(-1);
15
- for (let f = i - 2; f <= i + 2; f++)
16
- f >= 1 && f <= s && p.push(f);
17
- return i < s - 3 && p.push(-2), i < s - 2 && p.push(s), p;
18
- }, y = (i, s = {}) => {
19
- const { __type: h, ...p } = i.props;
20
- return d(i, { ...p, ...s });
21
- }, l = (i = {}) => {
22
- const s = {}, h = {};
23
- for (const p in i)
24
- p === "role" || p.startsWith("aria-") ? s[p] = i[p] : h[p] = i[p];
25
- return [s, h];
13
+ const s = [];
14
+ i > 3 && s.push(1), i > 4 && s.push(-1);
15
+ for (let n = i - 2; n <= i + 2; n++)
16
+ n >= 1 && n <= p && s.push(n);
17
+ return i < p - 3 && s.push(-2), i < p - 2 && s.push(p), s;
18
+ }, y = (i, p = {}) => {
19
+ const { __type: f, ...s } = i.props;
20
+ return u(i, { ...s, ...p });
21
+ }, d = (i = {}) => {
22
+ const p = {}, f = {};
23
+ for (const s in i)
24
+ s === "role" || s.startsWith("aria-") ? p[s] = i[s] : f[s] = i[s];
25
+ return [p, f];
26
26
  };
27
+ function t(i) {
28
+ var p, f;
29
+ return r(i) && (((p = i.type) == null ? void 0 : p.componentType) || ((f = i.props) == null ? void 0 : f.__type)) || null;
30
+ }
31
+ function c(i, p = []) {
32
+ return p.includes(t(i) ?? "");
33
+ }
27
34
  export {
28
- r as getDisplayPages,
35
+ h as getDisplayPages,
36
+ t as getSpecialComponentType,
37
+ c as isSpecialComponent,
29
38
  y as safeCloneElement,
30
- l as splitAriaProps
39
+ d as splitAriaProps
31
40
  };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@ogcio/design-system-react",
3
- "version": "1.19.0",
3
+ "version": "1.20.0",
4
4
  "description": "The GOV IE design system React components.",
5
5
  "type": "module",
6
6
  "main": "dist/index.js",
@@ -54,7 +54,7 @@
54
54
  "react-dom": "19.0.0",
55
55
  "@ogcio/design-system-eslint-config": "1.2.6",
56
56
  "@ogcio/design-system-prettier-config": "1.0.6",
57
- "@ogcio/design-system-tailwind": "1.15.2",
57
+ "@ogcio/design-system-tailwind": "1.16.0",
58
58
  "@ogcio/theme-doete": "1.0.0",
59
59
  "@ogcio/theme-govie": "1.7.1"
60
60
  },