iconograph-ui 2.0.6 → 2.0.7

package/example/src/routes/basic/+page.svelte

@@ -9,7 +9,6 @@
     import SexeChoiceInput from "$lib/iconograph-ui/components/form/SexeChoiceInput.svelte";
     import CustomInput from "$lib/components/CustomInput.svelte";
     import CustomTable from "../../lib/components/CustomTable.svelte";
-    import Editor from "$lib/iconograph-ui/components/form/inputs/Editor.svelte";
     import SegmentedSwitchInput from "$lib/iconograph-ui/components/form/SegmentedSwitchInput.svelte"
     import Link from "$lib/iconograph-ui/components/display/Link.svelte";
     import SelectUserInput from "$lib/iconograph-ui/components/user/SelectUserInput.svelte";
@@ -81,7 +80,6 @@
     </Card>
 
     <Card padding={'0px'}>
-        <Editor bind:content={message} ></Editor>
     </Card>
 
     <Card>

package/example/src/routes/parabole/+page.svelte

@@ -9,7 +9,6 @@
     import SexeChoiceInput from "$lib/iconograph-ui/components/form/SexeChoiceInput.svelte";
     import CustomInput from "$lib/components/CustomInput.svelte";
     import CustomTable from "../../lib/components/CustomTable.svelte";
-    import Editor from "$lib/iconograph-ui/components/form/inputs/Editor.svelte";
     import SegmentedSwitchInput from "$lib/iconograph-ui/components/form/SegmentedSwitchInput.svelte"
     import Link from "$lib/iconograph-ui/components/display/Link.svelte";
     import SelectUserInput from "$lib/iconograph-ui/components/user/SelectUserInput.svelte";
@@ -81,7 +80,6 @@
     </Card>
 
     <Card padding={'0px'}>
-        <Editor bind:content={message} ></Editor>
     </Card>
 
     <Card>

package/index.js

@@ -17,7 +17,6 @@ import NavBar from "./lib/components/navigation/NavBar.svelte";
 import SelectUserInput from "./lib/components/user/SelectUserInput.svelte";
 import Modal from "./lib/components/layout/Modal.svelte"
 import FlexForm from "./lib/components/form/FlexForm.svelte";
-import Editor from "./lib/components/form/inputs/Editor.svelte";
 import SegmentedSwitchInput from "./lib/components/form/SegmentedSwitchInput.svelte"
 import DateStr from "./lib/components/display/DateStr.svelte";
 import Field from "./lib/components/display/Field.svelte";
@@ -49,7 +48,6 @@ export {
     NavBar,
     SelectUserInput,
     Modal,
-    Editor,
     DateStr,
     Field,
     Link,

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "iconograph-ui",
-    "version": "2.0.6",
+    "version": "2.0.7",
     "description": "A Svelte Kit components library",
     "main": "./index.js",
     "svelte": "./index.js",

package/lib/components/form/inputs/Editor.svelte

@@ -1,107 +0,0 @@
-<script>
-    import { onMount } from "svelte";
-    import "quill/dist/quill.snow.css";
-    import "quill-better-table/dist/quill-better-table.css";
-
-    export let content = "";
-    export let theme = "snow";
-    export let width = "100%";
-    export let height = "200px";
-
-    let editorEl;
-    let editor;
-    let isInternalChange = false; // pour éviter les boucles du changement dynamique de content
-
-    const tooltips = {
-        bold: "Gras",
-        italic: "Italique",
-        underline: "Souligné",
-        strike: "Barré",
-        link: "Lien",
-        image: "Image",
-        blockquote: "Citation",
-        clean: "Effacer le formatage",
-    };
-
-    function addTooltips() {
-        const toolbar = editorEl?.parentElement?.querySelector(".ql-toolbar");
-        if (!toolbar) return;
-
-        toolbar.querySelectorAll("button, select").forEach((btn) => {
-            const format =
-                btn.className.match(/ql-(\w+)/)?.[1] ||
-                btn.getAttribute("value") ||
-                null;
-
-            if (format && tooltips[format]) {
-                btn.setAttribute("title", tooltips[format]);
-            }
-        });
-    }
-
-    onMount(async () => {
-        const Quill = (await import("quill")).default;
-        const QuillBetterTable = (await import("quill-better-table")).default;
-
-        Quill.register({ "modules/better-table": QuillBetterTable }, true);
-
-        editor = new Quill(editorEl, {
-            theme,
-            modules: {
-                toolbar: [
-                    [{ header: [1, 2, 3, 4, false] }],
-                    ["bold", "italic", "underline", "strike"],
-                    [{ color: [] }, { background: [] }],
-                    ["blockquote"],
-                    [{ list: "ordered" }, { list: "bullet" }],
-                    [{ align: [] }],
-                    ["link"],
-                    ["clean"],
-                    // ["table"],
-                ],
-                table: false, // désactive le module table de base
-                "better-table": {
-                    operationMenu: {
-                        items: {
-                            unmergeCells: { text: "Unmerge cells" },
-                        },
-                    },
-                },
-            },
-            placeholder: "Rédigez votre message...",
-        });
-
-        if (content)
-            editor.clipboard.dangerouslyPasteHTML(content);
-
-        editor.on("text-change", () => {
-            isInternalChange = true;
-            content = editor.root.innerHTML;
-            isInternalChange = false;
-        });
-
-        addTooltips();
-    });
-
-    $: if (editor && !isInternalChange) {
-        const currentHTML = editor.root.innerHTML;
-        if (content && content !== currentHTML) {
-            editor.clipboard.dangerouslyPasteHTML(content);
-        }
-    }
-</script>
-
-<div
-    bind:this={editorEl}
-    style="width: {width}; height: {height};"
-></div>
-
-<style>
-    /*.ql-toolbar {
-        border-radius: 0.5rem 0.5rem 0 0;
-    }
-    .ql-container {
-        border-radius: 0 0 0.5rem 0.5rem;
-        min-height: 100px;
-    }*/
-</style>