cortex-react-components 2.19.4 → 2.20.0

package/dist/chunk-PTJVI53B.mjs

@@ -1 +0,0 @@
-import{a as I}from"./chunk-T3F3RQIC.mjs";import{a as O}from"./chunk-UP67R64J.mjs";import{a as S}from"./chunk-6QERRKM4.mjs";import{a as R}from"./chunk-VSU7LYXZ.mjs";import{a as y}from"./chunk-IPRG56MW.mjs";import{a as _,b as E,c as $,d as H,e as L}from"./chunk-HFEN3KJC.mjs";import{a as A}from"./chunk-L2UJOICL.mjs";import{a as m,b as h,i as b,j as C}from"./chunk-OCPX4QPC.mjs";import{a as D,b as M,c as w,d as x}from"./chunk-KY7WQYN4.mjs";import{a as N}from"./chunk-MDJREBVI.mjs";import{useLexicalComposerContext as de}from"@payloadcms/richtext-lexical/lexical/react/LexicalComposerContext";import{mergeRegister as pe}from"@payloadcms/richtext-lexical/lexical/utils";import{$createParagraphNode as ge,$getRoot as fe,$getSelection as F,$isParagraphNode as ue,$isRangeSelection as U,CAN_REDO_COMMAND as me,CAN_UNDO_COMMAND as he,FORMAT_ELEMENT_COMMAND as d,FORMAT_TEXT_COMMAND as s,SELECTION_CHANGE_COMMAND as be,UNDO_COMMAND as P}from"@payloadcms/richtext-lexical/lexical";import{$setBlocksType as B}from"@payloadcms/richtext-lexical/lexical/selection";import{INSERT_ORDERED_LIST_COMMAND as Ce,INSERT_UNORDERED_LIST_COMMAND as ke}from"@payloadcms/richtext-lexical/lexical/list";import{AlignCenter as ve,AlignJustify as Te,AlignLeft as Ne,AlignRight as De,ChevronDown as j,ImageUp as Me,List as we,ListOrdered as xe,RotateCcw as ye,RotateCw as Ae}from"lucide-react";import{Fragment as Re,useCallback as Ie,useEffect as Oe,useRef as Se,useState as a}from"react";import{$createHeadingNode as _e}from"@payloadcms/richtext-lexical/lexical/rich-text";import{jsx as o,jsxs as l}from"react/jsx-runtime";var k=1;function Ee(){return o("span",{className:"border border-[#222222]"})}function $e(){let[t]=de(),J=Se(null),[G,X]=a(!1),[Y,q]=a(!1),[z,K]=a(!1),[Q,V]=a(!1),[W,Z]=a(!1),[ee,oe]=a(!1),[te,ie]=a(!1),[ne,ae]=a(!1),[He,le]=a(!1),[v,se]=a("left"),[T,ce]=a("p"),c=e=>{t.update(()=>{let n=F();U(n)&&(e==="p"?B(n,()=>ge()):B(n,()=>_e(e)))})},p=Ie(()=>{let e=F();if(U(e)){K(e.hasFormat("bold")),V(e.hasFormat("italic")),Z(e.hasFormat("underline")),oe(e.hasFormat("strikethrough")),ie(e.hasFormat("subscript")),ae(e.hasFormat("superscript"));let n=e.anchor.getNode(),i=n;for(;i&&!ue(i)&&i!==fe();){let r=i.getParent();r&&(i=r)}if(i){let r=i.getFormatType();se(r||"left")}let u=n.getTopLevelElement()?.__tag;ce(u||"p")}},[]);Oe(()=>pe(t.registerUpdateListener(({editorState:e})=>{e.read(()=>{p()})}),t.registerCommand(be,(e,n)=>(p(),!1),k),t.registerCommand(he,e=>(X(e),!1),k),t.registerCommand(me,e=>(q(e),!1),k)),[t,p]);let re=[[{label:"Undo",icon:o(ye,{width:15,height:15}),onClick:()=>{t.dispatchCommand(P,void 0)},disabled:!G},{label:"Redo",icon:o(Ae,{width:15,height:15}),onClick:()=>{t.dispatchCommand(P,void 0)},disabled:!Y}],[{label:"Bold",icon:o(y,{}),onClick:()=>{t.dispatchCommand(s,"bold")},value:"bold",active:z},{label:"Italic",icon:o(A,{}),onClick:()=>{t.dispatchCommand(s,"italic")},value:"italic",active:Q},{label:"Underline",icon:o(R,{}),onClick:()=>{t.dispatchCommand(s,"underline")},value:"underline",active:W},{label:"Strikethrough",icon:o(I,{}),onClick:()=>{t.dispatchCommand(s,"strikethrough")},value:"strikethrough",active:ee},{label:"Subscript",icon:o(O,{}),onClick:()=>{t.dispatchCommand(s,"subscript")},value:"subscript",active:te},{label:"Superscript",icon:o(S,{}),onClick:()=>{t.dispatchCommand(s,"superscript")},value:"superscript",active:ne}]],g=[{label:"Left Align",direction:"left",icon:o(Ne,{width:15,height:15}),onClick:()=>{t.dispatchCommand(d,"left")}},{label:"Center Align",direction:"center",icon:o(ve,{width:15,height:15}),onClick:()=>{t.dispatchCommand(d,"center")}},{label:"Right Align",direction:"right",icon:o(De,{width:15,height:15}),onClick:()=>{t.dispatchCommand(d,"right")}},{label:"Justify Align",direction:"justify",icon:o(Te,{width:15,height:15}),onClick:()=>{t.dispatchCommand(d,"justify")}}],f=[{label:"Normal Text",value:"p",icon:o(_,{}),onClick:()=>c("p")},{label:"Heading 1",value:"h1",icon:o(E,{}),onClick:()=>c("h1")},{label:"Heading 2",value:"h2",icon:o($,{}),onClick:()=>c("h2")},{label:"Heading 3",value:"h3",icon:o(H,{}),onClick:()=>c("h3")},{label:"Heading 4",value:"h4",icon:o(L,{}),onClick:()=>c("h4")},...[{label:"Unordered List",value:"ul",icon:o(we,{width:15,height:15}),onClick:()=>{t.dispatchCommand(ke,void 0)}},{label:"Ordered List",value:"ol",icon:o(xe,{width:15,height:15}),onClick:()=>{t.dispatchCommand(Ce,void 0)}}]],Fe=[{label:"Insert Image",icon:o(Me,{width:15,height:15}),onClick:()=>{le(!0)},disabled:!1}];return o("div",{className:"flex justify-between border border-[#222222] py-2 px-2",children:l("div",{className:"flex gap-2 ",ref:J,children:[re.map((e,n)=>l(Re,{children:[o("div",{className:"flex items-center gap-2",children:e.map((i,u)=>o("div",{role:"button","aria-disabled":i.disabled||!1,onClick:i.onClick,className:N("p-1 transition-all flex items-center justify-center rounded hover:bg-[#3c3c3c] focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-offset-[#3a3a3a] focus:ring-[#3c3c3c]",i.active&&"bg-[#3c3c3c]"),"aria-label":i.label,children:o(D,{children:l(M,{children:[o(w,{className:"text-[#b5b5b5]",children:i.icon}),o(x,{children:o("p",{children:i.label})})]})})},u))}),o(Ee,{})]},`toolbar-option-${e.length}-${n}`)),l(m,{children:[l(h,{className:"flex items-center justify-center gap-2 px-2 py-1 rounded hover:bg-[#3c3c3c] focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-offset-[#3a3a3a] focus:ring-[#3c3c3c] text-[#b5b5b5] text-xs",children:[g.find(e=>e.direction===v)?.icon,g.find(e=>e.direction===v)?.label,o(j,{width:15,height:15})]}),o(b,{className:"bg-black hover:bg-black",children:g.map((e,n)=>l(C,{onClick:e.onClick,className:"flex items-center gap-2 text-xs text-[#b5b5b5] hover:bg-[#3c3c3c] focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-offset-[#3a3a3a] focus:ring-[#3c3c3c]",children:[o("span",{children:e.icon}),o("span",{children:e.label})]},`${e.label}-${n}`))})]}),l(m,{children:[l(h,{className:"flex items-center justify-center gap-2 px-2 py-1 rounded hover:bg-[#3c3c3c] focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-offset-[#3a3a3a] focus:ring-[#3c3c3c] text-[#b5b5b5] text-xs",children:[f.find(e=>e.value===T)?.icon,f.find(e=>e.value===T)?.label,o(j,{width:15,height:15})]}),o(b,{className:"bg-black hover:bg-black",children:f.map((e,n)=>l(C,{onClick:e.onClick,className:"flex items-center gap-2 text-xs text-[#b5b5b5] hover:bg-[#3c3c3c] focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-offset-[#3a3a3a] focus:ring-[#3c3c3c]",children:[o("span",{children:e.icon}),o("span",{children:e.label})]},`heading-option-${e.label}-${n}`))})]})]})})}export{$e as a};

package/dist/chunk-QAJBJFRP.mjs

@@ -1,4 +0,0 @@
-"use client";
-"use strict";
-
-import{a as s}from"./chunk-PTJVI53B.mjs";import{AutoFocusPlugin as u}from"@payloadcms/richtext-lexical/lexical/react/LexicalAutoFocusPlugin";import{LexicalComposer as h}from"@payloadcms/richtext-lexical/lexical/react/LexicalComposer";import{ContentEditable as p}from"@payloadcms/richtext-lexical/lexical/react/LexicalContentEditable";import{LexicalErrorBoundary as x}from"@payloadcms/richtext-lexical/lexical/react/LexicalErrorBoundary";import{HistoryPlugin as g}from"@payloadcms/richtext-lexical/lexical/react/LexicalHistoryPlugin";import{RichTextPlugin as f}from"@payloadcms/richtext-lexical/lexical/react/LexicalRichTextPlugin";import{ListPlugin as C}from"@payloadcms/richtext-lexical/lexical/react/LexicalListPlugin";import{ListItemNode as E,ListNode as b}from"@payloadcms/richtext-lexical/lexical/list";import{HeadingNode as v}from"@payloadcms/richtext-lexical/lexical/rich-text";import{OnChangePlugin as L}from"@payloadcms/richtext-lexical/lexical/react/LexicalOnChangePlugin";import{useEffect as c}from"react";import{useLexicalComposerContext as P}from"@payloadcms/richtext-lexical/lexical/react/LexicalComposerContext";import{Fragment as y,jsx as t,jsxs as a}from"react/jsx-runtime";var R=({setValue:n,value:i,name:l,editable:e=!0})=>{let[o]=P(),r=d=>{d.read(()=>{let m=d.toJSON();n?.(()=>m)})};return c(()=>{o.setEditable(e)},[e]),c(()=>{i&&o.update(()=>{o.setEditorState(o.parseEditorState(i))})},[]),t("div",{className:"w-full",children:a("div",{className:" ",children:[e&&t(s,{}),a("div",{className:"px-4 my-4  border-l  border-[#222222]",children:[t(f,{contentEditable:t(p,{name:l,className:"focus:outline-none focus:ring-0 focus-visible:outline-none min-h-40"}),ErrorBoundary:x}),e&&a(y,{children:[t(g,{}),t(u,{}),t(C,{}),t(L,{onChange:r})]})]})]})})},N=({setValue:n,value:i,name:l,editable:e=!0})=>t(h,{initialConfig:{namespace:"Lexical editor",nodes:[b,E,v],onError(r){throw console.error("Lexical error:",r),r},theme:{code:"editor-code",heading:{h1:"text-4xl",h2:"text-3xl",h3:"text-2xl",h4:"text-lg",h5:"text-sm"},image:"editor-image",link:"editor-link",list:{listitem:"editor-listitem",nested:{listitem:"editor-nested-listitem"},ol:"list-decimal",ul:"list-disc"},ltr:"ltr",paragraph:"editor-paragraph",placeholder:"editor-placeholder",quote:"editor-quote",rtl:"rtl",text:{bold:"editor-text-bold font-bold",code:"editor-text-code",hashtag:"editor-text-hashtag",italic:"editor-text-italic italic",overflowed:"editor-text-overflowed",strikethrough:"editor-text-strikethrough line-through",underline:"editor-text-underline underline",underlineStrikethrough:"underline line-through"}}},children:t(R,{value:i,setValue:n,name:l,editable:e})}),G=N;export{G as a};