native-document 1.0.165 → 1.0.168

package/types/property-accumulator.d.ts

@@ -3,12 +3,12 @@ import {ObservableItem} from "./observable";
 type CssPropertyValueType = string | ObservableItem | number;
 type ClassPropertyValueType = boolean | ObservableItem;
 
-interface cssPropertyAccumulator {
+export interface CssPropertyAccumulator {
     add(key: string, value: CssPropertyValueType): void;
     value(): string | Record<string, CssPropertyValueType>;
 }
 
-interface classPropertyAccumulator {
+export interface ClassPropertyAccumulator {
     add(key: string, value?: ClassPropertyValueType): void;
     value(): string | Record<string, ClassPropertyValueType>;
 }
@@ -17,10 +17,10 @@ interface classPropertyAccumulator {
 type CssInitialValue = string | Record<string, CssPropertyValueType> | string[];
 type ClassInitialValue = string | Record<string, ClassPropertyValueType> | string[];
 
-export declare const cssPropertyAccumulator: (initialValue?: CssInitialValue) => cssPropertyAccumulator;
+export declare const cssPropertyAccumulator: (initialValue?: CssInitialValue) => CssPropertyAccumulator;
 
 
-export declare const classPropertyAccumulator: (initialValue?: ClassInitialValue) => classPropertyAccumulator;
+export declare const classPropertyAccumulator: (initialValue?: ClassInitialValue) => ClassPropertyValueType;
 
 // Export des types pour usage externe
 export type {

package/types/store.d.ts

@@ -5,13 +5,35 @@ export type StoreGroupInstance = StoreStatic & {
     readonly $name: string;
 };
 
+export type StoreReadonlyInstance = Omit<StoreStatic,
+    | 'use'
+    | 'get'
+    | 'create'
+    | 'createResettable'
+    | 'createComposed'
+    | 'createPersistent'
+    | 'createPersistentResettable'
+    | 'delete'
+    | 'reset'
+> & {
+    use(name: string): never;
+    get(name: string): never;
+    create(name: string, value: unknown): never;
+    createResettable(name: string, value: unknown): never;
+    createComposed(name: string, computation: () => unknown, dependencies: unknown[]): never;
+    createPersistent(name: string, value: unknown, localStorageKey?: string): never;
+    createPersistentResettable(name: string, value: unknown, localStorageKey?: string): never;
+    delete(name: string): never;
+    reset(name: string): never;
+};
+
 export interface StoreStatic {
     create<T>(name: string, value: T): ObservableItem<T>;
     createResettable<T>(name: string, value: T): ObservableItem<T>;
     createComposed<T>(
         name: string,
         computation: () => T,
-        dependencies: (string | ObservableItem<any>)[]
+        dependencies: (string | ObservableItem<unknown>)[]
     ): ObservableItem<T>;
     createPersistent<T>(name: string, value: T, localStorageKey?: string): ObservableItem<T>;
     createPersistentResettable<T>(name: string, value: T, localStorageKey?: string): ObservableItem<T>;
@@ -32,7 +54,9 @@ export interface StoreStatic {
     group(callback: (group: StoreGroupInstance) => void): StoreGroupInstance;
     group(name: string, callback: (group: StoreGroupInstance) => void): StoreGroupInstance;
 
-    readonly [key: string]: ObservableItem<any> | unknown;
+    protected(): StoreReadonlyInstance;
+
+    readonly [key: string]: ObservableItem<unknown> | unknown;
 }
 
 export declare const StoreFactory: () => StoreStatic;

package/types/validator.ts

@@ -1,4 +1,4 @@
-import {ObservableArray, ObservableChecker, ObservableItem, ObservableProxy} from "./observable";
+import {ObservableArray, ObservableChecker, ObservableItem, ObservableObject} from "./observable";
 import { ValidChild } from "./elements";
 import { NDElement } from "./nd-element";
 
@@ -10,7 +10,7 @@ export type ValidChildren = ValidChild | ValidChild[];
 declare const Validator: {
     isObservable(value: any): value is ObservableItem;
 
-    isProxy(value: any): value is ObservableProxy<any>;
+    isProxy(value: any): value is ObservableObject<any>;
 
     isObservableChecker(value: any): value is ObservableChecker;
 
@@ -20,7 +20,7 @@ declare const Validator: {
 
     isArrayObservable(value: any): value is ObservableArray<any>;
 
-    isObservableOrProxy(value: any): value is ObservableItem | ObservableProxy<any>;
+    isObservableOrProxy(value: any): value is ObservableItem | ObservableObject<any>;
 
     isAnchor(value: any): boolean;
 

package/ui.js

@@ -0,0 +1 @@
+export * from './src/ui';

package/src/components/form/field/DefaultRender.js

@@ -1,77 +0,0 @@
-import {Input, Label, Select} from "../../../../elements";
-import { $ } from "../../../core/data/Observable";
-
-
-
-
-export default function DefaultRender(field) {
-    const description = field?.toJSON();
-    const suffix = description.suffix || 'field';
-    const fieldId = description.id || description.name;
-
-    const inputProps = {
-        id: fieldId,
-        name: description.name,
-        type: description.type,
-        value: description.value,
-        placeholder: description.placeholder,
-        disabled: description.disabled,
-        readonly: description.readonly,
-        checked: description.checked
-    };
-
-    if(description.showErrors) {
-        description.errors = description.errors || $(null);
-        field.errors(description.errors);
-    }
-
-    const hasErrors = description.showErrors ? $.computed(() => {
-        const errs = description.errors?.val();
-        return errs && errs.length > 0;
-    }, [description.errors]) : null;
-    const hasFocus = $(false);
-
-    const wrapperClasses = {
-        [suffix+'-wrapper']: true,
-        [suffix+'-error']: hasErrors,
-        [suffix+'-focused']: hasFocus,
-        [suffix+'-disabled']: description.disabled,
-        [`${suffix}-${description.type}`]: true
-    };
-
-    const children = [];
-
-    switch (description.type) {
-        case 'radio':
-        case 'checkbox':
-            field.$input = Input({ ...inputProps });
-            children.push(
-                field.$input,
-                Label({for: fieldId}, description.label),
-            );
-            break;
-        case 'select':
-            field.$input = Select({ ...inputProps });
-            children.push(
-                Label({for: fieldId}, description.label),
-                field.$input,
-            );
-            break;
-        default:
-            field.$input = Input({ ...inputProps });
-            children.push(
-                Label({for: fieldId}, description.label),
-                field.$input,
-            );
-    }
-    
-    for(const eventName in description.events) {
-        field.$input.addEventListener(eventName, description.events[eventName]);
-    }
-
-    return Div({ class: wrapperClasses }, [
-        children,
-        description.help ? Div({ class: suffix+'-hint' }, description.help) : null,
-        description.showErrors ? ErrorDisplayer(description.errors, field) : null,
-    ]);
-};

package/src/components/form/field/FieldFactory.js

@@ -1,107 +0,0 @@
-import StringField from "./types/StringField";
-import EmailField from "./types/EmailField";
-import PasswordField from "./types/PasswordField";
-import NumberField from "./types/NumberField";
-import TextAreaField from "./types/TextAreaField";
-import CheckboxField from "./types/CheckboxField";
-import RadioField from "./types/RadioField";
-import SelectField from "./types/SelectField";
-import HiddenField from "./types/HiddenField";
-import FileField from "./types/FileField";
-import DateField from "./types/DateField";
-import TimeField from "./types/TimeField";
-import TelField from "./types/TelField";
-import UrlField from "./types/UrlField";
-import ColorField from "./types/ColorField";
-import RangeField from "./types/RangeField";
-import ImageField from "./types/ImageField";
-import CheckboxGroupField from "./types/CheckboxGroupField";
-import AutocompleteField from "./types/AutocompleteField";
-
-import Field from "./Field";
-import FieldCollection from "./FieldCollection";
-
-
-Field.string = function(name, defaultConfig) {
-    return new StringField(name, 'text', defaultConfig);
-};
-
-Field.text = function(name, defaultConfig) {
-    return new StringField(name, 'text', defaultConfig);
-};
-
-Field.email = function(name, defaultConfig) {
-    return new EmailField(name, defaultConfig);
-};
-
-Field.password = function(name, defaultConfig) {
-    return new PasswordField(name, defaultConfig);
-};
-
-Field.number = function(name, defaultConfig) {
-    return new NumberField(name, 'number', defaultConfig);
-};
-
-Field.textarea = function(name, defaultConfig) {
-    return new TextAreaField(name, defaultConfig);
-};
-
-Field.checkbox = function(name, defaultConfig) {
-    return new CheckboxField(name, defaultConfig);
-};
-
-Field.radio = function(name, options, defaultConfig) {
-    return new RadioField(name, options, defaultConfig);
-};
-
-Field.select = function(name, options, defaultConfig) {
-    return new SelectField(name, options, defaultConfig);
-};
-
-Field.hidden = function(name, defaultConfig) {
-    return new HiddenField(name, defaultConfig);
-};
-
-Field.file = function(name, defaultConfig) {
-    return new FileField(name, 'file', defaultConfig);
-};
-
-Field.date = function(name, defaultConfig) {
-    return new DateField(name, defaultConfig);
-};
-
-Field.time = function(name, defaultConfig) {
-    return new TimeField(name, defaultConfig);
-};
-
-Field.tel = function(name, defaultConfig) {
-    return new TelField(name, defaultConfig);
-};
-
-Field.url = function(name, defaultConfig) {
-    return new UrlField(name, defaultConfig);
-};
-
-Field.color = function(name, defaultConfig) {
-    return new ColorField(name, defaultConfig);
-};
-
-Field.range = function(name, defaultConfig) {
-    return new RangeField(name, defaultConfig);
-};
-
-Field.image = function(name, defaultConfig) {
-    return new ImageField(name, defaultConfig);
-};
-
-Field.checkboxGroup = function(name, options, defaultConfig) {
-    return new CheckboxGroupField(name, options, defaultConfig);
-};
-
-Field.autocomplete = function(name, defaultConfig) {
-    return new AutocompleteField(name, defaultConfig);
-};
-
-Field.collection = function(name, defaultConfig) {
-    return new FieldCollection(name, defaultConfig);
-};