@overlastic/react 0.5.1 → 0.7.0

package/README.md

@@ -1,6 +1,6 @@
 <p align="center">
   <a href="https://overlastic.vercel.app/" target="blank">
-    <img src="https://github.com/hairyf/overlastic/raw/master/docs/public/circle.svg" width="120" alt="Nest Logo" />
+    <img src="https://github.com/hairyf/overlastic/raw/master/docs/public/logo.svg" width="120" alt="Nest Logo" />
   </a>
 </p>
 
@@ -26,4 +26,4 @@ $ npm install --save @overlastic/react
 
 ## Quick Start
 
-[Overview & Tutorial](https://overlastic.vercel.app/en/react/)
+[Overview & Tutorial](https://overlastic.vercel.app/react/)

package/dist/index.cjs

@@ -23,9 +23,9 @@ __export(src_exports, {
   OverlayProvider: () => OverlayProvider,
   defineOverlay: () => defineOverlay,
   renderOverlay: () => renderOverlay,
-  useOverlay: () => useOverlay,
-  useOverlayDefine: () => useOverlayDefine,
-  useOverlayHolder: () => useOverlayHolder
+  useExtendOverlay: () => useExtendOverlay,
+  useOverlayHolder: () => useOverlayHolder,
+  useOverlayInject: () => useOverlayInject
 });
 module.exports = __toCommonJS(src_exports);
 
@@ -54,7 +54,7 @@ function defineAnonymousComponent(component) {
 }
 
 // src/composable/define.ts
-function useOverlayDefine(options = {}) {
+function useExtendOverlay(options = {}) {
   const { immediate = true, duration = 0, automatic = true } = options;
   const context = (0, import_react2.useContext)(ScriptsContext);
   const dec = Reflect.get(context, "in_dec");
@@ -123,14 +123,15 @@ var import_pascal_case = require("pascal-case");
 var import_react4 = require("react");
 var import_react_dom = require("react-dom");
 var import_jsx_runtime = require("react/jsx-runtime");
-function useOverlayHolder(Component, options = {}) {
+function useOverlayHolder(component, options = {}) {
   const { callback, scripts, props, refresh } = useRefreshMetadata();
   const name = (0, import_core3.defineName)(options.id, options.autoIncrement);
   function render() {
     const root = options.root || (typeof document !== "undefined" ? document.body : void 0);
+    const Comp = component;
     const content = /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { id: name, children: [
       " ",
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Component, { ...props }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Comp, { ...props }),
       " "
     ] });
     return options.root !== false && root ? (0, import_react_dom.createPortal)(content, root) : content;
@@ -173,7 +174,7 @@ function useRefreshMetadata() {
   return { callback, scripts, props, refresh };
 }
 
-// src/composable/overlay.tsx
+// src/composable/inject.tsx
 var import_core4 = require("@overlastic/core");
 var import_react5 = require("react");
 var import_pascal_case2 = require("pascal-case");
@@ -196,7 +197,7 @@ var { define } = (0, import_core4.createConstructor)((Instance, props, options)
   }
   render(InstanceWithProvider, props);
 }, { container: false });
-function useOverlay(Instance) {
+function useOverlayInject(Instance) {
   const { render, vanish } = (0, import_react5.useContext)(InstancesContext);
   return define(Instance, { render, vanish });
 }
@@ -254,7 +255,7 @@ function OverlayProvider(props) {
   OverlayProvider,
   defineOverlay,
   renderOverlay,
-  useOverlay,
-  useOverlayDefine,
-  useOverlayHolder
+  useExtendOverlay,
+  useOverlayHolder,
+  useOverlayInject
 });

package/dist/index.d.cts

@@ -1,7 +1,7 @@
-import * as react from 'react';
 import { Dispatch, SetStateAction, FC, PropsWithChildren } from 'react';
 import * as _overlastic_core from '@overlastic/core';
 import { ImperativeOverlay, MountOptions } from '@overlastic/core';
+import { GlobalMountOptions } from '@vue/test-utils/dist/types';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 
 type PropsWidthOverlays<P = unknown> = P & {
@@ -24,7 +24,7 @@ interface PromptifyEvents {
      */
     resolve?: string;
 }
-interface OverlayDefineOptions {
+interface ExtendOverlayOptions {
     /** animation duration to avoid premature destruction of components */
     duration?: number;
     /** whether to set visible to true immediately */
@@ -50,13 +50,13 @@ interface OverlayDefineOptions {
      */
     automatic?: boolean;
 }
-interface ProgramsReturn {
+interface ExtendOverlayReturn {
     /** the notification reject, modify visible, and destroy it after the duration ends */
-    reject: Function;
+    reject: (reason?: any) => void;
     /** the notification resolve, modify visible, and destroy it after the duration ends */
-    resolve: Function;
+    resolve: (value?: any) => void;
     /** destroy the current instance (immediately) */
-    vanish: Function;
+    vanish: () => void;
     /** visible control popup display and hide */
     visible: boolean;
     /** visible dispatch change */
@@ -64,20 +64,20 @@ interface ProgramsReturn {
     /** current deferred */
     deferred?: Promise<any>;
 }
-declare function useOverlayDefine(options?: OverlayDefineOptions): ProgramsReturn;
+declare function useExtendOverlay(options?: ExtendOverlayOptions): ExtendOverlayReturn;
 
 type InjectionHolder<Props, Resolved> = [JSX.Element, ImperativeOverlay<Props, Resolved>];
-declare function useOverlayHolder<Props, Resolved = void>(Component: FC<Props>, options?: MountOptions): InjectionHolder<Props, Resolved>;
+declare function useOverlayHolder<Props, Resolved = void>(component: FC<Props>, options?: MountOptions): InjectionHolder<Props, Resolved>;
 
 interface Options {
     render: (instance: FC, props: any) => void;
     vanish: (instance: FC) => void;
 }
-declare function useOverlay<Props, Resolved>(Instance: FC<Props>): _overlastic_core.ImperativeOverlay<Props, Resolved, Options>;
+declare function useOverlayInject<Props, Resolved>(Instance: FC<Props>): _overlastic_core.ImperativeOverlay<Props, Resolved, Options>;
 
-declare const defineOverlay: <Props, Resolved = void>(instance: react.FC<any>, options?: _overlastic_core.GlobalMountOptions | undefined) => _overlastic_core.ImperativeOverlay<Props, Resolved, unknown>;
-declare const renderOverlay: <Props, Resolved = void>(instance: react.FC<any>, props?: Props | undefined, options?: _overlastic_core.GlobalMountOptions | undefined) => Promise<Resolved>;
+declare const defineOverlay: <Props, Resolved = void>(instance: React.FC<Props>, options?: GlobalMountOptions | undefined) => ImperativeOverlay<Props, Resolved, unknown>;
+declare const renderOverlay: <Props, Resolved = void>(instance: React.FC<Props>, props?: Props | undefined, options?: GlobalMountOptions | undefined) => Promise<Resolved>;
 
 declare function OverlayProvider(props: PropsWithChildren): react_jsx_runtime.JSX.Element;
 
-export { type InjectionHolder, type OverlayDefineOptions, OverlayProvider, type ProgramsReturn, type PropsWidthOverlays, defineOverlay, renderOverlay, useOverlay, useOverlayDefine, useOverlayHolder };
+export { type ExtendOverlayOptions, type ExtendOverlayReturn, type InjectionHolder, OverlayProvider, type PropsWidthOverlays, defineOverlay, renderOverlay, useExtendOverlay, useOverlayHolder, useOverlayInject };

package/dist/index.d.ts

@@ -1,7 +1,7 @@
-import * as react from 'react';
 import { Dispatch, SetStateAction, FC, PropsWithChildren } from 'react';
 import * as _overlastic_core from '@overlastic/core';
 import { ImperativeOverlay, MountOptions } from '@overlastic/core';
+import { GlobalMountOptions } from '@vue/test-utils/dist/types';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 
 type PropsWidthOverlays<P = unknown> = P & {
@@ -24,7 +24,7 @@ interface PromptifyEvents {
      */
     resolve?: string;
 }
-interface OverlayDefineOptions {
+interface ExtendOverlayOptions {
     /** animation duration to avoid premature destruction of components */
     duration?: number;
     /** whether to set visible to true immediately */
@@ -50,13 +50,13 @@ interface OverlayDefineOptions {
      */
     automatic?: boolean;
 }
-interface ProgramsReturn {
+interface ExtendOverlayReturn {
     /** the notification reject, modify visible, and destroy it after the duration ends */
-    reject: Function;
+    reject: (reason?: any) => void;
     /** the notification resolve, modify visible, and destroy it after the duration ends */
-    resolve: Function;
+    resolve: (value?: any) => void;
     /** destroy the current instance (immediately) */
-    vanish: Function;
+    vanish: () => void;
     /** visible control popup display and hide */
     visible: boolean;
     /** visible dispatch change */
@@ -64,20 +64,20 @@ interface ProgramsReturn {
     /** current deferred */
     deferred?: Promise<any>;
 }
-declare function useOverlayDefine(options?: OverlayDefineOptions): ProgramsReturn;
+declare function useExtendOverlay(options?: ExtendOverlayOptions): ExtendOverlayReturn;
 
 type InjectionHolder<Props, Resolved> = [JSX.Element, ImperativeOverlay<Props, Resolved>];
-declare function useOverlayHolder<Props, Resolved = void>(Component: FC<Props>, options?: MountOptions): InjectionHolder<Props, Resolved>;
+declare function useOverlayHolder<Props, Resolved = void>(component: FC<Props>, options?: MountOptions): InjectionHolder<Props, Resolved>;
 
 interface Options {
     render: (instance: FC, props: any) => void;
     vanish: (instance: FC) => void;
 }
-declare function useOverlay<Props, Resolved>(Instance: FC<Props>): _overlastic_core.ImperativeOverlay<Props, Resolved, Options>;
+declare function useOverlayInject<Props, Resolved>(Instance: FC<Props>): _overlastic_core.ImperativeOverlay<Props, Resolved, Options>;
 
-declare const defineOverlay: <Props, Resolved = void>(instance: react.FC<any>, options?: _overlastic_core.GlobalMountOptions | undefined) => _overlastic_core.ImperativeOverlay<Props, Resolved, unknown>;
-declare const renderOverlay: <Props, Resolved = void>(instance: react.FC<any>, props?: Props | undefined, options?: _overlastic_core.GlobalMountOptions | undefined) => Promise<Resolved>;
+declare const defineOverlay: <Props, Resolved = void>(instance: React.FC<Props>, options?: GlobalMountOptions | undefined) => ImperativeOverlay<Props, Resolved, unknown>;
+declare const renderOverlay: <Props, Resolved = void>(instance: React.FC<Props>, props?: Props | undefined, options?: GlobalMountOptions | undefined) => Promise<Resolved>;
 
 declare function OverlayProvider(props: PropsWithChildren): react_jsx_runtime.JSX.Element;
 
-export { type InjectionHolder, type OverlayDefineOptions, OverlayProvider, type ProgramsReturn, type PropsWidthOverlays, defineOverlay, renderOverlay, useOverlay, useOverlayDefine, useOverlayHolder };
+export { type ExtendOverlayOptions, type ExtendOverlayReturn, type InjectionHolder, OverlayProvider, type PropsWidthOverlays, defineOverlay, renderOverlay, useExtendOverlay, useOverlayHolder, useOverlayInject };

package/dist/index.global.js

@@ -32220,9 +32220,9 @@ var OverlaysReact = (() => {
     OverlayProvider: () => OverlayProvider,
     defineOverlay: () => defineOverlay,
     renderOverlay: () => renderOverlay,
-    useOverlay: () => useOverlay,
-    useOverlayDefine: () => useOverlayDefine,
-    useOverlayHolder: () => useOverlayHolder
+    useExtendOverlay: () => useExtendOverlay,
+    useOverlayHolder: () => useOverlayHolder,
+    useOverlayInject: () => useOverlayInject
   });
 
   // ../@core/src/define/global.ts
@@ -32357,7 +32357,7 @@ var OverlaysReact = (() => {
   }
 
   // src/composable/define.ts
-  function useOverlayDefine(options = {}) {
+  function useExtendOverlay(options = {}) {
     const { immediate = true, duration = 0, automatic = true } = options;
     const context2 = (0, import_react2.useContext)(ScriptsContext);
     const dec = Reflect.get(context2, "in_dec");
@@ -32484,14 +32484,15 @@ var OverlaysReact = (() => {
   var import_react4 = __toESM(require_react(), 1);
   var import_react_dom = __toESM(require_react_dom(), 1);
   var import_jsx_runtime = __toESM(require_jsx_runtime(), 1);
-  function useOverlayHolder(Component, options = {}) {
+  function useOverlayHolder(component, options = {}) {
     const { callback, scripts, props, refresh } = useRefreshMetadata();
     const name = defineName(options.id, options.autoIncrement);
     function render() {
       const root = options.root || (typeof document !== "undefined" ? document.body : void 0);
+      const Comp = component;
       const content = /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { id: name, children: [
         " ",
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Component, { ...props }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Comp, { ...props }),
         " "
       ] });
       return options.root !== false && root ? (0, import_react_dom.createPortal)(content, root) : content;
@@ -32534,7 +32535,7 @@ var OverlaysReact = (() => {
     return { callback, scripts, props, refresh };
   }
 
-  // src/composable/overlay.tsx
+  // src/composable/inject.tsx
   var import_react5 = __toESM(require_react(), 1);
   var import_jsx_runtime2 = __toESM(require_jsx_runtime(), 1);
   var { define } = createConstructor((Instance, props, options) => {
@@ -32555,7 +32556,7 @@ var OverlaysReact = (() => {
     }
     render(InstanceWithProvider, props);
   }, { container: false });
-  function useOverlay(Instance) {
+  function useOverlayInject(Instance) {
     const { render, vanish } = (0, import_react5.useContext)(InstancesContext);
     return define(Instance, { render, vanish });
   }

package/dist/index.js

@@ -23,7 +23,7 @@ function defineAnonymousComponent(component) {
 }
 
 // src/composable/define.ts
-function useOverlayDefine(options = {}) {
+function useExtendOverlay(options = {}) {
   const { immediate = true, duration = 0, automatic = true } = options;
   const context = useContext(ScriptsContext);
   const dec = Reflect.get(context, "in_dec");
@@ -92,14 +92,15 @@ import { pascalCase } from "pascal-case";
 import { useRef, useState as useState2 } from "react";
 import { createPortal } from "react-dom";
 import { jsx, jsxs } from "react/jsx-runtime";
-function useOverlayHolder(Component, options = {}) {
+function useOverlayHolder(component, options = {}) {
   const { callback, scripts, props, refresh } = useRefreshMetadata();
   const name = defineName(options.id, options.autoIncrement);
   function render() {
     const root = options.root || (typeof document !== "undefined" ? document.body : void 0);
+    const Comp = component;
     const content = /* @__PURE__ */ jsxs("div", { id: name, children: [
       " ",
-      /* @__PURE__ */ jsx(Component, { ...props }),
+      /* @__PURE__ */ jsx(Comp, { ...props }),
       " "
     ] });
     return options.root !== false && root ? createPortal(content, root) : content;
@@ -142,7 +143,7 @@ function useRefreshMetadata() {
   return { callback, scripts, props, refresh };
 }
 
-// src/composable/overlay.tsx
+// src/composable/inject.tsx
 import { createConstructor } from "@overlastic/core";
 import { useContext as useContext2 } from "react";
 import { pascalCase as pascalCase2 } from "pascal-case";
@@ -165,7 +166,7 @@ var { define } = createConstructor((Instance, props, options) => {
   }
   render(InstanceWithProvider, props);
 }, { container: false });
-function useOverlay(Instance) {
+function useOverlayInject(Instance) {
   const { render, vanish } = useContext2(InstancesContext);
   return define(Instance, { render, vanish });
 }
@@ -222,7 +223,7 @@ export {
   OverlayProvider,
   defineOverlay,
   renderOverlay,
-  useOverlay,
-  useOverlayDefine,
-  useOverlayHolder
+  useExtendOverlay,
+  useOverlayHolder,
+  useOverlayInject
 };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@overlastic/react",
   "type": "module",
-  "version": "0.5.1",
+  "version": "0.7.0",
   "license": "MIT",
   "homepage": "https://github.com/hairyf/overlastic#readme",
   "repository": {
@@ -32,7 +32,7 @@
     "pascal-case": "3.1.2",
     "react": "^18.3.1",
     "react-dom": "^18.3.1",
-    "@overlastic/core": "^0.5.1"
+    "@overlastic/core": "^0.7.0"
   },
   "devDependencies": {
     "@types/react": "^18.3.2",