@cruk/chakra-components 3.0.3 → 3.1.0-dev.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/cjs/components/Card/index.js +1 -1
- package/dist/cjs/components/Card/index.js.map +1 -1
- package/dist/cjs/components/StickyNavigation/index.js +1 -1
- package/dist/cjs/components/StickyNavigation/index.js.map +1 -1
- package/dist/esm/components/Card/index.js +1 -1
- package/dist/esm/components/Card/index.js.map +1 -1
- package/dist/esm/components/StickyNavigation/index.js +1 -1
- package/dist/esm/components/StickyNavigation/index.js.map +1 -1
- package/package.json +1 -1
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use client";"use strict";var e=require("react/jsx-runtime"),t=require("@chakra-ui/icons"),i=require("@chakra-ui/react"),a=require("../Button/index.js");require("../Flex/index.js");var s=require("../Heading/index.js"),r=require("../Icon/index.js"),n=require("../Image/index.js"),o=require("../KeyStatistics/index.js"),
|
|
1
|
+
"use client";"use strict";var e=require("react/jsx-runtime"),t=require("@chakra-ui/icons"),i=require("@chakra-ui/react"),a=require("../Button/index.js");require("../Flex/index.js");var s=require("../Heading/index.js"),r=require("../Icon/index.js"),n=require("../Image/index.js"),o=require("../KeyStatistics/index.js"),c=require("../Link/index.js"),l=require("../Text/index.js"),d=require("../KeyStatistics/TwoBlockStatistics.js");const x=t=>{const{as:a,src:s,alt:r,width:o,height:c,aspectHeight:l,aspectWidth:d,aspectMaxHeight:x,aspectMaxWidth:h,style:g,...u}=t;return e.jsx(i.AspectRatio,{height:l,width:d,ratio:1,minW:128,minH:128,maxW:h,maxH:x,...u,children:e.jsx(n.Image,{as:a,src:s,alt:r,width:o,height:c,style:g})})},h=t=>e.jsx(i.Box,{display:{base:"block",md:"flex"},flex:{base:"unset",md:1},children:e.jsx(x,{...t})}),g=({image:t,icon:i,singleKeyStats:a,twoBlockStats:s})=>{if(i)return e.jsx(r.Icon,{name:i.name});if(a)return e.jsx(o.SingleStatistics,{statistic:a.statistic,isBarChart:a.isBarChart,labelStyle:a.labelStyle,hasSecondaryStyling:a.hasSecondaryStyling,icon:a.icon&&{name:a.icon.name,color:a.icon.color}});if(s)return e.jsx(d.TwoBlockStatistics,{hasSecondaryStyling:s.hasSecondaryStyling,leftValue:s.leftValue,rightValue:s.rightValue});const{isWrapped:n,...c}=t??{};return n?e.jsx(h,{...c}):e.jsx(x,{...c})},u=i.forwardRef(((n,o)=>{const{variant:d="unstyled",image:x,cardImageContainer:h,icon:u,label:j,heading:m,description:p,button:S,link:y,href:f,singleKeyStats:k,twoBlockStats:b,stackProps:w,tag:B,cardLayout:C="vertical",...q}=n,v="groupNavigation"===d||"singleNavigation"===d||"noImageNavigation"===d,I=Boolean(x||u||k||b),H="horizontal"===C?{flexDirection:{base:"column",lg:"row"}}:{};return e.jsxs(i.Card,{ref:o,variant:d,href:f,sx:H,...q,children:[I&&e.jsxs(i.Box,{className:"card-imagery-container",position:"relative",height:h,children:[e.jsx(g,{image:x,icon:u,singleKeyStats:k,twoBlockStats:b}),B&&e.jsx(i.Tag,{style:{position:"absolute",top:0},...B})]}),e.jsxs(i.Stack,{width:"100%",spacing:4,height:"100%",children:[e.jsx(i.CardBody,{children:e.jsxs(i.Stack,{spacing:2,width:"100%",height:"100%",justifyContent:"horizontal"===C?"center":"flex-start",flex:1,...w,children:[j&&e.jsx(l.Text,{bgColor:"cardTextBackgroundColor",variant:"label",className:"label-text",width:"fit-content",py:1,px:3,children:j}),m&&e.jsxs(i.Flex,{justifyContent:"space-between",alignItems:"center",width:"100%",children:[e.jsx(s.Heading4,{...m}),v&&e.jsx(r.Icon,{as:t.ArrowForwardIcon,boxSize:6,p:0})]}),p]})}),(S||y)&&e.jsxs(i.CardFooter,{alignItems:"flex-start",children:[S&&e.jsx(a.Button,{...S}),y&&e.jsx(c.Link,{...y})]})]})]})})),j=i.forwardRef(((t,r)=>{const{heading:n,description:o,hasSteps:l=!1,numberOfColumns:d,cards:x,link:h,button:g,gridGap:j={base:6,lg:8,xl:10},...m}=t;return e.jsxs(i.Stack,{ref:r,spacing:6,...m,children:[n&&e.jsx(s.Heading2,{...n}),o,x&&e.jsx(i.SimpleGrid,{columns:d,gap:j,children:x.map(((t,i)=>e.jsx(u,{label:l?`Step: ${i+1}`:void 0,...t},`card-item-${i}`)))}),g&&e.jsx(a.Button,{...g}),h&&e.jsx(c.Link,{...h})]})}));exports.Card=u,exports.CardStack=j;
|
|
2
2
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":["../../../../src/components/Card/index.tsx"],"sourcesContent":[null],"names":["CardImage","imageProps","as","src","alt","width","height","aspectHeight","aspectWidth","aspectMaxHeight","aspectMaxWidth","style","restImageProps","_jsx","AspectRatio","ratio","minW","minH","maxW","maxH","children","jsx","Image","WrappedCardImage","Box","display","base","md","flex","CardImagery","image","icon","singleKeyStats","twoBlockStats","Icon","name","SingleStatistics","statistic","isBarChart","labelStyle","hasSecondaryStyling","color","TwoBlockStatistics","leftValue","rightValue","isWrapped","Card","forwardRef","props","ref","variant","cardImageContainer","label","heading","description","button","link","href","stackProps","tag","cardLayout","rest","displayArrow","hasImagery","Boolean","
|
|
1
|
+
{"version":3,"file":"index.js","sources":["../../../../src/components/Card/index.tsx"],"sourcesContent":[null],"names":["CardImage","imageProps","as","src","alt","width","height","aspectHeight","aspectWidth","aspectMaxHeight","aspectMaxWidth","style","restImageProps","_jsx","AspectRatio","ratio","minW","minH","maxW","maxH","children","jsx","Image","WrappedCardImage","Box","display","base","md","flex","CardImagery","image","icon","singleKeyStats","twoBlockStats","Icon","name","SingleStatistics","statistic","isBarChart","labelStyle","hasSecondaryStyling","color","TwoBlockStatistics","leftValue","rightValue","isWrapped","Card","forwardRef","props","ref","variant","cardImageContainer","label","heading","description","button","link","href","stackProps","tag","cardLayout","rest","displayArrow","hasImagery","Boolean","layoutStyles","flexDirection","lg","_jsxs","jsxs","ChakraCard","sx","className","position","Tag","top","Stack","spacing","CardBody","justifyContent","Text","bgColor","py","px","Flex","alignItems","Heading4","ArrowForwardIcon","boxSize","p","CardFooter","Button","Link","CardStack","hasSteps","numberOfColumns","cards","gridGap","xl","Heading2","SimpleGrid","columns","gap","map","card","index","undefined"],"mappings":"8aAuDA,MAAMA,EAAaC,IACjB,MAAMC,GACJA,EAAEC,IACFA,EAAGC,IACHA,EAAGC,MACHA,EAAKC,OACLA,EAAMC,aACNA,EAAYC,YACZA,EAAWC,gBACXA,EAAeC,eACfA,EAAcC,MACdA,KACGC,GACDX,EAEJ,OACEY,EAAAA,IAACC,EAAAA,YAAW,CACVR,OAAQC,EACRF,MAAOG,EACPO,MAAO,EACPC,KAAM,IACNC,KAAM,IACNC,KAAMR,EACNS,KAAMV,KACFG,EAEJQ,SAAAP,EAAAQ,IAACC,QAAK,CACJpB,GAAIA,EACJC,IAAKA,EACLC,IAAKA,EACLC,MAAOA,EACPC,OAAQA,EACRK,MAAOA,KAEG,EAIZY,EAAoBtB,GACxBY,EAAAQ,IAACG,MAAI,CAAAC,QAAS,CAAEC,KAAM,QAASC,GAAI,QAAUC,KAAM,CAAEF,KAAM,QAASC,GAAI,GAAGP,SACzEP,MAACb,EAAS,IAAMC,MAId4B,EAAc,EAClBC,QACAC,OACAC,iBACAC,oBAEA,GAAIF,EACF,OAAOlB,EAAAA,IAACqB,EAAAA,KAAK,CAAAC,KAAMJ,EAAKI,OAG1B,GAAIH,EACF,OACEnB,EAAAA,IAACuB,EAAAA,iBAAgB,CACfC,UAAWL,EAAeK,UAC1BC,WAAYN,EAAeM,WAC3BC,WAAYP,EAAeO,WAC3BC,oBAAqBR,EAAeQ,oBACpCT,KACEC,EAAeD,MAAQ,CACrBI,KAAMH,EAAeD,KAAKI,KAC1BM,MAAOT,EAAeD,KAAKU,SAOrC,GAAIR,EACF,OACEpB,MAAC6B,EAAkBA,mBAAA,CACjBF,oBAAqBP,EAAcO,oBACnCG,UAAWV,EAAcU,UACzBC,WAAYX,EAAcW,aAKhC,MAAMC,UAAEA,KAAc5C,GAAe6B,GAAS,CAAE,EAEhD,OAAOe,EACLhC,EAAAA,IAACU,MAAqBtB,IAEtBY,EAAAA,IAACb,EAAc,IAAAC,GAChB,EAGG6C,EAAOC,EAAUA,YAAmB,CAACC,EAAOC,KAChD,MAAMC,QACJA,EAAU,WAAUpB,MACpBA,EAAKqB,mBACLA,EAAkBpB,KAClBA,EAAIqB,MACJA,EAAKC,QACLA,EAAOC,YACPA,EAAWC,OACXA,EAAMC,KACNA,EAAIC,KACJA,EAAIzB,eACJA,EAAcC,cACdA,EAAayB,WACbA,EAAUC,IACVA,EAAGC,WACHA,EAAa,cACVC,GACDb,EAEEc,EACQ,oBAAZZ,GACY,qBAAZA,GACY,sBAAZA,EAEIa,EAAaC,QAAQlC,GAASC,GAAQC,GAAkBC,GAExDgC,EACW,eAAfL,EACI,CAAEM,cAAe,CAAExC,KAAM,SAAUyC,GAAI,QACvC,CAAE,EAER,OACEC,EAAAC,KAACC,EAAUxB,KAAA,CACTG,IAAKA,EACLC,QAASA,EACTO,KAAMA,EACNc,GAAIN,KACAJ,EAAIzC,SAAA,CAEP2C,GACCK,OAAC5C,EAAAA,IAAG,CACFgD,UAAU,yBACVC,SAAS,WACTnE,OAAQ6C,EAAkB/B,SAAA,CAE1BP,MAACgB,EACC,CAAAC,MAAOA,EACPC,KAAMA,EACNC,eAAgBA,EAChBC,cAAeA,IAEhB0B,GAAO9C,MAAC6D,EAAAA,IAAI,CAAA/D,MAAO,CAAE8D,SAAU,WAAYE,IAAK,MAAShB,OAI9DS,EAACC,KAAAO,EAAKA,MAAC,CAAAvE,MAAM,OAAOwE,QAAS,EAAGvE,OAAO,OACrCc,SAAA,CAAAP,EAAAQ,IAACyD,EAAQA,SAAA,CAAA1D,SACPgD,EAACC,KAAAO,QACC,CAAAC,QAAS,EACTxE,MAAM,OACNC,OAAO,OACPyE,eACiB,eAAfnB,EAA8B,SAAW,aAE3ChC,KAAM,KACF8B,EAEHtC,SAAA,CAAAgC,GACCvC,EAAAA,IAACmE,EAAAA,KACC,CAAAC,QAAQ,0BACR/B,QAAQ,QACRsB,UAAU,aACVnE,MAAM,cACN6E,GAAI,EACJC,GAAI,EAEH/D,SAAAgC,IAGJC,GACCe,OAACgB,EAAAA,KACC,CAAAL,eAAe,gBACfM,WAAW,SACXhF,MAAM,OAENe,SAAA,CAAAP,MAACyE,EAAAA,SAAQ,IAAKjC,IACbS,GACCjD,EAAAA,IAACqB,EAAAA,KAAK,CAAAhC,GAAIqF,EAAAA,iBAAkBC,QAAS,EAAGC,EAAG,OAIhDnC,QAIHC,GAAUC,IACVY,EAACC,KAAAqB,aAAW,CAAAL,WAAW,aACpBjE,SAAA,CAAAmC,GAAU1C,EAAAA,IAAC8E,EAAAA,OAAM,IAAKpC,IACtBC,GAAQ3C,EAAAA,IAAC+E,EAAIA,KAAA,IAAKpC,YAId,IAeXqC,EAAY9C,EAAUA,YAAwB,CAACC,EAAOC,KAC1D,MAAMI,QACJA,EAAOC,YACPA,EAAWwC,SACXA,GAAW,EAAKC,gBAChBA,EAAeC,MACfA,EAAKxC,KACLA,EAAID,OACJA,EAAM0C,QACNA,EAAU,CAAEvE,KAAM,EAAGyC,GAAI,EAAG+B,GAAI,OAC7BrC,GACDb,EACJ,OACEoB,OAACQ,EAAKA,MAAA,CAAC3B,IAAKA,EAAK4B,QAAS,KAAOhB,YAC9BR,GAAWxC,EAAAA,IAACsF,EAAAA,SAAQ,IAAK9C,IACzBC,EACA0C,GACCnF,EAAAA,IAACuF,EAAAA,YAAWC,QAASN,EAAiBO,IAAKL,EAAO7E,SAC/C4E,EAAMO,KAAI,CAACC,EAAMC,IAChB5F,EAAAA,IAACiC,EAEC,CAAAM,MAAO0C,EAAW,SAASW,EAAQ,SAAMC,KACrCF,GAFC,aAAaC,SAOzBlD,GAAU1C,EAAAA,IAAC8E,EAAAA,OAAW,IAAApC,IACtBC,GAAQ3C,EAAAA,IAAC+E,EAAAA,SAASpC,MACb"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";var e=require("react/jsx-runtime"),t=require("../Accordion/index.js"),i=require("@chakra-ui/react"),n=require("../Button/index.js");require("../Flex/index.js");var o=require("../Heading/index.js"),r=require("../Image/index.js"),s=require("../Link/index.js"),a=require("../PopOver/index.js"),l=require("react"),c=require("slugify");exports.StickyNavigation=({headings:d,socialMediaSharing:p})=>{const h=l.useRef(null),[u,g]=l.useState(void 0),x=i.useBreakpointValue({base:!1,lg:!0}),[m,f]=l.useState(null),[v,w]=l.useState(!1),[y,b]=l.useState(""),[j,k]=l.useState(!1);l.useEffect((()=>{g(x?0:void 0)}),[x]),l.useEffect((()=>{"undefined"!=typeof window&&b(window.location.href)}),[]);const L=d.map((e=>{const t="string"==typeof e?e:e.text;return{id:c(t?.toString().toLowerCase(),{lower:!0,strict:!0}),text:t}}));l.useEffect((()=>{const e=x?32:70,t=()=>{if(v)return;let t=null,i=1/0;L.forEach((({id:n})=>{const o=document.getElementById(n);if(o){const r=o.getBoundingClientRect().top-e;if(r<=100){const e=Math.abs(r);e<i&&(i=e,t=n)}}})),f(t)};return window.addEventListener("scroll",t),requestAnimationFrame(t),()=>window.removeEventListener("scroll",t)}),[L,x,v]);return e.jsx(i.Box,{w:{base:"100vw",md:"100%",lg:"293px"},ml:{base:-4,md:0},mt:{base:-10,md:-4,lg:0},flexShrink:0,position:"sticky",top:{base:"0",lg:"2rem"},alignSelf:"start",overflowY:{base:"visible",lg:"auto"},borderRadius:"md",bg:"white",as:"nav",zIndex:1,children:e.jsx(t.Accordion,{ref:h,index:u,onChange:e=>{const t=window.pageYOffset;g("number"==typeof e?t=>t===e?void 0:e:void 0),window.scrollTo(0,t)},allowToggle:!0,allowMultiple:!1,bg:{base:"navy.100",lg:"transparent"},px:{base:4,lg:0},children:e.jsxs(i.AccordionItem,{border:"none",children:[e.jsxs(i.AccordionButton,{px:0,justifyContent:"space-between",alignItems:"center",_hover:{bg:"transparent"},_expanded:{bg:"transparent"},borderBottom:"none",bg:"transparent",onClick:()=>{if(-1===u){const{scrollY:e}=window;setTimeout((()=>{window.scrollTo({top:e})}),1)}},children:[e.jsx(o.Heading4,{marginRight:"auto",children:"On this page"}),e.jsx(i.AccordionIcon,{display:{base:"block",lg:"none"},ml:2})]}),e.jsx(i.AccordionPanel,{px:0,pb:4,children:e.jsxs(i.Box,{as:"nav",children:[L.map((({id:t,text:n})=>e.jsx(i.Box,{children:e.jsx(s.Link,{as:"a",href:`#${t}`,fontSize:"1rem !important",display:"block",textDecoration:"underline",variant:"altInline",paddingLeft:t===m?2.5:0,paddingRight:2.5,fontFamily:"poppins.semiBold",paddingY:"5px",borderLeft:t===m?"3px solid":"none",borderColor:t===m?"primary":"transparent",_hover:{borderLeft:"3px solid",borderColor:"primary",textDecoration:"underline",color:"primary",paddingLeft:2.5},onClick:e=>((e,t)=>{e.preventDefault(),b(`${window.location.href.split("#")[0]}#${t}`);const i=document.getElementById(t);if(!i)return;w(!0),f(t);const n=x?32:70,o=e=>e.getBoundingClientRect().top+window.scrollY-n;if(x){const e=o(i);return window.scrollTo({top:e,behavior:"smooth"}),window.history.pushState(null,"",`#${t}`),void setTimeout((()=>{w(!1)}),1e3)}const r=h.current?.querySelector('button[aria-expanded="true"]')??null;r&&r.click(),setTimeout((()=>{const e=o(i);window.scrollTo({top:e,behavior:"smooth"}),window.history.pushState(null,"",`#${t}`),setTimeout((()=>{w(!1)}),1e3)}),300)})(e,t),children:n})},t))),e.jsx(i.Box,{paddingY:2.5,children:e.jsxs(n.Button,{variant:"link",color:"primary",fontSize:"1rem",fontFamily:"poppins.semiBold",textDecoration:"none",bg:{base:"navy.100",lg:"transparent"},_hover:{textDecoration:"none"},onClick:()=>{w(!0),window.scrollTo({top:0,behavior:"smooth"});const e=window.location.href.split("#")[0];window.history.pushState(null,"",e),b(e),setTimeout((()=>{w(!1)}),1e3)},children:[e.jsx(i.Box,{as:"span",pr:1,"aria-hidden":!0,textDecoration:"none",children:"↑"}),e.jsx(i.Box,{as:"span",display:"inline",textDecoration:"underline",_hover:{textDecoration:"underline",color:"primary"},children:"Back to top"})]})}),e.jsx(o.Heading5,{py:2.5,children:"Share or print this page"}),e.jsxs(i.Flex,{children:[p?.includes("X")&&e.jsx(s.Link,{href:`https://twitter.com/intent/tweet?text=${y}`,isExternal:!0,children:e.jsx(r.Image,{fill:"true",height:{base:45},src:"/icons/x-sticky-nav.svg",alt:"X Logo",transition:"opacity 0.2s ease",_hover:{opacity:.7}})}),p?.includes("LinkedIn")&&e.jsx(s.Link,{href:`https://www.linkedin.com/sharing/share-offsite/?url=${y}`,isExternal:!0,children:e.jsx(r.Image,{fill:"true",height:{base:45},src:"/icons/linkedin-sticky-nav.svg",alt:"LinkedIn Logo",transition:"opacity 0.2s ease",_hover:{opacity:.7}})}),p?.includes("Facebook")&&e.jsx(s.Link,{href:`https://facebook.com/sharer.php?u=${y}`,isExternal:!0,children:e.jsx(r.Image,{fill:"true",height:{base:45},src:"/icons/facebook-sticky-nav.svg",alt:"Facebook Logo",transition:"opacity 0.2s ease",_hover:{opacity:.7}})}),e.jsx(s.Link,{href:`mailto:?subject=Check out this page&body=${y}`,isExternal:!0,children:e.jsx(r.Image,{fill:"true",height:{base:45},src:"/icons/email-sticky-nav.svg",alt:"Email Logo",transition:"opacity 0.2s ease",_hover:{opacity:.7}})}),e.jsx(n.Button,{variant:"unstyled",height:"auto",onClick:()=>{"undefined"!=typeof window&&window.print()},children:e.jsx(r.Image,{fill:"true",height:{base:45},src:"/icons/print-sticky-nav.svg",alt:"Print Logo",transition:"opacity 0.2s ease",_hover:{opacity:.7}})}),e.jsxs(a.Popover,{isOpen:j,placement:"bottom",variant:"secondary",children:[e.jsx(i.PopoverTrigger,{children:e.jsx(n.Button,{variant:"unstyled",height:"auto",onClick:()=>{navigator.clipboard.writeText(y),k(!0),setTimeout((()=>{k(!1)}),3e3)},"aria-label":"Copy link to clipboard",children:e.jsx(r.Image,{fill:"true",height:{base:45},src:"/icons/share-sticky-nav.svg",alt:"Share Logo",transition:"opacity 0.2s ease",_hover:{opacity:.7}})})}),e.jsx(i.PopoverContent,{px:4,py:2,children:"Link copied"})]})]})]})})]})})})};
|
|
1
|
+
"use strict";var e=require("react/jsx-runtime"),t=require("../Accordion/index.js"),o=require("@chakra-ui/react"),n=require("../Button/index.js"),i=require("../Heading/index.js");require("../Icon/index.js");var a=require("../Link/index.js"),r=require("../PopOver/index.js"),s=require("react"),c=require("slugify"),l=require("@chakra-ui/icons");const d=o.createIcon({displayName:"Email",viewBox:"0 0 20 16",d:"M3 2.5C2.65625 2.5 2.375 2.8 2.375 3.16667V4.0875L9.11328 9.9875C9.92188 10.6958 11.082 10.6958 11.8906 9.9875L18.625 4.0875V3.16667C18.625 2.8 18.3438 2.5 18 2.5H3ZM2.375 6.675V13.8333C2.375 14.2 2.65625 14.5 3 14.5H18C18.3438 14.5 18.625 14.2 18.625 13.8333V6.675L13.0781 11.5333C11.5781 12.8458 9.41797 12.8458 7.92188 11.5333L2.375 6.675ZM0.5 3.16667C0.5 1.69583 1.62109 0.5 3 0.5H18C19.3789 0.5 20.5 1.69583 20.5 3.16667V13.8333C20.5 15.3042 19.3789 16.5 18 16.5H3C1.62109 16.5 0.5 15.3042 0.5 13.8333V3.16667Z"}),p=o.createIcon({displayName:"Print",viewBox:"0 0 18 18",d:"M5 0.5C3.75898 0.5 2.75 1.50898 2.75 2.75V6.125H5V2.75H12.9699L14 3.78008V6.125H16.25V3.78008C16.25 3.18242 16.0145 2.60938 15.5926 2.1875L14.5625 1.15742C14.1406 0.735547 13.5676 0.5 12.9699 0.5H5ZM14 12.875V14V16.25H5V14V13.4375V12.875H14ZM16.25 14H17.375C17.9973 14 18.5 13.4973 18.5 12.875V9.5C18.5 8.25898 17.491 7.25 16.25 7.25H2.75C1.50898 7.25 0.5 8.25898 0.5 9.5V12.875C0.5 13.4973 1.00273 14 1.625 14H2.75V16.25C2.75 17.491 3.75898 18.5 5 18.5H14C15.241 18.5 16.25 17.491 16.25 16.25V14ZM15.6875 9.21875C15.9113 9.21875 16.1259 9.30764 16.2841 9.46588C16.4424 9.62411 16.5312 9.83872 16.5312 10.0625C16.5312 10.2863 16.4424 10.5009 16.2841 10.6591C16.1259 10.8174 15.9113 10.9062 15.6875 10.9062C15.4637 10.9062 15.2491 10.8174 15.0909 10.6591C14.9326 10.5009 14.8438 10.2863 14.8438 10.0625C14.8438 9.83872 14.9326 9.62411 15.0909 9.46588C15.2491 9.30764 15.4637 9.21875 15.6875 9.21875Z"}),x=o.createIcon({displayName:"Share",viewBox:"0 0 20 16",d:"M19.0977 8.89804C20.9674 6.9759 20.9674 3.86306 19.0977 1.94093C17.443 0.239922 14.8352 0.0187918 12.9324 1.41702L12.8794 1.45444C12.4029 1.80485 12.2937 2.48525 12.6345 2.97174C12.9754 3.45822 13.6373 3.57389 14.1105 3.22348L14.1634 3.18606C15.2257 2.407 16.6785 2.52947 17.5985 3.47863C18.641 4.55027 18.641 6.28529 17.5985 7.35693L13.8855 11.1808C12.843 12.2524 11.1552 12.2524 10.1128 11.1808C9.1895 10.2316 9.07036 8.73814 9.8282 7.6495L9.86461 7.59507C10.2055 7.10518 10.093 6.42477 9.61972 6.07777C9.14648 5.73076 8.4813 5.84303 8.14375 6.32952L8.10735 6.38395C6.7439 8.3367 6.95901 11.0175 8.61368 12.7185C10.4835 14.6406 13.5115 14.6406 15.3813 12.7185L19.0977 8.89804ZM1.90233 8.10197C0.0325556 10.0241 0.0325556 13.1369 1.90233 15.0591C3.557 16.7601 6.16476 16.9812 8.06764 15.583L8.12058 15.5456C8.59713 15.1952 8.70634 14.5148 8.36548 14.0283C8.02461 13.5418 7.36275 13.4261 6.88951 13.7765L6.83656 13.8139C5.77426 14.593 4.32146 14.4705 3.40146 13.5214C2.35902 12.4463 2.35902 10.7113 3.40146 9.63967L7.11454 5.81922C8.15699 4.74758 9.84475 4.74758 10.8872 5.81922C11.8105 6.76838 11.9296 8.26186 11.1718 9.3539L11.1354 9.40834C10.7945 9.89823 10.907 10.5786 11.3803 10.9256C11.8535 11.2726 12.5187 11.1604 12.8563 10.6739L12.8927 10.6195C14.2561 8.6633 14.041 5.98251 12.3863 4.28151C10.5165 2.35937 7.4885 2.35937 5.61872 4.28151L1.90233 8.10197Z"}),h=o.createIcon({displayName:"X",viewBox:"0 0 18 16",d:"M14.6747 0.5H17.4361L11.4048 7.27692L18.5 16.5H12.9459L8.59257 10.9077L3.61734 16.5H0.852021L7.30183 9.25L0.5 0.5H6.19491L10.1258 5.61154L14.6747 0.5ZM13.7047 14.8769H15.234L5.3618 2.03846H3.71904L13.7047 14.8769Z"}),u=o.createIcon({displayName:"LinkedIn",viewBox:"0 0 18 18",d:"M4.52991 18.5H0.797321V6.48259H4.52991V18.5ZM2.66161 4.8433C1.4683 4.8433 0.5 3.85491 0.5 2.66161C0.5 2.08831 0.72774 1.5385 1.13312 1.13312C1.5385 0.72774 2.08831 0.5 2.66161 0.5C3.2349 0.5 3.78471 0.72774 4.19009 1.13312C4.59547 1.5385 4.82321 2.08831 4.82321 2.66161C4.82321 3.85491 3.85491 4.8433 2.66161 4.8433ZM18.496 18.5H14.7714V12.65C14.7714 11.2558 14.7433 9.46786 12.8308 9.46786C10.8902 9.46786 10.5929 10.9826 10.5929 12.5496V18.5H6.86429V6.48259H10.4442V8.12187H10.4964C10.9946 7.17768 12.2121 6.18125 14.0281 6.18125C17.8049 6.18125 18.5 8.6683 18.5 11.8987V18.5H18.496Z"}),C=o.createIcon({displayName:"Facebook",viewBox:"0 0 11 19",d:"M2.7626 11.0223V18.5H6.73929V11.0223H9.70466L10.3217 7.58398H6.73929V6.36758C6.73929 4.55 7.43521 3.85391 9.23157 3.85391C9.79037 3.85391 10.2395 3.86797 10.5 3.89609V0.777734C10.0098 0.640625 8.80991 0.5 8.11741 0.5C4.45269 0.5 2.7626 2.27539 2.7626 6.10391V7.58398H0.5V11.0223H2.7626Z"});exports.StickyNavigation=({headings:w,socialMediaSharing:g})=>{const y=s.useRef(null),[m,v]=s.useState(void 0),b=o.useBreakpointValue({base:!1,lg:!0}),[f,L]=s.useState(null),[j,H]=s.useState(!1),[k,V]=s.useState(""),[B,I]=s.useState(!1);s.useEffect((()=>{v(b?0:void 0)}),[b]),s.useEffect((()=>{"undefined"!=typeof window&&V(window.location.href)}),[]);const S=w.map((e=>{const t="string"==typeof e?e:e.text;return{id:c(t?.toString().toLowerCase(),{lower:!0,strict:!0}),text:t}}));s.useEffect((()=>{const e=b?32:70,t=()=>{if(j)return;let t=null,o=1/0;S.forEach((({id:n})=>{const i=document.getElementById(n);if(i){const a=i.getBoundingClientRect().top-e;if(a<=100){const e=Math.abs(a);e<o&&(o=e,t=n)}}})),L(t)};return window.addEventListener("scroll",t),requestAnimationFrame(t),()=>window.removeEventListener("scroll",t)}),[S,b,j]);return e.jsx(o.Box,{w:{base:"100vw",md:"100%",lg:"293px"},ml:{base:-4,md:0},mt:{base:-10,md:-4,lg:0},flexShrink:0,position:"sticky",top:{base:"0",lg:"2rem"},alignSelf:"start",overflowY:{base:"visible"},borderRadius:"md",bg:"white",as:"nav",zIndex:1,children:e.jsx(t.Accordion,{ref:y,index:m,onChange:e=>{const t=window.pageYOffset;v("number"==typeof e?t=>t===e?void 0:e:void 0),window.scrollTo(0,t)},allowToggle:!b,allowMultiple:!1,bg:{base:"navy.100",lg:"transparent"},px:{base:4,lg:0},children:e.jsxs(o.AccordionItem,{border:"none",children:[e.jsxs(o.AccordionButton,{px:0,justifyContent:"space-between",alignItems:"center",_hover:{bg:"transparent"},cursor:b?"default":"pointer",_expanded:{bg:"transparent"},borderBottom:"none",bg:"transparent",onClick:()=>{if(-1===m){const{scrollY:e}=window;setTimeout((()=>{window.scrollTo({top:e})}),1)}},children:[e.jsx(i.Heading5,{marginRight:"auto",px:"0.6875rem",children:"On this page"}),e.jsx(o.AccordionIcon,{display:{base:"block",lg:"none"},ml:2})]}),e.jsx(o.AccordionPanel,{px:0,pb:4,children:e.jsxs(o.Box,{as:"nav",children:[S.map((({id:t,text:n})=>e.jsx(o.Box,{children:e.jsx(a.Link,{as:"a",href:`#${t}`,fontSize:{base:"text.sm",lg:"text.sm"},display:"block",textDecoration:"underline",variant:"altInline",paddingLeft:2,paddingRight:2,fontFamily:"poppins.semiBold",paddingY:"2.5px",borderLeft:"3px solid transparent",borderLeftColor:t===f?"primary":"transparent",_hover:{color:"primary",textDecoration:t===f?"underline":"none"},onClick:e=>((e,t)=>{e.preventDefault(),V(`${window.location.href.split("#")[0]}#${t}`);const o=document.getElementById(t);if(!o)return;H(!0),L(t);const n=b?32:70,i=e=>e.getBoundingClientRect().top+window.scrollY-n;if(b){const e=i(o);return window.scrollTo({top:e,behavior:"smooth"}),window.history.pushState(null,"",`#${t}`),void setTimeout((()=>{H(!1)}),1e3)}const a=y.current?.querySelector('button[aria-expanded="true"]')??null;a&&a.click(),setTimeout((()=>{const e=i(o);window.scrollTo({top:e,behavior:"smooth"}),window.history.pushState(null,"",`#${t}`),setTimeout((()=>{H(!1)}),1e3)}),300)})(e,t),children:n})},t))),e.jsx(o.Box,{paddingY:2.5,children:e.jsxs(n.Button,{variant:"link",color:"primary",fontSize:"sm",fontFamily:"poppins.semiBold",textDecoration:"none",bg:{base:"navy.100",lg:"transparent"},_hover:{textDecoration:"none"},onClick:()=>{H(!0),window.scrollTo({top:0,behavior:"smooth"});const e=window.location.href.split("#")[0];window.history.pushState(null,"",e),V(e),setTimeout((()=>{H(!1)}),1e3)},children:[e.jsx(o.Box,{as:"span",pr:1,paddingLeft:"8px","aria-hidden":!0,textDecoration:"none",children:e.jsx(l.ArrowUpIcon,{boxSize:"5"})}),e.jsx(o.Box,{as:"span",display:"inline",textDecoration:"underline",_hover:{textDecoration:"underline",color:"primary"},children:"Back to top"})]})}),e.jsx(i.Heading5,{py:2.5,px:"0.6875rem",children:"Share or print this page"}),e.jsxs(o.HStack,{px:"0.6875rem",children:[g?.includes("X")&&e.jsx(o.IconButton,{"aria-label":"Share on X",variant:"unstyled",_hover:{opacity:.7},transition:"opacity 0.2s ease",p:"10px",as:"a",target:"_blank",href:`https://twitter.com/intent/tweet?text=${k}`,icon:e.jsx(h,{width:"18px",height:"18px",color:"navy.600"})}),g?.includes("LinkedIn")&&e.jsx(o.IconButton,{"aria-label":"Share on LinkedIn",variant:"unstyled",_hover:{opacity:.7},transition:"opacity 0.2s ease",p:"10px",as:"a",target:"_blank",href:`https://www.linkedin.com/sharing/share-offsite/?url=${k}`,icon:e.jsx(u,{width:"18px",height:"18px",color:"navy.600"})}),g?.includes("Facebook")&&e.jsx(o.IconButton,{"aria-label":"Share on Facebook",variant:"unstyled",p:"10px",_hover:{opacity:.7},transition:"opacity 0.2s ease",as:"a",target:"_blank",href:`https://facebook.com/sharer.php?u=${k}`,icon:e.jsx(C,{width:"18px",height:"18px",color:"navy.600"})}),e.jsx(o.IconButton,{"aria-label":"Email this page",variant:"unstyled",p:"10px",as:"a",_hover:{opacity:.7},transition:"opacity 0.2s ease",href:`mailto:?subject=Check out this page&body=${k}`,icon:e.jsx(d,{width:"19px",height:"19px",color:"navy.600"})}),e.jsx(o.IconButton,{"aria-label":"Print this page",variant:"unstyled",p:"10px",onClick:()=>{"undefined"!=typeof window&&window.print()},_hover:{opacity:.7},transition:"opacity 0.2s ease",icon:e.jsx(p,{color:"navy.600",name:"PrintStickyNav",width:"19px",height:"19px"})}),e.jsxs(r.Popover,{isOpen:B,placement:"bottom",variant:"secondary",children:[e.jsx(o.PopoverTrigger,{children:e.jsx(o.IconButton,{p:"10px",onClick:()=>{navigator.clipboard.writeText(k),I(!0),setTimeout((()=>{I(!1)}),3e3)},"aria-label":"Copy page URL to clipboard",variant:"unstyled",_hover:{opacity:.7},transition:"opacity 0.2s ease",icon:e.jsx(x,{display:"block",width:"19px",height:"19px",color:"navy.600"})})}),e.jsx(o.PopoverContent,{px:4,py:2,children:"Link copied"})]})]})]})})]})})})};
|
|
2
2
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":["../../../../src/components/StickyNavigation/index.tsx"],"sourcesContent":[null],"names":["headings","socialMediaSharing","accordionRef","useRef","accordionIndex","setAccordionIndex","useState","undefined","isLargeScreen","useBreakpointValue","base","lg","activeId","setActiveId","isManualScroll","setIsManualScroll","currentUrl","setCurrentUrl","isPopoverOpen","setIsPopoverOpen","useEffect","window","location","href","processedHeadings","map","heading","text","id","slugify","toString","toLowerCase","lower","strict","headerHeight","handleScroll","current","closestDistance","Infinity","forEach","el","document","getElementById","top","getBoundingClientRect","distance","Math","abs","addEventListener","requestAnimationFrame","removeEventListener","_jsx","Box","w","md","ml","mt","flexShrink","position","alignSelf","overflowY","borderRadius","bg","as","zIndex","children","Accordion","ref","index","onChange","currentScroll","pageYOffset","prev","scrollTo","allowToggle","allowMultiple","px","_jsxs","AccordionItem","border","
|
|
1
|
+
{"version":3,"file":"index.js","sources":["../../../../src/components/StickyNavigation/index.tsx"],"sourcesContent":[null],"names":["Email","createIcon","displayName","viewBox","d","Print","Share","X","LinkedIn","Facebook","headings","socialMediaSharing","accordionRef","useRef","accordionIndex","setAccordionIndex","useState","undefined","isLargeScreen","useBreakpointValue","base","lg","activeId","setActiveId","isManualScroll","setIsManualScroll","currentUrl","setCurrentUrl","isPopoverOpen","setIsPopoverOpen","useEffect","window","location","href","processedHeadings","map","heading","text","id","slugify","toString","toLowerCase","lower","strict","headerHeight","handleScroll","current","closestDistance","Infinity","forEach","el","document","getElementById","top","getBoundingClientRect","distance","Math","abs","addEventListener","requestAnimationFrame","removeEventListener","_jsx","Box","w","md","ml","mt","flexShrink","position","alignSelf","overflowY","borderRadius","bg","as","zIndex","children","Accordion","ref","index","onChange","currentScroll","pageYOffset","prev","scrollTo","allowToggle","allowMultiple","px","_jsxs","AccordionItem","border","AccordionButton","justifyContent","alignItems","_hover","cursor","_expanded","borderBottom","onClick","scrollY","setTimeout","Heading5","marginRight","AccordionIcon","display","AccordionPanel","pb","jsxs","Link","fontSize","textDecoration","variant","paddingLeft","paddingRight","fontFamily","paddingY","borderLeft","borderLeftColor","color","e","preventDefault","split","target","getOffsetTop","offset","behavior","history","pushState","button","querySelector","click","handleStickyNavLink","jsx","Button","baseUrl","pr","ArrowUpIcon","boxSize","py","HStack","includes","IconButton","opacity","transition","p","icon","width","height","print","name","Popover","isOpen","placement","PopoverTrigger","navigator","clipboard","writeText","PopoverContent"],"mappings":"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"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use client";import{
|
|
1
|
+
"use client";import{jsxs as t,jsx as e}from"react/jsx-runtime";import{ArrowForwardIcon as i}from"@chakra-ui/icons";import{forwardRef as a,Card as n,Box as r,Tag as o,Stack as s,CardBody as l,Flex as c,CardFooter as d,SimpleGrid as h,AspectRatio as m}from"@chakra-ui/react";import{Button as g}from"../Button/index.js";import"../Flex/index.js";import{Heading4 as p,Heading2 as f}from"../Heading/index.js";import{Icon as u}from"../Icon/index.js";import{Image as x}from"../Image/index.js";import{SingleStatistics as y}from"../KeyStatistics/index.js";import{Link as S}from"../Link/index.js";import{Text as b}from"../Text/index.js";import{TwoBlockStatistics as w}from"../KeyStatistics/TwoBlockStatistics.js";const j=t=>{const{as:i,src:a,alt:n,width:r,height:o,aspectHeight:s,aspectWidth:l,aspectMaxHeight:c,aspectMaxWidth:d,style:h,...g}=t;return e(m,{height:s,width:l,ratio:1,minW:128,minH:128,maxW:d,maxH:c,...g,children:e(x,{as:i,src:a,alt:n,width:r,height:o,style:h})})},k=t=>e(r,{display:{base:"block",md:"flex"},flex:{base:"unset",md:1},children:e(j,{...t})}),v=({image:t,icon:i,singleKeyStats:a,twoBlockStats:n})=>{if(i)return e(u,{name:i.name});if(a)return e(y,{statistic:a.statistic,isBarChart:a.isBarChart,labelStyle:a.labelStyle,hasSecondaryStyling:a.hasSecondaryStyling,icon:a.icon&&{name:a.icon.name,color:a.icon.color}});if(n)return e(w,{hasSecondaryStyling:n.hasSecondaryStyling,leftValue:n.leftValue,rightValue:n.rightValue});const{isWrapped:r,...o}=t??{};return e(r?k:j,{...o})},B=a(((a,h)=>{const{variant:m="unstyled",image:f,cardImageContainer:x,icon:y,label:w,heading:j,description:k,button:B,link:C,href:I,singleKeyStats:H,twoBlockStats:K,stackProps:N,tag:W,cardLayout:V="vertical",...z}=a,T="groupNavigation"===m||"singleNavigation"===m||"noImageNavigation"===m,L=Boolean(f||y||H||K);return t(n,{ref:h,variant:m,href:I,sx:"horizontal"===V?{flexDirection:{base:"column",lg:"row"}}:{},...z,children:[L&&t(r,{className:"card-imagery-container",position:"relative",height:x,children:[e(v,{image:f,icon:y,singleKeyStats:H,twoBlockStats:K}),W&&e(o,{style:{position:"absolute",top:0},...W})]}),t(s,{width:"100%",spacing:4,height:"100%",children:[e(l,{children:t(s,{spacing:2,width:"100%",height:"100%",justifyContent:"horizontal"===V?"center":"flex-start",flex:1,...N,children:[w&&e(b,{bgColor:"cardTextBackgroundColor",variant:"label",className:"label-text",width:"fit-content",py:1,px:3,children:w}),j&&t(c,{justifyContent:"space-between",alignItems:"center",width:"100%",children:[e(p,{...j}),T&&e(u,{as:i,boxSize:6,p:0})]}),k]})}),(B||C)&&t(d,{alignItems:"flex-start",children:[B&&e(g,{...B}),C&&e(S,{...C})]})]})]})})),C=a(((i,a)=>{const{heading:n,description:r,hasSteps:o=!1,numberOfColumns:l,cards:c,link:d,button:m,gridGap:p={base:6,lg:8,xl:10},...u}=i;return t(s,{ref:a,spacing:6,...u,children:[n&&e(f,{...n}),r,c&&e(h,{columns:l,gap:p,children:c.map(((t,i)=>e(B,{label:o?`Step: ${i+1}`:void 0,...t},`card-item-${i}`)))}),m&&e(g,{...m}),d&&e(S,{...d})]})}));export{B as Card,C as CardStack};
|
|
2
2
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":["../../../../src/components/Card/index.tsx"],"sourcesContent":[null],"names":["CardImage","imageProps","as","src","alt","width","height","aspectHeight","aspectWidth","aspectMaxHeight","aspectMaxWidth","style","restImageProps","_jsx","AspectRatio","ratio","minW","minH","maxW","maxH","children","Image","WrappedCardImage","Box","display","base","md","flex","CardImagery","image","icon","singleKeyStats","twoBlockStats","Icon","name","SingleStatistics","statistic","isBarChart","labelStyle","hasSecondaryStyling","color","TwoBlockStatistics","leftValue","rightValue","isWrapped","Card","forwardRef","props","ref","variant","cardImageContainer","label","heading","description","button","link","href","stackProps","tag","cardLayout","rest","displayArrow","hasImagery","Boolean","
|
|
1
|
+
{"version":3,"file":"index.js","sources":["../../../../src/components/Card/index.tsx"],"sourcesContent":[null],"names":["CardImage","imageProps","as","src","alt","width","height","aspectHeight","aspectWidth","aspectMaxHeight","aspectMaxWidth","style","restImageProps","_jsx","AspectRatio","ratio","minW","minH","maxW","maxH","children","Image","WrappedCardImage","Box","display","base","md","flex","CardImagery","image","icon","singleKeyStats","twoBlockStats","Icon","name","SingleStatistics","statistic","isBarChart","labelStyle","hasSecondaryStyling","color","TwoBlockStatistics","leftValue","rightValue","isWrapped","Card","forwardRef","props","ref","variant","cardImageContainer","label","heading","description","button","link","href","stackProps","tag","cardLayout","rest","displayArrow","hasImagery","Boolean","_jsxs","ChakraCard","sx","flexDirection","lg","className","position","Tag","top","Stack","spacing","CardBody","justifyContent","Text","bgColor","py","px","Flex","alignItems","Heading4","ArrowForwardIcon","boxSize","p","CardFooter","Button","Link","CardStack","hasSteps","numberOfColumns","cards","gridGap","xl","Heading2","SimpleGrid","columns","gap","map","card","index","undefined"],"mappings":"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"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{jsx as e,jsxs as t}from"react/jsx-runtime";import{Accordion as o}from"../Accordion/index.js";import{
|
|
1
|
+
import{jsx as e,jsxs as t}from"react/jsx-runtime";import{Accordion as o}from"../Accordion/index.js";import{createIcon as i,useBreakpointValue as n,Box as a,AccordionItem as r,AccordionButton as l,AccordionIcon as s,AccordionPanel as p,HStack as d,IconButton as c,PopoverTrigger as h,PopoverContent as m}from"@chakra-ui/react";import{Button as C}from"../Button/index.js";import{Heading5 as w}from"../Heading/index.js";import"../Icon/index.js";import{Link as u}from"../Link/index.js";import{Popover as x}from"../PopOver/index.js";import{useRef as y,useState as g,useEffect as b}from"react";import v from"slugify";import{ArrowUpIcon as f}from"@chakra-ui/icons";const L=i({displayName:"Email",viewBox:"0 0 20 16",d:"M3 2.5C2.65625 2.5 2.375 2.8 2.375 3.16667V4.0875L9.11328 9.9875C9.92188 10.6958 11.082 10.6958 11.8906 9.9875L18.625 4.0875V3.16667C18.625 2.8 18.3438 2.5 18 2.5H3ZM2.375 6.675V13.8333C2.375 14.2 2.65625 14.5 3 14.5H18C18.3438 14.5 18.625 14.2 18.625 13.8333V6.675L13.0781 11.5333C11.5781 12.8458 9.41797 12.8458 7.92188 11.5333L2.375 6.675ZM0.5 3.16667C0.5 1.69583 1.62109 0.5 3 0.5H18C19.3789 0.5 20.5 1.69583 20.5 3.16667V13.8333C20.5 15.3042 19.3789 16.5 18 16.5H3C1.62109 16.5 0.5 15.3042 0.5 13.8333V3.16667Z"}),H=i({displayName:"Print",viewBox:"0 0 18 18",d:"M5 0.5C3.75898 0.5 2.75 1.50898 2.75 2.75V6.125H5V2.75H12.9699L14 3.78008V6.125H16.25V3.78008C16.25 3.18242 16.0145 2.60938 15.5926 2.1875L14.5625 1.15742C14.1406 0.735547 13.5676 0.5 12.9699 0.5H5ZM14 12.875V14V16.25H5V14V13.4375V12.875H14ZM16.25 14H17.375C17.9973 14 18.5 13.4973 18.5 12.875V9.5C18.5 8.25898 17.491 7.25 16.25 7.25H2.75C1.50898 7.25 0.5 8.25898 0.5 9.5V12.875C0.5 13.4973 1.00273 14 1.625 14H2.75V16.25C2.75 17.491 3.75898 18.5 5 18.5H14C15.241 18.5 16.25 17.491 16.25 16.25V14ZM15.6875 9.21875C15.9113 9.21875 16.1259 9.30764 16.2841 9.46588C16.4424 9.62411 16.5312 9.83872 16.5312 10.0625C16.5312 10.2863 16.4424 10.5009 16.2841 10.6591C16.1259 10.8174 15.9113 10.9062 15.6875 10.9062C15.4637 10.9062 15.2491 10.8174 15.0909 10.6591C14.9326 10.5009 14.8438 10.2863 14.8438 10.0625C14.8438 9.83872 14.9326 9.62411 15.0909 9.46588C15.2491 9.30764 15.4637 9.21875 15.6875 9.21875Z"}),V=i({displayName:"Share",viewBox:"0 0 20 16",d:"M19.0977 8.89804C20.9674 6.9759 20.9674 3.86306 19.0977 1.94093C17.443 0.239922 14.8352 0.0187918 12.9324 1.41702L12.8794 1.45444C12.4029 1.80485 12.2937 2.48525 12.6345 2.97174C12.9754 3.45822 13.6373 3.57389 14.1105 3.22348L14.1634 3.18606C15.2257 2.407 16.6785 2.52947 17.5985 3.47863C18.641 4.55027 18.641 6.28529 17.5985 7.35693L13.8855 11.1808C12.843 12.2524 11.1552 12.2524 10.1128 11.1808C9.1895 10.2316 9.07036 8.73814 9.8282 7.6495L9.86461 7.59507C10.2055 7.10518 10.093 6.42477 9.61972 6.07777C9.14648 5.73076 8.4813 5.84303 8.14375 6.32952L8.10735 6.38395C6.7439 8.3367 6.95901 11.0175 8.61368 12.7185C10.4835 14.6406 13.5115 14.6406 15.3813 12.7185L19.0977 8.89804ZM1.90233 8.10197C0.0325556 10.0241 0.0325556 13.1369 1.90233 15.0591C3.557 16.7601 6.16476 16.9812 8.06764 15.583L8.12058 15.5456C8.59713 15.1952 8.70634 14.5148 8.36548 14.0283C8.02461 13.5418 7.36275 13.4261 6.88951 13.7765L6.83656 13.8139C5.77426 14.593 4.32146 14.4705 3.40146 13.5214C2.35902 12.4463 2.35902 10.7113 3.40146 9.63967L7.11454 5.81922C8.15699 4.74758 9.84475 4.74758 10.8872 5.81922C11.8105 6.76838 11.9296 8.26186 11.1718 9.3539L11.1354 9.40834C10.7945 9.89823 10.907 10.5786 11.3803 10.9256C11.8535 11.2726 12.5187 11.1604 12.8563 10.6739L12.8927 10.6195C14.2561 8.6633 14.041 5.98251 12.3863 4.28151C10.5165 2.35937 7.4885 2.35937 5.61872 4.28151L1.90233 8.10197Z"}),k=i({displayName:"X",viewBox:"0 0 18 16",d:"M14.6747 0.5H17.4361L11.4048 7.27692L18.5 16.5H12.9459L8.59257 10.9077L3.61734 16.5H0.852021L7.30183 9.25L0.5 0.5H6.19491L10.1258 5.61154L14.6747 0.5ZM13.7047 14.8769H15.234L5.3618 2.03846H3.71904L13.7047 14.8769Z"}),M=i({displayName:"LinkedIn",viewBox:"0 0 18 18",d:"M4.52991 18.5H0.797321V6.48259H4.52991V18.5ZM2.66161 4.8433C1.4683 4.8433 0.5 3.85491 0.5 2.66161C0.5 2.08831 0.72774 1.5385 1.13312 1.13312C1.5385 0.72774 2.08831 0.5 2.66161 0.5C3.2349 0.5 3.78471 0.72774 4.19009 1.13312C4.59547 1.5385 4.82321 2.08831 4.82321 2.66161C4.82321 3.85491 3.85491 4.8433 2.66161 4.8433ZM18.496 18.5H14.7714V12.65C14.7714 11.2558 14.7433 9.46786 12.8308 9.46786C10.8902 9.46786 10.5929 10.9826 10.5929 12.5496V18.5H6.86429V6.48259H10.4442V8.12187H10.4964C10.9946 7.17768 12.2121 6.18125 14.0281 6.18125C17.8049 6.18125 18.5 8.6683 18.5 11.8987V18.5H18.496Z"}),S=i({displayName:"Facebook",viewBox:"0 0 11 19",d:"M2.7626 11.0223V18.5H6.73929V11.0223H9.70466L10.3217 7.58398H6.73929V6.36758C6.73929 4.55 7.43521 3.85391 9.23157 3.85391C9.79037 3.85391 10.2395 3.86797 10.5 3.89609V0.777734C10.0098 0.640625 8.80991 0.5 8.11741 0.5C4.45269 0.5 2.7626 2.27539 2.7626 6.10391V7.58398H0.5V11.0223H2.7626Z"}),B=({headings:i,socialMediaSharing:B})=>{const Z=y(null),[_,T]=g(void 0),j=n({base:!1,lg:!0}),[I,$]=g(null),[D,E]=g(!1),[N,F]=g(""),[R,Y]=g(!1);b((()=>{T(j?0:void 0)}),[j]),b((()=>{"undefined"!=typeof window&&F(window.location.href)}),[]);const z=i.map((e=>{const t="string"==typeof e?e:e.text;return{id:v(t?.toString().toLowerCase(),{lower:!0,strict:!0}),text:t}}));b((()=>{const e=j?32:70,t=()=>{if(D)return;let t=null,o=1/0;z.forEach((({id:i})=>{const n=document.getElementById(i);if(n){const a=n.getBoundingClientRect().top-e;if(a<=100){const e=Math.abs(a);e<o&&(o=e,t=i)}}})),$(t)};return window.addEventListener("scroll",t),requestAnimationFrame(t),()=>window.removeEventListener("scroll",t)}),[z,j,D]);return e(a,{w:{base:"100vw",md:"100%",lg:"293px"},ml:{base:-4,md:0},mt:{base:-10,md:-4,lg:0},flexShrink:0,position:"sticky",top:{base:"0",lg:"2rem"},alignSelf:"start",overflowY:{base:"visible"},borderRadius:"md",bg:"white",as:"nav",zIndex:1,children:e(o,{ref:Z,index:_,onChange:e=>{const t=window.pageYOffset;T("number"==typeof e?t=>t===e?void 0:e:void 0),window.scrollTo(0,t)},allowToggle:!j,allowMultiple:!1,bg:{base:"navy.100",lg:"transparent"},px:{base:4,lg:0},children:t(r,{border:"none",children:[t(l,{px:0,justifyContent:"space-between",alignItems:"center",_hover:{bg:"transparent"},cursor:j?"default":"pointer",_expanded:{bg:"transparent"},borderBottom:"none",bg:"transparent",onClick:()=>{if(-1===_){const{scrollY:e}=window;setTimeout((()=>{window.scrollTo({top:e})}),1)}},children:[e(w,{marginRight:"auto",px:"0.6875rem",children:"On this page"}),e(s,{display:{base:"block",lg:"none"},ml:2})]}),e(p,{px:0,pb:4,children:t(a,{as:"nav",children:[z.map((({id:t,text:o})=>e(a,{children:e(u,{as:"a",href:`#${t}`,fontSize:{base:"text.sm",lg:"text.sm"},display:"block",textDecoration:"underline",variant:"altInline",paddingLeft:2,paddingRight:2,fontFamily:"poppins.semiBold",paddingY:"2.5px",borderLeft:"3px solid transparent",borderLeftColor:t===I?"primary":"transparent",_hover:{color:"primary",textDecoration:t===I?"underline":"none"},onClick:e=>((e,t)=>{e.preventDefault(),F(`${window.location.href.split("#")[0]}#${t}`);const o=document.getElementById(t);if(!o)return;E(!0),$(t);const i=j?32:70,n=e=>e.getBoundingClientRect().top+window.scrollY-i;if(j){const e=n(o);return window.scrollTo({top:e,behavior:"smooth"}),window.history.pushState(null,"",`#${t}`),void setTimeout((()=>{E(!1)}),1e3)}const a=Z.current?.querySelector('button[aria-expanded="true"]')??null;a&&a.click(),setTimeout((()=>{const e=n(o);window.scrollTo({top:e,behavior:"smooth"}),window.history.pushState(null,"",`#${t}`),setTimeout((()=>{E(!1)}),1e3)}),300)})(e,t),children:o})},t))),e(a,{paddingY:2.5,children:t(C,{variant:"link",color:"primary",fontSize:"sm",fontFamily:"poppins.semiBold",textDecoration:"none",bg:{base:"navy.100",lg:"transparent"},_hover:{textDecoration:"none"},onClick:()=>{E(!0),window.scrollTo({top:0,behavior:"smooth"});const e=window.location.href.split("#")[0];window.history.pushState(null,"",e),F(e),setTimeout((()=>{E(!1)}),1e3)},children:[e(a,{as:"span",pr:1,paddingLeft:"8px","aria-hidden":!0,textDecoration:"none",children:e(f,{boxSize:"5"})}),e(a,{as:"span",display:"inline",textDecoration:"underline",_hover:{textDecoration:"underline",color:"primary"},children:"Back to top"})]})}),e(w,{py:2.5,px:"0.6875rem",children:"Share or print this page"}),t(d,{px:"0.6875rem",children:[B?.includes("X")&&e(c,{"aria-label":"Share on X",variant:"unstyled",_hover:{opacity:.7},transition:"opacity 0.2s ease",p:"10px",as:"a",target:"_blank",href:`https://twitter.com/intent/tweet?text=${N}`,icon:e(k,{width:"18px",height:"18px",color:"navy.600"})}),B?.includes("LinkedIn")&&e(c,{"aria-label":"Share on LinkedIn",variant:"unstyled",_hover:{opacity:.7},transition:"opacity 0.2s ease",p:"10px",as:"a",target:"_blank",href:`https://www.linkedin.com/sharing/share-offsite/?url=${N}`,icon:e(M,{width:"18px",height:"18px",color:"navy.600"})}),B?.includes("Facebook")&&e(c,{"aria-label":"Share on Facebook",variant:"unstyled",p:"10px",_hover:{opacity:.7},transition:"opacity 0.2s ease",as:"a",target:"_blank",href:`https://facebook.com/sharer.php?u=${N}`,icon:e(S,{width:"18px",height:"18px",color:"navy.600"})}),e(c,{"aria-label":"Email this page",variant:"unstyled",p:"10px",as:"a",_hover:{opacity:.7},transition:"opacity 0.2s ease",href:`mailto:?subject=Check out this page&body=${N}`,icon:e(L,{width:"19px",height:"19px",color:"navy.600"})}),e(c,{"aria-label":"Print this page",variant:"unstyled",p:"10px",onClick:()=>{"undefined"!=typeof window&&window.print()},_hover:{opacity:.7},transition:"opacity 0.2s ease",icon:e(H,{color:"navy.600",name:"PrintStickyNav",width:"19px",height:"19px"})}),t(x,{isOpen:R,placement:"bottom",variant:"secondary",children:[e(h,{children:e(c,{p:"10px",onClick:()=>{navigator.clipboard.writeText(N),Y(!0),setTimeout((()=>{Y(!1)}),3e3)},"aria-label":"Copy page URL to clipboard",variant:"unstyled",_hover:{opacity:.7},transition:"opacity 0.2s ease",icon:e(V,{display:"block",width:"19px",height:"19px",color:"navy.600"})})}),e(m,{px:4,py:2,children:"Link copied"})]})]})]})})]})})})};export{B as StickyNavigation};
|
|
2
2
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":["../../../../src/components/StickyNavigation/index.tsx"],"sourcesContent":[null],"names":["StickyNavigation","headings","socialMediaSharing","accordionRef","useRef","accordionIndex","setAccordionIndex","useState","undefined","isLargeScreen","useBreakpointValue","base","lg","activeId","setActiveId","isManualScroll","setIsManualScroll","currentUrl","setCurrentUrl","isPopoverOpen","setIsPopoverOpen","useEffect","window","location","href","processedHeadings","map","heading","text","id","slugify","toString","toLowerCase","lower","strict","headerHeight","handleScroll","current","closestDistance","Infinity","forEach","el","document","getElementById","top","getBoundingClientRect","distance","Math","abs","addEventListener","requestAnimationFrame","removeEventListener","_jsx","Box","w","md","ml","mt","flexShrink","position","alignSelf","overflowY","borderRadius","bg","as","zIndex","children","Accordion","ref","index","onChange","currentScroll","pageYOffset","prev","scrollTo","allowToggle","allowMultiple","px","_jsxs","AccordionItem","border","AccordionButton","justifyContent","alignItems","_hover","_expanded","borderBottom","onClick","scrollY","setTimeout","
|
|
1
|
+
{"version":3,"file":"index.js","sources":["../../../../src/components/StickyNavigation/index.tsx"],"sourcesContent":[null],"names":["Email","createIcon","displayName","viewBox","d","Print","Share","X","LinkedIn","Facebook","StickyNavigation","headings","socialMediaSharing","accordionRef","useRef","accordionIndex","setAccordionIndex","useState","undefined","isLargeScreen","useBreakpointValue","base","lg","activeId","setActiveId","isManualScroll","setIsManualScroll","currentUrl","setCurrentUrl","isPopoverOpen","setIsPopoverOpen","useEffect","window","location","href","processedHeadings","map","heading","text","id","slugify","toString","toLowerCase","lower","strict","headerHeight","handleScroll","current","closestDistance","Infinity","forEach","el","document","getElementById","top","getBoundingClientRect","distance","Math","abs","addEventListener","requestAnimationFrame","removeEventListener","_jsx","Box","w","md","ml","mt","flexShrink","position","alignSelf","overflowY","borderRadius","bg","as","zIndex","children","Accordion","ref","index","onChange","currentScroll","pageYOffset","prev","scrollTo","allowToggle","allowMultiple","px","_jsxs","AccordionItem","border","AccordionButton","justifyContent","alignItems","_hover","cursor","_expanded","borderBottom","onClick","scrollY","setTimeout","Heading5","marginRight","AccordionIcon","display","AccordionPanel","pb","Link","fontSize","textDecoration","variant","paddingLeft","paddingRight","fontFamily","paddingY","borderLeft","borderLeftColor","color","e","preventDefault","split","target","getOffsetTop","offset","behavior","history","pushState","button","querySelector","click","handleStickyNavLink","Button","baseUrl","pr","ArrowUpIcon","boxSize","py","HStack","includes","IconButton","opacity","transition","p","icon","width","height","print","name","Popover","isOpen","placement","PopoverTrigger","navigator","clipboard","writeText","PopoverContent"],"mappings":"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"}
|