@nethru/ui 1.0.52 → 1.0.54

package/dist/Editor.js

@@ -3,11 +3,12 @@ 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 { useEffect, useMemo, useRef, useState } from "react";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
 export default function Editor({
   readOnly = false,
+  value,
   error = false,
   helperText,
   basicSetup,
@@ -17,18 +18,27 @@ export default function Editor({
   style,
   ...props
 }) {
+  const ref = useRef();
+  const [content, setContent] = useState('');
   const [focused, setFocused] = useState(false);
   const styles = useMemo(() => {
     return {
+      maxWidth: ref.current ? `${ref.current.offsetWidth}px` : 'unset',
       borderBottom: focused ? `3px solid ${error ? '#d32f2f' : '#1976d2'}` : `${!readOnly ? '2px' : '0px'} solid rgba(0, 0, 0, 0.42)`
     };
-  }, [readOnly, error, focused]);
+    // eslint-disable-next-line
+  }, [readOnly, error, focused, ref.current]);
   const handleUpdate = viewUpdate => {
     setFocused(viewUpdate.view.hasFocus);
     if (onUpdate) onUpdate(viewUpdate);
   };
+  useEffect(() => {
+    setTimeout(() => setContent(value), 100);
+  }, [value]);
   return /*#__PURE__*/_jsxs(Box, {
+    ref: ref,
     children: [/*#__PURE__*/_jsx(CodeMirror, {
+      value: content,
       editable: !readOnly,
       extensions: [jsonFormat ? json() : javascript({
         jsx: true

package/dist/sidebar/MenuTree.js

@@ -24,7 +24,7 @@ export default function MenuTree({
       backgroundColor: 'transparent'
     }
   };
-  const naviate = useNavigate();
+  const navigate = useNavigate();
   const {
     states,
     dispatch
@@ -40,7 +40,7 @@ export default function MenuTree({
       hasChildren: hasChildren(event.target)
     });
     const node = getNode(ids);
-    if (node && node.href) naviate(node.href);
+    if (node && node.href) navigate(node.href instanceof Array ? node.href[0] : node.href);
   };
   const handleToggle = (event, ids) => {
     dispatch({

package/dist/sidebar/SidebarContext.js

@@ -91,7 +91,7 @@ function updateActiveItems(draft, menu, href) {
   function updateActiveSection(sections) {
     if (!sections) return;
     for (let section of sections) {
-      if (href.indexOf(section.href) === 0) {
+      if (startsWith(section.href)) {
         draft.activeSecondaryItem = section.id;
         return true;
       }
@@ -104,7 +104,7 @@ function updateActiveItems(draft, menu, href) {
   function updateActiveSubmenuItems(id, submenu) {
     if (!submenu) return;
     for (let item of submenu) {
-      if (href.indexOf(item.href) === 0) {
+      if (startsWith(item.href)) {
         if (!(id in draft.menuTrees)) draft.menuTrees[id] = emptyState();
         draft.activeSecondaryItem = item.id;
         return true;
@@ -115,4 +115,8 @@ function updateActiveItems(draft, menu, href) {
       }
     }
   }
+  function startsWith(hrefs) {
+    const menuHrefs = hrefs instanceof Array ? hrefs : [hrefs];
+    return menuHrefs.some(menuHref => href.startsWith(menuHref));
+  }
 }

package/package.json

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