quirk-ui 0.0.552 → 0.0.553
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.
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),C=require("react"),O=require("next/image"),B=require("../../../core/components/ButtonGroup/index.cjs"),l=require("../../../index-BN6814Bi.cjs"),U=require("../../../core/components/Modal/index.cjs"),L=require("../../utils/resolveLinkUrl.cjs"),G=require("../../contexts/ThemeContext.cjs"),H=require("../../hooks/useMediaQuery.cjs");function Q({items:n,alignment:M,className:I}){const[R,P]=C.useState([]),{mode:a}=G.useTheme(),
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),C=require("react"),O=require("next/image"),B=require("../../../core/components/ButtonGroup/index.cjs"),l=require("../../../index-BN6814Bi.cjs"),U=require("../../../core/components/Modal/index.cjs"),L=require("../../utils/resolveLinkUrl.cjs"),G=require("../../contexts/ThemeContext.cjs"),H=require("../../hooks/useMediaQuery.cjs");function Q({items:n,alignment:M,className:I}){const[R,P]=C.useState([]),{mode:a}=G.useTheme(),u=H.useMediaQuery("(max-width: 767px)");return C.useEffect(()=>{if(!(n!=null&&n.length)||!L.resolveLinkURL)return;async function e(){const o=await Promise.all(n.map(t=>L.resolveLinkURL(t)));P(o)}e()},[n]),n!=null&&n.length?r.jsx(B.ButtonGroup,{className:I,alignment:M,children:n.slice(0,3).map((e,o)=>{var g,m,d,c,h,p,f,b,x,v,y,_,k,A,j,T,w,q;const t=R[o]??"#",i={};if(((g=e.image)==null?void 0:g.layout)==="cover")i.objectFit="cover",(m=e.image)!=null&&m.position&&(i.objectPosition=u?"top":(d=e.image)==null?void 0:d.position);else if(((c=e.image)==null?void 0:c.layout)==="contain"){if(i.objectFit="contain",((h=e.image)==null?void 0:h.width)==="half"?i.width=u?"100%":"50%":((p=e.image)==null?void 0:p.width)==="inset"?(i.width="100%",i.maxWidth=e.image.maxWidth??"unset"):i.width="100%",(f=e.image)!=null&&f.aspectRatio){const[$,F]=(b=e.image)==null?void 0:b.aspectRatio.split(":").map(Number);i.aspectRatio=`${$}/${F}`}}else i.objectFit="none";let s;(x=e.image)!=null&&x.imageUrls&&(s=a==="dark"&&((v=e.image.imageUrls.dark)==null?void 0:v.medium)||e.image.imageUrls.default.medium);let S=((k=(_=(y=e.image)==null?void 0:y[a==="dark"?"darkImage":"defaultImage"])==null?void 0:_.asset)==null?void 0:k.altText)||((T=(j=(A=e.image)==null?void 0:A[a==="dark"?"darkImage":"defaultImage"])==null?void 0:j.asset)==null?void 0:T.description)||"Card image";switch(e.type){case"link":return r.jsx(l.CallToAction,{as:"a",variant:e.variant??"primary",href:t,target:((w=e.linkOptions)==null?void 0:w.linkType)==="external"?"_blank":"_self",rel:((q=e.linkOptions)==null?void 0:q.linkType)==="external"?"noopener noreferrer":"","aria-label":e.ariaLabel||e.label,icon:e.icon,iconAlignment:e.iconAlignment??"right",children:e.image&&s?r.jsx(O,{src:s,alt:S,width:600,height:658,priority:!1,style:i}):e.label},o);case"modal":return r.jsx(U.Modal,{trigger:r.jsx(l.CallToAction,{as:"button",variant:e.variant??"primary",icon:e.icon,iconAlignment:e.iconAlignment??"right",children:e.label}),content:e.modalContent},o);case"video":return r.jsx(U.Modal,{trigger:r.jsx(l.CallToAction,{as:"button",variant:e.variant??"primary",icon:e.icon,iconAlignment:e.iconAlignment??"right",children:e.label}),content:r.jsx("video",{src:e.videoUrl,controls:!0,autoPlay:!0})},o);case"download":return r.jsx(l.CallToAction,{as:"a",variant:e.variant??"primary",href:t,download:!0,target:"_blank",rel:"noopener noreferrer","aria-label":e.ariaLabel||e.label,icon:e.icon,iconAlignment:e.iconAlignment??"right",children:e.label},o)}})}):null}exports.CallToActions=Q;
|
|
@@ -12,7 +12,7 @@ function Y({
|
|
|
12
12
|
alignment: R,
|
|
13
13
|
className: F
|
|
14
14
|
}) {
|
|
15
|
-
const [M, P] = S([]), { mode: t } = E(),
|
|
15
|
+
const [M, P] = S([]), { mode: t } = E(), s = G("(max-width: 767px)");
|
|
16
16
|
return W(() => {
|
|
17
17
|
if (!(r != null && r.length) || !L) return;
|
|
18
18
|
async function e() {
|
|
@@ -26,16 +26,16 @@ function Y({
|
|
|
26
26
|
var g, d, f, p, u, h, b, c, v, y, k, w, A, T, U, x, I, j;
|
|
27
27
|
const a = M[o] ?? "#", i = {};
|
|
28
28
|
if (((g = e.image) == null ? void 0 : g.layout) === "cover")
|
|
29
|
-
i.objectFit = "cover", (d = e.image) != null && d.position && (i.objectPosition =
|
|
29
|
+
i.objectFit = "cover", (d = e.image) != null && d.position && (i.objectPosition = s ? "top" : (f = e.image) == null ? void 0 : f.position);
|
|
30
30
|
else if (((p = e.image) == null ? void 0 : p.layout) === "contain") {
|
|
31
|
-
if (i.objectFit = "contain", ((u = e.image) == null ? void 0 : u.width) === "half" ? i.width =
|
|
31
|
+
if (i.objectFit = "contain", ((u = e.image) == null ? void 0 : u.width) === "half" ? i.width = s ? "100%" : "50%" : ((h = e.image) == null ? void 0 : h.width) === "inset" ? (i.width = "100%", i.maxWidth = e.image.maxWidth ?? "unset") : i.width = "100%", (b = e.image) != null && b.aspectRatio) {
|
|
32
32
|
const [H, O] = (c = e.image) == null ? void 0 : c.aspectRatio.split(":").map(Number);
|
|
33
33
|
i.aspectRatio = `${H}/${O}`;
|
|
34
34
|
}
|
|
35
35
|
} else
|
|
36
36
|
i.objectFit = "none";
|
|
37
|
-
let
|
|
38
|
-
(v = e.image) != null && v.imageUrls && (
|
|
37
|
+
let m;
|
|
38
|
+
(v = e.image) != null && v.imageUrls && (m = t === "dark" && ((y = e.image.imageUrls.dark) == null ? void 0 : y.medium) || e.image.imageUrls.default.medium);
|
|
39
39
|
let _ = ((A = (w = (k = e.image) == null ? void 0 : k[t === "dark" ? "darkImage" : "defaultImage"]) == null ? void 0 : w.asset) == null ? void 0 : A.altText) || ((x = (U = (T = e.image) == null ? void 0 : T[t === "dark" ? "darkImage" : "defaultImage"]) == null ? void 0 : U.asset) == null ? void 0 : x.description) || "Card image";
|
|
40
40
|
switch (e.type) {
|
|
41
41
|
case "link":
|
|
@@ -50,10 +50,10 @@ function Y({
|
|
|
50
50
|
"aria-label": e.ariaLabel || e.label,
|
|
51
51
|
icon: e.icon,
|
|
52
52
|
iconAlignment: e.iconAlignment ?? "right",
|
|
53
|
-
children: e.image &&
|
|
53
|
+
children: e.image && m ? /* @__PURE__ */ n(
|
|
54
54
|
$,
|
|
55
55
|
{
|
|
56
|
-
src:
|
|
56
|
+
src: m,
|
|
57
57
|
alt: _,
|
|
58
58
|
width: 600,
|
|
59
59
|
height: 658,
|