native-document 1.0.218 → 1.0.220

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "native-document",
-  "version": "1.0.218",
+  "version": "1.0.220",
   "description": "A reactive JavaScript framework that preserves native DOM simplicity without sacrificing modern features",
   "author": "AfroCodeur <https://github.com/afrocodeur>",
   "license": "MIT",

package/src/components/form/index.js

@@ -8,6 +8,7 @@ import TextAreaField from './field/types/TextAreaField';
 import CheckboxField from './field/types/CheckboxField';
 import RadioField from './field/types/RadioField';
 import SelectField from './field/types/SelectField';
+import SearchField from './field/types/SearchField';
 import HiddenField from './field/types/HiddenField';
 import FileField from './field/types/FileField';
 import DateField from './field/types/DateField';
@@ -57,5 +58,5 @@ export {
     FileWallMode,
     FileUploadButtonMode,
     FileDropzoneMode,
-
+    SearchField
 };

package/src/components/index.d.ts

@@ -99,6 +99,7 @@ export type { MenuLink, MenuLinkInterface } from './menu/types/MenuLink';
 
 // --- Modal -------------------------------------------------------------------
 export type { Modal, ModalInterface, ModalDescription } from './modal/types/Modal';
+export type { createModal, ModalInstance, ModalBuilderContext } from './modal/types/createModal';
 
 // --- Pagination --------------------------------------------------------------
 export type { Pagination, PaginationInterface, PaginationDescription } from './pagination/types/Pagination';

package/src/components/modal/createModal.js

@@ -3,6 +3,17 @@ import {createPortal} from '../../core/elements/anchor/anchor';
 import Modal from './Modal';
 import {once} from '../../core/utils/cache';
 
+
+/**
+ * Creates a singleton Promise-based modal factory.
+ * The modal is created once (via `once`) and reused on every subsequent call.
+ * Opening the modal returns a Promise that resolves with the selected value
+ * or null if the modal is dismissed.
+ *
+ * @param {{resolve: Function, reject: Function, onOpen: (callback: Function) => {}, onClose: (callback: Function) => {} }} builder
+ *
+ * @return {{ open: (params: *) => {}, close: () => {}, instance: Modal }}
+ */
 export function createModal(builder) {
     return once(() => {
 

package/src/components/modal/types/createModal.d.ts

@@ -0,0 +1,20 @@
+import {RefItem} from "../../../../types/ref";
+import {ModalInterface} from "./Modal";
+import {ValidChild} from "../../../../types/elements";
+
+export type ModalBuilderContext<TResult = any, TParams = any> = {
+    resolve(value: TResult): void;
+    reject(): void;
+    onOpen(callback: (params: TParams) => void): void;
+    onClose(callback: () => void): void;
+};
+
+export type ModalInstance<TResult = any, TParams = any> = {
+    open(params?: TParams): Promise<TResult | null>;
+    close(): void;
+    instance: RefItem<ModalInstance> & ModalInterface;
+};
+
+export declare function createModal<TResult = any, TParams = any>(
+    builder: (context: ModalBuilderContext<TResult, TParams>) => ValidChild | ModalInterface
+): () => ModalInstance<TResult, TParams>;

package/src/core/wrappers/NdPrototype.js

@@ -193,7 +193,7 @@ const _prevent = function(element, eventName, callback, options) {
         callback && callback.call(element, event);
     };
 
-    const inlineHandler = 'onPrevent' + eventName;
+    const inlineHandler = 'on' + eventName;
     if(!element[inlineHandler] && !options) {
         element[inlineHandler] = handler;
         return;
@@ -207,7 +207,7 @@ const _stop = function(element, eventName, callback, options) {
         callback && callback.call(element, event);
     };
 
-    const inlineHandler = 'onStop' + eventName;
+    const inlineHandler = 'on' + eventName;
     if(!element[inlineHandler] && !options) {
         element[inlineHandler] = handler;
         return;
@@ -223,7 +223,7 @@ const _preventStop = function(element, eventName, callback, options) {
         event.preventDefault();
         callback && callback.call(element, event);
     };
-    const inlineHandler = 'onPreventStop' + eventName;
+    const inlineHandler = 'on' + eventName;
     if(!element[inlineHandler] && !options) {
         element[inlineHandler] = handler;
         return;