tetrons 2.3.92 → 2.3.93
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/index.cjs +14 -14
- package/dist/index.mjs +14 -14
- package/dist/styles/tetrons.css +16 -0
- package/package.json +1 -1
package/dist/index.cjs
CHANGED
|
@@ -16636,25 +16636,25 @@ var import_react15 = __toESM(require("react"));
|
|
|
16636
16636
|
var import_md5 = require("react-icons/md");
|
|
16637
16637
|
function ListAlignGroup({ editor }) {
|
|
16638
16638
|
if (!editor) return null;
|
|
16639
|
-
const canToggleBullet = editor.can().toggleBulletList() || editor.isEmpty;
|
|
16640
|
-
const canToggleOrdered = editor.can().toggleOrderedList() || editor.isEmpty;
|
|
16641
|
-
const canSink = editor.can().sinkListItem("listItem");
|
|
16642
|
-
const canLift = editor.can().liftListItem("listItem");
|
|
16643
16639
|
return /* @__PURE__ */ import_react15.default.createElement("div", { className: "list-align-group bg-white text-black dark:bg-gray-800 dark:text-white" }, /* @__PURE__ */ import_react15.default.createElement(
|
|
16644
16640
|
ToolbarButton_default,
|
|
16645
16641
|
{
|
|
16646
16642
|
icon: import_md5.MdFormatListBulleted,
|
|
16647
16643
|
title: "Bulleted List",
|
|
16648
|
-
onClick: () =>
|
|
16649
|
-
|
|
16644
|
+
onClick: () => {
|
|
16645
|
+
editor.chain().focus().toggleBulletList().run();
|
|
16646
|
+
},
|
|
16647
|
+
disabled: false
|
|
16650
16648
|
}
|
|
16651
16649
|
), /* @__PURE__ */ import_react15.default.createElement(
|
|
16652
16650
|
ToolbarButton_default,
|
|
16653
16651
|
{
|
|
16654
16652
|
icon: import_md5.MdFormatListNumbered,
|
|
16655
16653
|
title: "Numbered List",
|
|
16656
|
-
onClick: () =>
|
|
16657
|
-
|
|
16654
|
+
onClick: () => {
|
|
16655
|
+
editor.chain().focus().toggleOrderedList().run();
|
|
16656
|
+
},
|
|
16657
|
+
disabled: false
|
|
16658
16658
|
}
|
|
16659
16659
|
), /* @__PURE__ */ import_react15.default.createElement(
|
|
16660
16660
|
ToolbarButton_default,
|
|
@@ -16662,7 +16662,7 @@ function ListAlignGroup({ editor }) {
|
|
|
16662
16662
|
icon: import_md5.MdFormatIndentIncrease,
|
|
16663
16663
|
title: "Increase Indent",
|
|
16664
16664
|
onClick: () => editor.chain().focus().sinkListItem("listItem").run(),
|
|
16665
|
-
disabled:
|
|
16665
|
+
disabled: false
|
|
16666
16666
|
}
|
|
16667
16667
|
), /* @__PURE__ */ import_react15.default.createElement(
|
|
16668
16668
|
ToolbarButton_default,
|
|
@@ -16670,7 +16670,7 @@ function ListAlignGroup({ editor }) {
|
|
|
16670
16670
|
icon: import_md5.MdFormatIndentDecrease,
|
|
16671
16671
|
title: "Decrease Indent",
|
|
16672
16672
|
onClick: () => editor.chain().focus().liftListItem("listItem").run(),
|
|
16673
|
-
disabled:
|
|
16673
|
+
disabled: false
|
|
16674
16674
|
}
|
|
16675
16675
|
), /* @__PURE__ */ import_react15.default.createElement(
|
|
16676
16676
|
ToolbarButton_default,
|
|
@@ -16678,7 +16678,7 @@ function ListAlignGroup({ editor }) {
|
|
|
16678
16678
|
icon: import_md5.MdFormatAlignLeft,
|
|
16679
16679
|
title: "Align Left",
|
|
16680
16680
|
onClick: () => editor.chain().focus().setTextAlign("left").run(),
|
|
16681
|
-
disabled:
|
|
16681
|
+
disabled: false
|
|
16682
16682
|
}
|
|
16683
16683
|
), /* @__PURE__ */ import_react15.default.createElement(
|
|
16684
16684
|
ToolbarButton_default,
|
|
@@ -16686,7 +16686,7 @@ function ListAlignGroup({ editor }) {
|
|
|
16686
16686
|
icon: import_md5.MdFormatAlignCenter,
|
|
16687
16687
|
title: "Align Center",
|
|
16688
16688
|
onClick: () => editor.chain().focus().setTextAlign("center").run(),
|
|
16689
|
-
disabled:
|
|
16689
|
+
disabled: false
|
|
16690
16690
|
}
|
|
16691
16691
|
), /* @__PURE__ */ import_react15.default.createElement(
|
|
16692
16692
|
ToolbarButton_default,
|
|
@@ -16694,7 +16694,7 @@ function ListAlignGroup({ editor }) {
|
|
|
16694
16694
|
icon: import_md5.MdFormatAlignRight,
|
|
16695
16695
|
title: "Align Right",
|
|
16696
16696
|
onClick: () => editor.chain().focus().setTextAlign("right").run(),
|
|
16697
|
-
disabled:
|
|
16697
|
+
disabled: false
|
|
16698
16698
|
}
|
|
16699
16699
|
), /* @__PURE__ */ import_react15.default.createElement(
|
|
16700
16700
|
ToolbarButton_default,
|
|
@@ -16702,7 +16702,7 @@ function ListAlignGroup({ editor }) {
|
|
|
16702
16702
|
icon: import_md5.MdFormatAlignJustify,
|
|
16703
16703
|
title: "Justify",
|
|
16704
16704
|
onClick: () => editor.chain().focus().setTextAlign("justify").run(),
|
|
16705
|
-
disabled:
|
|
16705
|
+
disabled: false
|
|
16706
16706
|
}
|
|
16707
16707
|
));
|
|
16708
16708
|
}
|
package/dist/index.mjs
CHANGED
|
@@ -16638,25 +16638,25 @@ import {
|
|
|
16638
16638
|
} from "react-icons/md";
|
|
16639
16639
|
function ListAlignGroup({ editor }) {
|
|
16640
16640
|
if (!editor) return null;
|
|
16641
|
-
const canToggleBullet = editor.can().toggleBulletList() || editor.isEmpty;
|
|
16642
|
-
const canToggleOrdered = editor.can().toggleOrderedList() || editor.isEmpty;
|
|
16643
|
-
const canSink = editor.can().sinkListItem("listItem");
|
|
16644
|
-
const canLift = editor.can().liftListItem("listItem");
|
|
16645
16641
|
return /* @__PURE__ */ React9.createElement("div", { className: "list-align-group bg-white text-black dark:bg-gray-800 dark:text-white" }, /* @__PURE__ */ React9.createElement(
|
|
16646
16642
|
ToolbarButton_default,
|
|
16647
16643
|
{
|
|
16648
16644
|
icon: MdFormatListBulleted,
|
|
16649
16645
|
title: "Bulleted List",
|
|
16650
|
-
onClick: () =>
|
|
16651
|
-
|
|
16646
|
+
onClick: () => {
|
|
16647
|
+
editor.chain().focus().toggleBulletList().run();
|
|
16648
|
+
},
|
|
16649
|
+
disabled: false
|
|
16652
16650
|
}
|
|
16653
16651
|
), /* @__PURE__ */ React9.createElement(
|
|
16654
16652
|
ToolbarButton_default,
|
|
16655
16653
|
{
|
|
16656
16654
|
icon: MdFormatListNumbered,
|
|
16657
16655
|
title: "Numbered List",
|
|
16658
|
-
onClick: () =>
|
|
16659
|
-
|
|
16656
|
+
onClick: () => {
|
|
16657
|
+
editor.chain().focus().toggleOrderedList().run();
|
|
16658
|
+
},
|
|
16659
|
+
disabled: false
|
|
16660
16660
|
}
|
|
16661
16661
|
), /* @__PURE__ */ React9.createElement(
|
|
16662
16662
|
ToolbarButton_default,
|
|
@@ -16664,7 +16664,7 @@ function ListAlignGroup({ editor }) {
|
|
|
16664
16664
|
icon: MdFormatIndentIncrease,
|
|
16665
16665
|
title: "Increase Indent",
|
|
16666
16666
|
onClick: () => editor.chain().focus().sinkListItem("listItem").run(),
|
|
16667
|
-
disabled:
|
|
16667
|
+
disabled: false
|
|
16668
16668
|
}
|
|
16669
16669
|
), /* @__PURE__ */ React9.createElement(
|
|
16670
16670
|
ToolbarButton_default,
|
|
@@ -16672,7 +16672,7 @@ function ListAlignGroup({ editor }) {
|
|
|
16672
16672
|
icon: MdFormatIndentDecrease,
|
|
16673
16673
|
title: "Decrease Indent",
|
|
16674
16674
|
onClick: () => editor.chain().focus().liftListItem("listItem").run(),
|
|
16675
|
-
disabled:
|
|
16675
|
+
disabled: false
|
|
16676
16676
|
}
|
|
16677
16677
|
), /* @__PURE__ */ React9.createElement(
|
|
16678
16678
|
ToolbarButton_default,
|
|
@@ -16680,7 +16680,7 @@ function ListAlignGroup({ editor }) {
|
|
|
16680
16680
|
icon: MdFormatAlignLeft,
|
|
16681
16681
|
title: "Align Left",
|
|
16682
16682
|
onClick: () => editor.chain().focus().setTextAlign("left").run(),
|
|
16683
|
-
disabled:
|
|
16683
|
+
disabled: false
|
|
16684
16684
|
}
|
|
16685
16685
|
), /* @__PURE__ */ React9.createElement(
|
|
16686
16686
|
ToolbarButton_default,
|
|
@@ -16688,7 +16688,7 @@ function ListAlignGroup({ editor }) {
|
|
|
16688
16688
|
icon: MdFormatAlignCenter,
|
|
16689
16689
|
title: "Align Center",
|
|
16690
16690
|
onClick: () => editor.chain().focus().setTextAlign("center").run(),
|
|
16691
|
-
disabled:
|
|
16691
|
+
disabled: false
|
|
16692
16692
|
}
|
|
16693
16693
|
), /* @__PURE__ */ React9.createElement(
|
|
16694
16694
|
ToolbarButton_default,
|
|
@@ -16696,7 +16696,7 @@ function ListAlignGroup({ editor }) {
|
|
|
16696
16696
|
icon: MdFormatAlignRight,
|
|
16697
16697
|
title: "Align Right",
|
|
16698
16698
|
onClick: () => editor.chain().focus().setTextAlign("right").run(),
|
|
16699
|
-
disabled:
|
|
16699
|
+
disabled: false
|
|
16700
16700
|
}
|
|
16701
16701
|
), /* @__PURE__ */ React9.createElement(
|
|
16702
16702
|
ToolbarButton_default,
|
|
@@ -16704,7 +16704,7 @@ function ListAlignGroup({ editor }) {
|
|
|
16704
16704
|
icon: MdFormatAlignJustify,
|
|
16705
16705
|
title: "Justify",
|
|
16706
16706
|
onClick: () => editor.chain().focus().setTextAlign("justify").run(),
|
|
16707
|
-
disabled:
|
|
16707
|
+
disabled: false
|
|
16708
16708
|
}
|
|
16709
16709
|
));
|
|
16710
16710
|
}
|
package/dist/styles/tetrons.css
CHANGED
|
@@ -108,6 +108,22 @@
|
|
|
108
108
|
font-size: 0.875rem;
|
|
109
109
|
}
|
|
110
110
|
|
|
111
|
+
ul, ol {
|
|
112
|
+
padding-left: 1.5rem;
|
|
113
|
+
margin: 0.5rem 0;
|
|
114
|
+
list-style-position: outside;
|
|
115
|
+
}
|
|
116
|
+
|
|
117
|
+
li {
|
|
118
|
+
margin: 0.25rem 0;
|
|
119
|
+
line-height: 1.5;
|
|
120
|
+
}
|
|
121
|
+
|
|
122
|
+
.editor-content-wrapper ul,
|
|
123
|
+
.editor-content-wrapper ol {
|
|
124
|
+
list-style: revert;
|
|
125
|
+
}
|
|
126
|
+
|
|
111
127
|
.tetrons-toolbar {
|
|
112
128
|
display: flex;
|
|
113
129
|
flex-wrap: wrap;
|