@taiga-ui/cdk 4.19.0 → 4.20.0-canary.bd53957

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

@@ -295,6 +295,26 @@ exports.IDENTIFIERS_TO_REPLACE = [
         from: { name: 'TuiTreeModule', moduleSpecifier: '@taiga-ui/kit' },
         to: { name: 'TuiTree', moduleSpecifier: '@taiga-ui/kit', spreadInModule: true },
     },
+    {
+        from: { name: 'TuiTreeItemComponent', moduleSpecifier: '@taiga-ui/kit' },
+        to: { name: 'TuiTreeItem', moduleSpecifier: '@taiga-ui/kit' },
+    },
+    {
+        from: { name: 'TuiTreeItemContentComponent', moduleSpecifier: '@taiga-ui/kit' },
+        to: { name: 'TuiTreeItemContent', moduleSpecifier: '@taiga-ui/kit' },
+    },
+    {
+        from: { name: 'TuiTreeChildrenDirective', moduleSpecifier: '@taiga-ui/kit' },
+        to: { name: 'TuiTreeChildren', moduleSpecifier: '@taiga-ui/kit' },
+    },
+    {
+        from: { name: 'TuiTreeItemControllerDirective', moduleSpecifier: '@taiga-ui/kit' },
+        to: { name: 'TuiTreeItemController', moduleSpecifier: '@taiga-ui/kit' },
+    },
+    {
+        from: { name: 'TuiTreeNodeDirective', moduleSpecifier: '@taiga-ui/kit' },
+        to: { name: 'TuiTreeNode', moduleSpecifier: '@taiga-ui/kit' },
+    },
     {
         from: {
             name: 'TuiDataListDropdownManagerModule',
@@ -335,7 +355,10 @@ exports.IDENTIFIERS_TO_REPLACE = [
     },
     {
         from: { name: 'TuiFieldErrorPipeModule', moduleSpecifier: '@taiga-ui/kit' },
-        to: { name: 'TuiFieldErrorPipe', moduleSpecifier: '@taiga-ui/kit' },
+        to: [
+            { name: 'TuiFieldErrorPipe', moduleSpecifier: '@taiga-ui/kit' },
+            { name: 'TuiFieldErrorContentPipe', moduleSpecifier: '@taiga-ui/kit' },
+        ],
     },
     {
         from: { name: 'TuiThumbnailCardModule', moduleSpecifier: '@taiga-ui/experimental' },
@@ -366,6 +389,14 @@ exports.IDENTIFIERS_TO_REPLACE = [
         from: { name: 'TuiPrimitiveTextfieldComponent', moduleSpecifier: '@taiga-ui/core' },
         to: { name: 'TuiPrimitiveTextfieldComponent', moduleSpecifier: '@taiga-ui/legacy' },
     },
+    {
+        from: { name: 'TUI_TEXTFIELD_SIZE', moduleSpecifier: '@taiga-ui/core' },
+        to: { name: 'TUI_TEXTFIELD_SIZE', moduleSpecifier: '@taiga-ui/legacy' },
+    },
+    {
+        from: { name: 'TuiTextfieldSizeDirective', moduleSpecifier: '@taiga-ui/core' },
+        to: { name: 'TuiTextfieldSizeDirective', moduleSpecifier: '@taiga-ui/legacy' },
+    },
     {
         from: { name: 'TuiOptionComponent', moduleSpecifier: '@taiga-ui/core' },
         to: { name: 'TuiOption', moduleSpecifier: '@taiga-ui/core' },
@@ -470,6 +501,10 @@ exports.IDENTIFIERS_TO_REPLACE = [
         from: { name: 'TuiTextAreaDirective', moduleSpecifier: '@taiga-ui/kit' },
         to: { name: 'TuiTextareaDirective', moduleSpecifier: '@taiga-ui/legacy' },
     },
+    {
+        from: { name: 'TuiStatus', moduleSpecifier: '@taiga-ui/kit' },
+        to: { name: 'TuiStatus', moduleSpecifier: '@taiga-ui/legacy' },
+    },
     {
         from: { name: 'TuiTextAreaComponent', moduleSpecifier: '@taiga-ui/kit' },
         to: { name: 'TuiTextareaComponent', moduleSpecifier: '@taiga-ui/legacy' },
@@ -479,11 +514,17 @@ exports.IDENTIFIERS_TO_REPLACE = [
             { name: 'TuiBadgedContentModule', moduleSpecifier: '@taiga-ui/experimental' },
             { name: 'TuiBadgedContentModule', moduleSpecifier: '@taiga-ui/kit' },
         ],
-        to: {
-            name: 'TuiBadgedContent',
-            moduleSpecifier: '@taiga-ui/kit',
-            spreadInModule: true,
-        },
+        to: [
+            {
+                name: 'TuiBadgedContent',
+                moduleSpecifier: '@taiga-ui/kit',
+                spreadInModule: true,
+            },
+            {
+                name: 'TuiBadgeNotification',
+                moduleSpecifier: '@taiga-ui/kit',
+            },
+        ],
     },
     {
         from: {
@@ -523,7 +564,10 @@ exports.IDENTIFIERS_TO_REPLACE = [
             { name: 'TuiScrollbarModule', moduleSpecifier: '@taiga-ui/core' },
             { name: 'TuiScrollbarComponent', moduleSpecifier: '@taiga-ui/core' },
         ],
-        to: { name: 'TuiScrollbar', moduleSpecifier: '@taiga-ui/core' },
+        to: [
+            { name: 'TuiScrollbar', moduleSpecifier: '@taiga-ui/core' },
+            { name: 'TuiScrollable', moduleSpecifier: '@taiga-ui/core' },
+        ],
     },
     {
         from: [
@@ -716,6 +760,16 @@ exports.IDENTIFIERS_TO_REPLACE = [
         from: { name: 'TuiChipModule', moduleSpecifier: '@taiga-ui/experimental' },
         to: { name: 'TuiChip', moduleSpecifier: '@taiga-ui/kit' },
     },
+    {
+        from: {
+            name: 'TuiTablePagination',
+            moduleSpecifier: '@taiga-ui/addon-table',
+        },
+        to: {
+            name: 'TuiTablePaginationEvent',
+            moduleSpecifier: '@taiga-ui/addon-table',
+        },
+    },
     {
         from: {
             name: 'TuiTablePaginationModule',
@@ -726,6 +780,16 @@ exports.IDENTIFIERS_TO_REPLACE = [
             moduleSpecifier: '@taiga-ui/addon-table',
         },
     },
+    {
+        from: {
+            name: 'TuiTablePaginationComponent',
+            moduleSpecifier: '@taiga-ui/addon-table',
+        },
+        to: {
+            name: 'TuiTablePagination',
+            moduleSpecifier: '@taiga-ui/addon-table',
+        },
+    },
     {
         from: { name: 'TuiCardModule', moduleSpecifier: '@taiga-ui/experimental' },
         to: [
@@ -764,10 +828,23 @@ exports.IDENTIFIERS_TO_REPLACE = [
     },
     {
         from: { name: 'TUI_ARROW', moduleSpecifier: '@taiga-ui/kit' },
-        to: {
-            name: 'TUI_ARROW',
-            moduleSpecifier: '@taiga-ui/legacy',
-        },
+        to: { name: 'TUI_ARROW', moduleSpecifier: '@taiga-ui/legacy' },
+    },
+    {
+        from: { name: 'TUI_ARROW_MODE', moduleSpecifier: '@taiga-ui/kit' },
+        to: { name: 'TUI_ARROW_MODE', moduleSpecifier: '@taiga-ui/legacy' },
+    },
+    {
+        from: { name: 'TuiArrowMode', moduleSpecifier: '@taiga-ui/kit' },
+        to: { name: 'TuiArrowMode', moduleSpecifier: '@taiga-ui/legacy' },
+    },
+    {
+        from: { name: 'TuiComboBoxComponent', moduleSpecifier: '@taiga-ui/kit' },
+        to: { name: 'TuiComboBoxComponent', moduleSpecifier: '@taiga-ui/legacy' },
+    },
+    {
+        from: { name: 'TuiSelectComponent', moduleSpecifier: '@taiga-ui/kit' },
+        to: { name: 'TuiSelectComponent', moduleSpecifier: '@taiga-ui/legacy' },
     },
     {
         from: { name: 'TuiArrowComponent', moduleSpecifier: '@taiga-ui/kit' },
@@ -2513,4 +2590,15 @@ exports.IDENTIFIERS_TO_REPLACE = [
         from: { name: 'TuiObscuredModule', moduleSpecifier: '@taiga-ui/cdk' },
         to: { name: 'TuiObscured', moduleSpecifier: '@taiga-ui/cdk' },
     },
+    {
+        from: { name: 'TuiResizerModule', moduleSpecifier: '@taiga-ui/cdk' },
+        to: [
+            { name: 'TuiResizable', moduleSpecifier: '@taiga-ui/cdk' },
+            { name: 'TuiResizer', moduleSpecifier: '@taiga-ui/cdk' },
+        ],
+    },
+    {
+        from: { name: 'TuiResizeableDirective', moduleSpecifier: '@taiga-ui/cdk' },
+        to: { name: 'TuiResizable', moduleSpecifier: '@taiga-ui/cdk' },
+    },
 ];

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

@@ -13,4 +13,10 @@ exports.INPUTS_TO_REMOVE = [
         tags: ['button', 'a'],
         filterFn: (el) => (0, elements_1.hasElementAttribute)(el, 'tuiLink'),
     },
+    {
+        inputName: 'disabled',
+        tags: ['a'],
+        filterFn: (el) => (0, elements_1.hasElementAttribute)(el, 'tuiIconButton') ||
+            (0, elements_1.hasElementAttribute)(el, 'tuiButton'),
+    },
 ];

package/schematics/ng-update/v4/steps/constants/types.js

@@ -8,6 +8,12 @@ exports.TYPES_TO_RENAME = [
         moduleSpecifier: ['@taiga-ui/core'],
         removeImport: true,
     },
+    {
+        from: 'TuiStepState',
+        to: "'error' | 'normal' | 'pass'",
+        moduleSpecifier: ['@taiga-ui/kit'],
+        removeImport: true,
+    },
     {
         from: 'TuiIllustrationName',
         moduleSpecifier: ['@taiga-ui/proprietary-icons'],

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

@@ -1,5 +1,5 @@
 /// <reference lib="es2021" />
 import type { DevkitFileSystem } from 'ng-morph';
 import type { TuiSchema } from '../../../ng-add/schema';
-export declare const TUI_EDITOR_VERSION = "^4.11.0";
+export declare const TUI_EDITOR_VERSION = "^4.21.0";
 export declare function migrateEditor(fileSystem: DevkitFileSystem, options: TuiSchema): void;

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

@@ -3,9 +3,11 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.migrateEditor = exports.TUI_EDITOR_VERSION = void 0;
 const ng_morph_1 = require("ng-morph");
 const file_globs_1 = require("../../../constants/file-globs");
+const add_unique_import_1 = require("../../../utils/add-unique-import");
+const get_named_import_references_1 = require("../../../utils/get-named-import-references");
 const replace_identifier_1 = require("../../steps/replace-identifier");
 const replace_package_name_1 = require("../../steps/replace-package-name");
-exports.TUI_EDITOR_VERSION = '^4.11.0';
+exports.TUI_EDITOR_VERSION = '^4.21.0';
 function migrateEditor(fileSystem, options) {
     const moduleSpecifier = ['@tinkoff/tui-editor', '@taiga-ui/addon-editor'];
     const hasEditor = moduleSpecifier.every((pkg) => !(0, ng_morph_1.getPackageJsonDependency)(fileSystem.tree, pkg));
@@ -14,6 +16,7 @@ function migrateEditor(fileSystem, options) {
     }
     !options['skip-logs'] &&
         (0, ng_morph_1.infoLog)(`${ng_morph_1.SMALL_TAB_SYMBOL}${ng_morph_1.REPLACE_SYMBOL} migrating editor...`);
+    addProprietaryProviders(fileSystem);
     (0, replace_identifier_1.replaceIdentifiers)(options, [
         {
             from: { name: 'TuiEditorModule', moduleSpecifier },
@@ -73,3 +76,37 @@ function migrateEditor(fileSystem, options) {
     !options['skip-logs'] && (0, ng_morph_1.titleLog)(`${ng_morph_1.FINISH_SYMBOL} successfully migrated \n`);
 }
 exports.migrateEditor = migrateEditor;
+function addProprietaryProviders(fileSystem) {
+    var _a;
+    const proprietary = (0, ng_morph_1.getPackageJsonDependency)(fileSystem.tree, '@taiga-ui/proprietary-core') ||
+        (0, ng_morph_1.getPackageJsonDependency)(fileSystem.tree, '@taiga-ui/proprietary');
+    if (!proprietary) {
+        return;
+    }
+    const refs = [
+        ...(0, get_named_import_references_1.getNamedImportReferences)('TuiEditorModule', '@tinkoff/tui-editor'),
+        ...(0, get_named_import_references_1.getNamedImportReferences)('TuiEditorModule', '@taiga-ui/addon-editor'),
+    ];
+    for (const ref of refs) {
+        if (ref.wasForgotten()) {
+            return;
+        }
+        const parent = ref.getParent();
+        const filePath = (_a = parent === null || parent === void 0 ? void 0 : parent.getSourceFile().getFilePath()) !== null && _a !== void 0 ? _a : '';
+        if (ng_morph_1.Node.isImportSpecifier(parent)) {
+            (0, add_unique_import_1.addUniqueImport)(filePath, 'tuiEditorOptionsProvider', '@taiga-ui/editor');
+            (0, add_unique_import_1.addUniqueImport)(filePath, 'TUI_PROPRIETARY_EDITOR_ICONS', '@taiga-ui/proprietary');
+        }
+        else if (ng_morph_1.Node.isArrayLiteralExpression(parent)) {
+            const componentClass = (0, ng_morph_1.getNgComponents)(filePath)[0];
+            const moduleClass = (0, ng_morph_1.getNgModules)(filePath)[0];
+            const provider = 'tuiEditorOptionsProvider({icons: TUI_PROPRIETARY_EDITOR_ICONS})';
+            if (componentClass) {
+                (0, ng_morph_1.addProviderToComponent)(componentClass, provider);
+            }
+            if (moduleClass) {
+                (0, ng_morph_1.addProviderToNgModule)(moduleClass, provider);
+            }
+        }
+    }
+}

package/schematics/ng-update/v4/steps/migrate-providers-from.js

@@ -12,6 +12,8 @@ function migrateImportProvidersFrom(options) {
         ...(0, get_named_import_references_1.getNamedImportReferences)('TuiPushModule', '@taiga-ui/kit'),
         ...(0, get_named_import_references_1.getNamedImportReferences)('TuiPdfViewerModule', '@taiga-ui/kit'),
         ...(0, get_named_import_references_1.getNamedImportReferences)('TuiPreviewModule', '@taiga-ui/addon-preview'),
+        ...(0, get_named_import_references_1.getNamedImportReferences)('TuiEditor', '@taiga-ui/editor'),
+        ...(0, get_named_import_references_1.getNamedImportReferences)('TuiEditorSocket', '@taiga-ui/editor'),
     ];
     for (const ref of refs) {
         if (ref.wasForgotten()) {

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

@@ -61,7 +61,9 @@ function addProviders({ callExpression, fileSystem, modulePath, }) {
     else if (module) {
         (0, ng_morph_1.addProviderToNgModule)(module, 'NG_EVENT_PLUGINS', { unique: true });
     }
-    if (providersArray || module) {
+    const shouldAddImport = (providersArray || module) &&
+        !(0, ng_morph_1.getImports)(path, { moduleSpecifier: '@tinkoff/ng-event-plugins' }).length;
+    if (shouldAddImport) {
         (0, add_unique_import_1.addUniqueImport)(path, 'NG_EVENT_PLUGINS', '@taiga-ui/event-plugins');
     }
     (0, ng_morph_1.getActiveProject)();

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

@@ -80,10 +80,11 @@ function migrateColor({ attr, sourceCodeLocation, recorder, templateOffset, slot
     }
     const value = attr.value;
     const insertTo = (_b = (_a = sourceCodeLocation.startTag) === null || _a === void 0 ? void 0 : _a.endOffset) !== null && _b !== void 0 ? _b : 0;
+    const hasBinding = Boolean(attr) && (0, inputs_1.isBinding)(attr);
     recorder.insertRight(insertTo + templateOffset + 1, `<tui-badge-notification
         size="xs"
         tuiSlot="${slot}"
-        [style.color]="'${value}'"
+        [style.color]="${hasBinding ? value : `'${value}'`}"
     ></tui-badge-notification>\n`);
 }
 function migrateContent({ attr, colorAttr, sourceCodeLocation, recorder, templateOffset, slot, size, }) {

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

@@ -23,7 +23,8 @@ function migrateBlocked({ resource, recorder, fileSystem, }) {
         const [, contentAlignAttrLocation] = Object.entries(sourceCodeLocation.attrs || {}).find(([name]) => name.includes('contentalign')) || [];
         const sizeAttr = (0, inputs_1.findAttr)(attrs, 'size');
         const ngForAttr = (0, inputs_1.findAttr)(attrs, '*ngFor');
-        const newBlockAttr = `tuiBlock${sizeAttr ? `="${sizeAttr.value === 'xs' ? 's' : sizeAttr.value}"` : ''}`;
+        const tuiBlock = sizeAttr && (0, inputs_1.isBinding)(sizeAttr) ? '[tuiBlock]' : 'tuiBlock';
+        const newBlockAttr = `${tuiBlock}${sizeAttr ? `="${sizeAttr.value === 'xs' ? 's' : sizeAttr.value}"` : ''}`;
         recorder.insertRight(templateOffset + (((_a = sourceCodeLocation.startTag) === null || _a === void 0 ? void 0 : _a.startOffset) || 1) - 1, `<label${ngForAttr ? ` *ngFor="${ngForAttr.value}"` : ''} ${newBlockAttr}${hideIconAttrLocation ? ' appearance=""' : ''}>`);
         recorder.remove(templateOffset + ((_c = (_b = sourceCodeLocation.endTag) === null || _b === void 0 ? void 0 : _b.startOffset) !== null && _c !== void 0 ? _c : 0), `<${tagName}/>`.length);
         recorder.insertRight(templateOffset + (((_d = sourceCodeLocation.endTag) === null || _d === void 0 ? void 0 : _d.startOffset) || 1), '</label>');

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

@@ -20,7 +20,9 @@ function migrateExpandable({ resource, recorder, fileSystem, }) {
         if (expandableValue === 'false') {
             const rowsAttr = (0, inputs_1.findAttr)(attrs, 'rows');
             const insertTo = ((_h = (_g = sourceCodeLocation === null || sourceCodeLocation === void 0 ? void 0 : sourceCodeLocation.startTag) === null || _g === void 0 ? void 0 : _g.endOffset) !== null && _h !== void 0 ? _h : 0) - 1;
-            recorder.insertRight(templateOffset + insertTo, rowsAttr ? '' : '[rows]="1"');
+            const insertOffset = templateOffset + insertTo;
+            const selfClosing = template[insertOffset - 1] === '/';
+            recorder.insertRight(selfClosing ? insertOffset - 1 : insertOffset, rowsAttr ? '' : '[rows]="1"');
         }
         if (expandableValue !== 'false' && expandableValue !== 'true') {
             recorder.insertRight(templateOffset + ((_k = (_j = sourceCodeLocation === null || sourceCodeLocation === void 0 ? void 0 : sourceCodeLocation.startTag) === null || _j === void 0 ? void 0 : _j.startOffset) !== null && _k !== void 0 ? _k : 0), '<!-- Taiga migration TODO: "expandable" property has been removed. Use "rows" property instead -->\n');