inconel 0.1.39 → 0.1.40
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/cjs/components/RichTextEditor/RichTextEditor.cjs +2 -0
- package/dist/cjs/components/RichTextEditor/RichTextEditor.cjs.map +1 -0
- package/dist/cjs/components/RichTextEditor/sanitize.cjs +2 -0
- package/dist/cjs/components/RichTextEditor/sanitize.cjs.map +1 -0
- package/dist/cjs/index.cjs +1 -1
- package/dist/cjs/styles.css +1 -1
- package/dist/components/RichTextEditor/RichTextEditor.d.ts +24 -0
- package/dist/components/RichTextEditor/RichTextEditor.d.ts.map +1 -0
- package/dist/components/RichTextEditor/RichTextEditor.js +336 -0
- package/dist/components/RichTextEditor/RichTextEditor.js.map +1 -0
- package/dist/components/RichTextEditor/index.d.ts +4 -0
- package/dist/components/RichTextEditor/index.d.ts.map +1 -0
- package/dist/components/RichTextEditor/sanitize.d.ts +3 -0
- package/dist/components/RichTextEditor/sanitize.d.ts.map +1 -0
- package/dist/components/RichTextEditor/sanitize.js +63 -0
- package/dist/components/RichTextEditor/sanitize.js.map +1 -0
- package/dist/components/index.d.ts +1 -0
- package/dist/components/index.d.ts.map +1 -1
- package/dist/index.js +88 -84
- package/dist/index.js.map +1 -1
- package/dist/styles.css +1 -1
- package/package.json +1 -1
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("react/jsx-runtime"),i=require("react"),le=require("../FieldFeedback/FieldFeedback.cjs");;/* empty css */;/* empty css */const g=require("./sanitize.cjs"),ae=[{tag:"p",label:"Paragraf"},{tag:"h1",label:"Başlık 1"},{tag:"h2",label:"Başlık 2"},{tag:"h3",label:"Başlık 3"},{tag:"blockquote",label:"Alıntı"}],ie=[12,14,16,18,24,32],se=s=>new Promise((d,j)=>{const a=new FileReader;a.onload=()=>d(String(a.result)),a.onerror=()=>j(a.error),a.readAsDataURL(s)});function S({label:s,onClick:d,disabled:j,active:a,children:k}){return t.jsx("button",{type:"button",className:`inconel-rte__btn${a?" inconel-is-active":""}`,"aria-label":s,title:s,"aria-pressed":a,disabled:j,onMouseDown:C=>C.preventDefault(),onClick:d,children:k})}function re({value:s="",onChange:d,onBlur:j,label:a,placeholder:k,id:C,disabled:f=!1,required:z,fullWidth:G=!0,className:O,minHeight:N=200,onImageUpload:F,onRequestMedia:H,hint:A,errorMessage:x}){const W=i.useId(),y=C??`inconel-rte-${W.replace(/:/g,"")}`,q=`${y}-hint`,M=`${y}-error`,r=i.useRef(null),L=i.useRef(null),b=i.useRef(null),[m,$]=i.useState(!1),[w,D]=i.useState(""),[c,v]=i.useState(null),[E,I]=i.useState(""),[K,Y]=i.useState({}),[Z,B]=i.useState(!s);i.useEffect(()=>{const e=r.current;if(!e||s===b.current)return;const n=g.sanitizeHtml(s);e.innerHTML!==n&&(e.innerHTML=n),b.current=s,B(!e.textContent&&!e.querySelector("img"))},[s,m]);const h=i.useCallback(()=>{const e=r.current;if(!e)return;const n=!!e.textContent||!!e.querySelector("img"),o=n?g.sanitizeHtml(e.innerHTML):"";B(!n),b.current=o,d?.(o)},[d]),u=()=>{const e=window.getSelection(),n=r.current;e&&e.rangeCount>0&&n?.contains(e.getRangeAt(0).commonAncestorContainer)&&(L.current=e.getRangeAt(0).cloneRange())},R=()=>{r.current?.focus();const e=window.getSelection();e&&L.current&&(e.removeAllRanges(),e.addRange(L.current))},T=()=>{const e=n=>{try{return document.queryCommandState(n)}catch{return!1}};Y({bold:e("bold"),italic:e("italic"),underline:e("underline"),strikeThrough:e("strikeThrough"),justifyLeft:e("justifyLeft"),justifyCenter:e("justifyCenter"),justifyRight:e("justifyRight"),justifyFull:e("justifyFull"),insertUnorderedList:e("insertUnorderedList"),insertOrderedList:e("insertOrderedList")})},_=(e,n)=>{R(),document.execCommand("styleWithCSS",!1,"true"),document.execCommand(e,!1,n),u(),T(),h()},J=e=>{R(),document.execCommand("styleWithCSS",!1,"false"),document.execCommand("fontSize",!1,"7"),r.current?.querySelectorAll('font[size="7"]').forEach(n=>{const o=document.createElement("span");o.style.fontSize=`${e}px`,o.append(...Array.from(n.childNodes)),n.replaceWith(o)}),u(),h()},Q=e=>{R(),document.execCommand("insertHTML",!1,g.sanitizeHtml(e)),u(),h()},U=e=>{u(),I(""),v(c===e?null:e)},P=()=>{const e=E.trim();e&&(c==="link"?(_("createLink",e),r.current?.querySelectorAll("a").forEach(n=>{/^https?:/i.test(n.getAttribute("href")??"")&&(n.setAttribute("target","_blank"),n.setAttribute("rel","noopener noreferrer"))}),h()):c==="image"&&_("insertImage",e),v(null))},V=async e=>{const n=e.target.files?.[0];if(e.target.value="",!n||!n.type.startsWith("image/"))return;const o=F?await F(n):await se(n);_("insertImage",o),v(null)},X=e=>{const n=e.clipboardData.getData("text/html");n&&(e.preventDefault(),document.execCommand("insertHTML",!1,g.sanitizeHtml(n)),h())},ee=()=>{if(m){const e=g.sanitizeHtml(w);b.current=null,r.current&&(r.current.innerHTML=e),b.current=e,B(!e),d?.(e)}else D(g.sanitizeHtml(r.current?.innerHTML??""));v(null),$(!m)},te=[A&&!x?q:void 0,x?M:void 0].filter(Boolean).join(" ")||void 0,p=f||m,l=(e,n,o,ne)=>t.jsx(S,{label:n,active:K[e],disabled:p,onClick:()=>_(e,ne),children:o});return t.jsxs("div",{className:["inconel-field",G?"inconel-field--full-width":"",O??""].join(" "),children:[a&&t.jsxs("label",{className:"inconel-field__label",htmlFor:y,children:[a,z&&t.jsx("span",{"aria-hidden":"true",children:" *"})]}),t.jsxs("div",{className:["inconel-rte",x?"inconel-is-invalid":"",f?"inconel-is-disabled":""].join(" "),children:[t.jsxs("div",{className:"inconel-rte__toolbar",role:"toolbar","aria-label":"Biçimlendirme",children:[l("bold","Kalın",t.jsx("b",{children:"B"})),l("italic","İtalik",t.jsx("i",{children:"I"})),l("underline","Altı çizili",t.jsx("u",{children:"U"})),l("strikeThrough","Üstü çizili",t.jsx("s",{children:"S"})),t.jsx("span",{className:"inconel-rte__sep"}),t.jsxs("select",{className:"inconel-rte__select","aria-label":"Biçim",disabled:p,value:"",onChange:e=>{e.target.value&&_("formatBlock",e.target.value)},children:[t.jsx("option",{value:"",children:"Biçim"}),ae.map(e=>t.jsx("option",{value:e.tag,children:e.label},e.tag))]}),t.jsxs("select",{className:"inconel-rte__select","aria-label":"Yazı boyutu",disabled:p,value:"",onChange:e=>{e.target.value&&J(Number(e.target.value))},children:[t.jsx("option",{value:"",children:"Boyut"}),ie.map(e=>t.jsxs("option",{value:e,children:[e,"px"]},e))]}),t.jsx("span",{className:"inconel-rte__sep"}),l("justifyLeft","Sola hizala","⇤"),l("justifyCenter","Ortala","↔"),l("justifyRight","Sağa hizala","⇥"),l("justifyFull","İki yana yasla","☰"),t.jsx("span",{className:"inconel-rte__sep"}),l("insertUnorderedList","Madde işaretli liste","• ≡"),l("insertOrderedList","Numaralı liste","1.≡"),l("outdent","Girintiyi azalt","⇠"),l("indent","Girintiyi artır","⇢"),l("removeFormat","Biçimi temizle","Tₓ"),t.jsx("span",{className:"inconel-rte__sep"}),t.jsx(S,{label:"Bağlantı ekle",disabled:p,active:c==="link",onClick:()=>U("link"),children:"🔗"}),t.jsx(S,{label:"Görsel ekle",disabled:p,active:c==="image",onClick:()=>U("image"),children:"🖼"}),H&&t.jsx(S,{label:"Medya galerisi",disabled:p,onClick:()=>{u(),H(Q)},children:"🗂"}),t.jsx("span",{className:"inconel-rte__sep"}),l("undo","Geri al","↶"),l("redo","Yinele","↷"),t.jsx(S,{label:"HTML kaynağı",disabled:f,active:m,onClick:ee,children:"</>"})]}),c&&!m&&t.jsxs("div",{className:"inconel-rte__panel",children:[t.jsx("input",{type:"url",className:"inconel-rte__input","aria-label":c==="link"?"Bağlantı adresi":"Görsel adresi",placeholder:c==="link"?"https://…":"Görsel URL (https://…)",value:E,autoFocus:!0,onChange:e=>I(e.target.value),onKeyDown:e=>{e.key==="Enter"&&(e.preventDefault(),P())}}),t.jsx("button",{type:"button",className:"inconel-rte__action",onClick:P,children:"Ekle"}),c==="image"&&t.jsxs("label",{className:"inconel-rte__action",children:["Dosya seç",t.jsx("input",{type:"file",accept:"image/*",hidden:!0,"aria-label":"Görsel dosyası",onChange:V})]})]}),m?t.jsx("textarea",{id:y,className:"inconel-rte__source",style:{minHeight:N},"aria-label":a??"HTML kaynağı",value:w,disabled:f,spellCheck:!1,onChange:e=>D(e.target.value)}):t.jsxs("div",{className:"inconel-rte__surface",style:{minHeight:N},children:[Z&&k&&t.jsx("span",{className:"inconel-rte__placeholder","aria-hidden":"true",children:k}),t.jsx("div",{ref:r,id:y,className:"inconel-rte__content",role:"textbox","aria-multiline":"true","aria-label":a,"aria-required":z,"aria-invalid":!!x,"aria-describedby":te,"aria-disabled":f,contentEditable:!f,suppressContentEditableWarning:!0,style:{minHeight:N},onInput:h,onPaste:X,onKeyUp:()=>{u(),T()},onMouseUp:()=>{u(),T()},onBlur:()=>{u(),j?.()}})]})]}),t.jsx(le.default,{hint:A,errorMessage:x,hintId:q,errorId:M})]})}exports.default=re;
|
|
2
|
+
//# sourceMappingURL=RichTextEditor.cjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"RichTextEditor.cjs","sources":["../../../../src/components/RichTextEditor/RichTextEditor.tsx"],"sourcesContent":["import {\n useCallback,\n useEffect,\n useId,\n useRef,\n useState,\n type ChangeEvent,\n type ReactNode,\n} from 'react'\n\nimport FieldFeedback from '../FieldFeedback/FieldFeedback'\nimport type { FieldFeedbackContentProps } from '../FieldFeedback/FieldFeedback'\nimport '../shared/field.css'\nimport './styles.css'\nimport { sanitizeHtml } from './sanitize'\n\nexport interface RichTextEditorProps extends FieldFeedbackContentProps {\n value?: string\n onChange?: (html: string) => void\n onBlur?: () => void\n label?: string\n placeholder?: string\n id?: string\n disabled?: boolean\n required?: boolean\n fullWidth?: boolean\n className?: string\n /** Editör içerik alanının minimum yüksekliği (px). */\n minHeight?: number\n /** Görsel dosyası seçilince çağrılır; dönen URL görsel olarak eklenir. Verilmezse base64 gömülür. */\n onImageUpload?: (file: File) => Promise<string>\n /**\n * Verilirse araç çubuğuna galeri düğmesi eklenir. Düğmeye basınca çağrılır;\n * uygulama kendi medya kütüphanesini açıp seçilen içeriği `insert(html)` ile ekler.\n */\n onRequestMedia?: (insert: (html: string) => void) => void\n}\n\nconst BLOCKS = [\n { tag: 'p', label: 'Paragraf' },\n { tag: 'h1', label: 'Başlık 1' },\n { tag: 'h2', label: 'Başlık 2' },\n { tag: 'h3', label: 'Başlık 3' },\n { tag: 'blockquote', label: 'Alıntı' },\n]\n\nconst FONT_SIZES = [12, 14, 16, 18, 24, 32]\n\ntype Panel = 'link' | 'image' | null\n\nconst readFileAsDataUrl = (file: File) =>\n new Promise<string>((resolve, reject) => {\n const reader = new FileReader()\n reader.onload = () => resolve(String(reader.result))\n reader.onerror = () => reject(reader.error)\n reader.readAsDataURL(file)\n })\n\ninterface ToolButtonProps {\n label: string\n onClick: () => void\n disabled?: boolean\n active?: boolean\n children: ReactNode\n}\n\nfunction ToolButton({ label, onClick, disabled, active, children }: ToolButtonProps) {\n return (\n <button\n type=\"button\"\n className={`inconel-rte__btn${active ? ' inconel-is-active' : ''}`}\n aria-label={label}\n title={label}\n aria-pressed={active}\n disabled={disabled}\n onMouseDown={(event) => event.preventDefault()}\n onClick={onClick}\n >\n {children}\n </button>\n )\n}\n\nexport default function RichTextEditor({\n value = '',\n onChange,\n onBlur,\n label,\n placeholder,\n id,\n disabled = false,\n required,\n fullWidth = true,\n className,\n minHeight = 200,\n onImageUpload,\n onRequestMedia,\n hint,\n errorMessage,\n}: RichTextEditorProps) {\n const generatedId = useId()\n const editorId = id ?? `inconel-rte-${generatedId.replace(/:/g, '')}`\n const hintId = `${editorId}-hint`\n const errorId = `${editorId}-error`\n\n const editorRef = useRef<HTMLDivElement>(null)\n const savedRange = useRef<Range | null>(null)\n const lastHtml = useRef<string | null>(null)\n const [sourceMode, setSourceMode] = useState(false)\n const [source, setSource] = useState('')\n const [panel, setPanel] = useState<Panel>(null)\n const [url, setUrl] = useState('')\n const [formats, setFormats] = useState<Record<string, boolean>>({})\n const [empty, setEmpty] = useState(!value)\n\n // Dışarıdan gelen value değişince (kendi çıktımız değilse) içeriği güncelle.\n useEffect(() => {\n const editor = editorRef.current\n if (!editor || value === lastHtml.current) return\n const clean = sanitizeHtml(value)\n if (editor.innerHTML !== clean) editor.innerHTML = clean\n lastHtml.current = value\n setEmpty(!editor.textContent && !editor.querySelector('img'))\n }, [value, sourceMode])\n\n const emit = useCallback(() => {\n const editor = editorRef.current\n if (!editor) return\n const hasContent = Boolean(editor.textContent) || Boolean(editor.querySelector('img'))\n const html = hasContent ? sanitizeHtml(editor.innerHTML) : ''\n setEmpty(!hasContent)\n lastHtml.current = html\n onChange?.(html)\n }, [onChange])\n\n const saveSelection = () => {\n const selection = window.getSelection()\n const editor = editorRef.current\n if (\n selection &&\n selection.rangeCount > 0 &&\n editor?.contains(selection.getRangeAt(0).commonAncestorContainer)\n ) {\n savedRange.current = selection.getRangeAt(0).cloneRange()\n }\n }\n\n const restoreSelection = () => {\n editorRef.current?.focus()\n const selection = window.getSelection()\n if (selection && savedRange.current) {\n selection.removeAllRanges()\n selection.addRange(savedRange.current)\n }\n }\n\n const refreshFormats = () => {\n const query = (command: string) => {\n try {\n return document.queryCommandState(command)\n } catch {\n return false\n }\n }\n setFormats({\n bold: query('bold'),\n italic: query('italic'),\n underline: query('underline'),\n strikeThrough: query('strikeThrough'),\n justifyLeft: query('justifyLeft'),\n justifyCenter: query('justifyCenter'),\n justifyRight: query('justifyRight'),\n justifyFull: query('justifyFull'),\n insertUnorderedList: query('insertUnorderedList'),\n insertOrderedList: query('insertOrderedList'),\n })\n }\n\n const exec = (command: string, arg?: string) => {\n restoreSelection()\n document.execCommand('styleWithCSS', false, 'true')\n document.execCommand(command, false, arg)\n saveSelection()\n refreshFormats()\n emit()\n }\n\n const applyFontSize = (px: number) => {\n restoreSelection()\n document.execCommand('styleWithCSS', false, 'false')\n document.execCommand('fontSize', false, '7')\n editorRef.current?.querySelectorAll('font[size=\"7\"]').forEach((font) => {\n const span = document.createElement('span')\n span.style.fontSize = `${px}px`\n span.append(...Array.from(font.childNodes))\n font.replaceWith(span)\n })\n saveSelection()\n emit()\n }\n\n const insertHtml = (html: string) => {\n restoreSelection()\n document.execCommand('insertHTML', false, sanitizeHtml(html))\n saveSelection()\n emit()\n }\n\n const openPanel = (next: Exclude<Panel, null>) => {\n saveSelection()\n setUrl('')\n setPanel(panel === next ? null : next)\n }\n\n const submitPanel = () => {\n const target = url.trim()\n if (!target) return\n if (panel === 'link') {\n exec('createLink', target)\n editorRef.current?.querySelectorAll('a').forEach((a) => {\n if (/^https?:/i.test(a.getAttribute('href') ?? '')) {\n a.setAttribute('target', '_blank')\n a.setAttribute('rel', 'noopener noreferrer')\n }\n })\n emit()\n } else if (panel === 'image') {\n exec('insertImage', target)\n }\n setPanel(null)\n }\n\n const handleImageFile = async (event: ChangeEvent<HTMLInputElement>) => {\n const file = event.target.files?.[0]\n event.target.value = ''\n if (!file || !file.type.startsWith('image/')) return\n const src = onImageUpload ? await onImageUpload(file) : await readFileAsDataUrl(file)\n exec('insertImage', src)\n setPanel(null)\n }\n\n const handlePaste = (event: React.ClipboardEvent<HTMLDivElement>) => {\n const html = event.clipboardData.getData('text/html')\n if (html) {\n event.preventDefault()\n document.execCommand('insertHTML', false, sanitizeHtml(html))\n emit()\n }\n }\n\n const toggleSource = () => {\n if (sourceMode) {\n const clean = sanitizeHtml(source)\n lastHtml.current = null\n if (editorRef.current) editorRef.current.innerHTML = clean\n lastHtml.current = clean\n setEmpty(!clean)\n onChange?.(clean)\n } else {\n setSource(sanitizeHtml(editorRef.current?.innerHTML ?? ''))\n }\n setPanel(null)\n setSourceMode(!sourceMode)\n }\n\n const describedBy =\n [hint && !errorMessage ? hintId : undefined, errorMessage ? errorId : undefined]\n .filter(Boolean)\n .join(' ') || undefined\n const toolsDisabled = disabled || sourceMode\n\n const btn = (\n command: string,\n text: string,\n content: ReactNode,\n arg?: string,\n ) => (\n <ToolButton\n label={text}\n active={formats[command]}\n disabled={toolsDisabled}\n onClick={() => exec(command, arg)}\n >\n {content}\n </ToolButton>\n )\n\n return (\n <div\n className={[\n 'inconel-field',\n fullWidth ? 'inconel-field--full-width' : '',\n className ?? '',\n ].join(' ')}\n >\n {label && (\n <label className=\"inconel-field__label\" htmlFor={editorId}>\n {label}\n {required && <span aria-hidden=\"true\"> *</span>}\n </label>\n )}\n <div\n className={[\n 'inconel-rte',\n errorMessage ? 'inconel-is-invalid' : '',\n disabled ? 'inconel-is-disabled' : '',\n ].join(' ')}\n >\n <div className=\"inconel-rte__toolbar\" role=\"toolbar\" aria-label=\"Biçimlendirme\">\n {btn('bold', 'Kalın', <b>B</b>)}\n {btn('italic', 'İtalik', <i>I</i>)}\n {btn('underline', 'Altı çizili', <u>U</u>)}\n {btn('strikeThrough', 'Üstü çizili', <s>S</s>)}\n <span className=\"inconel-rte__sep\" />\n <select\n className=\"inconel-rte__select\"\n aria-label=\"Biçim\"\n disabled={toolsDisabled}\n value=\"\"\n onChange={(event) => {\n if (event.target.value) exec('formatBlock', event.target.value)\n }}\n >\n <option value=\"\">Biçim</option>\n {BLOCKS.map((block) => (\n <option key={block.tag} value={block.tag}>\n {block.label}\n </option>\n ))}\n </select>\n <select\n className=\"inconel-rte__select\"\n aria-label=\"Yazı boyutu\"\n disabled={toolsDisabled}\n value=\"\"\n onChange={(event) => {\n if (event.target.value) applyFontSize(Number(event.target.value))\n }}\n >\n <option value=\"\">Boyut</option>\n {FONT_SIZES.map((size) => (\n <option key={size} value={size}>\n {size}px\n </option>\n ))}\n </select>\n <span className=\"inconel-rte__sep\" />\n {btn('justifyLeft', 'Sola hizala', '⇤')}\n {btn('justifyCenter', 'Ortala', '↔')}\n {btn('justifyRight', 'Sağa hizala', '⇥')}\n {btn('justifyFull', 'İki yana yasla', '☰')}\n <span className=\"inconel-rte__sep\" />\n {btn('insertUnorderedList', 'Madde işaretli liste', '• ≡')}\n {btn('insertOrderedList', 'Numaralı liste', '1.≡')}\n {btn('outdent', 'Girintiyi azalt', '⇠')}\n {btn('indent', 'Girintiyi artır', '⇢')}\n {btn('removeFormat', 'Biçimi temizle', 'Tₓ')}\n <span className=\"inconel-rte__sep\" />\n <ToolButton\n label=\"Bağlantı ekle\"\n disabled={toolsDisabled}\n active={panel === 'link'}\n onClick={() => openPanel('link')}\n >\n 🔗\n </ToolButton>\n <ToolButton\n label=\"Görsel ekle\"\n disabled={toolsDisabled}\n active={panel === 'image'}\n onClick={() => openPanel('image')}\n >\n 🖼\n </ToolButton>\n {onRequestMedia && (\n <ToolButton\n label=\"Medya galerisi\"\n disabled={toolsDisabled}\n onClick={() => {\n saveSelection()\n onRequestMedia(insertHtml)\n }}\n >\n 🗂\n </ToolButton>\n )}\n <span className=\"inconel-rte__sep\" />\n {btn('undo', 'Geri al', '↶')}\n {btn('redo', 'Yinele', '↷')}\n <ToolButton\n label=\"HTML kaynağı\"\n disabled={disabled}\n active={sourceMode}\n onClick={toggleSource}\n >\n {'</>'}\n </ToolButton>\n </div>\n\n {panel && !sourceMode && (\n <div className=\"inconel-rte__panel\">\n <input\n type=\"url\"\n className=\"inconel-rte__input\"\n aria-label={panel === 'link' ? 'Bağlantı adresi' : 'Görsel adresi'}\n placeholder={panel === 'link' ? 'https://…' : 'Görsel URL (https://…)'}\n value={url}\n autoFocus\n onChange={(event) => setUrl(event.target.value)}\n onKeyDown={(event) => {\n if (event.key === 'Enter') {\n event.preventDefault()\n submitPanel()\n }\n }}\n />\n <button type=\"button\" className=\"inconel-rte__action\" onClick={submitPanel}>\n Ekle\n </button>\n {panel === 'image' && (\n <label className=\"inconel-rte__action\">\n Dosya seç\n <input\n type=\"file\"\n accept=\"image/*\"\n hidden\n aria-label=\"Görsel dosyası\"\n onChange={handleImageFile}\n />\n </label>\n )}\n </div>\n )}\n\n {sourceMode ? (\n <textarea\n id={editorId}\n className=\"inconel-rte__source\"\n style={{ minHeight }}\n aria-label={label ?? 'HTML kaynağı'}\n value={source}\n disabled={disabled}\n spellCheck={false}\n onChange={(event) => setSource(event.target.value)}\n />\n ) : (\n <div className=\"inconel-rte__surface\" style={{ minHeight }}>\n {empty && placeholder && (\n <span className=\"inconel-rte__placeholder\" aria-hidden=\"true\">\n {placeholder}\n </span>\n )}\n <div\n ref={editorRef}\n id={editorId}\n className=\"inconel-rte__content\"\n role=\"textbox\"\n aria-multiline=\"true\"\n aria-label={label}\n aria-required={required}\n aria-invalid={Boolean(errorMessage)}\n aria-describedby={describedBy}\n aria-disabled={disabled}\n contentEditable={!disabled}\n suppressContentEditableWarning\n style={{ minHeight }}\n onInput={emit}\n onPaste={handlePaste}\n onKeyUp={() => {\n saveSelection()\n refreshFormats()\n }}\n onMouseUp={() => {\n saveSelection()\n refreshFormats()\n }}\n onBlur={() => {\n saveSelection()\n onBlur?.()\n }}\n />\n </div>\n )}\n </div>\n <FieldFeedback hint={hint} errorMessage={errorMessage} hintId={hintId} errorId={errorId} />\n </div>\n )\n}\n"],"names":["BLOCKS","FONT_SIZES","readFileAsDataUrl","file","resolve","reject","reader","ToolButton","label","onClick","disabled","active","children","jsx","event","RichTextEditor","value","onChange","onBlur","placeholder","id","required","fullWidth","className","minHeight","onImageUpload","onRequestMedia","hint","errorMessage","generatedId","useId","editorId","hintId","errorId","editorRef","useRef","savedRange","lastHtml","sourceMode","setSourceMode","useState","source","setSource","panel","setPanel","url","setUrl","formats","setFormats","empty","setEmpty","useEffect","editor","clean","sanitizeHtml","emit","useCallback","hasContent","html","saveSelection","selection","restoreSelection","refreshFormats","query","command","exec","arg","applyFontSize","px","font","span","insertHtml","openPanel","next","submitPanel","target","a","handleImageFile","src","handlePaste","toggleSource","describedBy","toolsDisabled","btn","text","content","jsxs","block","size","FieldFeedback"],"mappings":"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"}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=new Set(["a","b","strong","i","em","u","s","strike","del","p","div","span","br","ul","ol","li","h1","h2","h3","h4","blockquote","img","sub","sup"]),m={a:["href","target","rel","title","class"],img:["src","alt","title","width","height","class"]},u=new Set(["text-align","font-size"]),f=new Set(["script","style","iframe","object","embed","noscript"]),c=(r,e)=>{const t=Array.from(r).filter(n=>n.charCodeAt(0)>32).join("");return e&&/^data:image\/(png|jpe?g|gif|webp|bmp);/i.test(t)?!0:/^(https?:|mailto:|tel:|\/|#|\.{1,2}\/)/i.test(t)||!/^[a-z][a-z0-9+.-]*:/i.test(t)},b=r=>r.split(";").map(e=>e.split(":").map(t=>t.trim())).filter(([e,t])=>u.has(e?.toLowerCase())&&t&&/^[\w\s.%-]+$/.test(t)).map(([e,t])=>`${e.toLowerCase()}: ${t}`).join("; "),i=r=>{Array.from(r.children).forEach(e=>{const t=e.tagName.toLowerCase();if(f.has(t)){e.remove();return}if(i(e),!l.has(t)){e.replaceWith(...Array.from(e.childNodes));return}const n=m[t]??[];Array.from(e.attributes).forEach(s=>{const o=s.name.toLowerCase();if(o==="style"){const a=b(s.value);a?e.setAttribute("style",a):e.removeAttribute("style")}else o==="class"?(!n.includes("class")||!/^[\w\s-]+$/.test(s.value))&&e.removeAttribute(s.name):n.includes(o)?(o==="href"||o==="src")&&!c(s.value,t==="img")&&e.removeAttribute(s.name):e.removeAttribute(s.name)}),t==="a"&&e.getAttribute("target")==="_blank"&&e.setAttribute("rel","noopener noreferrer")})};function p(r){if(!r)return"";const e=new DOMParser().parseFromString(`<body>${r}</body>`,"text/html");return i(e.body),e.body.innerHTML}exports.sanitizeHtml=p;
|
|
2
|
+
//# sourceMappingURL=sanitize.cjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"sanitize.cjs","sources":["../../../../src/components/RichTextEditor/sanitize.ts"],"sourcesContent":["const ALLOWED_TAGS = new Set([\n 'a', 'b', 'strong', 'i', 'em', 'u', 's', 'strike', 'del', 'p', 'div', 'span',\n 'br', 'ul', 'ol', 'li', 'h1', 'h2', 'h3', 'h4', 'blockquote', 'img', 'sub', 'sup',\n])\n\nconst ALLOWED_ATTRS: Record<string, string[]> = {\n a: ['href', 'target', 'rel', 'title', 'class'],\n img: ['src', 'alt', 'title', 'width', 'height', 'class'],\n}\n\nconst ALLOWED_STYLES = new Set(['text-align', 'font-size'])\nconst DROP_WITH_CONTENT = new Set(['script', 'style', 'iframe', 'object', 'embed', 'noscript'])\n\nconst isSafeUrl = (value: string, allowDataImage: boolean) => {\n const url = Array.from(value)\n .filter((char) => char.charCodeAt(0) > 32)\n .join('')\n if (allowDataImage && /^data:image\\/(png|jpe?g|gif|webp|bmp);/i.test(url)) return true\n return /^(https?:|mailto:|tel:|\\/|#|\\.{1,2}\\/)/i.test(url) || !/^[a-z][a-z0-9+.-]*:/i.test(url)\n}\n\nconst cleanStyle = (value: string) =>\n value\n .split(';')\n .map((rule) => rule.split(':').map((part) => part.trim()))\n .filter(\n ([prop, val]) =>\n ALLOWED_STYLES.has(prop?.toLowerCase()) && val && /^[\\w\\s.%-]+$/.test(val),\n )\n .map(([prop, val]) => `${prop.toLowerCase()}: ${val}`)\n .join('; ')\n\nconst cleanNode = (node: Element) => {\n Array.from(node.children).forEach((child) => {\n const tag = child.tagName.toLowerCase()\n\n if (DROP_WITH_CONTENT.has(tag)) {\n child.remove()\n return\n }\n\n cleanNode(child)\n\n if (!ALLOWED_TAGS.has(tag)) {\n child.replaceWith(...Array.from(child.childNodes))\n return\n }\n\n const allowed = ALLOWED_ATTRS[tag] ?? []\n Array.from(child.attributes).forEach((attr) => {\n const name = attr.name.toLowerCase()\n if (name === 'style') {\n const style = cleanStyle(attr.value)\n if (style) child.setAttribute('style', style)\n else child.removeAttribute('style')\n } else if (name === 'class') {\n if (!allowed.includes('class') || !/^[\\w\\s-]+$/.test(attr.value)) {\n child.removeAttribute(attr.name)\n }\n } else if (!allowed.includes(name)) {\n child.removeAttribute(attr.name)\n } else if (\n (name === 'href' || name === 'src') &&\n !isSafeUrl(attr.value, tag === 'img')\n ) {\n child.removeAttribute(attr.name)\n }\n })\n\n if (tag === 'a' && child.getAttribute('target') === '_blank') {\n child.setAttribute('rel', 'noopener noreferrer')\n }\n })\n}\n\n/** HTML'i izin verilen etiket/özelliklerle sınırlar (script, on* olayları, javascript: vb. temizlenir). */\nexport function sanitizeHtml(html: string): string {\n if (!html) return ''\n const doc = new DOMParser().parseFromString(`<body>${html}</body>`, 'text/html')\n cleanNode(doc.body)\n return doc.body.innerHTML\n}\n"],"names":["ALLOWED_TAGS","ALLOWED_ATTRS","ALLOWED_STYLES","DROP_WITH_CONTENT","isSafeUrl","value","allowDataImage","url","char","cleanStyle","rule","part","prop","val","cleanNode","node","child","tag","allowed","attr","name","style","sanitizeHtml","html","doc"],"mappings":"gFAAA,MAAMA,MAAmB,IAAI,CAC3B,IAAK,IAAK,SAAU,IAAK,KAAM,IAAK,IAAK,SAAU,MAAO,IAAK,MAAO,OACtE,KAAM,KAAM,KAAM,KAAM,KAAM,KAAM,KAAM,KAAM,aAAc,MAAO,MAAO,KAC9E,CAAC,EAEKC,EAA0C,CAC9C,EAAG,CAAC,OAAQ,SAAU,MAAO,QAAS,OAAO,EAC7C,IAAK,CAAC,MAAO,MAAO,QAAS,QAAS,SAAU,OAAO,CACzD,EAEMC,EAAiB,IAAI,IAAI,CAAC,aAAc,WAAW,CAAC,EACpDC,EAAoB,IAAI,IAAI,CAAC,SAAU,QAAS,SAAU,SAAU,QAAS,UAAU,CAAC,EAExFC,EAAY,CAACC,EAAeC,IAA4B,CAC5D,MAAMC,EAAM,MAAM,KAAKF,CAAK,EACzB,OAAQG,GAASA,EAAK,WAAW,CAAC,EAAI,EAAE,EACxC,KAAK,EAAE,EACV,OAAIF,GAAkB,0CAA0C,KAAKC,CAAG,EAAU,GAC3E,0CAA0C,KAAKA,CAAG,GAAK,CAAC,uBAAuB,KAAKA,CAAG,CAChG,EAEME,EAAcJ,GAClBA,EACG,MAAM,GAAG,EACT,IAAKK,GAASA,EAAK,MAAM,GAAG,EAAE,IAAKC,GAASA,EAAK,KAAA,CAAM,CAAC,EACxD,OACC,CAAC,CAACC,EAAMC,CAAG,IACTX,EAAe,IAAIU,GAAM,YAAA,CAAa,GAAKC,GAAO,eAAe,KAAKA,CAAG,CAC7E,EACC,IAAI,CAAC,CAACD,EAAMC,CAAG,IAAM,GAAGD,EAAK,YAAA,CAAa,KAAKC,CAAG,EAAE,EACpD,KAAK,IAAI,EAERC,EAAaC,GAAkB,CACnC,MAAM,KAAKA,EAAK,QAAQ,EAAE,QAASC,GAAU,CAC3C,MAAMC,EAAMD,EAAM,QAAQ,YAAA,EAE1B,GAAIb,EAAkB,IAAIc,CAAG,EAAG,CAC9BD,EAAM,OAAA,EACN,MACF,CAIA,GAFAF,EAAUE,CAAK,EAEX,CAAChB,EAAa,IAAIiB,CAAG,EAAG,CAC1BD,EAAM,YAAY,GAAG,MAAM,KAAKA,EAAM,UAAU,CAAC,EACjD,MACF,CAEA,MAAME,EAAUjB,EAAcgB,CAAG,GAAK,CAAA,EACtC,MAAM,KAAKD,EAAM,UAAU,EAAE,QAASG,GAAS,CAC7C,MAAMC,EAAOD,EAAK,KAAK,YAAA,EACvB,GAAIC,IAAS,QAAS,CACpB,MAAMC,EAAQZ,EAAWU,EAAK,KAAK,EAC/BE,EAAOL,EAAM,aAAa,QAASK,CAAK,EACvCL,EAAM,gBAAgB,OAAO,CACpC,MAAWI,IAAS,SACd,CAACF,EAAQ,SAAS,OAAO,GAAK,CAAC,aAAa,KAAKC,EAAK,KAAK,IAC7DH,EAAM,gBAAgBG,EAAK,IAAI,EAEvBD,EAAQ,SAASE,CAAI,GAG9BA,IAAS,QAAUA,IAAS,QAC7B,CAAChB,EAAUe,EAAK,MAAOF,IAAQ,KAAK,GAEpCD,EAAM,gBAAgBG,EAAK,IAAI,EAL/BH,EAAM,gBAAgBG,EAAK,IAAI,CAOnC,CAAC,EAEGF,IAAQ,KAAOD,EAAM,aAAa,QAAQ,IAAM,UAClDA,EAAM,aAAa,MAAO,qBAAqB,CAEnD,CAAC,CACH,EAGO,SAASM,EAAaC,EAAsB,CACjD,GAAI,CAACA,EAAM,MAAO,GAClB,MAAMC,EAAM,IAAI,UAAA,EAAY,gBAAgB,SAASD,CAAI,UAAW,WAAW,EAC/E,OAAAT,EAAUU,EAAI,IAAI,EACXA,EAAI,KAAK,SAClB"}
|
package/dist/cjs/index.cjs
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});;/* empty css */const e=require("./components/FieldFeedback/FieldFeedback.cjs"),t=require("./components/Input/Input.cjs"),o=require("./components/Select/Select.cjs"),
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});;/* empty css */const e=require("./components/FieldFeedback/FieldFeedback.cjs"),t=require("./components/Input/Input.cjs"),o=require("./components/RichTextEditor/RichTextEditor.cjs"),r=require("./components/Select/Select.cjs"),i=require("./components/Svg/Svg.cjs"),n=require("./components/Textarea/Textarea.cjs"),c=require("./components/Badge/Badge.cjs"),u=require("./components/Button/Button.cjs"),l=require("./components/CheckBoxList/CheckBoxList.cjs"),a=require("./components/Checkbox/Checkbox.cjs"),s=require("./components/CheckboxGroup/CheckboxGroup.cjs"),d=require("./components/CurrencyInput/CurrencyInput.cjs"),p=require("./components/CustomizableSwitch/CustomizableSwitch.cjs"),q=require("./components/DataGrid/DataGrid.cjs"),x=require("./components/DatePicker/DatePicker.cjs"),T=require("./components/DndFileUpload/DndFileUpload.cjs"),b=require("./components/DotLoader/DotLoader.cjs"),S=require("./components/DragDropUpload/DragDropUpload.cjs"),h=require("./components/DropDownBox/DropDownBox.cjs"),D=require("./components/ExcelTable/ExcelTable.cjs"),k=require("./components/FileUpload/FileUpload.cjs"),I=require("./components/FileUploadText/FileUploadText.cjs"),C=require("./components/Filter/Filter.cjs"),F=require("./components/FloatingPanel/FloatingPanel.cjs"),M=require("./components/HTMLTable/HTMLTable.cjs"),B=require("./adapters/InconelProvider.cjs"),L=require("./components/InputRadio/InputRadio.cjs"),g=require("./components/InputText/InputText.cjs"),U=require("./components/Loader/Loader.cjs"),R=require("./components/LoaderMini/LoaderMini.cjs"),O=require("./components/Modal/Modal.cjs"),P=require("./components/MultiSelect/MultiSelect.cjs"),w=require("./components/MultiSelectCheckBox/MultiSelectCheckBox.cjs"),G=require("./components/MultiSelectWithCheckbox/MultiSelectWithCheckbox.cjs"),y=require("./components/Option/Option.cjs"),f=require("./components/OptionWithIcon/OptionWithIcon.cjs"),m=require("./components/RadioGroup/RadioGroup.cjs"),v=require("./components/ReadOnly/ReadOnly.cjs"),z=require("./components/SlideTabs/SlideTabs.cjs"),W=require("./components/SocketStatus/SocketStatus.cjs"),E=require("./components/Switch/Switch.cjs"),H=require("./components/Table/Table.cjs"),A=require("./components/Tabs/Tabs.cjs"),j=require("./components/TextInput/TextInput.cjs"),J=require("./components/Tooltip/Tooltip.cjs"),K=require("./components/RichTextEditor/sanitize.cjs"),N=require("./adapters/context.cjs");exports.FieldFeedback=e.default;exports.Input=t.default;exports.RichTextEditor=o.default;exports.Select=r.default;exports.Svg=i.default;exports.Textarea=n.default;exports.Badge=c.Badge;exports.Button=u.Button;exports.CheckBoxList=l.CheckBoxList;exports.Checkbox=a.Checkbox;exports.CheckboxGroup=s.CheckboxGroup;exports.CurrencyInput=d.CurrencyInput;exports.CustomizableSwitch=p.CustomizableSwitch;exports.DataGrid=q.DataGrid;exports.DatePicker=x.DatePicker;exports.DndFileUpload=T.DndFileUpload;exports.DotLoader=b.DotLoader;exports.DragDropUpload=S.DragDropUpload;exports.DropDownBox=h.DropDownBox;exports.ExcelTable=D.ExcelTable;exports.FileUpload=k.FileUpload;exports.FileUploadText=I.FileUploadText;exports.Filter=C.Filter;exports.FloatingPanel=F.FloatingPanel;exports.HTMLTable=M.HTMLTable;exports.InconelProvider=B.InconelProvider;exports.InputRadio=L.InputRadio;exports.InputText=g.InputText;exports.Loader=U.Loader;exports.LoaderMini=R.LoaderMini;exports.Modal=O.Modal;exports.MultiSelect=P.MultiSelect;exports.MultiSelectCheckBox=w.MultiSelectCheckBox;exports.MultiSelectWithCheckbox=G.MultiSelectWithCheckbox;exports.Option=y.Option;exports.OptionWithIcon=f.OptionWithIcon;exports.RadioGroup=m.RadioGroup;exports.ReadOnly=v.ReadOnly;exports.SlideTabs=z.SlideTabs;exports.SocketStatus=W.SocketStatus;exports.Switch=E.Switch;exports.Table=H.Table;exports.Tabs=A.Tabs;exports.TextInput=j.TextInput;exports.Tooltip=J.Tooltip;exports.sanitizeHtml=K.sanitizeHtml;exports.useInconelAdapters=N.useInconelAdapters;
|
|
2
2
|
//# sourceMappingURL=index.cjs.map
|