asterui 0.12.57 → 0.12.59
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/components/Autocomplete.js +1 -1
- package/dist/components/Autocomplete.js.map +1 -1
- package/dist/components/Button.js +1 -1
- package/dist/components/Button.js.map +1 -1
- package/dist/components/Checkbox.js +1 -1
- package/dist/components/Checkbox.js.map +1 -1
- package/dist/components/ColorPicker.js +1 -1
- package/dist/components/ColorPicker.js.map +1 -1
- package/dist/components/CopyButton.js +1 -1
- package/dist/components/CopyButton.js.map +1 -1
- package/dist/components/Countdown.js +1 -1
- package/dist/components/Countdown.js.map +1 -1
- package/dist/components/DatePicker.js +1 -1
- package/dist/components/DatePicker.js.map +1 -1
- package/dist/components/Dock.js +1 -1
- package/dist/components/Dock.js.map +1 -1
- package/dist/components/Empty.js +1 -1
- package/dist/components/Empty.js.map +1 -1
- package/dist/components/FileInput.js +1 -1
- package/dist/components/FileInput.js.map +1 -1
- package/dist/components/Filter.js +1 -1
- package/dist/components/Filter.js.map +1 -1
- package/dist/components/Form.d.ts +10 -1
- package/dist/components/Form.js +205 -184
- package/dist/components/Form.js.map +1 -1
- package/dist/components/Input.js +1 -1
- package/dist/components/Input.js.map +1 -1
- package/dist/components/InputNumber.js +1 -1
- package/dist/components/InputNumber.js.map +1 -1
- package/dist/components/List.js +1 -1
- package/dist/components/List.js.map +1 -1
- package/dist/components/Loading.js +1 -1
- package/dist/components/Loading.js.map +1 -1
- package/dist/components/Modal.js +1 -1
- package/dist/components/Modal.js.map +1 -1
- package/dist/components/OTPInput.js +1 -1
- package/dist/components/OTPInput.js.map +1 -1
- package/dist/components/Pagination.js +1 -1
- package/dist/components/Pagination.js.map +1 -1
- package/dist/components/Popconfirm.js +1 -1
- package/dist/components/Popconfirm.js.map +1 -1
- package/dist/components/Radio.js +1 -1
- package/dist/components/Radio.js.map +1 -1
- package/dist/components/Range.js +1 -1
- package/dist/components/Range.js.map +1 -1
- package/dist/components/Rating.js +1 -1
- package/dist/components/Rating.js.map +1 -1
- package/dist/components/RichTextEditor.js +1 -1
- package/dist/components/RichTextEditor.js.map +1 -1
- package/dist/components/Segmented.js +1 -1
- package/dist/components/Segmented.js.map +1 -1
- package/dist/components/Select.js +1 -1
- package/dist/components/Select.js.map +1 -1
- package/dist/components/Table.d.ts +19 -0
- package/dist/components/Table.js +348 -310
- package/dist/components/Table.js.map +1 -1
- package/dist/components/Tabs.js +1 -1
- package/dist/components/Tabs.js.map +1 -1
- package/dist/components/Textarea.js +1 -1
- package/dist/components/Textarea.js.map +1 -1
- package/dist/components/ThemeController.js +1 -1
- package/dist/components/ThemeController.js.map +1 -1
- package/dist/components/TimePicker.js +1 -1
- package/dist/components/TimePicker.js.map +1 -1
- package/dist/components/Toggle.js +1 -1
- package/dist/components/Toggle.js.map +1 -1
- package/dist/hooks/useTheme.d.ts +1 -1
- package/dist/hooks/useTheme.js +1 -1
- package/dist/hooks/useTheme.js.map +1 -1
- package/dist/index.d.ts +4 -4
- package/dist/index.js +2 -2
- package/dist/providers/ConfigProvider.js.map +1 -0
- package/dist/providers/ThemeProvider.js.map +1 -0
- package/package.json +1 -1
- package/dist/components/ConfigProvider.js.map +0 -1
- package/dist/components/ThemeProvider.js.map +0 -1
- /package/dist/{components → providers}/ConfigProvider.d.ts +0 -0
- /package/dist/{components → providers}/ConfigProvider.js +0 -0
- /package/dist/{components → providers}/ThemeProvider.d.ts +0 -0
- /package/dist/{components → providers}/ThemeProvider.js +0 -0
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"RichTextEditor.js","sources":["../../src/components/RichTextEditor.tsx"],"sourcesContent":["import React, { forwardRef, useCallback, useEffect } from 'react'\nimport { useEditor, EditorContent, Editor } from '@tiptap/react'\nimport StarterKit from '@tiptap/starter-kit'\nimport Underline from '@tiptap/extension-underline'\nimport Link from '@tiptap/extension-link'\nimport Placeholder from '@tiptap/extension-placeholder'\nimport { useConfig } from './ConfigProvider'\n\n// DaisyUI classes\nconst dBtn = 'btn'\nconst dBtnGhost = 'btn-ghost'\nconst dBtnXs = 'btn-xs'\nconst dLink = 'link'\nconst dLinkPrimary = 'link-primary'\n\n// Inline toolbar icons (from Heroicons outline)\nconst iconProps = (size: number) => ({\n xmlns: 'http://www.w3.org/2000/svg',\n fill: 'none',\n viewBox: '0 0 24 24',\n strokeWidth: 1.5,\n stroke: 'currentColor',\n width: size,\n height: size,\n 'aria-hidden': true as const,\n})\n\nconst BoldIcon = ({ size }: { size: number }) => (\n <svg {...iconProps(size)}>\n <path strokeLinecap=\"round\" strokeLinejoin=\"round\" d=\"M6.75 3.75h6.75a3.75 3.75 0 0 1 0 7.5H6.75V3.75ZM6.75 11.25h7.5a3.75 3.75 0 0 1 0 7.5h-7.5v-7.5Z\" />\n </svg>\n)\n\nconst ItalicIcon = ({ size }: { size: number }) => (\n <svg {...iconProps(size)}>\n <path strokeLinecap=\"round\" strokeLinejoin=\"round\" d=\"M5.248 20.248h4.5m4.5 0h4.5m-7.5-16.5h4.5m4.5 0h4.5M9.748 3.748l-4.5 16.5\" />\n </svg>\n)\n\nconst UnderlineIcon = ({ size }: { size: number }) => (\n <svg {...iconProps(size)}>\n <path strokeLinecap=\"round\" strokeLinejoin=\"round\" d=\"M17.995 3.744v7.5a6 6 0 1 1-12 0v-7.5m-2.25 16.502h16.5\" />\n </svg>\n)\n\nconst StrikethroughIcon = ({ size }: { size: number }) => (\n <svg {...iconProps(size)}>\n <path strokeLinecap=\"round\" strokeLinejoin=\"round\" d=\"M12 12a4.5 4.5 0 0 0 0 9c2.485 0 4.5-2.015 4.5-4.5M12 12V3m0 9H3m9 0h9m-4.5-4.5a4.5 4.5 0 0 0-9 0\" />\n </svg>\n)\n\nconst CodeBracketIcon = ({ size }: { size: number }) => (\n <svg {...iconProps(size)}>\n <path strokeLinecap=\"round\" strokeLinejoin=\"round\" d=\"M17.25 6.75 22.5 12l-5.25 5.25m-10.5 0L1.5 12l5.25-5.25m7.5-3-4.5 16.5\" />\n </svg>\n)\n\nconst H1Icon = ({ size }: { size: number }) => (\n <svg {...iconProps(size)}>\n <path strokeLinecap=\"round\" strokeLinejoin=\"round\" d=\"M2.243 4.493v7.5m0 0v7.502m0-7.501h10.5m0-7.5v7.5m0 0v7.501m4.501-8.627 2.25-1.5v10.126m0 0h-2.25m2.25 0h2.25\" />\n </svg>\n)\n\nconst H2Icon = ({ size }: { size: number }) => (\n <svg {...iconProps(size)}>\n <path strokeLinecap=\"round\" strokeLinejoin=\"round\" d=\"M21.75 19.5H16.5v-1.609a2.25 2.25 0 0 1 1.244-2.012l2.89-1.445c.651-.326 1.116-.955 1.116-1.684 0-.498-.04-.987-.118-1.463-.135-.825-.835-1.422-1.668-1.489a15.202 15.202 0 0 0-3.464.12M2.243 4.492v7.5m0 0v7.502m0-7.501h10.5m0-7.5v7.5m0 0v7.501\" />\n </svg>\n)\n\nconst H3Icon = ({ size }: { size: number }) => (\n <svg {...iconProps(size)}>\n <path strokeLinecap=\"round\" strokeLinejoin=\"round\" d=\"M20.905 14.626a4.52 4.52 0 0 1 .738 3.603c-.154.695-.794 1.143-1.504 1.208a15.194 15.194 0 0 1-3.639-.104m4.405-4.707a4.52 4.52 0 0 0 .738-3.603c-.154-.696-.794-1.144-1.504-1.209a15.19 15.19 0 0 0-3.639.104m4.405 4.708H18M2.243 4.493v7.5m0 0v7.502m0-7.501h10.5m0-7.5v7.5m0 0v7.501\" />\n </svg>\n)\n\nconst ListBulletIcon = ({ size }: { size: number }) => (\n <svg {...iconProps(size)}>\n <path strokeLinecap=\"round\" strokeLinejoin=\"round\" d=\"M8.25 6.75h12M8.25 12h12m-12 5.25h12M3.75 6.75h.007v.008H3.75V6.75Zm.375 0a.375.375 0 1 1-.75 0 .375.375 0 0 1 .75 0ZM3.75 12h.007v.008H3.75V12Zm.375 0a.375.375 0 1 1-.75 0 .375.375 0 0 1 .75 0Zm-.375 5.25h.007v.008H3.75v-.008Zm.375 0a.375.375 0 1 1-.75 0 .375.375 0 0 1 .75 0Z\" />\n </svg>\n)\n\nconst NumberedListIcon = ({ size }: { size: number }) => (\n <svg {...iconProps(size)}>\n <path strokeLinecap=\"round\" strokeLinejoin=\"round\" d=\"M8.242 5.992h12m-12 6.003h12m-12 5.999h12M4.117 7.495v-3.75H2.99m1.125 3.75H2.99m1.125 0H5.24m-1.92 2.577a1.125 1.125 0 1 1 1.591 1.59l-1.83 1.83h2.16M2.99 15.745h1.125a1.125 1.125 0 0 1 0 2.25H3.74m0-.002h.375a1.125 1.125 0 0 1 0 2.25H2.99\" />\n </svg>\n)\n\nconst Bars3BottomLeftIcon = ({ size }: { size: number }) => (\n <svg {...iconProps(size)}>\n <path strokeLinecap=\"round\" strokeLinejoin=\"round\" d=\"M3.75 6.75h16.5M3.75 12h16.5m-16.5 5.25H12\" />\n </svg>\n)\n\nconst CommandLineIcon = ({ size }: { size: number }) => (\n <svg {...iconProps(size)}>\n <path strokeLinecap=\"round\" strokeLinejoin=\"round\" d=\"m6.75 7.5 3 2.25-3 2.25m4.5 0h3m-9 8.25h13.5A2.25 2.25 0 0 0 21 18V6a2.25 2.25 0 0 0-2.25-2.25H5.25A2.25 2.25 0 0 0 3 6v12a2.25 2.25 0 0 0 2.25 2.25Z\" />\n </svg>\n)\n\nconst MinusIcon = ({ size }: { size: number }) => (\n <svg {...iconProps(size)}>\n <path strokeLinecap=\"round\" strokeLinejoin=\"round\" d=\"M5 12h14\" />\n </svg>\n)\n\nconst LinkIcon = ({ size }: { size: number }) => (\n <svg {...iconProps(size)}>\n <path strokeLinecap=\"round\" strokeLinejoin=\"round\" d=\"M13.19 8.688a4.5 4.5 0 0 1 1.242 7.244l-4.5 4.5a4.5 4.5 0 0 1-6.364-6.364l1.757-1.757m13.35-.622 1.757-1.757a4.5 4.5 0 0 0-6.364-6.364l-4.5 4.5a4.5 4.5 0 0 0 1.242 7.244\" />\n </svg>\n)\n\nconst ArrowUturnLeftIcon = ({ size }: { size: number }) => (\n <svg {...iconProps(size)}>\n <path strokeLinecap=\"round\" strokeLinejoin=\"round\" d=\"M9 15 3 9m0 0 6-6M3 9h12a6 6 0 0 1 0 12h-3\" />\n </svg>\n)\n\nconst ArrowUturnRightIcon = ({ size }: { size: number }) => (\n <svg {...iconProps(size)}>\n <path strokeLinecap=\"round\" strokeLinejoin=\"round\" d=\"m15 15 6-6m0 0-6-6m6 6H9a6 6 0 0 0 0 12h3\" />\n </svg>\n)\n\nexport type ToolbarItem =\n | 'bold'\n | 'italic'\n | 'underline'\n | 'strikethrough'\n | 'code'\n | 'heading1'\n | 'heading2'\n | 'heading3'\n | 'bulletList'\n | 'orderedList'\n | 'blockquote'\n | 'codeBlock'\n | 'horizontalRule'\n | 'link'\n | 'undo'\n | 'redo'\n | '|'\n\nexport interface RichTextEditorProps\n extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onChange'> {\n /** Initial HTML content */\n value?: string\n /** Callback when content changes */\n onChange?: (html: string) => void\n /** Placeholder text */\n placeholder?: string\n /** Toolbar items to display */\n toolbar?: ToolbarItem[]\n /** Hide the toolbar */\n hideToolbar?: boolean\n /** Make editor read-only */\n readOnly?: boolean\n /** Auto focus on mount */\n autoFocus?: boolean\n /** Minimum height of the editor */\n minHeight?: string | number\n /** Maximum height of the editor (enables scrolling) */\n maxHeight?: string | number\n /** Editor size variant */\n size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl'\n /** Show border around editor */\n bordered?: boolean\n /** Callback with editor instance */\n onEditorReady?: (editor: Editor) => void\n 'data-testid'?: string\n}\n\nconst defaultToolbar: ToolbarItem[] = [\n 'bold',\n 'italic',\n 'underline',\n 'strikethrough',\n '|',\n 'heading1',\n 'heading2',\n '|',\n 'bulletList',\n 'orderedList',\n 'blockquote',\n '|',\n 'link',\n 'code',\n 'codeBlock',\n '|',\n 'undo',\n 'redo',\n]\n\nconst sizeClasses = {\n xs: 'text-xs',\n sm: 'text-sm',\n md: 'text-base',\n lg: 'text-lg',\n xl: 'text-xl',\n}\n\ninterface ToolbarButtonProps {\n onClick: () => void\n isActive?: boolean\n disabled?: boolean\n title: string\n children: React.ReactNode\n}\n\nconst ToolbarButton: React.FC<ToolbarButtonProps> = ({\n onClick,\n isActive,\n disabled,\n title,\n children,\n}) => (\n <button\n type=\"button\"\n onClick={onClick}\n disabled={disabled}\n title={title}\n className={`\n ${dBtn} ${dBtnGhost} ${dBtnXs} px-2 min-h-8 h-8\n ${isActive ? 'bg-base-300 text-base-content' : 'text-base-content/70'}\n ${disabled ? 'opacity-50 cursor-not-allowed' : 'hover:bg-base-200'}\n `}\n >\n {children}\n </button>\n)\n\nconst ToolbarDivider: React.FC = () => (\n <div className=\"w-px h-6 bg-base-300 mx-1\" />\n)\n\n// Map editor size to icon pixel size\nconst editorSizeToIconSize: Record<'xs' | 'sm' | 'md' | 'lg' | 'xl', number> = {\n xs: 12,\n sm: 14,\n md: 16,\n lg: 20,\n xl: 24,\n}\n\nconst EditorToolbar: React.FC<{\n editor: Editor | null\n toolbar: ToolbarItem[]\n editorSize: 'xs' | 'sm' | 'md' | 'lg' | 'xl'\n}> = ({ editor, toolbar, editorSize }) => {\n const iconSize = editorSizeToIconSize[editorSize]\n const setLink = useCallback(() => {\n if (!editor) return\n\n const previousUrl = editor.getAttributes('link').href\n const url = window.prompt('URL', previousUrl)\n\n if (url === null) return\n\n if (url === '') {\n editor.chain().focus().extendMarkRange('link').unsetLink().run()\n return\n }\n\n editor.chain().focus().extendMarkRange('link').setLink({ href: url }).run()\n }, [editor])\n\n if (!editor) return null\n\n const renderToolbarItem = (item: ToolbarItem, index: number) => {\n if (item === '|') {\n return <ToolbarDivider key={`divider-${index}`} />\n }\n\n const toolbarActions: Record<\n Exclude<ToolbarItem, '|'>,\n { icon: React.FC<{ size: number }>; action: () => void; isActive: () => boolean; canExecute: () => boolean; title: string }\n > = {\n bold: {\n icon: BoldIcon,\n action: () => editor.chain().focus().toggleBold().run(),\n isActive: () => editor.isActive('bold'),\n canExecute: () => editor.can().chain().focus().toggleBold().run(),\n title: 'Bold',\n },\n italic: {\n icon: ItalicIcon,\n action: () => editor.chain().focus().toggleItalic().run(),\n isActive: () => editor.isActive('italic'),\n canExecute: () => editor.can().chain().focus().toggleItalic().run(),\n title: 'Italic',\n },\n underline: {\n icon: UnderlineIcon,\n action: () => editor.chain().focus().toggleUnderline().run(),\n isActive: () => editor.isActive('underline'),\n canExecute: () => editor.can().chain().focus().toggleUnderline().run(),\n title: 'Underline',\n },\n strikethrough: {\n icon: StrikethroughIcon,\n action: () => editor.chain().focus().toggleStrike().run(),\n isActive: () => editor.isActive('strike'),\n canExecute: () => editor.can().chain().focus().toggleStrike().run(),\n title: 'Strikethrough',\n },\n code: {\n icon: CodeBracketIcon,\n action: () => editor.chain().focus().toggleCode().run(),\n isActive: () => editor.isActive('code'),\n canExecute: () => editor.can().chain().focus().toggleCode().run(),\n title: 'Inline Code',\n },\n heading1: {\n icon: H1Icon,\n action: () => editor.chain().focus().toggleHeading({ level: 1 }).run(),\n isActive: () => editor.isActive('heading', { level: 1 }),\n canExecute: () => true,\n title: 'Heading 1',\n },\n heading2: {\n icon: H2Icon,\n action: () => editor.chain().focus().toggleHeading({ level: 2 }).run(),\n isActive: () => editor.isActive('heading', { level: 2 }),\n canExecute: () => true,\n title: 'Heading 2',\n },\n heading3: {\n icon: H3Icon,\n action: () => editor.chain().focus().toggleHeading({ level: 3 }).run(),\n isActive: () => editor.isActive('heading', { level: 3 }),\n canExecute: () => true,\n title: 'Heading 3',\n },\n bulletList: {\n icon: ListBulletIcon,\n action: () => editor.chain().focus().toggleBulletList().run(),\n isActive: () => editor.isActive('bulletList'),\n canExecute: () => true,\n title: 'Bullet List',\n },\n orderedList: {\n icon: NumberedListIcon,\n action: () => editor.chain().focus().toggleOrderedList().run(),\n isActive: () => editor.isActive('orderedList'),\n canExecute: () => true,\n title: 'Numbered List',\n },\n blockquote: {\n icon: Bars3BottomLeftIcon,\n action: () => editor.chain().focus().toggleBlockquote().run(),\n isActive: () => editor.isActive('blockquote'),\n canExecute: () => true,\n title: 'Blockquote',\n },\n codeBlock: {\n icon: CommandLineIcon,\n action: () => editor.chain().focus().toggleCodeBlock().run(),\n isActive: () => editor.isActive('codeBlock'),\n canExecute: () => true,\n title: 'Code Block',\n },\n horizontalRule: {\n icon: MinusIcon,\n action: () => editor.chain().focus().setHorizontalRule().run(),\n isActive: () => false,\n canExecute: () => true,\n title: 'Horizontal Rule',\n },\n link: {\n icon: LinkIcon,\n action: setLink,\n isActive: () => editor.isActive('link'),\n canExecute: () => true,\n title: 'Add Link',\n },\n undo: {\n icon: ArrowUturnLeftIcon,\n action: () => editor.chain().focus().undo().run(),\n isActive: () => false,\n canExecute: () => editor.can().chain().focus().undo().run(),\n title: 'Undo',\n },\n redo: {\n icon: ArrowUturnRightIcon,\n action: () => editor.chain().focus().redo().run(),\n isActive: () => false,\n canExecute: () => editor.can().chain().focus().redo().run(),\n title: 'Redo',\n },\n }\n\n const { icon: Icon, ...config } = toolbarActions[item]\n return (\n <ToolbarButton\n key={item}\n onClick={config.action}\n isActive={config.isActive()}\n disabled={!config.canExecute()}\n title={config.title}\n >\n <Icon size={iconSize} />\n </ToolbarButton>\n )\n }\n\n return (\n <div className=\"flex flex-wrap items-center gap-0.5 p-2 border-b border-base-300 bg-base-200/50\">\n {toolbar.map((item, index) => renderToolbarItem(item, index))}\n </div>\n )\n}\n\nexport const RichTextEditor = forwardRef<HTMLDivElement, RichTextEditorProps>(\n (\n {\n value = '',\n onChange,\n placeholder = 'Start typing...',\n toolbar = defaultToolbar,\n hideToolbar = false,\n readOnly = false,\n autoFocus = false,\n minHeight = 200,\n maxHeight,\n size,\n bordered = true,\n onEditorReady,\n className = '',\n 'data-testid': testId = 'rich-text-editor',\n ...rest\n },\n ref\n ) => {\n const { componentSize } = useConfig()\n const effectiveSize = size ?? componentSize ?? 'md'\n\n const editor = useEditor({\n extensions: [\n StarterKit.configure({\n heading: {\n levels: [1, 2, 3],\n },\n }),\n Underline,\n Link.configure({\n openOnClick: false,\n HTMLAttributes: {\n class: `${dLink} ${dLinkPrimary}`,\n },\n }),\n Placeholder.configure({\n placeholder,\n emptyEditorClass: 'is-editor-empty',\n }),\n ],\n content: value,\n editable: !readOnly,\n autofocus: autoFocus,\n onUpdate: ({ editor }) => {\n onChange?.(editor.getHTML())\n },\n editorProps: {\n attributes: {\n class: `prose prose-sm max-w-none focus:outline-none ${sizeClasses[effectiveSize]}`,\n },\n },\n })\n\n useEffect(() => {\n if (editor && onEditorReady) {\n onEditorReady(editor)\n }\n }, [editor, onEditorReady])\n\n // Sync value prop changes\n useEffect(() => {\n if (editor && value !== editor.getHTML()) {\n editor.commands.setContent(value, false)\n }\n }, [value, editor])\n\n // Sync editable state\n useEffect(() => {\n if (editor) {\n editor.setEditable(!readOnly)\n }\n }, [readOnly, editor])\n\n const minHeightStyle = typeof minHeight === 'number' ? `${minHeight}px` : minHeight\n const maxHeightStyle = maxHeight\n ? typeof maxHeight === 'number'\n ? `${maxHeight}px`\n : maxHeight\n : undefined\n\n return (\n <div\n ref={ref}\n className={`\n bg-base-100 rounded-lg overflow-hidden\n ${bordered ? 'border border-base-300' : ''}\n ${className}\n `}\n data-testid={testId}\n {...rest}\n >\n {!hideToolbar && <EditorToolbar editor={editor} toolbar={toolbar} editorSize={effectiveSize} />}\n <div\n className={`\n p-4 overflow-y-auto\n ${maxHeightStyle ? 'overflow-y-auto' : ''}\n `}\n style={{\n minHeight: minHeightStyle,\n maxHeight: maxHeightStyle,\n }}\n >\n <EditorContent\n editor={editor}\n className={`\n [&_.ProseMirror]:min-h-full [&_.ProseMirror]:outline-none\n [&_.ProseMirror_p.is-editor-empty:first-child::before]:content-[attr(data-placeholder)]\n [&_.ProseMirror_p.is-editor-empty:first-child::before]:text-base-content/40\n [&_.ProseMirror_p.is-editor-empty:first-child::before]:float-left\n [&_.ProseMirror_p.is-editor-empty:first-child::before]:h-0\n [&_.ProseMirror_p.is-editor-empty:first-child::before]:pointer-events-none\n [&_.ProseMirror_h1]:text-2xl [&_.ProseMirror_h1]:font-bold [&_.ProseMirror_h1]:mt-4 [&_.ProseMirror_h1]:mb-2\n [&_.ProseMirror_h2]:text-xl [&_.ProseMirror_h2]:font-bold [&_.ProseMirror_h2]:mt-3 [&_.ProseMirror_h2]:mb-2\n [&_.ProseMirror_h3]:text-lg [&_.ProseMirror_h3]:font-bold [&_.ProseMirror_h3]:mt-2 [&_.ProseMirror_h3]:mb-1\n [&_.ProseMirror_p]:my-2\n [&_.ProseMirror_ul]:list-disc [&_.ProseMirror_ul]:pl-6 [&_.ProseMirror_ul]:my-2\n [&_.ProseMirror_ol]:list-decimal [&_.ProseMirror_ol]:pl-6 [&_.ProseMirror_ol]:my-2\n [&_.ProseMirror_li]:my-1\n [&_.ProseMirror_blockquote]:border-l-4 [&_.ProseMirror_blockquote]:border-base-300\n [&_.ProseMirror_blockquote]:pl-4 [&_.ProseMirror_blockquote]:italic [&_.ProseMirror_blockquote]:my-2\n [&_.ProseMirror_code]:bg-base-200 [&_.ProseMirror_code]:px-1 [&_.ProseMirror_code]:py-0.5\n [&_.ProseMirror_code]:rounded [&_.ProseMirror_code]:font-mono [&_.ProseMirror_code]:text-sm\n [&_.ProseMirror_pre]:bg-base-200 [&_.ProseMirror_pre]:p-4 [&_.ProseMirror_pre]:rounded-lg\n [&_.ProseMirror_pre]:my-2 [&_.ProseMirror_pre]:overflow-x-auto\n [&_.ProseMirror_pre_code]:bg-transparent [&_.ProseMirror_pre_code]:p-0\n [&_.ProseMirror_hr]:border-base-300 [&_.ProseMirror_hr]:my-4\n [&_.ProseMirror_a]:text-primary [&_.ProseMirror_a]:underline\n `}\n />\n </div>\n </div>\n )\n }\n)\n\nRichTextEditor.displayName = 'RichTextEditor'\n\nexport default RichTextEditor\n"],"names":["dBtn","dBtnGhost","dBtnXs","dLink","dLinkPrimary","iconProps","size","BoldIcon","jsx","ItalicIcon","UnderlineIcon","StrikethroughIcon","CodeBracketIcon","H1Icon","H2Icon","H3Icon","ListBulletIcon","NumberedListIcon","Bars3BottomLeftIcon","CommandLineIcon","MinusIcon","LinkIcon","ArrowUturnLeftIcon","ArrowUturnRightIcon","defaultToolbar","sizeClasses","ToolbarButton","onClick","isActive","disabled","title","children","ToolbarDivider","editorSizeToIconSize","EditorToolbar","editor","toolbar","editorSize","iconSize","setLink","useCallback","previousUrl","url","renderToolbarItem","item","index","toolbarActions","Icon","config","RichTextEditor","forwardRef","value","onChange","placeholder","hideToolbar","readOnly","autoFocus","minHeight","maxHeight","bordered","onEditorReady","className","testId","rest","ref","componentSize","useConfig","effectiveSize","useEditor","StarterKit","Underline","Link","Placeholder","useEffect","minHeightStyle","maxHeightStyle","jsxs","EditorContent"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"RichTextEditor.js","sources":["../../src/components/RichTextEditor.tsx"],"sourcesContent":["import React, { forwardRef, useCallback, useEffect } from 'react'\nimport { useEditor, EditorContent, Editor } from '@tiptap/react'\nimport StarterKit from '@tiptap/starter-kit'\nimport Underline from '@tiptap/extension-underline'\nimport Link from '@tiptap/extension-link'\nimport Placeholder from '@tiptap/extension-placeholder'\nimport { useConfig } from '../providers/ConfigProvider'\n\n// DaisyUI classes\nconst dBtn = 'btn'\nconst dBtnGhost = 'btn-ghost'\nconst dBtnXs = 'btn-xs'\nconst dLink = 'link'\nconst dLinkPrimary = 'link-primary'\n\n// Inline toolbar icons (from Heroicons outline)\nconst iconProps = (size: number) => ({\n xmlns: 'http://www.w3.org/2000/svg',\n fill: 'none',\n viewBox: '0 0 24 24',\n strokeWidth: 1.5,\n stroke: 'currentColor',\n width: size,\n height: size,\n 'aria-hidden': true as const,\n})\n\nconst BoldIcon = ({ size }: { size: number }) => (\n <svg {...iconProps(size)}>\n <path strokeLinecap=\"round\" strokeLinejoin=\"round\" d=\"M6.75 3.75h6.75a3.75 3.75 0 0 1 0 7.5H6.75V3.75ZM6.75 11.25h7.5a3.75 3.75 0 0 1 0 7.5h-7.5v-7.5Z\" />\n </svg>\n)\n\nconst ItalicIcon = ({ size }: { size: number }) => (\n <svg {...iconProps(size)}>\n <path strokeLinecap=\"round\" strokeLinejoin=\"round\" d=\"M5.248 20.248h4.5m4.5 0h4.5m-7.5-16.5h4.5m4.5 0h4.5M9.748 3.748l-4.5 16.5\" />\n </svg>\n)\n\nconst UnderlineIcon = ({ size }: { size: number }) => (\n <svg {...iconProps(size)}>\n <path strokeLinecap=\"round\" strokeLinejoin=\"round\" d=\"M17.995 3.744v7.5a6 6 0 1 1-12 0v-7.5m-2.25 16.502h16.5\" />\n </svg>\n)\n\nconst StrikethroughIcon = ({ size }: { size: number }) => (\n <svg {...iconProps(size)}>\n <path strokeLinecap=\"round\" strokeLinejoin=\"round\" d=\"M12 12a4.5 4.5 0 0 0 0 9c2.485 0 4.5-2.015 4.5-4.5M12 12V3m0 9H3m9 0h9m-4.5-4.5a4.5 4.5 0 0 0-9 0\" />\n </svg>\n)\n\nconst CodeBracketIcon = ({ size }: { size: number }) => (\n <svg {...iconProps(size)}>\n <path strokeLinecap=\"round\" strokeLinejoin=\"round\" d=\"M17.25 6.75 22.5 12l-5.25 5.25m-10.5 0L1.5 12l5.25-5.25m7.5-3-4.5 16.5\" />\n </svg>\n)\n\nconst H1Icon = ({ size }: { size: number }) => (\n <svg {...iconProps(size)}>\n <path strokeLinecap=\"round\" strokeLinejoin=\"round\" d=\"M2.243 4.493v7.5m0 0v7.502m0-7.501h10.5m0-7.5v7.5m0 0v7.501m4.501-8.627 2.25-1.5v10.126m0 0h-2.25m2.25 0h2.25\" />\n </svg>\n)\n\nconst H2Icon = ({ size }: { size: number }) => (\n <svg {...iconProps(size)}>\n <path strokeLinecap=\"round\" strokeLinejoin=\"round\" d=\"M21.75 19.5H16.5v-1.609a2.25 2.25 0 0 1 1.244-2.012l2.89-1.445c.651-.326 1.116-.955 1.116-1.684 0-.498-.04-.987-.118-1.463-.135-.825-.835-1.422-1.668-1.489a15.202 15.202 0 0 0-3.464.12M2.243 4.492v7.5m0 0v7.502m0-7.501h10.5m0-7.5v7.5m0 0v7.501\" />\n </svg>\n)\n\nconst H3Icon = ({ size }: { size: number }) => (\n <svg {...iconProps(size)}>\n <path strokeLinecap=\"round\" strokeLinejoin=\"round\" d=\"M20.905 14.626a4.52 4.52 0 0 1 .738 3.603c-.154.695-.794 1.143-1.504 1.208a15.194 15.194 0 0 1-3.639-.104m4.405-4.707a4.52 4.52 0 0 0 .738-3.603c-.154-.696-.794-1.144-1.504-1.209a15.19 15.19 0 0 0-3.639.104m4.405 4.708H18M2.243 4.493v7.5m0 0v7.502m0-7.501h10.5m0-7.5v7.5m0 0v7.501\" />\n </svg>\n)\n\nconst ListBulletIcon = ({ size }: { size: number }) => (\n <svg {...iconProps(size)}>\n <path strokeLinecap=\"round\" strokeLinejoin=\"round\" d=\"M8.25 6.75h12M8.25 12h12m-12 5.25h12M3.75 6.75h.007v.008H3.75V6.75Zm.375 0a.375.375 0 1 1-.75 0 .375.375 0 0 1 .75 0ZM3.75 12h.007v.008H3.75V12Zm.375 0a.375.375 0 1 1-.75 0 .375.375 0 0 1 .75 0Zm-.375 5.25h.007v.008H3.75v-.008Zm.375 0a.375.375 0 1 1-.75 0 .375.375 0 0 1 .75 0Z\" />\n </svg>\n)\n\nconst NumberedListIcon = ({ size }: { size: number }) => (\n <svg {...iconProps(size)}>\n <path strokeLinecap=\"round\" strokeLinejoin=\"round\" d=\"M8.242 5.992h12m-12 6.003h12m-12 5.999h12M4.117 7.495v-3.75H2.99m1.125 3.75H2.99m1.125 0H5.24m-1.92 2.577a1.125 1.125 0 1 1 1.591 1.59l-1.83 1.83h2.16M2.99 15.745h1.125a1.125 1.125 0 0 1 0 2.25H3.74m0-.002h.375a1.125 1.125 0 0 1 0 2.25H2.99\" />\n </svg>\n)\n\nconst Bars3BottomLeftIcon = ({ size }: { size: number }) => (\n <svg {...iconProps(size)}>\n <path strokeLinecap=\"round\" strokeLinejoin=\"round\" d=\"M3.75 6.75h16.5M3.75 12h16.5m-16.5 5.25H12\" />\n </svg>\n)\n\nconst CommandLineIcon = ({ size }: { size: number }) => (\n <svg {...iconProps(size)}>\n <path strokeLinecap=\"round\" strokeLinejoin=\"round\" d=\"m6.75 7.5 3 2.25-3 2.25m4.5 0h3m-9 8.25h13.5A2.25 2.25 0 0 0 21 18V6a2.25 2.25 0 0 0-2.25-2.25H5.25A2.25 2.25 0 0 0 3 6v12a2.25 2.25 0 0 0 2.25 2.25Z\" />\n </svg>\n)\n\nconst MinusIcon = ({ size }: { size: number }) => (\n <svg {...iconProps(size)}>\n <path strokeLinecap=\"round\" strokeLinejoin=\"round\" d=\"M5 12h14\" />\n </svg>\n)\n\nconst LinkIcon = ({ size }: { size: number }) => (\n <svg {...iconProps(size)}>\n <path strokeLinecap=\"round\" strokeLinejoin=\"round\" d=\"M13.19 8.688a4.5 4.5 0 0 1 1.242 7.244l-4.5 4.5a4.5 4.5 0 0 1-6.364-6.364l1.757-1.757m13.35-.622 1.757-1.757a4.5 4.5 0 0 0-6.364-6.364l-4.5 4.5a4.5 4.5 0 0 0 1.242 7.244\" />\n </svg>\n)\n\nconst ArrowUturnLeftIcon = ({ size }: { size: number }) => (\n <svg {...iconProps(size)}>\n <path strokeLinecap=\"round\" strokeLinejoin=\"round\" d=\"M9 15 3 9m0 0 6-6M3 9h12a6 6 0 0 1 0 12h-3\" />\n </svg>\n)\n\nconst ArrowUturnRightIcon = ({ size }: { size: number }) => (\n <svg {...iconProps(size)}>\n <path strokeLinecap=\"round\" strokeLinejoin=\"round\" d=\"m15 15 6-6m0 0-6-6m6 6H9a6 6 0 0 0 0 12h3\" />\n </svg>\n)\n\nexport type ToolbarItem =\n | 'bold'\n | 'italic'\n | 'underline'\n | 'strikethrough'\n | 'code'\n | 'heading1'\n | 'heading2'\n | 'heading3'\n | 'bulletList'\n | 'orderedList'\n | 'blockquote'\n | 'codeBlock'\n | 'horizontalRule'\n | 'link'\n | 'undo'\n | 'redo'\n | '|'\n\nexport interface RichTextEditorProps\n extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onChange'> {\n /** Initial HTML content */\n value?: string\n /** Callback when content changes */\n onChange?: (html: string) => void\n /** Placeholder text */\n placeholder?: string\n /** Toolbar items to display */\n toolbar?: ToolbarItem[]\n /** Hide the toolbar */\n hideToolbar?: boolean\n /** Make editor read-only */\n readOnly?: boolean\n /** Auto focus on mount */\n autoFocus?: boolean\n /** Minimum height of the editor */\n minHeight?: string | number\n /** Maximum height of the editor (enables scrolling) */\n maxHeight?: string | number\n /** Editor size variant */\n size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl'\n /** Show border around editor */\n bordered?: boolean\n /** Callback with editor instance */\n onEditorReady?: (editor: Editor) => void\n 'data-testid'?: string\n}\n\nconst defaultToolbar: ToolbarItem[] = [\n 'bold',\n 'italic',\n 'underline',\n 'strikethrough',\n '|',\n 'heading1',\n 'heading2',\n '|',\n 'bulletList',\n 'orderedList',\n 'blockquote',\n '|',\n 'link',\n 'code',\n 'codeBlock',\n '|',\n 'undo',\n 'redo',\n]\n\nconst sizeClasses = {\n xs: 'text-xs',\n sm: 'text-sm',\n md: 'text-base',\n lg: 'text-lg',\n xl: 'text-xl',\n}\n\ninterface ToolbarButtonProps {\n onClick: () => void\n isActive?: boolean\n disabled?: boolean\n title: string\n children: React.ReactNode\n}\n\nconst ToolbarButton: React.FC<ToolbarButtonProps> = ({\n onClick,\n isActive,\n disabled,\n title,\n children,\n}) => (\n <button\n type=\"button\"\n onClick={onClick}\n disabled={disabled}\n title={title}\n className={`\n ${dBtn} ${dBtnGhost} ${dBtnXs} px-2 min-h-8 h-8\n ${isActive ? 'bg-base-300 text-base-content' : 'text-base-content/70'}\n ${disabled ? 'opacity-50 cursor-not-allowed' : 'hover:bg-base-200'}\n `}\n >\n {children}\n </button>\n)\n\nconst ToolbarDivider: React.FC = () => (\n <div className=\"w-px h-6 bg-base-300 mx-1\" />\n)\n\n// Map editor size to icon pixel size\nconst editorSizeToIconSize: Record<'xs' | 'sm' | 'md' | 'lg' | 'xl', number> = {\n xs: 12,\n sm: 14,\n md: 16,\n lg: 20,\n xl: 24,\n}\n\nconst EditorToolbar: React.FC<{\n editor: Editor | null\n toolbar: ToolbarItem[]\n editorSize: 'xs' | 'sm' | 'md' | 'lg' | 'xl'\n}> = ({ editor, toolbar, editorSize }) => {\n const iconSize = editorSizeToIconSize[editorSize]\n const setLink = useCallback(() => {\n if (!editor) return\n\n const previousUrl = editor.getAttributes('link').href\n const url = window.prompt('URL', previousUrl)\n\n if (url === null) return\n\n if (url === '') {\n editor.chain().focus().extendMarkRange('link').unsetLink().run()\n return\n }\n\n editor.chain().focus().extendMarkRange('link').setLink({ href: url }).run()\n }, [editor])\n\n if (!editor) return null\n\n const renderToolbarItem = (item: ToolbarItem, index: number) => {\n if (item === '|') {\n return <ToolbarDivider key={`divider-${index}`} />\n }\n\n const toolbarActions: Record<\n Exclude<ToolbarItem, '|'>,\n { icon: React.FC<{ size: number }>; action: () => void; isActive: () => boolean; canExecute: () => boolean; title: string }\n > = {\n bold: {\n icon: BoldIcon,\n action: () => editor.chain().focus().toggleBold().run(),\n isActive: () => editor.isActive('bold'),\n canExecute: () => editor.can().chain().focus().toggleBold().run(),\n title: 'Bold',\n },\n italic: {\n icon: ItalicIcon,\n action: () => editor.chain().focus().toggleItalic().run(),\n isActive: () => editor.isActive('italic'),\n canExecute: () => editor.can().chain().focus().toggleItalic().run(),\n title: 'Italic',\n },\n underline: {\n icon: UnderlineIcon,\n action: () => editor.chain().focus().toggleUnderline().run(),\n isActive: () => editor.isActive('underline'),\n canExecute: () => editor.can().chain().focus().toggleUnderline().run(),\n title: 'Underline',\n },\n strikethrough: {\n icon: StrikethroughIcon,\n action: () => editor.chain().focus().toggleStrike().run(),\n isActive: () => editor.isActive('strike'),\n canExecute: () => editor.can().chain().focus().toggleStrike().run(),\n title: 'Strikethrough',\n },\n code: {\n icon: CodeBracketIcon,\n action: () => editor.chain().focus().toggleCode().run(),\n isActive: () => editor.isActive('code'),\n canExecute: () => editor.can().chain().focus().toggleCode().run(),\n title: 'Inline Code',\n },\n heading1: {\n icon: H1Icon,\n action: () => editor.chain().focus().toggleHeading({ level: 1 }).run(),\n isActive: () => editor.isActive('heading', { level: 1 }),\n canExecute: () => true,\n title: 'Heading 1',\n },\n heading2: {\n icon: H2Icon,\n action: () => editor.chain().focus().toggleHeading({ level: 2 }).run(),\n isActive: () => editor.isActive('heading', { level: 2 }),\n canExecute: () => true,\n title: 'Heading 2',\n },\n heading3: {\n icon: H3Icon,\n action: () => editor.chain().focus().toggleHeading({ level: 3 }).run(),\n isActive: () => editor.isActive('heading', { level: 3 }),\n canExecute: () => true,\n title: 'Heading 3',\n },\n bulletList: {\n icon: ListBulletIcon,\n action: () => editor.chain().focus().toggleBulletList().run(),\n isActive: () => editor.isActive('bulletList'),\n canExecute: () => true,\n title: 'Bullet List',\n },\n orderedList: {\n icon: NumberedListIcon,\n action: () => editor.chain().focus().toggleOrderedList().run(),\n isActive: () => editor.isActive('orderedList'),\n canExecute: () => true,\n title: 'Numbered List',\n },\n blockquote: {\n icon: Bars3BottomLeftIcon,\n action: () => editor.chain().focus().toggleBlockquote().run(),\n isActive: () => editor.isActive('blockquote'),\n canExecute: () => true,\n title: 'Blockquote',\n },\n codeBlock: {\n icon: CommandLineIcon,\n action: () => editor.chain().focus().toggleCodeBlock().run(),\n isActive: () => editor.isActive('codeBlock'),\n canExecute: () => true,\n title: 'Code Block',\n },\n horizontalRule: {\n icon: MinusIcon,\n action: () => editor.chain().focus().setHorizontalRule().run(),\n isActive: () => false,\n canExecute: () => true,\n title: 'Horizontal Rule',\n },\n link: {\n icon: LinkIcon,\n action: setLink,\n isActive: () => editor.isActive('link'),\n canExecute: () => true,\n title: 'Add Link',\n },\n undo: {\n icon: ArrowUturnLeftIcon,\n action: () => editor.chain().focus().undo().run(),\n isActive: () => false,\n canExecute: () => editor.can().chain().focus().undo().run(),\n title: 'Undo',\n },\n redo: {\n icon: ArrowUturnRightIcon,\n action: () => editor.chain().focus().redo().run(),\n isActive: () => false,\n canExecute: () => editor.can().chain().focus().redo().run(),\n title: 'Redo',\n },\n }\n\n const { icon: Icon, ...config } = toolbarActions[item]\n return (\n <ToolbarButton\n key={item}\n onClick={config.action}\n isActive={config.isActive()}\n disabled={!config.canExecute()}\n title={config.title}\n >\n <Icon size={iconSize} />\n </ToolbarButton>\n )\n }\n\n return (\n <div className=\"flex flex-wrap items-center gap-0.5 p-2 border-b border-base-300 bg-base-200/50\">\n {toolbar.map((item, index) => renderToolbarItem(item, index))}\n </div>\n )\n}\n\nexport const RichTextEditor = forwardRef<HTMLDivElement, RichTextEditorProps>(\n (\n {\n value = '',\n onChange,\n placeholder = 'Start typing...',\n toolbar = defaultToolbar,\n hideToolbar = false,\n readOnly = false,\n autoFocus = false,\n minHeight = 200,\n maxHeight,\n size,\n bordered = true,\n onEditorReady,\n className = '',\n 'data-testid': testId = 'rich-text-editor',\n ...rest\n },\n ref\n ) => {\n const { componentSize } = useConfig()\n const effectiveSize = size ?? componentSize ?? 'md'\n\n const editor = useEditor({\n extensions: [\n StarterKit.configure({\n heading: {\n levels: [1, 2, 3],\n },\n }),\n Underline,\n Link.configure({\n openOnClick: false,\n HTMLAttributes: {\n class: `${dLink} ${dLinkPrimary}`,\n },\n }),\n Placeholder.configure({\n placeholder,\n emptyEditorClass: 'is-editor-empty',\n }),\n ],\n content: value,\n editable: !readOnly,\n autofocus: autoFocus,\n onUpdate: ({ editor }) => {\n onChange?.(editor.getHTML())\n },\n editorProps: {\n attributes: {\n class: `prose prose-sm max-w-none focus:outline-none ${sizeClasses[effectiveSize]}`,\n },\n },\n })\n\n useEffect(() => {\n if (editor && onEditorReady) {\n onEditorReady(editor)\n }\n }, [editor, onEditorReady])\n\n // Sync value prop changes\n useEffect(() => {\n if (editor && value !== editor.getHTML()) {\n editor.commands.setContent(value, false)\n }\n }, [value, editor])\n\n // Sync editable state\n useEffect(() => {\n if (editor) {\n editor.setEditable(!readOnly)\n }\n }, [readOnly, editor])\n\n const minHeightStyle = typeof minHeight === 'number' ? `${minHeight}px` : minHeight\n const maxHeightStyle = maxHeight\n ? typeof maxHeight === 'number'\n ? `${maxHeight}px`\n : maxHeight\n : undefined\n\n return (\n <div\n ref={ref}\n className={`\n bg-base-100 rounded-lg overflow-hidden\n ${bordered ? 'border border-base-300' : ''}\n ${className}\n `}\n data-testid={testId}\n {...rest}\n >\n {!hideToolbar && <EditorToolbar editor={editor} toolbar={toolbar} editorSize={effectiveSize} />}\n <div\n className={`\n p-4 overflow-y-auto\n ${maxHeightStyle ? 'overflow-y-auto' : ''}\n `}\n style={{\n minHeight: minHeightStyle,\n maxHeight: maxHeightStyle,\n }}\n >\n <EditorContent\n editor={editor}\n className={`\n [&_.ProseMirror]:min-h-full [&_.ProseMirror]:outline-none\n [&_.ProseMirror_p.is-editor-empty:first-child::before]:content-[attr(data-placeholder)]\n [&_.ProseMirror_p.is-editor-empty:first-child::before]:text-base-content/40\n [&_.ProseMirror_p.is-editor-empty:first-child::before]:float-left\n [&_.ProseMirror_p.is-editor-empty:first-child::before]:h-0\n [&_.ProseMirror_p.is-editor-empty:first-child::before]:pointer-events-none\n [&_.ProseMirror_h1]:text-2xl [&_.ProseMirror_h1]:font-bold [&_.ProseMirror_h1]:mt-4 [&_.ProseMirror_h1]:mb-2\n [&_.ProseMirror_h2]:text-xl [&_.ProseMirror_h2]:font-bold [&_.ProseMirror_h2]:mt-3 [&_.ProseMirror_h2]:mb-2\n [&_.ProseMirror_h3]:text-lg [&_.ProseMirror_h3]:font-bold [&_.ProseMirror_h3]:mt-2 [&_.ProseMirror_h3]:mb-1\n [&_.ProseMirror_p]:my-2\n [&_.ProseMirror_ul]:list-disc [&_.ProseMirror_ul]:pl-6 [&_.ProseMirror_ul]:my-2\n [&_.ProseMirror_ol]:list-decimal [&_.ProseMirror_ol]:pl-6 [&_.ProseMirror_ol]:my-2\n [&_.ProseMirror_li]:my-1\n [&_.ProseMirror_blockquote]:border-l-4 [&_.ProseMirror_blockquote]:border-base-300\n [&_.ProseMirror_blockquote]:pl-4 [&_.ProseMirror_blockquote]:italic [&_.ProseMirror_blockquote]:my-2\n [&_.ProseMirror_code]:bg-base-200 [&_.ProseMirror_code]:px-1 [&_.ProseMirror_code]:py-0.5\n [&_.ProseMirror_code]:rounded [&_.ProseMirror_code]:font-mono [&_.ProseMirror_code]:text-sm\n [&_.ProseMirror_pre]:bg-base-200 [&_.ProseMirror_pre]:p-4 [&_.ProseMirror_pre]:rounded-lg\n [&_.ProseMirror_pre]:my-2 [&_.ProseMirror_pre]:overflow-x-auto\n [&_.ProseMirror_pre_code]:bg-transparent [&_.ProseMirror_pre_code]:p-0\n [&_.ProseMirror_hr]:border-base-300 [&_.ProseMirror_hr]:my-4\n [&_.ProseMirror_a]:text-primary [&_.ProseMirror_a]:underline\n `}\n />\n </div>\n </div>\n )\n }\n)\n\nRichTextEditor.displayName = 'RichTextEditor'\n\nexport default RichTextEditor\n"],"names":["dBtn","dBtnGhost","dBtnXs","dLink","dLinkPrimary","iconProps","size","BoldIcon","jsx","ItalicIcon","UnderlineIcon","StrikethroughIcon","CodeBracketIcon","H1Icon","H2Icon","H3Icon","ListBulletIcon","NumberedListIcon","Bars3BottomLeftIcon","CommandLineIcon","MinusIcon","LinkIcon","ArrowUturnLeftIcon","ArrowUturnRightIcon","defaultToolbar","sizeClasses","ToolbarButton","onClick","isActive","disabled","title","children","ToolbarDivider","editorSizeToIconSize","EditorToolbar","editor","toolbar","editorSize","iconSize","setLink","useCallback","previousUrl","url","renderToolbarItem","item","index","toolbarActions","Icon","config","RichTextEditor","forwardRef","value","onChange","placeholder","hideToolbar","readOnly","autoFocus","minHeight","maxHeight","bordered","onEditorReady","className","testId","rest","ref","componentSize","useConfig","effectiveSize","useEditor","StarterKit","Underline","Link","Placeholder","useEffect","minHeightStyle","maxHeightStyle","jsxs","EditorContent"],"mappings":"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"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { jsx as b, jsxs as B } from "react/jsx-runtime";
|
|
2
2
|
import { useState as j, useCallback as v, createContext as z, useContext as I } from "react";
|
|
3
|
-
import { useConfig as V } from "
|
|
3
|
+
import { useConfig as V } from "../providers/ConfigProvider.js";
|
|
4
4
|
const k = "join", g = "join-item", w = "btn", N = "btn-xs", D = "btn-sm", J = "btn-lg", X = "btn-xl", $ = "btn-active", x = z(null), y = () => {
|
|
5
5
|
const e = I(x);
|
|
6
6
|
if (!e)
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Segmented.js","sources":["../../src/components/Segmented.tsx"],"sourcesContent":["import React, { useState, useCallback, createContext, useContext } from 'react'\nimport { useConfig } from '
|
|
1
|
+
{"version":3,"file":"Segmented.js","sources":["../../src/components/Segmented.tsx"],"sourcesContent":["import React, { useState, useCallback, createContext, useContext } from 'react'\nimport { useConfig } from '../providers/ConfigProvider'\n\n// DaisyUI classes\nconst dJoin = 'join'\nconst dJoinItem = 'join-item'\nconst dBtn = 'btn'\nconst dBtnXs = 'btn-xs'\nconst dBtnSm = 'btn-sm'\nconst dBtnLg = 'btn-lg'\nconst dBtnXl = 'btn-xl'\nconst dBtnActive = 'btn-active'\n\nexport type SegmentedValue = string | number\n\ninterface SegmentedContextValue {\n value?: SegmentedValue\n onChange?: (value: SegmentedValue) => void\n size: 'xs' | 'sm' | 'md' | 'lg' | 'xl'\n disabled: boolean\n}\n\nconst SegmentedContext = createContext<SegmentedContextValue | null>(null)\n\nconst useSegmentedContext = () => {\n const context = useContext(SegmentedContext)\n if (!context) {\n throw new Error('Segmented.Item must be used within a Segmented component')\n }\n return context\n}\n\nexport interface SegmentedItemProps {\n /** Option value */\n value: SegmentedValue\n /** Disable this option */\n disabled?: boolean\n /** Icon to display before label */\n icon?: React.ReactNode\n /** Label content */\n children: React.ReactNode\n /** Additional CSS class */\n className?: string\n}\n\nconst sizeClasses = {\n xs: dBtnXs,\n sm: dBtnSm,\n md: '',\n lg: dBtnLg,\n xl: dBtnXl,\n}\n\nconst SegmentedItem: React.FC<SegmentedItemProps> = ({\n value,\n disabled: itemDisabled = false,\n icon,\n children,\n className = '',\n}) => {\n const { value: selectedValue, onChange, size, disabled: groupDisabled } = useSegmentedContext()\n\n const isSelected = selectedValue === value\n const isDisabled = groupDisabled || itemDisabled\n\n const handleClick = () => {\n if (!isDisabled) {\n onChange?.(value)\n }\n }\n\n const buttonClasses = [\n dJoinItem,\n dBtn,\n sizeClasses[size],\n isSelected ? dBtnActive : '',\n className,\n ]\n .filter(Boolean)\n .join(' ')\n\n return (\n <button\n type=\"button\"\n className={buttonClasses}\n disabled={isDisabled}\n onClick={handleClick}\n aria-pressed={isSelected}\n data-testid={`segmented-item-${value}`}\n >\n {icon && <span className=\"mr-1\">{icon}</span>}\n {children}\n </button>\n )\n}\n\nexport interface SegmentedProps {\n /** Currently selected value (controlled) */\n value?: SegmentedValue\n /** Default selected value (uncontrolled) */\n defaultValue?: SegmentedValue\n /** Callback when selection changes */\n onChange?: (value: SegmentedValue) => void\n /** Size variant */\n size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl'\n /** Take full width of container */\n block?: boolean\n /** Disable all options */\n disabled?: boolean\n /** Additional CSS class */\n className?: string\n /** Segmented.Item children */\n children: React.ReactNode\n}\n\nexport const Segmented: React.FC<SegmentedProps> & { Item: typeof SegmentedItem } = ({\n value,\n defaultValue,\n onChange,\n size,\n block = false,\n disabled = false,\n className = '',\n children,\n}) => {\n const { componentSize } = useConfig()\n const effectiveSize = size ?? componentSize ?? 'md'\n\n const [internalValue, setInternalValue] = useState<SegmentedValue | undefined>(defaultValue)\n\n const isControlled = value !== undefined\n const currentValue = isControlled ? value : internalValue\n\n const handleChange = useCallback(\n (newValue: SegmentedValue) => {\n if (!isControlled) {\n setInternalValue(newValue)\n }\n onChange?.(newValue)\n },\n [isControlled, onChange]\n )\n\n const contextValue: SegmentedContextValue = {\n value: currentValue,\n onChange: handleChange,\n size: effectiveSize,\n disabled,\n }\n\n const containerClasses = [dJoin, block ? `w-full [&>.${dJoinItem}]:flex-1` : '', className]\n .filter(Boolean)\n .join(' ')\n\n return (\n <SegmentedContext.Provider value={contextValue}>\n <div className={containerClasses} role=\"group\" data-testid=\"segmented\">\n {children}\n </div>\n </SegmentedContext.Provider>\n )\n}\n\nSegmented.Item = SegmentedItem\n"],"names":["dJoin","dJoinItem","dBtn","dBtnXs","dBtnSm","dBtnLg","dBtnXl","dBtnActive","SegmentedContext","createContext","useSegmentedContext","context","useContext","sizeClasses","SegmentedItem","value","itemDisabled","icon","children","className","selectedValue","onChange","size","groupDisabled","isSelected","isDisabled","handleClick","buttonClasses","jsxs","jsx","Segmented","defaultValue","block","disabled","componentSize","useConfig","effectiveSize","internalValue","setInternalValue","useState","isControlled","currentValue","handleChange","useCallback","newValue","contextValue","containerClasses"],"mappings":";;;AAIA,MAAMA,IAAQ,QACRC,IAAY,aACZC,IAAO,OACPC,IAAS,UACTC,IAAS,UACTC,IAAS,UACTC,IAAS,UACTC,IAAa,cAWbC,IAAmBC,EAA4C,IAAI,GAEnEC,IAAsB,MAAM;AAChC,QAAMC,IAAUC,EAAWJ,CAAgB;AAC3C,MAAI,CAACG;AACH,UAAM,IAAI,MAAM,0DAA0D;AAE5E,SAAOA;AACT,GAeME,IAAc;AAAA,EAClB,IAAIV;AAAA,EACJ,IAAIC;AAAA,EACJ,IAAI;AAAA,EACJ,IAAIC;AAAA,EACJ,IAAIC;AACN,GAEMQ,IAA8C,CAAC;AAAA,EACnD,OAAAC;AAAA,EACA,UAAUC,IAAe;AAAA,EACzB,MAAAC;AAAA,EACA,UAAAC;AAAA,EACA,WAAAC,IAAY;AACd,MAAM;AACJ,QAAM,EAAE,OAAOC,GAAe,UAAAC,GAAU,MAAAC,GAAM,UAAUC,EAAA,IAAkBb,EAAA,GAEpEc,IAAaJ,MAAkBL,GAC/BU,IAAaF,KAAiBP,GAE9BU,IAAc,MAAM;AACxB,IAAKD,KACHJ,IAAWN,CAAK;AAAA,EAEpB,GAEMY,IAAgB;AAAA,IACpB1B;AAAA,IACAC;AAAA,IACAW,EAAYS,CAAI;AAAA,IAChBE,IAAajB,IAAa;AAAA,IAC1BY;AAAA,EAAA,EAEC,OAAO,OAAO,EACd,KAAK,GAAG;AAEX,SACE,gBAAAS;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,MAAK;AAAA,MACL,WAAWD;AAAA,MACX,UAAUF;AAAA,MACV,SAASC;AAAA,MACT,gBAAcF;AAAA,MACd,eAAa,kBAAkBT,CAAK;AAAA,MAEnC,UAAA;AAAA,QAAAE,KAAQ,gBAAAY,EAAC,QAAA,EAAK,WAAU,QAAQ,UAAAZ,GAAK;AAAA,QACrCC;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGP,GAqBaY,IAAuE,CAAC;AAAA,EACnF,OAAAf;AAAA,EACA,cAAAgB;AAAA,EACA,UAAAV;AAAA,EACA,MAAAC;AAAA,EACA,OAAAU,IAAQ;AAAA,EACR,UAAAC,IAAW;AAAA,EACX,WAAAd,IAAY;AAAA,EACZ,UAAAD;AACF,MAAM;AACJ,QAAM,EAAE,eAAAgB,EAAA,IAAkBC,EAAA,GACpBC,IAAgBd,KAAQY,KAAiB,MAEzC,CAACG,GAAeC,CAAgB,IAAIC,EAAqCR,CAAY,GAErFS,IAAezB,MAAU,QACzB0B,IAAeD,IAAezB,IAAQsB,GAEtCK,IAAeC;AAAA,IACnB,CAACC,MAA6B;AAC5B,MAAKJ,KACHF,EAAiBM,CAAQ,GAE3BvB,IAAWuB,CAAQ;AAAA,IACrB;AAAA,IACA,CAACJ,GAAcnB,CAAQ;AAAA,EAAA,GAGnBwB,IAAsC;AAAA,IAC1C,OAAOJ;AAAA,IACP,UAAUC;AAAA,IACV,MAAMN;AAAA,IACN,UAAAH;AAAA,EAAA,GAGIa,IAAmB,CAAC9C,GAAOgC,IAAQ,cAAc/B,CAAS,aAAa,IAAIkB,CAAS,EACvF,OAAO,OAAO,EACd,KAAK,GAAG;AAEX,SACE,gBAAAU,EAACrB,EAAiB,UAAjB,EAA0B,OAAOqC,GAChC,UAAA,gBAAAhB,EAAC,OAAA,EAAI,WAAWiB,GAAkB,MAAK,SAAQ,eAAY,aACxD,UAAA5B,GACH,GACF;AAEJ;AAEAY,EAAU,OAAOhB;"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { jsx as s, jsxs as C } from "react/jsx-runtime";
|
|
2
2
|
import { forwardRef as E, useRef as v } from "react";
|
|
3
|
-
import { useConfig as X } from "
|
|
3
|
+
import { useConfig as X } from "../providers/ConfigProvider.js";
|
|
4
4
|
const o = "select", r = "select-bordered", $ = "select-ghost", F = "select-xs", G = "select-sm", I = "select-md", L = "select-lg", M = "select-xl", P = "select-neutral", W = "select-primary", k = "select-secondary", q = "select-accent", A = "select-info", D = "select-success", b = "select-warning", h = "select-error", H = "floating-label", J = E(
|
|
5
5
|
({
|
|
6
6
|
size: w,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Select.js","sources":["../../src/components/Select.tsx"],"sourcesContent":["import React, { forwardRef, useRef } from 'react'\nimport { useConfig } from '
|
|
1
|
+
{"version":3,"file":"Select.js","sources":["../../src/components/Select.tsx"],"sourcesContent":["import React, { forwardRef, useRef } from 'react'\nimport { useConfig } from '../providers/ConfigProvider'\n\n// DaisyUI classes\nconst dSelect = 'select'\nconst dSelectBordered = 'select-bordered'\nconst dSelectGhost = 'select-ghost'\nconst dSelectXs = 'select-xs'\nconst dSelectSm = 'select-sm'\nconst dSelectMd = 'select-md'\nconst dSelectLg = 'select-lg'\nconst dSelectXl = 'select-xl'\nconst dSelectNeutral = 'select-neutral'\nconst dSelectPrimary = 'select-primary'\nconst dSelectSecondary = 'select-secondary'\nconst dSelectAccent = 'select-accent'\nconst dSelectInfo = 'select-info'\nconst dSelectSuccess = 'select-success'\nconst dSelectWarning = 'select-warning'\nconst dSelectError = 'select-error'\nconst dFloatingLabel = 'floating-label'\n\nexport interface SelectProps extends Omit<React.SelectHTMLAttributes<HTMLSelectElement>, 'size'> {\n size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl'\n color?: 'neutral' | 'primary' | 'secondary' | 'accent' | 'info' | 'success' | 'warning' | 'error'\n /** Validation status */\n status?: 'error' | 'warning'\n ghost?: boolean\n bordered?: boolean\n /** Floating label text (uses DaisyUI floating-label) */\n floatingLabel?: string\n /** Text/element before select (outside, using DaisyUI label) */\n addonBefore?: React.ReactNode\n /** Text/element after select (outside, using DaisyUI label) */\n addonAfter?: React.ReactNode\n className?: string\n children?: React.ReactNode\n}\n\nexport const Select = forwardRef<HTMLSelectElement, SelectProps>(\n (\n {\n size,\n color,\n status,\n ghost = false,\n bordered = true,\n floatingLabel,\n addonBefore,\n addonAfter,\n className = '',\n children,\n ...props\n },\n ref\n ) => {\n const { componentSize } = useConfig()\n const effectiveSize = size ?? componentSize ?? 'md'\n\n const innerRef = useRef<HTMLSelectElement>(null)\n const selectRef = (ref as React.RefObject<HTMLSelectElement>) || innerRef\n\n const sizeClasses = {\n xs: dSelectXs,\n sm: dSelectSm,\n md: dSelectMd,\n lg: dSelectLg,\n xl: dSelectXl,\n }\n\n const colorClasses = {\n neutral: dSelectNeutral,\n primary: dSelectPrimary,\n secondary: dSelectSecondary,\n accent: dSelectAccent,\n info: dSelectInfo,\n success: dSelectSuccess,\n warning: dSelectWarning,\n error: dSelectError,\n }\n\n const statusClasses = {\n error: dSelectError,\n warning: dSelectWarning,\n }\n\n // Status takes precedence over color for validation feedback\n const effectiveColorClass = status ? statusClasses[status] : (color ? colorClasses[color] : '')\n\n // When wrapped with external addons, the wrapper has the styling\n const hasExternalAddons = addonBefore || addonAfter\n\n const selectClasses = hasExternalAddons\n ? ['grow', 'bg-transparent', 'border-0', 'outline-none', 'focus:outline-none', className].filter(Boolean).join(' ')\n : [\n dSelect,\n 'w-full',\n bordered && dSelectBordered,\n ghost && dSelectGhost,\n effectiveSize && sizeClasses[effectiveSize],\n effectiveColorClass,\n className,\n ].filter(Boolean).join(' ')\n\n // Build the core select element\n const selectElement = (\n <select ref={selectRef} className={selectClasses} {...props}>\n {children}\n </select>\n )\n\n // Wrap with floating label if specified\n if (floatingLabel) {\n const floatingClasses = [\n dFloatingLabel,\n effectiveSize && sizeClasses[effectiveSize],\n ].filter(Boolean).join(' ')\n\n return (\n <label className={floatingClasses}>\n <select ref={selectRef} className={`${dSelect} ${dSelectBordered} w-full`} {...props}>\n {children}\n </select>\n <span>{floatingLabel}</span>\n </label>\n )\n }\n\n // Wrap with external addons if specified\n if (hasExternalAddons) {\n const addonClasses = [\n dSelect,\n dSelectBordered,\n 'flex',\n 'items-center',\n 'gap-2',\n effectiveSize && sizeClasses[effectiveSize],\n effectiveColorClass,\n ].filter(Boolean).join(' ')\n\n return (\n <label className={addonClasses}>\n {addonBefore && <span className=\"text-base-content/70\">{addonBefore}</span>}\n {selectElement}\n {addonAfter && <span className=\"text-base-content/70\">{addonAfter}</span>}\n </label>\n )\n }\n\n return selectElement\n }\n)\n\nSelect.displayName = 'Select'\n"],"names":["dSelect","dSelectBordered","dSelectGhost","dSelectXs","dSelectSm","dSelectMd","dSelectLg","dSelectXl","dSelectNeutral","dSelectPrimary","dSelectSecondary","dSelectAccent","dSelectInfo","dSelectSuccess","dSelectWarning","dSelectError","dFloatingLabel","Select","forwardRef","size","color","status","ghost","bordered","floatingLabel","addonBefore","addonAfter","className","children","props","ref","componentSize","useConfig","effectiveSize","innerRef","useRef","selectRef","sizeClasses","effectiveColorClass","hasExternalAddons","selectClasses","selectElement","floatingClasses","jsxs","jsx","addonClasses"],"mappings":"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"}
|
|
@@ -21,19 +21,28 @@ export interface ColumnType<T> {
|
|
|
21
21
|
defaultFilteredValue?: (string | number | boolean)[];
|
|
22
22
|
ellipsis?: boolean;
|
|
23
23
|
hidden?: boolean;
|
|
24
|
+
className?: string;
|
|
25
|
+
onCell?: (record: T, index: number) => React.TdHTMLAttributes<HTMLTableCellElement>;
|
|
26
|
+
onHeaderCell?: (column: ColumnType<T>) => React.ThHTMLAttributes<HTMLTableCellElement>;
|
|
24
27
|
}
|
|
25
28
|
export interface RowSelection<T> {
|
|
26
29
|
type?: 'checkbox' | 'radio';
|
|
27
30
|
selectedRowKeys?: React.Key[];
|
|
28
31
|
onChange?: (selectedRowKeys: React.Key[], selectedRows: T[]) => void;
|
|
32
|
+
onSelect?: (record: T, selected: boolean, selectedRows: T[], nativeEvent: Event) => void;
|
|
29
33
|
getCheckboxProps?: (record: T) => {
|
|
30
34
|
disabled?: boolean;
|
|
31
35
|
name?: string;
|
|
32
36
|
};
|
|
37
|
+
columnTitle?: React.ReactNode;
|
|
38
|
+
columnWidth?: string | number;
|
|
39
|
+
fixed?: boolean;
|
|
40
|
+
hideSelectAll?: boolean;
|
|
33
41
|
}
|
|
34
42
|
export interface ExpandableConfig<T> {
|
|
35
43
|
expandedRowKeys?: React.Key[];
|
|
36
44
|
defaultExpandedRowKeys?: React.Key[];
|
|
45
|
+
defaultExpandAllRows?: boolean;
|
|
37
46
|
expandedRowRender: (record: T, index: number, expanded: boolean) => React.ReactNode;
|
|
38
47
|
rowExpandable?: (record: T) => boolean;
|
|
39
48
|
onExpand?: (expanded: boolean, record: T) => void;
|
|
@@ -44,6 +53,10 @@ export interface ExpandableConfig<T> {
|
|
|
44
53
|
onExpand: () => void;
|
|
45
54
|
record: T;
|
|
46
55
|
}) => React.ReactNode;
|
|
56
|
+
columnTitle?: React.ReactNode;
|
|
57
|
+
columnWidth?: string | number;
|
|
58
|
+
expandedRowClassName?: string | ((record: T, index: number, expanded: boolean) => string);
|
|
59
|
+
showExpandColumn?: boolean;
|
|
47
60
|
}
|
|
48
61
|
export interface PaginationConfig {
|
|
49
62
|
current?: number;
|
|
@@ -86,7 +99,10 @@ export interface TableProps<T> {
|
|
|
86
99
|
expandable?: ExpandableConfig<T>;
|
|
87
100
|
scroll?: ScrollConfig;
|
|
88
101
|
className?: string;
|
|
102
|
+
showHeader?: boolean;
|
|
103
|
+
rowClassName?: string | ((record: T, index: number) => string);
|
|
89
104
|
onRow?: (record: T, index: number) => React.HTMLAttributes<HTMLTableRowElement>;
|
|
105
|
+
onHeaderRow?: (columns: ColumnType<T>[]) => React.HTMLAttributes<HTMLTableRowElement>;
|
|
90
106
|
onChange?: (pagination: PaginationConfig, filters: Record<string, (string | number | boolean)[] | null>, sorter: SorterResult<T>, extra: TableChangeExtra<T>) => void;
|
|
91
107
|
onSortChange?: (sorter: SorterResult<T>) => void;
|
|
92
108
|
onFilterChange?: (filters: Record<string, (string | number | boolean)[] | null>) => void;
|
|
@@ -97,6 +113,9 @@ export interface TableProps<T> {
|
|
|
97
113
|
selectAll?: string;
|
|
98
114
|
selectInvert?: string;
|
|
99
115
|
};
|
|
116
|
+
title?: (currentPageData: T[]) => React.ReactNode;
|
|
117
|
+
footer?: (currentPageData: T[]) => React.ReactNode;
|
|
118
|
+
summary?: (currentPageData: T[]) => React.ReactNode;
|
|
100
119
|
'data-testid'?: string;
|
|
101
120
|
'aria-label'?: string;
|
|
102
121
|
}
|