@nethru/ui 1.0.25 → 1.0.27

package/dist/Editor.js

@@ -1,6 +1,7 @@
 import CodeMirror from '@uiw/react-codemirror';
 import { javascript } from '@codemirror/lang-javascript';
 import { json } from '@codemirror/lang-json';
+import { EditorView } from "@codemirror/view";
 import { Box, Typography } from "@mui/material";
 import { useMemo, useState } from "react";
 import { jsx as _jsx } from "react/jsx-runtime";
@@ -19,9 +20,9 @@ export default function Editor({
   const [focused, setFocused] = useState(false);
   const styles = useMemo(() => {
     return {
-      borderBottom: focused ? `3px solid ${error ? '#d32f2f' : '#1976d2'}` : '2px solid rgba(0, 0, 0, 0.42)'
+      borderBottom: focused ? `3px solid ${error ? '#d32f2f' : '#1976d2'}` : `${editable ? '2px' : '0px'} solid rgba(0, 0, 0, 0.42)`
     };
-  }, [error, focused]);
+  }, [editable, error, focused]);
   const handleUpdate = viewUpdate => {
     setFocused(viewUpdate.view.hasFocus);
     if (onUpdate) onUpdate(viewUpdate);
@@ -31,7 +32,7 @@ export default function Editor({
       editable: editable,
       extensions: [jsonFormat ? json() : javascript({
         jsx: true
-      }), ...extensions],
+      }), EditorView.lineWrapping, ...extensions],
       basicSetup: {
         ...basicSetup,
         highlightActiveLineGutter: false,

package/dist/ListItem.js

@@ -5,6 +5,7 @@ import { jsxs as _jsxs } from "react/jsx-runtime";
 export default function ListItem({
   grid,
   spacing = 10,
+  verticalAlign = 'center',
   children,
   ...props
 }) {
@@ -13,7 +14,7 @@ export default function ListItem({
     children: [grid && /*#__PURE__*/_jsx(Grid, {
       container: true,
       columnSpacing: spacing,
-      alignItems: "center",
+      alignItems: verticalAlign,
       children: children
     }), !grid && children]
   });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nethru/ui",
-  "version": "1.0.25",
+  "version": "1.0.27",
   "main": "dist/index.js",
   "files": [
     "/dist"