@bgroup/wise-form 1.0.1

package/dist/models/types/form-field.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"form-field.d.ts","sourceRoot":"","sources":["../../../src/models/types/form-field.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,UAAU;IAC1B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,GAAG,CAAC;IACZ,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,OAAO,CAAC,EAAE,KAAK,CAAC;QAAE,KAAK,EAAE,GAAG,CAAC;QAAC,KAAK,CAAC,EAAE,MAAM,CAAC;QAAC,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAA;KAAE,CAAC,CAAC;IACpE,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAC;CACnB;AAED,MAAM,WAAW,eAAgB,SAAQ,UAAU;IAClD,UAAU,CAAC,EAAE,MAAM,EAAE,CAAC;CACtB"}

package/dist/models/types/form-field.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=form-field.js.map

package/dist/models/types/form-field.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"form-field.js","sourceRoot":"","sources":["../../../src/models/types/form-field.ts"],"names":[],"mappings":""}

package/dist/models/types/model.d.ts

@@ -0,0 +1,13 @@
+import { IFormField } from './form-field';
+type Callback = (...args: any[]) => void | Promise<any>;
+export interface IFormModelProps {
+    name?: string;
+    params?: Record<string, any>;
+    callbacks?: Record<string, Callback>;
+    fields?: IFormField[];
+    template?: Array<string | number>;
+    properties?: string[];
+    [key: string]: any;
+}
+export {};
+//# sourceMappingURL=model.d.ts.map

package/dist/models/types/model.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"model.d.ts","sourceRoot":"","sources":["../../../src/models/types/model.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAE1C,KAAK,QAAQ,GAAG,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,IAAI,GAAG,OAAO,CAAC,GAAG,CAAC,CAAC;AAExD,MAAM,WAAW,eAAe;IAC/B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,QAAQ,CAAC,CAAC;IACrC,MAAM,CAAC,EAAE,UAAU,EAAE,CAAC;IACtB,QAAQ,CAAC,EAAE,KAAK,CAAC,MAAM,GAAG,MAAM,CAAC,CAAC;IAClC,UAAU,CAAC,EAAE,MAAM,EAAE,CAAC;IACtB,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAC;CACnB"}

package/dist/models/types/model.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=model.js.map

package/dist/models/types/model.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"model.js","sourceRoot":"","sources":["../../../src/models/types/model.ts"],"names":[],"mappings":""}

package/dist/models/types/plugins.d.ts

@@ -0,0 +1,13 @@
+import type { FormModel } from '../model';
+export interface IPluginFormSpecs {
+    object: IPluginForm;
+    property: string;
+}
+export interface IPluginForm {
+    readonly ready: boolean;
+    readonly name: string;
+    formulas?: Map<string, any>;
+    settings: (model: FormModel, specs: IPluginFormSpecs) => Promise<IPluginForm>;
+    [key: string]: any;
+}
+//# sourceMappingURL=plugins.d.ts.map

package/dist/models/types/plugins.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"plugins.d.ts","sourceRoot":"","sources":["../../../src/models/types/plugins.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,UAAU,CAAC;AAE1C,MAAM,WAAW,gBAAgB;IAChC,MAAM,EAAE,WAAW,CAAC;IACpB,QAAQ,EAAE,MAAM,CAAC;CACjB;AAED,MAAM,WAAW,WAAW;IAC3B,QAAQ,CAAC,KAAK,EAAE,OAAO,CAAC;IACxB,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,EAAE,GAAG,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;IAC5B,QAAQ,EAAE,CAAC,KAAK,EAAE,SAAS,EAAE,KAAK,EAAE,gBAAgB,KAAK,OAAO,CAAC,WAAW,CAAC,CAAC;IAC9E,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAC;CACnB"}

package/dist/models/types/plugins.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=plugins.js.map

package/dist/models/types/plugins.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"plugins.js","sourceRoot":"","sources":["../../../src/models/types/plugins.ts"],"names":[],"mappings":""}

package/dist/models/types/wrapped-form-model-props.d.ts

@@ -0,0 +1,11 @@
+import type { FormModel } from '../model';
+import type { WrappedFormModel } from '../wrapper';
+export interface IWrapperFormModelProps {
+    parent: FormModel | WrappedFormModel;
+    settings: any;
+    specs: {
+        properties?: string[];
+        [key: string]: any;
+    };
+}
+//# sourceMappingURL=wrapped-form-model-props.d.ts.map

package/dist/models/types/wrapped-form-model-props.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"wrapped-form-model-props.d.ts","sourceRoot":"","sources":["../../../src/models/types/wrapped-form-model-props.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,UAAU,CAAC;AAC1C,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,YAAY,CAAC;AAEnD,MAAM,WAAW,sBAAsB;IACtC,MAAM,EAAE,SAAS,GAAG,gBAAgB,CAAC;IACrC,QAAQ,EAAE,GAAG,CAAC;IACd,KAAK,EAAE;QAAE,UAAU,CAAC,EAAE,MAAM,EAAE,CAAC;QAAC,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAA;KAAE,CAAC;CACrD"}

package/dist/models/types/wrapped-form-model-props.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=wrapped-form-model-props.js.map

package/dist/models/types/wrapped-form-model-props.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"wrapped-form-model-props.js","sourceRoot":"","sources":["../../../src/models/types/wrapped-form-model-props.ts"],"names":[],"mappings":""}

package/dist/models/wrapper.d.ts

@@ -0,0 +1,30 @@
+import type { FormModel } from './model';
+import { IWrapperFormModelProps } from './types/wrapped-form-model-props';
+import { BaseWiseModel } from './base';
+export declare class WrappedFormModel extends BaseWiseModel {
+    #private;
+    get type(): string;
+    get control(): any;
+    get form(): FormModel;
+    constructor({ parent, settings, specs }: IWrapperFormModelProps);
+    /**
+     * Retrieves a field or nested wrapper by name. Supports dot notation for accessing deeply nested fields.
+     * @param {string} name - The name of the field or nested wrapper to retrieve.
+     * @returns {FormField | WrappedFormModel | undefined} The requested instance, or undefined if not found.
+     */
+    getField(name: string): any;
+    /**
+     * Initializes all fields within the wrapper, preparing them for user interaction. Its used to know when the fields can start to listen for events or dependencies
+     */
+    initialize: () => void;
+    /**
+     * Registers a nested wrapper within this wrapper, adding it to the internal map of child wrappers.
+     * @param {WrappedFormModel} wrapper - The child wrapper to register.
+     */
+    registerWrapper: (wrapper: WrappedFormModel) => void;
+    cleanUp: () => void;
+    getForm(): FormModel | WrappedFormModel;
+    hide: () => void;
+    show: () => void;
+}
+//# sourceMappingURL=wrapper.d.ts.map

package/dist/models/wrapper.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"wrapper.d.ts","sourceRoot":"","sources":["../../src/models/wrapper.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AACzC,OAAO,EAAE,sBAAsB,EAAE,MAAM,kCAAkC,CAAC;AAE1E,OAAO,EAAE,aAAa,EAAE,MAAM,QAAQ,CAAC;AAEvC,qBACM,gBAAiB,SAAQ,aAAa;;IACxC,IAAI,IAAI,WAEP;IAED,IAAI,OAAO,QAEV;IAGD,IAAI,IAAI,cAEP;gBAIW,EAAE,MAAM,EAAE,QAAQ,EAAE,KAAK,EAAE,EAAE,sBAAsB;IA2G/D;;;;OAIG;IACH,QAAQ,CAAC,IAAI,EAAE,MAAM;IA2DrB;;OAEG;IACH,UAAU,aAER;IAWF;;;OAGG;IACH,eAAe,GAAI,SAAS,gBAAgB,UAG1C;IAEF,OAAO,aAAc;IAErB,OAAO;IAIP,IAAI,aAKF;IAEF,IAAI,aAOF;CACL"}

package/dist/models/wrapper.js

@@ -0,0 +1,213 @@
+var __classPrivateFieldGet = (this && this.__classPrivateFieldGet) || function (receiver, state, kind, f) {
+    if (kind === "a" && !f) throw new TypeError("Private accessor was defined without a getter");
+    if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError("Cannot read private member from an object whose class did not declare it");
+    return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
+};
+var __classPrivateFieldSet = (this && this.__classPrivateFieldSet) || function (receiver, state, value, kind, f) {
+    if (kind === "m") throw new TypeError("Private method is not writable");
+    if (kind === "a" && !f) throw new TypeError("Private accessor was defined without a setter");
+    if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError("Cannot write private member to an object whose class did not declare it");
+    return (kind === "a" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;
+};
+var _a, _WrappedFormModel_form, _WrappedFormModel_parent, _WrappedFormModel_startup, _WrappedFormModel_getInstance, _WrappedFormModel_checkReady, _WrappedFormModel_configFields, _WrappedFormModel_listenDependencies;
+import { FormField } from './field';
+import { CallbackManager } from './callback-manager';
+import { BaseWiseModel } from './base';
+export class WrappedFormModel extends BaseWiseModel {
+    get type() {
+        return 'wrapper';
+    }
+    get control() {
+        return this.settings.control;
+    }
+    get form() {
+        return __classPrivateFieldGet(this, _WrappedFormModel_form, "f");
+    }
+    constructor({ parent, settings, specs }) {
+        const { properties = [], ...props } = specs;
+        super({
+            ...props,
+            properties: ['name', 'className', 'hidden', ...properties],
+        });
+        _WrappedFormModel_form.set(this, void 0);
+        // Reference to the parent FormModel or WrappedFormModel.
+        _WrappedFormModel_parent.set(this, void 0);
+        /**
+         * Initializes the wrapper model by setting up its fields and nested wrappers according to the provided settings.
+         * @param {Object} settings - The settings object defining fields and wrapper configurations.
+         */
+        _WrappedFormModel_startup.set(this, async (settings) => {
+            const values = settings.values || {};
+            const createItems = (item) => {
+                const instance = __classPrivateFieldGet(this, _WrappedFormModel_getInstance, "f").call(this, item, values);
+                const onChange = () => {
+                    // FormField has value, WrappedFormModel doesn't
+                    if ('value' in instance) {
+                        this[item.name] = instance.value;
+                    }
+                    this.triggerEvent(); // Posible performance improvement.
+                };
+                instance.on('change', onChange);
+                this.fields.set(item.name, instance);
+            };
+            this.settings.fields.map(createItems);
+            await __classPrivateFieldGet(this, _WrappedFormModel_checkReady, "f").call(this);
+            __classPrivateFieldGet(this, _WrappedFormModel_parent, "f").triggerEvent('wrappers.children.loaded');
+            __classPrivateFieldGet(this, _WrappedFormModel_configFields, "f").call(this);
+            this.ready = true;
+            this.specs = settings;
+            this.set(settings);
+            __classPrivateFieldGet(this, _WrappedFormModel_parent, "f").triggerEvent('wrappers.children.loaded');
+        });
+        /**
+         * Creates an instance of a FormField or WrappedFormModel based on the provided item configuration.
+         *
+         * @param {Object} item - The configuration object for the field or nested wrapper.
+         * @param {Record<string, unknown>} values - Initial values for the fields.
+         * @returns {WrappedFormModel | FormField} The created instance.
+         */
+        _WrappedFormModel_getInstance.set(this, (item, values) => {
+            let instance;
+            let externalValues = {};
+            if (Array.isArray(item?.properties)) {
+                item?.properties.forEach((item) => (externalValues[item.name] = item.value));
+            }
+            if (item.type === 'wrapper') {
+                if (!item.fields)
+                    throw new Error(`Wrapper ${item.name} must have fields property`);
+                const fieldsProperties = item.fields.map((item) => item.name);
+                const properties = [
+                    ...fieldsProperties,
+                    ...(item?.properties || []),
+                ];
+                const values = item.values || {};
+                instance = new _a({
+                    parent: this,
+                    settings: { ...item, form: __classPrivateFieldGet(this, _WrappedFormModel_form, "f") },
+                    specs: { properties: properties || [], ...values },
+                });
+                let toSet = {};
+                Object.keys(instance?.getProperties()).forEach((property) => (toSet[property] = item[property] || ''));
+                instance.set(toSet);
+                this.registerWrapper(instance);
+                return instance;
+            }
+            instance = new FormField({
+                parent: __classPrivateFieldGet(this, _WrappedFormModel_form, "f"),
+                specs: {
+                    ...item,
+                    value: values[item.name] || item?.value,
+                    properties: item?.properties || [],
+                },
+            });
+            if (item?.properties) {
+                let toSet = {};
+                item?.properties.forEach((property) => (toSet[property] = item[property] || ''));
+                instance.set(toSet);
+            }
+            return instance;
+        });
+        /**
+         * Checks whether all nested wrappers within this wrapper are loaded and sets the wrapper's state to loaded if so.
+         */
+        _WrappedFormModel_checkReady.set(this, () => {
+            const onReady = () => {
+                const areAllWrappersLoaded = this.childWrappersReady === this.wrappers.size;
+                if (!areAllWrappersLoaded)
+                    return (this.childWrappersReady = this.childWrappersReady + 1);
+                this.loaded = true;
+                __classPrivateFieldGet(this, _WrappedFormModel_parent, "f").triggerEvent('wrappers.children.loaded');
+                this.loadedPromise.resolve(true);
+                this.off('wrappers.children.loaded', onReady);
+            };
+            if (this.loaded)
+                return this.loaded;
+            if (!this.wrappers.size) {
+                onReady();
+                return this.loaded;
+            }
+            this.on('wrappers.children.loaded', onReady);
+            return this.loadedPromise;
+        });
+        /**
+         * Configures the fields within the wrapper, setting up any dependencies they might have.
+         */
+        _WrappedFormModel_configFields.set(this, () => {
+            this.fields.forEach(__classPrivateFieldGet(this, _WrappedFormModel_listenDependencies, "f"));
+        });
+        /**
+         * Initializes all fields within the wrapper, preparing them for user interaction. Its used to know when the fields can start to listen for events or dependencies
+         */
+        this.initialize = () => {
+            this.fields.forEach((field) => field.initialize());
+        };
+        /**
+         * Sets up dependency listeners for a field within the wrapper, allowing fields to react to changes in other fields.
+         * @param {FormField | WrappedFormModel} instance - The field or nested wrapper instance to set dependencies for.
+         */
+        _WrappedFormModel_listenDependencies.set(this, (instance) => {
+            if (!instance?.specs?.dependentOn?.length)
+                return;
+            new CallbackManager(__classPrivateFieldGet(this, _WrappedFormModel_form, "f"), instance);
+        });
+        /**
+         * Registers a nested wrapper within this wrapper, adding it to the internal map of child wrappers.
+         * @param {WrappedFormModel} wrapper - The child wrapper to register.
+         */
+        this.registerWrapper = (wrapper) => {
+            this.wrappers.set(wrapper.name, wrapper);
+            __classPrivateFieldGet(this, _WrappedFormModel_form, "f").registerWrapper(wrapper);
+        };
+        this.cleanUp = this.clear;
+        this.hide = () => {
+            const className = this.getProperties().className || '';
+            const isHidden = className.includes('hidden');
+            const cls = isHidden ? className : `${className} hidden`;
+            if (cls !== className)
+                this.set({ className: cls });
+        };
+        this.show = () => {
+            const className = this.getProperties().className || '';
+            const isHidden = className.includes('hidden');
+            const cls = isHidden
+                ? className.replaceAll(/\bhidden\b/g, '').trim()
+                : className;
+            if (cls !== className)
+                this.set({ className: cls });
+        };
+        __classPrivateFieldSet(this, _WrappedFormModel_parent, parent, "f");
+        this.callbacks = __classPrivateFieldGet(this, _WrappedFormModel_parent, "f").callbacks;
+        this.settings = settings;
+        __classPrivateFieldSet(this, _WrappedFormModel_form, this.settings.form, "f");
+        __classPrivateFieldGet(this, _WrappedFormModel_startup, "f").call(this, settings);
+    }
+    /**
+     * Retrieves a field or nested wrapper by name. Supports dot notation for accessing deeply nested fields.
+     * @param {string} name - The name of the field or nested wrapper to retrieve.
+     * @returns {FormField | WrappedFormModel | undefined} The requested instance, or undefined if not found.
+     */
+    getField(name) {
+        if (!name)
+            return console.warn('You need to provide a name to get a field in form ', this.settings.name);
+        if (!name.includes('.')) {
+            let field = this.fields.get(name);
+            if (!field) {
+                this.wrappers.forEach((item) => {
+                    const foundField = item.getField(name);
+                    if (foundField)
+                        field = foundField;
+                });
+            }
+            return field;
+        }
+        const [wrapperName, ...others] = name.split('.');
+        const currentWrapper = this.wrappers.get(wrapperName);
+        const otherWrapper = others.join('.');
+        return currentWrapper.getField(otherWrapper);
+    }
+    getForm() {
+        return __classPrivateFieldGet(this, _WrappedFormModel_parent, "f");
+    }
+}
+_a = WrappedFormModel, _WrappedFormModel_form = new WeakMap(), _WrappedFormModel_parent = new WeakMap(), _WrappedFormModel_startup = new WeakMap(), _WrappedFormModel_getInstance = new WeakMap(), _WrappedFormModel_checkReady = new WeakMap(), _WrappedFormModel_configFields = new WeakMap(), _WrappedFormModel_listenDependencies = new WeakMap();
+//# sourceMappingURL=wrapper.js.map

package/dist/models/wrapper.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"wrapper.js","sourceRoot":"","sources":["../../src/models/wrapper.ts"],"names":[],"mappings":"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"}

package/dist/settings/index.d.ts

@@ -0,0 +1,7 @@
+export declare class RFSettings {
+    #private;
+    get types(): Record<string, any>;
+    setFields(specs: any): void;
+}
+export declare const WFSettings: RFSettings;
+//# sourceMappingURL=index.d.ts.map

package/dist/settings/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/settings/index.ts"],"names":[],"mappings":"AAAA,qBAAa,UAAU;;IAEtB,IAAI,KAAK,wBAER;IACD,SAAS,CAAC,KAAK,KAAA;CAGf;AAED,eAAO,MAAM,UAAU,YAAmB,CAAC"}

package/dist/settings/index.js

@@ -0,0 +1,26 @@
+var __classPrivateFieldGet = (this && this.__classPrivateFieldGet) || function (receiver, state, kind, f) {
+    if (kind === "a" && !f) throw new TypeError("Private accessor was defined without a getter");
+    if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError("Cannot read private member from an object whose class did not declare it");
+    return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
+};
+var __classPrivateFieldSet = (this && this.__classPrivateFieldSet) || function (receiver, state, value, kind, f) {
+    if (kind === "m") throw new TypeError("Private method is not writable");
+    if (kind === "a" && !f) throw new TypeError("Private accessor was defined without a setter");
+    if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError("Cannot write private member to an object whose class did not declare it");
+    return (kind === "a" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;
+};
+var _RFSettings_types;
+export class RFSettings {
+    constructor() {
+        _RFSettings_types.set(this, {});
+    }
+    get types() {
+        return __classPrivateFieldGet(this, _RFSettings_types, "f");
+    }
+    setFields(specs) {
+        __classPrivateFieldSet(this, _RFSettings_types, { ...__classPrivateFieldGet(this, _RFSettings_types, "f"), ...specs }, "f");
+    }
+}
+_RFSettings_types = new WeakMap();
+export const WFSettings = new RFSettings();
+//# sourceMappingURL=index.js.map

package/dist/settings/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/settings/index.ts"],"names":[],"mappings":";;;;;;;;;;;;AAAA,MAAM,OAAO,UAAU;IAAvB;QACC,4BAA8B,EAAE,EAAC;IAOlC,CAAC;IANA,IAAI,KAAK;QACR,OAAO,uBAAA,IAAI,yBAAO,CAAC;IACpB,CAAC;IACD,SAAS,CAAC,KAAK;QACd,uBAAA,IAAI,qBAAU,EAAE,GAAG,uBAAA,IAAI,yBAAO,EAAE,GAAG,KAAK,EAAE,MAAA,CAAC;IAC5C,CAAC;CACD;;AAED,MAAM,CAAC,MAAM,UAAU,GAAG,IAAI,UAAU,EAAE,CAAC"}

package/dist/utils/pending-promise.d.ts

@@ -0,0 +1,6 @@
+export declare class PendingPromise<T> extends Promise<T> {
+    resolve: (value: T | PromiseLike<T>) => void;
+    reject: (reason?: any) => void;
+    constructor(executor?: (resolve: (value: T | PromiseLike<T>) => void, reject: (reason?: any) => void) => void);
+}
+//# sourceMappingURL=pending-promise.d.ts.map

package/dist/utils/pending-promise.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"pending-promise.d.ts","sourceRoot":"","sources":["../../src/utils/pending-promise.ts"],"names":[],"mappings":"AAAA,qBAAa,cAAc,CAAC,CAAC,CAAE,SAAQ,OAAO,CAAC,CAAC,CAAC;IACzC,OAAO,EAAG,CAAC,KAAK,EAAE,CAAC,GAAG,WAAW,CAAC,CAAC,CAAC,KAAK,IAAI,CAAC;IAC9C,MAAM,EAAG,CAAC,MAAM,CAAC,EAAE,GAAG,KAAK,IAAI,CAAC;gBAE3B,QAAQ,CAAC,EAAE,CAAC,OAAO,EAAE,CAAC,KAAK,EAAE,CAAC,GAAG,WAAW,CAAC,CAAC,CAAC,KAAK,IAAI,EAAE,MAAM,EAAE,CAAC,MAAM,CAAC,EAAE,GAAG,KAAK,IAAI,KAAK,IAAI;CAuB7G"}

package/dist/utils/pending-promise.js

@@ -0,0 +1,24 @@
+export class PendingPromise extends Promise {
+    constructor(executor) {
+        let resolve;
+        let reject;
+        // Create a new promise and capture the resolve and reject functions
+        super((res, rej) => {
+            resolve = res;
+            reject = rej;
+        });
+        // Assign the captured resolve and reject functions to the instance
+        this.resolve = resolve;
+        this.reject = reject;
+        // If an executor is provided, execute it immediately
+        if (executor) {
+            try {
+                executor(this.resolve, this.reject);
+            }
+            catch (error) {
+                this.reject(error);
+            }
+        }
+    }
+}
+//# sourceMappingURL=pending-promise.js.map

package/dist/utils/pending-promise.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"pending-promise.js","sourceRoot":"","sources":["../../src/utils/pending-promise.ts"],"names":[],"mappings":"AAAA,MAAM,OAAO,cAAkB,SAAQ,OAAU;IAIhD,YAAY,QAAiG;QAC5G,IAAI,OAA4C,CAAC;QACjD,IAAI,MAA8B,CAAC;QAEnC,oEAAoE;QACpE,KAAK,CAAC,CAAC,GAAG,EAAE,GAAG,EAAE,EAAE;YAClB,OAAO,GAAG,GAAG,CAAC;YACd,MAAM,GAAG,GAAG,CAAC;QACd,CAAC,CAAC,CAAC;QAEH,mEAAmE;QACnE,IAAI,CAAC,OAAO,GAAG,OAAQ,CAAC;QACxB,IAAI,CAAC,MAAM,GAAG,MAAO,CAAC;QAEtB,qDAAqD;QACrD,IAAI,QAAQ,EAAE,CAAC;YACd,IAAI,CAAC;gBACJ,QAAQ,CAAC,IAAI,CAAC,OAAO,EAAE,IAAI,CAAC,MAAM,CAAC,CAAC;YACrC,CAAC;YAAC,OAAO,KAAK,EAAE,CAAC;gBAChB,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;YACpB,CAAC;QACF,CAAC;IACF,CAAC;CACD"}

package/package.json

@@ -0,0 +1,38 @@
+{
+	"name": "@bgroup/wise-form",
+	"version": "1.0.1",
+	"description": "Wise Form - A reactive form library",
+	"main": "./dist/index.js",
+	"types": "./dist/index.d.ts",
+	"exports": {
+		".": "./dist/index.js",
+		"./form": "./dist/form/index.js",
+		"./formulas": "./dist/formulas/index.js",
+		"./models": "./dist/models/index.js",
+		"./settings": "./dist/settings/index.js",
+		"./styles": "./dist/form/styles.css"
+	},
+	"scripts": {
+		"build": "tsc",
+		"prepublishOnly": "npm run build"
+	},
+	"keywords": [
+		"form",
+		"react",
+		"reactive",
+		"form-builder"
+	],
+	"author": "",
+	"license": "ISC",
+	"dependencies": {
+		"@beyond-js/reactive": "^2.2.0",
+		"mathjs": "^12.4.1"
+	},
+	"peerDependencies": {
+		"react": "^18.2.0"
+	},
+	"devDependencies": {
+		"@types/react": "^18.0.26",
+		"typescript": "^5.0.0"
+	}
+}

package/src/components/ui/Checkbox.tsx

@@ -0,0 +1,68 @@
+import React from 'react';
+
+export interface CheckboxProps extends React.InputHTMLAttributes<HTMLInputElement> {
+	name?: string;
+	value?: string | number;
+	checked?: boolean;
+	onChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;
+	disabled?: boolean;
+	className?: string;
+	id?: string;
+	label?: string;
+	[key: string]: any; // Allow additional props that will be filtered
+}
+
+// Helper function to filter out non-HTML attributes
+const filterHtmlAttributes = (props: Record<string, any>): React.InputHTMLAttributes<HTMLInputElement> => {
+	const invalidAttributes = [
+		'processing', 'processed', 'label', 'options', 'properties', 'specs',
+		'hidden', 'identifier', 'queryValue', 'dependentOn', 'callbacks',
+		'selectedOptionLabel', 'notTrigger', 'autoSelectFirst', 'disabledOptions',
+		'fieldsToSetParameters', 'queryTrafficParameters', 'tooltipData', 'opened',
+		'isVisibleHeader', 'entries', 'rows', 'total', 'selectedItem', 'selectedDelete',
+		'keys', 'dataHead', 'textEmpty', 'actions', 'currentPage', 'limitDepdentOnItems',
+		'showSelect', 'itemTable', 'variant', 'toFixed', 'decimalsLimit',
+		'isPercent', 'condition', 'parameter', 'color', 'template', 'control'
+	];
+	
+	const filtered: any = {};
+	
+	for (const key in props) {
+		if (invalidAttributes.includes(key)) {
+			continue;
+		}
+		
+		if (
+			key.startsWith('on') ||
+			key.startsWith('data-') ||
+			key.startsWith('aria-') ||
+			!invalidAttributes.includes(key)
+		) {
+			const validHtmlAttrs = [
+				'name', 'value', 'checked', 'onChange', 'onBlur', 'onFocus', 'onKeyDown', 
+				'onKeyUp', 'onKeyPress', 'onClick', 'disabled', 'readOnly', 'required', 
+				'type', 'id', 'autoFocus', 'tabIndex', 'title', 'style', 'form'
+			];
+			
+			if (validHtmlAttrs.includes(key) || key.startsWith('on') || key.startsWith('data-') || key.startsWith('aria-')) {
+				filtered[key] = props[key];
+			}
+		}
+	}
+	
+	return filtered;
+};
+
+export const Checkbox = React.forwardRef<HTMLInputElement, CheckboxProps>((props, ref) => {
+	const { className, label, ...rest } = props;
+	const validHtmlAttributes = filterHtmlAttributes(rest);
+	return (
+		<label>
+			<input ref={ref} type="checkbox" className={className} {...validHtmlAttributes} />
+			{label && <span>{label}</span>}
+		</label>
+	);
+});
+
+Checkbox.displayName = 'Checkbox';
+

package/src/components/ui/CheckboxGroup.tsx

@@ -0,0 +1,60 @@
+import React from 'react';
+import { Checkbox } from './Checkbox';
+
+export interface CheckboxGroupProps {
+	name?: string;
+	value?: string[] | number[];
+	onChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;
+	disabled?: boolean;
+	options?: Array<{ value: string | number; label?: string; [key: string]: any }>;
+	className?: string;
+}
+
+export const CheckboxGroup: React.FC<CheckboxGroupProps> = props => {
+	const { name, value = [], onChange, disabled, options = [], className } = props;
+
+	const handleChange = (optionValue: string | number) => {
+		return (event: React.ChangeEvent<HTMLInputElement>) => {
+			if (!onChange) return;
+			const currentValues: (string | number)[] = Array.isArray(value) ? [...value] : [];
+			const newValues = event.target.checked
+				? [...currentValues, optionValue]
+				: currentValues.filter(v => v !== optionValue);
+
+			// Create a synthetic event
+			const syntheticEvent = {
+				...event,
+				target: {
+					...event.target,
+					name: name || '',
+					value: newValues,
+				} as any,
+			} as unknown as React.ChangeEvent<HTMLInputElement>;
+
+			onChange(syntheticEvent);
+		};
+	};
+
+	return (
+		<div className={className}>
+			{options.map((option, index) => {
+				const optionValue = option.value as string | number;
+				const changeHandler = handleChange(optionValue);
+				const isChecked = Array.isArray(value) && (value as (string | number)[]).includes(optionValue);
+				return (
+					<Checkbox
+						key={index}
+						name={name}
+						value={optionValue}
+						checked={isChecked}
+						onChange={changeHandler}
+						disabled={disabled}
+						label={option.label}
+					/>
+				);
+			})}
+		</div>
+	);
+};
+
+CheckboxGroup.displayName = 'CheckboxGroup';