@hmcts/rpx-xui-common-lib 1.4.6-release-test → 1.4.7-select-all-v1

package/bundles/hmcts-rpx-xui-common-lib.umd.js

@@ -1068,6 +1068,7 @@
                     this._settings.fields = JSON.parse(JSON.stringify(this.config.cancelSetting.fields));
                 }
                 this.filterService.persist(this.settings, this.config.persistence);
+                this.filterService.givenErrors.next(null);
             };
         /**
          * @param {?} values
@@ -1105,6 +1106,85 @@
                     }
                 }
             };
+        /**
+         * @param {?} event
+         * @param {?} form
+         * @param {?} item
+         * @param {?} field
+         * @return {?}
+         */
+        GenericFilterComponent.prototype.toggleSelectAll = /**
+         * @param {?} event
+         * @param {?} form
+         * @param {?} item
+         * @param {?} field
+         * @return {?}
+         */
+            function (event, form, item, field) {
+                /** @type {?} */
+                var isChecked = event.target.checked;
+                /** @type {?} */
+                var formArray = ( /** @type {?} */(form.get(field.name)));
+                if (!item.selectAll) {
+                    /** @type {?} */
+                    var allChecked = formArray.controls.every(( /**
+                     * @param {?} control
+                     * @return {?}
+                     */function (control) { return control.value; }));
+                    /** @type {?} */
+                    var index_1 = null;
+                    /** @type {?} */
+                    var hasSelectAllOption = field.options.find(( /**
+                     * @param {?} option
+                     * @param {?} i
+                     * @return {?}
+                     */function (option, i) {
+                        if (option.hasOwnProperty('selectAll')) {
+                            index_1 = i;
+                            return true;
+                        }
+                        return false;
+                    }));
+                    // tslint:disable-next-line:variable-name
+                    /** @type {?} */
+                    var isAllCheckedExcludingTheSelectAllOption = formArray.controls.filter(( /**
+                     * @param {?} _control
+                     * @param {?} i
+                     * @return {?}
+                     */function (_control, i) { return i !== index_1; }))
+                        .every(( /**
+                 * @param {?} control
+                 * @return {?}
+                 */function (control) { return control.value; }));
+                    if (!allChecked && hasSelectAllOption && !isChecked) {
+                        formArray.controls.forEach(( /**
+                         * @param {?} control
+                         * @param {?} i
+                         * @return {?}
+                         */function (control, i) {
+                            if (index_1 === i) {
+                                control.patchValue(false);
+                                return;
+                            }
+                        }));
+                    }
+                    else if (hasSelectAllOption && !allChecked && isChecked && isAllCheckedExcludingTheSelectAllOption) {
+                        formArray.controls[index_1].patchValue(true);
+                    }
+                    return;
+                }
+                formArray.controls.forEach(( /**
+                 * @param {?} control
+                 * @return {?}
+                 */function (control) {
+                    if (isChecked) {
+                        control.patchValue(true);
+                    }
+                    else {
+                        control.patchValue(false);
+                    }
+                }));
+            };
         /**
          * @private
          * @param {?} filter
@@ -1384,10 +1464,10 @@
         GenericFilterComponent.decorators = [
             { type: i0.Component, args: [{
                         selector: 'xuilib-generic-filter',
-                        template: "<form [formGroup]=\"form\" (ngSubmit)=\"applyFilter(form)\">\n  <div class=\"contain-classes\" *ngFor=\"let field of config.fields\">\n    <hr *ngIf=\"field.lineBreakBefore\" class=\"govuk-section-break govuk-section-break--visible elevated-break\">\n    <div class=\"govuk-form-group xui-generic-filter\"\n         [hidden]=\"hidden(field, form)\"\n         [ngClass]=\"{'form-group-error': submitted && (form.get(field.name).errors?.minLength || form.get(field.name).errors?.maxLength)}\">\n      <h3 *ngIf=\"field.title\" class=\"govuk-heading-s\">{{field.title}}</h3>\n      <p class=\"govuk-body\" *ngIf=\"field.subTitle\">{{field.subTitle}}</p>\n      <div class=\"govuk-body\" [ngSwitch]=\"field.type\">\n        <ng-container *ngSwitchCase=\"'select'\">\n          <select class=\"govuk-select\" (change)=\"updateSpecificPerson(field, form)\" [attr.disabled]=\"disabled(field, form)\" [name]=\"'select_' + field.name\" [id]=\"'select_' + field.name\" [formControlName]=\"field.name\">\n            <option disabled selected hidden value=\"\">{{field.disabledText}}</option>\n            <option class=\"govuk-radios__item\" *ngFor=\"let item of field.options\" [value]=\"item.key\">{{item.label}}</option>\n          </select>\n        </ng-container>\n        <ng-container *ngSwitchCase=\"'checkbox'\">\n          <div class=\"govuk-checkboxes govuk-checkboxes--small\" [formGroupName]=\"field.name\">\n            <div *ngFor=\"let item of field.options; let i = index\" class=\"govuk-checkboxes__item\">\n              <input type=\"checkbox\" class=\"govuk-checkboxes__input\"\n                     [attr.disabled]=\"disabled(field, form)\"\n                     [formControlName]=\"i\"\n                     [value]=\"item.key\" [id]=\"'checkbox_' + item.key\"\n                     [name]=\"'checkbox_' + item.key\"\n              />\n              <label [for]=\"'checkbox_' + item.key\" class=\"govuk-label govuk-checkboxes__label\">{{item.label}}</label>\n            </div>\n          </div>\n        </ng-container>\n        <ng-container *ngSwitchCase=\"'radio'\">\n          <div class=\"govuk-radios\">\n            <div *ngFor=\"let item of field.options\" class=\"govuk-radios__item\">\n              <input type=\"radio\"\n                     [formControlName]=\"field.name\"\n                     [id]=\"'radio_' + item.key\"\n                     [attr.disabled]=\"disabled(field, form)\"\n                     [checked]=\"item.key === form.get(field.name).value\"\n                     class=\"govuk-radios__input\"\n                     [value]=\"item.key\"\n              />\n              <label [for]=\"'radio_' + item.key\" class=\"govuk-label govuk-radios__label\">{{item.label}}</label>\n            </div>\n          </div>\n        </ng-container>\n        <ng-container *ngSwitchCase=\"'find-person'\">\n          <xuilib-find-person subTitle=\"\" (personSelected)=\"updatePersonControls($event, field)\"\n                              [submitted]=\"submitted\"\n                              [disabled]=\"disabled(field, form)\"\n                              [domain]=\"field.domain\"\n                              [findPersonGroup]=\"form\"\n                              [selectedPerson]=\"form.get(field.name)?.value?.email\"\n          ></xuilib-find-person>\n        </ng-container>\n      </div>\n    </div>\n  </div>\n  <hr class=\"govuk-section-break govuk-section-break--m govuk-section-break--visible\"/>\n  <div class=\"govuk-grid-row\">\n    <div class=\"govuk-grid-column-full\">\n      <button\n        class=\"govuk-button govuk-!-margin-right-1 govuk-!-margin-bottom-0\"\n        type=\"submit\"\n        id=\"applyFilter\"\n        [disabled]=\"config.enableDisabledButton && form.invalid\"\n      >{{config.applyButtonText || 'Apply'}}</button>\n      <button\n        class=\"govuk-button govuk-button--secondary govuk-!-margin-bottom-0\"\n        type=\"button\"\n        id=\"cancelFilter\"\n        (click)=\"cancelFilter()\">{{ config.cancelButtonText || 'Cancel'}}</button>\n    </div>\n  </div>\n</form>\n",
+                        template: "<form [formGroup]=\"form\" (ngSubmit)=\"applyFilter(form)\">\n  <div class=\"contain-classes\" *ngFor=\"let field of config.fields\">\n    <hr *ngIf=\"field.lineBreakBefore\" class=\"govuk-section-break govuk-section-break--visible elevated-break\">\n    <div class=\"govuk-form-group xui-generic-filter\"\n         [hidden]=\"hidden(field, form)\"\n         [ngClass]=\"{'form-group-error': submitted && (form.get(field.name).errors?.minLength || form.get(field.name).errors?.maxLength)}\">\n      <h3 *ngIf=\"field.title\" class=\"govuk-heading-s\">{{field.title}}</h3>\n      <p class=\"govuk-body\" *ngIf=\"field.subTitle\">{{field.subTitle}}</p>\n      <span [id]=\"field.name + '-error'\" class=\"govuk-error-message\" *ngIf=\"field.displayMinSelectedError && submitted && form.get(field.name).errors?.minLength\">\n        <span class=\"govuk-visually-hidden\">Error:</span> {{field.minSelectedError}}\n      </span>\n      <span [id]=\"field.name + '-error'\" class=\"govuk-error-message\" *ngIf=\"field.displayMaxSelectedError && submitted && form.get(field.name).errors?.maxLength\">\n        <span class=\"govuk-visually-hidden\">Error:</span> {{field.maxSelectedError}}\n      </span>\n      <div class=\"govuk-body\" [ngSwitch]=\"field.type\">\n        <ng-container *ngSwitchCase=\"'select'\">\n          <select class=\"govuk-select\" (change)=\"updateSpecificPerson(field, form)\" [attr.disabled]=\"disabled(field, form)\" [name]=\"'select_' + field.name\" [id]=\"'select_' + field.name\" [formControlName]=\"field.name\">\n            <option disabled selected hidden value=\"\">{{field.disabledText}}</option>\n            <option class=\"govuk-radios__item\" *ngFor=\"let item of field.options\" [value]=\"item.key\">{{item.label}}</option>\n          </select>\n        </ng-container>\n        <ng-container *ngSwitchCase=\"'checkbox'\">\n          <div class=\"govuk-checkboxes govuk-checkboxes--small\" [formGroupName]=\"field.name\" [attr.field]=\"field.name\" [id]=\"'checkbox_' + field.name\">\n            <div *ngFor=\"let item of field.options; let i = index\" class=\"govuk-checkboxes__item\">\n              <input type=\"checkbox\" class=\"govuk-checkboxes__input\"\n                     [attr.disabled]=\"disabled(field, form)\"\n                     [formControlName]=\"i\"\n                     (change)=\"toggleSelectAll($event, form, item, field)\"\n                     [value]=\"item.key\" [id]=\"'checkbox_' + item.key\"\n                     [name]=\"'checkbox_' + item.key\"\n              />\n              <label\n                [for]=\"'checkbox_' + item.key\"\n                class=\"govuk-label govuk-checkboxes__label\"\n                [ngClass]=\"{'govuk-!-font-weight-bold': item.selectAll}\"\n              >{{item.label}}</label>\n            </div>\n          </div>\n        </ng-container>\n        <ng-container *ngSwitchCase=\"'radio'\">\n          <div class=\"govuk-radios\">\n            <div *ngFor=\"let item of field.options\" class=\"govuk-radios__item\">\n              <input type=\"radio\"\n                     [formControlName]=\"field.name\"\n                     [id]=\"'radio_' + item.key\"\n                     [attr.disabled]=\"disabled(field, form)\"\n                     [checked]=\"item.key === form.get(field.name).value\"\n                     class=\"govuk-radios__input\"\n                     [value]=\"item.key\"\n              />\n              <label [for]=\"'radio_' + item.key\" class=\"govuk-label govuk-radios__label\">{{item.label}}</label>\n            </div>\n          </div>\n        </ng-container>\n        <ng-container *ngSwitchCase=\"'find-person'\">\n          <xuilib-find-person subTitle=\"\" (personSelected)=\"updatePersonControls($event, field)\"\n                              [submitted]=\"submitted\"\n                              [disabled]=\"disabled(field, form)\"\n                              [domain]=\"field.domain\"\n                              [findPersonGroup]=\"form\"\n                              [selectedPerson]=\"form.get(field.name)?.value?.email\"\n          ></xuilib-find-person>\n        </ng-container>\n      </div>\n    </div>\n  </div>\n  <hr class=\"govuk-section-break govuk-section-break--m govuk-section-break--visible\"/>\n  <div class=\"govuk-grid-row\">\n    <div class=\"govuk-grid-column-full\">\n      <button\n        class=\"govuk-button govuk-!-margin-right-1 govuk-!-margin-bottom-0\"\n        type=\"submit\"\n        id=\"applyFilter\"\n        [disabled]=\"config.enableDisabledButton && form.invalid\"\n      >{{config.applyButtonText || 'Apply'}}</button>\n      <button\n        class=\"govuk-button govuk-button--secondary govuk-!-margin-bottom-0\"\n        type=\"button\"\n        id=\"cancelFilter\"\n        (click)=\"cancelFilter()\">{{ config.cancelButtonText || 'Cancel'}}</button>\n    </div>\n  </div>\n</form>\n",
                         changeDetection: i0.ChangeDetectionStrategy.OnPush,
                         encapsulation: i0.ViewEncapsulation.None,
-                        styles: [".contain-classes .elevated-break{position:relative;top:-10px}.contain-classes .xui-generic-filter .select-all{margin-bottom:10px}.contain-classes .xui-generic-filter .govuk-checkboxes{display:flex;flex-wrap:wrap}.contain-classes .xui-generic-filter .govuk-checkboxes>div{flex-grow:1;flex-shrink:0;flex-basis:calc(50% - 34px);width:29%}"]
+                        styles: [".contain-classes .elevated-break{position:relative;top:-10px}.contain-classes .xui-generic-filter .select-all{margin-bottom:10px}.contain-classes .xui-generic-filter .govuk-checkboxes{display:flex;flex-wrap:wrap}.contain-classes .xui-generic-filter .govuk-checkboxes>div{flex-grow:1;flex-shrink:0}"]
                     }] }
         ];
         /** @nocollapse */
@@ -3701,6 +3781,13 @@
         ADMIN: "Admin",
         ALL: "All",
     };
+    /** @enum {string} */
+    var RoleCategory = {
+        JUDICIAL: "JUDICIAL",
+        CASEWORKER: "LEGAL_OPERATIONS",
+        ADMIN: "ADMIN",
+        ALL: "ALL",
+    };
 
     /**
      * @fileoverview added by tsickle
@@ -3848,7 +3935,12 @@
                 /** @type {?} */
                 var caseworkers = JSON.parse(this.sessionStorageService.getItem(FindAPersonService.caseworkersKey));
                 /** @type {?} */
-                var people = caseworkers ? this.mapCaseworkers(caseworkers) : [];
+                var roleCategory = RoleCategory.ALL;
+                if (!(searchOptions.jurisdiction === PersonRole.ALL)) {
+                    roleCategory = searchOptions.jurisdiction === PersonRole.CASEWORKER ? RoleCategory.CASEWORKER : RoleCategory.ADMIN;
+                }
+                /** @type {?} */
+                var people = caseworkers ? this.mapCaseworkers(caseworkers, roleCategory) : [];
                 /** @type {?} */
                 var searchTerm = searchOptions && searchOptions.searchTerm ? searchOptions.searchTerm.toLowerCase() : '';
                 return rxjs.of(people.filter(( /**
@@ -3858,13 +3950,15 @@
             };
         /**
          * @param {?} caseworkers
+         * @param {?} roleCategory
          * @return {?}
          */
         FindAPersonService.prototype.mapCaseworkers = /**
          * @param {?} caseworkers
+         * @param {?} roleCategory
          * @return {?}
          */
-            function (caseworkers) {
+            function (caseworkers, roleCategory) {
                 /** @type {?} */
                 var people = [];
                 caseworkers.forEach(( /**
@@ -3876,9 +3970,11 @@
                         email: caseworker.email,
                         name: caseworker.firstName + " " + caseworker.lastName,
                         id: caseworker.idamId,
-                        domain: PersonRole.CASEWORKER,
+                        domain: caseworker.roleCategory === RoleCategory.CASEWORKER ? PersonRole.CASEWORKER : PersonRole.ADMIN,
                     };
-                    people.push(thisPerson);
+                    if (caseworker.roleCategory === roleCategory || roleCategory === RoleCategory.ALL) {
+                        people.push(thisPerson);
+                    }
                 }));
                 return people;
             };
@@ -4147,7 +4243,8 @@
         GovUkDateComponent.decorators = [
             { type: i0.Component, args: [{
                         selector: 'xuilib-gov-uk-date',
-                        template: "<div class=\"govuk-form-group\" [ngClass]=\"{'govuk-form-group--error': errorMessage?.isInvalid}\" [formGroup]=\"formGroup\">\n  <xuilib-gov-uk-fieldset\n    [config]=\"{\n      legend: config.label || 'Date component',\n      classes: config.classes || 'govuk-label--m',\n      id: config.id,\n      hint: config.hint != null ? config.hint : 'For example, 12 11 2007',\n      isPageHeading: config.isPageHeading || false}\"\n    [errorMessage]=\"errorMessage\">\n    <xuilib-gov-uk-error-message\n      [config]=\"{id: 'passport'}\"\n      *ngIf=\"errorMessage\"\n      [errorMessage]=\"errorMessage\">\n    </xuilib-gov-uk-error-message>\n\n    <div class=\"govuk-date-input\" [id]=\"config.id+'-date'\">\n      <div class=\"govuk-date-input__item\">\n        <div class=\"govuk-form-group\">\n          <xuilib-gov-label\n            [config]=\"{label: 'Day', name: config.id+'-day', id: config.id+'-day', classes: 'govuk-date-input__label'}\">\n          </xuilib-gov-label>\n          <input class=\"govuk-input govuk-date-input__input govuk-input--width-2\"\n                 [ngClass]=\"{'govuk-input--error': errorMessage?.isInvalid}\"\n                 [id]=\"config.id\"\n                 [name]=\"config.id+'-day'\" type=\"number\" value=\"\" pattern=\"[0-9]*\"\n                 [formControlName]=\"config.id+'_day'\">\n        </div>\n      </div>\n      <div class=\"govuk-date-input__item\">\n        <div class=\"govuk-form-group\">\n          <xuilib-gov-label\n            [config]=\"{label: 'Month', name: config.id+'-month', id: config.id+'-month', classes: 'govuk-date-input__label'}\">\n          </xuilib-gov-label>\n          <input class=\"govuk-input govuk-date-input__input govuk-input--width-2\"\n                 [ngClass]=\"{'govuk-input--error': errorMessage?.isInvalid}\"\n                 [id]=\"config.id+'-month'\"\n                 [name]=\"config.id+'-month'\" type=\"number\" value=\"\" pattern=\"[0-9]*\"\n                 [formControlName]=\"config.id+'_month'\">\n        </div>\n      </div>\n      <div class=\"govuk-date-input__item\">\n        <div class=\"govuk-form-group\">\n          <xuilib-gov-label\n            [config]=\"{label: 'Year', name: config.id+'-year', id: config.id+'-year', classes: 'govuk-date-input__label'}\">\n          </xuilib-gov-label>\n          <input class=\"govuk-input govuk-date-input__input govuk-input--width-4\"\n                 [ngClass]=\"{'govuk-input--error': errorMessage?.isInvalid}\"\n                 [id]=\"config.id+'-year'\"\n                 [name]=\"config.id+'-year'\" type=\"number\" value=\"\" pattern=\"[0-9]*\"\n                 [formControlName]=\"config.id+'_year'\">\n        </div>\n      </div>\n    </div>\n  </xuilib-gov-uk-fieldset>\n</div>\n"
+                        template: "<div class=\"govuk-form-group\" [ngClass]=\"{'govuk-form-group--error': errorMessage?.isInvalid}\" [formGroup]=\"formGroup\">\n  <div class=\"date-input-container\">\n    <xuilib-gov-uk-fieldset\n      [config]=\"{\n        legend: config.label || 'Date component',\n        classes: config.classes || 'govuk-label--m',\n        id: config.id,\n        hint: config.hint != null ? config.hint : 'For example, 12 11 2007',\n        isPageHeading: config.isPageHeading || false}\"\n      [errorMessage]=\"errorMessage\">\n      <xuilib-gov-uk-error-message\n        [config]=\"{id: 'passport'}\"\n        *ngIf=\"errorMessage\"\n        [errorMessage]=\"errorMessage\">\n      </xuilib-gov-uk-error-message>\n\n      <div class=\"govuk-date-input\" [id]=\"config.id+'-date'\">\n        <div class=\"govuk-date-input__item\">\n          <div class=\"govuk-form-group\">\n            <xuilib-gov-label\n              [config]=\"{label: 'Day', name: config.id+'-day', id: config.id+'-day', classes: 'govuk-date-input__label'}\">\n            </xuilib-gov-label>\n            <input class=\"govuk-input govuk-date-input__input govuk-input--width-2\"\n                   [ngClass]=\"{'govuk-input--error': errorMessage?.isInvalid}\"\n                   [id]=\"config.id\"\n                   [name]=\"config.id+'-day'\" type=\"number\" value=\"\" pattern=\"[0-9]*\"\n                   [formControlName]=\"config.id+'_day'\">\n          </div>\n        </div>\n        <div class=\"govuk-date-input__item\">\n          <div class=\"govuk-form-group\">\n            <xuilib-gov-label\n              [config]=\"{label: 'Month', name: config.id+'-month', id: config.id+'-month', classes: 'govuk-date-input__label'}\">\n            </xuilib-gov-label>\n            <input class=\"govuk-input govuk-date-input__input govuk-input--width-2\"\n                   [ngClass]=\"{'govuk-input--error': errorMessage?.isInvalid}\"\n                   [id]=\"config.id+'-month'\"\n                   [name]=\"config.id+'-month'\" type=\"number\" value=\"\" pattern=\"[0-9]*\"\n                   [formControlName]=\"config.id+'_month'\">\n          </div>\n        </div>\n        <div class=\"govuk-date-input__item\">\n          <div class=\"govuk-form-group\">\n            <xuilib-gov-label\n              [config]=\"{label: 'Year', name: config.id+'-year', id: config.id+'-year', classes: 'govuk-date-input__label'}\">\n            </xuilib-gov-label>\n            <input class=\"govuk-input govuk-date-input__input govuk-input--width-4\"\n                   [ngClass]=\"{'govuk-input--error': errorMessage?.isInvalid}\"\n                   [id]=\"config.id+'-year'\"\n                   [name]=\"config.id+'-year'\" type=\"number\" value=\"\" pattern=\"[0-9]*\"\n                   [formControlName]=\"config.id+'_year'\">\n          </div>\n        </div>\n      </div>\n    </xuilib-gov-uk-fieldset>\n  </div>\n</div>\n",
+                        styles: [".govuk-form-group .date-input-container{margin-bottom:30px}.govuk-form-group .date-input-container .govuk-date-input .govuk-date-input__item .govuk-form-group{margin-bottom:0}"]
                     }] }
         ];
         /** @nocollapse */
@@ -4401,7 +4498,7 @@
         GovUkInputComponent.decorators = [
             { type: i0.Component, args: [{
                         selector: 'xuilib-gov-uk-input',
-                        template: "<div class=\"govuk-form-group gov-uk-input\" [formGroup]=\"group\"\n[ngClass]=\"{'govuk-form-group--error': errorMessage?.isInvalid}\">\n\n<xuilib-gov-label [config]=\"config\"></xuilib-gov-label>\n\n<span *ngIf=\"config.hint\" [id]=\"config.id +'-hint'\" class=\"govuk-hint\">\n {{config.hint}}\n</span>\n\n<xuilib-gov-uk-error-message [config]=\"config\" [errorMessage]=\"errorMessage\"></xuilib-gov-uk-error-message>\n\n<input class=\"govuk-input\" [id]=\"config.id\" [name]=\"config.name\" [type]=\"config.type\"\n    [attr.aria-invalid]=\"errorMessage?.isInvalid\"\n    [formControlName]=\"config.name\" [attr.aria-describedby]='setDescribedBy()'>\n</div>",
+                        template: "<div class=\"govuk-form-group gov-uk-input\" [formGroup]=\"group\"\n[ngClass]=\"{'govuk-form-group--error': errorMessage?.isInvalid}\">\n\n<xuilib-gov-label [config]=\"config\"></xuilib-gov-label>\n\n<span *ngIf=\"config.hint\" [id]=\"config.id +'-hint'\" class=\"govuk-hint\">\n  {{config.hint}}\n</span>\n\n<xuilib-gov-uk-error-message [config]=\"config\" [errorMessage]=\"errorMessage\"></xuilib-gov-uk-error-message>\n\n<input class=\"govuk-input\"\n       [ngClass]=\"{'govuk-input--error': errorMessage?.isInvalid}\"\n       [id]=\"config.id\"\n       [name]=\"config.name\"\n       [type]=\"config.type\"\n       [attr.aria-invalid]=\"errorMessage?.isInvalid\"\n       [formControlName]=\"config.name\"\n       [attr.aria-describedby]='setDescribedBy()'>\n</div>\n",
                         styles: [".gov-uk-input input:disabled{background:#b1b4b6}"]
                     }] }
         ];
@@ -6096,6 +6193,7 @@
     exports.AnonymousFeatureUser = AnonymousFeatureUser;
     exports.LoggedInFeatureUser = LoggedInFeatureUser;
     exports.PersonRole = PersonRole;
+    exports.RoleCategory = RoleCategory;
     exports.RadioFilterFieldConfig = RadioFilterFieldConfig;
     exports.FeatureToggleGuard = FeatureToggleGuard;
     exports.FeatureToggleService = FeatureToggleService;