@microsoft/sp-listview-extensibility 1.23.2 → 1.24.0-beta.3

package/lib-commonjs/common/ListViewAccessor.js

@@ -1,149 +1,97 @@
 "use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ListViewStateChangedEventArgs = exports.SelectedRowsChangedEventArgs = exports.RowAccessor = exports.ColumnAccessor = void 0;
-var tslib_1 = require("tslib");
-var sp_core_library_1 = require("@microsoft/sp-core-library");
-var ListItemAccessor_1 = tslib_1.__importDefault(require("./ListItemAccessor"));
-/**
- * Provides access to a ListView column, which is the visual presentation
- * of a field.
- *
- * @remarks
- *
- * A SharePoint "field" (SPField) defines the data storage for a property of a list item.
- * (If the list item represents a document, then the field is sometimes called a "property".)
- *
- * A "column" is the visual presentation of a field, when displayed by the ListView.
- *
- * @public
- */
-var ColumnAccessor = /** @class */ (function () {
-    /** @internal */
-    function ColumnAccessor() {
-        // (mark constructor as internal)
-    }
-    return ColumnAccessor;
-}());
-exports.ColumnAccessor = ColumnAccessor;
-/**
- * Provides access to a ListView row, which is the visual presentation
- * of a SharePoint list item.
- *
- * @remarks
- *
- * A SharePoint "list item" (SPListItem) is a data storage record in the content
- * management system; it stores an array of values for the associated fields.
- *
- * A "row" is the visual presentation of a list item, when displayed by the ListView;
- * it stores an array of cell values for the associated columns.
- *
- * @public
- */
-var RowAccessor = /** @class */ (function (_super) {
-    tslib_1.__extends(RowAccessor, _super);
-    /**
-     * @internal
-     */
-    function RowAccessor() {
-        return _super.call(this) || this;
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+    });
+}
+_export(exports, {
+    ColumnAccessor: function() {
+        return ColumnAccessor;
+    },
+    ListViewStateChangedEventArgs: function() {
+        return ListViewStateChangedEventArgs;
+    },
+    RowAccessor: function() {
+        return RowAccessor;
+    },
+    SelectedRowsChangedEventArgs: function() {
+        return SelectedRowsChangedEventArgs;
+    },
+    default: function() {
+        return _default;
     }
-    return RowAccessor;
-}(ListItemAccessor_1.default));
-exports.RowAccessor = RowAccessor;
-/**
- * Arguments for the selected rows changed event.
- *
- * @public
- */
-var SelectedRowsChangedEventArgs = /** @class */ (function (_super) {
-    tslib_1.__extends(SelectedRowsChangedEventArgs, _super);
-    function SelectedRowsChangedEventArgs() {
-        return _super !== null && _super.apply(this, arguments) || this;
+});
+const _interop_require_default = require("@swc/helpers/_/_interop_require_default");
+const _spcorelibrary = require("@microsoft/sp-core-library");
+const _ListItemAccessor = /*#__PURE__*/ _interop_require_default._(require("./ListItemAccessor"));
+class ColumnAccessor {
+    /** @internal */ constructor(){
+    // (mark constructor as internal)
     }
-    return SelectedRowsChangedEventArgs;
-}(sp_core_library_1.SPEventArgs));
-exports.SelectedRowsChangedEventArgs = SelectedRowsChangedEventArgs;
-/**
- * Arguments for the list view state changed event.
- *
- * @public
- */
-var ListViewStateChangedEventArgs = /** @class */ (function (_super) {
-    tslib_1.__extends(ListViewStateChangedEventArgs, _super);
-    function ListViewStateChangedEventArgs() {
-        return _super !== null && _super.apply(this, arguments) || this;
+}
+class RowAccessor extends _ListItemAccessor.default {
+    /**
+   * @internal
+   */ constructor(){
+        super();
     }
-    return ListViewStateChangedEventArgs;
-}(sp_core_library_1.SPEventArgs));
-exports.ListViewStateChangedEventArgs = ListViewStateChangedEventArgs;
+}
+class SelectedRowsChangedEventArgs extends _spcorelibrary.SPEventArgs {
+}
+class ListViewStateChangedEventArgs extends _spcorelibrary.SPEventArgs {
+}
 /**
  * Provides access to a SharePoint ListView control.
  *
  * @public
- */
-var ListViewAccessor = /** @class */ (function () {
+ */ class ListViewAccessor {
     /**
-     * @internal
-     */
-    function ListViewAccessor(eventPrefix) {
-        this._isDisposed = false;
-        this._selectedRowsChangedEvent = new sp_core_library_1.SPEvent(ListViewAccessor._selectedRowsChangedEventName);
-        this._listViewStateChangedEventName = "".concat(ListViewAccessor._listViewStateChangedEventName).concat(eventPrefix || '');
-        this._listViewStateChangedEvent = new sp_core_library_1.SPEvent(this._listViewStateChangedEventName);
+   * Event that gets raised every time the selected items in the list view change.
+   * @eventproperty
+   */ get selectedRowsChangedEvent() {
+        return this._selectedRowsChangedEvent;
     }
-    Object.defineProperty(ListViewAccessor.prototype, "selectedRowsChangedEvent", {
-        /**
-         * Event that gets raised every time the selected items in the list view change.
-         * @eventproperty
-         */
-        get: function () {
-            return this._selectedRowsChangedEvent;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(ListViewAccessor.prototype, "listViewStateChangedEvent", {
-        /**
-         * Event that gets raised every time the list view state changes.
-         *
-         * @eventproperty
-         */
-        get: function () {
-            return this._listViewStateChangedEvent;
-        },
-        enumerable: false,
-        configurable: true
-    });
     /**
-     * @internal
-     */
-    ListViewAccessor.prototype.dispose = function () {
-        sp_core_library_1._SPEventManager.instance.removeEvent(this._listViewStateChangedEventName);
+   * Event that gets raised every time the list view state changes.
+   *
+   * @eventproperty
+   */ get listViewStateChangedEvent() {
+        return this._listViewStateChangedEvent;
+    }
+    /**
+   * @internal
+   */ dispose() {
+        _spcorelibrary._SPEventManager.instance.removeEvent(this._listViewStateChangedEventName);
         this._isDisposed = true;
-    };
-    Object.defineProperty(ListViewAccessor.prototype, "isDisposed", {
-        /**
-         * @internal
-         */
-        get: function () {
-            return this._isDisposed;
-        },
-        enumerable: false,
-        configurable: true
-    });
+    }
     /**
-     * SPEvent name when the selected rows in a list have changed.
-     *
-     * @internal
-     */
-    ListViewAccessor._selectedRowsChangedEventName = 'listView.selectedRowsChanged';
+   * @internal
+   */ get isDisposed() {
+        return this._isDisposed;
+    }
     /**
-     * SPEvent name when the list view state has changed.
-     *
-     * @internal
-     */
-    ListViewAccessor._listViewStateChangedEventName = 'listView.stateChanged';
-    return ListViewAccessor;
-}());
-exports.default = ListViewAccessor;
-//# sourceMappingURL=ListViewAccessor.js.map
+   * @internal
+   */ constructor(eventPrefix){
+        this._isDisposed = false;
+        this._selectedRowsChangedEvent = new _spcorelibrary.SPEvent(ListViewAccessor._selectedRowsChangedEventName);
+        this._listViewStateChangedEventName = `${ListViewAccessor._listViewStateChangedEventName}${eventPrefix || ''}`;
+        this._listViewStateChangedEvent = new _spcorelibrary.SPEvent(this._listViewStateChangedEventName);
+    }
+}
+/**
+   * SPEvent name when the selected rows in a list have changed.
+   *
+   * @internal
+   */ ListViewAccessor._selectedRowsChangedEventName = 'listView.selectedRowsChanged';
+/**
+   * SPEvent name when the list view state has changed.
+   *
+   * @internal
+   */ ListViewAccessor._listViewStateChangedEventName = 'listView.stateChanged';
+const _default = ListViewAccessor;
+
+//# sourceMappingURL=./ListViewAccessor.js.map

package/lib-commonjs/common/ListViewAccessorState.js

@@ -1,13 +1,15 @@
 "use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ListViewAccessorStateChanges = void 0;
-/**
- * Describes the type of list view state changes.
- *
- * @public
- */
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "ListViewAccessorStateChanges", {
+    enumerable: true,
+    get: function() {
+        return ListViewAccessorStateChanges;
+    }
+});
 var ListViewAccessorStateChanges;
-(function (ListViewAccessorStateChanges) {
+(function(ListViewAccessorStateChanges) {
     ListViewAccessorStateChanges[ListViewAccessorStateChanges["None"] = 0] = "None";
     ListViewAccessorStateChanges[ListViewAccessorStateChanges["List"] = 1] = "List";
     ListViewAccessorStateChanges[ListViewAccessorStateChanges["View"] = 2] = "View";
@@ -17,5 +19,6 @@ var ListViewAccessorStateChanges;
     ListViewAccessorStateChanges[ListViewAccessorStateChanges["AppliedFilters"] = 32] = "AppliedFilters";
     ListViewAccessorStateChanges[ListViewAccessorStateChanges["Sort"] = 64] = "Sort";
     ListViewAccessorStateChanges[ListViewAccessorStateChanges["FolderInfo"] = 128] = "FolderInfo";
-})(ListViewAccessorStateChanges || (exports.ListViewAccessorStateChanges = ListViewAccessorStateChanges = {}));
-//# sourceMappingURL=ListViewAccessorState.js.map
+})(ListViewAccessorStateChanges || (ListViewAccessorStateChanges = {}));
+
+//# sourceMappingURL=./ListViewAccessorState.js.map

package/lib-commonjs/fieldCustomizer/BaseFieldCustomizer.js

@@ -1,8 +1,15 @@
 "use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-var tslib_1 = require("tslib");
-var sp_core_library_1 = require("@microsoft/sp-core-library");
-var sp_extension_base_1 = require("@microsoft/sp-extension-base");
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "default", {
+    enumerable: true,
+    get: function() {
+        return _default;
+    }
+});
+const _spcorelibrary = require("@microsoft/sp-core-library");
+const _spextensionbase = require("@microsoft/sp-extension-base");
 /**
  * This is the base class that third parties should extend when implementing
  * a client-side extension that customizes the appearance of fields in
@@ -11,27 +18,20 @@ var sp_extension_base_1 = require("@microsoft/sp-extension-base");
  * In the component manifest, the "extensionType" should be set to "FieldCustomizer".
  *
  * @public
- */
-var BaseFieldCustomizer = /** @class */ (function (_super) {
-    tslib_1.__extends(BaseFieldCustomizer, _super);
-    function BaseFieldCustomizer() {
-        return _super !== null && _super.apply(this, arguments) || this;
-    }
+ */ class BaseFieldCustomizer extends _spextensionbase.BaseExtension {
     /*
-     * virtual
-     */
-    BaseFieldCustomizer.prototype.onRenderCell = function (event) {
-        var text = "".concat(event.fieldValue);
+   * virtual
+   */ onRenderCell(event) {
+        const text = `${event.fieldValue}`;
         event.fieldValue.innerText = text;
-    };
+    }
     /*
-     * virtual
-     */
-    BaseFieldCustomizer.prototype.onDisposeCell = function (event) {
-        // (implemented by child class)
-    };
-    return BaseFieldCustomizer;
-}(sp_extension_base_1.BaseExtension));
-(0, sp_core_library_1._ES5CompatibleClass)(BaseFieldCustomizer);
-exports.default = BaseFieldCustomizer;
-//# sourceMappingURL=BaseFieldCustomizer.js.map
+   * virtual
+   */ onDisposeCell(event) {
+    // (implemented by child class)
+    }
+}
+(0, _spcorelibrary._ES5CompatibleClass)(BaseFieldCustomizer);
+const _default = BaseFieldCustomizer;
+
+//# sourceMappingURL=./BaseFieldCustomizer.js.map

package/lib-commonjs/fieldCustomizer/FieldCustomizerContext.js

@@ -1,47 +1,40 @@
 "use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-var tslib_1 = require("tslib");
-var sp_extension_base_1 = require("@microsoft/sp-extension-base");
-/**
- * This object provides contextual information for BaseFieldCustomizer.
- * @public
- */
-var FieldCustomizerContext = /** @class */ (function (_super) {
-    tslib_1.__extends(FieldCustomizerContext, _super);
-    /**
-     * @internal
-     */
-    function FieldCustomizerContext(extensionContextParameters, fieldCustomizerContextParameters) {
-        var _this = _super.call(this, extensionContextParameters) || this;
-        _this._listView = fieldCustomizerContextParameters.listView;
-        _this._field = fieldCustomizerContextParameters.field;
-        return _this;
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "default", {
+    enumerable: true,
+    get: function() {
+        return FieldCustomizerContext;
     }
+});
+const _spextensionbase = require("@microsoft/sp-extension-base");
+class FieldCustomizerContext extends _spextensionbase.ExtensionContext {
     /**
-     * If the field customizer is bounded to the SharePoint list view, this provides access
-     * to the list view specific functionality; otherwise the value is undefined.
-     *
-     * @remarks
-     * Although the SharePoint list view is the main usage scenario, field customizers
-     * can be used by other user interface surfaces.  For example, in the future SharePoint
-     * may support field customizers on a display/edit form.
-     *
-     * @returns the SharePoint list view, or undefined if there is none.
-     */
-    FieldCustomizerContext.prototype.tryGetListView = function () {
+   * If the field customizer is bounded to the SharePoint list view, this provides access
+   * to the list view specific functionality; otherwise the value is undefined.
+   *
+   * @remarks
+   * Although the SharePoint list view is the main usage scenario, field customizers
+   * can be used by other user interface surfaces.  For example, in the future SharePoint
+   * may support field customizers on a display/edit form.
+   *
+   * @returns the SharePoint list view, or undefined if there is none.
+   */ tryGetListView() {
         return this._listView;
-    };
-    Object.defineProperty(FieldCustomizerContext.prototype, "field", {
-        /**
-         * Provides access to the SharePoint field that the customizer will operate on.
-         */
-        get: function () {
-            return this._field;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    return FieldCustomizerContext;
-}(sp_extension_base_1.ExtensionContext));
-exports.default = FieldCustomizerContext;
-//# sourceMappingURL=FieldCustomizerContext.js.map
+    }
+    /**
+   * Provides access to the SharePoint field that the customizer will operate on.
+   */ get field() {
+        return this._field;
+    }
+    /**
+   * @internal
+   */ constructor(extensionContextParameters, fieldCustomizerContextParameters){
+        super(extensionContextParameters);
+        this._listView = fieldCustomizerContextParameters.listView;
+        this._field = fieldCustomizerContextParameters.field;
+    }
+}
+
+//# sourceMappingURL=./FieldCustomizerContext.js.map

package/lib-commonjs/formCustomizer/BaseFormCustomizer.js

@@ -1,137 +1,116 @@
 "use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-var tslib_1 = require("tslib");
-var sp_extension_base_1 = require("@microsoft/sp-extension-base");
-var sp_core_library_1 = require("@microsoft/sp-core-library");
-var FormActionEventArgs_1 = require("./FormActionEventArgs");
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "default", {
+    enumerable: true,
+    get: function() {
+        return _default;
+    }
+});
+const _spextensionbase = require("@microsoft/sp-extension-base");
+const _spcorelibrary = require("@microsoft/sp-core-library");
+const _FormActionEventArgs = require("./FormActionEventArgs");
 /**
  * This is the base class that third parties should extend when implementing
  * a client-side extension that provides a custom list form (display, new, edit) for a SharePoint list.
  * @public
- */
-var BaseFormCustomizer = /** @class */ (function (_super) {
-    tslib_1.__extends(BaseFormCustomizer, _super);
-    function BaseFormCustomizer() {
-        var _this = _super !== null && _super.apply(this, arguments) || this;
-        _this._formActionEvent = new sp_core_library_1.SPEvent(BaseFormCustomizer._formActionEventName);
-        return _this;
+ */ class BaseFormCustomizer extends _spextensionbase.BaseExtension {
+    // Readonly protected properties. To change these to readonly once TypeScript supports that feature.
+    /**
+   * This property is a pointer to the root DOM element of the form. This is a DIV element and contains the whole
+   * DOM subtree of the form.
+   *
+   * @readonly
+   */ get domElement() {
+        return this.context.domElement;
     }
-    Object.defineProperty(BaseFormCustomizer.prototype, "domElement", {
-        // Readonly protected properties. To change these to readonly once TypeScript supports that feature.
-        /**
-         * This property is a pointer to the root DOM element of the form. This is a DIV element and contains the whole
-         * DOM subtree of the form.
-         *
-         * @readonly
-         */
-        get: function () {
-            return this.context.domElement;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(BaseFormCustomizer.prototype, "displayMode", {
-        /**
-         * Display mode of the form: Edit, Display or New.
-         *
-         * @readonly
-         */
-        get: function () {
-            return this._displayMode;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(BaseFormCustomizer.prototype, "formActionEvent", {
-        /**
-         * Event that gets raised every time the selected items in the list view change.
-         * Reserved for the future.
-         *
-         * @eventproperty
-         * @internal
-         */
-        get: function () {
-            return this._formActionEvent;
-        },
-        enumerable: false,
-        configurable: true
-    });
     /**
-     * @internal
-     */
-    BaseFormCustomizer.prototype._init = function (context, propertiesJson, additionalInitParameters) {
+   * Display mode of the form: Edit, Display or New.
+   *
+   * @readonly
+   */ get displayMode() {
+        return this._displayMode;
+    }
+    /**
+   * Event that gets raised every time the selected items in the list view change.
+   * Reserved for the future.
+   *
+   * @eventproperty
+   * @internal
+   */ get formActionEvent() {
+        return this._formActionEvent;
+    }
+    /**
+   * @internal
+   */ _init(context, propertiesJson, additionalInitParameters) {
         if (additionalInitParameters) {
             this._displayMode = additionalInitParameters.displayMode;
         }
-        return _super.prototype._init.call(this, context, propertiesJson, additionalInitParameters);
-    };
+        return super._init(context, propertiesJson, additionalInitParameters);
+    }
     /**
-     * @internal
-     */
-    BaseFormCustomizer.prototype._internalRender = function () {
+   * @internal
+   */ _internalRender() {
         this.render();
-    };
+    }
     /**
-     * Internal API to set form's display mode.
-     * @internal
-     */
-    BaseFormCustomizer.prototype._internalSetDisplayMode = function (newDisplayMode) {
+   * Internal API to set form's display mode.
+   * @internal
+   */ _internalSetDisplayMode(newDisplayMode) {
         this._displayMode = newDisplayMode;
-    };
+    }
     /**
-     * Use this method to initiate saving of the form.
-     *
-     * @internal
-     */
-    BaseFormCustomizer.prototype._save = function () {
-        sp_core_library_1._SPEventManager.instance.raiseStickyEvent(BaseFormCustomizer._formActionEventName, new FormActionEventArgs_1.FormActionEventArgs(FormActionEventArgs_1.FormAction.Save));
-    };
+   * Use this method to initiate saving of the form.
+   *
+   * @internal
+   */ _save() {
+        _spcorelibrary._SPEventManager.instance.raiseStickyEvent(BaseFormCustomizer._formActionEventName, new _FormActionEventArgs.FormActionEventArgs(_FormActionEventArgs.FormAction.Save));
+    }
     /**
-     * Use this method to initiate closing/cancelling of the form.
-     *
-     * @internal
-     */
-    BaseFormCustomizer.prototype._close = function () {
-        sp_core_library_1._SPEventManager.instance.raiseStickyEvent(BaseFormCustomizer._formActionEventName, new FormActionEventArgs_1.FormActionEventArgs(FormActionEventArgs_1.FormAction.Close));
-    };
+   * Use this method to initiate closing/cancelling of the form.
+   *
+   * @internal
+   */ _close() {
+        _spcorelibrary._SPEventManager.instance.raiseStickyEvent(BaseFormCustomizer._formActionEventName, new _FormActionEventArgs.FormActionEventArgs(_FormActionEventArgs.FormAction.Close));
+    }
     /**
-     * Disposes the component.
-     *
-     * @remarks
-     * Please, do not override this method.
-     * Override the `onDispose` method instead.
-     */
-    BaseFormCustomizer.prototype.dispose = function () {
-        sp_core_library_1._SPEventManager.instance.removeEvent(BaseFormCustomizer._formActionEventName);
-        _super.prototype.dispose.call(this);
-    };
+   * Disposes the component.
+   *
+   * @remarks
+   * Please, do not override this method.
+   * Override the `onDispose` method instead.
+   */ dispose() {
+        _spcorelibrary._SPEventManager.instance.removeEvent(BaseFormCustomizer._formActionEventName);
+        super.dispose();
+    }
     /**
-     * @internal
-     */
-    BaseFormCustomizer.prototype._initializeExtensionType = function () {
-        _super.prototype._initializeExtensionType.call(this);
+   * @internal
+   */ _initializeExtensionType() {
+        super._initializeExtensionType();
         this.context._host.logEngagement('init');
-    };
+    }
     /**
-     * Call this method after the form has been saved to inform the application that the form has been saved.
-     */
-    BaseFormCustomizer.prototype.formSaved = function () {
+   * Call this method after the form has been saved to inform the application that the form has been saved.
+   */ formSaved() {
         this.context._host.onSave();
-    };
+    }
     /**
-     * Call this method after the form has been closed/cancelled to inform the application that the form has been closed.
-     */
-    BaseFormCustomizer.prototype.formClosed = function () {
+   * Call this method after the form has been closed/cancelled to inform the application that the form has been closed.
+   */ formClosed() {
         this.context._host.onClose();
-    };
-    /**
-     * SPEvent name when the form action should be performed.
-     *
-     * @internal
-     */
-    BaseFormCustomizer._formActionEventName = 'formCustomizer.formAction';
-    return BaseFormCustomizer;
-}(sp_extension_base_1.BaseExtension));
-(0, sp_core_library_1._ES5CompatibleClass)(BaseFormCustomizer);
-exports.default = BaseFormCustomizer;
-//# sourceMappingURL=BaseFormCustomizer.js.map
+    }
+    constructor(...args){
+        super(...args);
+        this._formActionEvent = new _spcorelibrary.SPEvent(BaseFormCustomizer._formActionEventName);
+    }
+}
+/**
+   * SPEvent name when the form action should be performed.
+   *
+   * @internal
+   */ BaseFormCustomizer._formActionEventName = 'formCustomizer.formAction';
+(0, _spcorelibrary._ES5CompatibleClass)(BaseFormCustomizer);
+const _default = BaseFormCustomizer;
+
+//# sourceMappingURL=./BaseFormCustomizer.js.map