@aemforms/af-core 0.22.26 → 0.22.30

package/lib/esm/BaseNode-d78cc1b0.js

@@ -0,0 +1,478 @@
+/*************************************************************************
+* ADOBE CONFIDENTIAL
+* ___________________
+*
+* Copyright 2022 Adobe
+* All Rights Reserved.
+*
+* NOTICE: All information contained herein is, and remains
+* the property of Adobe and its suppliers, if any. The intellectual
+* and technical concepts contained herein are proprietary to Adobe
+* and its suppliers and are protected by all applicable intellectual
+* property laws, including trade secret and copyright laws.
+* Dissemination of this information or reproduction of this material
+* is strictly forbidden unless prior written permission is obtained
+* from Adobe.
+
+* Adobe permits you to use and modify this file solely in accordance with
+* the terms of the Adobe license agreement accompanying it.
+*************************************************************************/
+
+import { propertyChange, ExecuteRule } from './controller/Events.js';
+import { tokenize, TOK_GLOBAL, resolveData } from './utils/DataRefParser.js';
+import NullDataValue from './data/EmptyDataValue.js';
+
+function __decorate(decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+}
+
+const editableProperties = [
+    'value',
+    'label',
+    'description',
+    'visible',
+    'enabled',
+    'readOnly',
+    'enum',
+    'enumNames',
+    'required',
+    'properties',
+    'exclusiveMinimum',
+    'exclusiveMaximum',
+    'maximum',
+    'maxItems',
+    'minimum',
+    'minItems'
+];
+const dynamicProps = [
+    ...editableProperties,
+    'valid',
+    'index',
+    'activeChild'
+];
+const staticFields = ['plain-text', 'image'];
+class ActionImplWithTarget {
+    _action;
+    _target;
+    constructor(_action, _target) {
+        this._action = _action;
+        this._target = _target;
+    }
+    get type() {
+        return this._action.type;
+    }
+    get payload() {
+        return this._action.payload;
+    }
+    get metadata() {
+        return this._action.metadata;
+    }
+    get target() {
+        return this._target;
+    }
+    get isCustomEvent() {
+        return this._action.isCustomEvent;
+    }
+    get originalAction() {
+        return this._action.originalAction;
+    }
+    toString() {
+        return this._action.toString();
+    }
+}
+const target = Symbol('target');
+const qualifiedName = Symbol('qualifiedName');
+function dependencyTracked() {
+    return function (target, propertyKey, descriptor) {
+        const get = descriptor.get;
+        if (get != undefined) {
+            descriptor.get = function () {
+                this.ruleEngine.trackDependency(this);
+                return get.call(this);
+            };
+        }
+    };
+}
+const addOnly = (includeOrExclude) => (...fieldTypes) => (target, propertyKey, descriptor) => {
+    const get = descriptor.get;
+    if (get != undefined) {
+        descriptor.get = function () {
+            if (fieldTypes.indexOf(this.fieldType) > -1 === includeOrExclude) {
+                return get.call(this);
+            }
+            return undefined;
+        };
+    }
+    const set = descriptor.set;
+    if (set != undefined) {
+        descriptor.set = function (value) {
+            if (fieldTypes.indexOf(this.fieldType) > -1 === includeOrExclude) {
+                set.call(this, value);
+            }
+        };
+    }
+};
+const include = addOnly(true);
+const exclude = addOnly(false);
+class BaseNode {
+    _options;
+    _ruleNode;
+    _lang = '';
+    _callbacks = {};
+    _dependents = [];
+    _jsonModel;
+    _tokens = [];
+    get isContainer() {
+        return false;
+    }
+    constructor(params, _options) {
+        this._options = _options;
+        this[qualifiedName] = null;
+        this._jsonModel = {
+            ...params,
+            id: 'id' in params ? params.id : this.form.getUniqueId()
+        };
+    }
+    setupRuleNode() {
+        const self = this;
+        this._ruleNode = new Proxy(this.ruleNodeReference(), {
+            get: (ruleNodeReference, prop) => {
+                return self.getFromRule(ruleNodeReference, prop);
+            }
+        });
+    }
+    ruleNodeReference() {
+        return this;
+    }
+    getRuleNode() {
+        return this._ruleNode;
+    }
+    getFromRule(ruleNodeReference, prop) {
+        if (prop === Symbol.toPrimitive || (prop === 'valueOf' && !ruleNodeReference.hasOwnProperty('valueOf'))) {
+            return this.valueOf;
+        }
+        else if (prop === target) {
+            return this;
+        }
+        else if (typeof (prop) === 'string') {
+            if (prop.startsWith('$')) {
+                prop = prop.substr(1);
+                if (typeof this[prop] !== 'function') {
+                    const retValue = this[prop];
+                    if (retValue instanceof BaseNode) {
+                        return retValue.getRuleNode();
+                    }
+                    else if (retValue instanceof Array) {
+                        return retValue.map(r => r instanceof BaseNode ? r.getRuleNode() : r);
+                    }
+                    else {
+                        return retValue;
+                    }
+                }
+            }
+            else {
+                if (ruleNodeReference.hasOwnProperty(prop)) {
+                    return ruleNodeReference[prop];
+                }
+                else if (typeof ruleNodeReference[prop] === 'function') {
+                    return ruleNodeReference[prop];
+                }
+            }
+        }
+    }
+    get id() {
+        return this._jsonModel.id;
+    }
+    get index() {
+        if (this.parent) {
+            return this.parent.indexOf(this);
+        }
+        return 0;
+    }
+    get parent() {
+        return this._options.parent;
+    }
+    get type() {
+        return this._jsonModel.type;
+    }
+    get repeatable() {
+        return this.parent?.hasDynamicItems();
+    }
+    get fieldType() {
+        return this._jsonModel.fieldType || 'text-input';
+    }
+    get ':type'() {
+        return this._jsonModel[':type'] || this.fieldType;
+    }
+    get name() {
+        return this._jsonModel.name;
+    }
+    get description() {
+        return this._jsonModel.description;
+    }
+    set description(d) {
+        this._setProperty('description', d);
+    }
+    get dataRef() {
+        return this._jsonModel.dataRef;
+    }
+    get visible() {
+        return this._jsonModel.visible;
+    }
+    set visible(v) {
+        if (v !== this._jsonModel.visible) {
+            const changeAction = propertyChange('visible', v, this._jsonModel.visible);
+            this._jsonModel.visible = v;
+            this.notifyDependents(changeAction);
+        }
+    }
+    get form() {
+        return this._options.form;
+    }
+    get ruleEngine() {
+        return this.form.ruleEngine;
+    }
+    get label() {
+        return this._jsonModel.label;
+    }
+    set label(l) {
+        if (l !== this._jsonModel.label) {
+            const changeAction = propertyChange('label', l, this._jsonModel.label);
+            this._jsonModel = {
+                ...this._jsonModel,
+                label: l
+            };
+            this.notifyDependents(changeAction);
+        }
+    }
+    get uniqueItems() {
+        return this._jsonModel.uniqueItems;
+    }
+    isTransparent() {
+        const isNonTransparent = this.parent?._jsonModel.type === 'array';
+        return !this._jsonModel.name && !isNonTransparent;
+    }
+    getState(isRepeatableChild = false) {
+        return {
+            ...this._jsonModel,
+            properties: this.properties,
+            index: this.index,
+            parent: undefined,
+            qualifiedName: this.qualifiedName,
+            events: {},
+            rules: {},
+            repeatable: this.repeatable === true ? true : undefined,
+            ':type': this[':type']
+        };
+    }
+    subscribe(callback, eventName = 'change') {
+        this._callbacks[eventName] = this._callbacks[eventName] || [];
+        this._callbacks[eventName].push(callback);
+        return {
+            unsubscribe: () => {
+                this._callbacks[eventName] = this._callbacks[eventName].filter(x => x !== callback);
+            }
+        };
+    }
+    _addDependent(dependent) {
+        if (this._dependents.find(({ node }) => node === dependent) === undefined) {
+            const subscription = this.subscribe((change) => {
+                const changes = change.payload.changes;
+                const propsToLook = [...dynamicProps, 'items'];
+                const isPropChanged = changes.findIndex(x => {
+                    return propsToLook.indexOf(x.propertyName) > -1;
+                }) > -1;
+                if (isPropChanged) {
+                    dependent.dispatch(new ExecuteRule());
+                }
+            });
+            this._dependents.push({ node: dependent, subscription });
+        }
+    }
+    removeDependent(dependent) {
+        const index = this._dependents.findIndex(({ node }) => node === dependent);
+        if (index > -1) {
+            this._dependents[index].subscription.unsubscribe();
+            this._dependents.splice(index, 1);
+        }
+    }
+    queueEvent(action) {
+        const actionWithTarget = new ActionImplWithTarget(action, this);
+        this.form.getEventQueue().queue(this, actionWithTarget, ['valid', 'invalid'].indexOf(actionWithTarget.type) > -1);
+    }
+    dispatch(action) {
+        this.queueEvent(action);
+        this.form.getEventQueue().runPendingQueue();
+    }
+    notifyDependents(action) {
+        const handlers = this._callbacks[action.type] || [];
+        handlers.forEach(x => {
+            x(new ActionImplWithTarget(action, this));
+        });
+    }
+    _setProperty(prop, newValue, notify = true) {
+        const oldValue = this._jsonModel[prop];
+        let isValueSame = false;
+        if (newValue !== null && oldValue !== null &&
+            typeof newValue === 'object' && typeof oldValue === 'object') {
+            isValueSame = JSON.stringify(newValue) === JSON.stringify(oldValue);
+        }
+        else {
+            isValueSame = oldValue === newValue;
+        }
+        if (!isValueSame) {
+            this._jsonModel[prop] = newValue;
+            const changeAction = propertyChange(prop, newValue, oldValue);
+            if (notify) {
+                this.notifyDependents(changeAction);
+            }
+            return changeAction.payload.changes;
+        }
+        return [];
+    }
+    _bindToDataModel(contextualDataModel) {
+        if (this.id === '$form') {
+            this._data = contextualDataModel;
+            return;
+        }
+        const dataRef = this._jsonModel.dataRef;
+        let _data, _parent = contextualDataModel, _key = '';
+        if (dataRef === null) {
+            _data = NullDataValue;
+        }
+        else if (dataRef !== undefined) {
+            if (this._tokens.length === 0) {
+                this._tokens = tokenize(dataRef);
+            }
+            let searchData = contextualDataModel;
+            if (this._tokens[0].type === TOK_GLOBAL) {
+                searchData = this.form.getDataNode();
+            }
+            if (typeof searchData !== 'undefined') {
+                const name = this._tokens[this._tokens.length - 1].value;
+                const create = this.defaultDataModel(name);
+                _data = resolveData(searchData, this._tokens, create);
+                _parent = resolveData(searchData, this._tokens.slice(0, -1));
+                _key = name;
+            }
+        }
+        else {
+            if (contextualDataModel !== NullDataValue && staticFields.indexOf(this.fieldType) === -1) {
+                _parent = contextualDataModel;
+                const name = this._jsonModel.name || '';
+                const key = contextualDataModel.$type === 'array' ? this.index : name;
+                _key = key;
+                if (key !== '') {
+                    const create = this.defaultDataModel(key);
+                    if (create !== undefined) {
+                        _data = contextualDataModel.$getDataNode(key);
+                        if (_data === undefined) {
+                            _data = create;
+                            contextualDataModel.$addDataNode(key, _data);
+                        }
+                    }
+                }
+                else {
+                    _data = undefined;
+                }
+            }
+        }
+        if (_data) {
+            if (!this.isContainer && _parent !== NullDataValue && _data !== NullDataValue) {
+                _data = _data?.$convertToDataValue();
+                _parent.$addDataNode(_key, _data, true);
+            }
+            _data?.$bindToField(this);
+            this._data = _data;
+        }
+    }
+    _data;
+    getDataNode() {
+        return this._data;
+    }
+    get language() {
+        if (!this._lang) {
+            if (this.parent) {
+                this._lang = this.parent.language;
+            }
+            else {
+                this._lang = Intl.DateTimeFormat().resolvedOptions().locale;
+            }
+        }
+        return this._lang;
+    }
+    get properties() {
+        return this._jsonModel.properties || {};
+    }
+    set properties(p) {
+        this._setProperty('properties', { ...p });
+    }
+    getNonTransparentParent() {
+        let nonTransparentParent = this.parent;
+        while (nonTransparentParent != null && nonTransparentParent.isTransparent()) {
+            nonTransparentParent = nonTransparentParent.parent;
+        }
+        return nonTransparentParent;
+    }
+    _initialize() {
+        if (typeof this._data === 'undefined') {
+            let dataNode, parent = this.parent;
+            do {
+                dataNode = parent.getDataNode();
+                parent = parent.parent;
+            } while (dataNode === undefined);
+            this._bindToDataModel(dataNode);
+        }
+    }
+    _applyUpdates(propNames, updates) {
+        return propNames.reduce((acc, propertyName) => {
+            const currentValue = updates[propertyName];
+            const changes = this._setProperty(propertyName, currentValue, false);
+            if (changes.length > 0) {
+                acc[propertyName] = changes[0];
+            }
+            return acc;
+        }, {});
+    }
+    get qualifiedName() {
+        if (this.isTransparent()) {
+            return null;
+        }
+        if (this[qualifiedName] !== null) {
+            return this[qualifiedName];
+        }
+        const parent = this.getNonTransparentParent();
+        if (parent && parent.type === 'array') {
+            this[qualifiedName] = `${parent.qualifiedName}[${this.index}]`;
+        }
+        else {
+            this[qualifiedName] = `${parent.qualifiedName}.${this.name}`;
+        }
+        return this[qualifiedName];
+    }
+    focus() {
+        if (this.parent) {
+            this.parent.activeChild = this;
+        }
+    }
+}
+__decorate([
+    dependencyTracked()
+], BaseNode.prototype, "index", null);
+__decorate([
+    dependencyTracked()
+], BaseNode.prototype, "description", null);
+__decorate([
+    dependencyTracked()
+], BaseNode.prototype, "visible", null);
+__decorate([
+    dependencyTracked()
+], BaseNode.prototype, "label", null);
+__decorate([
+    dependencyTracked()
+], BaseNode.prototype, "properties", null);
+
+export { BaseNode as B, __decorate as _, editableProperties as a, dynamicProps as b, dependencyTracked as d, exclude as e, include as i, qualifiedName as q, staticFields as s, target as t };

package/lib/esm/BaseNode.d.ts

@@ -49,7 +49,7 @@ export declare abstract class BaseNode<T extends BaseJson> implements BaseModel
     set label(l: import("./types/Json.js").Label | undefined);
     get uniqueItems(): boolean | undefined;
     isTransparent(): boolean;
-    getState(): T & {
+    getState(isRepeatableChild?: boolean): T & {
         properties: {
             [key: string]: any;
         };