chore(paginator): add migration paginator #6091

Author: hanastasov

projects/igniteui-angular/migrations/migration-collection.json

@@ -55,6 +55,11 @@
             "version": "8.2.3",
             "description": "Updates Ignite UI for Angular from v8.2.0 to v8.2.3",
             "factory": "./update-8_2_3"
+        },
+        "migration-12": {
+            "version": "8.2.6",
+            "description": "Updates Ignite UI for Angular from v8.2.3 to v8.2.6",
+            "factory": "./update-8_2_6"
         }
     }
 }

projects/igniteui-angular/migrations/update-8_2_6/index.spec.ts

@@ -0,0 +1,52 @@
+import * as path from 'path';
+
+// tslint:disable:no-implicit-dependencies
+import { EmptyTree } from '@angular-devkit/schematics';
+// tslint:disable-next-line:no-submodule-imports
+import { SchematicTestRunner, UnitTestTree } from '@angular-devkit/schematics/testing';
+
+describe('Update 8.2.6', () => {
+    let appTree: UnitTestTree;
+    const schematicRunner = new SchematicTestRunner('ig-migrate', path.join(__dirname, '../migration-collection.json'));
+    const configJson = {
+        defaultProject: 'testProj',
+        projects: {
+            testProj: {
+                sourceRoot: '/testSrc'
+            }
+        },
+        schematics: {
+            '@schematics/angular:component': {
+                prefix: 'appPrefix'
+            }
+        }
+      };
+
+    beforeEach(() => {
+        appTree = new UnitTestTree(new EmptyTree());
+        appTree.create('/angular.json', JSON.stringify(configJson));
+    });
+
+    it('should update igx-grid-paginator-theme', done => {
+        appTree.create(
+            '/testSrc/appPrefix/component/test.component.scss',
+            `$dark-grid-paginator: igx-grid-paginator-theme($color: black);
+            @include igx-grid-paginator($dark-grid-paginator);
+            .igx-grid-paginator__pager {
+                @include igx-button($dark-button);
+            }
+            $dark-grid-paginator-schema: extend($_dark-grid-pagination,());`
+        );
+        const tree = schematicRunner.runSchematic('migration-12', {}, appTree);
+        expect(tree.readContent('/testSrc/appPrefix/component/test.component.scss'))
+        .toEqual(
+            `$dark-grid-paginator: igx-paginator-theme($color: black);
+            @include igx-paginator($dark-grid-paginator);
+            .igx-grid-paginator__pager {
+                @include igx-button($dark-button);
+            }
+            $dark-grid-paginator-schema: extend($_dark-pagination,());`
+        );
+        done();
+    });
+});

projects/igniteui-angular/migrations/update-8_2_6/index.ts

@@ -0,0 +1,67 @@
+import {
+    Rule,
+    SchematicContext,
+    Tree
+} from '@angular-devkit/schematics';
+import { getProjects, getWorkspace } from '../common/util';
+import { UpdateChanges } from '../common/UpdateChanges';
+
+const version = '8.2.6';
+
+export default function(): Rule {
+    return (host: Tree, context: SchematicContext) => {
+        const themes = ['$_base-dark-grid-pagination',
+            '$_dark-grid-pagination',
+            '$_dark-fluent-grid-pagination',
+            '$_light-grid-pagination',
+            '$_fluent-grid-pagination',
+            '$_round-shape-grid-pagination',
+            '$_default-shape-grid-pagination',
+            '$_square-shape-grid-pagination'];
+
+        const newThemes = ['$_base-dark-pagination',
+        '$_dark-pagination',
+        '$_dark-fluent-pagination',
+        '$_light-pagination',
+        '$_fluent-pagination',
+        '$_round-shape-pagination',
+        '$_default-shape-pagination',
+        '$_square-shape-pagination'];
+
+        let globalStyleExt: string;
+        const config = getWorkspace(host);
+        const projects = getProjects(config);
+
+        context.logger.info(`Applying migration for Ignite UI for Angular to version ${version}`);
+
+        if (config.schematics && config.schematics['@schematics/angular:component']) {
+            // updated projects have global prefix rather than per-project:
+            globalStyleExt = config.schematics['@schematics/angular:component'].styleext;
+        }
+
+        for (const proj of projects) {
+            const dir = host.getDir(proj.sourceRoot);
+            let ext = globalStyleExt || 'scss';
+            if (proj.schematics && proj.schematics['@schematics/angular:component']) {
+                ext = proj.schematics['@schematics/angular:component'].styleext || ext;
+            }
+            dir.visit((path, entry) => {
+                if (path.endsWith('.' + ext)) {
+                    let content = entry.content.toString();
+                    if (content.match(/\bigx-grid-paginator\b/g)) {
+                        content = content.replace(/\bigx-grid-paginator\b/g, 'igx-paginator');
+                    }
+                    themes.forEach((n, i) => {
+                        if (content.indexOf(n) !== -1) {
+                            content = content.split(n).join(newThemes[i]);
+                        }
+                    });
+                    host.overwrite(path, content);
+                }
+            });
+        }
+
+        const update = new UpdateChanges(__dirname, host, context);
+        update.applyChanges();
+    };
+}