react-zeugma 6.9.4 → 6.9.6

package/dist/render-counter-footer-CYe6-Atc.d.cts

@@ -0,0 +1,116 @@
+import * as React from 'react';
+import { CSSProperties, ReactNode } from 'react';
+
+interface RenderCounterOptions {
+    /**
+     * Optional custom ID to track or share counters across component mounts/renders.
+     * If omitted, a unique instance ID is generated.
+     */
+    id?: string;
+    /**
+     * Whether to log mount and render counter events to the browser console.
+     * @default false
+     */
+    logToConsole?: boolean;
+    /**
+     * If set to true, counter tracking logic is disabled and returns 0 mounts / 0 renders.
+     * Useful for conditionally disabling tracking in production builds.
+     * @default false
+     */
+    disabled?: boolean;
+}
+interface RenderCounterState {
+    /**
+     * The total number of times the component has mounted to the DOM.
+     */
+    mounts: number;
+    /**
+     * The total number of render executions (including initial render and re-renders).
+     */
+    renders: number;
+    /**
+     * Resets the mount and render counts back to 0.
+     */
+    reset: () => void;
+}
+interface RenderCounterBadgeProps {
+    /**
+     * Optional identifier. Defaults to auto-generated ID if omitted.
+     */
+    id?: string;
+    /**
+     * Visual badge placement relative to container.
+     * @default 'top-right'
+     */
+    position?: 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right';
+    /**
+     * Optional custom CSS class name.
+     */
+    className?: string;
+    /**
+     * Custom inline styles.
+     */
+    style?: CSSProperties;
+    /**
+     * Log counter changes to browser console.
+     */
+    logToConsole?: boolean;
+    /**
+     * If true, hides the badge component.
+     * @default false
+     */
+    disabled?: boolean;
+}
+interface RenderCounterFooterProps {
+    /**
+     * Optional identifier or tab label.
+     */
+    id?: string;
+    /**
+     * Optional label shown on the left side of the footer.
+     */
+    label?: string;
+    /**
+     * Child element(s) wrapped inside the container.
+     */
+    children?: ReactNode;
+    /**
+     * Custom container CSS class name.
+     */
+    className?: string;
+    /**
+     * Custom footer bar CSS class name.
+     */
+    footerClassName?: string;
+    /**
+     * Custom inline styles for container.
+     */
+    style?: CSSProperties;
+    /**
+     * Log counter changes to browser console.
+     */
+    logToConsole?: boolean;
+    /**
+     * If true, hides the footer status bar and renders children directly.
+     * @default false
+     */
+    disabled?: boolean;
+}
+
+/**
+ * A React hook that tracks component mount and render counts in a React 18/19 StrictMode safe manner.
+ * Supports optional global ID sharing, console logging, and manual reset.
+ */
+declare function useRenderCounter(idOrOptions?: string | RenderCounterOptions, maybeOptions?: RenderCounterOptions): RenderCounterState;
+
+/**
+ * A floating overlay badge displaying mount and render counters for debugging component lifecycles.
+ */
+declare function RenderCounterBadge({ id, position, className, style, logToConsole, disabled, }: RenderCounterBadgeProps): React.JSX.Element | null;
+
+/**
+ * A container footer component for displaying mount and render counters at the bottom of widgets or panels.
+ */
+declare function RenderCounterFooter({ id, label, children, className, footerClassName, style, logToConsole, disabled, }: RenderCounterFooterProps): React.JSX.Element;
+
+export { RenderCounterBadge as R, type RenderCounterBadgeProps as a, RenderCounterFooter as b, type RenderCounterFooterProps as c, type RenderCounterOptions as d, type RenderCounterState as e, useRenderCounter as u };

package/dist/render-counter-footer-CYe6-Atc.d.ts

@@ -0,0 +1,116 @@
+import * as React from 'react';
+import { CSSProperties, ReactNode } from 'react';
+
+interface RenderCounterOptions {
+    /**
+     * Optional custom ID to track or share counters across component mounts/renders.
+     * If omitted, a unique instance ID is generated.
+     */
+    id?: string;
+    /**
+     * Whether to log mount and render counter events to the browser console.
+     * @default false
+     */
+    logToConsole?: boolean;
+    /**
+     * If set to true, counter tracking logic is disabled and returns 0 mounts / 0 renders.
+     * Useful for conditionally disabling tracking in production builds.
+     * @default false
+     */
+    disabled?: boolean;
+}
+interface RenderCounterState {
+    /**
+     * The total number of times the component has mounted to the DOM.
+     */
+    mounts: number;
+    /**
+     * The total number of render executions (including initial render and re-renders).
+     */
+    renders: number;
+    /**
+     * Resets the mount and render counts back to 0.
+     */
+    reset: () => void;
+}
+interface RenderCounterBadgeProps {
+    /**
+     * Optional identifier. Defaults to auto-generated ID if omitted.
+     */
+    id?: string;
+    /**
+     * Visual badge placement relative to container.
+     * @default 'top-right'
+     */
+    position?: 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right';
+    /**
+     * Optional custom CSS class name.
+     */
+    className?: string;
+    /**
+     * Custom inline styles.
+     */
+    style?: CSSProperties;
+    /**
+     * Log counter changes to browser console.
+     */
+    logToConsole?: boolean;
+    /**
+     * If true, hides the badge component.
+     * @default false
+     */
+    disabled?: boolean;
+}
+interface RenderCounterFooterProps {
+    /**
+     * Optional identifier or tab label.
+     */
+    id?: string;
+    /**
+     * Optional label shown on the left side of the footer.
+     */
+    label?: string;
+    /**
+     * Child element(s) wrapped inside the container.
+     */
+    children?: ReactNode;
+    /**
+     * Custom container CSS class name.
+     */
+    className?: string;
+    /**
+     * Custom footer bar CSS class name.
+     */
+    footerClassName?: string;
+    /**
+     * Custom inline styles for container.
+     */
+    style?: CSSProperties;
+    /**
+     * Log counter changes to browser console.
+     */
+    logToConsole?: boolean;
+    /**
+     * If true, hides the footer status bar and renders children directly.
+     * @default false
+     */
+    disabled?: boolean;
+}
+
+/**
+ * A React hook that tracks component mount and render counts in a React 18/19 StrictMode safe manner.
+ * Supports optional global ID sharing, console logging, and manual reset.
+ */
+declare function useRenderCounter(idOrOptions?: string | RenderCounterOptions, maybeOptions?: RenderCounterOptions): RenderCounterState;
+
+/**
+ * A floating overlay badge displaying mount and render counters for debugging component lifecycles.
+ */
+declare function RenderCounterBadge({ id, position, className, style, logToConsole, disabled, }: RenderCounterBadgeProps): React.JSX.Element | null;
+
+/**
+ * A container footer component for displaying mount and render counters at the bottom of widgets or panels.
+ */
+declare function RenderCounterFooter({ id, label, children, className, footerClassName, style, logToConsole, disabled, }: RenderCounterFooterProps): React.JSX.Element;
+
+export { RenderCounterBadge as R, type RenderCounterBadgeProps as a, RenderCounterFooter as b, type RenderCounterFooterProps as c, type RenderCounterOptions as d, type RenderCounterState as e, useRenderCounter as u };

package/dist/{types-DFl4yzkP.d.cts → types-DQICRtw1.d.cts}

@@ -218,15 +218,6 @@ interface BaseZeugmaProps {
     onDismissIntentChange?: (paneId: string | null) => void;
     /** Configuration for layout persistence in localStorage. */
     persist?: boolean | ZeugmaPersistOptions;
-    /** [Experimental] Optional custom wrapper element/component to wrap the contents of a popout tab.
-     * Useful for styled-components (StyleSheetManager), Antd (ConfigProvider), etc.
-     */
-    renderPopoutWrapper?: (props: {
-        tabId: string;
-        document: Document;
-        window: Window;
-        children: React.ReactNode;
-    }) => React.ReactNode;
 }
 interface ZeugmaPersistOptions {
     /** Whether to enable persistence. Defaults to true if the object is provided. */

package/dist/{types-DFl4yzkP.d.ts → types-DQICRtw1.d.ts}

@@ -218,15 +218,6 @@ interface BaseZeugmaProps {
     onDismissIntentChange?: (paneId: string | null) => void;
     /** Configuration for layout persistence in localStorage. */
     persist?: boolean | ZeugmaPersistOptions;
-    /** [Experimental] Optional custom wrapper element/component to wrap the contents of a popout tab.
-     * Useful for styled-components (StyleSheetManager), Antd (ConfigProvider), etc.
-     */
-    renderPopoutWrapper?: (props: {
-        tabId: string;
-        document: Document;
-        window: Window;
-        children: React.ReactNode;
-    }) => React.ReactNode;
 }
 interface ZeugmaPersistOptions {
     /** Whether to enable persistence. Defaults to true if the object is provided. */

package/dist/utils.d.cts

@@ -1,4 +1,4 @@
-import { P as PaneNode, b as SplitNode, S as SplitDirection, T as TreeNode, c as TabDetails } from './types-DFl4yzkP.cjs';
+import { P as PaneNode, b as SplitNode, S as SplitDirection, T as TreeNode, c as TabDetails } from './types-DQICRtw1.cjs';
 import 'react';
 
 declare function generateUniqueId(): string;

package/dist/utils.d.ts

@@ -1,4 +1,4 @@
-import { P as PaneNode, b as SplitNode, S as SplitDirection, T as TreeNode, c as TabDetails } from './types-DFl4yzkP.js';
+import { P as PaneNode, b as SplitNode, S as SplitDirection, T as TreeNode, c as TabDetails } from './types-DQICRtw1.js';
 import 'react';
 
 declare function generateUniqueId(): string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-zeugma",
-  "version": "6.9.4",
+  "version": "6.9.6",
   "description": "Recursive drag-and-drop dashboard layout engine for React — combining the tree-based splitting of react-mosaic with the declarative API of react-grid-layout.",
   "type": "module",
   "sideEffects": false,
@@ -19,6 +19,12 @@
       "import": "./dist/utils.js",
       "require": "./dist/utils.cjs",
       "default": "./dist/utils.js"
+    },
+    "./devtools": {
+      "types": "./dist/devtools.d.ts",
+      "import": "./dist/devtools.js",
+      "require": "./dist/devtools.cjs",
+      "default": "./dist/devtools.js"
     }
   },
   "files": [
@@ -72,9 +78,7 @@
     "react-dom": "^18.0.0 || ^19.0.0"
   },
   "dependencies": {
-    "@dnd-kit/core": "^6.3.1",
-    "@dnd-kit/sortable": "^10.0.0",
-    "@dnd-kit/utilities": "^3.2.2"
+    "@dnd-kit/core": "^6.3.1"
   },
   "devDependencies": {
     "@changesets/cli": "^2.31.0",