npm - @moontra/moonui-pro - Versions diffs - 2.25.15 → 2.25.16 - Mend

@moontra/moonui-pro 2.25.15 → 2.25.16

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (4) hide show

package/dist/index.mjs CHANGED Viewed

@@ -8594,8 +8594,6 @@ function toast({ ...props }) {
     update
   };
 }
-// ../../node_modules/@radix-ui/primitive/dist/index.mjs
 function composeEventHandlers2(originalEventHandler, ourEventHandler, { checkForDefaultPrevented = true } = {}) {
   return function handleEvent(event) {
     originalEventHandler?.(event);
@@ -9925,15 +9923,9 @@ function getWindowScrollBarX(element, rect) {
   }
   return rect.left + leftScroll;
 }
-function getHTMLOffset(documentElement, scroll, ignoreScrollbarX) {
-  if (ignoreScrollbarX === void 0) {
-    ignoreScrollbarX = false;
-  }
+function getHTMLOffset(documentElement, scroll) {
   const htmlRect = documentElement.getBoundingClientRect();
-  const x = htmlRect.left + scroll.scrollLeft - (ignoreScrollbarX ? 0 : (
-    // RTL <body> scrollbar.
-    getWindowScrollBarX(documentElement, htmlRect)
-  ));
+  const x = htmlRect.left + scroll.scrollLeft - getWindowScrollBarX(documentElement, htmlRect);
   const y = htmlRect.top + scroll.scrollTop;
   return {
     x,
@@ -9971,7 +9963,7 @@ function convertOffsetParentRelativeRectToViewportRelativeRect(_ref) {
       offsets.y = offsetRect.y + offsetParent.clientTop;
     }
   }
-  const htmlOffset = documentElement && !isOffsetParentAnElement && !isFixed ? getHTMLOffset(documentElement, scroll, true) : createCoords(0);
+  const htmlOffset = documentElement && !isOffsetParentAnElement && !isFixed ? getHTMLOffset(documentElement, scroll) : createCoords(0);
   return {
     width: rect.width * scale.x,
     height: rect.height * scale.y,
@@ -10000,6 +9992,7 @@ function getDocumentRect(element) {
     y
   };
 }
+var SCROLLBAR_MAX = 25;
 function getViewportRect(element, strategy) {
   const win = getWindow(element);
   const html = getDocumentElement(element);
@@ -10017,6 +10010,19 @@ function getViewportRect(element, strategy) {
       y = visualViewport.offsetTop;
     }
   }
+  const windowScrollbarX = getWindowScrollBarX(html);
+  if (windowScrollbarX <= 0) {
+    const doc3 = html.ownerDocument;
+    const body = doc3.body;
+    const bodyStyles = getComputedStyle(body);
+    const bodyMarginInline = doc3.compatMode === "CSS1Compat" ? parseFloat(bodyStyles.marginLeft) + parseFloat(bodyStyles.marginRight) || 0 : 0;
+    const clippingStableScrollbarWidth = Math.abs(html.clientWidth - body.clientWidth - bodyMarginInline);
+    if (clippingStableScrollbarWidth <= SCROLLBAR_MAX) {
+      width -= clippingStableScrollbarWidth;
+    }
+  } else if (windowScrollbarX <= SCROLLBAR_MAX) {
+    width += windowScrollbarX;
+  }
   return {
     width,
     height,
@@ -10759,8 +10765,13 @@ var PopperAnchor = t.forwardRef(
     const context = usePopperContext(ANCHOR_NAME, __scopePopper);
     const ref = t.useRef(null);
     const composedRefs = useComposedRefs2(forwardedRef, ref);
+    const anchorRef = t.useRef(null);
     t.useEffect(() => {
-      context.onAnchorChange(virtualRef?.current || ref.current);
+      const previousAnchor = anchorRef.current;
+      anchorRef.current = virtualRef?.current || ref.current;
+      if (previousAnchor !== anchorRef.current) {
+        context.onAnchorChange(anchorRef.current);
+      }
     });
     return virtualRef ? null : /* @__PURE__ */ jsx(Primitive2.div, { ...anchorProps, ref: composedRefs });
   }
@@ -11083,7 +11094,7 @@ function usePresence2(present) {
       const ownerWindow = node.ownerDocument.defaultView ?? window;
       const handleAnimationEnd = (event) => {
         const currentAnimationName = getAnimationName2(stylesRef.current);
-        const isCurrentAnimation = currentAnimationName.includes(event.animationName);
+        const isCurrentAnimation = currentAnimationName.includes(CSS.escape(event.animationName));
         if (event.target === node && isCurrentAnimation) {
           send("ANIMATION_END");
           if (!prevPresentRef.current) {
@@ -32979,12 +32990,17 @@ function run2(config) {
   });
   const handlers2 = [];
   state.doc.nodesBetween(from2, to, (node, pos) => {
-    if (!node.isTextblock || node.type.spec.code) {
+    var _a2, _b, _c, _d, _e2;
+    if (((_b = (_a2 = node.type) == null ? void 0 : _a2.spec) == null ? void 0 : _b.code) || !(node.isText || node.isTextblock || node.isInline)) {
       return;
     }
+    const contentSize = (_e2 = (_d = (_c = node.content) == null ? void 0 : _c.size) != null ? _d : node.nodeSize) != null ? _e2 : 0;
     const resolvedFrom = Math.max(from2, pos);
-    const resolvedTo = Math.min(to, pos + node.content.size);
-    const textToMatch = node.textBetween(resolvedFrom - pos, resolvedTo - pos, void 0, "\uFFFC");
+    const resolvedTo = Math.min(to, pos + contentSize);
+    if (resolvedFrom >= resolvedTo) {
+      return;
+    }
+    const textToMatch = node.isText ? node.text || "" : node.textBetween(resolvedFrom - pos, resolvedTo - pos, void 0, "\uFFFC");
     const matches2 = pasteRuleMatcherHandler(textToMatch, rule.find, pasteEvent);
     matches2.forEach((match) => {
       if (match.index === void 0) {
@@ -33199,8 +33215,6 @@ var ExtensionManager = class {
   get plugins() {
     const { editor } = this;
     const extensions = sortExtensions([...this.extensions].reverse());
-    const inputRules = [];
-    const pasteRules = [];
     const allPlugins = extensions.map((extension) => {
       const context = {
         name: extension.name,
@@ -33231,11 +33245,23 @@ var ExtensionManager = class {
       plugins.push(keyMapPlugin);
       const addInputRules = getExtensionField(extension, "addInputRules", context);
       if (isExtensionRulesEnabled(extension, editor.options.enableInputRules) && addInputRules) {
-        inputRules.push(...addInputRules());
+        const rules = addInputRules();
+        if (rules && rules.length) {
+          const inputResult = inputRulesPlugin({
+            editor,
+            rules
+          });
+          const inputPlugins = Array.isArray(inputResult) ? inputResult : [inputResult];
+          plugins.push(...inputPlugins);
+        }
       }
       const addPasteRules = getExtensionField(extension, "addPasteRules", context);
       if (isExtensionRulesEnabled(extension, editor.options.enablePasteRules) && addPasteRules) {
-        pasteRules.push(...addPasteRules());
+        const rules = addPasteRules();
+        if (rules && rules.length) {
+          const pasteRules = pasteRulesPlugin({ editor, rules });
+          plugins.push(...pasteRules);
+        }
       }
       const addProseMirrorPlugins = getExtensionField(
         extension,
@@ -33248,17 +33274,7 @@ var ExtensionManager = class {
       }
       return plugins;
     }).flat();
-    return [
-      inputRulesPlugin({
-        editor,
-        rules: inputRules
-      }),
-      ...pasteRulesPlugin({
-        editor,
-        rules: pasteRules
-      }),
-      ...allPlugins
-    ];
+    return allPlugins;
   }
   /**
    * Get all attributes from the extensions.
@@ -34060,7 +34076,8 @@ function canSetMark(state, tr2, newMarkType) {
   }
   if (cursor) {
     const currentMarks = (_a2 = state.storedMarks) != null ? _a2 : cursor.marks();
-    return !!newMarkType.isInSet(currentMarks) || !currentMarks.some((mark) => mark.type.excludes(newMarkType));
+    const parentAllowsMarkType = cursor.parent.type.allowsMarkType(newMarkType);
+    return parentAllowsMarkType && (!!newMarkType.isInSet(currentMarks) || !currentMarks.some((mark) => mark.type.excludes(newMarkType)));
   }
   const { ranges } = selection;
   return ranges.some(({ $from, $to }) => {
@@ -35160,6 +35177,8 @@ var Editor = class extends EventEmitter {
       emitContentError: false,
       onBeforeCreate: () => null,
       onCreate: () => null,
+      onMount: () => null,
+      onUnmount: () => null,
       onUpdate: () => null,
       onSelectionUpdate: () => null,
       onTransaction: () => null,
@@ -35181,6 +35200,8 @@ var Editor = class extends EventEmitter {
     this.createSchema();
     this.on("beforeCreate", this.options.onBeforeCreate);
     this.emit("beforeCreate", { editor: this });
+    this.on("mount", this.options.onMount);
+    this.on("unmount", this.options.onUnmount);
     this.on("contentError", this.options.onContentError);
     this.on("create", this.options.onCreate);
     this.on("update", this.options.onUpdate);
@@ -35213,6 +35234,7 @@ var Editor = class extends EventEmitter {
       );
     }
     this.createView(el);
+    this.emit("mount", { editor: this });
     window.setTimeout(() => {
       if (this.isDestroyed) {
         return;
@@ -35226,7 +35248,6 @@ var Editor = class extends EventEmitter {
    * Remove the editor from the DOM, but still allow remounting at a different point in time
    */
   unmount() {
-    var _a2;
     if (this.editorView) {
       const dom = this.editorView.dom;
       if (dom == null ? void 0 : dom.editor) {
@@ -35236,8 +35257,19 @@ var Editor = class extends EventEmitter {
     }
     this.editorView = null;
     this.isInitialized = false;
-    (_a2 = this.css) == null ? void 0 : _a2.remove();
+    if (this.css) {
+      try {
+        if (typeof this.css.remove === "function") {
+          this.css.remove();
+        } else if (this.css.parentNode) {
+          this.css.parentNode.removeChild(this.css);
+        }
+      } catch (error) {
+        console.warn("Failed to remove CSS element:", error);
+      }
+    }
     this.css = null;
+    this.emit("unmount", { editor: this });
   }
   /**
    * Returns the editor storage.
@@ -36563,7 +36595,7 @@ var Bold = Mark2.create({
 });
 // ../../node_modules/@tiptap/extension-code/dist/index.js
-var inputRegex2 = /(^|[^`])`([^`]+)`(?!`)/;
+var inputRegex2 = /(^|[^`])`([^`]+)`(?!`)$/;
 var pasteRegex = /(^|[^`])`([^`]+)`(?!`)/g;
 var Code = Mark2.create({
   name: "code",
@@ -36628,6 +36660,8 @@ var CodeBlock = Node3.create({
       exitOnTripleEnter: true,
       exitOnArrowDown: true,
       defaultLanguage: null,
+      enableTabIndentation: false,
+      tabSize: 4,
       HTMLAttributes: {}
     };
   },
@@ -36701,6 +36735,91 @@ var CodeBlock = Node3.create({
         }
         return false;
       },
+      // handle tab indentation
+      Tab: ({ editor }) => {
+        if (!this.options.enableTabIndentation) {
+          return false;
+        }
+        const { state } = editor;
+        const { selection } = state;
+        const { $from, empty: empty2 } = selection;
+        if ($from.parent.type !== this.type) {
+          return false;
+        }
+        const indent = " ".repeat(this.options.tabSize);
+        if (empty2) {
+          return editor.commands.insertContent(indent);
+        }
+        return editor.commands.command(({ tr: tr2 }) => {
+          const { from: from2, to } = selection;
+          const text = state.doc.textBetween(from2, to, "\n", "\n");
+          const lines = text.split("\n");
+          const indentedText = lines.map((line) => indent + line).join("\n");
+          tr2.replaceWith(from2, to, state.schema.text(indentedText));
+          return true;
+        });
+      },
+      // handle shift+tab reverse indentation
+      "Shift-Tab": ({ editor }) => {
+        if (!this.options.enableTabIndentation) {
+          return false;
+        }
+        const { state } = editor;
+        const { selection } = state;
+        const { $from, empty: empty2 } = selection;
+        if ($from.parent.type !== this.type) {
+          return false;
+        }
+        if (empty2) {
+          return editor.commands.command(({ tr: tr2 }) => {
+            var _a2;
+            const { pos } = $from;
+            const codeBlockStart = $from.start();
+            const codeBlockEnd = $from.end();
+            const allText = state.doc.textBetween(codeBlockStart, codeBlockEnd, "\n", "\n");
+            const lines = allText.split("\n");
+            let currentLineIndex = 0;
+            let charCount = 0;
+            const relativeCursorPos = pos - codeBlockStart;
+            for (let i = 0; i < lines.length; i += 1) {
+              if (charCount + lines[i].length >= relativeCursorPos) {
+                currentLineIndex = i;
+                break;
+              }
+              charCount += lines[i].length + 1;
+            }
+            const currentLine = lines[currentLineIndex];
+            const leadingSpaces = ((_a2 = currentLine.match(/^ */)) == null ? void 0 : _a2[0]) || "";
+            const spacesToRemove = Math.min(leadingSpaces.length, this.options.tabSize);
+            if (spacesToRemove === 0) {
+              return true;
+            }
+            let lineStartPos = codeBlockStart;
+            for (let i = 0; i < currentLineIndex; i += 1) {
+              lineStartPos += lines[i].length + 1;
+            }
+            tr2.delete(lineStartPos, lineStartPos + spacesToRemove);
+            const cursorPosInLine = pos - lineStartPos;
+            if (cursorPosInLine <= spacesToRemove) {
+              tr2.setSelection(TextSelection.create(tr2.doc, lineStartPos));
+            }
+            return true;
+          });
+        }
+        return editor.commands.command(({ tr: tr2 }) => {
+          const { from: from2, to } = selection;
+          const text = state.doc.textBetween(from2, to, "\n", "\n");
+          const lines = text.split("\n");
+          const reverseIndentText = lines.map((line) => {
+            var _a2;
+            const leadingSpaces = ((_a2 = line.match(/^ */)) == null ? void 0 : _a2[0]) || "";
+            const spacesToRemove = Math.min(leadingSpaces.length, this.options.tabSize);
+            return line.slice(spacesToRemove);
+          }).join("\n");
+          tr2.replaceWith(from2, to, state.schema.text(reverseIndentText));
+          return true;
+        });
+      },
       // exit node on triple enter
       Enter: ({ editor }) => {
         if (!this.options.exitOnTripleEnter) {
@@ -43701,6 +43820,20 @@ var BackgroundColor = Extension.create({
             default: null,
             parseHTML: (element) => {
               var _a2;
+              const styleAttr = element.getAttribute("style");
+              if (styleAttr) {
+                const decls = styleAttr.split(";").map((s) => s.trim()).filter(Boolean);
+                for (let i = decls.length - 1; i >= 0; i -= 1) {
+                  const parts = decls[i].split(":");
+                  if (parts.length >= 2) {
+                    const prop = parts[0].trim().toLowerCase();
+                    const val = parts.slice(1).join(":").trim();
+                    if (prop === "background-color") {
+                      return val.replace(/['"]+/g, "");
+                    }
+                  }
+                }
+              }
               return (_a2 = element.style.backgroundColor) == null ? void 0 : _a2.replace(/['"]+/g, "");
             },
             renderHTML: (attributes) => {
@@ -43743,6 +43876,20 @@ var Color = Extension.create({
             default: null,
             parseHTML: (element) => {
               var _a2;
+              const styleAttr = element.getAttribute("style");
+              if (styleAttr) {
+                const decls = styleAttr.split(";").map((s) => s.trim()).filter(Boolean);
+                for (let i = decls.length - 1; i >= 0; i -= 1) {
+                  const parts = decls[i].split(":");
+                  if (parts.length >= 2) {
+                    const prop = parts[0].trim().toLowerCase();
+                    const val = parts.slice(1).join(":").trim();
+                    if (prop === "color") {
+                      return val.replace(/['"]+/g, "");
+                    }
+                  }
+                }
+              }
               return (_a2 = element.style.color) == null ? void 0 : _a2.replace(/['"]+/g, "");
             },
             renderHTML: (attributes) => {
@@ -44235,6 +44382,8 @@ var CodeBlockLowlight = index_default.extend({
       exitOnTripleEnter: true,
       exitOnArrowDown: true,
       defaultLanguage: null,
+      enableTabIndentation: false,
+      tabSize: 4,
       HTMLAttributes: {}
     };
   },
@@ -62513,7 +62662,8 @@ function AdvancedChartInternal({
           showTooltip && /* @__PURE__ */ jsx(
             Tooltip,
             {
-              cursor: { fill: darkMode ? "rgba(255,255,255,0.05)" : "rgba(0,0,0,0.05)" }
+              cursor: { fill: darkMode ? "rgba(255,255,255,0.05)" : "rgba(0,0,0,0.05)" },
+              content: customTooltip ? customTooltip : CustomTooltip
             }
           ),
           showLegend && /* @__PURE__ */ jsx(
@@ -62585,7 +62735,12 @@ function AdvancedChartInternal({
               axisLine: { stroke: darkMode ? "#4b5563" : "#d1d5db" }
             }
           ),
-          showTooltip && /* @__PURE__ */ jsx(Tooltip, {}),
+          showTooltip && /* @__PURE__ */ jsx(
+            Tooltip,
+            {
+              content: customTooltip ? customTooltip : CustomTooltip
+            }
+          ),
           showLegend && /* @__PURE__ */ jsx(
             Legend,
             {
@@ -62716,7 +62871,12 @@ function AdvancedChartInternal({
               axisLine: { stroke: darkMode ? "#4b5563" : "#d1d5db" }
             }
           ),
-          showTooltip && /* @__PURE__ */ jsx(Tooltip, {}),
+          showTooltip && /* @__PURE__ */ jsx(
+            Tooltip,
+            {
+              content: customTooltip ? customTooltip : CustomTooltip
+            }
+          ),
           showLegend && /* @__PURE__ */ jsx(
             Legend,
             {
@@ -78445,10 +78605,10 @@ var cardVariants = cva(
         glass: "border border-white/20 bg-white/10 backdrop-blur-md dark:border-gray-700/30 dark:bg-gray-800/10"
       },
       size: {
-        default: "p-6",
-        sm: "p-4",
-        lg: "p-8",
-        xl: "p-10"
+        default: "",
+        sm: "",
+        lg: "",
+        xl: ""
       },
       radius: {
         default: "rounded-lg",
@@ -78501,7 +78661,7 @@ var CardHeader = t.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */
   "div",
   {
     ref,
-    className: cn2("moonui-theme", "flex flex-col space-y-1.5", className),
+    className: cn2("moonui-theme", "flex flex-col space-y-1.5 p-6", className),
     ...props
   }
 ));
@@ -78524,13 +78684,13 @@ var CardDescription2 = t.forwardRef(({ className, ...props }, ref) => /* @__PURE
   }
 ));
 CardDescription2.displayName = "CardDescription";
-var CardContent = t.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("div", { ref, className: cn2("moonui-theme", "pt-0", className), ...props }));
+var CardContent = t.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("div", { ref, className: cn2("moonui-theme", "p-6 pt-0", className), ...props }));
 CardContent.displayName = "CardContent";
 var CardFooter = t.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   "div",
   {
     ref,
-    className: cn2("moonui-theme", "flex items-center pt-4", className),
+    className: cn2("moonui-theme", "flex items-center p-6 pt-0", className),
     ...props
   }
 ));

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
     "name": "@moontra/moonui-pro",
-    "version": "2.25.15",
+    "version": "2.25.16",
     "description": "Premium React components for MoonUI - Advanced UI library with 50+ pro components including performance, interactive, and gesture components",
     "type": "module",
     "main": "dist/index.mjs",