@progress/kendo-angular-buttons 24.0.0-develop.37 → 24.0.0-develop.39

package/codemods/libs/buttons/codemods/v24/buttons-rendering-changes.js

@@ -0,0 +1,32 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2026 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.aiInstructions = exports.aiInstructionsGroupReset = exports.aiInstructionsToggleButton = void 0;
+exports.default = default_1;
+const codemods_1 = require("@progress/kendo-angular-common/codemods");
+exports.aiInstructionsToggleButton = `k-toggle-button — no longer applied in the Button component.
+   Remove any CSS rules or test assertions targeting .k-toggle-button on Button elements.`;
+exports.aiInstructionsGroupReset = `k-group and k-reset — no longer applied for the popups of DropDownButton and SplitButton.
+   Remove any CSS rules or test assertions targeting .k-group or .k-reset in DropDownButton/SplitButton popup context.`;
+exports.aiInstructions = `Review your stylesheets, test files, and any code that references these Button classes:
+
+${exports.aiInstructionsToggleButton}
+
+${exports.aiInstructionsGroupReset}`;
+const patternToggleButton = (0, codemods_1.makePattern)(['k-toggle-button']);
+const patternGroup = (0, codemods_1.makePattern)(['k-group']);
+const patternReset = (0, codemods_1.makePattern)(['k-reset']);
+function default_1(fileInfo) {
+    if ((0, codemods_1.isRenderingChangeTarget)(fileInfo.path)) {
+        if (patternToggleButton.test(fileInfo.source)) {
+            (0, codemods_1.writeInstructionMarker)(exports.aiInstructionsToggleButton, __filename, fileInfo.path);
+        }
+        if (patternGroup.test(fileInfo.source) || patternReset.test(fileInfo.source)) {
+            (0, codemods_1.writeInstructionMarker)(exports.aiInstructionsGroupReset, __filename, fileInfo.path);
+        }
+    }
+    return fileInfo.source;
+}

package/codemods/libs/buttons/codemods/v24/dropdownbutton-ButtonSize.js

@@ -0,0 +1,26 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2026 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.default = default_1;
+const codemods_1 = require("@progress/kendo-angular-common/codemods");
+const COMPETING_COMPONENTS = ['ButtonComponent', 'FloatingActionButtonComponent', 'SplitButtonComponent'];
+function default_1(fileInfo, api) {
+    if (!(0, codemods_1.isApiChangeTarget)(fileInfo.path)) {
+        return fileInfo.source;
+    }
+    const j = api.jscodeshift;
+    const rootSource = j(fileInfo.source);
+    if (!(0, codemods_1.isImportedFromPackage)(rootSource, j, '@progress/kendo-angular-buttons', 'DropDownButtonComponent')) {
+        return rootSource.toSource();
+    }
+    const hasAmbiguousUsage = COMPETING_COMPONENTS.some(comp => (0, codemods_1.isImportedFromPackage)(rootSource, j, '@progress/kendo-angular-buttons', comp));
+    if (hasAmbiguousUsage) {
+        (0, codemods_1.writeInstructionMarker)('ButtonSize is used by multiple button components. Manually rename DropDownButton-related usages to DropDownButtonSize.', __filename, fileInfo.path);
+        return rootSource.toSource();
+    }
+    (0, codemods_1.tsInterfaceTransformer)(fileInfo, rootSource, j, '@progress/kendo-angular-buttons', 'ButtonSize', 'DropDownButtonSize');
+    return rootSource.toSource();
+}

package/codemods/libs/buttons/codemods/v24/fab-ButtonSize.js

@@ -0,0 +1,26 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2026 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.default = default_1;
+const codemods_1 = require("@progress/kendo-angular-common/codemods");
+const COMPETING_COMPONENTS = ['ButtonComponent', 'DropDownButtonComponent', 'SplitButtonComponent'];
+function default_1(fileInfo, api) {
+    if (!(0, codemods_1.isApiChangeTarget)(fileInfo.path)) {
+        return fileInfo.source;
+    }
+    const j = api.jscodeshift;
+    const rootSource = j(fileInfo.source);
+    if (!(0, codemods_1.isImportedFromPackage)(rootSource, j, '@progress/kendo-angular-buttons', 'FloatingActionButtonComponent')) {
+        return rootSource.toSource();
+    }
+    const hasAmbiguousUsage = COMPETING_COMPONENTS.some(comp => (0, codemods_1.isImportedFromPackage)(rootSource, j, '@progress/kendo-angular-buttons', comp));
+    if (hasAmbiguousUsage) {
+        (0, codemods_1.writeInstructionMarker)('ButtonSize is used by multiple button components. Manually rename FAB-related usages to FloatingActionButtonSize.', __filename, fileInfo.path);
+        return rootSource.toSource();
+    }
+    (0, codemods_1.tsInterfaceTransformer)(fileInfo, rootSource, j, '@progress/kendo-angular-buttons', 'ButtonSize', 'FloatingActionButtonSize');
+    return rootSource.toSource();
+}

package/codemods/libs/buttons/codemods/v24/fab-ButtonThemeColor.js

@@ -0,0 +1,26 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2026 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.default = default_1;
+const codemods_1 = require("@progress/kendo-angular-common/codemods");
+const COMPETING_COMPONENTS = ['ButtonComponent'];
+function default_1(fileInfo, api) {
+    if (!(0, codemods_1.isApiChangeTarget)(fileInfo.path)) {
+        return fileInfo.source;
+    }
+    const j = api.jscodeshift;
+    const rootSource = j(fileInfo.source);
+    if (!(0, codemods_1.isImportedFromPackage)(rootSource, j, '@progress/kendo-angular-buttons', 'FloatingActionButtonComponent')) {
+        return rootSource.toSource();
+    }
+    const hasAmbiguousUsage = COMPETING_COMPONENTS.some(comp => (0, codemods_1.isImportedFromPackage)(rootSource, j, '@progress/kendo-angular-buttons', comp));
+    if (hasAmbiguousUsage) {
+        (0, codemods_1.writeInstructionMarker)('ButtonThemeColor is used by multiple button components. Manually rename FAB-related usages to FloatingActionButtonThemeColor.', __filename, fileInfo.path);
+        return rootSource.toSource();
+    }
+    (0, codemods_1.tsInterfaceTransformer)(fileInfo, rootSource, j, '@progress/kendo-angular-buttons', 'ButtonThemeColor', 'FloatingActionButtonThemeColor');
+    return rootSource.toSource();
+}

package/codemods/libs/buttons/codemods/v24/splitbutton-ButtonSize.js

@@ -0,0 +1,26 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2026 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.default = default_1;
+const codemods_1 = require("@progress/kendo-angular-common/codemods");
+const COMPETING_COMPONENTS = ['ButtonComponent', 'FloatingActionButtonComponent', 'DropDownButtonComponent'];
+function default_1(fileInfo, api) {
+    if (!(0, codemods_1.isApiChangeTarget)(fileInfo.path)) {
+        return fileInfo.source;
+    }
+    const j = api.jscodeshift;
+    const rootSource = j(fileInfo.source);
+    if (!(0, codemods_1.isImportedFromPackage)(rootSource, j, '@progress/kendo-angular-buttons', 'SplitButtonComponent')) {
+        return rootSource.toSource();
+    }
+    const hasAmbiguousUsage = COMPETING_COMPONENTS.some(comp => (0, codemods_1.isImportedFromPackage)(rootSource, j, '@progress/kendo-angular-buttons', comp));
+    if (hasAmbiguousUsage) {
+        (0, codemods_1.writeInstructionMarker)('ButtonSize is used by multiple button components. Manually rename SplitButton-related usages to SplitButtonSize.', __filename, fileInfo.path);
+        return rootSource.toSource();
+    }
+    (0, codemods_1.tsInterfaceTransformer)(fileInfo, rootSource, j, '@progress/kendo-angular-buttons', 'ButtonSize', 'SplitButtonSize');
+    return rootSource.toSource();
+}

package/codemods/libs/buttons/codemods/v24/themecolor-light-dark.js

@@ -0,0 +1,53 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2026 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.aiInstructions = void 0;
+exports.default = default_1;
+const tslib_1 = require("tslib");
+const fs = tslib_1.__importStar(require("fs"));
+const codemods_1 = require("@progress/kendo-angular-common/codemods");
+exports.aiInstructions = `The 'light' and 'dark' values have been removed from ButtonThemeColor.
+Replace them with a supported value: 'base', 'primary', 'secondary', 'tertiary', 'info', 'success', 'warning', 'error', or 'inverse'.
+
+Static usages (themeColor="light", [themeColor]="'dark'") were removed automatically, which means the component now uses its default themeColor.
+If you want to explicitly set a new value, re-add the attribute with a supported one:
+  Before: (removed by codemod — no themeColor attribute)
+  After:  themeColor="base"
+
+Furthermore, the following patterns could not be migrated automatically and require an additional update:
+
+Dynamic binding:
+  Before: [themeColor]="color"  (where color may be 'light' or 'dark')
+  After:  [themeColor]="color"  (ensure color is a supported value)
+
+Conditional expression — replace both values:
+  Before: [themeColor]="isDark ? 'dark' : 'light'"
+  After:  [themeColor]="isDark ? 'inverse' : 'base'"
+
+TypeScript assignment — update the assigned value:
+  Before: this.button.themeColor = 'light';
+  After:  this.button.themeColor = 'base';
+`;
+const REMOVED_VALUES = ['light', 'dark'];
+function default_1(fileInfo, api) {
+    const filePath = fileInfo.path;
+    if (!(0, codemods_1.isApiChangeTarget)(filePath)) {
+        return fileInfo.source;
+    }
+    const htmlResult = (0, codemods_1.htmlTransformer)(fileInfo, api, (templateContent) => {
+        let result = (0, codemods_1.attributeConditionalRemoval)(templateContent, 'kendo-button', 'themeColor', REMOVED_VALUES);
+        result = (0, codemods_1.attributeConditionalRemoval)(result, 'kendo-floatingactionbutton', 'themeColor', REMOVED_VALUES);
+        return result;
+    });
+    if (filePath.endsWith('.html')) {
+        if (htmlResult && htmlResult !== fileInfo.source) {
+            fs.writeFileSync(filePath, htmlResult, 'utf-8');
+            return htmlResult;
+        }
+        return fileInfo.source;
+    }
+    return htmlResult || fileInfo.source;
+}