native-document 1.0.219 → 1.0.221

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "native-document",
-  "version": "1.0.219",
+  "version": "1.0.221",
   "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/$traits/has-items/HasItems.d.ts

@@ -1,4 +1,5 @@
-import type { ObservableItem } from '../../../types/observable';
+import {ObservableItem} from "../../../../types/observable";
+
 
 export interface HasItems {
     dynamic(observableArray?: ObservableItem<unknown[]> | null): this;

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/data/Store.js

@@ -472,7 +472,13 @@ export const StoreFactory = function() {
                         };
                     }
                     if (target.has(prop)) {
-                        return target.follow(prop);
+                        if ($followersCache.has(prop)) {
+                            return $followersCache.get(prop);
+                        }
+                        const follower = target.follow(prop);
+                        $followersCache.set(prop, follower);
+
+                        return follower;
                     }
                     return target[prop];
                 },

package/src/ui/components/modal/ModalRender.js

@@ -52,7 +52,10 @@ export default function ModalRender($desc, instance) {
         }
         if (!value && isNativeOpen) {
             dialog.close();
+            return;
         }
+
+        dialog.close();
     });
 
     setupBehaviours(dialog, $desc, instance);