native-document 1.0.179 → 1.0.181

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "native-document",
-  "version": "1.0.179",
+  "version": "1.0.181",
   "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/types/FormControl.d.ts

@@ -56,7 +56,7 @@ export interface FormControlInterface extends BaseComponent {
 export declare function FormControl(props?: Record<string, unknown>): FormControlInterface;
 export declare namespace FormControl {
 
-
+    function setDefaultErrorsMapper(mapper: (error: Error) => Record<string, string|[]>): void;
     function use(template: (description: FormControlDescription, instance: FormControlInterface) => ValidChild): void;
     function create(props?: Record<string, unknown>): FormControlInterface;
 

package/src/router/Router.js

@@ -71,6 +71,15 @@ export default function Router($options = {}) {
         return this;
     };
 
+    /**
+     * @param {Function} page
+     */
+    this.notFound = function(page) {
+        this.add('{path}', page, {
+            with: { path: '(.*)' },
+        });
+    };
+
     /**
      * Groups routes under a common path prefix with shared options.
      *

package/src/ui/components/form/fields/SelectFieldRender.js

@@ -4,6 +4,8 @@ import {Dropdown} from '../../../../components/dropdown';
 import {buildErrors} from '../helpers';
 import DebugManager from '../../../../core/utils/debug-manager';
 
+import './select-field.css';
+
 export default function SelectFieldRender($desc, instance) {
     const props = instance.getEditableProps();
 
@@ -123,10 +125,10 @@ const buildSelectedLabel = ($desc) => {
             return $desc.placeholder || 'Select...';
         }
 
-        const options = Array.isArray($desc.options) ? $desc.options : [];
+        const options = $desc.options;
 
         if(!$desc.multiple || !Array.isArray(val)) {
-            const opt = options.find(o => (o.value ?? o) === val);
+            const opt = options.find(o => (o.value ?? o) == val);
             return opt?.label ?? opt ?? val;
         }
 

package/src/ui/components/form/fields/select-field.css

@@ -0,0 +1,6 @@
+.is-select-field {
+    .dropdown-items {
+        max-height: 350px;
+        overflow-y: auto;
+    }
+}

package/types/router.d.ts

@@ -46,6 +46,7 @@ export interface Router {
         with?: Record<string, string>;
         layout?: (children: ValidChild) => ValidChild ;
     }): this;
+    notFound(page: (context: RouteContext) => HTMLElement | DocumentFragment): void;
 
     group(suffix: string, options: { middlewares?: Function[]; name?: string; layout?: Function }, callback: () => void): this;