@seniorsistemas/angular-components 14.3.12 → 14.4.0

package/fesm2015/seniorsistemas-angular-components.js

@@ -3155,6 +3155,7 @@ var EnumColumnFieldType;
     EnumColumnFieldType["ENUM"] = "ENUM";
     EnumColumnFieldType["LOOKUP"] = "LOOKUP";
     EnumColumnFieldType["LINK"] = "LINK";
+    EnumColumnFieldType["TOKENS"] = "TOKENS";
 })(EnumColumnFieldType || (EnumColumnFieldType = {}));
 
 var EnumBadgeColors;
@@ -3206,7 +3207,7 @@ let TableColumnsComponent = class TableColumnsComponent {
         let badgeClass = {
             "sds-badge": false
         };
-        let columnValue = column.attributes
+        const columnValue = column.attributes
             .map((attribute) => {
             let attributeValue;
             attribute
@@ -3227,7 +3228,7 @@ let TableColumnsComponent = class TableColumnsComponent {
                     });
                 }
             });
-            if (attributeValue === null || attributeValue === undefined) {
+            if (attributeValue === null || attributeValue === undefined || (this.isArray(attributeValue) && !attributeValue.length)) {
                 return uninformed;
             }
             else {
@@ -3251,19 +3252,31 @@ let TableColumnsComponent = class TableColumnsComponent {
                         return attributeValue;
                     case EnumColumnFieldType.NUMBER:
                         return this.applyMask(attributeValue, numberConfigs, false);
+                    case EnumColumnFieldType.TOKENS:
+                        return this.getTokens(attributeValue);
                 }
             }
-        }).join(separator);
-        const uninformedNumber = columnValue
+        });
+        const unifiedColumnValues = columnValue.join(separator);
+        const uninformedNumber = unifiedColumnValues
             .split(separator)
             .filter(value => value === uninformed).length;
+        let formattedColumnValue;
         if (uninformedNumber === column.attributes.length) {
-            columnValue = uninformed;
+            formattedColumnValue = uninformed;
+        }
+        else if (column.type === EnumColumnFieldType.TOKENS) {
+            formattedColumnValue = [].concat.apply([], columnValue.filter(values => values !== uninformed));
+        }
+        else {
+            formattedColumnValue = unifiedColumnValues;
         }
         return {
             style,
-            columnValue,
+            columnValue: formattedColumnValue,
             badgeClass,
+            separator,
+            uninformed,
             type: column.type,
             tooltip: this.getColumnTooltip(column.tooltip),
             onLinkClick: column.onLinkClick,
@@ -3308,6 +3321,49 @@ let TableColumnsComponent = class TableColumnsComponent {
         const operator = rawValue.includes("-") && !isZero ? "-" : "";
         return `${operator}${currencySymbol} ${newValue}`;
     }
+    getTokens(values) {
+        if (!this.isArray(values))
+            throw new Error("To use tokens an array must be informed");
+        // tslint:disable-next-line: max-line-length
+        if (!this.isValidTokenArray(values))
+            throw new Error("Not a valid token array. Token array must be a primitive values array or an objects with label attribute array");
+        if (this.isLabelObjectArray(values))
+            return values;
+        return values
+            .filter((value) => value !== undefined && value !== null)
+            .map((value) => {
+            const label = typeof value === "symbol" ? value.toString() : `${value}`;
+            return {
+                label
+            };
+        });
+    }
+    isValidTokenArray(values) {
+        return this.isPrimitiveValuesArray(values) || this.isLabelObjectArray(values);
+    }
+    isPrimitiveValuesArray(values) {
+        return values.filter(value => value !== Object(value)).length === values.length;
+    }
+    isLabelObjectArray(values) {
+        return values.filter(value => (value === null || value === void 0 ? void 0 : value.label) !== null && (value === null || value === void 0 ? void 0 : value.label) !== undefined).length === values.length;
+    }
+    isArray(value) {
+        return Array.isArray(value);
+    }
+    getSplittedString(column) {
+        const { columnValue, separator, uninformed } = column;
+        if (typeof columnValue === "string") {
+            const splittedString = columnValue.split(separator);
+            return splittedString.map((string, index) => {
+                const isLastIndex = splittedString.length - 1 === index;
+                return {
+                    value: string,
+                    isUninformed: string === uninformed,
+                    separator: !isLastIndex ? separator : ""
+                };
+            });
+        }
+    }
 };
 TableColumnsComponent.ctorParameters = () => [
     { type: ViewContainerRef },
@@ -3328,20 +3384,68 @@ __decorate([
 ], TableColumnsComponent.prototype, "locale", void 0);
 TableColumnsComponent = __decorate([
     Component({
-        template: "\n<ng-template #columnsTemplate>\n    <td *ngFor=\"let column of formattedColumns\" [ngStyle]=\"column.style\" (click)=\"column.onColumnClick ? column.onColumnClick(rowValue) : null\">\n        <span *ngIf=\"column.type !== 'LINK'\" [pTooltip]=\"column.tooltip\" [escape]=\"false\" [ngClass]=\"column.badgeClass\">{{column.columnValue}}</span>\n        <a *ngIf=\"column.type === 'LINK'\" [pTooltip]=\"column.tooltip\" [escape]=\"false\" (click)=\"column.onLinkClick ? column.onLinkClick(rowValue) : null\">\n            {{column.columnValue}}\n        </a>\n    </td>\n</ng-template>\n",
+        template: "\n<ng-template #columnsTemplate>\n    <td *ngFor=\"let column of formattedColumns\" [ngStyle]=\"column.style\" (click)=\"column.onColumnClick ? column.onColumnClick(rowValue) : null\">\n\n        <div *ngIf=\"column.type !== 'TOKENS' || !isArray(column.columnValue); else tokensTemplate\">\n\n            <span *ngIf=\"column.type !== 'LINK'\" [pTooltip]=\"column.tooltip\" [escape]=\"false\" [ngClass]=\"column.badgeClass\">\n                <ng-container *ngTemplateOutlet=\"columnValueTemplate\"></ng-container> \n            </span>\n\n            <a *ngIf=\"column.type === 'LINK'\" [pTooltip]=\"column.tooltip\" [escape]=\"false\" (click)=\"column.onLinkClick ? column.onLinkClick(rowValue) : null\">\n                <ng-container *ngTemplateOutlet=\"columnValueTemplate\"></ng-container> \n            </a>\n\n            <ng-template #columnValueTemplate>\n                <span *ngFor=\"let value of getSplittedString(column)\">\n                    <span [ngClass]=\"{ 'sds-pale-text': value.isUninformed }\">{{value.value}}</span>\n                    <span>{{value.separator}}</span>\n                </span>\n            </ng-template>\n\n        </div>\n\n        <ng-template #tokensTemplate>\n            <s-token-list\n                [tokens]=\"column.columnValue\"\n                [hidePointerEvents]=\"true\"\n            >\n            </s-token-list>\n        </ng-template>\n\n    </td>\n</ng-template>\n",
         selector: "s-table-columns",
         styles: [":host { display: none; }"]
     }),
     __param(2, Inject("hostProjectConfigs"))
 ], TableColumnsComponent);
 
+var TokenListComponent_1;
+let TokenListComponent = TokenListComponent_1 = class TokenListComponent {
+    constructor() {
+        this.id = `s-token-list-${TokenListComponent_1.nextId++}`;
+        this.removableTokens = false;
+        this.hidePointerEvents = false;
+        this.tokenSelected = new EventEmitter();
+        this.tokenRemoved = new EventEmitter();
+    }
+};
+TokenListComponent.nextId = 0;
+__decorate([
+    Input()
+], TokenListComponent.prototype, "id", void 0);
+__decorate([
+    Input()
+], TokenListComponent.prototype, "tokens", void 0);
+__decorate([
+    Input()
+], TokenListComponent.prototype, "removableTokens", void 0);
+__decorate([
+    Input()
+], TokenListComponent.prototype, "hidePointerEvents", void 0);
+__decorate([
+    Output()
+], TokenListComponent.prototype, "tokenSelected", void 0);
+__decorate([
+    Output()
+], TokenListComponent.prototype, "tokenRemoved", void 0);
+TokenListComponent = TokenListComponent_1 = __decorate([
+    Component({
+        selector: `s-token-list`,
+        template: "<div [id]=\"id\" class=\"token-list\">\n    <ng-container *ngFor=\"let token of tokens\">\n        <span [id]=\"token.id\" class=\"sds-token\" [ngClass]=\"{ 'noPointerEvents': hidePointerEvents }\">\n            <a [id]=\"(token.id || 'token') + '-label'\" (click)=\"tokenSelected.next(token)\">{{token.label}}</a>\n            <span [id]=\"token.id + '-remove'\" class=\"sds-token-icon fa fa-fw fa-close\" *ngIf=\"removableTokens\" (click)=\"tokenRemoved.next(token)\"></span>\n        </span>\n    </ng-container>\n</div>",
+        styles: ["a,a:focus,a:hover{text-decoration:none;color:#333}.token-list{display:inline-block;vertical-align:middle;padding-left:10px;padding-right:10px}.noPointerEvents{pointer-events:none}"]
+    })
+], TokenListComponent);
+
+let TokenListModule = class TokenListModule {
+};
+TokenListModule = __decorate([
+    NgModule({
+        imports: [CommonModule],
+        declarations: [TokenListComponent],
+        exports: [TokenListComponent],
+    })
+], TokenListModule);
+
 let TableModule = class TableModule {
 };
 TableModule = __decorate([
     NgModule({
         imports: [
             CommonModule,
-            TooltipModule
+            TooltipModule,
+            TokenListModule
         ],
         exports: [
             RowTogllerDirective,
@@ -5822,49 +5926,6 @@ TileModule = __decorate([
     })
 ], TileModule);
 
-var TokenListComponent_1;
-let TokenListComponent = TokenListComponent_1 = class TokenListComponent {
-    constructor() {
-        this.id = `s-token-list-${TokenListComponent_1.nextId++}`;
-        this.removableTokens = false;
-        this.tokenSelected = new EventEmitter();
-        this.tokenRemoved = new EventEmitter();
-    }
-};
-TokenListComponent.nextId = 0;
-__decorate([
-    Input()
-], TokenListComponent.prototype, "id", void 0);
-__decorate([
-    Input()
-], TokenListComponent.prototype, "tokens", void 0);
-__decorate([
-    Input()
-], TokenListComponent.prototype, "removableTokens", void 0);
-__decorate([
-    Output()
-], TokenListComponent.prototype, "tokenSelected", void 0);
-__decorate([
-    Output()
-], TokenListComponent.prototype, "tokenRemoved", void 0);
-TokenListComponent = TokenListComponent_1 = __decorate([
-    Component({
-        selector: `s-token-list`,
-        template: "<div [id]=\"id\" class=\"token-list\">\n    <ng-container *ngFor=\"let token of tokens\">\n        <span [id]=\"token.id\" class=\"sds-token\">\n            <a [id]=\"token.id + '-label'\" (click)=\"tokenSelected.next(token)\">{{token.label}}</a>\n            <span [id]=\"token.id + '-remove'\" class=\"sds-token-icon fa fa-fw fa-close\" *ngIf=\"removableTokens\" (click)=\"tokenRemoved.next(token)\"></span>\n        </span>\n    </ng-container>\n</div>",
-        styles: ["a,a:focus,a:hover{text-decoration:none;color:#333}.token-list{display:inline-block;vertical-align:middle;padding-left:10px;padding-right:10px}"]
-    })
-], TokenListComponent);
-
-let TokenListModule = class TokenListModule {
-};
-TokenListModule = __decorate([
-    NgModule({
-        imports: [CommonModule],
-        declarations: [TokenListComponent],
-        exports: [TokenListComponent],
-    })
-], TokenListModule);
-
 var GlobalSearchSizeEnum;
 (function (GlobalSearchSizeEnum) {
     GlobalSearchSizeEnum["STANDARD"] = "STANDARD";
@@ -6172,5 +6233,5 @@ AngularComponentsModule = AngularComponentsModule_1 = __decorate([
  * Generated bundle index. Do not edit.
  */
 
-export { AngularComponentsModule, AutocompleteField, BooleanField, BooleanOptionsLabel, BreadcrumbComponent, BreadcrumbModule, Breakpoints, ButtonComponent, ButtonModule, ButtonPriority, ButtonSize, CalendarField, CalendarLocaleOptions, CalendarMaskDirective, CalendarMaskModule, ChipsField, CollapseLinkComponent, CollapseLinkModule, ControlErrorsComponent, ControlErrorsModule, CurrencyField, CustomFieldsComponent, CustomFieldsModule, CustomFieldsService, DEFAULT_CALENDAR_LOCALE_OPTIONS, DEFAULT_LOCALE_OPTIONS, DEFAULT_NUMBER_LOCALE_OPTIONS, DynamicConfig, DynamicFormComponent, DynamicFormModule, DynamicType, EditableOverlayDirective, EditableOverlayModule, EmptyStateComponent, EmptyStateModule, EnumBadgeColors, EnumColumnFieldType, ExportUtils, Field, FieldType, Fieldset, FileUploadComponent, FileUploadModule, FormField, GlobalSearchComponent, GlobalSearchDropdownItemComponent, GlobalSearchModule, GlobalSearchSizeEnum, ImageCropperComponent, ImageCropperModule, ImageCropperService, InfoSignDirective, InfoSignModule, LoadingStateComponent, LoadingStateDirective, LoadingStateModule, LocaleModule, LocaleOptions, LocaleService, LocalizedCurrencyPipe, LocalizedCurrencyPipeOptions, LocalizedDateImpurePipe, LocalizedDatePipe, LocalizedNumberInputDirective, LocalizedNumberInputModule, LocalizedNumberPipe, LocalizedTimeImpurePipe, LocalizedTimePipe, LongPressDirective, LookupComponent, LookupField, MaskFormatterModule, MaskFormatterPipe, MouseEventsModule, NavigationDirective, NumberAlignmentOption, NumberField, NumberInputDirective, NumberInputModule, NumberLocaleOptions, ObjectCardComponent, ObjectCardFieldComponent, ObjectCardMainComponent, ObjectCardModule, Option, ProductHeaderComponent, ProductHeaderModule, RadioButtonField, RationButtonOption, RowTogllerDirective, Section, SelectField, SelectOption, SidebarComponent, SidebarModule, StatsCardComponent, StatsCardModule, StepState, StepsComponent, StepsModule, Structure, TableHeaderCheckboxComponent, TableHeaderCheckboxModule, TableModule, TextAreaField, TextField, ThumbnailComponent, ThumbnailModule, ThumbnailSize, TileComponent, TileModule, TokenListComponent, TokenListModule, ValidateErrors, LocalizedCurrencyImpurePipe as ɵa, TableColumnsComponent as ɵb, InfoSignComponent as ɵba, NumberLocaleOptions as ɵbb, ThumbnailService as ɵbc, InfiniteScrollModule as ɵbd, InfiniteScrollDirective as ɵbe, InfoSignModule as ɵc, AutocompleteFieldComponent as ɵd, BooleanFieldComponent as ɵe, CalendarFieldComponent as ɵf, ChipsFieldComponent as ɵg, CurrencyFieldComponent as ɵh, BaseFieldComponent as ɵi, DynamicFieldComponent as ɵj, DynamicFormDirective as ɵk, FieldsetComponent as ɵl, FileUploadComponent$1 as ɵm, LookupFieldComponent as ɵn, NumberFieldComponent as ɵo, RadioButtonComponent as ɵp, RowComponent as ɵq, SectionComponent as ɵr, SelectFieldComponent as ɵs, TextAreaFieldComponent as ɵt, TextFieldComponent as ɵu, DecimalField as ɵw, StructureModule as ɵx, HeaderComponent as ɵy, FooterComponent as ɵz };
+export { AngularComponentsModule, AutocompleteField, BooleanField, BooleanOptionsLabel, BreadcrumbComponent, BreadcrumbModule, Breakpoints, ButtonComponent, ButtonModule, ButtonPriority, ButtonSize, CalendarField, CalendarLocaleOptions, CalendarMaskDirective, CalendarMaskModule, ChipsField, CollapseLinkComponent, CollapseLinkModule, ControlErrorsComponent, ControlErrorsModule, CurrencyField, CustomFieldsComponent, CustomFieldsModule, CustomFieldsService, DEFAULT_CALENDAR_LOCALE_OPTIONS, DEFAULT_LOCALE_OPTIONS, DEFAULT_NUMBER_LOCALE_OPTIONS, DynamicConfig, DynamicFormComponent, DynamicFormModule, DynamicType, EditableOverlayDirective, EditableOverlayModule, EmptyStateComponent, EmptyStateModule, EnumBadgeColors, EnumColumnFieldType, ExportUtils, Field, FieldType, Fieldset, FileUploadComponent, FileUploadModule, FormField, GlobalSearchComponent, GlobalSearchDropdownItemComponent, GlobalSearchModule, GlobalSearchSizeEnum, ImageCropperComponent, ImageCropperModule, ImageCropperService, InfoSignDirective, InfoSignModule, LoadingStateComponent, LoadingStateDirective, LoadingStateModule, LocaleModule, LocaleOptions, LocaleService, LocalizedCurrencyPipe, LocalizedCurrencyPipeOptions, LocalizedDateImpurePipe, LocalizedDatePipe, LocalizedNumberInputDirective, LocalizedNumberInputModule, LocalizedNumberPipe, LocalizedTimeImpurePipe, LocalizedTimePipe, LongPressDirective, LookupComponent, LookupField, MaskFormatterModule, MaskFormatterPipe, MouseEventsModule, NavigationDirective, NumberAlignmentOption, NumberField, NumberInputDirective, NumberInputModule, NumberLocaleOptions, ObjectCardComponent, ObjectCardFieldComponent, ObjectCardMainComponent, ObjectCardModule, Option, ProductHeaderComponent, ProductHeaderModule, RadioButtonField, RationButtonOption, RowTogllerDirective, Section, SelectField, SelectOption, SidebarComponent, SidebarModule, StatsCardComponent, StatsCardModule, StepState, StepsComponent, StepsModule, Structure, TableHeaderCheckboxComponent, TableHeaderCheckboxModule, TableModule, TextAreaField, TextField, ThumbnailComponent, ThumbnailModule, ThumbnailSize, TileComponent, TileModule, TokenListComponent, TokenListModule, ValidateErrors, LocalizedCurrencyImpurePipe as ɵa, TokenListModule as ɵb, FooterComponent as ɵba, InfoSignComponent as ɵbb, NumberLocaleOptions as ɵbc, ThumbnailService as ɵbd, InfiniteScrollModule as ɵbe, InfiniteScrollDirective as ɵbf, TableColumnsComponent as ɵc, InfoSignModule as ɵd, AutocompleteFieldComponent as ɵe, BooleanFieldComponent as ɵf, CalendarFieldComponent as ɵg, ChipsFieldComponent as ɵh, CurrencyFieldComponent as ɵi, BaseFieldComponent as ɵj, DynamicFieldComponent as ɵk, DynamicFormDirective as ɵl, FieldsetComponent as ɵm, FileUploadComponent$1 as ɵn, LookupFieldComponent as ɵo, NumberFieldComponent as ɵp, RadioButtonComponent as ɵq, RowComponent as ɵr, SectionComponent as ɵs, SelectFieldComponent as ɵt, TextAreaFieldComponent as ɵu, TextFieldComponent as ɵv, DecimalField as ɵx, StructureModule as ɵy, HeaderComponent as ɵz };
 //# sourceMappingURL=seniorsistemas-angular-components.js.map