@wakastellar/ui 0.1.12 → 0.3.0

package/dist/index-CHLjUBPo.js

@@ -0,0 +1 @@
+"use strict";var Y=Object.create;var V=Object.defineProperty;var Z=Object.getOwnPropertyDescriptor;var ee=Object.getOwnPropertyNames;var te=Object.getPrototypeOf,se=Object.prototype.hasOwnProperty;var ne=(s,e,n,i)=>{if(e&&typeof e=="object"||typeof e=="function")for(let a of ee(e))!se.call(s,a)&&a!==n&&V(s,a,{get:()=>e[a],enumerable:!(i=Z(e,a))||i.enumerable});return s};var A=(s,e,n)=>(n=s!=null?Y(te(s)):{},ne(e||!s||!s.__esModule?V(n,"default",{value:s,enumerable:!0}):n,s));const t=require("react/jsx-runtime"),ie=require("react"),o=require("lucide-react"),ae=require("@radix-ui/react-slot"),D=require("class-variance-authority"),f=require("./cn-zrNBeCrC.js"),oe=require("@radix-ui/react-label"),ce=require("@radix-ui/react-separator"),re=require("@radix-ui/react-popover");function R(s){const e=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(s){for(const n in s)if(n!=="default"){const i=Object.getOwnPropertyDescriptor(s,n);Object.defineProperty(e,n,i.get?i:{enumerable:!0,get:()=>s[n]})}}return e.default=s,Object.freeze(e)}const c=R(ie),K=R(oe),W=R(ce),T=R(re),le=D.cva("inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0",{variants:{variant:{default:"bg-primary text-primary-foreground shadow hover:bg-primary/90",destructive:"bg-destructive text-destructive-foreground shadow-sm hover:bg-destructive/90",outline:"border border-input bg-background shadow-sm hover:bg-accent hover:text-accent-foreground",secondary:"bg-secondary text-secondary-foreground shadow-sm hover:bg-secondary/80",ghost:"hover:bg-accent hover:text-accent-foreground",link:"text-primary underline-offset-4 hover:underline"},size:{default:"h-9 px-4 py-2",sm:"h-8 rounded-md px-3 text-xs",lg:"h-10 rounded-md px-8",icon:"h-9 w-9"}},defaultVariants:{variant:"default",size:"default"}}),k=c.forwardRef(({className:s,variant:e,size:n,asChild:i=!1,...a},l)=>{const d=i?ae.Slot:"button";return t.jsx(d,{className:f.cn(le({variant:e,size:n,className:s})),ref:l,...a})});k.displayName="Button";const de=D.cva("text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70"),C=c.forwardRef(({className:s,...e},n)=>t.jsx(K.Root,{ref:n,className:f.cn(de(),s),...e}));C.displayName=K.Root.displayName;const O=c.forwardRef(({className:s,type:e,...n},i)=>t.jsx("input",{type:e,className:f.cn("flex h-9 w-full rounded-md border border-input bg-transparent px-3 py-1 text-base shadow-sm transition-colors file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50 md:text-sm",s),ref:i,...n}));O.displayName="Input";const $=T.Root,Q=T.Trigger,U=c.forwardRef(({className:s,align:e="center",sideOffset:n=4,...i},a)=>t.jsx(T.Portal,{children:t.jsx(T.Content,{ref:a,align:e,sideOffset:n,className:f.cn("z-50 w-72 rounded-md border bg-popover p-4 text-popover-foreground shadow-md outline-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",s),...i})}));U.displayName=T.Content.displayName;const H=c.forwardRef(({className:s,orientation:e="horizontal",decorative:n=!0,...i},a)=>t.jsx(W.Root,{ref:a,decorative:n,orientation:e,className:f.cn("shrink-0 bg-border",e==="horizontal"?"h-[1px] w-full":"h-full w-[1px]",s),...i}));H.displayName=W.Root.displayName;const I=c.forwardRef(({className:s,...e},n)=>t.jsx("textarea",{className:f.cn("flex min-h-[80px] w-full rounded-md border border-input bg-background px-3 py-2 text-sm ring-offset-background placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50",s),ref:n,...e}));I.displayName="Textarea";const ue=[["bold","italic","underline","strike"],["h1","h2","h3"],["bulletList","orderedList","blockquote"],["link","code"],["undo","redo"]],G=c.forwardRef(({value:s="",onChange:e,toolbar:n=ue,placeholder:i="Écrivez ici...",maxLength:a,showCharacterCount:l=!1,minHeight:d=200,disabled:m=!1,error:p,className:u,label:h,description:g,editable:v=!0},b)=>{const[j,N]=c.useState(null),[w,L]=c.useState(null),[P,S]=c.useState(null),[E,_]=c.useState("");return c.useEffect(()=>{(async()=>{try{const[{useEditor:q,EditorContent:r},{default:z},{default:B},{default:y},{default:x}]=await Promise.all([import("@tiptap/react"),import("@tiptap/starter-kit"),import("@tiptap/extension-underline"),import("@tiptap/extension-link"),import("@tiptap/extension-text-align")]);L({useEditor:q,EditorContent:r,StarterKit:z,Underline:B,Link:y,TextAlign:x}),N(!0)}catch{N(!1)}})()},[]),j&&w?t.jsx(J,{ref:b,components:w,value:s,onChange:e,toolbar:n,placeholder:i,maxLength:a,showCharacterCount:l,minHeight:d,disabled:m,error:p,className:u,label:h,description:g,editable:v,linkUrl:E,setLinkUrl:_,editor:P,setEditor:S}):t.jsx(X,{ref:b,value:s,onChange:e,placeholder:i,maxLength:a,showCharacterCount:l,minHeight:d,disabled:m,error:p,className:u,label:h,description:g,loading:j===null})});G.displayName="WakaRichTextEditor";const J=c.forwardRef(({components:s,value:e,onChange:n,toolbar:i,placeholder:a,maxLength:l,showCharacterCount:d,minHeight:m,disabled:p,error:u,className:h,label:g,description:v,editable:b,linkUrl:j,setLinkUrl:N,setEditor:w},L)=>{const{useEditor:P,EditorContent:S,StarterKit:E,Underline:_,Link:M,TextAlign:q}=s,r=P({extensions:[E.configure({heading:{levels:[1,2,3]}}),_,M.configure({openOnClick:!1}),q.configure({types:["heading","paragraph"]})],content:e,editable:b&&!p,onUpdate:({editor:y})=>{const x=y.getHTML();(!l||x.length<=l)&&n?.(x)}});c.useEffect(()=>{w(r)},[r,w]),c.useEffect(()=>{r&&e!==r.getHTML()&&r.commands?.setContent?.(e||"",!1)},[e,r]);const z=()=>{r&&(j?r.chain().focus().setLink({href:j}).run():r.chain().focus().unsetLink().run(),N(""))},B=r?.storage?.characterCount?.characters?.()??e?.replace(/<[^>]*>/g,"").length??0;return t.jsxs("div",{ref:L,className:f.cn("space-y-1.5",h),children:[g&&t.jsx(C,{children:g}),v&&t.jsx("p",{className:"text-sm text-muted-foreground",children:v}),t.jsxs("div",{className:f.cn("border rounded-lg overflow-hidden",u&&"border-destructive"),children:[r&&i&&t.jsx("div",{className:"flex flex-wrap items-center gap-0.5 p-1 border-b bg-muted/30",children:i.map((y,x)=>t.jsxs(c.Fragment,{children:[x>0&&t.jsx(H,{orientation:"vertical",className:"mx-1 h-6"}),y.map(F=>t.jsx(fe,{button:F,editor:r,linkUrl:j,setLinkUrl:N,handleSetLink:z},F))]},x))}),t.jsx("div",{style:{minHeight:m},children:t.jsx(S,{editor:r,className:f.cn("prose prose-sm max-w-none p-3 focus-within:outline-none h-full","[&_.ProseMirror]:outline-none [&_.ProseMirror]:min-h-[inherit]")})}),d&&t.jsxs("div",{className:"flex justify-end p-1.5 border-t bg-muted/30 text-xs text-muted-foreground",children:[B,l&&` / ${l}`," caractères"]})]}),u&&t.jsx("p",{className:"text-sm text-destructive",children:u})]})});J.displayName="TiptapEditorComponent";function fe({button:s,editor:e,linkUrl:n,setLinkUrl:i,handleSetLink:a}){const l={bold:{icon:t.jsx(o.Bold,{className:"h-4 w-4"}),action:()=>e.chain().focus().toggleBold().run(),isActive:()=>e.isActive("bold")},italic:{icon:t.jsx(o.Italic,{className:"h-4 w-4"}),action:()=>e.chain().focus().toggleItalic().run(),isActive:()=>e.isActive("italic")},underline:{icon:t.jsx(o.Underline,{className:"h-4 w-4"}),action:()=>e.chain().focus().toggleUnderline().run(),isActive:()=>e.isActive("underline")},strike:{icon:t.jsx(o.Strikethrough,{className:"h-4 w-4"}),action:()=>e.chain().focus().toggleStrike().run(),isActive:()=>e.isActive("strike")},h1:{icon:t.jsx(o.Heading1,{className:"h-4 w-4"}),action:()=>e.chain().focus().toggleHeading({level:1}).run(),isActive:()=>e.isActive("heading",{level:1})},h2:{icon:t.jsx(o.Heading2,{className:"h-4 w-4"}),action:()=>e.chain().focus().toggleHeading({level:2}).run(),isActive:()=>e.isActive("heading",{level:2})},h3:{icon:t.jsx(o.Heading3,{className:"h-4 w-4"}),action:()=>e.chain().focus().toggleHeading({level:3}).run(),isActive:()=>e.isActive("heading",{level:3})},bulletList:{icon:t.jsx(o.List,{className:"h-4 w-4"}),action:()=>e.chain().focus().toggleBulletList().run(),isActive:()=>e.isActive("bulletList")},orderedList:{icon:t.jsx(o.ListOrdered,{className:"h-4 w-4"}),action:()=>e.chain().focus().toggleOrderedList().run(),isActive:()=>e.isActive("orderedList")},blockquote:{icon:t.jsx(o.Quote,{className:"h-4 w-4"}),action:()=>e.chain().focus().toggleBlockquote().run(),isActive:()=>e.isActive("blockquote")},code:{icon:t.jsx(o.Code,{className:"h-4 w-4"}),action:()=>e.chain().focus().toggleCodeBlock().run(),isActive:()=>e.isActive("codeBlock")},link:{icon:t.jsx(o.Link,{className:"h-4 w-4"}),action:()=>{},isActive:()=>e.isActive("link")},alignLeft:{icon:t.jsx(o.AlignLeft,{className:"h-4 w-4"}),action:()=>e.chain().focus().setTextAlign("left").run(),isActive:()=>e.isActive({textAlign:"left"})},alignCenter:{icon:t.jsx(o.AlignCenter,{className:"h-4 w-4"}),action:()=>e.chain().focus().setTextAlign("center").run(),isActive:()=>e.isActive({textAlign:"center"})},alignRight:{icon:t.jsx(o.AlignRight,{className:"h-4 w-4"}),action:()=>e.chain().focus().setTextAlign("right").run(),isActive:()=>e.isActive({textAlign:"right"})},undo:{icon:t.jsx(o.Undo,{className:"h-4 w-4"}),action:()=>e.chain().focus().undo().run()},redo:{icon:t.jsx(o.Redo,{className:"h-4 w-4"}),action:()=>e.chain().focus().redo().run()}},{icon:d,action:m,isActive:p}=l[s];return s==="link"?t.jsxs($,{children:[t.jsx(Q,{asChild:!0,children:t.jsx(k,{type:"button",variant:p?.()?"secondary":"ghost",size:"icon",className:"h-7 w-7",children:d})}),t.jsx(U,{className:"w-64 p-2",children:t.jsxs("div",{className:"flex gap-2",children:[t.jsx(O,{value:n,onChange:u=>i(u.target.value),placeholder:"https://...",className:"h-8"}),t.jsx(k,{size:"sm",onClick:a,children:"OK"})]})})]}):t.jsx(k,{type:"button",variant:p?.()?"secondary":"ghost",size:"icon",className:"h-7 w-7",onClick:m,children:d})}const X=c.forwardRef(({value:s,onChange:e,placeholder:n,maxLength:i,showCharacterCount:a,minHeight:l,disabled:d,error:m,className:p,label:u,description:h,loading:g},v)=>t.jsxs("div",{ref:v,className:f.cn("space-y-1.5",p),children:[u&&t.jsx(C,{children:u}),h&&t.jsx("p",{className:"text-sm text-muted-foreground",children:h}),t.jsxs("div",{className:"relative",children:[t.jsx(I,{value:s,onChange:b=>e?.(b.target.value),placeholder:n,maxLength:i,disabled:d||g,style:{minHeight:l},className:f.cn(m&&"border-destructive")}),g&&t.jsx("div",{className:"absolute inset-0 flex items-center justify-center bg-background/50",children:t.jsx("span",{className:"text-sm text-muted-foreground",children:"Chargement..."})})]}),t.jsxs("div",{className:"flex items-center justify-between",children:[m&&t.jsx("p",{className:"text-sm text-destructive",children:m}),a&&t.jsxs("p",{className:"text-xs text-muted-foreground ml-auto",children:[s?.length||0,i&&` / ${i}`," caractères"]})]})]}));X.displayName="FallbackEditor";exports.Button=k;exports.Input=O;exports.Label=C;exports.Popover=$;exports.PopoverContent=U;exports.PopoverTrigger=Q;exports.Separator=H;exports.Textarea=I;exports.WakaRichTextEditor=G;