@etsoo/react 1.7.44 → 1.7.45

package/lib/components/DnDList.d.ts

@@ -71,4 +71,4 @@ export interface DnDListPros<D extends object, K extends DataTypes.Keys<D>> {
  */
 export declare function DnDList<D extends {
     id: UniqueIdentifier;
-}, K extends DataTypes.Keys<D, UniqueIdentifier> = DataTypes.Keys<D, UniqueIdentifier>>(props: DnDListPros<D, K>): React.JSX.Element;
+}, K extends DataTypes.Keys<D, UniqueIdentifier> = DataTypes.Keys<D, UniqueIdentifier>>(props: DnDListPros<D, K>): import("react/jsx-runtime").JSX.Element;

package/lib/components/DnDList.js

@@ -1,3 +1,4 @@
+import { jsx as _jsx } from "react/jsx-runtime";
 import { DndContext } from '@dnd-kit/core';
 import { SortableContext, useSortable, verticalListSortingStrategy } from '@dnd-kit/sortable';
 import { CSS } from '@dnd-kit/utilities';
@@ -122,9 +123,8 @@ export function DnDList(props) {
     React.useEffect(() => {
         setItems(props.items);
     }, [props.items]);
-    return (React.createElement(DndContext, { onDragStart: handleDragStart, onDragEnd: handleDragEnd },
-        React.createElement(SortableContext, { items: items, strategy: verticalListSortingStrategy }, items.map((item, index) => {
-            const id = item[keyField];
-            return (React.createElement(SortableItem, { id: id, key: id, style: getItemStyle(index, id === activeId), itemRenderer: (nodeRef, actionNodeRef) => itemRenderer(item, index, nodeRef, actionNodeRef) }));
-        }))));
+    return (_jsx(DndContext, { onDragStart: handleDragStart, onDragEnd: handleDragEnd, children: _jsx(SortableContext, { items: items, strategy: verticalListSortingStrategy, children: items.map((item, index) => {
+                const id = item[keyField];
+                return (_jsx(SortableItem, { id: id, style: getItemStyle(index, id === activeId), itemRenderer: (nodeRef, actionNodeRef) => itemRenderer(item, index, nodeRef, actionNodeRef) }, id));
+            }) }) }));
 }

package/lib/components/DynamicRouter.d.ts

@@ -13,4 +13,4 @@ export type DynamicRouterProps = {
  * @param props Props
  * @returns Component
  */
-export declare function DynamicRouter(props: React.PropsWithChildren<DynamicRouterProps>): React.JSX.Element;
+export declare function DynamicRouter(props: React.PropsWithChildren<DynamicRouterProps>): import("react/jsx-runtime").JSX.Element;

package/lib/components/DynamicRouter.js

@@ -1,5 +1,5 @@
+import { jsx as _jsx } from "react/jsx-runtime";
 import { BridgeUtils } from '@etsoo/appscript';
-import React from 'react';
 import { BrowserRouter, MemoryRouter } from 'react-router-dom';
 function getEntries(host) {
     const startUrl = host.getStartUrl();
@@ -15,5 +15,5 @@ export function DynamicRouter(props) {
     const { basename, children } = props;
     // Layout
     const host = BridgeUtils.host;
-    return host == null ? (React.createElement(BrowserRouter, { basename: basename }, children)) : (React.createElement(MemoryRouter, { basename: basename, initialEntries: getEntries(host) }, children));
+    return host == null ? (_jsx(BrowserRouter, { basename: basename, children: children })) : (_jsx(MemoryRouter, { basename: basename, initialEntries: getEntries(host), children: children }));
 }

package/lib/components/ScrollRestoration.d.ts

@@ -1,5 +1,4 @@
-import React from 'react';
 /**
  * Scroll restoration
  */
-export declare function ScrollRestoration(): React.JSX.Element;
+export declare function ScrollRestoration(): import("react/jsx-runtime").JSX.Element;

package/lib/components/ScrollRestoration.js

@@ -1,3 +1,4 @@
+import { jsx as _jsx } from "react/jsx-runtime";
 import React from 'react';
 import { useLocation } from 'react-router-dom';
 import { useWindowScroll } from '../uses/useWindowScroll';
@@ -26,5 +27,5 @@ export function ScrollRestoration() {
             mounted.current = false;
         };
     }, [key]);
-    return React.createElement(React.Fragment, null);
+    return _jsx(React.Fragment, {});
 }

package/lib/components/ScrollerGrid.d.ts

@@ -114,4 +114,4 @@ export interface ScrollerGridForwardRef<T> extends GridMethodRef<T> {
  * @param props Props
  * @returns Component
  */
-export declare const ScrollerGrid: <T extends object>(props: ScrollerGridProps<T>) => React.JSX.Element;
+export declare const ScrollerGrid: <T extends object>(props: ScrollerGridProps<T>) => import("react/jsx-runtime").JSX.Element;

package/lib/components/ScrollerGrid.js

@@ -1,3 +1,4 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import React from 'react';
 import { VariableSizeGrid } from 'react-window';
 /**
@@ -237,15 +238,12 @@ export const ScrollerGrid = (props) => {
             loadDataLocal();
     }
     // Layout
-    return (React.createElement(React.Fragment, null,
-        headerRenderer && headerRenderer(refs.current),
-        React.createElement(VariableSizeGrid, { itemKey: ({ columnIndex, rowIndex, data }) => {
-                if (data == null)
-                    return [rowIndex, columnIndex].join(',');
-                // ${data[idField]}-${rowIndex} always unique but no cache for the same item
-                return [`${data[idField]}`, columnIndex].join(',');
-            }, onItemsRendered: onItemsRenderedLocal, ref: ref, rowCount: rowCount, rowHeight: typeof rowHeight === 'function'
-                ? rowHeight
-                : () => rowHeight, style: { overflowX: 'hidden' }, width: width, ...rest }, (props) => itemRendererLocal(props, refs.current)),
-        footerRenderer && footerRenderer(rows, refs.current)));
+    return (_jsxs(React.Fragment, { children: [headerRenderer && headerRenderer(refs.current), _jsx(VariableSizeGrid, { itemKey: ({ columnIndex, rowIndex, data }) => {
+                    if (data == null)
+                        return [rowIndex, columnIndex].join(',');
+                    // ${data[idField]}-${rowIndex} always unique but no cache for the same item
+                    return [`${data[idField]}`, columnIndex].join(',');
+                }, onItemsRendered: onItemsRenderedLocal, ref: ref, rowCount: rowCount, rowHeight: typeof rowHeight === 'function'
+                    ? rowHeight
+                    : () => rowHeight, style: { overflowX: 'hidden' }, width: width, ...rest, children: (props) => itemRendererLocal(props, refs.current) }), footerRenderer && footerRenderer(rows, refs.current)] }));
 };

package/lib/components/ScrollerList.d.ts

@@ -67,4 +67,4 @@ export interface ScrollerListForwardRef<T> extends GridMethodRef<T> {
  * @param props Props
  * @returns Component
  */
-export declare const ScrollerList: <T extends object>(props: ScrollerListProps<T>) => React.JSX.Element;
+export declare const ScrollerList: <T extends object>(props: ScrollerListProps<T>) => import("react/jsx-runtime").JSX.Element;

package/lib/components/ScrollerList.js

@@ -1,3 +1,4 @@
+import { jsx as _jsx } from "react/jsx-runtime";
 import { DataTypes, Utils } from '@etsoo/shared';
 import React from 'react';
 import { FixedSizeList, VariableSizeList } from 'react-window';
@@ -190,5 +191,5 @@ export const ScrollerList = (props) => {
             loadDataLocal();
     }
     // Layout
-    return typeof itemSize === 'function' ? (React.createElement(VariableSizeList, { height: height, width: width, itemCount: itemCount, itemKey: (index, data) => DataTypes.getIdValue1(data, idField) ?? index, itemSize: itemSize, outerRef: refs, ref: listRef, style: style, onItemsRendered: onItemsRenderedLocal, ...rest }, itemRendererLocal)) : (React.createElement(FixedSizeList, { height: height, width: width, itemCount: itemCount, itemKey: (index, data) => DataTypes.getIdValue1(data, idField) ?? index, itemSize: itemSize, outerRef: refs, ref: listRef, style: style, onItemsRendered: onItemsRenderedLocal, ...rest }, itemRendererLocal));
+    return typeof itemSize === 'function' ? (_jsx(VariableSizeList, { height: height, width: width, itemCount: itemCount, itemKey: (index, data) => DataTypes.getIdValue1(data, idField) ?? index, itemSize: itemSize, outerRef: refs, ref: listRef, style: style, onItemsRendered: onItemsRenderedLocal, ...rest, children: itemRendererLocal })) : (_jsx(FixedSizeList, { height: height, width: width, itemCount: itemCount, itemKey: (index, data) => DataTypes.getIdValue1(data, idField) ?? index, itemSize: itemSize, outerRef: refs, ref: listRef, style: style, onItemsRendered: onItemsRenderedLocal, ...rest, children: itemRendererLocal }));
 };

package/lib/states/State.js

@@ -1,3 +1,4 @@
+import { jsx as _jsx } from "react/jsx-runtime";
 import React from 'react';
 /**
  * State
@@ -28,7 +29,7 @@ export class State {
             else {
                 // Context new value
                 const value = { ...calls, state, dispatch };
-                return (React.createElement(context.Provider, { value: value }, children));
+                return (_jsx(context.Provider, { value: value, children: children }));
             }
         };
         // Return

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@etsoo/react",
-    "version": "1.7.44",
+    "version": "1.7.45",
     "description": "TypeScript ReactJs UI Independent Framework",
     "main": "lib/index.js",
     "types": "lib/index.d.ts",

package/tsconfig.json

@@ -12,7 +12,7 @@
         "strict": true,
         "esModuleInterop": true,
         "skipLibCheck": true,
-        "jsx": "react",
+        "jsx": "react-jsx",
         "forceConsistentCasingInFileNames": true
     },
     "include": ["src"]