cortex-react-components 1.48.8 → 1.49.0

package/dist/tests/payload.d.ts

@@ -0,0 +1,300 @@
+export declare const RichTextTest: {
+    simple: {
+        root: {
+            type: string;
+            format: string;
+            indent: number;
+            version: number;
+            children: {
+                type: string;
+                format: string;
+                indent: number;
+                version: number;
+                children: {
+                    mode: string;
+                    text: string;
+                    type: string;
+                    style: string;
+                    detail: number;
+                    format: number;
+                    version: number;
+                }[];
+                direction: string;
+                textStyle: string;
+                textFormat: number;
+            }[];
+            direction: string;
+        };
+    };
+    medium: {
+        root: {
+            type: string;
+            format: string;
+            indent: number;
+            version: number;
+            children: ({
+                tag: string;
+                type: string;
+                format: string;
+                indent: number;
+                version: number;
+                children: {
+                    mode: string;
+                    text: string;
+                    type: string;
+                    style: string;
+                    detail: number;
+                    format: number;
+                    version: number;
+                }[];
+                direction: string;
+                textStyle?: undefined;
+                textFormat?: undefined;
+            } | {
+                type: string;
+                format: string;
+                indent: number;
+                version: number;
+                children: {
+                    mode: string;
+                    text: string;
+                    type: string;
+                    style: string;
+                    detail: number;
+                    format: number;
+                    version: number;
+                }[];
+                direction: string;
+                textStyle: string;
+                textFormat: number;
+                tag?: undefined;
+            } | {
+                type: string;
+                format: string;
+                indent: number;
+                version: number;
+                children: never[];
+                direction: null;
+                textStyle: string;
+                textFormat: number;
+                tag?: undefined;
+            })[];
+            direction: string;
+        };
+    };
+};
+export declare const ImageTest: {
+    hero: {
+        id: number;
+        alt: string;
+        prefix: string;
+        updatedAt: string;
+        createdAt: string;
+        url: string;
+        thumbnailURL: string;
+        filename: string;
+        mimeType: string;
+        filesize: number;
+        width: number;
+        height: number;
+        focalX: number;
+        focalY: number;
+        sizes: {
+            thumbnail: {
+                url: string;
+                width: number;
+                height: number;
+                mimeType: string;
+                filesize: number;
+                filename: string;
+            };
+            square: {
+                url: string;
+                width: number;
+                height: number;
+                mimeType: string;
+                filesize: number;
+                filename: string;
+            };
+            small: {
+                url: string;
+                width: number;
+                height: number;
+                mimeType: string;
+                filesize: number;
+                filename: string;
+            };
+            medium: {
+                url: string;
+                width: number;
+                height: number;
+                mimeType: string;
+                filesize: number;
+                filename: string;
+            };
+            large: {
+                url: string;
+                width: number;
+                height: number;
+                mimeType: string;
+                filesize: number;
+                filename: string;
+            };
+            xlarge: {
+                url: string;
+                width: number;
+                height: number;
+                mimeType: string;
+                filesize: number;
+                filename: string;
+            };
+        };
+    };
+};
+export declare const BlocksTest: {
+    content: {
+        oneThirdWithImageThemeLong: {
+            id: string;
+            blockName: null;
+            columns: {
+                id: string;
+                size: string;
+                richText: {
+                    root: {
+                        type: string;
+                        format: string;
+                        indent: number;
+                        version: number;
+                        children: ({
+                            type: string;
+                            format: string;
+                            indent: number;
+                            version: number;
+                            children: {
+                                mode: string;
+                                text: string;
+                                type: string;
+                                style: string;
+                                detail: number;
+                                format: number;
+                                version: number;
+                            }[];
+                            direction: string;
+                            textStyle: string;
+                            textFormat: number;
+                        } | {
+                            type: string;
+                            format: string;
+                            indent: number;
+                            version: number;
+                            children: never[];
+                            direction: null;
+                            textStyle: string;
+                            textFormat: number;
+                        })[];
+                        direction: string;
+                    };
+                };
+                enableLink: null;
+                link: {
+                    type: string;
+                    newTab: null;
+                    url: null;
+                    label: null;
+                    appearance: string;
+                };
+            }[];
+            blockType: string;
+            theme: {
+                settings: {
+                    theme: string;
+                    background: string;
+                    overlay: boolean;
+                    image: {
+                        id: number;
+                        alt: null;
+                        prefix: string;
+                        updatedAt: string;
+                        createdAt: string;
+                        url: string;
+                        thumbnailURL: string;
+                        filename: string;
+                        mimeType: string;
+                        filesize: number;
+                        width: number;
+                        height: number;
+                        focalX: number;
+                        focalY: number;
+                    };
+                };
+            };
+        };
+        oneThirdWithImageThemeShort: {
+            id: string;
+            blockName: null;
+            columns: {
+                id: string;
+                size: string;
+                richText: {
+                    root: {
+                        type: string;
+                        format: string;
+                        indent: number;
+                        version: number;
+                        children: {
+                            type: string;
+                            format: string;
+                            indent: number;
+                            version: number;
+                            children: {
+                                mode: string;
+                                text: string;
+                                type: string;
+                                style: string;
+                                detail: number;
+                                format: number;
+                                version: number;
+                            }[];
+                            direction: string;
+                            textStyle: string;
+                            textFormat: number;
+                        }[];
+                        direction: string;
+                    };
+                };
+                enableLink: null;
+                link: {
+                    type: string;
+                    newTab: null;
+                    url: null;
+                    label: null;
+                    appearance: string;
+                };
+            }[];
+            blockType: string;
+            theme: {
+                settings: {
+                    theme: string;
+                    background: string;
+                    overlay: boolean;
+                    image: {
+                        id: number;
+                        alt: null;
+                        prefix: string;
+                        updatedAt: string;
+                        createdAt: string;
+                        url: string;
+                        thumbnailURL: string;
+                        filename: string;
+                        mimeType: string;
+                        filesize: number;
+                        width: number;
+                        height: number;
+                        focalX: number;
+                        focalY: number;
+                    };
+                };
+            };
+        };
+    };
+};

package/dist/tests/payload.js

@@ -0,0 +1 @@
+"use strict";var r=Object.defineProperty;var n=Object.getOwnPropertyDescriptor;var s=Object.getOwnPropertyNames;var o=Object.prototype.hasOwnProperty;var m=(t,e)=>{for(var a in e)r(t,a,{get:e[a],enumerable:!0})},u=(t,e,a,l)=>{if(e&&typeof e=="object"||typeof e=="function")for(let i of s(e))!o.call(t,i)&&i!==a&&r(t,i,{get:()=>e[i],enumerable:!(l=n(e,i))||l.enumerable});return t};var d=t=>u(r({},"__esModule",{value:!0}),t);var h={};m(h,{BlocksTest:()=>g,ImageTest:()=>p,RichTextTest:()=>c});module.exports=d(h);var c={simple:{root:{type:"root",format:"",indent:0,version:1,children:[{type:"paragraph",format:"",indent:0,version:1,children:[{mode:"normal",text:"Sed at eros vel lacus varius varius nec id metus.",type:"text",style:"",detail:0,format:0,version:1}],direction:"ltr",textStyle:"",textFormat:0}],direction:"ltr"}},medium:{root:{type:"root",format:"",indent:0,version:1,children:[{tag:"h2",type:"heading",format:"",indent:0,version:1,children:[{mode:"normal",text:"Suspendisse potenti. ",type:"text",style:"",detail:0,format:0,version:1}],direction:"ltr"},{type:"paragraph",format:"",indent:0,version:1,children:[{mode:"normal",text:"Donec malesuada arcu at velit laoreet convallis. Sed at eros vel lacus varius varius nec id metus. Praesent faucibus, orci a varius dapibus, lorem libero convallis est, et consequat libero magna sit amet risus. Maecenas tincidunt erat et felis sodales, nec malesuada sem tincidunt. Duis sed nisl euismod, ullamcorper augue at, rutrum felis.",type:"text",style:"",detail:0,format:0,version:1}],direction:"ltr",textStyle:"",textFormat:0},{type:"paragraph",format:"",indent:0,version:1,children:[],direction:null,textStyle:"",textFormat:0},{tag:"h3",type:"heading",format:"",indent:0,version:1,children:[{mode:"normal",text:"Sed at eros vel lacus varius varius nec id metus. ",type:"text",style:"",detail:0,format:0,version:1}],direction:"ltr"},{type:"paragraph",format:"",indent:0,version:1,children:[{mode:"normal",text:"Praesent faucibus, orci a varius dapibus, lorem libero convallis est, et consequat libero magna sit amet risus. Maecenas tincidunt erat et felis sodales, nec malesuada sem tincidunt. Duis sed nisl euismod, ullamcorper augue at, rutrum felis.",type:"text",style:"",detail:0,format:0,version:1}],direction:"ltr",textStyle:"",textFormat:0},{type:"paragraph",format:"",indent:0,version:1,children:[],direction:null,textStyle:"",textFormat:0},{tag:"h2",type:"heading",format:"",indent:0,version:1,children:[{mode:"normal",text:"Duis sed nisl euismod, ullamcorper augue at.",type:"text",style:"",detail:0,format:0,version:1}],direction:"ltr"},{type:"paragraph",format:"",indent:0,version:1,children:[{mode:"normal",text:"Praesent faucibus, orci a varius dapibus, lorem libero convallis est, et consequat libero magna sit amet risus. Maecenas tincidunt erat et felis sodales, nec malesuada sem tincidunt. Duis sed nisl euismod, ullamcorper augue at, rutrum felis.",type:"text",style:"",detail:0,format:0,version:1}],direction:"ltr",textStyle:"",textFormat:0}],direction:"ltr"}}},p={hero:{id:81,alt:"Digital colleague hands",prefix:"media",updatedAt:"2025-01-23T13:20:04.875Z",createdAt:"2025-01-23T13:20:04.875Z",url:"/dummy/Gu4XOqlGSrt19M-djNAsz.jpg",thumbnailURL:"/dummy/Gu4XOqlGSrt19M-djNAsz-300x200.jpg",filename:"Gu4XOqlGSrt19M-djNAsz.jpg",mimeType:"image/jpeg",filesize:236762,width:2121,height:1414,focalX:50,focalY:50,sizes:{thumbnail:{url:"/dummy/Gu4XOqlGSrt19M-djNAsz-300x200.jpg",width:300,height:200,mimeType:"image/jpeg",filesize:7200,filename:"Gu4XOqlGSrt19M-djNAsz-300x200.jpg"},square:{url:"/dummy/Gu4XOqlGSrt19M-djNAsz-500x500.jpg",width:500,height:500,mimeType:"image/jpeg",filesize:29871,filename:"Gu4XOqlGSrt19M-djNAsz-500x500.jpg"},small:{url:"/dummy/Gu4XOqlGSrt19M-djNAsz-600x400.jpg",width:600,height:400,mimeType:"image/jpeg",filesize:24198,filename:"Gu4XOqlGSrt19M-djNAsz-600x400.jpg"},medium:{url:"/dummy/Gu4XOqlGSrt19M-djNAsz-900x600.jpg",width:900,height:600,mimeType:"image/jpeg",filesize:48260,filename:"Gu4XOqlGSrt19M-djNAsz-900x600.jpg"},large:{url:"/dummy/Gu4XOqlGSrt19M-djNAsz-1400x933.jpg",width:1400,height:933,mimeType:"image/jpeg",filesize:104334,filename:"Gu4XOqlGSrt19M-djNAsz-1400x933.jpg"},xlarge:{url:"/dummy/Gu4XOqlGSrt19M-djNAsz-1920x1280.jpg",width:1920,height:1280,mimeType:"image/jpeg",filesize:192649,filename:"Gu4XOqlGSrt19M-djNAsz-1920x1280.jpg"}}}},g={content:{oneThirdWithImageThemeLong:{id:"67a74c276365f244c8b6d149",blockName:null,columns:[{id:"67a74ea16365f244c8b6d14b",size:"oneThird",richText:{root:{type:"root",format:"",indent:0,version:1,children:[{type:"paragraph",format:"",indent:0,version:1,children:[{mode:"normal",text:"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus lacinia odio vitae vestibulum vestibulum. Cras vehicula, libero a pharetra dictum, urna lectus porttitor lacus, at dapibus justo quam vel metus. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Sed non velit nec arcu volutpat dignissim in a lorem.",type:"text",style:"",detail:0,format:0,version:1}],direction:"ltr",textStyle:"",textFormat:0},{type:"paragraph",format:"",indent:0,version:1,children:[],direction:null,textStyle:"",textFormat:0},{type:"paragraph",format:"",indent:0,version:1,children:[{mode:"normal",text:"Proin sagittis sem et elit fringilla, nec fringilla eros maximus. Nulla facilisi. Ut sit amet facilisis lectus. Fusce ornare metus at ante tristique, nec elementum eros fermentum. Integer volutpat magna sed justo tincidunt, sit amet aliquam arcu pellentesque. Phasellus imperdiet mi vitae ligula pharetra, a dignissim velit vehicula.",type:"text",style:"",detail:0,format:0,version:1}],direction:"ltr",textStyle:"",textFormat:0}],direction:"ltr"}},enableLink:null,link:{type:"reference",newTab:null,url:null,label:null,appearance:"default"}}],blockType:"content",theme:{settings:{theme:"dark",background:"image",overlay:!0,image:{id:1,alt:null,prefix:"media",updatedAt:"2025-02-08T12:27:55.461Z",createdAt:"2025-02-08T12:27:55.461Z",url:"/stock1.jpg",thumbnailURL:"/stock1.jpg",filename:"stock1.jpg",mimeType:"image/jpeg",filesize:346701,width:2190,height:1369,focalX:50,focalY:50}}}},oneThirdWithImageThemeShort:{id:"67a74c276365f244c8b6d149",blockName:null,columns:[{id:"67a74ea16365f244c8b6d14b",size:"oneThird",richText:{root:{type:"root",format:"",indent:0,version:1,children:[{type:"paragraph",format:"",indent:0,version:1,children:[{mode:"normal",text:"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus lacinia odio vitae vestibulum vestibulum. Cras vehicula, libero a pharetra dictum, urna lectus porttitor lacus, at dapibus justo quam vel metus. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Sed non velit nec arcu volutpat dignissim in a lorem.",type:"text",style:"",detail:0,format:0,version:1}],direction:"ltr",textStyle:"",textFormat:0}],direction:"ltr"}},enableLink:null,link:{type:"reference",newTab:null,url:null,label:null,appearance:"default"}}],blockType:"content",theme:{settings:{theme:"dark",background:"image",overlay:!0,image:{id:1,alt:null,prefix:"media",updatedAt:"2025-02-08T12:27:55.461Z",createdAt:"2025-02-08T12:27:55.461Z",url:"/stock1.jpg",thumbnailURL:"/stock1.jpg",filename:"stock1.jpg",mimeType:"image/jpeg",filesize:346701,width:2190,height:1369,focalX:50,focalY:50}}}}}};0&&(module.exports={BlocksTest,ImageTest,RichTextTest});

package/dist/tests/payload.mjs

@@ -0,0 +1 @@
+import{a,b,c}from"../chunk-SK4U3YXJ.mjs";import"../chunk-S7OK7D5I.mjs";export{c as BlocksTest,b as ImageTest,a as RichTextTest};

package/dist/utils/AOSInit.mjs

@@ -1,2 +1,2 @@
 "use client";
-"use strict";import{a}from"../chunk-SPOYKTBR.mjs";import"../chunk-S7OK7D5I.mjs";export{a as AOSInit};
+"use strict";import{b as a}from"../chunk-22FHCZJD.mjs";import"../chunk-S7OK7D5I.mjs";export{a as AOSInit};

package/dist/utils/index.mjs

@@ -1 +1 @@
-import{a as b}from"../chunk-C5XNOZXC.mjs";import{a as c}from"../chunk-SPOYKTBR.mjs";import{a}from"../chunk-NIQ4466A.mjs";import"../chunk-S7OK7D5I.mjs";export{c as AOSInit,a as cn,b as getTableOfContents};
+import{a as b}from"../chunk-C5XNOZXC.mjs";import{b as c}from"../chunk-22FHCZJD.mjs";import{a}from"../chunk-NIQ4466A.mjs";import"../chunk-S7OK7D5I.mjs";export{c as AOSInit,a as cn,b as getTableOfContents};

package/package.json

@@ -2,7 +2,7 @@
   "name": "cortex-react-components",
   "author": "Cortex Reply",
   "private": false,
-  "version": "1.48.8",
+  "version": "1.49.0",
   "description": "A library of React components with styles. Designed to seamlessly integrate with React and Next.js.",
   "license": "MPL-2.0",
   "main": "./dist/index.js",
@@ -117,6 +117,7 @@
     "date-fns": "^4.1.0",
     "formik": "^2.4.6",
     "next-themes": "^0.4.4",
+    "pagedjs": "^0.4.3",
     "prism-react-renderer": "^2.4.1",
     "r18gs": "^3.0.1",
     "react-day-picker": "^8.10.1",

package/dist/chunk-5RYSPKQA.mjs

@@ -1 +0,0 @@
-import{a as f}from"./chunk-KLY2KDTY.mjs";import{a as b}from"./chunk-WSTFVGI3.mjs";import{b as k,c as u}from"./chunk-FBNFFUFR.mjs";import{a as l}from"./chunk-4RWD4HBJ.mjs";import{a}from"./chunk-NIQ4466A.mjs";import v from"next/image";import{jsx as n,jsxs as p}from"react/jsx-runtime";var y={content:b,cta:k,mediaBlock:l,imageBlock:l,features:u,reusableContentBlock:f},A=o=>{let{blocks:e}=o;return e&&Array.isArray(e)&&e.length>0?n("section",{id:"render-blocks",children:e.map((t,g)=>{var c,m;let{blockType:i}=t,r=t==null?void 0:t.theme;if(i&&i in y){let d=y[i];if(d)return p("div",{className:"py-6 relative",children:[n(h,{block:t,index:g}),n("div",{className:a("container",((c=r==null?void 0:r.settings)==null?void 0:c.theme)==="dark"?"dark":((m=r==null?void 0:r.settings)==null?void 0:m.theme)==="green"?"green":""),children:n(d,{...t})})]},g)}return null})}):null},h=o=>{var s;if(!("theme"in o.block))return null;let e=(s=o.block)==null?void 0:s.theme;if(e.settings.background==="image"){let t={imagePosition:e.settings.imagePosition||"left",overlay:e.settings.overlay!==void 0?e.settings.overlay:!0};return p("div",{className:a("absolute inset-0 w-full h-full -z-10",e.settings.theme==="dark"?"dark bg-background":e.settings.theme==="green"?"green bg-background":""),children:[n(v,{src:e.settings.image.url||"/placeholder.svg",alt:e.settings.image.alt,fill:!0,className:"object-cover",priority:!0}),e.settings.overlay&&n("div",{className:"absolute inset-0",style:{background:t.imagePosition==="left"?"linear-gradient(90deg, rgba(0,0,0,0.85) 0%, rgba(0,0,0,0.7) 50%, rgba(0,0,0,0) 100%)":"linear-gradient(-90deg, rgba(0,0,0,0.85) 0%, rgba(0,0,0,0.7) 50%, rgba(0,0,0,0) 100%)"}})]})}return n("div",{className:a("absolute inset-0 -z-10 w-screen h-full",e.settings.theme==="dark"?"dark bg-background":e.settings.theme==="green"?"green bg-background":"")})};export{A as a,h as b};

package/dist/chunk-DZOQSEQ4.mjs

@@ -1 +0,0 @@
-import{a as o}from"./chunk-U3KISAHW.mjs";import{a as e}from"./chunk-C5XNOZXC.mjs";import{jsx as t}from"react/jsx-runtime";function a({...r}){let n=r.page,{contentWithIds:i,tableOfContents:s}=e(n);return t("div",{className:"flex fixed flex-col w-screen h-screen max-h-screen overflow-auto overscroll-contain",children:t(o,{blocks:i})})}export{a};

package/dist/chunk-NOXR37EQ.mjs

@@ -1 +0,0 @@
-import{a}from"./chunk-WU3JMLSC.mjs";import{a as m}from"./chunk-BZAYEKYC.mjs";import{a as i}from"./chunk-GZQDMALT.mjs";import{a as o}from"./chunk-KSCHUMVE.mjs";import{a as t}from"./chunk-GHBJK554.mjs";import{jsx as r,jsxs as n}from"react/jsx-runtime";function d({...e}){return n("div",{children:[r(t,{isMenuOpen:!0,logoLight:m,logoDark:a}),r(o,{...e.hero}),r(i,{className:"!pb-0",...e.blog})]})}export{d as a};

package/dist/chunk-TR26J3ET.mjs

@@ -1 +0,0 @@
-import{a as s}from"./chunk-WU3JMLSC.mjs";import{a as l}from"./chunk-BZAYEKYC.mjs";import{a}from"./chunk-WKD2UQGO.mjs";import{b as r}from"./chunk-K45M5INN.mjs";import{a as n}from"./chunk-5RYSPKQA.mjs";import{a as i}from"./chunk-GHBJK554.mjs";import{a as o}from"./chunk-C5XNOZXC.mjs";import{jsx as t,jsxs as m}from"react/jsx-runtime";function g({...e}){let f=e.page,{contentWithIds:c,tableOfContents:p}=o(f);return m("div",{className:"flex fixed flex-col w-screen h-screen max-h-screen overflow-auto overscroll-contain",children:[t(i,{isMenuOpen:!0,logoLight:l,logoDark:s}),t(r,{...e.hero}),t(a,{edit:e.edit,pageId:e.page.id,tableOfContents:p,relatedContent:e.relatedContent,children:t(n,{blocks:c})})]})}export{g as a};

package/dist/chunk-U3KISAHW.mjs

@@ -1,4 +0,0 @@
-"use client";
-"use strict";
-
-import{a as m}from"./chunk-5RYSPKQA.mjs";import{a as r}from"./chunk-NIQ4466A.mjs";import{useState as h,useEffect as w,useCallback as g}from"react";import{AnimatePresence as x,motion as y}from"framer-motion";import{jsx as t,jsxs as N}from"react/jsx-runtime";var W=p=>{let[l,a]=h(0),{blocks:n}=p,f=n&&Array.isArray(n)&&n.length>0,b=e=>{a(e)},i=()=>{a(e=>(e+1)%n.length)},s=()=>{a(e=>(e-1+n.length)%n.length)},c=g(((e,o)=>{let d;return(...v)=>{clearTimeout(d),d=setTimeout(()=>e(...v),o)}})(e=>{e.deltaY>0?i():s()},300),[]),u=e=>{e.key==="ArrowDown"?i():e.key==="ArrowUp"&&s()};return w(()=>(window.addEventListener("wheel",c),window.addEventListener("keydown",u),()=>{window.removeEventListener("wheel",c),window.removeEventListener("keydown",u)}),[]),N("div",{className:"flex h-screen relative",children:[t("div",{className:"fixed left-0 top-0 flex h-screen w-9 z-10 flex-col items-center justify-center bg-gray-100",children:f&&n.map((e,o)=>t("button",{className:`group relative flex items-center justify-center my-2 h-16 w-4 rounded-full transition-all hover:bg-accent duration-300 ${l===o?"bg-accent":"bg-gray-300"}`,onClick:()=>b(o),children:t("span",{className:"absolute ml-7 left-full text-left transform -translate-y-1/2 translate-x-0 rotate-90 origin-left whitespace-nowrap opacity-0 group-hover:opacity-100 group-hover:translate-x-2 transition-all duration-300",children:e.blockName})},e.id))}),n.map((e,o)=>t("div",{className:`absolute flex items-center justify-center transition-opacity duration-300 ${o===l?"opacity-100":"opacity-0"}`,children:t(m,{blocks:[e]})},o)),t("button",{className:"absolute bottom-4 left-1 z-20 text-3xl text-primary transition-all duration-300 hover:scale-110",onClick:i,children:t(k,{})})]})},k=()=>t(x,{children:t(y.div,{initial:{opacity:0},animate:{opacity:1},exit:{opacity:0},transition:{duration:.7,ease:[.76,0,.24,1]},className:r("w-fit min-h-[50px] min-w-[20px] p-1 border-2 rounded-full","border-gray-800"),children:t(y.div,{initial:{y:0},animate:{y:[0,25],opacity:[1,0]},transition:{duration:1,ease:"easeOut",repeat:1/0,repeatDelay:1},className:r("w-[12px] h-[12px] rounded-full","bg-gray-800")})})});export{W as a};