@npm_leadtech/legal-contracts-ui 0.61.3 → 0.62.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 (9) hide show
  1. package/dist/components/Badge.js +6 -3
  2. package/dist/components/Header.d.ts +4 -4
  3. package/dist/components/MobileMenu.d.ts +4 -4
  4. package/dist/components/NotFoundTemplate.d.ts +4 -4
  5. package/dist/components/SearchBar.d.ts +7 -5
  6. package/dist/components/SearchBar.js +41 -71
  7. package/dist/components/index.d.ts +894 -0
  8. package/dist/globals.css +1 -1
  9. package/package.json +1 -1
package/dist/components/Badge.js CHANGED
@@ -1,10 +1,13 @@
1
1
  import { jsx as a } from "react/jsx-runtime";
2
2
  import "react";
3
- const d = ({ children: e, color: r = "secondary", className: t = "" }) => /* @__PURE__ */ a(
3
+ const d = ({ children: r, color: e = "secondary", className: o = "" }) => /* @__PURE__ */ a(
4
4
  "div",
5
5
  {
6
- className: `flex items-center gap-2 rounded bg-${r}-200 whitespace-nowrap text-neutral-800 shadow-md ${t}`,
7
- children: e
6
+ className: `flex items-center gap-2 rounded ${{
7
+ primary: "bg-primary-200",
8
+ secondary: "bg-secondary-200"
9
+ }[e]} whitespace-nowrap text-neutral-800 shadow-md ${o}`,
10
+ children: r
8
11
  }
9
12
  );
10
13
  export {
package/dist/components/Header.d.ts CHANGED
@@ -1,5 +1,5 @@
1
+ import { ChangeEvent } from 'react';
1
2
  import { FC } from 'react';
2
- import * as React_2 from 'react';
3
3
  import { ReactNode } from 'react';
4
4
 
5
5
  export interface FormattedLanguageItem {
@@ -96,13 +96,13 @@ export interface SearchBarProps {
96
96
  isOpen?: boolean;
97
97
  onToggle?: () => void;
98
98
  searchValue?: string;
99
- onInputChange?: (e: React_2.ChangeEvent<HTMLInputElement>) => void;
99
+ onInputChange?: (e: ChangeEvent<HTMLInputElement>) => void;
100
100
  onClear?: () => void;
101
101
  allDocumentsItem?: SearchItem;
102
102
  }
103
103
 
104
104
  export interface SearchItem {
105
- label: string;
106
- href: string;
105
+ id: string;
106
+ link: ReactNode;
107
107
  }
108
108
 
package/dist/components/MobileMenu.d.ts CHANGED
@@ -1,5 +1,5 @@
1
+ import { ChangeEvent } from 'react';
1
2
  import { FC } from 'react';
2
- import * as React_2 from 'react';
3
3
  import { ReactNode } from 'react';
4
4
 
5
5
  export declare interface MobileContactInfo {
@@ -42,13 +42,13 @@ export interface SearchBarProps {
42
42
  isOpen?: boolean;
43
43
  onToggle?: () => void;
44
44
  searchValue?: string;
45
- onInputChange?: (e: React_2.ChangeEvent<HTMLInputElement>) => void;
45
+ onInputChange?: (e: ChangeEvent<HTMLInputElement>) => void;
46
46
  onClear?: () => void;
47
47
  allDocumentsItem?: SearchItem;
48
48
  }
49
49
 
50
50
  export interface SearchItem {
51
- label: string;
52
- href: string;
51
+ id: string;
52
+ link: ReactNode;
53
53
  }
54
54
 
package/dist/components/NotFoundTemplate.d.ts CHANGED
@@ -1,6 +1,6 @@
1
+ import { ChangeEvent } from 'react';
1
2
  import { ComponentPropsWithRef } from 'react';
2
3
  import { FC } from 'react';
3
- import * as React_2 from 'react';
4
4
  import { ReactNode } from 'react';
5
5
 
6
6
  export interface ButtonProps extends Omit<ComponentPropsWithRef<'button'>, 'children'> {
@@ -69,13 +69,13 @@ export interface SearchBarProps {
69
69
  isOpen?: boolean;
70
70
  onToggle?: () => void;
71
71
  searchValue?: string;
72
- onInputChange?: (e: React_2.ChangeEvent<HTMLInputElement>) => void;
72
+ onInputChange?: (e: ChangeEvent<HTMLInputElement>) => void;
73
73
  onClear?: () => void;
74
74
  allDocumentsItem?: SearchItem;
75
75
  }
76
76
 
77
77
  export interface SearchItem {
78
- label: string;
79
- href: string;
78
+ id: string;
79
+ link: ReactNode;
80
80
  }
81
81
 
package/dist/components/SearchBar.d.ts CHANGED
@@ -1,6 +1,8 @@
1
- import * as React_2 from 'react';
1
+ import { ChangeEvent } from 'react';
2
+ import { FC } from 'react';
3
+ import { ReactNode } from 'react';
2
4
 
3
- export declare const SearchBar: React_2.FC<SearchBarProps>;
5
+ export declare const SearchBar: FC<SearchBarProps>;
4
6
 
5
7
  export declare interface SearchBarProps {
6
8
  items: SearchItem[];
@@ -8,13 +10,13 @@ export declare interface SearchBarProps {
8
10
  isOpen?: boolean;
9
11
  onToggle?: () => void;
10
12
  searchValue?: string;
11
- onInputChange?: (e: React_2.ChangeEvent<HTMLInputElement>) => void;
13
+ onInputChange?: (e: ChangeEvent<HTMLInputElement>) => void;
12
14
  onClear?: () => void;
13
15
  allDocumentsItem?: SearchItem;
14
16
  }
15
17
 
16
18
  export declare interface SearchItem {
17
- label: string;
18
- href: string;
19
+ id: string;
20
+ link: ReactNode;
19
21
  }
20
22
 
package/dist/components/SearchBar.js CHANGED
@@ -1,75 +1,59 @@
1
- import { jsxs as r, Fragment as b, jsx as e } from "react/jsx-runtime";
2
- import "react";
3
- import { SearchIcon as u } from "./SearchIcon.js";
4
- import { CloseIcon as p } from "./CloseIcon.js";
5
- import { HighlightedText as f } from "./HighlightedText.js";
6
- const y = ({
7
- items: o,
8
- placeholder: n,
9
- isOpen: h = !1,
10
- onToggle: d,
11
- searchValue: i = "",
12
- onInputChange: s,
13
- onClear: c,
14
- allDocumentsItem: l
1
+ import { jsxs as r, Fragment as p, jsx as e } from "react/jsx-runtime";
2
+ import { SearchIcon as f } from "./SearchIcon.js";
3
+ import { CloseIcon as b } from "./CloseIcon.js";
4
+ import { LinkWrapper as n } from "./LinkWrapper.js";
5
+ const N = ({
6
+ items: t,
7
+ placeholder: d,
8
+ isOpen: s = !1,
9
+ onToggle: c,
10
+ searchValue: o = "",
11
+ onInputChange: h,
12
+ onClear: u,
13
+ allDocumentsItem: i
15
14
  }) => {
16
- const t = i.length > 0;
17
- return /* @__PURE__ */ r(b, { children: [
15
+ const l = o.length > 0;
16
+ return /* @__PURE__ */ r(p, { children: [
18
17
  /* @__PURE__ */ r("div", { className: "relative hidden lg:block", children: [
19
18
  /* @__PURE__ */ e(
20
19
  "button",
21
20
  {
22
21
  "aria-label": "Search",
23
22
  className: "hover:bg-primary-100 cursor-pointer rounded-full p-2 transition-colors",
24
- onClick: d,
25
- "aria-expanded": h,
26
- children: /* @__PURE__ */ e(u, {})
23
+ onClick: c,
24
+ "aria-expanded": s,
25
+ children: /* @__PURE__ */ e(f, {})
27
26
  }
28
27
  ),
29
- h && /* @__PURE__ */ r(b, { children: [
30
- /* @__PURE__ */ e("div", { className: "fixed inset-0 z-40", onClick: d, "aria-hidden": "true" }),
28
+ s && /* @__PURE__ */ r(p, { children: [
29
+ /* @__PURE__ */ e("div", { className: "fixed inset-0 z-40", onClick: c, "aria-hidden": "true" }),
31
30
  /* @__PURE__ */ r("div", { className: "absolute top-full left-0 z-50 mt-4 max-h-[50dvh] w-80 animate-[slideDown_0.2s_ease-out] overflow-y-auto rounded-lg border border-neutral-200 bg-white px-4 shadow-lg", children: [
32
- /* @__PURE__ */ e("div", { className: `py-2 ${t ? "border-b border-neutral-200" : ""}`, children: /* @__PURE__ */ r("div", { className: "flex items-center gap-2 rounded-md py-2", children: [
31
+ /* @__PURE__ */ e("div", { className: `py-2 ${l ? "border-b border-neutral-200" : ""}`, children: /* @__PURE__ */ r("div", { className: "flex items-center gap-2 rounded-md py-2", children: [
33
32
  /* @__PURE__ */ e(
34
33
  "input",
35
34
  {
36
35
  name: "search",
37
36
  type: "text",
38
- value: i,
39
- onChange: s,
40
- placeholder: n,
37
+ value: o,
38
+ onChange: h,
39
+ placeholder: d,
41
40
  className: "flex-1 text-base text-neutral-800 outline-none placeholder:text-neutral-400",
42
41
  autoFocus: !0
43
42
  }
44
43
  ),
45
- t && /* @__PURE__ */ e(
44
+ l && /* @__PURE__ */ e(
46
45
  "button",
47
46
  {
48
- onClick: c,
47
+ onClick: u,
49
48
  className: "cursor-pointer rounded-full p-0.5 transition-colors hover:bg-neutral-100",
50
49
  "aria-label": "Clear search",
51
- children: /* @__PURE__ */ e(p, { fill: "var(--neutral-400)", width: 20, height: 20 })
50
+ children: /* @__PURE__ */ e(b, { fill: "var(--neutral-400)", width: 20, height: 20 })
52
51
  }
53
52
  )
54
53
  ] }) }),
55
- /* @__PURE__ */ e("div", { className: "overflow-y-auto", children: /* @__PURE__ */ r("ul", { className: t ? "py-4" : "", children: [
56
- o.length > 0 && t && o.map((a) => /* @__PURE__ */ e("li", { children: /* @__PURE__ */ e(
57
- "a",
58
- {
59
- href: a.href,
60
- title: a.label,
61
- className: "hover:bg-primary-50 text-medium block rounded px-1 py-2.5 text-neutral-800 transition-colors",
62
- children: /* @__PURE__ */ e(f, { text: a.label, highlight: i })
63
- }
64
- ) }, a.href)),
65
- l && t && /* @__PURE__ */ e("li", { children: /* @__PURE__ */ e(
66
- "a",
67
- {
68
- href: l.href,
69
- className: "hover:bg-primary-50 text-medium block rounded px-1 py-2.5 font-semibold text-neutral-800 transition-colors",
70
- children: l.label
71
- }
72
- ) }, l.href)
54
+ /* @__PURE__ */ e("div", { className: "overflow-y-auto", children: /* @__PURE__ */ r("ul", { className: l ? "py-4" : "", children: [
55
+ t.length > 0 && l && t.map((a) => /* @__PURE__ */ e("li", { children: /* @__PURE__ */ e(n, { className: "w-full justify-start", variant: "tertiary-thin", children: a.link }) }, a.id)),
56
+ i && l && /* @__PURE__ */ e("li", { children: /* @__PURE__ */ e(n, { className: "w-full justify-start font-bold", variant: "tertiary-thin", children: i.link }) })
73
57
  ] }) })
74
58
  ] })
75
59
  ] })
@@ -81,43 +65,29 @@ const y = ({
81
65
  {
82
66
  type: "text",
83
67
  name: "search",
84
- value: i,
85
- onChange: s,
86
- placeholder: n,
68
+ value: o,
69
+ onChange: h,
70
+ placeholder: d,
87
71
  className: "flex-1 bg-transparent text-base text-neutral-800 outline-none placeholder:text-neutral-400"
88
72
  }
89
73
  ),
90
- t ? /* @__PURE__ */ e(
74
+ l ? /* @__PURE__ */ e(
91
75
  "button",
92
76
  {
93
- onClick: c,
77
+ onClick: u,
94
78
  className: "cursor-pointer rounded-full p-1 transition-colors hover:bg-neutral-200",
95
79
  "aria-label": "Clear search",
96
- children: /* @__PURE__ */ e(p, { fill: "var(--neutral-400)", width: 20, height: 20 })
80
+ children: /* @__PURE__ */ e(b, { fill: "var(--neutral-400)", width: 20, height: 20 })
97
81
  }
98
- ) : /* @__PURE__ */ e(u, { fill: "var(--neutral-500)", width: 20, height: 20 })
82
+ ) : /* @__PURE__ */ e(f, { fill: "var(--neutral-500)", width: 20, height: 20 })
99
83
  ] }),
100
- t && /* @__PURE__ */ e("div", { className: "absolute left-0 mt-2 w-full overflow-x-hidden overflow-y-auto bg-white", children: /* @__PURE__ */ r("ul", { className: "py-4 pl-4", children: [
101
- o.length > 0 && o.map((a) => /* @__PURE__ */ e("li", { children: /* @__PURE__ */ e(
102
- "a",
103
- {
104
- href: a.href,
105
- className: "hover:bg-primary-50 block px-2 py-2.5 text-base text-neutral-800 transition-colors",
106
- children: /* @__PURE__ */ e(f, { text: a.label, highlight: i })
107
- }
108
- ) }, a.href)),
109
- l && /* @__PURE__ */ e("li", { children: /* @__PURE__ */ e(
110
- "a",
111
- {
112
- href: l.href,
113
- className: "hover:bg-primary-50 block px-2 py-2.5 text-base font-semibold text-neutral-800 transition-colors",
114
- children: l.label
115
- }
116
- ) }, l.href)
84
+ l && /* @__PURE__ */ e("div", { className: "absolute left-0 mt-2 w-full overflow-x-hidden overflow-y-auto bg-white", children: /* @__PURE__ */ r("ul", { className: "py-4 pl-4", children: [
85
+ t.length > 0 && t.map((a) => /* @__PURE__ */ e("li", { children: /* @__PURE__ */ e(n, { variant: "tertiary-thin", children: a.link }) }, a.id)),
86
+ i && /* @__PURE__ */ e(n, { className: "font-bold", variant: "tertiary-thin", children: i.link })
117
87
  ] }) })
118
88
  ] })
119
89
  ] });
120
90
  };
121
91
  export {
122
- y as SearchBar
92
+ N as SearchBar
123
93
  };