@aemforms/af-core 0.22.19 → 0.22.22

package/lib/{Container.js → esm/Container.js}

@@ -1,44 +1,46 @@
-"use strict";
-/*
- * Copyright 2022 Adobe, Inc.
- *
- * Your access and use of this software is governed by the Adobe Customer Feedback Program Terms and Conditions or other Beta License Agreement signed by your employer and Adobe, Inc.. This software is NOT open source and may not be used without one of the foregoing licenses. Even with a foregoing license, your access and use of this file is limited to the earlier of (a) 180 days, (b) general availability of the product(s) which utilize this software (i.e. AEM Forms), (c) January 1, 2023, (d) Adobe providing notice to you that you may no longer use the software or that your beta trial has otherwise ended.
- *
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL ADOBE NOR ITS THIRD PARTY PROVIDERS AND PARTNERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
- */
-var __decorate = (this && this.__decorate) || function (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;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const JsonUtils_1 = require("./utils/JsonUtils");
-const Scriptable_1 = __importDefault(require("./Scriptable"));
-const controller_1 = require("./controller");
-const DataGroup_1 = __importDefault(require("./data/DataGroup"));
-const BaseNode_1 = require("./BaseNode");
-/**
- * Defines a generic container class which any form container should extend from.
- * @typeparam T type of the node which extends {@link ContainerJson} and {@link RulesJson}
- */
-class Container extends Scriptable_1.default {
-    constructor() {
-        super(...arguments);
-        this._children = [];
-        this._itemTemplate = null;
-        this._activeChild = null;
+/*************************************************************************
+* 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 { _ as __decorate, d as dependencyTracked } from './BaseNode-dc59ab07.js';
+import { deepClone } from './utils/JsonUtils.js';
+import Scriptable from './Scriptable.js';
+import { propertyChange, Initialize, ExecuteRule } from './controller/Events.js';
+import DataGroup from './data/DataGroup.js';
+import './utils/DataRefParser.js';
+import './data/DataValue.js';
+import './data/EmptyDataValue.js';
+import './types/Json.js';
+import './utils/SchemaUtils.js';
+
+class Container extends Scriptable {
+    _children = [];
+    _childrenReference;
+    _itemTemplate = null;
+    fieldFactory;
+    constructor(json, _options) {
+        super(json, { form: _options.form, parent: _options.parent });
+        this.fieldFactory = _options.fieldFactory;
     }
-    /**
-     * @private
-     */
     ruleNodeReference() {
         return this._childrenReference;
     }
-    //todo : this should not be public
     get items() {
         return this._children;
     }
@@ -56,46 +58,47 @@ class Container extends Scriptable_1.default {
                 this._childrenReference.pop();
             }
             const elems = this._children.splice(m, items2Remove);
-            this.notifyDependents((0, controller_1.propertyChange)('items', elems, null));
+            this.notifyDependents(propertyChange('items', elems, null));
         }
     }
     get minItems() {
         return this._jsonModel.minItems;
     }
-    /**
-     * returns whether the items in the Panel can repeat or not
-     */
     hasDynamicItems() {
         return this._itemTemplate != null;
     }
     get isContainer() {
         return true;
     }
-    /**
-     * Returns the current container state
-     */
+    _activeChild = null;
     getState() {
-        return Object.assign(Object.assign({}, super.getState()), { items: this._children.map(x => {
-                return Object.assign({}, x.getState());
-            }) });
+        return {
+            ...super.getState(),
+            items: this._children.map(x => {
+                return { ...x.getState() };
+            })
+        };
+    }
+    _createChild(child, options) {
+        const { parent = this } = options;
+        return this.fieldFactory.createField(child, {
+            form: options.form,
+            parent
+        });
     }
     _addChildToRuleNode(child, options) {
-        // eslint-disable-next-line @typescript-eslint/no-this-alias
         const self = this;
         const { parent = this } = options;
-        //the child has not been added to the array, hence using the length as new index
-        // this means unnamed panel inside repeatable named parent // this is an edge case, handling it gracefully
-        // todo: rules don't work inside repeatable array
         const name = parent.type == 'array' ? parent._children.length + '' : child.name || '';
         if (name.length > 0) {
             Object.defineProperty(parent._childrenReference, name, {
                 get: () => {
                     if (child.isContainer && child.hasDynamicItems()) {
-                        self.ruleEngine.trackDependency(child); //accessing dynamic panel directly
+                        self.ruleEngine.trackDependency(child);
                     }
                     if (self.hasDynamicItems()) {
-                        self.ruleEngine.trackDependency(self); //accessing a child of dynamic panel
-                        if (this._children[name] !== undefined) { // pop function calls this getter in order to return the item
+                        self.ruleEngine.trackDependency(self);
+                        if (this._children[name] !== undefined) {
                             return this._children[name].getRuleNode();
                         }
                     }
@@ -109,26 +112,25 @@ class Container extends Scriptable_1.default {
         }
     }
     _addChild(itemJson, index, cloneIds = false) {
-        // get first non transparent parent
-        // eslint-disable-next-line @typescript-eslint/no-this-alias
         let nonTransparentParent = this;
         while (nonTransparentParent != null && nonTransparentParent.isTransparent()) {
-            // @ts-ignore
             nonTransparentParent = nonTransparentParent.parent;
         }
         if (typeof index !== 'number' || index > nonTransparentParent._children.length) {
             index = this._children.length;
         }
         const form = this.form;
-        const itemTemplate = Object.assign({ index }, (0, JsonUtils_1.deepClone)(itemJson, cloneIds ? () => { return form.getUniqueId(); } : undefined));
-        //@ts-ignore
-        const retVal = this._createChild(itemTemplate, { parent: this, index });
+        const itemTemplate = {
+            index,
+            ...deepClone(itemJson, cloneIds ? () => { return form.getUniqueId(); } : undefined)
+        };
+        const retVal = this._createChild(itemTemplate, { parent: this, form: this.form });
+        this.form.fieldAdded(retVal);
         this._addChildToRuleNode(retVal, { parent: nonTransparentParent });
         if (index === this._children.length) {
             this._children.push(retVal);
         }
         else {
-            // @ts-ignore
             this._children.splice(index, 0, retVal);
         }
         return retVal;
@@ -136,9 +138,6 @@ class Container extends Scriptable_1.default {
     indexOf(f) {
         return this._children.indexOf(f);
     }
-    /**
-     * @private
-     */
     defaultDataModel(name) {
         const type = this._jsonModel.type || undefined;
         if (type === undefined) {
@@ -146,19 +145,16 @@ class Container extends Scriptable_1.default {
         }
         else {
             const instance = type === 'array' ? [] : {};
-            return new DataGroup_1.default(name, instance, type);
+            return new DataGroup(name, instance, type);
         }
     }
-    /**
-     * @private
-     */
     _initialize() {
         super._initialize();
         const items = this._jsonModel.items || [];
         this._jsonModel.items = [];
         this._childrenReference = this._jsonModel.type == 'array' ? [] : {};
         if (this._jsonModel.type == 'array' && items.length === 1 && this.getDataNode() != null) {
-            this._itemTemplate = (0, JsonUtils_1.deepClone)(items[0]);
+            this._itemTemplate = deepClone(items[0]);
             if (typeof (this._jsonModel.minItems) !== 'number') {
                 this._jsonModel.minItems = 0;
             }
@@ -169,7 +165,6 @@ class Container extends Scriptable_1.default {
                 this._jsonModel.initialItems = Math.max(1, this._jsonModel.minItems);
             }
             for (let i = 0; i < this._jsonModel.initialItems; i++) {
-                //@ts-ignore
                 const child = this._addChild(this._itemTemplate);
                 child._initialize();
             }
@@ -188,12 +183,8 @@ class Container extends Scriptable_1.default {
         }
         this.setupRuleNode();
     }
-    /**
-     * @private
-     */
     addItem(action) {
         if ((action.type === 'addItem' || action.type == 'addInstance') && this._itemTemplate != null) {
-            //@ts-ignore
             if ((this._jsonModel.maxItems === -1) || (this._children.length < this._jsonModel.maxItems)) {
                 const dataNode = this.getDataNode();
                 let instanceIndex = action.payload;
@@ -206,22 +197,18 @@ class Container extends Scriptable_1.default {
                     dataNode.$addDataNode(instanceIndex, _data);
                 }
                 retVal._initialize();
-                this.notifyDependents((0, controller_1.propertyChange)('items', retVal.getState(), null));
-                retVal.dispatch(new controller_1.Initialize());
-                retVal.dispatch(new controller_1.ExecuteRule());
+                this.notifyDependents(propertyChange('items', retVal.getState(), null));
+                retVal.dispatch(new Initialize());
+                retVal.dispatch(new ExecuteRule());
                 for (let i = instanceIndex + 1; i < this._children.length; i++) {
-                    this._children[i].dispatch(new controller_1.ExecuteRule());
+                    this._children[i].dispatch(new ExecuteRule());
                 }
             }
         }
     }
-    /**
-     * @private
-     */
     removeItem(action) {
         if ((action.type === 'removeItem' || action.type == 'removeInstance') && this._itemTemplate != null) {
             if (this._children.length == 0) {
-                //can't remove item if there isn't any
                 return;
             }
             let instanceIndex = action.payload;
@@ -229,41 +216,27 @@ class Container extends Scriptable_1.default {
                 instanceIndex = this._children.length - 1;
             }
             const state = this._children[instanceIndex].getState();
-            //@ts-ignore
             if (this._children.length > this._jsonModel.minItems) {
-                // clear child
-                //remove field
                 this._childrenReference.pop();
                 this._children.splice(instanceIndex, 1);
                 this.getDataNode().$removeDataNode(instanceIndex);
                 for (let i = instanceIndex; i < this._children.length; i++) {
-                    this._children[i].dispatch(new controller_1.ExecuteRule());
+                    this._children[i].dispatch(new ExecuteRule());
                 }
-                this.notifyDependents((0, controller_1.propertyChange)('items', null, state));
+                this.notifyDependents(propertyChange('items', null, state));
             }
         }
     }
-    /**
-     * @private
-     */
     queueEvent(action) {
-        var _a;
         super.queueEvent(action);
-        if ((_a = action.metadata) === null || _a === void 0 ? void 0 : _a.dispatch) {
+        if (action.metadata?.dispatch) {
             this.items.forEach(x => {
-                //@ts-ignore
                 x.queueEvent(action);
             });
         }
     }
-    /**
-     * @summary reset the data of all the Fields present inside this container
-     * @method reset
-     * @private
-     */
     reset() {
         this.items.forEach(x => {
-            //@ts-ignore
             x.reset();
         });
     }
@@ -272,36 +245,21 @@ class Container extends Scriptable_1.default {
             return x.validate();
         }).filter(x => x.fieldName !== '');
     }
-    /**
-     * @private
-     */
     dispatch(action) {
         super.dispatch(action);
     }
-    /**
-     * @private
-     */
     importData(contextualDataModel) {
         this._bindToDataModel(contextualDataModel);
         const dataNode = this.getDataNode() || contextualDataModel;
         this.syncDataAndFormModel(dataNode);
     }
-    /**
-     * prefill the form with data on the given element
-     * @param dataModel
-     * @param contextualDataModel
-     * @param operation
-     * @private
-     */
     syncDataAndFormModel(contextualDataModel) {
-        if ((contextualDataModel === null || contextualDataModel === void 0 ? void 0 : contextualDataModel.$type) === 'array' && this._itemTemplate != null) {
-            const dataLength = contextualDataModel === null || contextualDataModel === void 0 ? void 0 : contextualDataModel.$value.length;
+        if (contextualDataModel?.$type === 'array' && this._itemTemplate != null) {
+            const dataLength = contextualDataModel?.$value.length;
             const itemsLength = this._children.length;
             const maxItems = this._jsonModel.maxItems === -1 ? dataLength : this._jsonModel.maxItems;
             const minItems = this._jsonModel.minItems;
-            //@ts-ignore
             let items2Add = Math.min(dataLength - itemsLength, maxItems - itemsLength);
-            //@ts-ignore
             const items2Remove = Math.min(itemsLength - dataLength, itemsLength - minItems);
             while (items2Add > 0) {
                 items2Add--;
@@ -330,23 +288,24 @@ class Container extends Scriptable_1.default {
                 activeChild.activeChild = null;
                 activeChild = temp;
             }
-            const change = (0, controller_1.propertyChange)('activeChild', c, this._activeChild);
+            const change = propertyChange('activeChild', c, this._activeChild);
             this._activeChild = c;
             if (this.parent && c !== null) {
                 this.parent.activeChild = this;
             }
-            this._jsonModel.activeChild = c === null || c === void 0 ? void 0 : c.id;
+            this._jsonModel.activeChild = c?.id;
             this.notifyDependents(change);
         }
     }
 }
 __decorate([
-    (0, BaseNode_1.dependencyTracked)()
+    dependencyTracked()
 ], Container.prototype, "maxItems", null);
 __decorate([
-    (0, BaseNode_1.dependencyTracked)()
+    dependencyTracked()
 ], Container.prototype, "minItems", null);
 __decorate([
-    (0, BaseNode_1.dependencyTracked)()
+    dependencyTracked()
 ], Container.prototype, "activeChild", null);
-exports.default = Container;
+
+export { Container as default };

package/lib/{DateField.d.ts → esm/DateField.d.ts}

@@ -1,4 +1,4 @@
-import Field from './Field';
+import Field from './Field.js';
 declare class DateField extends Field {
     protected _applyDefaults(): void;
 }

package/lib/esm/DateField.js

@@ -0,0 +1,57 @@
+/*************************************************************************
+* 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 Field from './Field.js';
+import { parseDateSkeleton, formatDate } from '@aemforms/af-formatters';
+import './BaseNode-dc59ab07.js';
+import './controller/Events.js';
+import './utils/DataRefParser.js';
+import './data/DataGroup.js';
+import './data/DataValue.js';
+import './data/EmptyDataValue.js';
+import './types/Model.js';
+import './utils/ValidationUtils.js';
+import './utils/FormUtils.js';
+import './utils/JsonUtils.js';
+import './types/Json.js';
+import './utils/SchemaUtils.js';
+import './FileObject.js';
+import './Scriptable.js';
+
+class DateField extends Field {
+    _applyDefaults() {
+        super._applyDefaults();
+        const locale = new Intl.DateTimeFormat().resolvedOptions().locale;
+        if (!this._jsonModel.editFormat) {
+            this._jsonModel.editFormat = 'short';
+        }
+        if (!this._jsonModel.displayFormat) {
+            this._jsonModel.displayFormat = this._jsonModel.editFormat;
+        }
+        if (!this._jsonModel.placeholder) {
+            this._jsonModel.placeholder = parseDateSkeleton(this._jsonModel.editFormat, locale);
+        }
+        if (!this._jsonModel.description) {
+            this._jsonModel.description = `To enter today's date use ${formatDate(new Date(), locale, this._jsonModel.editFormat)}`;
+        }
+    }
+}
+
+export { DateField as default };