@npm_leadtech/legal-contracts-ui 0.136.0 → 0.136.1
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.
- package/dist/components/AllDocumentsTemplate.d.ts +1 -0
- package/dist/components/ContentItem.d.ts +1 -0
- package/dist/components/ContentItem.js +25 -23
- package/dist/components/Header.js +15 -15
- package/dist/components/MobileMenu.js +2 -2
- package/dist/components/PreviewDownload.d.ts +1 -1
- package/dist/components/PreviewDownload.js +13 -13
- package/dist/components/ProductTemplate.d.ts +2 -1
- package/dist/components/index.d.ts +2 -1
- package/package.json +1 -5
|
@@ -22,6 +22,7 @@ export declare interface ContentItemProps {
|
|
|
22
22
|
linkedProducts: LinkedProductProps[];
|
|
23
23
|
sampleImage: ImageWithPreviewProps | null;
|
|
24
24
|
cta: ReactNode | null;
|
|
25
|
+
comingSoonCta: ReactNode | null;
|
|
25
26
|
docsModules: {
|
|
26
27
|
pdfDownload: ReactNode;
|
|
27
28
|
wordDownload: ReactNode;
|
|
@@ -1,31 +1,33 @@
|
|
|
1
|
-
import { jsxs as
|
|
2
|
-
import { ImageWithPreview as
|
|
3
|
-
import { LinkedProducts as
|
|
4
|
-
import { Markdown as
|
|
5
|
-
import { LinkWrapper as
|
|
6
|
-
import { AlternativeSubtypeDocument as
|
|
1
|
+
import { jsxs as f, jsx as e } from "react/jsx-runtime";
|
|
2
|
+
import { ImageWithPreview as d } from "./ImageWithPreview.js";
|
|
3
|
+
import { LinkedProducts as h } from "./LinkedProducts.js";
|
|
4
|
+
import { Markdown as x } from "./Markdown.js";
|
|
5
|
+
import { LinkWrapper as l } from "./LinkWrapper.js";
|
|
6
|
+
import { AlternativeSubtypeDocument as u } from "./AlternativeSubtypeDocument.js";
|
|
7
7
|
import { DefaultSubtypeDocument as w } from "./DefaultSubtypeDocument.js";
|
|
8
|
-
const
|
|
9
|
-
id:
|
|
8
|
+
const j = ({
|
|
9
|
+
id: p,
|
|
10
10
|
title: t,
|
|
11
11
|
content: n,
|
|
12
|
-
linkedProducts:
|
|
13
|
-
sampleImage:
|
|
14
|
-
cta:
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
12
|
+
linkedProducts: i,
|
|
13
|
+
sampleImage: m,
|
|
14
|
+
cta: s,
|
|
15
|
+
comingSoonCta: o,
|
|
16
|
+
docsModules: a,
|
|
17
|
+
subtypeDocs: c
|
|
18
|
+
}) => /* @__PURE__ */ f("div", { id: p, className: "flex min-w-0 scroll-mt-25 flex-col gap-6 text-neutral-900", children: [
|
|
18
19
|
t && /* @__PURE__ */ e("h2", { className: "text-super-large font-bold", children: t }),
|
|
19
|
-
n && /* @__PURE__ */ e(
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
!!
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
/* @__PURE__ */ e(
|
|
20
|
+
n && /* @__PURE__ */ e(x, { content: n, className: "text-medium [&_p:last-child]:mb-0" }),
|
|
21
|
+
i.length > 0 && /* @__PURE__ */ e(h, { linkedProducts: i }),
|
|
22
|
+
m && /* @__PURE__ */ e(d, { ...m }),
|
|
23
|
+
!!s && /* @__PURE__ */ e(l, { className: "w-75 self-center text-center", children: s }),
|
|
24
|
+
!!o && /* @__PURE__ */ e(l, { variant: "icon-grey", disabled: !0, className: "w-75 self-center bg-neutral-200 text-center", children: o }),
|
|
25
|
+
a && /* @__PURE__ */ f("div", { className: "flex w-75 gap-4 self-center", children: [
|
|
26
|
+
/* @__PURE__ */ e(l, { className: "w-full", variant: "secondary-black", children: a.pdfDownload }),
|
|
27
|
+
/* @__PURE__ */ e(l, { className: "w-full", variant: "secondary-black", children: a.wordDownload })
|
|
26
28
|
] }),
|
|
27
|
-
|
|
29
|
+
c.length > 0 && /* @__PURE__ */ e("div", { className: "flex flex-wrap gap-2", children: c.map((r) => r.format === "Alternative" ? /* @__PURE__ */ e(u, { ...r }, r.id) : /* @__PURE__ */ e(w, { ...r }, r.id)) })
|
|
28
30
|
] });
|
|
29
31
|
export {
|
|
30
|
-
|
|
32
|
+
j as ContentItem
|
|
31
33
|
};
|
|
@@ -1,29 +1,29 @@
|
|
|
1
1
|
import { jsxs as r, jsx as e } from "react/jsx-runtime";
|
|
2
2
|
import "react";
|
|
3
|
-
import { MobileMenu as
|
|
4
|
-
import { useScroll as
|
|
5
|
-
import { NavMenu as
|
|
3
|
+
import { MobileMenu as m } from "./MobileMenu.js";
|
|
4
|
+
import { useScroll as c } from "../shared/hooks/useScroll.js";
|
|
5
|
+
import { NavMenu as s } from "./NavMenu.js";
|
|
6
6
|
import { LanguageSelector as p } from "./LanguageSelector.js";
|
|
7
7
|
import { ScalatorIcon as x } from "./ScalatorIcon.js";
|
|
8
8
|
import { SearchBar as f } from "./SearchBar.js";
|
|
9
9
|
const j = ({
|
|
10
|
-
logo:
|
|
10
|
+
logo: t,
|
|
11
11
|
navMenu: d,
|
|
12
12
|
searchBarProps: a,
|
|
13
13
|
languageSelectorProps: i,
|
|
14
14
|
userActions: n,
|
|
15
|
-
mobileMenu:
|
|
15
|
+
mobileMenu: l
|
|
16
16
|
}) => {
|
|
17
|
-
const
|
|
17
|
+
const o = c(10);
|
|
18
18
|
return /* @__PURE__ */ r("div", { className: "sticky top-0 z-1000 flex w-full flex-col", children: [
|
|
19
19
|
/* @__PURE__ */ e(
|
|
20
20
|
"header",
|
|
21
21
|
{
|
|
22
|
-
className: `transition-colors duration-300 ease-in-out ${
|
|
22
|
+
className: `transition-colors duration-300 ease-in-out ${o ? "bg-white shadow-md" : "bg-primary-50"}`,
|
|
23
23
|
children: /* @__PURE__ */ r("div", { className: "flex w-full items-center justify-between px-4 py-4 text-neutral-800 md:px-8", children: [
|
|
24
24
|
/* @__PURE__ */ r("div", { className: "flex flex-1 items-center gap-8", children: [
|
|
25
|
-
|
|
26
|
-
/* @__PURE__ */ e(
|
|
25
|
+
t,
|
|
26
|
+
/* @__PURE__ */ e(s, { className: "hidden lg:block", ...d })
|
|
27
27
|
] }),
|
|
28
28
|
/* @__PURE__ */ r("div", { className: "text-medium hidden flex-wrap items-center gap-4 lg:flex xl:gap-6", children: [
|
|
29
29
|
/* @__PURE__ */ e(f, { ...a }),
|
|
@@ -33,20 +33,20 @@ const j = ({
|
|
|
33
33
|
/* @__PURE__ */ r(
|
|
34
34
|
"button",
|
|
35
35
|
{
|
|
36
|
-
className: "text-small text-primary-
|
|
37
|
-
onClick:
|
|
36
|
+
className: "text-small text-primary-700 flex items-center justify-center gap-1 rounded border border-neutral-400 bg-transparent px-2 py-1 lg:hidden",
|
|
37
|
+
onClick: l.onOpen,
|
|
38
38
|
"aria-label": "Open menu",
|
|
39
|
-
"aria-expanded":
|
|
39
|
+
"aria-expanded": l.isOpen,
|
|
40
40
|
children: [
|
|
41
|
-
|
|
42
|
-
/* @__PURE__ */ e(x, {})
|
|
41
|
+
l.openText,
|
|
42
|
+
/* @__PURE__ */ e(x, { fill: "var(--color-primary-700)" })
|
|
43
43
|
]
|
|
44
44
|
}
|
|
45
45
|
)
|
|
46
46
|
] })
|
|
47
47
|
}
|
|
48
48
|
),
|
|
49
|
-
/* @__PURE__ */ e(
|
|
49
|
+
/* @__PURE__ */ e(m, { ...l, logo: t, userActions: n, searchBarProps: a })
|
|
50
50
|
] });
|
|
51
51
|
};
|
|
52
52
|
export {
|
|
@@ -19,12 +19,12 @@ const k = ({
|
|
|
19
19
|
/* @__PURE__ */ l(
|
|
20
20
|
"button",
|
|
21
21
|
{
|
|
22
|
-
className: "text-small text-primary-
|
|
22
|
+
className: "text-small text-primary-700 flex cursor-pointer items-center justify-center gap-1 rounded border border-neutral-400 px-2 py-1",
|
|
23
23
|
onClick: m,
|
|
24
24
|
"aria-label": "Close menu",
|
|
25
25
|
children: [
|
|
26
26
|
u,
|
|
27
|
-
/* @__PURE__ */ r(f, { fill: "var(--color-primary-
|
|
27
|
+
/* @__PURE__ */ r(f, { fill: "var(--color-primary-700)" })
|
|
28
28
|
]
|
|
29
29
|
}
|
|
30
30
|
)
|
|
@@ -12,7 +12,7 @@ export declare const PreviewDownload: FC<PreviewDownloadProps>;
|
|
|
12
12
|
export declare interface PreviewDownloadProps {
|
|
13
13
|
title: string;
|
|
14
14
|
preview: ImageWithPreviewProps | null;
|
|
15
|
-
cta: ReactNode;
|
|
15
|
+
cta: ReactNode | null;
|
|
16
16
|
footerText: string;
|
|
17
17
|
pdfDownload: ReactNode;
|
|
18
18
|
wordDownload: ReactNode;
|
|
@@ -6,16 +6,16 @@ import { Modal as b } from "./Modal.js";
|
|
|
6
6
|
import { Markdown as w } from "./Markdown.js";
|
|
7
7
|
import { LinkWrapper as r } from "./LinkWrapper.js";
|
|
8
8
|
const k = ({
|
|
9
|
-
title:
|
|
10
|
-
footerText:
|
|
9
|
+
title: i,
|
|
10
|
+
footerText: o,
|
|
11
11
|
preview: a,
|
|
12
|
-
cta:
|
|
13
|
-
pdfDownload:
|
|
14
|
-
wordDownload:
|
|
15
|
-
onZoomClick:
|
|
12
|
+
cta: t,
|
|
13
|
+
pdfDownload: c,
|
|
14
|
+
wordDownload: m,
|
|
15
|
+
onZoomClick: s
|
|
16
16
|
}) => {
|
|
17
|
-
const [d, f] = h(!1), p = (
|
|
18
|
-
f(
|
|
17
|
+
const [d, f] = h(!1), p = (n) => {
|
|
18
|
+
f(n), n && s && s();
|
|
19
19
|
};
|
|
20
20
|
if (!a) return;
|
|
21
21
|
const u = /* @__PURE__ */ e(x, { className: "bg-primary-700 size-8 rounded p-2 opacity-80 hover:opacity-100" });
|
|
@@ -24,14 +24,14 @@ const k = ({
|
|
|
24
24
|
/* @__PURE__ */ e("div", { className: "h-full max-h-64.5 w-full max-w-50 overflow-hidden", children: a.small }),
|
|
25
25
|
/* @__PURE__ */ e("div", { className: "absolute inset-0 flex items-center justify-center", children: /* @__PURE__ */ e(b, { trigger: u, isOpen: d, setIsOpen: p, children: a.large }) })
|
|
26
26
|
] }),
|
|
27
|
-
/* @__PURE__ */ e(w, { className: "text-medium text-primary-800 text-center [&_p:last-child]:mb-0", content:
|
|
28
|
-
/* @__PURE__ */ e(r, { className: "w-full", variant: "primary-green", children:
|
|
27
|
+
/* @__PURE__ */ e(w, { className: "text-medium text-primary-800 text-center [&_p:last-child]:mb-0", content: i }),
|
|
28
|
+
!!t && /* @__PURE__ */ e(r, { className: "w-full", variant: "primary-green", children: t }),
|
|
29
29
|
/* @__PURE__ */ e("div", { className: "h-px w-full bg-neutral-200" }),
|
|
30
30
|
/* @__PURE__ */ l("div", { className: "flex w-full flex-col items-center gap-6", children: [
|
|
31
|
-
/* @__PURE__ */ e("p", { className: "text-small text-neutral-800", children:
|
|
31
|
+
/* @__PURE__ */ e("p", { className: "text-small text-neutral-800", children: o }),
|
|
32
32
|
/* @__PURE__ */ l("div", { className: "flex w-full gap-4", children: [
|
|
33
|
-
/* @__PURE__ */ e(r, { className: "w-full", variant: "secondary-black", children:
|
|
34
|
-
/* @__PURE__ */ e(r, { className: "w-full", variant: "secondary-black", children:
|
|
33
|
+
/* @__PURE__ */ e(r, { className: "w-full", variant: "secondary-black", children: c }),
|
|
34
|
+
/* @__PURE__ */ e(r, { className: "w-full", variant: "secondary-black", children: m })
|
|
35
35
|
] })
|
|
36
36
|
] })
|
|
37
37
|
] });
|
|
@@ -35,6 +35,7 @@ export interface ContentItemProps {
|
|
|
35
35
|
linkedProducts: LinkedProductProps[];
|
|
36
36
|
sampleImage: ImageWithPreviewProps | null;
|
|
37
37
|
cta: ReactNode | null;
|
|
38
|
+
comingSoonCta: ReactNode | null;
|
|
38
39
|
docsModules: {
|
|
39
40
|
pdfDownload: ReactNode;
|
|
40
41
|
wordDownload: ReactNode;
|
|
@@ -133,7 +134,7 @@ export interface PreformProps {
|
|
|
133
134
|
export interface PreviewDownloadProps {
|
|
134
135
|
title: string;
|
|
135
136
|
preview: ImageWithPreviewProps | null;
|
|
136
|
-
cta: ReactNode;
|
|
137
|
+
cta: ReactNode | null;
|
|
137
138
|
footerText: string;
|
|
138
139
|
pdfDownload: ReactNode;
|
|
139
140
|
wordDownload: ReactNode;
|
|
@@ -253,6 +253,7 @@ export declare interface ContentItemProps {
|
|
|
253
253
|
linkedProducts: LinkedProductProps[];
|
|
254
254
|
sampleImage: ImageWithPreviewProps | null;
|
|
255
255
|
cta: ReactNode | null;
|
|
256
|
+
comingSoonCta: ReactNode | null;
|
|
256
257
|
docsModules: {
|
|
257
258
|
pdfDownload: ReactNode;
|
|
258
259
|
wordDownload: ReactNode;
|
|
@@ -975,7 +976,7 @@ export declare const PreviewDownload: FC<PreviewDownloadProps>;
|
|
|
975
976
|
export declare interface PreviewDownloadProps {
|
|
976
977
|
title: string;
|
|
977
978
|
preview: ImageWithPreviewProps | null;
|
|
978
|
-
cta: ReactNode;
|
|
979
|
+
cta: ReactNode | null;
|
|
979
980
|
footerText: string;
|
|
980
981
|
pdfDownload: ReactNode;
|
|
981
982
|
wordDownload: ReactNode;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@npm_leadtech/legal-contracts-ui",
|
|
3
|
-
"version": "0.136.
|
|
3
|
+
"version": "0.136.1",
|
|
4
4
|
"type": "module",
|
|
5
5
|
"main": "dist/index.js",
|
|
6
6
|
"types": "dist/index.d.ts",
|
|
@@ -750,7 +750,6 @@
|
|
|
750
750
|
"@testing-library/jest-dom": "^6.9.1",
|
|
751
751
|
"@testing-library/react": "^16.3.2",
|
|
752
752
|
"@testing-library/user-event": "^14.6.1",
|
|
753
|
-
"@types/jest": "^30.0.0",
|
|
754
753
|
"@types/node": "^22.19.13",
|
|
755
754
|
"@types/react": "^19.2.14",
|
|
756
755
|
"@types/react-dom": "^19.2.3",
|
|
@@ -772,8 +771,6 @@
|
|
|
772
771
|
"glob": "^13.0.6",
|
|
773
772
|
"globals": "^16.5.0",
|
|
774
773
|
"husky": "^9.1.7",
|
|
775
|
-
"jest": "^30.2.0",
|
|
776
|
-
"jest-environment-jsdom": "^30.2.0",
|
|
777
774
|
"lint-staged": "^16.3.2",
|
|
778
775
|
"playwright": "^1.58.2",
|
|
779
776
|
"prettier": "^3.8.1",
|
|
@@ -787,7 +784,6 @@
|
|
|
787
784
|
"sanitize-html": "2.17.0",
|
|
788
785
|
"storybook": "^10.2.15",
|
|
789
786
|
"tailwindcss": "^4.2.1",
|
|
790
|
-
"ts-jest": "^29.4.6",
|
|
791
787
|
"typescript": "~5.8.3",
|
|
792
788
|
"typescript-eslint": "^8.56.1",
|
|
793
789
|
"vite": "^7.3.1",
|