@npm_leadtech/legal-contracts-ui 0.157.0 → 0.158.0

package/dist/components/HeroSection.d.ts

@@ -17,6 +17,7 @@ export interface ItemProps {
     image: ReactNode;
     description?: string;
     url: ReactNode;
+    urlDataQaSuffix?: string;
     variant?: 'default' | 'card';
     className?: string;
 }

package/dist/components/HomeTemplate.d.ts

@@ -77,6 +77,7 @@ export interface ItemProps {
     image: ReactNode;
     description?: string;
     url: ReactNode;
+    urlDataQaSuffix?: string;
     variant?: 'default' | 'card';
     className?: string;
 }

package/dist/components/Item.d.ts

@@ -8,6 +8,7 @@ export declare interface ItemProps {
     image: ReactNode;
     description?: string;
     url: ReactNode;
+    urlDataQaSuffix?: string;
     variant?: 'default' | 'card';
     className?: string;
 }

package/dist/components/Item.js

@@ -1,32 +1,49 @@
-import { jsxs as a, jsx as r } from "react/jsx-runtime";
-import "react";
-import l from "clsx";
-import { ChevronRightIcon as n } from "./ChevronRightIcon.js";
-const h = ({ id: s, image: o, description: t, url: i, variant: e = "default", className: d = "" }) => {
-  const m = e === "default";
-  return /* @__PURE__ */ a(
+import { jsxs as o, jsx as l } from "react/jsx-runtime";
+import { isValidElement as p, cloneElement as f } from "react";
+import s from "clsx";
+import { ChevronRightIcon as h } from "./ChevronRightIcon.js";
+const x = (e, r) => {
+  if (!p(e)) return e;
+  if (r) {
+    const t = e.props["data-qa"];
+    return f(e, {
+      "data-qa": t ? `${t}${r}` : void 0
+    });
+  }
+  return e;
+}, N = ({
+  id: e,
+  image: r,
+  description: t,
+  url: n,
+  urlDataQaSuffix: i,
+  variant: a = "default",
+  className: d = ""
+}) => {
+  const c = x(n, i), m = a === "default";
+  return /* @__PURE__ */ o(
     "div",
     {
-      className: l(
+      className: s(
         'hover:bg-primary-50 relative flex cursor-pointer items-center gap-4 rounded-sm [&_a]:before:absolute [&_a]:before:inset-0 [&_a]:before:content-[""]',
         {
           default: "py-4 px-2 items-start",
           card: "border border-0.5 border-neutral-200 shadow-lg bg-white pl-6 pr-4 py-5"
-        }[e],
+        }[a],
         d
       ),
       children: [
-        o,
-        /* @__PURE__ */ a("div", { className: "flex flex-1 flex-col gap-1", children: [
-          /* @__PURE__ */ r("p", { className: l("text-medium break-all text-neutral-800", m ? "" : "font-bold"), children: i }),
-          t && /* @__PURE__ */ r("p", { className: "text-extra-small break-all text-neutral-600", children: t })
+        r,
+        /* @__PURE__ */ o("div", { className: "flex flex-1 flex-col gap-1", children: [
+          /* @__PURE__ */ l("p", { className: s("text-medium break-all text-neutral-800", m ? "" : "font-bold"), children: c }),
+          t && /* @__PURE__ */ l("p", { className: "text-extra-small break-all text-neutral-600", children: t })
         ] }),
-        e === "card" && /* @__PURE__ */ r(n, { width: 20, height: 20 })
+        a === "card" && /* @__PURE__ */ l(h, { width: 20, height: 20 })
       ]
     },
-    s
+    e
   );
 };
 export {
-  h as Item
+  N as Item
 };

package/dist/components/MoreTemplatesSection.d.ts

@@ -6,6 +6,7 @@ export interface ItemProps {
     image: ReactNode;
     description?: string;
     url: ReactNode;
+    urlDataQaSuffix?: string;
     variant?: 'default' | 'card';
     className?: string;
 }

package/dist/components/MoreTemplatesSection.js

@@ -1,25 +1,23 @@
-import { jsxs as i, jsx as r } from "react/jsx-runtime";
+import { jsxs as l, jsx as r } from "react/jsx-runtime";
 import "react";
-import { SectionHeading as a } from "./SectionHeading.js";
-import { Item as d } from "./Item.js";
+import { SectionHeading as d } from "./SectionHeading.js";
+import { Item as i } from "./Item.js";
 import { ChevronDownIcon as n } from "./ChevronDownIcon.js";
-const b = ({ header: o, moreDocuments: l = [] }) => l.length === 0 ? null : /* @__PURE__ */ i("section", { className: "mx-auto px-6 py-10 text-neutral-800 lg:px-8 lg:py-12 xl:max-w-300 xl:px-0", children: [
-  /* @__PURE__ */ i("div", { className: "hidden flex-col gap-6 md:flex", children: [
-    /* @__PURE__ */ r(a, { ...o, align: "start", className: "pl-7" }),
-    /* @__PURE__ */ r("div", { className: "grid grid-flow-col grid-rows-3", children: l.map((e, s) => /* @__PURE__ */ r("div", { className: `border-neutral-200 px-6 ${s < 6 ? "border-r" : ""} `, children: /* @__PURE__ */ r(d, { ...e }) }, `desktop-${e.id}`)) })
+const f = ({ header: o, moreDocuments: a = [] }) => a.length === 0 ? null : /* @__PURE__ */ l("section", { className: "mx-auto px-6 py-10 text-neutral-800 lg:px-8 lg:py-12 xl:max-w-300 xl:px-0", children: [
+  /* @__PURE__ */ l("div", { className: "hidden flex-col gap-6 md:flex", children: [
+    /* @__PURE__ */ r(d, { ...o, align: "start", className: "pl-7" }),
+    /* @__PURE__ */ r("div", { className: "grid grid-flow-col grid-rows-3", children: a.map((e, s) => /* @__PURE__ */ r("div", { className: `border-neutral-200 px-6 ${s < 6 ? "border-r" : ""} `, children: /* @__PURE__ */ r(i, { ...e }) }, `desktop-${e.id}`)) })
   ] }),
-  /* @__PURE__ */ r("div", { className: "flex flex-col gap-10 md:hidden", children: /* @__PURE__ */ i("details", { className: "group", children: [
-    /* @__PURE__ */ i("summary", { className: "flex cursor-pointer list-none items-center justify-between rounded-sm border border-neutral-200 p-4", children: [
+  /* @__PURE__ */ r("div", { className: "flex flex-col gap-10 md:hidden", children: /* @__PURE__ */ l("details", { className: "group", children: [
+    /* @__PURE__ */ l("summary", { className: "flex cursor-pointer list-none items-center justify-between rounded-sm border border-neutral-200 p-4", children: [
       /* @__PURE__ */ r("span", { children: o.title }),
       /* @__PURE__ */ r(n, { className: "h-5 w-5 transition-transform group-open:rotate-180" })
     ] }),
-    /* @__PURE__ */ r("div", { className: "flex flex-col border-x border-b border-neutral-200", children: l.map((e) => /* @__PURE__ */ r(
-      d,
+    /* @__PURE__ */ r("div", { className: "flex flex-col border-x border-b border-neutral-200", children: a.map((e) => /* @__PURE__ */ r(
+      i,
       {
-        id: e.id,
-        image: e.image,
-        url: e.url,
-        description: e.description,
+        ...e,
+        urlDataQaSuffix: "_mobile",
         className: "border-b border-neutral-200 p-6! last:border-b-0"
       },
       `mobile-${e.id}`
@@ -27,5 +25,5 @@ const b = ({ header: o, moreDocuments: l = [] }) => l.length === 0 ? null : /* @
   ] }) })
 ] });
 export {
-  b as MoreTemplatesSection
+  f as MoreTemplatesSection
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@npm_leadtech/legal-contracts-ui",
-  "version": "0.157.0",
+  "version": "0.158.0",
   "type": "module",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",