@taiga-ui/cdk 3.53.0-canary.0ae603c → 3.53.0-canary.f51807c

package/schematics/ng-update/v4/steps/constants/attrs-to-replace.js

@@ -44,4 +44,11 @@ exports.ATTRS_TO_REPLACE = [
         },
         to: { attrName: `[value]` },
     },
+    {
+        from: {
+            attrName: `[rounded]`,
+            withTagNames: [`tui-avatar`],
+        },
+        to: { attrName: `[round]` },
+    },
 ];

package/schematics/ng-update/v4/steps/constants/html-comments.js

@@ -7,4 +7,14 @@ exports.HTML_COMMENTS = [
         withAttrs: [`singleColor`, `showLoader`],
         comment: `toggle [singleColor] and [showLoader] inputs have been removed due to design changes`,
     },
+    {
+        tag: `tui-table-pagination`,
+        withAttrs: [`[(page)]`, `[(size)]`, `(pageChange)`, `(sizeChange)`],
+        comment: `(pageChange) and (sizeChange) outputs have been removed. Use (paginationChange) instead`,
+    },
+    {
+        tag: `tui-radio`,
+        withAttrs: [`identityMatcher`, `showLoader`],
+        comment: `radio [identityMatcher] and [pseudoDisabled] inputs have been removed. If you need a workaround, please start a discussion on GitHub to think together`,
+    },
 ];

package/schematics/ng-update/v4/steps/constants/identifiers-to-replace.js

@@ -25,6 +25,10 @@ exports.IDENTIFIERS_TO_REPLACE = [
         from: { name: `TuiRadioModule`, moduleSpecifier: `@taiga-ui/experimental` },
         to: { name: `TuiRadioModule`, moduleSpecifier: `@taiga-ui/kit` },
     },
+    {
+        from: { name: `TuiAvatarModule`, moduleSpecifier: `@taiga-ui/experimental` },
+        to: { name: `TuiAvatarModule`, moduleSpecifier: `@taiga-ui/kit` },
+    },
     {
         from: { name: `TuiToggleModule`, moduleSpecifier: `@taiga-ui/experimental` },
         to: { name: `TuiToggleModule`, moduleSpecifier: `@taiga-ui/kit` },

package/schematics/ng-update/v4/steps/constants/inputs-to-remove.js

@@ -5,4 +5,5 @@ exports.INPUTS_TO_REMOVE = [
     { inputName: `active`, tags: [`tui-card`, `tui-thumbnail-card`] },
     { inputName: `showLoader`, tags: [`tui-toggle`] },
     { inputName: `singleColor`, tags: [`tui-toggle`] },
+    { inputName: `hoverable`, tags: [`tui-badge`] },
 ];

package/schematics/ng-update/v4/steps/migrate-templates.js

@@ -27,6 +27,7 @@ function migrateTemplates(fileSystem, options) {
         templates_2.migrateCheckbox,
         templates_2.migrateRadio,
         templates_2.migrateToggle,
+        templates_2.migrateAvatar,
     ];
     const progressLog = progress_1.setupProgressLogger({
         total: componentWithTemplatesPaths.length,

package/schematics/ng-update/v4/steps/templates/index.d.ts

@@ -1,2 +1,3 @@
+export * from './migrate-avatar';
 export * from './migrate-badge';
 export * from './toggles';

package/schematics/ng-update/v4/steps/templates/index.js

@@ -1,5 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./migrate-avatar"), exports);
 tslib_1.__exportStar(require("./migrate-badge"), exports);
 tslib_1.__exportStar(require("./toggles"), exports);

package/schematics/ng-update/v4/steps/templates/migrate-avatar.d.ts

@@ -0,0 +1,8 @@
+import { UpdateRecorder } from '@angular-devkit/schematics';
+import { DevkitFileSystem } from 'ng-morph';
+import { TemplateResource } from '../../../interfaces';
+export declare function migrateAvatar({ resource, recorder, fileSystem, }: {
+    fileSystem: DevkitFileSystem;
+    recorder: UpdateRecorder;
+    resource: TemplateResource;
+}): void;

package/schematics/ng-update/v4/steps/templates/migrate-avatar.js

@@ -0,0 +1,75 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.migrateAvatar = void 0;
+const add_import_to_closest_module_1 = require("../../../../utils/add-import-to-closest-module");
+const elements_1 = require("../../../../utils/templates/elements");
+const template_resource_1 = require("../../../../utils/templates/template-resource");
+function migrateAvatar({ resource, recorder, fileSystem, }) {
+    const template = template_resource_1.getTemplateFromTemplateResource(resource, fileSystem);
+    const templateOffset = template_resource_1.getTemplateOffset(resource);
+    const elements = elements_1.findElementsByTagName(template, `tui-avatar`);
+    elements.forEach(({ attrs, sourceCodeLocation }) => {
+        const avatarUrlAttr = attrs.find(attr => attr.name === `[avatarurl]` || attr.name === `avatarurl`);
+        const fallbackAttr = attrs.find(attr => attr.name === `[fallback]` || attr.name === `fallback`);
+        const textAttr = attrs.find(attr => attr.name === `[text]` || attr.name === `text`);
+        const roundedAttr = attrs.find(attr => attr.name === `[rounded]` || attr.name === `rounded`);
+        if ((!avatarUrlAttr && !textAttr) || !sourceCodeLocation) {
+            return;
+        }
+        const urlAttrValue = (avatarUrlAttr === null || avatarUrlAttr === void 0 ? void 0 : avatarUrlAttr.value) &&
+            normalizeAttrValue(avatarUrlAttr.name, avatarUrlAttr.value);
+        const textAttrValue = (textAttr === null || textAttr === void 0 ? void 0 : textAttr.value) && normalizeAttrValue(textAttr.name, textAttr.value);
+        const fallbackAttrValue = (fallbackAttr === null || fallbackAttr === void 0 ? void 0 : fallbackAttr.value) &&
+            normalizeAttrValue(fallbackAttr.name, fallbackAttr.value);
+        const insertTo = sourceCodeLocation.startTag.startOffset + `<tui-avatar`.length;
+        if (!insertTo) {
+            return;
+        }
+        const mainSrc = urlAttrValue || (textAttrValue ? `${textAttrValue} | tuiInitials` : ``);
+        const fallbackValue = urlAttrValue
+            ? getFallbackValue(textAttrValue, fallbackAttrValue)
+            : ``;
+        const fallbackSrc = urlAttrValue && fallbackValue
+            ? `| tuiFallbackSrc : ${fallbackValue} | async`
+            : ``;
+        recorder.insertRight(insertTo + templateOffset, ` [src]="${mainSrc}${fallbackSrc ? ` ${fallbackSrc}` : ``}"${!roundedAttr ? ` [round]="false"` : ``}`);
+        const attrsToRemove = [avatarUrlAttr, textAttr, fallbackAttr].filter((attr) => attr !== undefined);
+        const fallbackModule = !!((avatarUrlAttr && textAttrValue) || fallbackAttr);
+        const initialsModule = !!textAttrValue;
+        const modules = [
+            ...(fallbackModule
+                ? [{ moduleName: `TuiFallbackModule`, moduleSpecifier: `@taiga-ui/cdk` }]
+                : []),
+            ...(initialsModule
+                ? [{ moduleName: `TuiInitialsModule`, moduleSpecifier: `@taiga-ui/cdk` }]
+                : []),
+        ];
+        addModules(resource.componentPath, modules);
+        removeAttrs(attrsToRemove, sourceCodeLocation, recorder, templateOffset);
+    });
+}
+exports.migrateAvatar = migrateAvatar;
+function addModules(componentPath, modules) {
+    modules.forEach(({ moduleName, moduleSpecifier }) => {
+        add_import_to_closest_module_1.addImportToClosestModule(componentPath, moduleName, moduleSpecifier);
+    });
+}
+function removeAttrs(attrs, sourceCodeLocation, recorder, templateOffset) {
+    attrs.forEach(attr => {
+        var _a;
+        const attrOffset = (_a = sourceCodeLocation.attrs) === null || _a === void 0 ? void 0 : _a[attr.name];
+        if (attrOffset) {
+            const { startOffset, endOffset } = attrOffset;
+            recorder.remove(templateOffset + startOffset - 1, endOffset - startOffset + 1);
+        }
+    });
+}
+function getFallbackValue(textValue, fallbackValue) {
+    if (textValue) {
+        return `(${textValue} | tuiInitials)`;
+    }
+    return textValue ? `(${textValue} | tuiInitials)` : fallbackValue || ``;
+}
+function normalizeAttrValue(attrName, attrValue) {
+    return attrName.startsWith(`[`) ? attrValue : `'${attrValue}'`;
+}