@refactico/pages 0.2.0 → 0.2.1

package/dist/index.cjs

@@ -1729,13 +1729,20 @@ const CodeBlock = ({
   const [copied, setCopied] = react.useState(false);
   const textareaRef = react.useRef(null);
   const isDark = theme === "dark";
-  const handleCodeChange = (e) => {
-    onUpdate({ ...block, code: e.target.value });
+  const resizeTextarea = () => {
     if (textareaRef.current) {
       textareaRef.current.style.height = "auto";
       textareaRef.current.style.height = textareaRef.current.scrollHeight + "px";
     }
   };
+  react.useEffect(() => {
+    if (!readOnly) {
+      resizeTextarea();
+    }
+  }, [block.code, readOnly]);
+  const handleCodeChange = (e) => {
+    onUpdate({ ...block, code: e.target.value });
+  };
   const handleLanguageChange = (e) => {
     onUpdate({ ...block, language: e.target.value });
   };

package/dist/index.js

@@ -1725,13 +1725,20 @@ const CodeBlock = ({
   const [copied, setCopied] = useState(false);
   const textareaRef = useRef(null);
   const isDark = theme === "dark";
-  const handleCodeChange = (e) => {
-    onUpdate({ ...block, code: e.target.value });
+  const resizeTextarea = () => {
     if (textareaRef.current) {
       textareaRef.current.style.height = "auto";
       textareaRef.current.style.height = textareaRef.current.scrollHeight + "px";
     }
   };
+  useEffect(() => {
+    if (!readOnly) {
+      resizeTextarea();
+    }
+  }, [block.code, readOnly]);
+  const handleCodeChange = (e) => {
+    onUpdate({ ...block, code: e.target.value });
+  };
   const handleLanguageChange = (e) => {
     onUpdate({ ...block, language: e.target.value });
   };

package/dist/style.css

@@ -511,10 +511,6 @@
     margin-top: calc(var(--spacing) * 8);
   }
 
-  .mr-auto {
-    margin-right: auto;
-  }
-
   .mb-1 {
     margin-bottom: calc(var(--spacing) * 1);
   }
@@ -527,10 +523,6 @@
     margin-bottom: calc(var(--spacing) * 4);
   }
 
-  .ml-auto {
-    margin-left: auto;
-  }
-
   .block {
     display: block;
   }

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@refactico/pages",
   "private": false,
-  "version": "0.2.0",
+  "version": "0.2.1",
   "description": "A component library for building pages with React.",
   "author": "refactico",
   "license": "MIT",