@taiga-ui/cdk 4.0.0-rc.6 → 4.0.0-rc.8

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

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

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

@@ -0,0 +1,46 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.migrateNotification = void 0;
+const ng_morph_1 = require("ng-morph");
+const add_import_to_closest_module_1 = require("../../../../utils/add-import-to-closest-module");
+const elements_1 = require("../../../../utils/templates/elements");
+const inputs_1 = require("../../../../utils/templates/inputs");
+const template_resource_1 = require("../../../../utils/templates/template-resource");
+function migrateNotification({ resource, recorder, fileSystem, }) {
+    const template = (0, template_resource_1.getTemplateFromTemplateResource)(resource, fileSystem);
+    const templateOffset = (0, template_resource_1.getTemplateOffset)(resource);
+    const elements = [
+        ...(0, elements_1.findElementsByTagNames)(template, ['tui-notification']),
+        ...(0, elements_1.findElementsWithAttributeOnTag)(template, ['tuiNotification'], ['button', 'a']),
+    ];
+    elements.forEach(({ attrs, sourceCodeLocation, tagName, childNodes }) => {
+        var _a, _b, _c;
+        const sizeAttr = (0, inputs_1.findAttr)(attrs, 'size');
+        const hideCloseAttr = (0, inputs_1.findAttr)(attrs, 'hideClose');
+        const closeListener = (0, inputs_1.findAttr)(attrs, '(close)');
+        const { startTag, endTag } = sourceCodeLocation || {};
+        const hideCloseAttrLocation = (_a = sourceCodeLocation === null || sourceCodeLocation === void 0 ? void 0 : sourceCodeLocation.attrs) === null || _a === void 0 ? void 0 : _a[(hideCloseAttr === null || hideCloseAttr === void 0 ? void 0 : hideCloseAttr.name) || ''];
+        if (!sizeAttr) {
+            recorder.insertRight(templateOffset + ((_b = startTag === null || startTag === void 0 ? void 0 : startTag.startOffset) !== null && _b !== void 0 ? _b : 0) + `<${tagName}`.length, ' size="m"');
+        }
+        if (closeListener) {
+            const hasProprietaryPackages = !!(0, ng_morph_1.getPackageJsonDependency)(fileSystem.tree, '@taiga-ui/proprietary-core');
+            (0, add_import_to_closest_module_1.addImportToClosestModule)(resource.componentPath, 'NgIf', '@angular/common');
+            const ifCondition = hideCloseAttr ? ` *ngIf="!${hideCloseAttr.value}"` : '';
+            const closeIconName = hasProprietaryPackages
+                ? '@tui.pragmatic.small.cross'
+                : '@tui.x';
+            const closeButtonTemplate = ` <button${ifCondition} tuiIconButton iconStart="${closeIconName}"></button>`;
+            recorder.insertRight(templateOffset + ((_c = endTag === null || endTag === void 0 ? void 0 : endTag.startOffset) !== null && _c !== void 0 ? _c : 0), closeButtonTemplate);
+            if (hideCloseAttrLocation) {
+                const { startOffset, endOffset } = hideCloseAttrLocation;
+                recorder.remove(templateOffset + startOffset, endOffset - startOffset);
+            }
+        }
+        if (childNodes.length > 1 && startTag && endTag) {
+            recorder.insertRight(templateOffset + startTag.endOffset, '<div>');
+            recorder.insertLeft(templateOffset + endTag.startOffset, '</div>');
+        }
+    });
+}
+exports.migrateNotification = migrateNotification;

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

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

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

@@ -0,0 +1,36 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.migrateNumberPrecision = void 0;
+const remove_attrs_1 = require("../../../../ng-update/v4/steps/utils/remove-attrs");
+const add_import_to_closest_module_1 = require("../../../../utils/add-import-to-closest-module");
+const elements_1 = require("../../../../utils/templates/elements");
+const inputs_1 = require("../../../../utils/templates/inputs");
+const template_resource_1 = require("../../../../utils/templates/template-resource");
+const clean_object_1 = require("../utils/clean-object");
+function migrateNumberPrecision({ resource, recorder, fileSystem, }) {
+    const template = (0, template_resource_1.getTemplateFromTemplateResource)(resource, fileSystem);
+    const templateOffset = (0, template_resource_1.getTemplateOffset)(resource);
+    const elements = (0, elements_1.findElementsByTagName)(template, 'tui-input-number');
+    elements.forEach(({ attrs, sourceCodeLocation }) => {
+        var _a;
+        if (!sourceCodeLocation) {
+            return;
+        }
+        const decimalAttr = (0, inputs_1.findAttr)(attrs, 'decimal');
+        const precisionAttr = (0, inputs_1.findAttr)(attrs, 'precision');
+        if (decimalAttr || precisionAttr) {
+            (0, add_import_to_closest_module_1.addImportToClosestModule)(resource.componentPath, 'TuiNumberFormat', '@taiga-ui/core');
+            const format = JSON.stringify((0, clean_object_1.cleanObject)({
+                decimalMode: decimalAttr === null || decimalAttr === void 0 ? void 0 : decimalAttr.value,
+                precision: precisionAttr === null || precisionAttr === void 0 ? void 0 : precisionAttr.value,
+            }));
+            const formatPart = `[tuiNumberFormat]='${format}'`;
+            const insertTo = (((_a = sourceCodeLocation === null || sourceCodeLocation === void 0 ? void 0 : sourceCodeLocation.startTag) === null || _a === void 0 ? void 0 : _a.startOffset) || 0) +
+                '<tui-input-number '.length;
+            recorder.insertRight(templateOffset + insertTo, formatPart);
+        }
+        const attrsToRemove = [decimalAttr, precisionAttr].filter((attr) => attr !== undefined);
+        (0, remove_attrs_1.removeAttrs)(attrsToRemove, sourceCodeLocation, recorder, templateOffset);
+    });
+}
+exports.migrateNumberPrecision = migrateNumberPrecision;

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

@@ -2,13 +2,10 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.migrateOverscroll = void 0;
 const elements_1 = require("../../../../utils/templates/elements");
+const inputs_1 = require("../../../../utils/templates/inputs");
 const template_resource_1 = require("../../../../utils/templates/template-resource");
 const remove_attrs_1 = require("../utils/remove-attrs");
 const overscrollAttrName = 'tuiOverscroll';
-const overscrollAttrNameDict = {
-    [overscrollAttrName.toLowerCase()]: true,
-    [`[${overscrollAttrName.toLowerCase()}]`]: true,
-};
 function migrateOverscroll({ resource, recorder, fileSystem, }) {
     const template = (0, template_resource_1.getTemplateFromTemplateResource)(resource, fileSystem);
     const templateOffset = (0, template_resource_1.getTemplateOffset)(resource);
@@ -17,8 +14,9 @@ function migrateOverscroll({ resource, recorder, fileSystem, }) {
         return;
     }
     elements.forEach(({ attrs, sourceCodeLocation }) => {
-        const attrsToRemove = attrs.filter(({ name }) => overscrollAttrNameDict[name]);
-        (0, remove_attrs_1.removeAttrs)(attrsToRemove, sourceCodeLocation, recorder, templateOffset);
+        const attrToRemove = (0, inputs_1.findAttr)(attrs, overscrollAttrName);
+        attrToRemove &&
+            (0, remove_attrs_1.removeAttrs)([attrToRemove], sourceCodeLocation, recorder, templateOffset);
     });
     addTodo(recorder, elements[0].sourceCodeLocation, templateOffset);
 }

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

@@ -2,6 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.migrateThumbnailCard = void 0;
 const elements_1 = require("../../../../utils/templates/elements");
+const inputs_1 = require("../../../../utils/templates/inputs");
 const template_resource_1 = require("../../../../utils/templates/template-resource");
 function migrateThumbnailCard({ resource, recorder, fileSystem, }) {
     const template = (0, template_resource_1.getTemplateFromTemplateResource)(resource, fileSystem);
@@ -11,7 +12,7 @@ function migrateThumbnailCard({ resource, recorder, fileSystem, }) {
         if (!sourceCodeLocation) {
             return;
         }
-        const valueAttr = attrs.find((attr) => attr.name === '[cardnumber]' || attr.name === 'cardnumber');
+        const valueAttr = (0, inputs_1.findAttr)(attrs, 'cardNumber');
         if (!valueAttr) {
             return;
         }

package/schematics/ng-update/v4/steps/templates/toggles/common.js

@@ -1,6 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.closeStartTag = exports.removeClosingTag = exports.replaceSizeAttr = exports.replaceOpenTag = void 0;
+const inputs_1 = require("../../../../../utils/templates/inputs");
 const sizeMap = {
     l: 'm',
     m: 's',
@@ -17,14 +18,14 @@ function replaceOpenTag(sourceCodeLocation, recorder, templateOffset, { tag, dir
 exports.replaceOpenTag = replaceOpenTag;
 function replaceSizeAttr(attrs, sourceCodeLocation, recorder, templateOffset, map = sizeMap) {
     var _a;
-    const sizeAttr = attrs.find((attr) => attr.name === 'size');
+    const sizeAttr = (0, inputs_1.findAttr)(attrs, 'size');
     if (sizeAttr) {
         const { startOffset, endOffset } = ((_a = sourceCodeLocation.attrs) === null || _a === void 0 ? void 0 : _a[sizeAttr.name]) || {
             startOffset: 0,
             endOffset: 0,
         };
         recorder.remove(templateOffset + startOffset, endOffset - startOffset);
-        recorder.insertRight(templateOffset + startOffset, `size="${map[sizeAttr.value] || sizeAttr.value}"`);
+        recorder.insertRight(templateOffset + startOffset, `${sizeAttr.name}="${map[sizeAttr.value] || sizeAttr.value}"`);
     }
 }
 exports.replaceSizeAttr = replaceSizeAttr;

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

@@ -2,6 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.migrateCheckbox = void 0;
 const elements_1 = require("../../../../../utils/templates/elements");
+const inputs_1 = require("../../../../../utils/templates/inputs");
 const template_resource_1 = require("../../../../../utils/templates/template-resource");
 const common_1 = require("./common");
 function migrateCheckbox({ resource, recorder, fileSystem, }) {
@@ -21,5 +22,40 @@ function migrateCheckbox({ resource, recorder, fileSystem, }) {
         (0, common_1.closeStartTag)(sourceCodeLocation, recorder, templateOffset);
         (0, common_1.removeClosingTag)(sourceCodeLocation, recorder, templateOffset);
     });
+    (0, elements_1.findElementsByTagName)(template, 'tui-primitive-checkbox').forEach(({ attrs, sourceCodeLocation }) => {
+        if (!sourceCodeLocation) {
+            return;
+        }
+        (0, common_1.replaceSizeAttr)(attrs, sourceCodeLocation, recorder, templateOffset);
+        replaceValueAttr(attrs, sourceCodeLocation, recorder, templateOffset);
+        (0, common_1.replaceOpenTag)(sourceCodeLocation, recorder, templateOffset, {
+            tag: 'tui-primitive-checkbox',
+            directive: 'tuiCheckbox',
+            type: 'checkbox',
+        });
+        (0, common_1.closeStartTag)(sourceCodeLocation, recorder, templateOffset);
+        (0, common_1.removeClosingTag)(sourceCodeLocation, recorder, templateOffset);
+    });
 }
 exports.migrateCheckbox = migrateCheckbox;
+function replaceValueAttr(attrs, sourceCodeLocation, recorder, templateOffset) {
+    var _a;
+    const valueAttr = (0, inputs_1.findAttr)(attrs, 'value');
+    if (valueAttr) {
+        const { startOffset, endOffset } = ((_a = sourceCodeLocation.attrs) === null || _a === void 0 ? void 0 : _a[valueAttr.name]) || {
+            startOffset: 0,
+            endOffset: 0,
+        };
+        recorder.remove(templateOffset + startOffset, endOffset - startOffset);
+        switch (valueAttr.value) {
+            case 'false':
+            case 'null':
+                return;
+            case 'true':
+                recorder.insertRight(templateOffset + startOffset, 'checked ');
+                return;
+            default:
+                recorder.insertRight(templateOffset + startOffset, `[checked]="${valueAttr.value}" `);
+        }
+    }
+}

package/schematics/ng-update/v4/steps/update-packages.js

@@ -3,16 +3,13 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.updatePackages = void 0;
 const ng_morph_1 = require("ng-morph");
 const version_1 = require("../../../../constants/version");
+const constants_1 = require("../../../constants");
 const steps_1 = require("../../steps");
 function updatePackages({ tree }, _) {
     const packagesToRemove = ['@taiga-ui/addon-tablebars', '@taiga-ui/addon-preview'];
     packagesToRemove.forEach((pkg) => {
         (0, ng_morph_1.removePackageJsonDependency)(tree, pkg);
     });
-    (0, ng_morph_1.addPackageJsonDependency)(tree, {
-        name: '@taiga-ui/legacy',
-        version: version_1.TUI_VERSION,
-    });
     (0, steps_1.replacePackageName)('@tinkoff/ng-polymorpheus', {
         name: '@taiga-ui/polymorpheus',
         version: '^4.6.4',
@@ -31,5 +28,17 @@ function updatePackages({ tree }, _) {
             version: '^4.0.1',
         });
     }
+    if ((0, ng_morph_1.getImports)(constants_1.ALL_TS_FILES, { moduleSpecifier: '@taiga-ui/layout' }).length) {
+        (0, ng_morph_1.addPackageJsonDependency)(tree, {
+            name: '@taiga-ui/layout',
+            version: version_1.TUI_VERSION,
+        });
+    }
+    if ((0, ng_morph_1.getImports)(constants_1.ALL_TS_FILES, { moduleSpecifier: '@taiga-ui/legacy' }).length) {
+        (0, ng_morph_1.addPackageJsonDependency)(tree, {
+            name: '@taiga-ui/legacy',
+            version: version_1.TUI_VERSION,
+        });
+    }
 }
 exports.updatePackages = updatePackages;

package/schematics/utils/templates/elements.js

@@ -104,7 +104,8 @@ exports.findAttributeOnElementWithAttrs = findAttributeOnElementWithAttrs;
 /** Shorthand function that checks if the specified element contains the given attribute. */
 function hasElementAttribute(element, attributeName) {
     var _a;
-    return (_a = element.attrs) === null || _a === void 0 ? void 0 : _a.some((attr) => attr.name === attributeName.toLowerCase());
+    const lowercasedAttrName = attributeName.toLowerCase();
+    return (_a = element.attrs) === null || _a === void 0 ? void 0 : _a.some((attr) => attr.name === lowercasedAttrName || attr.name === `[${lowercasedAttrName}]`);
 }
 exports.hasElementAttribute = hasElementAttribute;
 /** Gets the start offset of the given attribute from a Parse5 element. */

package/schematics/utils/templates/inputs.js

@@ -2,7 +2,8 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.isBinding = exports.findAttr = void 0;
 function findAttr(attrs, name) {
-    return attrs.find((attr) => attr.name === name || attr.name === `[${name}]`);
+    const lowercasedName = name.toLowerCase();
+    return attrs.find((attr) => attr.name === lowercasedName || attr.name === `[${lowercasedName}]`);
 }
 exports.findAttr = findAttr;
 function isBinding(attr) {