react-text-forge 1.3.3 → 1.3.4
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.
|
@@ -1 +1 @@
|
|
|
1
|
-
.tooltip-container{position:relative;display:inline-block}.tooltip{position:absolute;padding:10px 8px;border-radius:5px;font-size:14px;border:1px solid;white-space:nowrap;z-index:100;opacity:0;transition:opacity .2s;pointer-events:none;box-shadow:0 2px 4px #0000001a}.tooltip--visible{opacity:1}.tooltip--bottom{top:100%;left:50%;transform:translate(-50%);margin-top:8px}.rtf.toolbar-container{position:relative;width:100%}.rtf.toolbar{display:flex;gap:5px;margin-bottom:10px;white-space:nowrap}.rtf.toolbar>div.rtf{display:flex}.rtf.toolbar select.rtf,.rtf.toolbar select:focus.rtf{outline:none;border:none;background:none}.rtf.toolbar select.rtf option.rtf,.rtf.toolbar select:focus.rtf option.rtf{border:none;outline:none;background:none;padding:0}@media (max-width: 768px){.rtf.toolbar select.rtf,.rtf.toolbar select:focus.rtf{font-size:20px}}.rtf.toolbar-more-button{background:none;border:none;cursor:pointer;padding:0 8px;font-size:16px}.rtf.toolbar-modal{position:absolute;top:100%;right:0;z-index:1000;max-width:500px;border-radius:4px;padding:8px;box-shadow:0 2px 8px #0000001a;display:flex;flex-wrap:wrap;gap:4px}.rtf.toolbar-modal .color-picker-popup{left:0%}.rtf.toolbar-modal-item{margin:4px}.rtf.tool{padding:5px;display:flex;justify-content:center;align-items:center;border:none;border-radius:3px;background:none;cursor:pointer;outline:none}.rtf.tool--arrow{background:none;border:none;cursor:pointer;margin-left:4px;position:relative;padding:0;width:15px}.rtf.tool--arrow svg.rtf{position:absolute;width:20px!important;height:20px!important}@media (max-width: 768px){.rtf.tool--arrow{width:20px}.rtf.tool--arrow svg.rtf{width:30px!important;height:30px!important}}.rtf.tool img.rtf,.rtf.tool svg.rtf{cursor:pointer;width:15px;height:15px}@media (max-width: 768px){.rtf.tool img.rtf,.rtf.tool svg.rtf{width:20px;height:20px}}.rtf.toggle-switch{position:absolute;bottom:15px;display:inline-block;width:70px;height:34px}.rtf.toggle-switch input.rtf{opacity:0;width:0;height:0}.rtf.toggle-switch .rtf.slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:none;transition:.4s;border-radius:34px;border:1px solid}.rtf.toggle-switch .rtf.icon{position:absolute;display:flex;justify-content:center;align-items:center;border-radius:50%;width:25px;height:25px;top:50%;left:17px;transform:translate(-50%,-50%);font-size:16px;color:#ff9800;transition:.4s}.rtf.toggle-switch input:checked.rtf+.rtf.slider{background-color:none}.rtf.toggle-switch input:checked.rtf+.rtf.slider .rtf.icon{color:#fff;left:calc(100% - 17px)}.rtf.toggle-switch .rtf.slider.round{border-radius:34px}.rtf.fullscreen-wrapper{transition:all .3s ease;width:100%;height:auto}.rtf.fullscreen-wrapper--active{position:fixed;top:0;left:0;right:0;bottom:0;width:100vw;height:100vh;background-color:var(--background-color);z-index:1000;padding:20px;box-sizing:border-box;overflow-y:auto}.rtf.fullscreen-wrapper--active .rtf.toolbar{position:sticky;top:0;background-color:var(--toolbar-background);z-index:1001;padding:10px;border-radius:0 0 8px 8px;box-shadow:0 2px 4px #0000001a}.rtf.fullscreen-wrapper--active .rtf.react-text-forge{min-height:calc(100vh - 100px);margin:20px auto;width:100%}.rtf.fullscreen-wrapper--active .rtf.rtf__editor{flex-grow:1}.rtf.fullscreen-button{position:absolute;bottom:10px;right:20px}.rtf.fullscreen-button .rtf.tool{width:30px;height:30px}.rtf.fullscreen-button .rtf.tool svg.rtf{width:30px;height:30px}code[class*=language-],pre[class*=language-]{color:#ccc;background:none;font-family:Consolas,Monaco,Andale Mono,Ubuntu Mono,monospace;font-size:1em;text-align:left;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-hyphens:none;-moz-hyphens:none;-ms-hyphens:none;hyphens:none}pre[class*=language-]{padding:1em;margin:.5em 0;overflow:auto}:not(pre)>code[class*=language-],pre[class*=language-]{background:#2d2d2d}:not(pre)>code[class*=language-]{padding:.1em;border-radius:.3em;white-space:normal}.token.comment,.token.block-comment,.token.prolog,.token.doctype,.token.cdata{color:#999}.token.punctuation{color:#ccc}.token.tag,.token.attr-name,.token.namespace,.token.deleted{color:#e2777a}.token.function-name{color:#6196cc}.token.boolean,.token.number,.token.function{color:#f08d49}.token.property,.token.class-name,.token.constant,.token.symbol{color:#f8c555}.token.selector,.token.important,.token.atrule,.token.keyword,.token.builtin{color:#cc99cd}.token.string,.token.char,.token.attr-value,.token.regex,.token.variable{color:#7ec699}.token.operator,.token.entity,.token.url{color:#67cdcc}.token.important,.token.bold{font-weight:700}.token.italic{font-style:italic}.token.entity{cursor:help}.token.inserted{color:green}.rtf.react-text-forge{position:relative;display:flex;flex-direction:column;max-width:80%;margin:0 auto;border:1px solid;padding:10px;border-radius:5px}@media (max-width: 768px){.rtf.react-text-forge{max-width:70%}}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.rtf.react-text-forge .rtf.rtf__editor{min-height:50px;border:1px solid #ddd;padding:10px;border-radius:5px;outline:none;overflow:scroll}.rtf.react-text-forge .rtf.rtf__editor a{pointer-events:auto;cursor:pointer}.rtf.react-text-forge .rtf.rtf__editor img.rtf{max-height:200px}.rtf.react-text-forge .rtf.rtf__editor table.rtf{width:100%;table-layout:fixed;border-collapse:collapse}.rtf.react-text-forge .rtf.rtf__editor table.rtf tr.rtf{display:flex;width:100%}.rtf.react-text-forge .rtf.rtf__editor table.rtf th.rtf,.rtf.react-text-forge .rtf.rtf__editor table.rtf td.rtf{display:block;width:100%;height:40px;max-height:40px;border:1px solid;border-color:inherit;padding:8px;overflow-y:scroll}.rtf.react-text-forge .rtf.color-picker-popup{position:absolute;top:100%;width:fit-content}@media (max-width: 768px){.rtf.react-text-forge .rtf.color-picker-popup{right:0}}.rtf.react-text-forge .rtf.color-picker-popup .sketch-picker{position:relative;z-index:2}.rtf.react-text-forge .rtf.dropdown{position:relative;display:flex}.rtf.react-text-forge .rtf.dropdown-toggle{background:none;border:none;cursor:pointer;padding:0}.rtf.react-text-forge .rtf.dropdown-toggle--list{border-bottom-left-radius:0;border-bottom-right-radius:0}.rtf.react-text-forge .rtf.dropdown-menu{width:200px;position:absolute;display:flex;flex-wrap:wrap;gap:10px;top:100%;border:1px solid #ccc;box-shadow:0 2px 8px #0000001a;list-style:none;padding:0;margin-bottom:5px;margin-top:0;z-index:1000}@media (max-width: 768px){.rtf.react-text-forge .rtf.dropdown-menu{right:0}}.rtf.react-text-forge .rtf.dropdown-menu li{flex:0 0 calc(25% - 30px);box-sizing:border-box;padding:5px;cursor:pointer}.rtf.react-text-forge .rtf.dropdown-menu li:hover{background:#f0f0f0}.rtf.react-text-forge pre.rtf{background-color:#1a1a1a;border:1px solid #3b3737;border-radius:4px;padding:10px;overflow-x:auto;font-family:Consolas,Monaco,Courier New,monospace;font-size:14px;line-height:1.4;margin:1em 0}.rtf.react-text-forge pre.rtf .code-language{color:#fff;border:1px solid;width:fit-content;margin-left:auto;border-bottom-left-radius:5px;padding:3px;position:relative;top:-11px;right:-11px}.rtf.react-text-forge .rtf.link-form{position:absolute;top:40px;background-color:#fff;border:1px solid #ccc;border-radius:4px;box-shadow:0 2px 10px #0000001a;padding:16px;z-index:10}@media (max-width: 768px){.rtf.react-text-forge .rtf.link-form{right:0}}.rtf.react-text-forge .rtf.link-form input[type=text].rtf{width:calc(100% - 22px);padding:8px;margin-bottom:10px;border:1px solid #ccc;border-radius:4px}.rtf.react-text-forge .rtf.link-form label.rtf{display:flex;align-items:center;margin-bottom:10px}.rtf.react-text-forge .rtf.link-form label.rtf input[type=checkbox].rtf{margin-right:8px}.rtf.react-text-forge .rtf.link-form-actions{display:flex;justify-content:flex-end;padding:10px;gap:8px}.rtf.react-text-forge .rtf.link-form-actions button.rtf{padding:8px 16px;border:none;border-radius:4px;cursor:pointer}.rtf.react-text-forge .rtf.image-upload-container{position:relative}.rtf.react-text-forge .rtf.hidden-file-input{display:none}.rtf.react-text-forge .rtf.table-grid-form{display:flex;flex-direction:column;align-items:center;height:fit-content;width:fit-content;overflow:visible;padding:0;border:0}.rtf.react-text-forge .rtf.table-grid-form .rtf.grid-container{display:grid;grid-template-columns:repeat(5,20px);grid-template-rows:repeat(5,20px);gap:2px}.rtf.react-text-forge .rtf.table-grid-form .rtf.grid-cell{width:20px;height:20px;background-color:#ddd;border:1px solid #ccc}.rtf.react-text-forge .rtf.table-grid-form .rtf.grid-cell.hovered{background-color:#007bff}.rtf.react-text-forge .rtf.table-grid-form .rtf.table-size-indicator{margin-top:10px;font-size:14px}.rtf.react-text-forge ::selection{background:#0078d74d;color:#000}.rtf.react-text-forge ::-moz-selection{background:#0078d74d;color:#000}.rtf.react-text-forge a{font-weight:500;color:#646cff;text-decoration:inherit}.rtf.react-text-forge a:hover{color:#535bf2}
|
|
1
|
+
.tooltip-container{position:relative;display:inline-block}.tooltip{position:absolute;padding:10px 8px;border-radius:5px;font-size:14px;border:1px solid;white-space:nowrap;z-index:100;opacity:0;transition:opacity .2s;pointer-events:none;box-shadow:0 2px 4px #0000001a}.tooltip--visible{opacity:1}.tooltip--bottom{top:100%;left:50%;transform:translate(-50%);margin-top:8px}.rtf.toolbar-container{position:relative;width:100%}.rtf.toolbar{display:flex;gap:5px;margin-bottom:10px;white-space:nowrap}.rtf.toolbar>div.rtf{display:flex}.rtf.toolbar select.rtf,.rtf.toolbar select:focus.rtf{outline:none;border:none;background:none}.rtf.toolbar select.rtf option.rtf,.rtf.toolbar select:focus.rtf option.rtf{border:none;outline:none;background:none;padding:0}@media (max-width: 768px){.rtf.toolbar select.rtf,.rtf.toolbar select:focus.rtf{font-size:20px}}.rtf.toolbar-more-button{background:none;border:none;cursor:pointer;padding:0 8px;font-size:16px}.rtf.toolbar-modal{position:absolute;top:100%;right:0;z-index:1000;max-width:500px;border-radius:4px;padding:8px;box-shadow:0 2px 8px #0000001a;display:flex;flex-wrap:wrap;gap:4px}.rtf.toolbar-modal .color-picker-popup{left:0%}.rtf.toolbar-modal-item{margin:4px}.rtf.tool{padding:5px;display:flex;justify-content:center;align-items:center;border:none;border-radius:3px;background:none;cursor:pointer;outline:none}.rtf.tool--arrow{background:none;border:none;cursor:pointer;margin-left:4px;position:relative;padding:0;width:15px}.rtf.tool--arrow svg.rtf{position:absolute;width:20px!important;height:20px!important}@media (max-width: 768px){.rtf.tool--arrow{width:20px}.rtf.tool--arrow svg.rtf{width:30px!important;height:30px!important}}.rtf.tool img.rtf,.rtf.tool svg.rtf{cursor:pointer;width:15px;height:15px}@media (max-width: 768px){.rtf.tool img.rtf,.rtf.tool svg.rtf{width:20px;height:20px}}.rtf.toggle-switch{position:absolute;bottom:15px;display:inline-block;width:70px;height:34px}.rtf.toggle-switch input.rtf{opacity:0;width:0;height:0}.rtf.toggle-switch .rtf.slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:none;transition:.4s;border-radius:34px;border:1px solid}.rtf.toggle-switch .rtf.icon{position:absolute;display:flex;justify-content:center;align-items:center;border-radius:50%;width:25px;height:25px;top:50%;left:17px;transform:translate(-50%,-50%);font-size:16px;color:#ff9800;transition:.4s}.rtf.toggle-switch input:checked.rtf+.rtf.slider{background-color:none}.rtf.toggle-switch input:checked.rtf+.rtf.slider .rtf.icon{color:#fff;left:calc(100% - 17px)}.rtf.toggle-switch .rtf.slider.round{border-radius:34px}.rtf.fullscreen-wrapper{transition:all .3s ease;width:100%;height:auto}.rtf.fullscreen-wrapper--active{position:fixed;top:0;left:0;right:0;bottom:0;width:100vw;height:100vh;background-color:var(--background-color);z-index:1000;padding:20px;box-sizing:border-box;overflow-y:auto}.rtf.fullscreen-wrapper--active .rtf.toolbar{position:sticky;top:0;background-color:var(--toolbar-background);z-index:1001;padding:10px;border-radius:0 0 8px 8px;box-shadow:0 2px 4px #0000001a}.rtf.fullscreen-wrapper--active .rtf.react-text-forge{min-height:calc(100vh - 100px);margin:20px auto;width:100%}.rtf.fullscreen-wrapper--active .rtf.rtf__editor{flex-grow:1}.rtf.fullscreen-button{position:absolute;bottom:10px;right:20px}.rtf.fullscreen-button .rtf.tool{width:30px;height:30px}.rtf.fullscreen-button .rtf.tool svg.rtf{width:30px;height:30px}code[class*=language-],pre[class*=language-]{color:#ccc;background:none;font-family:Consolas,Monaco,Andale Mono,Ubuntu Mono,monospace;font-size:1em;text-align:left;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-hyphens:none;-moz-hyphens:none;-ms-hyphens:none;hyphens:none}pre[class*=language-]{padding:1em;margin:.5em 0;overflow:auto}:not(pre)>code[class*=language-],pre[class*=language-]{background:#2d2d2d}:not(pre)>code[class*=language-]{padding:.1em;border-radius:.3em;white-space:normal}.token.comment,.token.block-comment,.token.prolog,.token.doctype,.token.cdata{color:#999}.token.punctuation{color:#ccc}.token.tag,.token.attr-name,.token.namespace,.token.deleted{color:#e2777a}.token.function-name{color:#6196cc}.token.boolean,.token.number,.token.function{color:#f08d49}.token.property,.token.class-name,.token.constant,.token.symbol{color:#f8c555}.token.selector,.token.important,.token.atrule,.token.keyword,.token.builtin{color:#cc99cd}.token.string,.token.char,.token.attr-value,.token.regex,.token.variable{color:#7ec699}.token.operator,.token.entity,.token.url{color:#67cdcc}.token.important,.token.bold{font-weight:700}.token.italic{font-style:italic}.token.entity{cursor:help}.token.inserted{color:green}.rtf.react-text-forge{position:relative;display:flex;flex-direction:column;max-width:80%;margin:0 auto;border:1px solid;padding:10px;border-radius:5px}@media (max-width: 768px){.rtf.react-text-forge{max-width:70%}}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.rtf.react-text-forge .rtf.rtf__editor{min-height:50px;border:1px solid #ddd;padding:10px;border-radius:5px;outline:none;overflow:scroll}.rtf.react-text-forge .rtf.rtf__editor a{pointer-events:auto;cursor:pointer}.rtf.react-text-forge .rtf.rtf__editor img.rtf{max-height:200px}.rtf.react-text-forge .rtf.rtf__editor table.rtf{width:100%;table-layout:fixed;border-collapse:collapse}.rtf.react-text-forge .rtf.rtf__editor table.rtf tr.rtf{display:flex;width:100%}.rtf.react-text-forge .rtf.rtf__editor table.rtf th.rtf,.rtf.react-text-forge .rtf.rtf__editor table.rtf td.rtf{display:block;width:100%;height:40px;max-height:40px;border:1px solid;border-color:inherit;padding:8px;overflow-y:scroll}.rtf.react-text-forge .rtf.color-picker-popup{position:absolute;top:100%;width:fit-content}@media (max-width: 768px){.rtf.react-text-forge .rtf.color-picker-popup{right:0}}.rtf.react-text-forge .rtf.color-picker-popup .sketch-picker{position:relative;z-index:2}.rtf.react-text-forge .rtf.dropdown{position:relative;display:flex}.rtf.react-text-forge .rtf.dropdown-toggle{background:none;border:none;cursor:pointer;padding:0}.rtf.react-text-forge .rtf.dropdown-toggle--list{border-bottom-left-radius:0;border-bottom-right-radius:0}.rtf.react-text-forge .rtf.dropdown-menu{width:200px;position:absolute;display:flex;flex-wrap:wrap;gap:10px;top:100%;border:1px solid #ccc;box-shadow:0 2px 8px #0000001a;list-style:none;padding:0;margin-bottom:5px;margin-top:0;z-index:1000}@media (max-width: 768px){.rtf.react-text-forge .rtf.dropdown-menu{right:0}.rtf.react-text-forge .rtf.dropdown-menu--list{left:0}}.rtf.react-text-forge .rtf.dropdown-menu li{flex:0 0 calc(25% - 30px);box-sizing:border-box;padding:5px;cursor:pointer}.rtf.react-text-forge .rtf.dropdown-menu li:hover{background:#f0f0f0}.rtf.react-text-forge pre.rtf{background-color:#1a1a1a;border:1px solid #3b3737;border-radius:4px;padding:10px;overflow-x:auto;font-family:Consolas,Monaco,Courier New,monospace;font-size:14px;line-height:1.4;margin:1em 0}.rtf.react-text-forge pre.rtf .code-language{color:#fff;border:1px solid;width:fit-content;margin-left:auto;border-bottom-left-radius:5px;padding:3px;position:relative;top:-11px;right:-11px}.rtf.react-text-forge .rtf.link-form{position:absolute;top:40px;background-color:#fff;border:1px solid #ccc;border-radius:4px;box-shadow:0 2px 10px #0000001a;padding:16px;z-index:10}@media (max-width: 768px){.rtf.react-text-forge .rtf.link-form{right:0}}.rtf.react-text-forge .rtf.link-form input[type=text].rtf{width:calc(100% - 22px);padding:8px;margin-bottom:10px;border:1px solid #ccc;border-radius:4px}.rtf.react-text-forge .rtf.link-form label.rtf{display:flex;align-items:center;margin-bottom:10px}.rtf.react-text-forge .rtf.link-form label.rtf input[type=checkbox].rtf{margin-right:8px}.rtf.react-text-forge .rtf.link-form-actions{display:flex;justify-content:flex-end;padding:10px;gap:8px}.rtf.react-text-forge .rtf.link-form-actions button.rtf{padding:8px 16px;border:none;border-radius:4px;cursor:pointer}.rtf.react-text-forge .rtf.image-upload-container{position:relative}.rtf.react-text-forge .rtf.hidden-file-input{display:none}.rtf.react-text-forge .rtf.table-grid-form{display:flex;flex-direction:column;align-items:center;height:fit-content;width:fit-content;overflow:visible;padding:0;border:0}.rtf.react-text-forge .rtf.table-grid-form .rtf.grid-container{display:grid;grid-template-columns:repeat(5,20px);grid-template-rows:repeat(5,20px);gap:2px}.rtf.react-text-forge .rtf.table-grid-form .rtf.grid-cell{width:20px;height:20px;background-color:#ddd;border:1px solid #ccc}.rtf.react-text-forge .rtf.table-grid-form .rtf.grid-cell.hovered{background-color:#007bff}.rtf.react-text-forge .rtf.table-grid-form .rtf.table-size-indicator{margin-top:10px;font-size:14px}.rtf.react-text-forge ::selection{background:#0078d74d;color:#000}.rtf.react-text-forge ::-moz-selection{background:#0078d74d;color:#000}.rtf.react-text-forge a{font-weight:500;color:#646cff;text-decoration:inherit}.rtf.react-text-forge a:hover{color:#535bf2}
|
package/dist/react-text-forge.js
CHANGED
|
@@ -2034,7 +2034,7 @@ const ListPreview = ({ type, selectStyle }) => {
|
|
|
2034
2034
|
};
|
|
2035
2035
|
const TypeSelector = ({ types, onChange, selectStyle, onClose }) => {
|
|
2036
2036
|
const { editor } = useReactTextForgeContext();
|
|
2037
|
-
return /* @__PURE__ */ jsxRuntimeExports.jsx("ul", { onMouseLeave: onClose, className: "rtf dropdown-menu", style: { backgroundColor: `color-mix(in srgb, ${selectStyle.backgroundColor} 50%, ${isDarkColor(selectStyle.backgroundColor) ? "white" : "black"})`, color: selectStyle.imageColor }, children: types.map((type) => /* @__PURE__ */ jsxRuntimeExports.jsx(
|
|
2037
|
+
return /* @__PURE__ */ jsxRuntimeExports.jsx("ul", { onMouseLeave: onClose, className: "rtf dropdown-menu dropdown-menu--list", style: { backgroundColor: `color-mix(in srgb, ${selectStyle.backgroundColor} 50%, ${isDarkColor(selectStyle.backgroundColor) ? "white" : "black"})`, color: selectStyle.imageColor }, children: types.map((type) => /* @__PURE__ */ jsxRuntimeExports.jsx(
|
|
2038
2038
|
"li",
|
|
2039
2039
|
{
|
|
2040
2040
|
value: type.value,
|
|
@@ -2091,7 +2091,7 @@ const BlockListDropdown = ({ format, isActive, onMouseDown }) => {
|
|
|
2091
2091
|
]
|
|
2092
2092
|
}
|
|
2093
2093
|
),
|
|
2094
|
-
dropdownActive === format && /* @__PURE__ */ jsxRuntimeExports.jsx(
|
|
2094
|
+
dropdownActive && dropdownActive === format && /* @__PURE__ */ jsxRuntimeExports.jsx(
|
|
2095
2095
|
TypeSelector,
|
|
2096
2096
|
{
|
|
2097
2097
|
selectStyle,
|
|
@@ -116,7 +116,7 @@ function U({format:e,imageColor:t}){return(()=>{switch(e){case"addColumn":return
|
|
|
116
116
|
*
|
|
117
117
|
* For any questions or suggestions, please contact: administrateur@nhumeria.fr
|
|
118
118
|
*/
|
|
119
|
-
function ee(e){let t,r,n;if(e.startsWith("#"))e=e.replace(/^#/,""),t=parseInt(e.substring(0,2),16)/255,r=parseInt(e.substring(2,4),16)/255,n=parseInt(e.substring(4,6),16)/255;else{if(!e.startsWith("rgb"))throw new Error("Format de couleur non pris en charge");{const o=e.match(/\d+/g).map(Number);t=o[0]/255,r=o[1]/255,n=o[2]/255}}return.2126*(t<=.04045?t/12.92:Math.pow((t+.055)/1.055,2.4))+.7152*(r<=.04045?r/12.92:Math.pow((r+.055)/1.055,2.4))+.0722*(n<=.04045?n/12.92:Math.pow((n+.055)/1.055,2.4))<.5}const te=({type:e,selectStyle:t})=>{const r=ee(t.color)?"white":"black",n={pointerEvents:"none",listStyleType:e,margin:0,paddingLeft:"20px",paddingTop:"2px",paddingBottom:"2px"};return R.jsx("div",{style:{display:"flex",alignItems:"center",padding:"4px 0",fontSize:"12px",color:r},children:R.jsxs("ul",{style:n,children:[R.jsx("li",{style:{marginBottom:"2px"},children:"------------"}),R.jsx("li",{children:"------------"})]})})},re=({types:e,onChange:t,selectStyle:r,onClose:n})=>{const{editor:o}=Q();return R.jsx("ul",{onMouseLeave:n,className:"rtf dropdown-menu",style:{backgroundColor:`color-mix(in srgb, ${r.backgroundColor} 50%, ${ee(r.backgroundColor)?"white":"black"})`,color:r.imageColor},children:e.map(e=>R.jsx("li",{value:e.value,onClick:()=>t(e.value),style:{backgroundColor:`color-mix(in srgb, ${r.backgroundColor} ${e.value===H.getListStyleType(o)?"30%":"50%"}, ${ee(r.backgroundColor)?"white":"black"})`},children:R.jsx(te,{type:e.value,selectStyle:r})},e.value))})},ne=({format:e,isActive:t,onMouseDown:r})=>{const{backgroundColor:n,editor:o,imageColor:l,dropdownActive:a,setDropdownActive:s}=Q(),i={backgroundColor:n,color:l};return R.jsxs(R.Fragment,{children:[R.jsxs("button",{className:"rtf tool dropdown-toggle--list",style:{backgroundColor:a===e?`color-mix(in srgb, ${l} 40%, ${ee(l)?"white":"black"})`:"transparent"},children:[R.jsx("div",{onMouseDown:t=>{t.preventDefault(),r(e)},children:R.jsx(U,{format:e,imageColor:l})}),t&&R.jsx("div",{className:"rtf tool tool--arrow",style:{color:i.color},onClick:()=>{s(a!==e?e:null)},children:R.jsx(U,{format:"arrow",imageColor:l})})]}),a===e&&R.jsx(re,{selectStyle:i,onChange:t=>{H.toggleBlock(o,"bulletList"===e?"bullet-list":"numbered-list",t),s(null)},onClose:()=>s(null),types:"numberedList"===e?[{value:"decimal",label:"Décimal"},{value:"upper-roman",label:"Lettres Romaines majuscules"},{value:"lower-roman",label:"Lettres Romaines minuscules"},{value:"upper-greek",label:"Lettres Grecques majuscules"},{value:"lower-greek",label:"Lettres Grecques minuscules"}]:[{value:"disc",label:"Disque"},{value:"circle",label:"Cercle"},{value:"square",label:"Carré"},{value:"'✔'",label:"Check"},{value:"'✘'",label:"Croix"},{value:"'➢'",label:"Petite flèche"},{value:"'➔'",label:"Flèche épaisse"}]})]})};function oe({disabled:e=!1,elements:t,elementSelected:r,format:n,onClick:o}){const{backgroundColor:l,imageColor:a,dropdownActive:s,setDropdownActive:i}=Q(),c=()=>{i(null!==s&&s===n?null:n)};return R.jsxs("div",{className:"rtf dropdown tool",children:[R.jsx("button",{onClick:c,className:"rtf dropdown-toggle",disabled:e,children:R.jsx(U,{format:n,imageColor:a})}),s===n&&R.jsx("ul",{style:{backgroundColor:l,color:a},className:"rtf dropdown-menu",onMouseLeave:c,children:t.map((e,t)=>R.jsx("li",{style:{backgroundColor:`${r&&e===r?`color-mix(in srgb, ${l} 80%, ${ee(l)?"white":"black"})`:l}`},onClick:()=>(e=>{o(e),i(null)})(e),children:e},t))})]})}const le=({disabled:e,sizeSelected:t,onSelectSize:r})=>R.jsx(oe,{disabled:e,elements:["10px","12px","14px","16px","18px","20px","24px","28px","36px"],elementSelected:t,format:"size",onClick:r}),ae=({fontFamilySelected:e,onSelectFontFamily:t})=>R.jsx(oe,{elements:["Arial","Arial Black","Bookman","Comic Sans MS","Courier","Courier New","Garamond","Georgia","Helvetica","Impact","Palatino","Times","Times New Roman","Trebuchet MS","Verdana"],elementSelected:e,format:"fontFamily",onClick:t}),se=({onClose:e,initialUrl:t="",isOpenInNewTab:o})=>{const[l,a]=r.useState(""),{editor:s,backgroundColor:i,imageColor:c}=Q(),[u,d]=r.useState(!1),[p,g]=r.useState(s.selection),f={backgroundColor:i,color:c},m={color:ee(i)?"#FFF":"#000"},h={backgroundColor:`color-mix(in srgb, ${i} 80%, ${ee(i)?"white":"black"})`,color:m.color},b={backgroundColor:"#800020"!==i?"#800020":"color-mix(in srgb, #800020 80%, black)",color:m.color},y={backgroundColor:"#6c757d"!==i?"#6c757d":"color-mix(in srgb, #6c757d 30%, black)",color:m.color},x=()=>{l&&(H.updateLink(s,l,u),e())},v=()=>{p&&n.ReactEditor.focus(s)};return r.useEffect(()=>{s.selection&&g(s.selection)},[]),r.useEffect(()=>{a(t),d(o)},[t,o]),R.jsxs("div",{onMouseLeave:e,style:f,className:"rtf link-form",children:[R.jsx("input",{className:"rtf",type:"text",placeholder:"Enter URL",value:l,onBlur:v,onChange:e=>a(e.target.value)}),R.jsxs("label",{className:"rtf",children:[R.jsx("input",{className:"rtf",type:"checkbox",checked:u,onBlur:v,onChange:()=>d(!u)}),"Ouvrir dans un nouvel onglet"]}),R.jsxs("div",{className:"rtf link-form-actions",children:[t?R.jsxs(R.Fragment,{children:[R.jsx("button",{className:"rtf",style:h,onClick:x,children:"Modifier"}),R.jsx("button",{className:"rtf",style:b,onClick:()=>{H.removeLink(s),e()},children:"Supprimer"})]}):R.jsx("button",{className:"rtf",style:h,onClick:x,children:"Valider"}),R.jsx("button",{className:"rtf",style:y,onClick:e,children:"Annuler"})]})]})};
|
|
119
|
+
function ee(e){let t,r,n;if(e.startsWith("#"))e=e.replace(/^#/,""),t=parseInt(e.substring(0,2),16)/255,r=parseInt(e.substring(2,4),16)/255,n=parseInt(e.substring(4,6),16)/255;else{if(!e.startsWith("rgb"))throw new Error("Format de couleur non pris en charge");{const o=e.match(/\d+/g).map(Number);t=o[0]/255,r=o[1]/255,n=o[2]/255}}return.2126*(t<=.04045?t/12.92:Math.pow((t+.055)/1.055,2.4))+.7152*(r<=.04045?r/12.92:Math.pow((r+.055)/1.055,2.4))+.0722*(n<=.04045?n/12.92:Math.pow((n+.055)/1.055,2.4))<.5}const te=({type:e,selectStyle:t})=>{const r=ee(t.color)?"white":"black",n={pointerEvents:"none",listStyleType:e,margin:0,paddingLeft:"20px",paddingTop:"2px",paddingBottom:"2px"};return R.jsx("div",{style:{display:"flex",alignItems:"center",padding:"4px 0",fontSize:"12px",color:r},children:R.jsxs("ul",{style:n,children:[R.jsx("li",{style:{marginBottom:"2px"},children:"------------"}),R.jsx("li",{children:"------------"})]})})},re=({types:e,onChange:t,selectStyle:r,onClose:n})=>{const{editor:o}=Q();return R.jsx("ul",{onMouseLeave:n,className:"rtf dropdown-menu dropdown-menu--list",style:{backgroundColor:`color-mix(in srgb, ${r.backgroundColor} 50%, ${ee(r.backgroundColor)?"white":"black"})`,color:r.imageColor},children:e.map(e=>R.jsx("li",{value:e.value,onClick:()=>t(e.value),style:{backgroundColor:`color-mix(in srgb, ${r.backgroundColor} ${e.value===H.getListStyleType(o)?"30%":"50%"}, ${ee(r.backgroundColor)?"white":"black"})`},children:R.jsx(te,{type:e.value,selectStyle:r})},e.value))})},ne=({format:e,isActive:t,onMouseDown:r})=>{const{backgroundColor:n,editor:o,imageColor:l,dropdownActive:a,setDropdownActive:s}=Q(),i={backgroundColor:n,color:l};return R.jsxs(R.Fragment,{children:[R.jsxs("button",{className:"rtf tool dropdown-toggle--list",style:{backgroundColor:a===e?`color-mix(in srgb, ${l} 40%, ${ee(l)?"white":"black"})`:"transparent"},children:[R.jsx("div",{onMouseDown:t=>{t.preventDefault(),r(e)},children:R.jsx(U,{format:e,imageColor:l})}),t&&R.jsx("div",{className:"rtf tool tool--arrow",style:{color:i.color},onClick:()=>{s(a!==e?e:null)},children:R.jsx(U,{format:"arrow",imageColor:l})})]}),a&&a===e&&R.jsx(re,{selectStyle:i,onChange:t=>{H.toggleBlock(o,"bulletList"===e?"bullet-list":"numbered-list",t),s(null)},onClose:()=>s(null),types:"numberedList"===e?[{value:"decimal",label:"Décimal"},{value:"upper-roman",label:"Lettres Romaines majuscules"},{value:"lower-roman",label:"Lettres Romaines minuscules"},{value:"upper-greek",label:"Lettres Grecques majuscules"},{value:"lower-greek",label:"Lettres Grecques minuscules"}]:[{value:"disc",label:"Disque"},{value:"circle",label:"Cercle"},{value:"square",label:"Carré"},{value:"'✔'",label:"Check"},{value:"'✘'",label:"Croix"},{value:"'➢'",label:"Petite flèche"},{value:"'➔'",label:"Flèche épaisse"}]})]})};function oe({disabled:e=!1,elements:t,elementSelected:r,format:n,onClick:o}){const{backgroundColor:l,imageColor:a,dropdownActive:s,setDropdownActive:i}=Q(),c=()=>{i(null!==s&&s===n?null:n)};return R.jsxs("div",{className:"rtf dropdown tool",children:[R.jsx("button",{onClick:c,className:"rtf dropdown-toggle",disabled:e,children:R.jsx(U,{format:n,imageColor:a})}),s===n&&R.jsx("ul",{style:{backgroundColor:l,color:a},className:"rtf dropdown-menu",onMouseLeave:c,children:t.map((e,t)=>R.jsx("li",{style:{backgroundColor:`${r&&e===r?`color-mix(in srgb, ${l} 80%, ${ee(l)?"white":"black"})`:l}`},onClick:()=>(e=>{o(e),i(null)})(e),children:e},t))})]})}const le=({disabled:e,sizeSelected:t,onSelectSize:r})=>R.jsx(oe,{disabled:e,elements:["10px","12px","14px","16px","18px","20px","24px","28px","36px"],elementSelected:t,format:"size",onClick:r}),ae=({fontFamilySelected:e,onSelectFontFamily:t})=>R.jsx(oe,{elements:["Arial","Arial Black","Bookman","Comic Sans MS","Courier","Courier New","Garamond","Georgia","Helvetica","Impact","Palatino","Times","Times New Roman","Trebuchet MS","Verdana"],elementSelected:e,format:"fontFamily",onClick:t}),se=({onClose:e,initialUrl:t="",isOpenInNewTab:o})=>{const[l,a]=r.useState(""),{editor:s,backgroundColor:i,imageColor:c}=Q(),[u,d]=r.useState(!1),[p,g]=r.useState(s.selection),f={backgroundColor:i,color:c},m={color:ee(i)?"#FFF":"#000"},h={backgroundColor:`color-mix(in srgb, ${i} 80%, ${ee(i)?"white":"black"})`,color:m.color},b={backgroundColor:"#800020"!==i?"#800020":"color-mix(in srgb, #800020 80%, black)",color:m.color},y={backgroundColor:"#6c757d"!==i?"#6c757d":"color-mix(in srgb, #6c757d 30%, black)",color:m.color},x=()=>{l&&(H.updateLink(s,l,u),e())},v=()=>{p&&n.ReactEditor.focus(s)};return r.useEffect(()=>{s.selection&&g(s.selection)},[]),r.useEffect(()=>{a(t),d(o)},[t,o]),R.jsxs("div",{onMouseLeave:e,style:f,className:"rtf link-form",children:[R.jsx("input",{className:"rtf",type:"text",placeholder:"Enter URL",value:l,onBlur:v,onChange:e=>a(e.target.value)}),R.jsxs("label",{className:"rtf",children:[R.jsx("input",{className:"rtf",type:"checkbox",checked:u,onBlur:v,onChange:()=>d(!u)}),"Ouvrir dans un nouvel onglet"]}),R.jsxs("div",{className:"rtf link-form-actions",children:[t?R.jsxs(R.Fragment,{children:[R.jsx("button",{className:"rtf",style:h,onClick:x,children:"Modifier"}),R.jsx("button",{className:"rtf",style:b,onClick:()=>{H.removeLink(s),e()},children:"Supprimer"})]}):R.jsx("button",{className:"rtf",style:h,onClick:x,children:"Valider"}),R.jsx("button",{className:"rtf",style:y,onClick:e,children:"Annuler"})]})]})};
|
|
120
120
|
/**
|
|
121
121
|
* @license
|
|
122
122
|
* Copyright (c) 2025 Jahylis
|