@nethru/ui 1.0.33 → 1.0.34

package/dist/Editor.js

@@ -7,7 +7,7 @@ import { useMemo, useState } from "react";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
 export default function Editor({
-  editable = true,
+  readOnly = false,
   error = false,
   helperText,
   basicSetup,
@@ -20,23 +20,23 @@ export default function Editor({
   const [focused, setFocused] = useState(false);
   const styles = useMemo(() => {
     return {
-      borderBottom: focused ? `3px solid ${error ? '#d32f2f' : '#1976d2'}` : `${editable ? '2px' : '0px'} solid rgba(0, 0, 0, 0.42)`
+      borderBottom: focused ? `3px solid ${error ? '#d32f2f' : '#1976d2'}` : `${!readOnly ? '2px' : '0px'} solid rgba(0, 0, 0, 0.42)`
     };
-  }, [editable, error, focused]);
+  }, [readOnly, error, focused]);
   const handleUpdate = viewUpdate => {
     setFocused(viewUpdate.view.hasFocus);
     if (onUpdate) onUpdate(viewUpdate);
   };
   return /*#__PURE__*/_jsxs(Box, {
     children: [/*#__PURE__*/_jsx(CodeMirror, {
-      editable: editable,
+      editable: !readOnly,
       extensions: [jsonFormat ? json() : javascript({
         jsx: true
       }), EditorView.lineWrapping, ...extensions],
       basicSetup: {
         ...basicSetup,
         highlightActiveLineGutter: false,
-        highlightActiveLine: editable
+        highlightActiveLine: !readOnly
       },
       onUpdate: handleUpdate,
       style: {

package/dist/PropertyTable.js

@@ -11,6 +11,9 @@ export default function PropertyTable({
 }) {
   const styles = useMemo(() => {
     const result = {
+      '&.MuiDataGrid-root': {
+        borderBottom: 'none'
+      },
       '.MuiDataGrid-columnHeaders': {
         backgroundColor: '#f8f9fa'
       },

package/package.json

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