@progress/kendo-angular-grid 19.0.0-develop.22 → 19.0.0-develop.24

package/codemods/template-transformer/index.js

@@ -0,0 +1,94 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2025 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.templateTransformer = void 0;
+const node_html_parser_1 = require("node-html-parser");
+function templateTransformer(root, j, ...processFns) {
+    root
+        .find(j.ClassDeclaration)
+        .forEach(classPath => {
+        // Skip if no decorators
+        const classNode = classPath.node;
+        if (!classNode.decorators || !classNode.decorators.length)
+            return;
+        // Find Component decorator
+        const componentDecorator = classNode.decorators.find((decorator) => {
+            if (decorator.expression && decorator.expression.type === 'CallExpression') {
+                const callee = decorator.expression.callee;
+                // Handle direct Component identifier
+                if (callee.type === 'Identifier' && callee.name === 'Component') {
+                    return true;
+                }
+                // Handle angular.core.Component or similar
+                if (callee.type === 'MemberExpression' &&
+                    callee.property &&
+                    callee.property.type === 'Identifier' &&
+                    callee.property.name === 'Component') {
+                    return true;
+                }
+            }
+            return false;
+        });
+        if (!componentDecorator || !componentDecorator.expression)
+            return;
+        const expression = componentDecorator.expression;
+        if (expression.type !== 'CallExpression' || !expression.arguments.length)
+            return;
+        const componentOptions = expression.arguments[0];
+        if (componentOptions.type !== 'ObjectExpression')
+            return;
+        // Find template and templateUrl properties
+        const props = componentOptions.properties || [];
+        const templateProp = props.find((prop) => (prop.key.type === 'Identifier' && prop.key.name === 'template') ||
+            (prop.key.type === 'StringLiteral' && prop.key.value === 'template'));
+        //   const templateUrlProp = props.find((prop: any) =>
+        //     (prop.key.type === 'Identifier' && prop.key.name === 'templateUrl') ||
+        //     (prop.key.type === 'StringLiteral' && prop.key.value === 'templateUrl')
+        //   );
+        // Process inline template
+        if (templateProp) {
+            // Extract template based on node type
+            let originalTemplate;
+            if (templateProp.value.type === 'StringLiteral' || templateProp.value.type === 'Literal') {
+                originalTemplate = templateProp.value.value;
+            }
+            else if (templateProp.value.type === 'TemplateLiteral') {
+                // For template literals, join quasis
+                if (templateProp.value.quasis && templateProp.value.quasis.length) {
+                    originalTemplate = templateProp.value.quasis
+                        .map((q) => q.value.cooked || q.value.raw)
+                        .join('');
+                }
+                else {
+                    console.warn('Could not process TemplateLiteral properly');
+                    return;
+                }
+            }
+            else {
+                console.warn(`Unsupported template type: ${templateProp.value.type}`);
+                return;
+            }
+            const root = (0, node_html_parser_1.parse)(originalTemplate);
+            processFns.forEach(fn => {
+                fn(root);
+            });
+            // Transform template using Angular compiler
+            const transformedTemplate = root.toString();
+            if (transformedTemplate !== originalTemplate) {
+                // Update template property
+                if (templateProp.value.type === 'TemplateLiteral') {
+                    // For template literals, create a new template literal
+                    templateProp.value = j.templateLiteral([j.templateElement({ cooked: transformedTemplate, raw: transformedTemplate }, true)], []);
+                }
+                else {
+                    // For string literals, update the value
+                    templateProp.value.value = transformedTemplate;
+                }
+            }
+        }
+    });
+}
+exports.templateTransformer = templateTransformer;

package/codemods/utils.js

@@ -0,0 +1,131 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2025 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.htmlAttributeTransformer = exports.tsPropertyTransformer = exports.templateAttributeTransformer = void 0;
+const node_html_parser_1 = __importDefault(require("node-html-parser"));
+const templateAttributeTransformer = (root, tagName, attributeName, newAttributeName) => {
+    const elements = Array.from(root.getElementsByTagName(tagName)) || [];
+    for (const element of elements) {
+        // Handle bound attributes like [title]="foo" or [title]="'foo'"
+        const boundAttr = element.getAttribute(`[${attributeName}]`);
+        if (boundAttr) {
+            element.setAttribute(`[${newAttributeName}]`, boundAttr);
+            element.removeAttribute(`[${attributeName}]`);
+        }
+    }
+};
+exports.templateAttributeTransformer = templateAttributeTransformer;
+const tsPropertyTransformer = (root, j, componentType, propertyName, newPropertyName) => {
+    // Find all class properties that are of type DropDownListComponent
+    const properties = new Set();
+    // Find properties with type annotations
+    root
+        .find(j.ClassProperty, {
+        typeAnnotation: {
+            typeAnnotation: {
+                typeName: {
+                    name: componentType
+                }
+            }
+        }
+    })
+        .forEach(path => {
+        if (path.node.key.type === 'Identifier') {
+            properties.add(path.node.key.name);
+        }
+    });
+    // Find function parameters of type componentType
+    const parameters = new Set();
+    root
+        .find(j.FunctionDeclaration)
+        .forEach(path => {
+        if (path.node.params) {
+            path.node.params.forEach(param => {
+                if (param.type === 'Identifier' &&
+                    param.typeAnnotation &&
+                    param.typeAnnotation.typeAnnotation?.type === 'TSTypeReference' &&
+                    param.typeAnnotation.typeAnnotation.typeName.type === 'Identifier' &&
+                    param.typeAnnotation.typeAnnotation.typeName.name === componentType) {
+                    parameters.add(param.name);
+                }
+            });
+        }
+    });
+    // Also check method declarations in classes
+    root
+        .find(j.ClassMethod)
+        .forEach(path => {
+        if (path.node.params) {
+            path.node.params.forEach(param => {
+                if (param.type === 'Identifier' &&
+                    param.typeAnnotation &&
+                    param.typeAnnotation.typeAnnotation?.type === 'TSTypeReference' &&
+                    param.typeAnnotation.typeAnnotation.typeName.type === 'Identifier' &&
+                    param.typeAnnotation.typeAnnotation.typeName.name === componentType) {
+                    parameters.add(param.name);
+                }
+            });
+        }
+    });
+    // Find all member expressions where title property is accessed on any componentType instance
+    root
+        .find(j.MemberExpression, {
+        property: {
+            type: 'Identifier',
+            name: propertyName
+        }
+    })
+        .filter(path => {
+        // Filter to only include accesses on properties that are componentType instances
+        if (path.node.object.type === 'MemberExpression' &&
+            path.node.object.property.type === 'Identifier') {
+            // handle properties of this
+            if (path.node.object.object.type === 'ThisExpression' &&
+                properties.has(path.node.object.property.name)) {
+                return true;
+            }
+        }
+        // Handle function parameters
+        if (path.node.object.type === 'Identifier' &&
+            parameters.has(path.node.object.name)) {
+            return true;
+        }
+        return false;
+    })
+        .forEach(path => {
+        // Replace old property name with new property name
+        if (path.node.property.type === 'Identifier') {
+            path.node.property.name = newPropertyName;
+        }
+    });
+};
+exports.tsPropertyTransformer = tsPropertyTransformer;
+const htmlAttributeTransformer = (fileInfo, tagName, oldName, newName) => {
+    const fileContent = fileInfo.source;
+    const root = (0, node_html_parser_1.default)(fileContent);
+    let modified = false;
+    // Locate elements using [oldName] binding and update the old attribute to the new one
+    const elements = Array.from(root.querySelectorAll(tagName));
+    for (const element of elements) {
+        const boundTitleAttr = element.getAttribute(`[${oldName}]`);
+        if (boundTitleAttr) {
+            element.removeAttribute(`[${oldName}]`);
+            element.setAttribute(`[${newName}]`, boundTitleAttr);
+            modified = true;
+        }
+    }
+    // Return modified content if changes were made
+    if (modified) {
+        const updatedContent = root.toString();
+        return updatedContent;
+    }
+    // Return original content if no changes were made or if there was an error
+    return fileContent;
+};
+exports.htmlAttributeTransformer = htmlAttributeTransformer;

package/codemods/v19/grid-kendogridgroupbinding.js

@@ -0,0 +1,51 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2025 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const template_transformer_1 = require("../template-transformer");
+const fs = __importStar(require("fs"));
+const utils_1 = require("../utils");
+function default_1(fileInfo, api) {
+    const filePath = fileInfo.path;
+    // Check if the file is an HTML file
+    if (filePath.endsWith('.html')) {
+        let updatedContent = fileInfo.source;
+        updatedContent = (0, utils_1.htmlAttributeTransformer)({ ...fileInfo, source: updatedContent }, 'kendo-grid', 'kendoGridGroupBinding', 'kendoGridBinding');
+        // Only write to file once after all transformations
+        fs.writeFileSync(filePath, updatedContent, 'utf-8');
+        return;
+    }
+    const j = api.jscodeshift;
+    const rootSource = j(fileInfo.source);
+    (0, template_transformer_1.templateTransformer)(rootSource, j, (root) => {
+        // Using node-html-parser to parse and manipulate the template: https://github.com/taoqf/node-html-parser
+        (0, utils_1.templateAttributeTransformer)(root, 'kendo-grid', 'kendoGridGroupBinding', 'kendoGridBinding');
+    });
+    return rootSource.toSource();
+}
+exports.default = default_1;

package/codemods/v19/index.js

@@ -0,0 +1,51 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2025 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const template_transformer_1 = require("../template-transformer");
+const fs = __importStar(require("fs"));
+const utils_1 = require("../utils");
+function default_1(fileInfo, api) {
+    const filePath = fileInfo.path;
+    // Check if the file is an HTML file
+    if (filePath.endsWith('.html')) {
+        let updatedContent = fileInfo.source;
+        updatedContent = (0, utils_1.htmlAttributeTransformer)({ ...fileInfo, source: updatedContent }, 'kendo-grid', 'kendoGridGroupBinding', 'kendoGridBinding');
+        // Only write to file once after all transformations
+        fs.writeFileSync(filePath, updatedContent, 'utf-8');
+        return;
+    }
+    const j = api.jscodeshift;
+    const rootSource = j(fileInfo.source);
+    (0, template_transformer_1.templateTransformer)(rootSource, j, (root) => {
+        // Using node-html-parser to parse and manipulate the template: https://github.com/taoqf/node-html-parser
+        (0, utils_1.templateAttributeTransformer)(root, 'kendo-grid', 'kendoGridGroupBinding', 'kendoGridBinding');
+    });
+    return rootSource.toSource();
+}
+exports.default = default_1;

package/esm2022/package-metadata.mjs

@@ -10,7 +10,7 @@ export const packageMetadata = {
     productName: 'Kendo UI for Angular',
     productCode: 'KENDOUIANGULAR',
     productCodes: ['KENDOUIANGULAR'],
-    publishDate: 1747414852,
-    version: '19.0.0-develop.22',
+    publishDate: 1747666920,
+    version: '19.0.0-develop.24',
     licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
 };

package/fesm2022/progress-kendo-angular-grid.mjs

@@ -20421,8 +20421,8 @@ const packageMetadata = {
     productName: 'Kendo UI for Angular',
     productCode: 'KENDOUIANGULAR',
     productCodes: ['KENDOUIANGULAR'],
-    publishDate: 1747414852,
-    version: '19.0.0-develop.22',
+    publishDate: 1747666920,
+    version: '19.0.0-develop.24',
     licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
 };
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@progress/kendo-angular-grid",
-  "version": "19.0.0-develop.22",
+  "version": "19.0.0-develop.24",
   "description": "Kendo UI Grid for Angular - high performance data grid with paging, filtering, virtualization, CRUD, and more.",
   "license": "SEE LICENSE IN LICENSE.md",
   "author": "Progress",
@@ -23,10 +23,30 @@
   ],
   "@progress": {
     "friendlyName": "Grid",
+    "migrations": {
+      "options": {
+        "parser": "tsx",
+        "pattern": "*.{t,j}s"
+      },
+      "codemods": {
+        "19": [
+          {
+            "description": "Migrate all breaking changes for the grid package",
+            "file": "codemods/v19/index.js",
+            "prompt": "true"
+          },
+          {
+            "description": "The Grid's kendoGridGroupBinding directive is deprecated",
+            "file": "codemods/v19/grid-kendogridgroupbinding.js",
+            "prompt": "true"
+          }
+        ]
+      }
+    },
     "package": {
       "productName": "Kendo UI for Angular",
       "productCode": "KENDOUIANGULAR",
-      "publishDate": 1747414852,
+      "publishDate": 1747666920,
       "licensingDocsUrl": "https://www.telerik.com/kendo-angular-ui/my-license/"
     }
   },
@@ -39,29 +59,29 @@
     "@progress/kendo-data-query": "^1.0.0",
     "@progress/kendo-drawing": "^1.21.0",
     "@progress/kendo-licensing": "^1.5.0",
-    "@progress/kendo-angular-buttons": "19.0.0-develop.22",
-    "@progress/kendo-angular-common": "19.0.0-develop.22",
-    "@progress/kendo-angular-dateinputs": "19.0.0-develop.22",
-    "@progress/kendo-angular-layout": "19.0.0-develop.22",
-    "@progress/kendo-angular-navigation": "19.0.0-develop.22",
-    "@progress/kendo-angular-dropdowns": "19.0.0-develop.22",
-    "@progress/kendo-angular-excel-export": "19.0.0-develop.22",
-    "@progress/kendo-angular-icons": "19.0.0-develop.22",
-    "@progress/kendo-angular-inputs": "19.0.0-develop.22",
-    "@progress/kendo-angular-indicators": "19.0.0-develop.22",
-    "@progress/kendo-angular-intl": "19.0.0-develop.22",
-    "@progress/kendo-angular-l10n": "19.0.0-develop.22",
-    "@progress/kendo-angular-label": "19.0.0-develop.22",
-    "@progress/kendo-angular-pager": "19.0.0-develop.22",
-    "@progress/kendo-angular-pdf-export": "19.0.0-develop.22",
-    "@progress/kendo-angular-popup": "19.0.0-develop.22",
-    "@progress/kendo-angular-toolbar": "19.0.0-develop.22",
-    "@progress/kendo-angular-utils": "19.0.0-develop.22",
+    "@progress/kendo-angular-buttons": "19.0.0-develop.24",
+    "@progress/kendo-angular-common": "19.0.0-develop.24",
+    "@progress/kendo-angular-dateinputs": "19.0.0-develop.24",
+    "@progress/kendo-angular-layout": "19.0.0-develop.24",
+    "@progress/kendo-angular-navigation": "19.0.0-develop.24",
+    "@progress/kendo-angular-dropdowns": "19.0.0-develop.24",
+    "@progress/kendo-angular-excel-export": "19.0.0-develop.24",
+    "@progress/kendo-angular-icons": "19.0.0-develop.24",
+    "@progress/kendo-angular-inputs": "19.0.0-develop.24",
+    "@progress/kendo-angular-indicators": "19.0.0-develop.24",
+    "@progress/kendo-angular-intl": "19.0.0-develop.24",
+    "@progress/kendo-angular-l10n": "19.0.0-develop.24",
+    "@progress/kendo-angular-label": "19.0.0-develop.24",
+    "@progress/kendo-angular-pager": "19.0.0-develop.24",
+    "@progress/kendo-angular-pdf-export": "19.0.0-develop.24",
+    "@progress/kendo-angular-popup": "19.0.0-develop.24",
+    "@progress/kendo-angular-toolbar": "19.0.0-develop.24",
+    "@progress/kendo-angular-utils": "19.0.0-develop.24",
     "rxjs": "^6.5.3 || ^7.0.0"
   },
   "dependencies": {
     "tslib": "^2.3.1",
-    "@progress/kendo-angular-schematics": "19.0.0-develop.22",
+    "@progress/kendo-angular-schematics": "19.0.0-develop.24",
     "@progress/kendo-common": "^1.0.1",
     "@progress/kendo-file-saver": "^1.0.0"
   },

package/schematics/ngAdd/index.js

@@ -4,14 +4,14 @@ const schematics_1 = require("@angular-devkit/schematics");
 function default_1(options) {
     const finalOptions = Object.assign(Object.assign({}, options), { mainNgModule: 'GridModule', package: 'grid', peerDependencies: {
             // peer deps of the dropdowns
-            '@progress/kendo-angular-treeview': '19.0.0-develop.22',
-            '@progress/kendo-angular-navigation': '19.0.0-develop.22',
+            '@progress/kendo-angular-treeview': '19.0.0-develop.24',
+            '@progress/kendo-angular-navigation': '19.0.0-develop.24',
             // peer dependency of kendo-angular-inputs
-            '@progress/kendo-angular-dialog': '19.0.0-develop.22',
+            '@progress/kendo-angular-dialog': '19.0.0-develop.24',
             // peer dependency of kendo-angular-icons
             '@progress/kendo-svg-icons': '^4.0.0',
             // peer dependency of kendo-angular-layout
-            '@progress/kendo-angular-progressbar': '19.0.0-develop.22'
+            '@progress/kendo-angular-progressbar': '19.0.0-develop.24'
         } });
     return (0, schematics_1.externalSchematic)('@progress/kendo-angular-schematics', 'ng-add', finalOptions);
 }