@taiga-ui/cdk 3.53.0 → 3.54.0-canary.c32771f

package/schematics/ng-update/v3/steps/migrate-progress.js

@@ -15,10 +15,7 @@ const PROPERTY_FOR_DEPRECATED_PIPES = `[color]`;
 function migrateProgress(fileSystem, options) {
     !options[`skip-logs`] &&
         colored_log_1.infoLog(`${colored_log_1.SMALL_TAB_SYMBOL}${colored_log_1.REPLACE_SYMBOL} migrating progress bars...`);
-    const templateResources = get_component_templates_1.getComponentTemplates(constants_1.ALL_TS_FILES);
-    for (const templateResource of templateResources) {
-        replaceProgressColorSegmentsPipe(templateResource, fileSystem);
-    }
+    get_component_templates_1.getComponentTemplates(constants_1.ALL_TS_FILES).forEach(templateResource => replaceProgressColorSegmentsPipe(templateResource, fileSystem));
     fileSystem.commitEdits();
     ng_morph_1.saveActiveProject();
     ng_morph_1.setActiveProject(ng_morph_1.createProject(fileSystem.tree, project_root_1.projectRoot(), constants_1.ALL_FILES));
@@ -27,13 +24,14 @@ function migrateProgress(fileSystem, options) {
 }
 exports.migrateProgress = migrateProgress;
 function replaceProgressColorSegmentsPipe(templateResource, fileSystem) {
-    var _a, _b;
     const template = template_resource_1.getTemplateFromTemplateResource(templateResource, fileSystem);
     const templateOffset = template_resource_1.getTemplateOffset(templateResource);
     const path = fileSystem.resolve(template_resource_1.getPathFromTemplateResource(templateResource));
     const recorder = fileSystem.edit(path);
-    const progressElements = elements_1.findElementsWithAttribute(template, PROPERTY_FOR_DEPRECATED_PIPES).filter(isProgressWithDeprecatedPipe);
-    for (const progressEl of progressElements) {
+    elements_1.findElementsWithAttribute(template, PROPERTY_FOR_DEPRECATED_PIPES)
+        .filter(isProgressWithDeprecatedPipe)
+        .forEach(progressEl => {
+        var _a, _b;
         const oldValue = ((_a = progressEl.attrs.find(attr => attr.name === PROPERTY_FOR_DEPRECATED_PIPES)) === null || _a === void 0 ? void 0 : _a.value) || ``;
         const newValue = oldValue.replace(exports.DEPRECATED_PROGRESS_PIPES_REG, ``);
         const attrLocations = (_b = progressEl.sourceCodeLocation) === null || _b === void 0 ? void 0 : _b.attrs;
@@ -42,7 +40,7 @@ function replaceProgressColorSegmentsPipe(templateResource, fileSystem) {
             recorder.remove(templateOffset + startOffset, endOffset - startOffset);
             recorder.insertRight(templateOffset + startOffset, `[tuiProgressColorSegments]="${newValue}"`);
         }
-    }
+    });
 }
 function isProgressWithDeprecatedPipe(element) {
     return (element.tagName === `progress` &&

package/schematics/ng-update/v3/steps/migrate-sliders/migrate-input-range.js

@@ -21,17 +21,17 @@ function migrateInputRange(fileSystem, options) {
         total: templateResources.length,
         prefix: `[replaceMinMaxLabel]`,
     });
-    for (const templateResource of templateResources) {
+    templateResources.forEach(templateResource => {
         !options[`skip-logs`] && progressLog(templateResource.componentPath);
         replaceMinLabel(templateResource, fileSystem, COMPONENTS_WITH_MIN_LABELS);
         replaceMaxLabel(templateResource, fileSystem, COMPONENTS_WITH_MAX_LABELS);
-    }
+    });
     save(fileSystem);
     progressLog = progress_1.setupProgressLogger({
         total: COMPONENTS_WITH_MIN_LABELS.size,
         prefix: `[COMPONENTS_WITH_MIN_LABELS]`,
     });
-    for (const componentPath of Array.from(COMPONENTS_WITH_MIN_LABELS)) {
+    Array.from(COMPONENTS_WITH_MIN_LABELS).forEach(componentPath => {
         !options[`skip-logs`] && progressLog(componentPath);
         addMinMaxLabelMethod(componentPath, MIN_LABELS_MIGRATION_METHOD_NAME, [
             `const currentValue = context.$implicit;`,
@@ -40,12 +40,12 @@ function migrateInputRange(fileSystem, options) {
             `if (currentValue === minValue) return minLabelText;`,
             `return String(currentValue);`,
         ]);
-    }
+    });
     progressLog = progress_1.setupProgressLogger({
         total: COMPONENTS_WITH_MAX_LABELS.size,
         prefix: `[COMPONENTS_WITH_MAX_LABELS]`,
     });
-    for (const componentPath of Array.from(COMPONENTS_WITH_MAX_LABELS)) {
+    Array.from(COMPONENTS_WITH_MAX_LABELS).forEach(componentPath => {
         !options[`skip-logs`] && progressLog(componentPath);
         addMinMaxLabelMethod(componentPath, MAX_LABELS_MIGRATION_METHOD_NAME, [
             `const currentValue = context.$implicit;`,
@@ -54,7 +54,7 @@ function migrateInputRange(fileSystem, options) {
             `if (currentValue === maxValue) return maxLabelText;`,
             `return String(currentValue);`,
         ]);
-    }
+    });
 }
 exports.migrateInputRange = migrateInputRange;
 function replaceMinLabel(templateResource, fileSystem, modifiedComponentStorage) {

package/schematics/ng-update/v3/steps/migrate-sliders/migrate-input-slider.js

@@ -18,10 +18,10 @@ function migrateInputSlider(fileSystem, options) {
         total: templateResources.length,
         prefix: `[replaceMinMaxLabels]`,
     });
-    for (const templateResource of templateResources) {
+    templateResources.forEach(templateResource => {
         !options[`skip-logs`] && progressLog(templateResource.componentPath);
         replaceMinMaxLabels(templateResource, fileSystem, COMPONENTS_WITH_MIN_MAX_LABELS);
-    }
+    });
     /**
      * We should update virtual file tree
      * otherwise all following ng-morph commands will overwrite all previous template manipulations
@@ -33,10 +33,10 @@ function migrateInputSlider(fileSystem, options) {
         total: COMPONENTS_WITH_MIN_MAX_LABELS.size,
         prefix: `[addMinMaxLabelMethod]`,
     });
-    for (const componentPath of Array.from(COMPONENTS_WITH_MIN_MAX_LABELS)) {
+    Array.from(COMPONENTS_WITH_MIN_MAX_LABELS).forEach(componentPath => {
         !options[`skip-logs`] && progressLog(componentPath);
         addMinMaxLabelMethod(componentPath);
-    }
+    });
 }
 exports.migrateInputSlider = migrateInputSlider;
 const MIN_MAX_LABELS_MIGRATION_METHOD_NAME = `tuiMigrationMinMaxLabel`;

package/schematics/ng-update/v3-40/index.js

@@ -24,8 +24,7 @@ exports.updateToV3_40 = updateToV3_40;
 function replaceTextareaTag(options, fileSystem) {
     !options[`skip-logs`] &&
         colored_log_1.infoLog(`${colored_log_1.SMALL_TAB_SYMBOL}${colored_log_1.REPLACE_SYMBOL} replacing <tui-text-area /> to <tui-textarea />`);
-    const templateResources = get_component_templates_1.getComponentTemplates(constants_1.ALL_TS_FILES);
-    for (const resource of templateResources) {
+    get_component_templates_1.getComponentTemplates(constants_1.ALL_TS_FILES).forEach(resource => {
         const template = template_resource_1.getTemplateFromTemplateResource(resource, fileSystem);
         const elements = elements_1.findElementsByTagName(template, `tui-text-area`);
         const path = fileSystem.resolve(template_resource_1.getPathFromTemplateResource(resource));
@@ -35,7 +34,7 @@ function replaceTextareaTag(options, fileSystem) {
                 replace_tag_1.replaceTag(recorder, sourceCodeLocation, `tui-text-area`, `tui-textarea`);
             }
         });
-    }
+    });
     fileSystem.commitEdits();
     ng_morph_1.saveActiveProject();
     ng_morph_1.setActiveProject(ng_morph_1.createProject(fileSystem.tree, project_root_1.projectRoot(), constants_1.ALL_FILES));

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}'`;
+}

package/schematics/ng-update/v4/steps/utils/replace-substrings.js

@@ -9,11 +9,11 @@ function replaceSubstring(text, replacement) {
 function replaceSubstrings(text, replacements) {
     let transformed = text;
     let acc = 0;
-    for (const replacement of replacements) {
+    replacements.forEach(replacement => {
         replacement.start += acc;
         transformed = replaceSubstring(transformed, replacement);
         acc += replacement.to.length - replacement.from.length;
-    }
+    });
     return transformed;
 }
 exports.replaceSubstrings = replaceSubstrings;