@rectify-dev/core 2.3.0 → 2.4.1

package/dist/index.d.cts

@@ -1,6 +1,6 @@
 import * as _rectify_dev_shared from '@rectify-dev/shared';
-import { RectifyNode, FC, LazyComponent, SuspenseProps, Fiber } from '@rectify-dev/shared';
-export { AnchorHTMLAttributes, AriaAttributes, AudioHTMLAttributes, ButtonHTMLAttributes, CSSProperties, FC, FormHTMLAttributes, HTMLAttributes, IframeHTMLAttributes, ImgHTMLAttributes, InputHTMLAttributes, LabelHTMLAttributes, MetaHTMLAttributes, OptGroupHTMLAttributes, OptionHTMLAttributes, RectifyEventHandlers, RectifyIntrinsicElements, RectifyNode, ScriptHTMLAttributes, SelectHTMLAttributes, SuspenseProps, SyntheticAnimationEvent, SyntheticChangeEvent, SyntheticClipboardEvent, SyntheticDragEvent, SyntheticEvent as SyntheticEventType, SyntheticFocusEvent, SyntheticInputEvent, SyntheticKeyboardEvent, SyntheticMouseEvent, SyntheticPointerEvent, SyntheticSubmitEvent, SyntheticTouchEvent, SyntheticTransitionEvent, SyntheticWheelEvent, TextareaHTMLAttributes, VideoHTMLAttributes } from '@rectify-dev/shared';
+import { RectifyNode, RectifyKey, RectifyPortal, FC, LazyComponent, SuspenseProps, Fiber } from '@rectify-dev/shared';
+export { AnchorHTMLAttributes, AriaAttributes, AudioHTMLAttributes, ButtonHTMLAttributes, CSSProperties, FC, FormHTMLAttributes, HTMLAttributes, IframeHTMLAttributes, ImgHTMLAttributes, InputHTMLAttributes, LabelHTMLAttributes, MetaHTMLAttributes, OptGroupHTMLAttributes, OptionHTMLAttributes, RectifyEventHandlers, RectifyIntrinsicElements, RectifyNode, RectifyPortal, ScriptHTMLAttributes, SelectHTMLAttributes, SuspenseProps, SyntheticAnimationEvent, SyntheticChangeEvent, SyntheticClipboardEvent, SyntheticDragEvent, SyntheticEvent as SyntheticEventType, SyntheticFocusEvent, SyntheticInputEvent, SyntheticKeyboardEvent, SyntheticMouseEvent, SyntheticPointerEvent, SyntheticSubmitEvent, SyntheticTouchEvent, SyntheticTransitionEvent, SyntheticWheelEvent, TextareaHTMLAttributes, VideoHTMLAttributes } from '@rectify-dev/shared';
 export { Fragment, jsx } from './runtime.cjs';
 
 type RectifyDomRoot = {
@@ -9,6 +9,8 @@ type RectifyDomRoot = {
 };
 declare const createRoot: (container: Element) => RectifyDomRoot;
 
+declare const createPortal: (children: RectifyNode, container: Element, key?: RectifyKey) => RectifyPortal;
+
 type AnyNativeEvent = Event | KeyboardEvent | MouseEvent | TouchEvent;
 
 declare class SyntheticEvent {
@@ -284,4 +286,4 @@ declare function useContext<T>(context: RectifyContext<T>): T;
  */
 declare const useId: () => string;
 
-export { Component, type Dispatch, type MemoComponent, type RectifyContext, type Reducer, type RefObject, Suspense, SyntheticEvent, createContext, createRoot, lazy, memo, useCallback, useContext, useEffect, useId, useLayoutEffect, useMemo, useReducer, useRef, useState };
+export { Component, type Dispatch, type MemoComponent, type RectifyContext, type Reducer, type RefObject, Suspense, SyntheticEvent, createContext, createPortal, createRoot, lazy, memo, useCallback, useContext, useEffect, useId, useLayoutEffect, useMemo, useReducer, useRef, useState };

package/dist/index.d.ts

@@ -1,6 +1,6 @@
 import * as _rectify_dev_shared from '@rectify-dev/shared';
-import { RectifyNode, FC, LazyComponent, SuspenseProps, Fiber } from '@rectify-dev/shared';
-export { AnchorHTMLAttributes, AriaAttributes, AudioHTMLAttributes, ButtonHTMLAttributes, CSSProperties, FC, FormHTMLAttributes, HTMLAttributes, IframeHTMLAttributes, ImgHTMLAttributes, InputHTMLAttributes, LabelHTMLAttributes, MetaHTMLAttributes, OptGroupHTMLAttributes, OptionHTMLAttributes, RectifyEventHandlers, RectifyIntrinsicElements, RectifyNode, ScriptHTMLAttributes, SelectHTMLAttributes, SuspenseProps, SyntheticAnimationEvent, SyntheticChangeEvent, SyntheticClipboardEvent, SyntheticDragEvent, SyntheticEvent as SyntheticEventType, SyntheticFocusEvent, SyntheticInputEvent, SyntheticKeyboardEvent, SyntheticMouseEvent, SyntheticPointerEvent, SyntheticSubmitEvent, SyntheticTouchEvent, SyntheticTransitionEvent, SyntheticWheelEvent, TextareaHTMLAttributes, VideoHTMLAttributes } from '@rectify-dev/shared';
+import { RectifyNode, RectifyKey, RectifyPortal, FC, LazyComponent, SuspenseProps, Fiber } from '@rectify-dev/shared';
+export { AnchorHTMLAttributes, AriaAttributes, AudioHTMLAttributes, ButtonHTMLAttributes, CSSProperties, FC, FormHTMLAttributes, HTMLAttributes, IframeHTMLAttributes, ImgHTMLAttributes, InputHTMLAttributes, LabelHTMLAttributes, MetaHTMLAttributes, OptGroupHTMLAttributes, OptionHTMLAttributes, RectifyEventHandlers, RectifyIntrinsicElements, RectifyNode, RectifyPortal, ScriptHTMLAttributes, SelectHTMLAttributes, SuspenseProps, SyntheticAnimationEvent, SyntheticChangeEvent, SyntheticClipboardEvent, SyntheticDragEvent, SyntheticEvent as SyntheticEventType, SyntheticFocusEvent, SyntheticInputEvent, SyntheticKeyboardEvent, SyntheticMouseEvent, SyntheticPointerEvent, SyntheticSubmitEvent, SyntheticTouchEvent, SyntheticTransitionEvent, SyntheticWheelEvent, TextareaHTMLAttributes, VideoHTMLAttributes } from '@rectify-dev/shared';
 export { Fragment, jsx } from './runtime.js';
 
 type RectifyDomRoot = {
@@ -9,6 +9,8 @@ type RectifyDomRoot = {
 };
 declare const createRoot: (container: Element) => RectifyDomRoot;
 
+declare const createPortal: (children: RectifyNode, container: Element, key?: RectifyKey) => RectifyPortal;
+
 type AnyNativeEvent = Event | KeyboardEvent | MouseEvent | TouchEvent;
 
 declare class SyntheticEvent {
@@ -284,4 +286,4 @@ declare function useContext<T>(context: RectifyContext<T>): T;
  */
 declare const useId: () => string;
 
-export { Component, type Dispatch, type MemoComponent, type RectifyContext, type Reducer, type RefObject, Suspense, SyntheticEvent, createContext, createRoot, lazy, memo, useCallback, useContext, useEffect, useId, useLayoutEffect, useMemo, useReducer, useRef, useState };
+export { Component, type Dispatch, type MemoComponent, type RectifyContext, type Reducer, type RefObject, Suspense, SyntheticEvent, createContext, createPortal, createRoot, lazy, memo, useCallback, useContext, useEffect, useId, useLayoutEffect, useMemo, useReducer, useRef, useState };

package/dist/index.js

@@ -1,6 +1,6 @@
 import { __name } from './chunk-2FA4QXYL.js';
 export { Fragment, jsx } from './chunk-2FA4QXYL.js';
-import { isFunction, shallowEqual, createElementFromRectifyNode, isValidRectifyElement, isArray, isPlainObject, omit, RECTIFY_FRAGMENT_TYPE, RECTIFY_TEXT_TYPE, RECTIFY_ELEMENT_TYPE } from '@rectify-dev/shared';
+import { isFunction, shallowEqual, createElementFromRectifyNode, isValidRectifyElement, isArray, isPlainObject, omit, RECTIFY_FRAGMENT_TYPE, RECTIFY_TEXT_TYPE, RECTIFY_ELEMENT_TYPE, RECTIFY_PORTAL_TYPE } from '@rectify-dev/shared';
 
 // ../rectify-dom-binding/src/events/RectifyEventRegistry.ts
 var allNativeEvents = /* @__PURE__ */ new Set();
@@ -71,6 +71,10 @@ function unmarkContainerAsRoot(node) {
   node[internalContainerInstanceKey] = null;
 }
 __name(unmarkContainerAsRoot, "unmarkContainerAsRoot");
+function isContainerMarkedAsRoot(node) {
+  return !!node[internalContainerInstanceKey];
+}
+__name(isContainerMarkedAsRoot, "isContainerMarkedAsRoot");
 var precacheFiberNode = /* @__PURE__ */ __name((fiber, node) => {
   if (!node) return;
   node[internalInstanceKey] = fiber;
@@ -134,6 +138,11 @@ var dispatchEvent = /* @__PURE__ */ __name((domEventName, targetContainer, nativ
   const targetNode = getEventTarget(nativeEvent);
   const targetFiber = getFiberNodeCached(targetNode);
   if (!targetFiber) return;
+  let domCursor = targetNode.parentNode;
+  while (domCursor && domCursor !== targetContainer) {
+    if (isContainerMarkedAsRoot(domCursor)) return;
+    domCursor = domCursor.parentNode;
+  }
   const syntheticEvent = new SyntheticEvent_default(nativeEvent);
   const path = [];
   let fiber = targetFiber;
@@ -320,6 +329,7 @@ var ContextProvider = /* @__PURE__ */ Symbol.for("rectify.context_provider");
 var MemoComponent = /* @__PURE__ */ Symbol.for("rectify.memo_component");
 var LazyComponent = /* @__PURE__ */ Symbol.for("rectify.lazy_component");
 var SuspenseComponent = /* @__PURE__ */ Symbol.for("rectify.suspense_component");
+var PortalComponent = /* @__PURE__ */ Symbol.for("rectify.portal_component");
 var addFlagToFiber = /* @__PURE__ */ __name((fiber, flag) => {
   if (hasFlagOnFiber(fiber, flag)) return;
   fiber.flags |= flag;
@@ -334,6 +344,8 @@ var hasFlagOnFiber = /* @__PURE__ */ __name((fiber, flag) => {
 }, "hasFlagOnFiber");
 var getFiberTagFromElement = /* @__PURE__ */ __name((element) => {
   switch (element.$$typeof) {
+    case RECTIFY_PORTAL_TYPE:
+      return PortalComponent;
     case RECTIFY_ELEMENT_TYPE:
       if (isFunction(element.type) && element.type?._context === element.type) {
         return ContextProvider;
@@ -415,6 +427,7 @@ var getParentDom = /* @__PURE__ */ __name((fiber) => {
   while (p) {
     if (p.workTag === HostComponent) return p.stateNode;
     if (p.workTag === HostRoot) return p.stateNode;
+    if (p.workTag === PortalComponent) return p.stateNode;
     p = p.return;
   }
   throw new Error("No parent DOM found.");
@@ -1357,6 +1370,11 @@ var beginWork = /* @__PURE__ */ __name((wip) => {
       }
       throw lazy2._promise;
     }
+    case PortalComponent: {
+      wip.stateNode = wip.pendingProps.containerInfo;
+      reconcileChildren(wip, wip.pendingProps.children);
+      break;
+    }
   }
   return wip.child;
 }, "beginWork");
@@ -1767,6 +1785,18 @@ var createRoot = /* @__PURE__ */ __name((container) => {
     }, "unmount")
   };
 }, "createRoot");
+var createPortal = /* @__PURE__ */ __name((children, container, key = null) => {
+  listenToAllEventSupported(container);
+  return {
+    $$typeof: RECTIFY_PORTAL_TYPE,
+    type: null,
+    key,
+    props: {
+      children,
+      containerInfo: container
+    }
+  };
+}, "createPortal");
 
 // src/RectifyMemo.ts
 function memo(Component2, compare) {
@@ -1843,6 +1873,6 @@ __name(_Component, "Component");
 _Component._isClassComponent = true;
 var Component = _Component;
 
-export { Component, Suspense, SyntheticEvent_default as SyntheticEvent, createContext, createRoot, lazy, memo, RectifyHookUseCallback_default as useCallback, useContext, RectifyHookUseEffect_default as useEffect, RectifyHookUseId_default as useId, RectifyHookUseLayoutEffect_default as useLayoutEffect, RectifyHookUseMemo_default as useMemo, RectifyHookUseReducer_default as useReducer, RectifyHookUseRef_default as useRef, RectifyHookUseState_default as useState };
+export { Component, Suspense, SyntheticEvent_default as SyntheticEvent, createContext, createPortal, createRoot, lazy, memo, RectifyHookUseCallback_default as useCallback, useContext, RectifyHookUseEffect_default as useEffect, RectifyHookUseId_default as useId, RectifyHookUseLayoutEffect_default as useLayoutEffect, RectifyHookUseMemo_default as useMemo, RectifyHookUseReducer_default as useReducer, RectifyHookUseRef_default as useRef, RectifyHookUseState_default as useState };
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map