utopia-ui 3.0.0-alpha.71 → 3.0.0-alpha.72

package/dist/index.js

@@ -23,8 +23,6 @@ import 'react-image-crop/dist/ReactCrop.css';
 import 'react-toastify/dist/ReactToastify.css';
 import ReactCrop, { centerCrop, makeAspectCrop } from 'react-image-crop';
 import { HexColorPicker } from 'react-colorful';
-import MDEditor from '@uiw/react-md-editor';
-import rehypeSanitize from 'rehype-sanitize';
 
 function styleInject(css, ref) {
   if ( ref === void 0 ) ref = {};
@@ -3905,29 +3903,6 @@ function OverlayProfile() {
                 React.createElement(TextView, { item: item })))));
 }
 
-function TextEditor(_a) {
-    var value = _a.value, updateFormValue = _a.updateFormValue;
-    useEffect(function () {
-        setHeightFromSourceToTarget("wmde-markdown-color", "w-md-editor-text-input");
-    }, [value]);
-    return (React.createElement("div", { className: "container" },
-        React.createElement(MDEditor, { value: value, onChange: function (val) { return updateFormValue(val); }, preview: "edit", height: "100%", previewOptions: {
-                rehypePlugins: [[rehypeSanitize]],
-            } })));
-}
-// TypeScript
-var setHeightFromSourceToTarget = function (sourceClassName, targetClassName) {
-    // Select the source element and get its height
-    var sourceElement = document.querySelector(".".concat(sourceClassName));
-    var height = sourceElement ? (sourceElement.clientHeight + 10) + 'px' : '0'; // Convert to string to use in style
-    // Select all target elements
-    var targetElements = document.querySelectorAll(".".concat(targetClassName));
-    // Set the height of all target elements to match the source element's height
-    targetElements.forEach(function (element) {
-        element.style.height = height;
-    });
-};
-
 function OverlayProfileSettings() {
     var _a = useAuth(), user = _a.user, updateUser = _a.updateUser, loading = _a.loading, token = _a.token;
     var _b = useState(""), id = _b[0], setId = _b[1];
@@ -4081,7 +4056,7 @@ function OverlayProfileSettings() {
                 React.createElement("div", { role: "tablist", className: "tw-tabs tw-tabs-lifted tw-mt-4" },
                     React.createElement("input", { type: "radio", name: "my_tabs_2", role: "tab", className: "tw-tab  [--tab-border-color:var(--fallback-bc,oklch(var(--bc)/0.2))]", "aria-label": "Text", checked: activeTab == 1 && true, onChange: function () { return setActiveTab(1); } }),
                     React.createElement("div", { role: "tabpanel", className: "tw-tab-content tw-bg-base-100 tw-border-[var(--fallback-bc,oklch(var(--bc)/0.2))] tw-rounded-box tw-h-[calc(100dvh-332px)]" },
-                        React.createElement(TextEditor, { value: text, updateFormValue: function (v) { return setText(v); } })),
+                        React.createElement(TextAreaInput, { placeholder: "About me, Contact, #Tags, ...", defaultValue: (user === null || user === void 0 ? void 0 : user.description) ? user.description : "", updateFormValue: function (v) { return setText(v); }, containerStyle: 'tw-h-full', inputStyle: 'tw-h-full' })),
                     React.createElement("input", { type: "radio", name: "my_tabs_2", role: "tab", className: "tw-tab tw-min-w-[10em] [--tab-border-color:var(--fallback-bc,oklch(var(--bc)/0.2))]", "aria-label": "Offers & Needs", checked: activeTab == 2 && true, onChange: function () { return setActiveTab(2); } }),
                     React.createElement("div", { role: "tabpanel", className: "tw-tab-content tw-bg-base-100  tw-rounded-box tw-pt-6 tw-h-[calc(100dvh-332px)]" },
                         React.createElement("textarea", { className: "tw-textarea tw-textarea-bordered tw-w-full tw-mb-4 tw-h-32 ", placeholder: "Offers" }),