@taiga-ui/cdk 2.61.0 → 3.0.0-rc.2

package/schematics/ng-add/steps/add-taiga-modules.js

@@ -1,5 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.addTaigaModules = void 0;
 const tslib_1 = require("tslib");
 const workspace_1 = require("@schematics/angular/utility/workspace");
 const ng_morph_1 = require("ng-morph");
@@ -11,6 +12,10 @@ function addTaigaModules(options) {
     return (tree, context) => tslib_1.__awaiter(this, void 0, void 0, function* () {
         const workspace = yield workspace_1.getWorkspace(tree);
         const project = get_project_1.getProject(options, workspace);
+        if (!project) {
+            context.logger.warn('[WARNING]: Target project not found in current workspace');
+            return;
+        }
         const buildOptions = get_project_target_options_1.getProjectTargetOptions(project, 'build');
         ng_morph_1.setActiveProject(ng_morph_1.createProject(tree, '/', ['**/*.ts', '**/*.json']));
         const mainModule = ng_morph_1.getMainModule(buildOptions.main);

package/schematics/ng-add/steps/add-taiga-styles.d.ts

@@ -1,4 +1,3 @@
 import { Rule } from '@angular-devkit/schematics';
 import { Schema } from '../schema';
 export declare function addTaigaStyles(options: Schema): Rule;
-export declare function addTaigaStylesToAngularJson(options: Schema): Rule;

package/schematics/ng-add/steps/add-taiga-styles.js

@@ -1,26 +1,16 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.addTaigaStyles = void 0;
 const tslib_1 = require("tslib");
-const workspace_1 = require("@schematics/angular/utility/workspace");
-const get_project_1 = require("../../utils/get-project");
-const get_project_target_options_1 = require("../../utils/get-project-target-options");
-const TAIGA_GLOBAL_STYLE = 'node_modules/@taiga-ui/core/styles/taiga-ui-global.less';
-const TAIGA_THEME_STYLE = 'node_modules/@taiga-ui/core/styles/taiga-ui-theme.less';
+const add_styles_1 = require("../../utils/add-styles");
+const taiga_styles_1 = require("../../constants/taiga-styles");
 function addTaigaStyles(options) {
-    return (_) => tslib_1.__awaiter(this, void 0, void 0, function* () {
-        return addTaigaStylesToAngularJson(options);
+    return (_, context) => tslib_1.__awaiter(this, void 0, void 0, function* () {
+        const taigaLocalStyles = [taiga_styles_1.TAIGA_THEME_STYLE, taiga_styles_1.TAIGA_THEME_FONTS];
+        const taigaStyles = options.addGlobalStyles
+            ? [...taigaLocalStyles, taiga_styles_1.TAIGA_LOCAL_STYLE, taiga_styles_1.TAIGA_GLOBAL_STYLE]
+            : taigaLocalStyles;
+        return add_styles_1.addStylesToAngularJson(options, context, taigaStyles);
     });
 }
 exports.addTaigaStyles = addTaigaStyles;
-function addTaigaStylesToAngularJson(options) {
-    return workspace_1.updateWorkspace(workspace => {
-        const project = get_project_1.getProject(options, workspace);
-        const targetOptions = get_project_target_options_1.getProjectTargetOptions(project, 'build');
-        const styles = targetOptions.styles;
-        const taigaStyles = [TAIGA_GLOBAL_STYLE, TAIGA_THEME_STYLE];
-        targetOptions.styles = styles
-            ? Array.from(new Set([...taigaStyles, ...styles]))
-            : taigaStyles;
-    });
-}
-exports.addTaigaStylesToAngularJson = addTaigaStylesToAngularJson;

package/schematics/ng-add/steps/wrap-with-tui-root.js

@@ -1,5 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.wrapWithTuiRootComponent = void 0;
 const tslib_1 = require("tslib");
 const workspace_1 = require("@schematics/angular/utility/workspace");
 const ng_morph_1 = require("ng-morph");
@@ -9,6 +10,9 @@ function wrapWithTuiRootComponent(options) {
     return (tree, context) => tslib_1.__awaiter(this, void 0, void 0, function* () {
         const workspace = yield workspace_1.getWorkspace(tree);
         const project = get_project_1.getProject(options, workspace);
+        if (!project) {
+            return;
+        }
         const buildOptions = get_project_target_options_1.getProjectTargetOptions(project, 'build');
         const appTemplatePath = getAppTemplatePath(tree, buildOptions.main);
         if (!appTemplatePath) {

package/schematics/ng-update/constants/breakpoints.d.ts

@@ -0,0 +1,82 @@
+export declare const DEPRECATED_BREAKPOINTS: readonly [{
+    readonly from: "@media-retina";
+    readonly to: "@tui-media-retina";
+}, {
+    readonly from: "@media-retina-mobile";
+    readonly to: "@tui-media-retina-mobile";
+}, {
+    readonly from: "@media-retina-tablet";
+    readonly to: "@tui-media-retina-tablet";
+}, {
+    readonly from: "@media-retina-desktop";
+    readonly to: "@tui-media-retina-desktop";
+}, {
+    readonly from: "@mobile-m";
+    readonly to: "@tui-mobile";
+}, {
+    readonly from: "@mobile-m-min";
+    readonly to: "@tui-mobile-min";
+}, {
+    readonly from: "@mobile-m-interval";
+    readonly to: "@tui-mobile-interval";
+}, {
+    readonly from: "@tablet-lg";
+    readonly to: "@tui-tablet";
+}, {
+    readonly from: "@tablet-lg-min";
+    readonly to: "@tui-tablet-min";
+}, {
+    readonly from: "@tablet-lg-interval";
+    readonly to: "@tui-tablet-interval";
+}, {
+    readonly from: "@desktop-s";
+    readonly to: "@tui-desktop";
+}, {
+    readonly from: "@desktop-s-min";
+    readonly to: "@tui-desktop-min";
+}, {
+    readonly from: "@desktop-s-interval";
+    readonly to: "@tui-desktop-interval";
+}, {
+    readonly from: "@desktop-m-min";
+    readonly to: "@tui-desktop-lg-min";
+}, {
+    readonly from: "@mobile";
+    readonly to: "@tui-mobile";
+}, {
+    readonly from: "@mobile-min";
+    readonly to: "@tui-mobile-min";
+}, {
+    readonly from: "@mobile-interval";
+    readonly to: "@tui-mobile-interval";
+}, {
+    readonly from: "@tablet-s";
+    readonly to: "@tui-mobile";
+}, {
+    readonly from: "@tablet-s-min";
+    readonly to: "@tui-mobile-min";
+}, {
+    readonly from: "@tablet-s-interval";
+    readonly to: "@tui-mobile-interval";
+}, {
+    readonly from: "@tablet";
+    readonly to: "@tui-tablet";
+}, {
+    readonly from: "@tablet-min";
+    readonly to: "@tui-tablet-min";
+}, {
+    readonly from: "@tablet-interval";
+    readonly to: "@tui-tablet-interval";
+}, {
+    readonly from: "@desktop";
+    readonly to: "@tui-desktop";
+}, {
+    readonly from: "@desktop-min";
+    readonly to: "@tui-desktop-min";
+}, {
+    readonly from: "@desktop-interval";
+    readonly to: "@tui-desktop-interval";
+}, {
+    readonly from: "@desktop-lg-min";
+    readonly to: "@tui-desktop-lg-min";
+}];

package/schematics/ng-update/constants/breakpoints.js

@@ -0,0 +1,34 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DEPRECATED_BREAKPOINTS = void 0;
+exports.DEPRECATED_BREAKPOINTS = [
+    // all previously actual breakpoints
+    { from: `@media-retina`, to: `@tui-media-retina` },
+    { from: `@media-retina-mobile`, to: `@tui-media-retina-mobile` },
+    { from: `@media-retina-tablet`, to: `@tui-media-retina-tablet` },
+    { from: `@media-retina-desktop`, to: `@tui-media-retina-desktop` },
+    { from: `@mobile-m`, to: `@tui-mobile` },
+    { from: `@mobile-m-min`, to: `@tui-mobile-min` },
+    { from: `@mobile-m-interval`, to: `@tui-mobile-interval` },
+    { from: `@tablet-lg`, to: `@tui-tablet` },
+    { from: `@tablet-lg-min`, to: `@tui-tablet-min` },
+    { from: `@tablet-lg-interval`, to: `@tui-tablet-interval` },
+    { from: `@desktop-s`, to: `@tui-desktop` },
+    { from: `@desktop-s-min`, to: `@tui-desktop-min` },
+    { from: `@desktop-s-interval`, to: `@tui-desktop-interval` },
+    { from: `@desktop-m-min`, to: `@tui-desktop-lg-min` },
+    // legacy breakpoints
+    { from: `@mobile`, to: `@tui-mobile` },
+    { from: `@mobile-min`, to: `@tui-mobile-min` },
+    { from: `@mobile-interval`, to: `@tui-mobile-interval` },
+    { from: `@tablet-s`, to: `@tui-mobile` },
+    { from: `@tablet-s-min`, to: `@tui-mobile-min` },
+    { from: `@tablet-s-interval`, to: `@tui-mobile-interval` },
+    { from: `@tablet`, to: `@tui-tablet` },
+    { from: `@tablet-min`, to: `@tui-tablet-min` },
+    { from: `@tablet-interval`, to: `@tui-tablet-interval` },
+    { from: `@desktop`, to: `@tui-desktop` },
+    { from: `@desktop-min`, to: `@tui-desktop-min` },
+    { from: `@desktop-interval`, to: `@tui-desktop-interval` },
+    { from: `@desktop-lg-min`, to: `@tui-desktop-lg-min` },
+];

package/schematics/ng-update/constants/consts.d.ts

@@ -1,7 +1,7 @@
 export interface ReplacementConst {
     readonly from: {
         readonly name: string;
-        readonly moduleSpecifier?: string;
+        readonly moduleSpecifier?: string | string[];
     };
     readonly to: {
         readonly name: string;

package/schematics/ng-update/constants/consts.js

@@ -1,5 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.CONSTS_TO_REPLACE = void 0;
 exports.CONSTS_TO_REPLACE = [
     {
         from: {
@@ -12,6 +13,16 @@ exports.CONSTS_TO_REPLACE = [
             moduleSpecifier: '@angular/forms',
         },
     },
+    {
+        from: {
+            name: 'TUI_CALENDAR_DATA_STREAM',
+            moduleSpecifier: '@taiga-ui/kit',
+        },
+        to: {
+            name: 'TUI_CALENDAR_DATE_STREAM',
+            moduleSpecifier: '@taiga-ui/kit',
+        },
+    },
     {
         from: {
             name: 'TUI_DATE_MASK',
@@ -52,6 +63,66 @@ exports.CONSTS_TO_REPLACE = [
             moduleSpecifier: '@taiga-ui/core',
         },
     },
+    {
+        from: {
+            name: 'TuiManualHintModule',
+            moduleSpecifier: '@taiga-ui/core',
+        },
+        to: {
+            name: 'TuiHintModule',
+            moduleSpecifier: '@taiga-ui/core',
+        },
+    },
+    {
+        from: {
+            name: 'TuiPointerHintModule',
+            moduleSpecifier: '@taiga-ui/core',
+        },
+        to: {
+            name: 'TuiHintModule',
+            moduleSpecifier: '@taiga-ui/core',
+        },
+    },
+    {
+        from: {
+            name: 'TuiDropdownControllerModule',
+            moduleSpecifier: '@taiga-ui/core',
+        },
+        to: {
+            name: 'TuiDropdownModule',
+            moduleSpecifier: '@taiga-ui/core',
+        },
+    },
+    {
+        from: {
+            name: 'TuiDropdownSelectionModule',
+            moduleSpecifier: '@taiga-ui/kit',
+        },
+        to: {
+            name: 'TuiDropdownModule',
+            moduleSpecifier: '@taiga-ui/core',
+        },
+    },
+    {
+        from: {
+            name: 'TuiDropdownHoverModule',
+            moduleSpecifier: '@taiga-ui/kit',
+        },
+        to: {
+            name: 'TuiDropdownModule',
+            moduleSpecifier: '@taiga-ui/core',
+        },
+    },
+    {
+        from: {
+            name: 'TuiDropdownContextModule',
+            moduleSpecifier: '@taiga-ui/kit',
+        },
+        to: {
+            name: 'TuiDropdownModule',
+            moduleSpecifier: '@taiga-ui/core',
+        },
+    },
     {
         from: { name: 'identity', moduleSpecifier: '@taiga-ui/cdk' },
         to: { name: 'identity', moduleSpecifier: 'rxjs' },
@@ -142,4 +213,104 @@ exports.CONSTS_TO_REPLACE = [
             moduleSpecifier: '@taiga-ui/kit',
         },
     },
+    {
+        from: {
+            name: 'hexToRgb',
+            moduleSpecifier: ['@taiga-ui/addon-doc', '@taiga-ui/addon-editor'],
+        },
+        to: {
+            name: 'tuiHexToRgb',
+            moduleSpecifier: '@taiga-ui/cdk',
+        },
+    },
+    {
+        from: {
+            name: 'tuiHexToRgb',
+            moduleSpecifier: ['@taiga-ui/addon-doc', '@taiga-ui/addon-editor'],
+        },
+        to: {
+            name: 'tuiHexToRgb',
+            moduleSpecifier: '@taiga-ui/cdk',
+        },
+    },
+    {
+        from: {
+            name: 'hsvToRgb',
+            moduleSpecifier: '@taiga-ui/addon-editor',
+        },
+        to: {
+            name: 'tuiHsvToRgb',
+            moduleSpecifier: '@taiga-ui/cdk',
+        },
+    },
+    {
+        from: {
+            name: 'tuiHsvToRgb',
+            moduleSpecifier: '@taiga-ui/addon-editor',
+        },
+        to: {
+            name: 'tuiHsvToRgb',
+            moduleSpecifier: '@taiga-ui/cdk',
+        },
+    },
+    {
+        from: {
+            name: 'parseColor',
+            moduleSpecifier: '@taiga-ui/addon-editor',
+        },
+        to: {
+            name: 'tuiParseColor',
+            moduleSpecifier: '@taiga-ui/cdk',
+        },
+    },
+    {
+        from: {
+            name: 'tuiParseColor',
+            moduleSpecifier: '@taiga-ui/addon-editor',
+        },
+        to: {
+            name: 'tuiParseColor',
+            moduleSpecifier: '@taiga-ui/cdk',
+        },
+    },
+    {
+        from: {
+            name: 'rgbToHex',
+            moduleSpecifier: ['@taiga-ui/addon-doc', '@taiga-ui/addon-editor'],
+        },
+        to: {
+            name: 'tuiRgbToHex',
+            moduleSpecifier: '@taiga-ui/cdk',
+        },
+    },
+    {
+        from: {
+            name: 'tuiRgbToHex',
+            moduleSpecifier: ['@taiga-ui/addon-doc', '@taiga-ui/addon-editor'],
+        },
+        to: {
+            name: 'tuiRgbToHex',
+            moduleSpecifier: '@taiga-ui/cdk',
+        },
+    },
+    {
+        from: {
+            name: 'rgbToHsv',
+            moduleSpecifier: '@taiga-ui/addon-editor',
+        },
+        to: {
+            name: 'tuiRgbToHsv',
+            moduleSpecifier: '@taiga-ui/cdk',
+        },
+    },
+    {
+        from: {
+            name: 'tuiRgbToHsv',
+            moduleSpecifier: '@taiga-ui/addon-editor',
+        },
+        to: {
+            name: 'tuiRgbToHsv',
+            moduleSpecifier: '@taiga-ui/cdk',
+        },
+    },
 ];

package/schematics/ng-update/constants/deprecated-functions.js

@@ -1,5 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.DEPRECATED_FUNCTIONS = void 0;
 exports.DEPRECATED_FUNCTIONS = [
     {
         from: 'controlPoint',
@@ -96,16 +97,6 @@ exports.DEPRECATED_FUNCTIONS = [
         to: 'tuiCoerceValue',
         moduleSpecifier: ['@taiga-ui/addon-doc'],
     },
-    {
-        from: 'rgbToHex',
-        to: 'tuiRgbToHex',
-        moduleSpecifier: ['@taiga-ui/addon-doc'],
-    },
-    {
-        from: 'hexToRgb',
-        to: 'tuiHexToRgb',
-        moduleSpecifier: ['@taiga-ui/addon-doc'],
-    },
     {
         from: 'generateRoutes',
         to: 'tuiGenerateRoutes',
@@ -146,41 +137,16 @@ exports.DEPRECATED_FUNCTIONS = [
         to: 'tuiGetMarkRange',
         moduleSpecifier: ['@taiga-ui/addon-editor'],
     },
-    {
-        from: 'hexToRgb',
-        to: 'tuiHexToRgb',
-        moduleSpecifier: ['@taiga-ui/addon-editor'],
-    },
-    {
-        from: 'hsvToRgb',
-        to: 'tuiHsvToRgb',
-        moduleSpecifier: ['@taiga-ui/addon-editor'],
-    },
     {
         from: 'isSelectionIn',
         to: 'tuiIsSelectionIn',
         moduleSpecifier: ['@taiga-ui/addon-editor'],
     },
-    {
-        from: 'parseColor',
-        to: 'tuiParseColor',
-        moduleSpecifier: ['@taiga-ui/addon-editor'],
-    },
     {
         from: 'parseGradient',
         to: 'tuiParseGradient',
         moduleSpecifier: ['@taiga-ui/addon-editor'],
     },
-    {
-        from: 'rgbToHex',
-        to: 'tuiRgbToHex',
-        moduleSpecifier: ['@taiga-ui/addon-editor'],
-    },
-    {
-        from: 'rgbToHsv',
-        to: 'tuiRgbToHsv',
-        moduleSpecifier: ['@taiga-ui/addon-editor'],
-    },
     {
         from: 'toGradient',
         to: 'tuiToGradient',
@@ -353,7 +319,7 @@ exports.DEPRECATED_FUNCTIONS = [
     },
     {
         from: 'getClosestKeyboardFocusable',
-        to: 'tuiGetClosestKeyboardFocusable',
+        to: 'tuiGetClosestFocusable',
         moduleSpecifier: ['@taiga-ui/cdk'],
     },
     {

package/schematics/ng-update/constants/enums.js

@@ -1,6 +1,18 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.ENUMS_TO_REPLACE = void 0;
 exports.ENUMS_TO_REPLACE = [
+    {
+        name: 'TuiPaymentSystem',
+        replaceValues: {
+            Visa: 'visa',
+            Electron: 'electron',
+            Mastercard: 'mastercard',
+            Maestro: 'maestro',
+            Mir: 'mir',
+        },
+        keepAsType: true,
+    },
     {
         name: 'TuiTextAlign',
         replaceValues: {

package/schematics/ng-update/constants/modules.js

@@ -1,5 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.REMOVED_MODULES = void 0;
 exports.REMOVED_MODULES = [
     { name: 'TuiResizableColumnModule', moduleSpecifier: '@taiga-ui/addon-table' },
     { name: 'ScrollIntoViewModule', moduleSpecifier: '@taiga-ui/addon-doc' },

package/schematics/ng-update/constants/services.js

@@ -1,5 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.SERVICES_TO_REPLACE = void 0;
 exports.SERVICES_TO_REPLACE = [
     {
         from: {
@@ -16,7 +17,7 @@ exports.SERVICES_TO_REPLACE = [
         },
         to: {
             name: 'TuiAlertService',
-            moduleSpecifier: '@taiga-ui/cdk',
+            moduleSpecifier: '@taiga-ui/core',
         },
         replaceMethods: [
             {

package/schematics/ng-update/constants/templates.d.ts

@@ -33,6 +33,10 @@ export declare const ATTRS_TO_REPLACE: ReplacementAttributes[];
 export declare const INPUTS_TO_REMOVE: InputToRemove[];
 export declare const TAGS_TO_REPLACE: ReplacementTags[];
 export declare const ATTR_TO_DIRECTIVE: AttributeToDirective[];
+/**
+ * @example `<div [tuiDropdownSided]="true" />` => `<div tuiDropdownSided />`
+ */
+export declare const TRUTHY_BOOLEAN_INPUT_TO_HTML_BINARY_ATTRIBUTE: readonly ["tuiDropdownSided"];
 export declare const TEMPLATE_COMMENTS: readonly [{
     readonly tag: "tui-input-slider";
     readonly withAttr: "pluralize";
@@ -49,6 +53,10 @@ export declare const TEMPLATE_COMMENTS: readonly [{
     readonly tag: "tui-range";
     readonly withAttr: "pluralize";
     readonly comment: "See examples how create labels for ticks without this property (outside the component): https://taiga-ui.dev/components/range#segments";
+}, {
+    readonly tag: "tui-range";
+    readonly withAttr: "steps";
+    readonly comment: "This component has new API. Use property [step] instead. See: https://taiga-ui.dev/components/range/API";
 }, {
     readonly tag: "tui-preview-host";
     readonly withAttr: "ngProjectAs";
@@ -57,6 +65,10 @@ export declare const TEMPLATE_COMMENTS: readonly [{
     readonly tag: "tui-progress";
     readonly withAttr: "value";
     readonly comment: "This legacy component was replaced by 3 new ones (https://taiga-ui.dev/components/progress-bar | https://taiga-ui.dev/components/progress-circle | https://taiga-ui.dev/components/progress-segmented ) ";
+}, {
+    readonly tag: "tui-input-file";
+    readonly withAttr: "loadingFiles";
+    readonly comment: "This legacy component was replaced by new one (https://taiga-ui.dev/components/input-files) ";
 }, {
     readonly tag: "tui-input-tag";
     readonly withAttr: "allowSpaces";