@npm_leadtech/legal-contracts-ui 0.128.2 → 0.128.7

package/dist/components/Header.js

@@ -1,20 +1,20 @@
 import { jsxs as r, jsx as e } from "react/jsx-runtime";
 import "react";
 import { MobileMenu as o } from "./MobileMenu.js";
-import { useScroll as s } from "../shared/hooks/useScroll.js";
-import { NavMenu as c } from "./NavMenu.js";
+import { useScroll as c } from "../shared/hooks/useScroll.js";
+import { NavMenu as s } from "./NavMenu.js";
 import { LanguageSelector as p } from "./LanguageSelector.js";
 import { ScalatorIcon as x } from "./ScalatorIcon.js";
 import { SearchBar as f } from "./SearchBar.js";
 const j = ({
   logo: l,
   navMenu: d,
-  searchBarProps: a,
-  languageSelectorProps: i,
+  searchBarProps: i,
+  languageSelectorProps: a,
   userActions: n,
   mobileMenu: t
 }) => {
-  const m = s(10);
+  const m = c(10);
   return /* @__PURE__ */ r("div", { className: "sticky top-0 z-1000 flex w-full flex-col", children: [
     /* @__PURE__ */ e(
       "header",
@@ -23,17 +23,17 @@ const j = ({
         children: /* @__PURE__ */ r("div", { className: "flex w-full items-center justify-between px-4 py-4 text-neutral-800 md:px-8", children: [
           /* @__PURE__ */ r("div", { className: "flex flex-1 items-center gap-8", children: [
             l,
-            /* @__PURE__ */ e(c, { className: "hidden lg:block", ...d })
+            /* @__PURE__ */ e(s, { className: "hidden lg:block", ...d })
           ] }),
           /* @__PURE__ */ r("div", { className: "text-medium hidden flex-wrap items-center gap-4 lg:flex xl:gap-6", children: [
-            /* @__PURE__ */ e(f, { ...a }),
-            i && /* @__PURE__ */ e("div", { className: "hidden xl:block", children: /* @__PURE__ */ e(p, { ...i }) }),
+            /* @__PURE__ */ e(f, { ...i }),
+            a && /* @__PURE__ */ e("div", { className: "hidden xl:block", children: /* @__PURE__ */ e(p, { ...a }) }),
             n
           ] }),
           /* @__PURE__ */ r(
             "button",
             {
-              className: "text-small text-primary-500 flex items-center justify-center gap-1 rounded border border-neutral-400 bg-transparent px-2 py-1 lg:hidden",
+              className: "text-small text-primary-500 flex items-center justify-center gap-1 rounded border border-neutral-400 bg-white px-2 py-1 lg:hidden",
               onClick: t.onOpen,
               "aria-label": "Open menu",
               "aria-expanded": t.isOpen,
@@ -46,7 +46,7 @@ const j = ({
         ] })
       }
     ),
-    /* @__PURE__ */ e(o, { ...t, logo: l, userActions: n, searchBarProps: a })
+    /* @__PURE__ */ e(o, { ...t, logo: l, userActions: n, searchBarProps: i })
   ] });
 };
 export {

package/dist/components/ImageWithPreview.js

@@ -1,17 +1,17 @@
 "use client";
-import { jsxs as a, jsx as e } from "react/jsx-runtime";
-import { useState as n } from "react";
+import { jsxs as n, jsx as e } from "react/jsx-runtime";
+import { useState as o } from "react";
 import { ZoomIcon as c } from "./ZoomIcon.js";
 import { Modal as m } from "./Modal.js";
-const b = ({ small: l, large: s, onZoomClick: r }) => {
-  const [t, o] = n(!1);
-  return /* @__PURE__ */ a("div", { className: "relative aspect-3/4 w-75 self-center overflow-hidden border border-neutral-200", children: [
-    /* @__PURE__ */ e("div", { className: "h-full w-full [&_img]:h-full [&_img]:w-full [&_img]:object-cover", children: l }),
-    /* @__PURE__ */ e("div", { className: "absolute inset-0 flex items-center justify-center", children: /* @__PURE__ */ e(m, { trigger: /* @__PURE__ */ e(c, { className: "bg-primary-700 size-8 rounded p-2 opacity-80 hover:opacity-100" }), isOpen: t, setIsOpen: (i) => {
-      o(i), i && r && r();
-    }, children: s }) })
+const v = ({ small: s, large: t, onZoomClick: r }) => {
+  const [l, a] = o(!1);
+  return /* @__PURE__ */ n("div", { className: "relative aspect-3/4 w-75 self-center overflow-hidden border border-neutral-200", children: [
+    /* @__PURE__ */ e("div", { className: "h-full w-full [&_img]:h-full [&_img]:w-full [&_img]:object-cover", children: s }),
+    /* @__PURE__ */ e("div", { className: "absolute inset-0 flex items-center justify-center", children: /* @__PURE__ */ e(m, { trigger: /* @__PURE__ */ e(c, { className: "bg-primary-700 size-8 rounded p-2 opacity-80 hover:opacity-100" }), isOpen: l, setIsOpen: (i) => {
+      a(i), i && r && r();
+    }, onTrigger: r, children: t }) })
   ] });
 };
 export {
-  b as ImageWithPreview
+  v as ImageWithPreview
 };

package/dist/components/Modal.d.ts

@@ -1,7 +1,7 @@
 import { JSX } from 'react/jsx-runtime';
 import { ReactNode } from 'react';
 
-export declare const Modal: ({ trigger, children, isOpen, setIsOpen, showClose }: ModalProps) => JSX.Element;
+export declare const Modal: ({ trigger, children, isOpen, setIsOpen, showClose, onTrigger }: ModalProps) => JSX.Element;
 
 export interface ModalProps {
     trigger?: ReactNode;
@@ -9,5 +9,6 @@ export interface ModalProps {
     isOpen: boolean;
     setIsOpen: (open: boolean) => void;
     showClose?: boolean;
+    onTrigger?: () => void;
 }
 

package/dist/components/Modal.js

@@ -1,36 +1,36 @@
 "use client";
-import { jsxs as t, Fragment as c, jsx as e } from "react/jsx-runtime";
+import { jsxs as n, Fragment as u, jsx as e } from "react/jsx-runtime";
 import "react";
-import { CloseIcon as u } from "./CloseIcon.js";
-const p = ({ trigger: l, children: n, isOpen: r, setIsOpen: a, showClose: i }) => {
+import { CloseIcon as m } from "./CloseIcon.js";
+const h = ({ trigger: l, children: a, isOpen: t, setIsOpen: i, showClose: s, onTrigger: r }) => {
   const o = () => {
-    a(!r);
+    r && r(), i(!t);
   };
-  return /* @__PURE__ */ t(c, { children: [
+  return /* @__PURE__ */ n(u, { children: [
     !!l && /* @__PURE__ */ e("button", { "aria-label": "zoom", onClick: o, className: "flex w-full cursor-pointer justify-center", children: l }),
-    r && /* @__PURE__ */ e(
+    t && /* @__PURE__ */ e(
       "button",
       {
         className: "bg-primary-900/80 fixed inset-0 z-1001 flex items-center justify-center",
         onClick: o,
-        children: /* @__PURE__ */ e("div", { className: "relative flex max-h-screen w-full items-start justify-center overflow-y-auto px-6 py-24", children: /* @__PURE__ */ t(
+        children: /* @__PURE__ */ e("div", { className: "relative flex max-h-screen w-full items-start justify-center overflow-y-auto px-6 py-24", children: /* @__PURE__ */ n(
           "div",
           {
             className: "relative",
-            onClick: (s) => {
-              s.stopPropagation();
+            onClick: (c) => {
+              c.stopPropagation();
             },
             children: [
-              i && /* @__PURE__ */ e(
+              s && /* @__PURE__ */ e(
                 "span",
                 {
                   className: "absolute top-4 right-4 z-10 cursor-pointer rounded-full p-2 transition-colors hover:bg-neutral-100 focus:outline-none",
                   onClick: o,
                   "aria-label": "Close",
-                  children: /* @__PURE__ */ e(u, {})
+                  children: /* @__PURE__ */ e(m, {})
                 }
               ),
-              n
+              a
             ]
           }
         ) })
@@ -39,5 +39,5 @@ const p = ({ trigger: l, children: n, isOpen: r, setIsOpen: a, showClose: i }) =
   ] });
 };
 export {
-  p as Modal
+  h as Modal
 };

package/dist/components/SearchBar.js

@@ -1,5 +1,5 @@
 import { jsxs as r, Fragment as p, jsx as e } from "react/jsx-runtime";
-import { SearchIcon as m } from "./SearchIcon.js";
+import { SearchIcon as b } from "./SearchIcon.js";
 import { CloseIcon as f } from "./CloseIcon.js";
 import { LinkWrapper as n } from "./LinkWrapper.js";
 const N = ({
@@ -23,7 +23,7 @@ const N = ({
           onClick: c,
           "aria-expanded": s,
           "data-qa": "search_button",
-          children: /* @__PURE__ */ e(m, {})
+          children: /* @__PURE__ */ e(b, {})
         }
       ),
       s && /* @__PURE__ */ r(p, { children: [
@@ -38,7 +38,7 @@ const N = ({
                 value: o,
                 onChange: h,
                 placeholder: d,
-                className: "text-medium w-full text-neutral-800 outline-none placeholder:text-neutral-400",
+                className: "flex-1 text-base text-neutral-800 outline-none placeholder:text-neutral-400",
                 autoFocus: !0,
                 "data-qa": "search_input"
               }
@@ -81,7 +81,7 @@ const N = ({
             "aria-label": "Clear search",
             children: /* @__PURE__ */ e(f, { fill: "var(--neutral-400)", width: 20, height: 20 })
           }
-        ) : /* @__PURE__ */ e(m, { fill: "var(--neutral-500)", width: 20, height: 20 })
+        ) : /* @__PURE__ */ e(b, { fill: "var(--neutral-500)", width: 20, height: 20 })
       ] }),
       a && /* @__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: [
         t.length > 0 && t.map((l) => /* @__PURE__ */ e("li", { children: /* @__PURE__ */ e(n, { variant: "tertiary-thin", children: l.link }) }, l.id)),

package/dist/components/index.d.ts

@@ -870,7 +870,7 @@ export declare interface MobileMenuSection {
     content?: ReactNode | null;
 }
 
-export declare const Modal: ({ trigger, children, isOpen, setIsOpen, showClose }: ModalProps) => JSX.Element;
+export declare const Modal: ({ trigger, children, isOpen, setIsOpen, showClose, onTrigger }: ModalProps) => JSX.Element;
 
 export interface ModalProps {
     trigger?: ReactNode;
@@ -878,6 +878,7 @@ export interface ModalProps {
     isOpen: boolean;
     setIsOpen: (open: boolean) => void;
     showClose?: boolean;
+    onTrigger?: () => void;
 }
 
 export declare const MoreTemplatesSection: FC<PopularDocumentsProps>;

package/package.json

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