@okam/directus-flexible-content 1.2.22 → 1.2.24

package/CHANGELOG.md

@@ -1,3 +1,56 @@
+## 1.2.24 (2026-01-13)
+
+### 🚀 Features
+
+- React 19 + Next.js 15 support ([#369](https://github.com/OKAMca/stack/pull/369))
+- bump ([ab924b9](https://github.com/OKAMca/stack/commit/ab924b9))
+
+### 🩹 Fixes
+
+- **directus-flexible-content:** core-lib in external deps ([e44cb2b](https://github.com/OKAMca/stack/commit/e44cb2b))
+- update vite-plugin-dts to version 3 ([5d33c77](https://github.com/OKAMca/stack/commit/5d33c77))
+- package deps error ([b665a45](https://github.com/OKAMca/stack/commit/b665a45))
+- search field type export ([5ab6070](https://github.com/OKAMca/stack/commit/5ab6070))
+- search field icon ([0850fde](https://github.com/OKAMca/stack/commit/0850fde))
+- select controlled ([#280](https://github.com/OKAMca/stack/pull/280))
+
+### 🧱 Updated Dependencies
+
+- Updated stack-ui to 1.43.0
+- Updated directus-block to 1.6.2
+
+### ❤️ Thank You
+
+- Marie-Maxime Tanguay @marie-maxime
+- Pierre-Olivier Clerson @poclerson
+- poclerson
+
+## 1.2.23 (2025-11-27)
+
+### 🚀 Features
+
+- bump ([ab924b9](https://github.com/OKAMca/stack/commit/ab924b9))
+
+### 🩹 Fixes
+
+- **directus-flexible-content:** core-lib in external deps ([e44cb2b](https://github.com/OKAMca/stack/commit/e44cb2b))
+- update vite-plugin-dts to version 3 ([5d33c77](https://github.com/OKAMca/stack/commit/5d33c77))
+- package deps error ([b665a45](https://github.com/OKAMca/stack/commit/b665a45))
+- search field type export ([5ab6070](https://github.com/OKAMca/stack/commit/5ab6070))
+- search field icon ([0850fde](https://github.com/OKAMca/stack/commit/0850fde))
+- select controlled ([#280](https://github.com/OKAMca/stack/pull/280))
+
+### 🧱 Updated Dependencies
+
+- Updated stack-ui to 1.42.4
+- Updated directus-block to 1.6.1
+
+### ❤️ Thank You
+
+- Marie-Maxime Tanguay @marie-maxime
+- Pierre-Olivier Clerson @poclerson
+- poclerson
+
 ## 1.2.22 (2025-10-17)
 
 ### 🚀 Features

package/index.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const p=require("react/jsx-runtime"),O=require("@tanstack/react-query"),_=require("radashi"),C=require("graphql-request"),E=require("@okam/stack-ui"),G=require("react"),B=require("@tiptap/core"),K=require("@tiptap/extension-blockquote"),V=require("@tiptap/extension-bold"),X=require("@tiptap/extension-bullet-list"),J=require("@tiptap/extension-code"),W=require("@tiptap/extension-code-block"),$=require("@tiptap/extension-document"),Y=require("@tiptap/extension-hard-break"),Z=require("@tiptap/extension-heading"),ee=require("@tiptap/extension-horizontal-rule"),te=require("@tiptap/extension-italic"),ne=require("@tiptap/extension-link"),re=require("@tiptap/extension-list-item"),oe=require("@tiptap/extension-ordered-list"),ie=require("@tiptap/extension-paragraph"),se=require("@tiptap/extension-strike"),ce=require("@tiptap/extension-subscript"),ae=require("@tiptap/extension-superscript"),le=require("@tiptap/extension-table"),ue=require("@tiptap/extension-table-cell"),de=require("@tiptap/extension-table-header"),me=require("@tiptap/extension-table-row"),fe=require("@tiptap/extension-text"),pe=require("@tiptap/extension-text-align");function H(e,n){return n}class q{constructor(n,r,t){this.nameSpace="[STACK]",this.suppressConsole=!1,this.env=process.env.NODE_ENV,this.nameSpace=n??this.nameSpace,this.suppressConsole=t??this.suppressConsole,this.logger=r??this.internalLogger}internalLogger(n,r,t){this.env!=="production"&&console[r||"log"](`${this.nameSpace} ${n}`.trimStart(),t??"")}setLogger(n){this.logger=(r,t,i)=>{this.suppressConsole&&this.internalLogger(r,t,i),n(r,t,i)}}static getInstance(){return q.instance||(q.instance=new q),q.instance}log(n,r,t){this.logger(n,r,t)}}q.getInstance();const ge=(e,n,r=!1)=>{const t=new q(e,n,r);return t.log("Logger initialized","info"),t},ke=ge("[DirectusQuery]"),ye=process.env.NEXT_PUBLIC_GRAPHQL_URL,be=process.env.NEXT_SERVER_GRAPHQL_URL,Ne=process.env.NEXT_GRAPHQL_URL_ADMIN,qe=process.env.NEXT_PUBLIC_API_TOKEN??"",Te=process.env.NEXT_PUBLIC_API_TOKEN,he=new C.GraphQLClient(be||ye,{credentials:"include",mode:"cors",fetch,headers:{Authorization:`Bearer ${qe}`}});new C.GraphQLClient(Ne,{credentials:"include",mode:"cors",fetch,headers:{Authorization:`Bearer ${Te}`}});new O.QueryClient({queryCache:new O.QueryCache({onError:e=>{ke.log("QueryClient Error","error",{error:e})}}),defaultOptions:{queries:{staleTime:5*1e3}}});function M(e,n,r=he){return r.request(e,{...n})}process.env.NEXT_PUBLIC_GRAPHQL_URL;process.env.NEXT_PUBLIC_API_TOKEN;function A(e){return!!e}function Be(e){const{id:n,settings:r,...t}=e??{};return _.isEmpty(t)}async function Se(e){const{document:n,blockKey:r,variables:t}=e;if(!n||!A(t))return null;const i=await M(n,t);return!i||typeof i!="object"||!r?null:i[r]}async function _e(e){const{document:n,item:r,blockKey:t,variables:i}=e;if(r){if(!Be(r))return r;const s={id:r.id,...i};return A(s)?Se({...e,variables:s}):null}if(!n||!A(i))return null;const o=await M(n,i);return!o||typeof o!="object"||!t?null:o[t]}function ve(e,...n){return n.reduce((t,i)=>i?{components:{...t.components,...i.components}}:t,e)}const z={kind:"Document",definitions:[{kind:"FragmentDefinition",name:{kind:"Name",value:"BlockSettings"},typeCondition:{kind:"NamedType",name:{kind:"Name",value:"block_settings"}},selectionSet:{kind:"SelectionSet",selections:[{kind:"Field",name:{kind:"Name",value:"tokens"}},{kind:"Field",name:{kind:"Name",value:"variant"}}]}}]},Le=e=>{var N,k,h;const{item:n,collection:r,config:t,variables:i,defaultVariant:o,...c}=e;if(!r||!t)return null;const s=(N=t==null?void 0:t.components)==null?void 0:N[r];if(!s)return null;const{settings:l}=n??{},u=(n==null?void 0:n.id)??(i==null?void 0:i.id);if(!u)return null;const{variant:f}=H(z,l)??{},d=((k=s.getVariant)==null?void 0:k.call(s,e))??f??o,{default:g,document:m}=s,b=((h=s.variants)==null?void 0:h[d??""])??g;return b?p.jsx(b,{document:m,config:t,collection:r,item:n,...u?{variables:{...i,id:u}}:{variables:i},...c},u):null};async function xe(e,n,r){const t=_.get(e,"item"),i=_.get(e,"document"),o=_.get(e,"variables"),c=await _e({item:t,blockKey:n,document:i,variables:o}),{tokens:s}=H(z,c==null?void 0:c.settings)??{};return{...c,cmsTokens:s}}const Ee=async e=>{const n="block_wysiwyg_by_id",{themeName:r="wysiwyg",tokens:t}=e,{content:i,title:o,level:c,cmsTokens:s}=await xe(e,n);return!i&&!(o&&c)?null:p.jsxs(p.Fragment,{children:[o&&c&&p.jsx(E.Box,{as:"span",themeName:r,tokens:{...t,...s},children:G.createElement(c,{},o)}),i&&p.jsx(E.WysiwygBlock,{themeName:r,tokens:{...t,...s},content:i})]})},Ae={block_wysiwyg:{default:e=>p.jsx(Ee,{...e})}},Ie={components:{...Ae}},P=e=>{const{children:n,config:r,...t}=e,i=ve(Ie,r),o=s=>n?n({...t,...s,config:i}):p.jsx(Le,{...t,...s,config:i});if("blocks"in e){const{blocks:s}=e;return s.map(o)}const{block:c}=e;return o(c)},Re=(e,n,r="id",t="item")=>{const i=o=>{var c,s,l,u,f,d;if(!e&&o)return o;if(!o||!e)return null;if(o.type==="relation-mark"&&((c=o.attrs)!=null&&c.id)||o.type==="relation-block"&&((s=o.attrs)!=null&&s.id)||o.type==="relation-inline-block"&&((l=o.attrs)!=null&&l.id)){const g=(u=e.find(m=>{var y;return(m==null?void 0:m[r])===((y=o.attrs)==null?void 0:y.id)}))==null?void 0:u[t];o.attrs.data=g}return(f=o.content)==null||f.map(i),(d=o.marks)==null||d.map(i),o};return i(n)},we=(e,n)=>{const r=n.map(o=>(o.type==="mark"?B.Mark:B.Node).create({name:o.name,renderHTML({HTMLAttributes:s}){return o.render?[...o.render(s),0]:[o.component??(o.type==="mark"?"span":"div"),s,0]}})),t=r.map(({name:o})=>o);return[...e.filter(o=>t.indexOf(o.name)<0),...r]},D=(e,n,r)=>{const t=r.find(i=>i.type===n&&i.name===e);if(t)return{...t.config,options:t.options}},Oe=(e,n)=>{var t;const r=(t=n.addAttributes)==null?void 0:t.call(n);return!r||!e?e:Object.fromEntries(Object.entries(e).filter(([i])=>{var o;return((o=r[i])==null?void 0:o.rendered)!==!1}))},v=(e,n,r="node")=>{const t=D(e.type,r,n);if(!(t!=null&&t.renderHTML))return[];const i=Oe(e.attrs,t);return t.render?t.render(e):t.renderHTML({node:e,HTMLAttributes:i})},F=(e,n,r)=>{if(e!=null&&e.content&&(e.content=e.content.map(c=>F(c,n,r))),e.type==="text"){if(e.marks){let c;return e.marks.reverse().forEach(s=>{var u;const l=v({...s,attrs:{...s.attrs,data:{...(u=s==null?void 0:s.attrs)==null?void 0:u.data,markText:e.text}}},n,"mark");if(Array.isArray(l)){const[f="span",d=s.attrs]=l,g={...d,data:void 0};c=r(f,g,c||e.text)}else c={...l,text:e.text}}),c}return e.text??""}const t=D(e.type,"node",n);if(t!=null&&t.render)return v(e,n);const[i="div",o=e.attrs]=v(e,n);return r(i,o,e.content)},Pe=(e,n,r)=>F(e,n,r),L={colspan:"colSpan",rowspan:"rowSpan",textAlign:"textalign"},Ce=(e,n)=>({...Object.fromEntries(Object.entries(n).map(([r,t])=>[(e==null?void 0:e[r])??(L==null?void 0:L[r])??r,t]))}),x={},Q=e=>{const{content:n,serializers:r=[],componentSerializers:t=[],renderingNodes:i,remappedAttributes:o,themeName:c,tokens:s,customTheme:l}=e,u=JSON.parse(JSON.stringify(n)),f=we(r,t);return Pe(u,f,(d,g,m)=>{const y={...g,style:void 0},b=Ce(o,y),N=(i==null?void 0:i[d])??(x==null?void 0:x[d]);return N?N({children:m,attrs:b,themeName:c,tokens:s,customTheme:l}):p.jsx(E.Box,{as:d,...b,themeName:c,tokens:s,customTheme:l,children:m},JSON.stringify(m))})},He=[$,fe,ie,Y,Z,W,X,oe,re,K,ee,ne,V,te,se,J,le.Table,de.TableHeader,me.TableRow,ue.TableCell,pe,ce,ae],Me=e=>{const{jsonContent:n,editorNodes:r,serializers:t,nodes:i,config:o,relationMarksConfig:c,themeName:s,tokens:l,customTheme:u,remappedAttributes:f}=e,d=Re(r,n),g=t??[...He]??[],m=(k,h)=>{var I,R,w;const{attrs:a}=k,U=`${(I=a==null?void 0:a.collection)==null?void 0:I.replace("related_","")}_id`;if(a!=null&&a.data){if(!((R=a==null?void 0:a.data)!=null&&R.blocks)){const T={collection:a.collection,item:{...a==null?void 0:a.data}};return p.jsx(P,{block:T,config:h},JSON.stringify(T))}const S=(w=a==null?void 0:a.data)==null?void 0:w.blocks,j=S==null?void 0:S.map(T=>({item:T==null?void 0:T[U],collection:a==null?void 0:a.collection}));return p.jsx(P,{blocks:j,config:h},JSON.stringify(S))}return null},y=B.Node.create({name:"relation-block",renderHTML:()=>["relation-block"],render:k=>m(k,o)}),b=B.Node.create({name:"relation-inline-block",renderHTML:()=>["relation-inline-block"],render:k=>m(k,o)}),N=B.Mark.create({name:"relation-mark",type:"relation-mark",renderHTML:()=>["relation-mark"],render:k=>m(k,c)});return g.push(y,b,N),d?p.jsx(Q,{content:d,serializers:g,renderingNodes:i,themeName:s,tokens:l,customTheme:u,remappedAttributes:f}):null};exports.FlexibleEditorContent=Me;exports.RenderNodes=Q;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const p=require("react/jsx-runtime"),O=require("@tanstack/react-query"),_=require("radashi"),C=require("graphql-request"),E=require("@okam/stack-ui"),G=require("react"),B=require("@tiptap/core"),K=require("@tiptap/extension-blockquote"),V=require("@tiptap/extension-bold"),X=require("@tiptap/extension-bullet-list"),J=require("@tiptap/extension-code"),W=require("@tiptap/extension-code-block"),$=require("@tiptap/extension-document"),Y=require("@tiptap/extension-hard-break"),Z=require("@tiptap/extension-heading"),ee=require("@tiptap/extension-horizontal-rule"),te=require("@tiptap/extension-italic"),ne=require("@tiptap/extension-link"),re=require("@tiptap/extension-list-item"),oe=require("@tiptap/extension-ordered-list"),ie=require("@tiptap/extension-paragraph"),se=require("@tiptap/extension-strike"),ce=require("@tiptap/extension-subscript"),ae=require("@tiptap/extension-superscript"),le=require("@tiptap/extension-table"),ue=require("@tiptap/extension-table-cell"),de=require("@tiptap/extension-table-header"),me=require("@tiptap/extension-table-row"),fe=require("@tiptap/extension-text"),ge=require("@tiptap/extension-text-align");function H(e,n){return n}class q{constructor(n,r,t){this.nameSpace="[STACK]",this.suppressConsole=!1,this.env=process.env.NODE_ENV,this.nameSpace=n??this.nameSpace,this.suppressConsole=t??this.suppressConsole,this.logger=r??this.internalLogger}internalLogger(n,r,t){this.env!=="production"&&console[r||"log"](`${this.nameSpace} ${n}`.trimStart(),t??"")}setLogger(n){this.logger=(r,t,i)=>{this.suppressConsole&&this.internalLogger(r,t,i),n(r,t,i)}}static getInstance(){return q.instance||(q.instance=new q),q.instance}log(n,r,t){this.logger(n,r,t)}}q.getInstance();const pe=(e,n,r=!1)=>{const t=new q(e,n,r);return t.log("Logger initialized","info"),t},ke=pe("[DirectusQuery]"),ye=process.env.NEXT_PUBLIC_GRAPHQL_URL,be=process.env.NEXT_SERVER_GRAPHQL_URL,Ne=process.env.NEXT_GRAPHQL_URL_ADMIN,qe=process.env.NEXT_PUBLIC_API_TOKEN??"",Te=process.env.NEXT_PUBLIC_API_TOKEN,he=new C.GraphQLClient(be||ye,{credentials:"include",mode:"cors",fetch,headers:{Authorization:`Bearer ${qe}`}});new C.GraphQLClient(Ne,{credentials:"include",mode:"cors",fetch,headers:{Authorization:`Bearer ${Te}`}});new O.QueryClient({queryCache:new O.QueryCache({onError:e=>{ke.log("QueryClient Error","error",{error:e})}}),defaultOptions:{queries:{staleTime:5*1e3}}});function M(e,n,r=he){return r.request(e,{...n})}process.env.NEXT_PUBLIC_GRAPHQL_URL;process.env.NEXT_PUBLIC_API_TOKEN;function A(e){return!!e}function Be(e){const{id:n,settings:r,...t}=e??{};return _.isEmpty(t)}async function Se(e){const{document:n,blockKey:r,variables:t}=e;if(!n||!A(t))return null;const i=await M(n,t);return!i||typeof i!="object"||!r?null:i[r]}async function _e(e){const{document:n,item:r,blockKey:t,variables:i}=e;if(r){if(!Be(r))return r;const s={id:r.id,...i};return A(s)?Se({...e,variables:s}):null}if(!n||!A(i))return null;const o=await M(n,i);return!o||typeof o!="object"||!t?null:o[t]}function ve(e,...n){return n.reduce((t,i)=>i?{components:{...t.components,...i.components}}:t,e)}const z={kind:"Document",definitions:[{kind:"FragmentDefinition",name:{kind:"Name",value:"BlockSettings"},typeCondition:{kind:"NamedType",name:{kind:"Name",value:"block_settings"}},selectionSet:{kind:"SelectionSet",selections:[{kind:"Field",name:{kind:"Name",value:"tokens"}},{kind:"Field",name:{kind:"Name",value:"variant"}}]}}]},Le=e=>{var N,m,h;const{item:n,collection:r,config:t,variables:i,defaultVariant:o,...c}=e;if(!r||!t)return null;const s=(N=t==null?void 0:t.components)==null?void 0:N[r];if(!s)return null;const{settings:l}=n??{},u=(n==null?void 0:n.id)??(i==null?void 0:i.id);if(!u)return null;const{variant:g}=H(z,l)??{},f=((m=s.getVariant)==null?void 0:m.call(s,e))??g??o,{default:k,document:d}=s,b=((h=s.variants)==null?void 0:h[f??""])??k;return b?p.jsx(b,{document:d,config:t,collection:r,item:n,...u?{variables:{...i,id:u}}:{variables:i},...c},u):null};async function xe(e,n,r){const t=_.get(e,"item"),i=_.get(e,"document"),o=_.get(e,"variables"),c=await _e({item:t,blockKey:n,document:i,variables:o}),{tokens:s}=H(z,c==null?void 0:c.settings)??{};return{...c,cmsTokens:s}}const Ee=async e=>{const n="block_wysiwyg_by_id",{themeName:r="wysiwyg",tokens:t}=e,{content:i,title:o,level:c,cmsTokens:s}=await xe(e,n);return!i&&!(o&&c)?null:p.jsxs(p.Fragment,{children:[o&&c&&p.jsx(E.Box,{as:"span",themeName:r,tokens:{...t,...s},children:G.createElement(c,{},o)}),i&&p.jsx(E.WysiwygBlock,{themeName:r,tokens:{...t,...s},content:i})]})},Ae={block_wysiwyg:{default:e=>p.jsx(Ee,{...e})}},Ie={components:{...Ae}},P=e=>{const{children:n,config:r,...t}=e,i=ve(Ie,r),o=s=>n?n({...t,...s,config:i}):p.jsx(Le,{...t,...s,config:i});if("blocks"in e){const{blocks:s}=e;return s.map(o)}const{block:c}=e;return o(c)},Re=(e,n,r="id",t="item")=>{const i=o=>{var c,s,l,u,g,f;if(!e&&o)return o;if(!o||!e)return null;if(o.type==="relation-mark"&&((c=o.attrs)!=null&&c.id)||o.type==="relation-block"&&((s=o.attrs)!=null&&s.id)||o.type==="relation-inline-block"&&((l=o.attrs)!=null&&l.id)){const k=(u=e.find(d=>{var y;return(d==null?void 0:d[r])===((y=o.attrs)==null?void 0:y.id)}))==null?void 0:u[t];o.attrs.data=k}return(g=o.content)==null||g.map(i),(f=o.marks)==null||f.map(i),o};return i(n)},we=(e,n)=>{const r=n.map(o=>(o.type==="mark"?B.Mark:B.Node).create({name:o.name,renderHTML({HTMLAttributes:s}){return o.render?[...o.render(s),0]:[o.component??(o.type==="mark"?"span":"div"),s,0]}})),t=r.map(({name:o})=>o);return[...e.filter(o=>t.indexOf(o.name)<0),...r]},D=(e,n,r)=>{const t=r.find(i=>i.type===n&&i.name===e);if(t)return{...t.config,options:t.options}},Oe=(e,n)=>{var t;const r=(t=n.addAttributes)==null?void 0:t.call(n);return!r||!e?e:Object.fromEntries(Object.entries(e).filter(([i])=>{var o;return((o=r[i])==null?void 0:o.rendered)!==!1}))},v=(e,n,r="node")=>{const t=D(e.type,r,n);if(!(t!=null&&t.renderHTML))return[];const i=Oe(e.attrs,t);return t.render?t.render(e):t.renderHTML({node:e,HTMLAttributes:i})},F=(e,n,r)=>{if(e!=null&&e.content&&(e.content=e.content.map(c=>F(c,n,r))),e.type==="text"){if(e.marks){let c;return e.marks.reverse().forEach(s=>{var u;const l=v({...s,attrs:{...s.attrs,data:{...(u=s==null?void 0:s.attrs)==null?void 0:u.data,markText:e.text}}},n,"mark");if(Array.isArray(l)){const[g="span",f=s.attrs]=l,k={...f,data:void 0};c=r(g,k,c||e.text)}else c={...l,text:e.text}}),c}return e.text??""}const t=D(e.type,"node",n);if(t!=null&&t.render)return v(e,n);const[i="div",o=e.attrs]=v(e,n);return r(i,o,e.content)},Pe=(e,n,r)=>F(e,n,r),L={colspan:"colSpan",rowspan:"rowSpan",textAlign:"textalign"},Ce=(e,n)=>({...Object.fromEntries(Object.entries(n).map(([r,t])=>[(e==null?void 0:e[r])??(L==null?void 0:L[r])??r,t]))}),x={},Q=e=>{const{content:n,serializers:r=[],componentSerializers:t=[],renderingNodes:i,remappedAttributes:o,themeName:c,tokens:s,customTheme:l}=e,u=JSON.parse(JSON.stringify(n)),g=we(r,t);return Pe(u,g,(f,k,d)=>{const y={...k,style:void 0},b=Ce(o,y),N=f,m=(i==null?void 0:i[N])??(x==null?void 0:x[N]);return m?m({children:d,attrs:b,themeName:c,tokens:s,customTheme:l}):p.jsx(E.Box,{as:f,...b,themeName:c,tokens:s,customTheme:l,children:d},JSON.stringify(d))})},He=[$,fe,ie,Y,Z,W,X,oe,re,K,ee,ne,V,te,se,J,le.Table,de.TableHeader,me.TableRow,ue.TableCell,ge,ce,ae],Me=e=>{const{jsonContent:n,editorNodes:r,serializers:t,nodes:i,config:o,relationMarksConfig:c,themeName:s,tokens:l,customTheme:u,remappedAttributes:g}=e,f=Re(r,n),k=t??[...He]??[],d=(m,h)=>{var I,R,w;const{attrs:a}=m,U=`${(I=a==null?void 0:a.collection)==null?void 0:I.replace("related_","")}_id`;if(a!=null&&a.data){if(!((R=a==null?void 0:a.data)!=null&&R.blocks)){const T={collection:a.collection,item:{...a==null?void 0:a.data}};return p.jsx(P,{block:T,config:h},JSON.stringify(T))}const S=(w=a==null?void 0:a.data)==null?void 0:w.blocks,j=S==null?void 0:S.map(T=>({item:T==null?void 0:T[U],collection:a==null?void 0:a.collection}));return p.jsx(P,{blocks:j,config:h},JSON.stringify(S))}return null},y=B.Node.create({name:"relation-block",renderHTML:()=>["relation-block"],render:m=>d(m,o)}),b=B.Node.create({name:"relation-inline-block",renderHTML:()=>["relation-inline-block"],render:m=>d(m,o)}),N=B.Mark.create({name:"relation-mark",type:"relation-mark",renderHTML:()=>["relation-mark"],render:m=>d(m,c)});return k.push(y,b,N),f?p.jsx(Q,{content:f,serializers:k,renderingNodes:i,themeName:s,tokens:l,customTheme:u,remappedAttributes:g}):null};exports.FlexibleEditorContent=Me;exports.RenderNodes=Q;

package/index.mjs

@@ -1,4 +1,4 @@
-import { jsx as g, jsxs as G, Fragment as K } from "react/jsx-runtime";
+import { jsx as k, jsxs as K, Fragment as G } from "react/jsx-runtime";
 import { QueryClient as V, QueryCache as X } from "@tanstack/react-query";
 import { isEmpty as J, get as _ } from "radashi";
 import { GraphQLClient as H } from "graphql-request";
@@ -23,8 +23,8 @@ import ue from "@tiptap/extension-strike";
 import fe from "@tiptap/extension-subscript";
 import de from "@tiptap/extension-superscript";
 import { Table as pe } from "@tiptap/extension-table";
-import { TableCell as ke } from "@tiptap/extension-table-cell";
-import { TableHeader as ge } from "@tiptap/extension-table-header";
+import { TableCell as ge } from "@tiptap/extension-table-cell";
+import { TableHeader as ke } from "@tiptap/extension-table-header";
 import { TableRow as ye } from "@tiptap/extension-table-row";
 import Ne from "@tiptap/extension-text";
 import be from "@tiptap/extension-text-align";
@@ -121,18 +121,18 @@ function Oe(e, ...r) {
   return r.reduce((t, i) => i ? { components: { ...t.components, ...i.components } } : t, e);
 }
 const D = { kind: "Document", definitions: [{ kind: "FragmentDefinition", name: { kind: "Name", value: "BlockSettings" }, typeCondition: { kind: "NamedType", name: { kind: "Name", value: "block_settings" } }, selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "tokens" } }, { kind: "Field", name: { kind: "Name", value: "variant" } }] } }] }, Pe = (e) => {
-  var b, k, B;
+  var b, f, B;
   const { item: r, collection: n, config: t, variables: i, defaultVariant: o, ...c } = e;
   if (!n || !t) return null;
   const s = (b = t == null ? void 0 : t.components) == null ? void 0 : b[n];
   if (!s) return null;
   const { settings: l } = r ?? {}, m = (r == null ? void 0 : r.id) ?? (i == null ? void 0 : i.id);
   if (!m) return null;
-  const { variant: d } = q(D, l) ?? {}, u = ((k = s.getVariant) == null ? void 0 : k.call(s, e)) ?? d ?? o, { default: p, document: f } = s, N = ((B = s.variants) == null ? void 0 : B[u ?? ""]) ?? p;
-  return N ? /* @__PURE__ */ g(
+  const { variant: p } = q(D, l) ?? {}, d = ((f = s.getVariant) == null ? void 0 : f.call(s, e)) ?? p ?? o, { default: g, document: u } = s, N = ((B = s.variants) == null ? void 0 : B[d ?? ""]) ?? g;
+  return N ? /* @__PURE__ */ k(
     N,
     {
-      document: f,
+      document: u,
       config: t,
       collection: n,
       item: r,
@@ -153,20 +153,20 @@ async function Re(e, r, n) {
 }
 const He = async (e) => {
   const r = "block_wysiwyg_by_id", { themeName: n = "wysiwyg", tokens: t } = e, { content: i, title: o, level: c, cmsTokens: s } = await Re(e, r);
-  return !i && !(o && c) ? null : /* @__PURE__ */ G(K, { children: [
-    o && c && /* @__PURE__ */ g(C, { as: "span", themeName: n, tokens: { ...t, ...s }, children: $.createElement(c, {}, o) }),
-    i && /* @__PURE__ */ g(W, { themeName: n, tokens: { ...t, ...s }, content: i })
+  return !i && !(o && c) ? null : /* @__PURE__ */ K(G, { children: [
+    o && c && /* @__PURE__ */ k(C, { as: "span", themeName: n, tokens: { ...t, ...s }, children: $.createElement(c, {}, o) }),
+    i && /* @__PURE__ */ k(W, { themeName: n, tokens: { ...t, ...s }, content: i })
   ] });
 }, Ce = {
   block_wysiwyg: {
-    default: (e) => /* @__PURE__ */ g(He, { ...e })
+    default: (e) => /* @__PURE__ */ k(He, { ...e })
   }
 }, xe = {
   components: {
     ...Ce
   }
 }, R = (e) => {
-  const { children: r, config: n, ...t } = e, i = Oe(xe, n), o = (s) => r ? r({ ...t, ...s, config: i }) : /* @__PURE__ */ g(Pe, { ...t, ...s, config: i });
+  const { children: r, config: n, ...t } = e, i = Oe(xe, n), o = (s) => r ? r({ ...t, ...s, config: i }) : /* @__PURE__ */ k(Pe, { ...t, ...s, config: i });
   if ("blocks" in e) {
     const { blocks: s } = e;
     return s.map(o);
@@ -175,17 +175,17 @@ const He = async (e) => {
   return o(c);
 }, qe = (e, r, n = "id", t = "item") => {
   const i = (o) => {
-    var c, s, l, m, d, u;
+    var c, s, l, m, p, d;
     if (!e && o) return o;
     if (!o || !e) return null;
     if (o.type === "relation-mark" && ((c = o.attrs) != null && c.id) || o.type === "relation-block" && ((s = o.attrs) != null && s.id) || o.type === "relation-inline-block" && ((l = o.attrs) != null && l.id)) {
-      const p = (m = e.find((f) => {
+      const g = (m = e.find((u) => {
         var y;
-        return (f == null ? void 0 : f[n]) === ((y = o.attrs) == null ? void 0 : y.id);
+        return (u == null ? void 0 : u[n]) === ((y = o.attrs) == null ? void 0 : y.id);
       })) == null ? void 0 : m[t];
-      o.attrs.data = p;
+      o.attrs.data = g;
     }
-    return (d = o.content) == null || d.map(i), (u = o.marks) == null || u.map(i), o;
+    return (p = o.content) == null || p.map(i), (d = o.marks) == null || d.map(i), o;
   };
   return i(r);
 }, ze = (e, r) => {
@@ -231,8 +231,8 @@ const He = async (e) => {
           "mark"
         );
         if (Array.isArray(l)) {
-          const [d = "span", u = s.attrs] = l, p = { ...u, data: void 0 };
-          c = n(d, p, c || e.text);
+          const [p = "span", d = s.attrs] = l, g = { ...d, data: void 0 };
+          c = n(p, g, c || e.text);
         } else
           c = { ...l, text: e.text };
       }), c;
@@ -262,27 +262,27 @@ const He = async (e) => {
     themeName: c,
     tokens: s,
     customTheme: l
-  } = e, m = JSON.parse(JSON.stringify(r)), d = ze(n, t);
+  } = e, m = JSON.parse(JSON.stringify(r)), p = ze(n, t);
   return Fe(
     m,
-    d,
+    p,
     // @ts-expect-error Expects ReactNode
-    (u, p, f) => {
+    (d, g, u) => {
       const y = {
-        ...p,
+        ...g,
         style: void 0
-      }, N = Me(o, y), b = (i == null ? void 0 : i[u]) ?? (E == null ? void 0 : E[u]);
-      return b ? b({ children: f, attrs: N, themeName: c, tokens: s, customTheme: l }) : /* @__PURE__ */ g(
+      }, N = Me(o, y), b = d, f = (i == null ? void 0 : i[b]) ?? (E == null ? void 0 : E[b]);
+      return f ? f({ children: u, attrs: N, themeName: c, tokens: s, customTheme: l }) : /* @__PURE__ */ k(
         C,
         {
-          as: u,
+          as: d,
           ...N,
           themeName: c,
           tokens: s,
           customTheme: l,
-          children: f
+          children: u
         },
-        JSON.stringify(f)
+        JSON.stringify(u)
       );
     }
   );
@@ -304,9 +304,9 @@ const He = async (e) => {
   ue,
   ee,
   pe,
-  ge,
-  ye,
   ke,
+  ye,
+  ge,
   be,
   fe,
   de
@@ -321,43 +321,43 @@ const He = async (e) => {
     themeName: s,
     tokens: l,
     customTheme: m,
-    remappedAttributes: d
-  } = e, u = qe(n, r), p = t ?? [...Ue] ?? [], f = (k, B) => {
+    remappedAttributes: p
+  } = e, d = qe(n, r), g = t ?? [...Ue] ?? [], u = (f, B) => {
     var w, O, P;
-    const { attrs: a } = k, Q = `${(w = a == null ? void 0 : a.collection) == null ? void 0 : w.replace("related_", "")}_id`;
+    const { attrs: a } = f, Q = `${(w = a == null ? void 0 : a.collection) == null ? void 0 : w.replace("related_", "")}_id`;
     if (a != null && a.data) {
       if (!((O = a == null ? void 0 : a.data) != null && O.blocks)) {
         const h = { collection: a.collection, item: { ...a == null ? void 0 : a.data } };
-        return /* @__PURE__ */ g(R, { block: h, config: B }, JSON.stringify(h));
+        return /* @__PURE__ */ k(R, { block: h, config: B }, JSON.stringify(h));
       }
       const S = (P = a == null ? void 0 : a.data) == null ? void 0 : P.blocks, U = S == null ? void 0 : S.map((h) => ({ item: h == null ? void 0 : h[Q], collection: a == null ? void 0 : a.collection }));
-      return /* @__PURE__ */ g(R, { blocks: U, config: B }, JSON.stringify(S));
+      return /* @__PURE__ */ k(R, { blocks: U, config: B }, JSON.stringify(S));
     }
     return null;
   }, y = A.create({
     name: "relation-block",
     renderHTML: () => ["relation-block"],
-    render: (k) => f(k, o)
+    render: (f) => u(f, o)
   }), N = A.create({
     name: "relation-inline-block",
     renderHTML: () => ["relation-inline-block"],
-    render: (k) => f(k, o)
+    render: (f) => u(f, o)
   }), b = x.create({
     name: "relation-mark",
     type: "relation-mark",
     renderHTML: () => ["relation-mark"],
-    render: (k) => f(k, c)
+    render: (f) => u(f, c)
   });
-  return p.push(y, N, b), u ? /* @__PURE__ */ g(
+  return g.push(y, N, b), d ? /* @__PURE__ */ k(
     Qe,
     {
-      content: u,
-      serializers: p,
+      content: d,
+      serializers: g,
       renderingNodes: i,
       themeName: s,
       tokens: l,
       customTheme: m,
-      remappedAttributes: d
+      remappedAttributes: p
     }
   ) : null;
 };

package/lib/components/FlexibleEditorContent/extensions.d.ts

@@ -1,2 +1,2 @@
-declare const _default: (import("@tiptap/core").Node<any, any> | import("@tiptap/core").Extension<import("@tiptap/extension-text-align").TextAlignOptions, any> | import("@tiptap/core").Mark<import("@tiptap/extension-subscript").SubscriptExtensionOptions, any>)[];
+declare const _default: (import('@tiptap/core').Node<any, any> | import('@tiptap/core').Extension<import('@tiptap/extension-text-align').TextAlignOptions, any> | import('@tiptap/core').Mark<import('@tiptap/extension-subscript').SubscriptExtensionOptions, any>)[];
 export default _default;

package/lib/components/FlexibleEditorContent/index.d.ts

@@ -1,7 +1,8 @@
-import type { TBlockSerializerConfig } from '@okam/directus-block';
-import type { TDefaultComponent } from '@okam/stack-ui';
-import type { JSONContent, Extensions, EditorNodes } from '../../functions/types';
-import type { TRenderingNodes } from '../nodes/types';
+import { TBlockSerializerConfig } from '../../../../../directus-block/src/index.ts';
+import { TDefaultComponent } from '../../../../../../stack/stack-ui/src/index.ts';
+import { JSONContent, Extensions, EditorNodes } from '../../functions/types';
+import { TRenderingNodes } from '../nodes/types';
+
 interface FlexibleEditorContentProps extends TDefaultComponent {
     jsonContent: JSONContent;
     editorNodes?: EditorNodes[] | undefined | null;

package/lib/components/RenderNodes/index.d.ts

@@ -1,7 +1,8 @@
-import type { TDefaultComponent } from '@okam/stack-ui';
-import type { FunctionComponent } from 'react';
-import type { JSONContent, Extensions, ReactComponentSerializers } from '../../functions/types';
-import type { TRenderingNodes } from '../nodes/types';
+import { TDefaultComponent } from '../../../../../../stack/stack-ui/src/index.ts';
+import { ReactNode } from 'react';
+import { JSONContent, Extensions, ReactComponentSerializers } from '../../functions/types';
+import { TRenderingNodes } from '../nodes/types';
+
 interface RenderNodesProps extends TDefaultComponent {
     content: JSONContent;
     serializers?: Extensions;
@@ -9,5 +10,5 @@ interface RenderNodesProps extends TDefaultComponent {
     renderingNodes?: TRenderingNodes;
     remappedAttributes?: Record<string, string>;
 }
-declare const RenderNodes: FunctionComponent<RenderNodesProps>;
+declare const RenderNodes: (props: RenderNodesProps) => ReactNode;
 export default RenderNodes;

package/lib/components/nodes/index.d.ts

@@ -1,3 +1,4 @@
-import type { TRenderingNodes } from './types';
+import { TRenderingNodes } from './types';
+
 declare const nodes: TRenderingNodes;
 export default nodes;

package/lib/components/nodes/types.d.ts

@@ -1,8 +1,10 @@
-import type { TDefaultComponent } from '@okam/stack-ui';
+import { TDefaultComponent } from '../../../../../../stack/stack-ui/src/index.ts';
+import { default as React } from 'react';
+
 export interface TBaseRenderingNode extends TDefaultComponent {
     children: React.ReactNode;
     attrs?: Record<string, number | string | boolean | undefined>;
 }
 export type TRenderingNodes = {
-    [key in keyof JSX.IntrinsicElements]?: (props: TBaseRenderingNode) => JSX.Element;
+    [key in keyof React.JSX.IntrinsicElements]?: (props: TBaseRenderingNode) => React.JSX.Element;
 };

package/lib/functions/injectDataIntoContent.d.ts

@@ -1,4 +1,5 @@
-import type { JSONContent } from '@tiptap/core';
-import type { EditorNodes } from './types';
+import { JSONContent } from '@tiptap/core';
+import { EditorNodes } from './types';
+
 declare const injectDataIntoContent: (data: EditorNodes[] | undefined | null, content: JSONContent, primaryKeyField?: string, itemField?: string) => JSONContent | null;
 export default injectDataIntoContent;

package/lib/functions/mergeSerializers.d.ts

@@ -1,3 +1,4 @@
-import type { Extensions, ComponentSerializers } from './types';
+import { Extensions, ComponentSerializers } from './types';
+
 declare const mergeSerializers: <T>(serializers: Extensions, componentSerializers: ComponentSerializers<T>) => Extensions;
 export default mergeSerializers;

package/lib/functions/renderView.d.ts

@@ -1,4 +1,5 @@
-import type { ReactNode } from 'react';
-import type { JSONContent, Extensions, RenderedNode, RenderCallback } from './types';
+import { ReactNode } from 'react';
+import { JSONContent, Extensions, RenderedNode, RenderCallback } from './types';
+
 declare const renderView: <T>(node: JSONContent, serializers: Extensions, renderCallback: RenderCallback<ReactNode | JSONContent[]>) => RenderedNode<T>;
 export default renderView;

package/lib/functions/types.d.ts

@@ -1,6 +1,7 @@
-import type { TBlock } from '@okam/directus-block';
-import type { JSONContent, Extensions, AnyExtension } from '@tiptap/core';
-import type { ElementType, FunctionComponent, ReactNode } from 'react';
+import { TBlock } from '../../../../directus-block/src/index.ts';
+import { JSONContent, Extensions, AnyExtension } from '@tiptap/core';
+import { ElementType, FunctionComponent, ReactNode } from 'react';
+
 export type { JSONContent, Extensions };
 export type RenderedNode<T> = T | string | (T | string)[];
 export type Tag = ElementType;

package/lib/types.d.ts

@@ -1,4 +1,5 @@
-import type { TCommonBlockFragment } from '@okam/directus-block';
+import { TCommonBlockFragment } from '../../../directus-block/src/index.ts';
+
 export type RelationBlockSerializers<T> = {
     collection: string;
     component: T;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@okam/directus-flexible-content",
-  "version": "1.2.22",
+  "version": "1.2.24",
   "main": "./index.js",
   "types": "./index.d.ts",
   "exports": {
@@ -23,8 +23,8 @@
   },
   "dependencies": {
     "@nx/vite": "20.2.2",
-    "@okam/directus-block": "1.6.0",
-    "@okam/stack-ui": "1.42.3",
+    "@okam/directus-block": "1.6.2",
+    "@okam/stack-ui": "1.43.0",
     "@vitejs/plugin-react": "4.3.4",
     "vite": "^5.0.13",
     "vite-plugin-dts": "~2.3.0",
@@ -51,7 +51,12 @@
     "@tiptap/extension-table-row": "^2.10.3",
     "@tiptap/extension-text": "^2.10.3",
     "@tiptap/extension-text-align": "^2.10.3",
-    "@tiptap/core": "^2.10.3",
-    "react": "18.3.1"
+    "@tiptap/core": "^2.10.3"
+  },
+  "peerDependencies": {
+    "react": "^18.0.0 || ^19.0.0"
+  },
+  "devDependencies": {
+    "react": "^19.0.0"
   }
 }