@julseb-lib/react 0.0.2 → 0.0.4

package/dist/index.cjs.js

@@ -3642,7 +3642,7 @@ React keys must be passed directly to JSX without using spread:
     @media ${I.MOBILE} {
         max-width: 100%;
     }
-`;S([t3,m0,s0,S6,I6,N6,E6]);const g1=n.forwardRef(({"data-testid":l,className:e,isOpen:c,navMobileVariant:t,variant:h,burgerColor:d,handleOpen:r,handleClose:i},f)=>{const o=()=>d?typeof d=="string"?d:c?d.open:d.closed:t==="drawer"&&c||h==="primary"||t==="full"||t==="top"&&c&&h==="transparent"?"white":"primary";return a.jsx(s0,{"data-testid":l&&`${l}.HeaderBurger`,ref:f,className:e&&"HeaderBurger",isOpen:c,onClick:()=>{c?i():r()},width:32,height:24,color:o()})});function h3({"data-testid":l,className:e,search:c,handleClose:t}){if(!c)return null;const{maxWidth:h,placeholder:d,iconLeft:r,iconLeftSize:i,iconClear:f,iconClearSize:o,iconBaseUrl:p,inputBackground:z,inputVariant:v,keyboardShortcut:k,showKeys:b,pathname:M,queries:C}=c,x=p2.useNavigate(),[H,$]=n.useState(""),R=V=>$(V.target.value),A=()=>$(""),_=V=>{V.preventDefault(),x({pathname:M,search:p2.createSearchParams({query:H,...Object.fromEntries(C||[])}).toString()}),$(""),t()};return a.jsx(E6,{"data-testid":l&&`${l}.HeaderSearch`,className:e&&"HeaderSearch",onSubmit:_,role:"search",$maxWidth:h,children:a.jsx(x3,{"data-testid":l&&`${l}.SearchInput`,className:e&&"SearchInput",type:"search",clearSearch:A,onChange:R,value:H,placeholder:d,icon:r,iconSize:i,iconClear:f,iconClearSize:o,inputBackground:z,inputVariant:v,focusKeys:k,showKeys:b,iconBaseUrl:p})})}function Ad({"data-testid":l,link:e,className:c}){return e.to?a.jsx(p2.NavLink,{"data-testid":e["data-testid"]||l&&`${l}.NavLink`,className:e.className||c&&"NavLink",id:e.id,ref:e.ref,to:e.to,end:e.end,target:e.blank?"_blank":void 0,rel:e.blank?"noreferrer noopener":void 0,children:e.text}):e.href?a.jsx("a",{"data-testid":e["data-testid"]||l&&`${l}.NavLink`,className:e.className||c&&"NavLink",id:e.id,ref:e.ref,href:e.href,target:e.blank?"_blank":void 0,rel:e.blank?"noreferrer noopener":void 0,children:e.text}):e.onClick?a.jsx("button",{"data-testid":e["data-testid"]||l&&`${l}.NavButton`,className:e.className||c&&"NavButton",id:e.id,ref:e.ref,onClick:e.onClick,disabled:e.disabled,children:e.text}):null}function k1({"data-testid":l,className:e,search:c,isOpen:t,children:h,links:d,headerHeight:r,variant:i,navMobileVariant:f,burgerPosition:o,burgerRef:p,handleClose:z}){const v=R0(600),k=n.useRef(null);N2(k,H=>{var $;($=p==null?void 0:p.current)!=null&&$.contains(H.target)||z()});const b=d||h,M=v&&c?32:0,C=b.length*24+([...b,M].length-1)*12,x=M+C;return a.jsxs(I6,{"data-testid":l&&`${l}.HeaderNav`,ref:k,className:O({HeaderNav:e},{Open:t}),$headerHeight:r,$variant:i,$burgerPosition:o,$navMobileVariant:f,$navHeight:x,children:[v&&c&&a.jsx(h3,{...c,"data-testid":l,className:e,handleClose:z}),d&&d.map(H=>a.jsx(Ad,{"data-testid":l,className:e,link:H},y.uuid())),h&&h]})}function Ld({"data-testid":l,className:e,logo:c,children:t,isOpen:h}){const{to:d="/",href:r,img:i,imgOpen:f,alt:o="Logo",width:p=100,height:z=30}=c;if(i){const v={"data-testid":l&&`${l}.HeaderLogo.Img`,className:e&&"HeaderLogoImg",src:f&&h?f:i,alt:o,width:p,height:z};return r?a.jsx("a",{href:r,"data-testid":l&&`${l}.HeaderLogo`,className:e&&"HeaderLogo",children:a.jsx(t3,{...v})}):a.jsx(p2.Link,{"data-testid":l&&`${l}.HeaderLogo`,className:e&&"HeaderLogo",to:d,children:a.jsx(t3,{...v})})}return a.jsx(m0,{"data-testid":l&&`${l}.HeaderLogo`,as:r?"a":p2.Link,className:e&&"HeaderLogo",to:d,href:r,translate:"no",children:t})}const V6=n.forwardRef(({"data-testid":l,as:e,children:c,className:t,logo:h,variant:d="primary",burgerPosition:r="right",navDesktopVariant:i="right",navMobileVariant:f="drawer",search:o,position:p="relative",hideOnScroll:z,links:v,enableScrollingOpen:k,...b},M)=>{const[C,x]=n.useState(!1),H=()=>{k||y.disableScroll(),x(!0)},$=()=>{k||y.enableScroll(),setTimeout(()=>x(!1),10)},R=R0(600),A=typeof h=="object"?h:void 0,B=[(A==null?void 0:A.height)||30,32,35].sort(),l2=B[B.length-1]+16*2,[K,Y]=n.useState(!1),F=typeof z=="boolean"?400:z;n.useEffect(()=>{F&&(window.pageYOffset>=F?Y(!0):Y(!1),window.addEventListener("scroll",()=>{window.pageYOffset>=F?Y(!0):Y(!1)}))},[F]);const T=n.useRef(null);a0("Escape",()=>{C&&$()});const X={"data-testid":l,className:t,isOpen:C,navMobileVariant:f,variant:d,ref:T,handleOpen:H,handleClose:$},Q={"data-testid":l,className:t,search:o,isOpen:C,handleClose:$,links:v,children:c,headerHeight:l2,variant:d,navMobileVariant:f,burgerPosition:r,burgerRef:T},i2={"data-testid":l,className:t,search:o,handleClose:$};return a.jsxs(S6,{"data-testid":l,ref:M,as:e,className:O(t,{Hidden:K},{Open:C}),$burgerPosition:r,$headerHeight:l2,$position:p,$variant:d,...b,children:[r==="left"&&a.jsx(g1,{...X}),a.jsx(Ld,{"data-testid":l,className:t,logo:h,isOpen:C,children:typeof h=="object"?h.text:h}),i==="left"&&a.jsx(k1,{...Q}),!R&&i==="right"&&a.jsx(h3,{...i2}),r==="right"&&a.jsx(g1,{...X}),i==="right"&&a.jsx(k1,{...Q}),R&&f==="drawer"&&a.jsx(N6,{onClick:()=>x(!1),className:O({HeaderOverlay:t},{Visible:C})}),!R&&i==="left"&&a.jsx(h3,{...i2})]})}),S2=48,D6=m.nav`
+`;S([t3,m0,s0,S6,I6,N6,E6]);const g1=n.forwardRef(({"data-testid":l,className:e,isOpen:c,navMobileVariant:t,variant:h,burgerColor:d,handleOpen:r,handleClose:i},f)=>{const o=()=>d?typeof d=="string"?d:c?d.open:d.closed:t==="drawer"&&c||h==="primary"||t==="full"||t==="top"&&c&&h==="transparent"?"white":"primary";return a.jsx(s0,{"data-testid":l&&`${l}.HeaderBurger`,ref:f,className:e&&"HeaderBurger",isOpen:c,onClick:()=>{c?i():r()},width:32,height:24,color:o()})});function h3({"data-testid":l,className:e,search:c,handleClose:t}){if(!c)return null;const{maxWidth:h,placeholder:d,iconLeft:r,iconLeftSize:i,iconClear:f,iconClearSize:o,iconBaseUrl:p,inputBackground:z,inputVariant:v,keyboardShortcut:k,showKeys:b,pathname:M,queries:C}=c,x=p2.useNavigate(),[H,$]=n.useState(""),R=V=>$(V.target.value),A=()=>$(""),_=V=>{V.preventDefault(),x({pathname:M,search:p2.createSearchParams({query:H,...Object.fromEntries(C||[])}).toString()}),$(""),t()};return a.jsx(E6,{"data-testid":l&&`${l}.HeaderSearch`,className:e&&"HeaderSearch",onSubmit:_,role:"search",$maxWidth:h,children:a.jsx(x3,{"data-testid":l&&`${l}.SearchInput`,className:e&&"SearchInput",type:"search",clearSearch:A,onChange:R,value:H,placeholder:d,icon:r,iconSize:i,iconClear:f,iconClearSize:o,inputBackground:z,inputVariant:v,focusKeys:k,showKeys:b,iconBaseUrl:p})})}function Ad({"data-testid":l,link:e,className:c}){return e.to?a.jsx(p2.NavLink,{"data-testid":e["data-testid"]||l&&`${l}.NavLink`,className:e.className||c&&"NavLink",id:e.id,ref:e.ref,to:e.to,end:e.end,target:e.blank?"_blank":void 0,rel:e.blank?"noreferrer noopener":void 0,children:e.text}):e.href?a.jsx("a",{"data-testid":e["data-testid"]||l&&`${l}.NavLink`,className:e.className||c&&"NavLink",id:e.id,ref:e.ref,href:e.href,target:e.blank?"_blank":void 0,rel:e.blank?"noreferrer noopener":void 0,children:e.text}):e.onClick?a.jsx("button",{"data-testid":e["data-testid"]||l&&`${l}.NavButton`,className:e.className||c&&"NavButton",id:e.id,ref:e.ref,onClick:e.onClick,disabled:e.disabled,children:e.text}):null}function k1({"data-testid":l,className:e,search:c,isOpen:t,children:h,links:d,headerHeight:r,variant:i,navMobileVariant:f,burgerPosition:o,burgerRef:p,handleClose:z}){const v=R0(600),k=n.useRef(null);N2(k,H=>{var $;($=p==null?void 0:p.current)!=null&&$.contains(H.target)||z()});const b=d||h,M=v&&c?32:0,C=d?d.length*24+([...b,M].length-1)*12:56,x=M+C;return a.jsxs(I6,{"data-testid":l&&`${l}.HeaderNav`,ref:k,className:O({HeaderNav:e},{Open:t}),$headerHeight:r,$variant:i,$burgerPosition:o,$navMobileVariant:f,$navHeight:x,children:[v&&c&&a.jsx(h3,{...c,"data-testid":l,className:e,handleClose:z}),d?d.map(H=>a.jsx(Ad,{"data-testid":l,className:e,link:H},y.uuid())):null,h&&h]})}function Ld({"data-testid":l,className:e,logo:c,children:t,isOpen:h}){const{to:d="/",href:r,img:i,imgOpen:f,alt:o="Logo",width:p=100,height:z=30}=c;if(i){const v={"data-testid":l&&`${l}.HeaderLogo.Img`,className:e&&"HeaderLogoImg",src:f&&h?f:i,alt:o,width:p,height:z};return r?a.jsx("a",{href:r,"data-testid":l&&`${l}.HeaderLogo`,className:e&&"HeaderLogo",children:a.jsx(t3,{...v})}):a.jsx(p2.Link,{"data-testid":l&&`${l}.HeaderLogo`,className:e&&"HeaderLogo",to:d,children:a.jsx(t3,{...v})})}return a.jsx(m0,{"data-testid":l&&`${l}.HeaderLogo`,as:r?"a":p2.Link,className:e&&"HeaderLogo",to:d,href:r,translate:"no",children:t})}const V6=n.forwardRef(({"data-testid":l,as:e,children:c,className:t,logo:h,variant:d="primary",burgerPosition:r="right",navDesktopVariant:i="right",navMobileVariant:f="drawer",search:o,position:p="relative",hideOnScroll:z,links:v,enableScrollingOpen:k,...b},M)=>{const[C,x]=n.useState(!1),H=()=>{k||y.disableScroll(),x(!0)},$=()=>{k||y.enableScroll(),setTimeout(()=>x(!1),10)},R=R0(600),A=typeof h=="object"?h:void 0,B=[(A==null?void 0:A.height)||30,32,35].sort(),l2=B[B.length-1]+16*2,[K,Y]=n.useState(!1),F=typeof z=="boolean"?400:z;n.useEffect(()=>{F&&(window.pageYOffset>=F?Y(!0):Y(!1),window.addEventListener("scroll",()=>{window.pageYOffset>=F?Y(!0):Y(!1)}))},[F]);const T=n.useRef(null);a0("Escape",()=>{C&&$()});const X={"data-testid":l,className:t,isOpen:C,navMobileVariant:f,variant:d,ref:T,handleOpen:H,handleClose:$},Q={"data-testid":l,className:t,search:o,isOpen:C,handleClose:$,links:v,children:c,headerHeight:l2,variant:d,navMobileVariant:f,burgerPosition:r,burgerRef:T},i2={"data-testid":l,className:t,search:o,handleClose:$};return a.jsxs(S6,{"data-testid":l,ref:M,as:e,className:O(t,{Hidden:K},{Open:C}),$burgerPosition:r,$headerHeight:l2,$position:p,$variant:d,...b,children:[r==="left"&&a.jsx(g1,{...X}),a.jsx(Ld,{"data-testid":l,className:t,logo:h,isOpen:C,children:typeof h=="object"?h.text:h}),i==="left"&&a.jsx(k1,{...Q}),!R&&i==="right"&&a.jsx(h3,{...i2}),r==="right"&&a.jsx(g1,{...X}),i==="right"&&a.jsx(k1,{...Q}),R&&f==="drawer"&&a.jsx(N6,{onClick:()=>x(!1),className:O({HeaderOverlay:t},{Visible:C})}),!R&&i==="left"&&a.jsx(h3,{...i2})]})}),S2=48,D6=m.nav`
     ${s.Position};
     width: ${S2}px;
     height: ${S2}px;
@@ -3839,7 +3839,7 @@ React keys must be passed directly to JSX without using spread:
                         right: 0;
                     }
                 `;default:return null}}}
-`;S([q6,Q6,J6]);const Nd=n.forwardRef(({"data-testid":l,as:e,children:c,className:t,isOpen:h,setIsOpen:d,enableScrollingOpen:r,disableEsc:i,backgroundColor:f="primary",contentColor:o="background",linksColor:p="background",gap:z="s",width:v="30vw",zIndex:k=998,overlayColor:b="black-80",position:M="right",padding:C="l",...x},H)=>{n.useEffect(()=>{h&&!r?y.disableScroll():y.enableScroll()},[h]);const $=()=>{d(!1),y.enableScroll()};return a0("Escape",()=>{!i&&h&&$()}),a.jsxs(q6,{"data-testid":l,ref:H,as:e,className:O(t,{Open:h}),$zIndex:k,...x,children:[a.jsx(Q6,{"data-testid":l&&`${l}.Overlay`,onClick:$,className:O({DrawerOverlay:t},{Open:h}),$overlayColor:b}),a.jsx(J6,{"data-testid":l&&`${l}.Content`,className:O({DrawerContent:t},{Open:h}),$gap:z,$backgroundColor:f,$contentColor:o,$linksColor:p,$width:v,$position:M,$padding:C,children:c})]})});function Ed({children:l,isLoading:e,pageLoading:c,titleLoading:t,helmet:h,header:d,footer:r,noWrapper:i,wrapper:f,template:o="single",main:p,mainMinHeight:z="85vh"}){return a.jsxs(a.Fragment,{children:[h&&a.jsx(K6,{...h,title:e&&t?t:h.title}),e?a.jsx(d6,{...c}):a.jsxs(a.Fragment,{children:[d&&a.jsx(V6,{...d}),i?l:a.jsx(v4,{className:"wrapper",...f,children:o==="single"?a.jsx(g4,{className:"main",minHeight:z,...p,children:l}):l}),r&&a.jsx(W6,{...r})]}),a.jsx(X6,{})]})}const l8=m.div`
+`;S([q6,Q6,J6]);const Nd=n.forwardRef(({"data-testid":l,as:e,children:c,className:t,isOpen:h,setIsOpen:d,enableScrollingOpen:r,disableEsc:i,backgroundColor:f="primary",contentColor:o="background",linksColor:p="background",gap:z="s",width:v="30vw",zIndex:k=998,overlayColor:b="black-80",position:M="right",padding:C="l",...x},H)=>{n.useEffect(()=>{h&&!r?y.disableScroll():y.enableScroll()},[h]);const $=()=>{d(!1),y.enableScroll()};return a0("Escape",()=>{!i&&h&&$()}),a.jsxs(q6,{"data-testid":l,ref:H,as:e,className:O(t,{Open:h}),$zIndex:k,...x,children:[a.jsx(Q6,{"data-testid":l&&`${l}.Overlay`,onClick:$,className:O({DrawerOverlay:t},{Open:h}),$overlayColor:b}),a.jsx(J6,{"data-testid":l&&`${l}.Content`,className:O({DrawerContent:t},{Open:h}),$gap:z,$backgroundColor:f,$contentColor:o,$linksColor:p,$width:v,$position:M,$padding:C,children:c})]})});function Ed({children:l,isLoading:e,pageLoading:c,titleLoading:t,helmet:h,header:d,footer:r,noWrapper:i,wrapper:f,template:o="single",main:p,mainMinHeight:z="85vh"}){return a.jsxs(a.Fragment,{children:[h&&a.jsx(K6,{...h,title:e&&t?t:h.title}),e?a.jsx(d6,{...c}):a.jsxs(a.Fragment,{children:[d&&a.jsx(V6,{...d,children:(d==null?void 0:d.nav)&&(d==null?void 0:d.nav)}),i?l:a.jsx(v4,{className:"wrapper",...f,children:o==="single"?a.jsx(g4,{className:"main",minHeight:z,...p,children:l}):l}),r&&a.jsx(W6,{...r})]}),a.jsx(X6,{})]})}const l8=m.div`
     ${({$gap:l})=>s.Flexbox({$flexDirection:"column",$alignItems:"stretch",$gap:l})}
     ${({$border:l})=>s.Border(l)};
     ${({$padding:l})=>s.Padding(l)};