@web-atoms/web-controls 2.1.7 → 2.1.11

package/src/html-editor/commands/HorizontalRule.tsx

@@ -0,0 +1,12 @@
+import Command, { ICommand } from "./Command";
+
+export default function HorizontalRule(cmd: ICommand) {
+    return Command({
+        icon: "ri-separator",
+        title: "Insert Horizontal Line",
+        ... cmd,
+        command(editor) {
+            editor.executeCommand("insertHorizontalRule");
+        }
+    });
+}

package/src/html-editor/commands/IndentLess.tsx

@@ -0,0 +1,13 @@
+import Command from "./Command";
+
+export default function IndentLess(cmd: any) {
+    return Command({
+        icon: "ri-indent-decrease",
+        queryState: "outdent",
+        title: "Indent Less",
+        ... cmd,
+        command(editor) {
+            editor.executeCommand("outdent");
+        }
+    });
+}

package/src/html-editor/commands/IndentMore.tsx

@@ -0,0 +1,13 @@
+import Command from "./Command";
+
+export default function IndentMore(cmd: any) {
+    return Command({
+        icon: "ri-indent-increase",
+        queryState: "indent",
+        title: "Indent More",
+        ... cmd,
+        command(editor) {
+            editor.executeCommand("indent");
+        }
+    });
+}

package/src/html-editor/commands/Italic.ts

@@ -0,0 +1,13 @@
+import Command, { ICommand } from "./Command";
+
+export default function Italic(cmd: ICommand) {
+    return Command({
+        icon: "ri-italic",
+        queryState: "italic",
+        title: "Italic",
+        ... cmd,
+        command(editor) {
+            editor.executeCommand("italic");
+        }
+    });
+}

package/src/html-editor/commands/NumberedList.tsx

@@ -0,0 +1,13 @@
+import Command from "./Command";
+
+export default function NumberedList(cmd: any) {
+    return Command({
+        icon: "ri-list-ordered",
+        queryState: "insertOrderedList",
+        title: "Create Numbered List",
+        ... cmd,
+        command(editor) {
+            editor.executeCommand("insertOrderedList");
+        }
+    });
+}

package/src/html-editor/commands/Quote.tsx

@@ -0,0 +1,13 @@
+import Command from "./Command";
+
+export default function IndentMore(cmd: any) {
+    return Command({
+        icon: "ri-double-quotes",
+        queryState: "formatBlock",
+        title: "Insert Quote",
+        ... cmd,
+        command(editor) {
+            editor.executeCommand("formatBlock");
+        }
+    });
+}

package/src/html-editor/commands/RemoveFormat.tsx

@@ -0,0 +1,13 @@
+import Command from "./Command";
+
+export default function RemoveFormat(cmd: any) {
+    return Command({
+        icon: "ri-format-clear",
+        queryState: "removeFormat",
+        title: "Clear Formatting",
+        ... cmd,
+        command(editor) {
+            editor.executeCommand("removeFormat");
+        }
+    });
+}

package/src/html-editor/commands/Separator.tsx

@@ -0,0 +1,18 @@
+import Colors from "@web-atoms/core/dist/core/Colors";
+import XNode from "@web-atoms/core/dist/core/XNode";
+import StyleRule from "@web-atoms/core/dist/style/StyleRule";
+import CSS from "@web-atoms/core/dist/web/styles/CSS";
+
+const separatorCss = CSS(StyleRule()
+    .backgroundColor(Colors.darkGray)
+    .marginLeft(4)
+    .marginRight(4)
+    .display("inline-block")
+    .marginTop(4)
+    .height(20)
+    .width(2)
+);
+
+export default function Separator() {
+    return <div class={separatorCss}></div>;
+}

package/src/html-editor/commands/StrikeThrough.ts

@@ -0,0 +1,13 @@
+import Command, { ICommand } from "./Command";
+
+export default function StrikeThrough(cmd: ICommand) {
+    return Command({
+        icon: "ri-strikethrough",
+        queryState: "strikeThrough",
+        title: "Strike Through",
+        ... cmd,
+        command(editor) {
+            editor.executeCommand("strikeThrough");
+        }
+    });
+}

package/src/html-editor/commands/Underline.ts

@@ -0,0 +1,13 @@
+import Command, { ICommand } from "./Command";
+
+export default function Underline(cmd: ICommand) {
+    return Command({
+        icon: "ri-underline",
+        queryState: "underline",
+        title: "Underline",
+        ... cmd,
+        command(editor) {
+            editor.executeCommand("underline");
+        }
+    });
+}

package/src/html-editor/commands/Unlink.tsx

@@ -0,0 +1,13 @@
+import Command from "./Command";
+
+export default function Unlink(cmd: any) {
+    return Command({
+        icon: "ri-link-unlink-m",
+        queryState: "unlink",
+        title: "Remove Link",
+        ... cmd,
+        command(editor) {
+            editor.executeCommand("unlink");
+        }
+    });
+}

package/src/html-editor/commands/UnorderedList.tsx

@@ -0,0 +1,13 @@
+import Command from "./Command";
+
+export default function UnorderedList(cmd: any) {
+    return Command({
+        icon: "ri-list-unordered",
+        queryState: "insertUnorderedList",
+        title: "Create List",
+        ... cmd,
+        command(editor) {
+            editor.executeCommand("insertUnorderedList");
+        }
+    });
+}