@aptre/flex-layout 0.6.0 → 0.6.1

package/dist/view/BorderTab.d.ts

@@ -1,2 +1 @@
-import * as React from "react";
-export declare function BorderTab(props: IBorderTabProps): React.JSX.Element;
+export declare function BorderTab(props: IBorderTabProps): import("react/jsx-runtime").JSX.Element;

package/dist/view/Icons.d.ts

@@ -1,7 +1,6 @@
-import * as React from "react";
-export declare const CloseIcon: () => React.JSX.Element;
-export declare const MaximizeIcon: () => React.JSX.Element;
-export declare const OverflowIcon: () => React.JSX.Element;
-export declare const EdgeIcon: () => React.JSX.Element;
-export declare const RestoreIcon: () => React.JSX.Element;
-export declare const AsterickIcon: () => React.JSX.Element;
+export declare const CloseIcon: () => import("react/jsx-runtime").JSX.Element;
+export declare const MaximizeIcon: () => import("react/jsx-runtime").JSX.Element;
+export declare const OverflowIcon: () => import("react/jsx-runtime").JSX.Element;
+export declare const EdgeIcon: () => import("react/jsx-runtime").JSX.Element;
+export declare const RestoreIcon: () => import("react/jsx-runtime").JSX.Element;
+export declare const AsterickIcon: () => import("react/jsx-runtime").JSX.Element;

package/dist/view/Layout.d.ts

@@ -1,4 +1,4 @@
-import * as React from "react";
+import { Component, DragEvent as ReactDragEvent, MouseEvent as ReactMouseEvent, ReactNode } from "react";
 import { I18nLabel } from "../I18nLabel";
 import { Action } from "../model/Action";
 import { BorderNode } from "../model/BorderNode";
@@ -11,7 +11,7 @@ export interface ILayoutProps {
     /** the model for this layout */
     model: Model;
     /** factory function for creating the tab components */
-    factory: (node: TabNode) => React.ReactNode;
+    factory: (node: TabNode) => ReactNode;
     /** object mapping keys among close, maximize, restore, more to React nodes to use in place of the default icons, can alternatively return functions for creating the React nodes */
     icons?: IIcons;
     /** function called whenever the layout generates an action to update the model (allows for intercepting actions before they are dispatched to the model, for example, asking the user to confirm a tab close.) Returning undefined from the function will halt the action, otherwise return the action to continue */
@@ -23,9 +23,9 @@ export interface ILayoutProps {
     /** function called when model has changed */
     onModelChange?: (model: Model, action: Action) => void;
     /** function called when an external object (not a tab) gets dragged onto the layout, with a single dragenter argument. Should return either undefined to reject the drag/drop or an object with keys dragText, jsonDrop, to create a tab via drag (similar to a call to addTabToTabSet). Function onDropis passed the added tabNodeand thedrop DragEvent`, unless the drag was canceled. */
-    onExternalDrag?: (event: React.DragEvent<HTMLElement>) => undefined | {
+    onExternalDrag?: (event: ReactDragEvent<HTMLElement>) => undefined | {
         json: IJsonTabNode;
-        onDrop?: (node?: Node, event?: React.DragEvent<HTMLElement>) => void;
+        onDrop?: (node?: Node, event?: ReactDragEvent<HTMLElement>) => void;
     };
     /** function called with default css class name, return value is class name that will be used. Mainly for use with css modules. */
     classNameMapper?: (defaultClassName: string) => string;
@@ -49,7 +49,7 @@ export interface ILayoutProps {
 /**
  * A React component that hosts a multi-tabbed layout
  */
-export declare class Layout extends React.Component<ILayoutProps> {
+export declare class Layout extends Component<ILayoutProps> {
     /** re-render the layout */
     redraw(): void;
     /**
@@ -67,7 +67,7 @@ export declare class Layout extends React.Component<ILayoutProps> {
      * @param json the json for the new tab node
      * @param onDrop a callback to call when the drag is complete
      */
-    addTabWithDragAndDrop(event: DragEvent, json: IJsonTabNode, onDrop?: (node?: Node, event?: React.DragEvent<HTMLElement>) => void): void;
+    addTabWithDragAndDrop(event: DragEvent, json: IJsonTabNode, onDrop?: (node?: Node, event?: ReactDragEvent<HTMLElement>) => void): void;
     /**
      * Move a tab/tabset using drag and drop, must be called from within an HTML
      * drag start handler
@@ -88,26 +88,26 @@ export declare class Layout extends React.Component<ILayoutProps> {
      * @param x the x position of the drag cursor on the image
      * @param y the x position of the drag cursor on the image
      */
-    setDragComponent(event: DragEvent, component: React.ReactNode, x: number, y: number): void;
+    setDragComponent(event: DragEvent, component: ReactNode, x: number, y: number): void;
     /** Get the root div element of the layout */
     getRootDiv(): HTMLDivElement | null;
 }
 export declare const FlexLayoutVersion = "0.8.1";
-export type DragRectRenderCallback = (content: React.ReactNode | undefined, node?: Node, json?: IJsonTabNode) => React.ReactNode | undefined;
-export type NodeMouseEvent = (node: TabNode | TabSetNode | BorderNode, event: React.MouseEvent<HTMLElement, MouseEvent>) => void;
-export type ShowOverflowMenuCallback = (node: TabSetNode | BorderNode, mouseEvent: React.MouseEvent<HTMLElement, MouseEvent>, items: {
+export type DragRectRenderCallback = (content: ReactNode | undefined, node?: Node, json?: IJsonTabNode) => ReactNode | undefined;
+export type NodeMouseEvent = (node: TabNode | TabSetNode | BorderNode, event: ReactMouseEvent<HTMLElement>) => void;
+export type ShowOverflowMenuCallback = (node: TabSetNode | BorderNode, mouseEvent: ReactMouseEvent<HTMLElement>, items: {
     index: number;
     node: TabNode;
 }[], onSelect: (item: {
     index: number;
     node: TabNode;
 }) => void) => void;
-export type TabSetPlaceHolderCallback = (node: TabSetNode) => React.ReactNode;
+export type TabSetPlaceHolderCallback = (node: TabSetNode) => ReactNode;
 export interface ITabSetRenderValues {
     /** components that will be added after the tabs */
-    stickyButtons: React.ReactNode[];
+    stickyButtons: ReactNode[];
     /** components that will be added at the end of the tabset */
-    buttons: React.ReactNode[];
+    buttons: ReactNode[];
     /** position to insert overflow button within [...stickyButtons, ...buttons]
      * if left undefined position will be after the sticky buttons (if any)
      */
@@ -115,21 +115,21 @@ export interface ITabSetRenderValues {
 }
 export interface ITabRenderValues {
     /** the icon or other leading component */
-    leading: React.ReactNode;
+    leading: ReactNode;
     /** the main tab text/component */
-    content: React.ReactNode;
+    content: ReactNode;
     /** a set of react components to add to the tab after the content */
-    buttons: React.ReactNode[];
+    buttons: ReactNode[];
 }
 export interface IIcons {
-    close?: React.ReactNode | ((tabNode: TabNode) => React.ReactNode);
-    closeTabset?: React.ReactNode | ((tabSetNode: TabSetNode) => React.ReactNode);
-    maximize?: React.ReactNode | ((tabSetNode: TabSetNode) => React.ReactNode);
-    restore?: React.ReactNode | ((tabSetNode: TabSetNode) => React.ReactNode);
-    more?: React.ReactNode | ((tabSetNode: TabSetNode | BorderNode, hiddenTabs: {
+    close?: ReactNode | ((tabNode: TabNode) => ReactNode);
+    closeTabset?: ReactNode | ((tabSetNode: TabSetNode) => ReactNode);
+    maximize?: ReactNode | ((tabSetNode: TabSetNode) => ReactNode);
+    restore?: ReactNode | ((tabSetNode: TabSetNode) => ReactNode);
+    more?: ReactNode | ((tabSetNode: TabSetNode | BorderNode, hiddenTabs: {
         node: TabNode;
         index: number;
-    }[]) => React.ReactNode);
-    edgeArrow?: React.ReactNode;
-    activeTabset?: React.ReactNode | ((tabSetNode: TabSetNode) => React.ReactNode);
+    }[]) => ReactNode);
+    edgeArrow?: ReactNode;
+    activeTabset?: ReactNode | ((tabSetNode: TabSetNode) => ReactNode);
 }

package/dist/view/OptimizedLayout.d.ts

@@ -1,4 +1,4 @@
-import * as React from "react";
+import { ReactNode } from "react";
 import { TabNode } from "../model/TabNode";
 import { ILayoutProps } from "./Layout";
 /**
@@ -6,7 +6,7 @@ import { ILayoutProps } from "./Layout";
  */
 export interface IOptimizedLayoutProps extends Omit<ILayoutProps, "factory"> {
     /** Function to render tab content - receives TabNode, returns React element */
-    renderTab: (node: TabNode) => React.ReactNode;
+    renderTab: (node: TabNode) => ReactNode;
 }
 /**
  * OptimizedLayout - A wrapper around FlexLayout that renders tab content outside of
@@ -26,4 +26,4 @@ export interface IOptimizedLayoutProps extends Omit<ILayoutProps, "factory"> {
  *
  * @see https://github.com/caplin/FlexLayout/issues/456
  */
-export declare function OptimizedLayout({ model, renderTab, classNameMapper, onDragStateChange, onModelChange: userOnModelChange, ...layoutProps }: IOptimizedLayoutProps): React.JSX.Element;
+export declare function OptimizedLayout({ model, renderTab, classNameMapper, onDragStateChange, onModelChange: userOnModelChange, ...layoutProps }: IOptimizedLayoutProps): import("react/jsx-runtime").JSX.Element;

package/dist/view/SizeTracker.d.ts

@@ -1,10 +1,10 @@
-import * as React from "react";
+import { ReactNode } from "react";
 import { Rect } from "../Rect";
 export interface ISizeTrackerProps {
     rect: Rect;
     selected: boolean;
     forceRevision: number;
     tabsRevision: number;
-    children: React.ReactNode;
+    children: ReactNode;
 }
-export declare const SizeTracker: React.MemoExoticComponent<({ children }: ISizeTrackerProps) => React.JSX.Element>;
+export declare const SizeTracker: import("react").MemoExoticComponent<({ children }: ISizeTrackerProps) => import("react/jsx-runtime").JSX.Element>;

package/dist/view/Utils.d.ts

@@ -1,5 +1,5 @@
-import * as React from "react";
+import { PointerEvent as ReactPointerEvent } from "react";
 export declare function enablePointerOnIFrames(enable: boolean, currentDocument: Document): void;
 export declare function getElementsByTagName(tag: string, currentDocument: Document): Element[];
-export declare function startDrag(doc: Document, event: React.PointerEvent<HTMLElement>, drag: (x: number, y: number) => void, dragEnd: () => void, dragCancel: () => void): void;
+export declare function startDrag(doc: Document, event: ReactPointerEvent<HTMLElement>, drag: (x: number, y: number) => void, dragEnd: () => void, dragCancel: () => void): void;
 export declare function isSafari(): boolean;

package/package.json

@@ -2,7 +2,7 @@
   "name": "@aptre/flex-layout",
   "author": "Caplin Systems Ltd",
   "description": "A multi-tab docking layout manager",
-  "version": "0.6.0",
+  "version": "0.6.1",
   "license": "ISC",
   "homepage": "https://flexlayout.spacewave.app",
   "repository": {
@@ -95,7 +95,6 @@
     "@testing-library/jest-dom": "^6.9.1",
     "@testing-library/react": "^16.3.2",
     "@types/node": "^25.2.3",
-    "@types/prismjs": "^1.26.0",
     "@types/react": "^19.2.13",
     "@types/react-dom": "^19.0.0",
     "@typescript-eslint/eslint-plugin": "^8.55.0",
@@ -112,7 +111,6 @@
     "jsdom": "^28.0.0",
     "playwright": "^1.58.2",
     "prettier": "^3.8.1",
-    "prismjs": "^1.28.0",
     "react": "^19.2.4",
     "react-dom": "^19.2.4",
     "rimraf": "^6.0.1",

package/tsconfig.json

@@ -3,7 +3,7 @@
     "target": "ES2022",
     "module": "ESNext",
     "moduleResolution": "bundler",
-    "jsx": "react",
+    "jsx": "react-jsx",
     "outDir": "./dist/",
     "sourceMap": true,
     "noImplicitAny": true,