@taiga-ui/cdk 3.52.0 → 3.53.0

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

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TAGS_TO_REPLACE = void 0;
+exports.TAGS_TO_REPLACE = [
+    { from: `tui-card`, to: `tui-thumbnail-card` },
+    { from: `tui-text-area`, to: `tui-textarea` },
+];

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

@@ -0,0 +1,3 @@
+export * from './migrate-templates';
+export * from './restore-tui-mapper';
+export * from './restore-tui-matcher';

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

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./migrate-templates"), exports);
+tslib_1.__exportStar(require("./restore-tui-mapper"), exports);
+tslib_1.__exportStar(require("./restore-tui-matcher"), exports);

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

@@ -0,0 +1,3 @@
+import { DevkitFileSystem } from 'ng-morph';
+import { TuiSchema } from '../../../ng-add/schema';
+export declare function migrateTemplates(fileSystem: DevkitFileSystem, options: TuiSchema): void;

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

@@ -0,0 +1,49 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.migrateTemplates = void 0;
+const constants_1 = require("../../../constants");
+const colored_log_1 = require("../../../utils/colored-log");
+const progress_1 = require("../../../utils/progress");
+const get_component_templates_1 = require("../../../utils/templates/get-component-templates");
+const template_resource_1 = require("../../../utils/templates/template-resource");
+const templates_1 = require("../../utils/templates");
+const replace_attrs_by_directives_1 = require("../../utils/templates/replace-attrs-by-directives");
+const constants_2 = require("./constants");
+const templates_2 = require("./templates");
+function migrateTemplates(fileSystem, options) {
+    !options[`skip-logs`] &&
+        colored_log_1.infoLog(`${colored_log_1.SMALL_TAB_SYMBOL}${colored_log_1.REPLACE_SYMBOL} migrating templates...`);
+    const componentWithTemplatesPaths = get_component_templates_1.getComponentTemplates(constants_1.ALL_TS_FILES);
+    const actions = [
+        getAction({ action: templates_1.addHTMLCommentTags, requiredData: constants_2.HTML_COMMENTS }),
+        getAction({
+            action: replace_attrs_by_directives_1.replaceAttrsByDirective,
+            requiredData: constants_2.ATTRS_TO_DIRECTIVE_REPLACE,
+        }),
+        getAction({ action: templates_1.replaceTags, requiredData: constants_2.TAGS_TO_REPLACE }),
+        getAction({ action: templates_1.replaceAttrs, requiredData: constants_2.ATTRS_TO_REPLACE }),
+        getAction({ action: templates_1.removeInputs, requiredData: constants_2.INPUTS_TO_REMOVE }),
+        templates_2.migrateBadgeValue,
+        templates_2.migrateCheckbox,
+        templates_2.migrateRadio,
+        templates_2.migrateToggle,
+    ];
+    const progressLog = progress_1.setupProgressLogger({
+        total: componentWithTemplatesPaths.length,
+    });
+    componentWithTemplatesPaths.forEach(resource => {
+        const path = fileSystem.resolve(template_resource_1.getPathFromTemplateResource(resource));
+        const recorder = fileSystem.edit(path);
+        actions.forEach((action, actionIndex) => {
+            const isLastAction = actionIndex === actions.length - 1;
+            !options[`skip-logs`] && progressLog(action.name, isLastAction);
+            action({ resource, fileSystem, recorder });
+        });
+    });
+    !options[`skip-logs`] &&
+        colored_log_1.successLog(`${colored_log_1.SMALL_TAB_SYMBOL}${colored_log_1.SUCCESS_SYMBOL} templates migrated \n`);
+}
+exports.migrateTemplates = migrateTemplates;
+function getAction({ action, requiredData, }) {
+    return ({ resource, fileSystem, recorder, }) => action({ resource, fileSystem, recorder, data: requiredData });
+}

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

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

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

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

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

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

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

@@ -0,0 +1,29 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.migrateBadgeValue = void 0;
+const elements_1 = require("../../../../utils/templates/elements");
+const template_resource_1 = require("../../../../utils/templates/template-resource");
+function migrateBadgeValue({ resource, recorder, fileSystem, }) {
+    const template = template_resource_1.getTemplateFromTemplateResource(resource, fileSystem);
+    const templateOffset = template_resource_1.getTemplateOffset(resource);
+    const elements = elements_1.findElementsWithAttributeOnTag(template, [`[value]`, `value`], [`tui-badge`]);
+    elements.forEach(({ attrs, sourceCodeLocation }) => {
+        var _a;
+        const attr = attrs.find(attr => attr.name === `[value]` || attr.name === `value`);
+        if (!attr) {
+            return;
+        }
+        const attrValue = attr === null || attr === void 0 ? void 0 : attr.value;
+        const insertTo = sourceCodeLocation === null || sourceCodeLocation === void 0 ? void 0 : sourceCodeLocation.endTag.startOffset;
+        if (!attrValue || !insertTo) {
+            return;
+        }
+        recorder.insertRight(insertTo + templateOffset, attr.name === `value` ? attrValue : `{{ ${attrValue} }}`);
+        const attrOffset = (_a = sourceCodeLocation === null || sourceCodeLocation === void 0 ? void 0 : 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);
+        }
+    });
+}
+exports.migrateBadgeValue = migrateBadgeValue;

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

@@ -0,0 +1,10 @@
+import { UpdateRecorder } from '@angular-devkit/schematics';
+import { Attribute, ElementLocation } from 'parse5';
+export declare function replaceOpenTag(sourceCodeLocation: ElementLocation, recorder: UpdateRecorder, templateOffset: number, { tag, directive, type }: {
+    tag: string;
+    directive: string;
+    type: string;
+}): void;
+export declare function replaceSizeAttr(attrs: Attribute[], sourceCodeLocation: ElementLocation, recorder: UpdateRecorder, templateOffset: number): void;
+export declare function removeClosingTag(sourceCodeLocation: ElementLocation, recorder: UpdateRecorder, templateOffset: number): void;
+export declare function closeStartTag({ startTag }: ElementLocation, recorder: UpdateRecorder, templateOffset: number): void;

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

@@ -0,0 +1,40 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.closeStartTag = exports.removeClosingTag = exports.replaceSizeAttr = exports.replaceOpenTag = void 0;
+const sizeMap = {
+    l: `m`,
+    m: `s`,
+};
+function replaceOpenTag(sourceCodeLocation, recorder, templateOffset, { tag, directive, type }) {
+    const { startTag } = sourceCodeLocation;
+    const { startOffset, startCol } = startTag;
+    const spaces = ` `.repeat(startCol + 3);
+    recorder.remove(templateOffset + startOffset, `<${tag}`.length);
+    recorder.insertRight(templateOffset + startOffset, `<input\n${spaces}${directive}\n${spaces}type="${type}"`);
+}
+exports.replaceOpenTag = replaceOpenTag;
+function replaceSizeAttr(attrs, sourceCodeLocation, recorder, templateOffset) {
+    var _a;
+    const sizeAttr = attrs.find(attr => attr.name === `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="${sizeMap[sizeAttr.value] || sizeAttr.value}"`);
+    }
+}
+exports.replaceSizeAttr = replaceSizeAttr;
+function removeClosingTag(sourceCodeLocation, recorder, templateOffset) {
+    const { endTag } = sourceCodeLocation;
+    const { startOffset, endOffset } = endTag;
+    const from = templateOffset + startOffset;
+    const to = endOffset - startOffset;
+    recorder.remove(from, to);
+}
+exports.removeClosingTag = removeClosingTag;
+function closeStartTag({ startTag }, recorder, templateOffset) {
+    recorder.insertRight(templateOffset + startTag.endOffset - 1, `/`);
+}
+exports.closeStartTag = closeStartTag;

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

@@ -0,0 +1,3 @@
+export * from './migrate-checkbox';
+export * from './migrate-radio';
+export * from './migrate-toggle';

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

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./migrate-checkbox"), exports);
+tslib_1.__exportStar(require("./migrate-radio"), exports);
+tslib_1.__exportStar(require("./migrate-toggle"), exports);

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

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

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

@@ -0,0 +1,25 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.migrateCheckbox = void 0;
+const elements_1 = require("../../../../../utils/templates/elements");
+const template_resource_1 = require("../../../../../utils/templates/template-resource");
+const common_1 = require("./common");
+function migrateCheckbox({ 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-checkbox`);
+    elements.forEach(({ attrs, sourceCodeLocation }) => {
+        if (!sourceCodeLocation) {
+            return;
+        }
+        common_1.replaceSizeAttr(attrs, sourceCodeLocation, recorder, templateOffset);
+        common_1.replaceOpenTag(sourceCodeLocation, recorder, templateOffset, {
+            tag: `tui-checkbox`,
+            directive: `tuiCheckbox`,
+            type: `checkbox`,
+        });
+        common_1.closeStartTag(sourceCodeLocation, recorder, templateOffset);
+        common_1.removeClosingTag(sourceCodeLocation, recorder, templateOffset);
+    });
+}
+exports.migrateCheckbox = migrateCheckbox;

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

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

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

@@ -0,0 +1,25 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.migrateRadio = void 0;
+const elements_1 = require("../../../../../utils/templates/elements");
+const template_resource_1 = require("../../../../../utils/templates/template-resource");
+const common_1 = require("./common");
+function migrateRadio({ 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-radio`);
+    elements.forEach(({ attrs, sourceCodeLocation }) => {
+        if (!sourceCodeLocation) {
+            return;
+        }
+        common_1.replaceSizeAttr(attrs, sourceCodeLocation, recorder, templateOffset);
+        common_1.replaceOpenTag(sourceCodeLocation, recorder, templateOffset, {
+            tag: `tui-radio`,
+            directive: `tuiRadio`,
+            type: `radio`,
+        });
+        common_1.closeStartTag(sourceCodeLocation, recorder, templateOffset);
+        common_1.removeClosingTag(sourceCodeLocation, recorder, templateOffset);
+    });
+}
+exports.migrateRadio = migrateRadio;

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

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

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

@@ -0,0 +1,25 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.migrateToggle = void 0;
+const elements_1 = require("../../../../../utils/templates/elements");
+const template_resource_1 = require("../../../../../utils/templates/template-resource");
+const common_1 = require("./common");
+function migrateToggle({ 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-toggle`);
+    elements.forEach(({ attrs, sourceCodeLocation }) => {
+        if (!sourceCodeLocation) {
+            return;
+        }
+        common_1.replaceSizeAttr(attrs, sourceCodeLocation, recorder, templateOffset);
+        common_1.replaceOpenTag(sourceCodeLocation, recorder, templateOffset, {
+            tag: `tui-toggle`,
+            directive: `tuiToggle`,
+            type: `checkbox`,
+        });
+        common_1.closeStartTag(sourceCodeLocation, recorder, templateOffset);
+        common_1.removeClosingTag(sourceCodeLocation, recorder, templateOffset);
+    });
+}
+exports.migrateToggle = migrateToggle;

package/schematics/utils/add-import-to-closest-module.js

@@ -2,12 +2,22 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.addImportToClosestModule = void 0;
 const ng_morph_1 = require("ng-morph");
+const add_import_to_component_1 = require("../utils/add-import-to-component");
 const add_unique_import_1 = require("./add-unique-import");
+const is_standalone_component_1 = require("./angular/is-standalone-component");
 const ng_component_1 = require("./angular/ng-component");
 const ng_module_1 = require("./angular/ng-module");
 function addImportToClosestModule(componentPath, moduleName, moduleSpecifier) {
     const [ngComponent] = ng_component_1.getNgComponents(componentPath);
-    const ngModule = ngComponent ? ng_module_1.findNgModule(ngComponent) : null;
+    if (!ngComponent) {
+        return;
+    }
+    if (is_standalone_component_1.isStandaloneComponent(ngComponent)) {
+        add_import_to_component_1.addImportToComponent(ngComponent, moduleName, { unique: true });
+        add_unique_import_1.addUniqueImport(ngComponent.getSourceFile().getFilePath(), moduleName, moduleSpecifier);
+        return;
+    }
+    const ngModule = ng_module_1.findNgModule(ngComponent);
     if (ngModule) {
         ng_morph_1.addImportToNgModule(ngModule, moduleName, {
             unique: true,

package/schematics/utils/angular/is-standalone-component.d.ts

@@ -0,0 +1,2 @@
+import { ClassDeclaration } from 'ng-morph';
+export declare function isStandaloneComponent(component: ClassDeclaration): boolean;

package/schematics/utils/angular/is-standalone-component.js

@@ -0,0 +1,22 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.isStandaloneComponent = void 0;
+const ng_morph_1 = require("ng-morph");
+// TODO: add to ng-morph
+function isStandaloneComponent(component) {
+    var _a;
+    const decorator = component.getDecorator(`Component`);
+    if (!decorator) {
+        return false;
+    }
+    const [metadata] = decorator.getArguments();
+    if (!ng_morph_1.Node.isObjectLiteralExpression(metadata)) {
+        return false;
+    }
+    const property = metadata.getProperty(`standalone`);
+    if (!ng_morph_1.Node.isPropertyAssignment(property)) {
+        return false;
+    }
+    return ((_a = property.getInitializer()) === null || _a === void 0 ? void 0 : _a.getText()) === `true`;
+}
+exports.isStandaloneComponent = isStandaloneComponent;

package/schematics/ng-update/v4/steps/replace-thumbnail-card.d.ts

@@ -1,4 +0,0 @@
-import { DevkitFileSystem } from 'ng-morph';
-import { TuiSchema } from '../../../ng-add/schema';
-export declare function replaceThumbnailCard(options: TuiSchema, fileSystem: DevkitFileSystem): void;
-export declare function replaceReferenceTypes(options: TuiSchema): void;

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

@@ -1,86 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.replaceReferenceTypes = exports.replaceThumbnailCard = void 0;
-const constants_1 = require("../../../constants");
-const colored_log_1 = require("../../../utils/colored-log");
-const elements_1 = require("../../../utils/templates/elements");
-const get_component_templates_1 = require("../../../utils/templates/get-component-templates");
-const template_resource_1 = require("../../../utils/templates/template-resource");
-const replace_identifier_1 = require("../../steps/replace-identifier");
-const remove_inputs_1 = require("../../utils/templates/remove-inputs");
-const replace_tags_1 = require("../../utils/templates/replace-tags");
-function replaceThumbnailCard(options, fileSystem) {
-    replaceCardTemplate(options, fileSystem);
-    replaceReferenceTypes(options);
-    !options[`skip-logs`] && colored_log_1.titleLog(`${colored_log_1.FINISH_SYMBOL} successfully migrated \n`);
-}
-exports.replaceThumbnailCard = replaceThumbnailCard;
-function replaceCardTemplate(options, fileSystem) {
-    !options[`skip-logs`] &&
-        colored_log_1.infoLog(`${colored_log_1.SMALL_TAB_SYMBOL}${colored_log_1.REPLACE_SYMBOL} replacing <tui-card /> to <tui-thumbnail-card />`);
-    const templateResources = get_component_templates_1.getComponentTemplates(constants_1.ALL_TS_FILES);
-    for (const resource of templateResources) {
-        const template = template_resource_1.getTemplateFromTemplateResource(resource, fileSystem);
-        const templateOffset = template_resource_1.getTemplateOffset(resource);
-        const path = fileSystem.resolve(template_resource_1.getPathFromTemplateResource(resource));
-        const recorder = fileSystem.edit(path);
-        replace_tags_1.replaceTags({
-            resource,
-            recorder,
-            fileSystem,
-            replaceableItems: [{ from: `tui-card`, to: `tui-thumbnail-card` }],
-        });
-        replaceCardInputs({ template, recorder, templateOffset });
-        remove_inputs_1.removeInputs({
-            resource,
-            recorder,
-            fileSystem,
-            replaceableItems: [
-                { inputName: `active`, tags: [`tui-card`, `tui-thumbnail-card`] },
-            ],
-        });
-    }
-}
-function replaceCardInputs({ template, recorder, templateOffset, }) {
-    const attrsToReplace = [
-        {
-            from: {
-                attrName: `brandLogo`,
-                withTagNames: [`tui-card`, `tui-thumbnail-card`],
-            },
-            to: { attrName: `iconLeft` },
-        },
-        {
-            from: {
-                attrName: `[brandLogo]`,
-                withTagNames: [`tui-card`, `tui-thumbnail-card`],
-            },
-            to: { attrName: `[iconLeft]` },
-        },
-    ];
-    for (const { from, to } of attrsToReplace) {
-        const offsets = [
-            ...elements_1.findAttributeOnElementWithTag(template, from.attrName, from.withTagNames || []),
-        ];
-        offsets.forEach(offset => {
-            recorder.remove(offset + templateOffset, from.attrName.length);
-            recorder.insertRight(offset + templateOffset, to.attrName);
-        });
-    }
-}
-function replaceReferenceTypes(options) {
-    !options[`skip-logs`] &&
-        colored_log_1.infoLog(`${colored_log_1.SMALL_TAB_SYMBOL}${colored_log_1.REPLACE_SYMBOL} replacing TuiCard(Module|Component) to TuiThumbnailCard(Module|Component)`);
-    replace_identifier_1.replaceIdentifier({
-        from: { name: `TuiCardModule`, moduleSpecifier: `@taiga-ui/addon-commerce` },
-        to: { name: `TuiThumbnailCardModule`, moduleSpecifier: `@taiga-ui/addon-commerce` },
-    });
-    replace_identifier_1.replaceIdentifier({
-        from: { name: `TuiCardComponent`, moduleSpecifier: `@taiga-ui/addon-commerce` },
-        to: {
-            name: `TuiThumbnailCardComponent`,
-            moduleSpecifier: `@taiga-ui/addon-commerce`,
-        },
-    });
-}
-exports.replaceReferenceTypes = replaceReferenceTypes;