funuicss 3.0.2 → 3.0.3
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/package.json +1 -1
- package/ui/richtext/RichText.js +25 -21
package/package.json
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
{
|
|
2
|
-
"version": "3.0.
|
|
2
|
+
"version": "3.0.3",
|
|
3
3
|
"name": "funuicss",
|
|
4
4
|
"description": "React and Next.js component UI Library for creating Easy and good looking websites with fewer lines of code. Elevate your web development experience with our cutting-edge React/Next.js component UI Library. Craft stunning websites effortlessly, boasting both seamless functionality and aesthetic appeal—all achieved with minimal lines of code. Unleash the power of simplicity and style in your projects!",
|
|
5
5
|
"main": "index.js",
|
package/ui/richtext/RichText.js
CHANGED
|
@@ -48,6 +48,7 @@ var RowFlex_1 = __importDefault(require("../specials/RowFlex"));
|
|
|
48
48
|
var ToolTip_1 = __importDefault(require("../tooltip/ToolTip"));
|
|
49
49
|
var Circle_1 = __importDefault(require("../specials/Circle"));
|
|
50
50
|
var Tip_1 = __importDefault(require("../tooltip/Tip"));
|
|
51
|
+
var Flex_1 = __importDefault(require("../flex/Flex"));
|
|
51
52
|
var RichText = function (_a) {
|
|
52
53
|
var value = _a.value, onChange = _a.onChange, _b = _a.showEmojis, showEmojis = _b === void 0 ? false : _b, _c = _a.placeholder, placeholder = _c === void 0 ? 'Write something...' : _c, afterEmoji = _a.afterEmoji, _d = _a.funcss, funcss = _d === void 0 ? '' : _d, modules = _a.modules, _e = _a.theme, theme = _e === void 0 ? 'bubble' : _e, fontFamily = _a.fontFamily, maxValue = _a.maxValue;
|
|
53
54
|
var savedRange = (0, react_1.useRef)(null);
|
|
@@ -105,30 +106,33 @@ var RichText = function (_a) {
|
|
|
105
106
|
var renderEmojiSection = function (title, emojis) { return (react_1.default.createElement(react_1.default.Fragment, null,
|
|
106
107
|
react_1.default.createElement("div", { className: "mb-2 mt-2 text-sm" }, title),
|
|
107
108
|
react_1.default.createElement(RowFlex_1.default, { gap: 0.3 }, emojis.map(function (emoji, i) { return (react_1.default.createElement("span", { key: i, className: "h6 pointer", onClick: function () { return insertEmoji(emoji); } }, emoji)); })))); };
|
|
108
|
-
return (react_1.default.createElement("div", { className: funcss },
|
|
109
|
+
return (react_1.default.createElement("div", { className: "fit round-edge ".concat(funcss), style: { position: "relative", overflow: "visible" } },
|
|
109
110
|
react_1.default.createElement("div", { id: "editor-container", className: "bubble-editor-container p-0" },
|
|
110
111
|
react_1.default.createElement("div", { ref: quillRef, className: theme === 'bubble' ? 'bubble-editor' : 'snow-editor', style: {
|
|
111
112
|
fontFamily: fontFamily || 'inherit',
|
|
112
113
|
} })),
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
|
|
124
|
-
|
|
125
|
-
|
|
126
|
-
|
|
127
|
-
|
|
128
|
-
|
|
129
|
-
|
|
130
|
-
|
|
131
|
-
|
|
132
|
-
|
|
114
|
+
(showEmojis || maxValue) && (react_1.default.createElement("div", { className: 'p-1', style: { height: 'fit-content', top: "calc(100%)", width: "100%" } },
|
|
115
|
+
react_1.default.createElement(Flex_1.default, { justify: 'space-between', gap: 1, alignItems: 'center' },
|
|
116
|
+
(showEmojis || afterEmoji) ? (react_1.default.createElement("div", null,
|
|
117
|
+
react_1.default.createElement(RowFlex_1.default, { gap: 0.5 },
|
|
118
|
+
showEmojis && (react_1.default.createElement(Dropdown_1.default, { closableOnlyOutside: true, direction: "dropdown", openOnHover: false, button: react_1.default.createElement(ToolTip_1.default, null,
|
|
119
|
+
react_1.default.createElement(Circle_1.default, { size: 2, funcss: "bg border" },
|
|
120
|
+
react_1.default.createElement(md_1.MdOutlineEmojiEmotions, null)),
|
|
121
|
+
react_1.default.createElement(Tip_1.default, { tip: "top", animation: "ScaleUp", duration: 0.5, content: "Emojis" })), items: [
|
|
122
|
+
{
|
|
123
|
+
label: (react_1.default.createElement("div", { className: "w-200 h-200", style: { overflowY: 'auto' } },
|
|
124
|
+
renderEmojiSection('❤️ Smileys & People', Emojis_1.AllEmojis.Smiley),
|
|
125
|
+
renderEmojiSection('👍 Gestures & Body Parts', Emojis_1.AllEmojis.Gesture),
|
|
126
|
+
renderEmojiSection('🔥 Symbols & Expressions', Emojis_1.AllEmojis.Symbols),
|
|
127
|
+
renderEmojiSection('🚀 Travel, Objects & Activities', Emojis_1.AllEmojis.Travel),
|
|
128
|
+
renderEmojiSection('👨👩👧👦 People & Professions', Emojis_1.AllEmojis.People),
|
|
129
|
+
renderEmojiSection('🐶 Animals & Nature', Emojis_1.AllEmojis.Animals))),
|
|
130
|
+
},
|
|
131
|
+
] })),
|
|
132
|
+
afterEmoji))) : (react_1.default.createElement("div", null)),
|
|
133
|
+
(maxValue && quill) ? (react_1.default.createElement("div", { className: "text-xs text-right" },
|
|
134
|
+
react_1.default.createElement("span", { className: "text-primary" }, quill.getText().trim().length),
|
|
135
|
+
" /",
|
|
136
|
+
maxValue)) : (react_1.default.createElement("div", null)))))));
|
|
133
137
|
};
|
|
134
138
|
exports.default = RichText;
|