@skyux/packages 5.1009.4 → 6.0.0-beta.10

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@skyux/packages",
-  "version": "5.1009.4",
+  "version": "6.0.0-beta.10",
   "author": "Blackbaud, Inc.",
   "description": "Handles the `ng update` command for SKY UX component libraries.",
   "keywords": [
@@ -27,65 +27,65 @@
       "@blackbaud/skyux-lib-code-block": "^5.0.0-beta.0",
       "@blackbaud/skyux-lib-media": "^5.0.0-beta.0",
       "@blackbaud/skyux-lib-stache": "^5.0.0-beta.0",
-      "@skyux-sdk/documentation-schematics": "^5.0.0",
-      "@skyux-sdk/prettier-schematics": "5.9.4",
-      "@skyux-sdk/angular-builders": "^5.0.0-beta.0",
-      "@skyux-sdk/e2e": "^5.0.0",
-      "@skyux-sdk/testing": "5.9.4",
-      "@skyux/a11y": "5.9.4",
-      "@skyux/action-bars": "5.9.4",
-      "@skyux/ag-grid": "5.9.4",
-      "@skyux/angular-tree-component": "5.9.4",
-      "@skyux/animations": "5.9.4",
-      "@skyux/assets": "5.9.4",
-      "@skyux/autonumeric": "5.9.4",
-      "@skyux/avatar": "5.9.4",
-      "@skyux/colorpicker": "5.9.4",
-      "@skyux/config": "5.9.4",
-      "@skyux/core": "5.9.4",
-      "@skyux/data-manager": "5.9.4",
-      "@skyux/datetime": "5.9.4",
-      "@skyux/docs-tools": "^5.0.0-beta.0",
-      "@skyux/e2e-client": "^5.0.0",
-      "@skyux/errors": "5.9.4",
-      "@skyux/flyout": "5.9.4",
-      "@skyux/forms": "5.9.4",
-      "@skyux/grids": "5.9.4",
-      "@skyux/http": "5.9.4",
-      "@skyux/i18n": "5.9.4",
+      "@skyux-sdk/prettier-schematics": "6.0.0-beta.10",
+      "@skyux-sdk/testing": "6.0.0-beta.10",
+      "@skyux/a11y": "6.0.0-beta.10",
+      "@skyux/action-bars": "6.0.0-beta.10",
+      "@skyux/ag-grid": "6.0.0-beta.10",
+      "@skyux/angular-tree-component": "6.0.0-beta.10",
+      "@skyux/animations": "6.0.0-beta.10",
+      "@skyux/assets": "6.0.0-beta.10",
+      "@skyux/autonumeric": "6.0.0-beta.10",
+      "@skyux/avatar": "6.0.0-beta.10",
+      "@skyux/colorpicker": "6.0.0-beta.10",
+      "@skyux/config": "6.0.0-beta.10",
+      "@skyux/core": "6.0.0-beta.10",
+      "@skyux/data-manager": "6.0.0-beta.10",
+      "@skyux/datetime": "6.0.0-beta.10",
+      "@skyux/docs-tools": "^6.0.0-beta.0",
+      "@skyux/errors": "6.0.0-beta.10",
+      "@skyux/flyout": "6.0.0-beta.10",
+      "@skyux/forms": "6.0.0-beta.10",
+      "@skyux/grids": "6.0.0-beta.10",
+      "@skyux/http": "6.0.0-beta.10",
+      "@skyux/i18n": "6.0.0-beta.10",
       "@skyux/icons": "^5.0.0",
-      "@skyux/indicators": "5.9.4",
-      "@skyux/inline-form": "5.9.4",
-      "@skyux/layout": "5.9.4",
-      "@skyux/list-builder": "5.9.4",
-      "@skyux/list-builder-common": "5.9.4",
-      "@skyux/list-builder-view-checklist": "5.9.4",
-      "@skyux/list-builder-view-grids": "5.9.4",
-      "@skyux/lists": "5.9.4",
-      "@skyux/lookup": "5.9.4",
-      "@skyux/modals": "5.9.4",
-      "@skyux/navbar": "5.9.4",
-      "@skyux/omnibar-interop": "5.9.4",
-      "@skyux/pages": "5.9.4",
-      "@skyux/phone-field": "5.9.4",
-      "@skyux/popovers": "5.9.4",
-      "@skyux/progress-indicator": "5.9.4",
-      "@skyux/router": "5.9.4",
-      "@skyux/select-field": "5.9.4",
-      "@skyux/split-view": "5.9.4",
-      "@skyux/tabs": "5.9.4",
-      "@skyux/text-editor": "5.9.4",
-      "@skyux/theme": "5.9.4",
-      "@skyux/tiles": "5.9.4",
-      "@skyux/toast": "5.9.4",
-      "@skyux/validation": "5.9.4"
+      "@skyux/indicators": "6.0.0-beta.10",
+      "@skyux/inline-form": "6.0.0-beta.10",
+      "@skyux/layout": "6.0.0-beta.10",
+      "@skyux/list-builder": "6.0.0-beta.10",
+      "@skyux/list-builder-common": "6.0.0-beta.10",
+      "@skyux/list-builder-view-checklist": "6.0.0-beta.10",
+      "@skyux/list-builder-view-grids": "6.0.0-beta.10",
+      "@skyux/lists": "6.0.0-beta.10",
+      "@skyux/lookup": "6.0.0-beta.10",
+      "@skyux/modals": "6.0.0-beta.10",
+      "@skyux/navbar": "6.0.0-beta.10",
+      "@skyux/omnibar-interop": "6.0.0-beta.10",
+      "@skyux/pages": "6.0.0-beta.10",
+      "@skyux/phone-field": "6.0.0-beta.10",
+      "@skyux/popovers": "6.0.0-beta.10",
+      "@skyux/progress-indicator": "6.0.0-beta.10",
+      "@skyux/router": "6.0.0-beta.10",
+      "@skyux/select-field": "6.0.0-beta.10",
+      "@skyux/split-view": "6.0.0-beta.10",
+      "@skyux/tabs": "6.0.0-beta.10",
+      "@skyux/text-editor": "6.0.0-beta.10",
+      "@skyux/theme": "6.0.0-beta.10",
+      "@skyux/tiles": "6.0.0-beta.10",
+      "@skyux/toast": "6.0.0-beta.10",
+      "@skyux/validation": "6.0.0-beta.10",
+      "ag-grid-angular": "^27.2.0",
+      "ag-grid-community": "^27.2.0",
+      "ag-grid-enterprise": "^27.2.0"
     }
   },
   "peerDependencies": {
-    "@angular/cli": "^12.2.16"
+    "@angular/cli": "^13.3.2"
   },
   "dependencies": {
     "fs-extra": "10.0.0",
+    "jsonc-parser": "3.0.0",
     "latest-version": "5.1.0"
   },
   "main": "./src/index.js",

package/src/schematics/migrations/migration-collection.json

@@ -1,29 +1,54 @@
 {
   "schematics": {
     "noop": {
-      "version": "5.1009.4",
+      "version": "6.0.0-beta.10",
       "factory": "./noop/noop.schematic",
       "description": "Update all SKY UX component packages"
     },
-    "update-peer-dependencies": {
-      "version": "5.0.0-beta.177",
-      "factory": "./update-peer-dependencies/update-peer-dependencies.schematic",
-      "description": "Update library peer dependencies"
+    "add-cdk": {
+      "version": "6.0.0",
+      "factory": "./update-6/add-cdk.schematic",
+      "description": "Add @angular/cdk if applicable"
     },
-    "setup-coverage-for-testing-module": {
-      "version": "5.0.0-beta.0",
-      "factory": "./setup-coverage-for-testing-module/setup-coverage-for-testing-module.schematic",
-      "description": "Setup coverage for the testing module"
+    "disable-strict-mode-rules": {
+      "version": "6.0.0",
+      "factory": "./update-6/disable-strict-mode-rules.schematic",
+      "description": "Disable 'strictNullChecks' due to some breaking changes introduced in TypeScript 4.4."
     },
-    "remove-package-json-scripts": {
-      "version": "5.0.0-beta.0",
-      "factory": "./remove-package-json-scripts/remove-package-json-scripts.schematic",
-      "description": "Remove SKY UX scripts from package.json"
+    "fix-deep-imports": {
+      "version": "6.0.0",
+      "factory": "./update-6/fix-deep-imports.schematic",
+      "description": "Fix deep imports into @skyux packages"
     },
-    "add-cdk": {
-      "version": "5.144.0",
-      "factory": "./add-cdk/add-cdk.schematic",
-      "description": "Add Angular CDK"
+    "fix-imports-with-trailing-slash": {
+      "version": "6.0.0",
+      "factory": "./update-6/fix-imports-with-trailing-slash.schematic",
+      "description": "Remove trailing slashes from TypeScript import statements"
+    },
+    "fix-ng-unsubscribe": {
+      "version": "6.0.0",
+      "factory": "./update-6/fix-ng-unsubscribe.schematic",
+      "description": "Set 'ngUnsubscribe' Subject<any> to Subject<void>"
+    },
+    "fix-rxjs-internal-compatibility-imports": {
+      "version": "6.0.0",
+      "factory": "./update-6/fix-rxjs-internal-compatibility-imports.schematic",
+      "description": "Fix imports from 'rxjs/internal-compatibility'"
+    },
+    "fix-scss-tilde-imports": {
+      "version": "6.0.0",
+      "factory": "./update-6/fix-scss-tilde-imports.schematic",
+      "description": "Remove tilde character from SCSS imports"
+    },
+    "crossvent": {
+      "version": "6.0.0",
+      "factory": "./update-6/crossvent.schematic",
+      "description": "Apply fix for crossvent 'global is not defined' error"
+    },
+    "ensure-theme-stylesheets": {
+      "version": "6.0.0",
+      "factory": "./update-6/ensure-theme-stylesheets.schematic",
+      "description": "Ensure applications reference SKY UX stylesheets correctly"
     }
   }
 }

package/src/schematics/migrations/update-6/add-cdk.schematic.js

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const install_angular_cdk_1 = require("../../rules/install-angular-cdk");
+function default_1() {
+    return (0, install_angular_cdk_1.installAngularCdk)();
+}
+exports.default = default_1;
+//# sourceMappingURL=add-cdk.schematic.js.map

package/src/schematics/migrations/update-6/add-cdk.schematic.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"add-cdk.schematic.js","sourceRoot":"","sources":["../../../../../../../../libs/components/packages/src/schematics/migrations/update-6/add-cdk.schematic.ts"],"names":[],"mappings":";;AAEA,yEAAoE;AAEpE;IACE,OAAO,IAAA,uCAAiB,GAAE,CAAC;AAC7B,CAAC;AAFD,4BAEC"}

package/src/schematics/migrations/{remove-package-json-scripts/remove-package-json-scripts.schematic.d.ts → update-6/crossvent.schematic.d.ts}

@@ -1,2 +1,2 @@
 import { Rule } from '@angular-devkit/schematics';
-export default function (): Rule;
+export default function crossventFix(): Rule;

package/src/schematics/migrations/update-6/crossvent.schematic.js

@@ -0,0 +1,12 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const add_crossvent_fix_1 = require("../../rules/add-crossvent-fix");
+const workspace_1 = require("../../utility/workspace");
+function crossventFix() {
+    return async (tree) => {
+        const { workspace } = await (0, workspace_1.getWorkspace)(tree);
+        return (0, add_crossvent_fix_1.addCrossventFix)(workspace);
+    };
+}
+exports.default = crossventFix;
+//# sourceMappingURL=crossvent.schematic.js.map

package/src/schematics/migrations/update-6/crossvent.schematic.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"crossvent.schematic.js","sourceRoot":"","sources":["../../../../../../../../libs/components/packages/src/schematics/migrations/update-6/crossvent.schematic.ts"],"names":[],"mappings":";;AAEA,qEAAgE;AAChE,uDAAuD;AAEvD,SAAwB,YAAY;IAClC,OAAO,KAAK,EAAE,IAAI,EAAE,EAAE;QACpB,MAAM,EAAE,SAAS,EAAE,GAAG,MAAM,IAAA,wBAAY,EAAC,IAAI,CAAC,CAAC;QAE/C,OAAO,IAAA,mCAAe,EAAC,SAAS,CAAC,CAAC;IACpC,CAAC,CAAC;AACJ,CAAC;AAND,+BAMC"}

package/src/schematics/migrations/update-6/disable-strict-mode-rules.schematic.d.ts

@@ -0,0 +1,2 @@
+import { Rule } from '@angular-devkit/schematics';
+export default function disableStrictModeRules(): Rule;

package/src/schematics/migrations/update-6/disable-strict-mode-rules.schematic.js

@@ -0,0 +1,24 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const json_file_1 = require("../../utility/json-file");
+const tree_1 = require("../../utility/tree");
+function disableStrictModeRules() {
+    return async (tree, context) => {
+        const tsConfig = new json_file_1.JsonFile(tree, 'tsconfig.json');
+        if (tsConfig.get(['compilerOptions', 'strict']) === true &&
+            tsConfig.get(['compilerOptions', 'strictNullChecks']) !== false) {
+            const contents = (0, tree_1.readRequiredFile)(tree, 'tsconfig.json').replace(/"compilerOptions": +{/, `"compilerOptions": {
+    // TypeScript 4.4 introduces breaking changes for the rule "strictNullChecks".
+    // See: https://github.com/microsoft/TypeScript-wiki/blob/main/Breaking-Changes.md#any-and-unknown-are-considered-possibly-falsy-in--expressions
+    // TODO: Remove "strictNullChecks" and address any build errors.
+    "strictNullChecks": false,`);
+            tree.overwrite('tsconfig.json', contents);
+            context.logger.warn('\nStrict mode is enabled for your project. ' +
+                'The latest version of TypeScript introduces new implementations for strict mode which may result in build errors that you will need to resolve manually. ' +
+                "We've disabled the affected rules in your tsconfig.json file, but you can enable them later if you wish. " +
+                '\nFor more information, see: https://www.typescriptlang.org/docs/handbook/release-notes/typescript-4-4.html.\n');
+        }
+    };
+}
+exports.default = disableStrictModeRules;
+//# sourceMappingURL=disable-strict-mode-rules.schematic.js.map

package/src/schematics/migrations/update-6/disable-strict-mode-rules.schematic.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"disable-strict-mode-rules.schematic.js","sourceRoot":"","sources":["../../../../../../../../libs/components/packages/src/schematics/migrations/update-6/disable-strict-mode-rules.schematic.ts"],"names":[],"mappings":";;AAEA,uDAAmD;AACnD,6CAAsD;AAEtD,SAAwB,sBAAsB;IAC5C,OAAO,KAAK,EAAE,IAAI,EAAE,OAAO,EAAE,EAAE;QAC7B,MAAM,QAAQ,GAAG,IAAI,oBAAQ,CAAC,IAAI,EAAE,eAAe,CAAC,CAAC;QAErD,IACE,QAAQ,CAAC,GAAG,CAAC,CAAC,iBAAiB,EAAE,QAAQ,CAAC,CAAC,KAAK,IAAI;YACpD,QAAQ,CAAC,GAAG,CAAC,CAAC,iBAAiB,EAAE,kBAAkB,CAAC,CAAC,KAAK,KAAK,EAC/D;YACA,MAAM,QAAQ,GAAG,IAAA,uBAAgB,EAAC,IAAI,EAAE,eAAe,CAAC,CAAC,OAAO,CAC9D,uBAAuB,EACvB;;;;+BAIuB,CACxB,CAAC;YAEF,IAAI,CAAC,SAAS,CAAC,eAAe,EAAE,QAAQ,CAAC,CAAC;YAE1C,OAAO,CAAC,MAAM,CAAC,IAAI,CACjB,6CAA6C;gBAC3C,2JAA2J;gBAC3J,2GAA2G;gBAC3G,gHAAgH,CACnH,CAAC;SACH;IACH,CAAC,CAAC;AACJ,CAAC;AA3BD,yCA2BC"}

package/src/schematics/migrations/update-6/ensure-theme-stylesheets.schematic.d.ts

@@ -0,0 +1,2 @@
+import { Rule } from '@angular-devkit/schematics';
+export default function ensureSkyuxThemeStylesheets(): Rule;

package/src/schematics/migrations/update-6/ensure-theme-stylesheets.schematic.js

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const apply_skyux_stylesheets_to_workspace_1 = require("../../rules/apply-skyux-stylesheets-to-workspace");
+function ensureSkyuxThemeStylesheets() {
+    return (0, apply_skyux_stylesheets_to_workspace_1.applySkyuxStylesheetsToWorkspace)();
+}
+exports.default = ensureSkyuxThemeStylesheets;
+//# sourceMappingURL=ensure-theme-stylesheets.schematic.js.map

package/src/schematics/migrations/update-6/ensure-theme-stylesheets.schematic.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ensure-theme-stylesheets.schematic.js","sourceRoot":"","sources":["../../../../../../../../libs/components/packages/src/schematics/migrations/update-6/ensure-theme-stylesheets.schematic.ts"],"names":[],"mappings":";;AAEA,2GAAoG;AAEpG,SAAwB,2BAA2B;IACjD,OAAO,IAAA,uEAAgC,GAAE,CAAC;AAC5C,CAAC;AAFD,8CAEC"}

package/src/schematics/migrations/update-6/fix-deep-imports.schematic.d.ts

@@ -0,0 +1,5 @@
+import { Rule } from '@angular-devkit/schematics';
+/**
+ * Remove deep imports to '@skyux' packages.
+ */
+export default function fixDeepImports(): Rule;

package/src/schematics/migrations/update-6/fix-deep-imports.schematic.js

@@ -0,0 +1,19 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const replace_typescript_imports_1 = require("../../rules/replace-typescript-imports");
+/**
+ * Remove deep imports to '@skyux' packages.
+ */
+function fixDeepImports() {
+    return (0, replace_typescript_imports_1.replaceTypeScriptImports)((importStatement, importPath) => {
+        const fragments = importPath.split('/');
+        if (fragments.length > 2 &&
+            fragments[0] === '@skyux' &&
+            fragments[2] !== 'testing') {
+            return importStatement.replace(importPath, `${fragments[0]}/${fragments[1]}`);
+        }
+        return importStatement;
+    });
+}
+exports.default = fixDeepImports;
+//# sourceMappingURL=fix-deep-imports.schematic.js.map

package/src/schematics/migrations/update-6/fix-deep-imports.schematic.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"fix-deep-imports.schematic.js","sourceRoot":"","sources":["../../../../../../../../libs/components/packages/src/schematics/migrations/update-6/fix-deep-imports.schematic.ts"],"names":[],"mappings":";;AAEA,uFAAkF;AAElF;;GAEG;AACH,SAAwB,cAAc;IACpC,OAAO,IAAA,qDAAwB,EAAC,CAAC,eAAe,EAAE,UAAU,EAAE,EAAE;QAC9D,MAAM,SAAS,GAAG,UAAU,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;QACxC,IACE,SAAS,CAAC,MAAM,GAAG,CAAC;YACpB,SAAS,CAAC,CAAC,CAAC,KAAK,QAAQ;YACzB,SAAS,CAAC,CAAC,CAAC,KAAK,SAAS,EAC1B;YACA,OAAO,eAAe,CAAC,OAAO,CAC5B,UAAU,EACV,GAAG,SAAS,CAAC,CAAC,CAAC,IAAI,SAAS,CAAC,CAAC,CAAC,EAAE,CAClC,CAAC;SACH;QACD,OAAO,eAAe,CAAC;IACzB,CAAC,CAAC,CAAC;AACL,CAAC;AAfD,iCAeC"}

package/src/schematics/migrations/update-6/fix-imports-with-trailing-slash.schematic.d.ts

@@ -0,0 +1,2 @@
+import { Rule } from '@angular-devkit/schematics';
+export default function fixImportsWithTrailingSlash(): Rule;

package/src/schematics/migrations/update-6/fix-imports-with-trailing-slash.schematic.js

@@ -0,0 +1,13 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const replace_typescript_imports_1 = require("../../rules/replace-typescript-imports");
+function fixImportsWithTrailingSlash() {
+    return (0, replace_typescript_imports_1.replaceTypeScriptImports)((importStatement, importPath) => {
+        if (importPath.endsWith('/')) {
+            return importStatement.replace(importPath, importPath.slice(0, -1));
+        }
+        return importStatement;
+    });
+}
+exports.default = fixImportsWithTrailingSlash;
+//# sourceMappingURL=fix-imports-with-trailing-slash.schematic.js.map

package/src/schematics/migrations/update-6/fix-imports-with-trailing-slash.schematic.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"fix-imports-with-trailing-slash.schematic.js","sourceRoot":"","sources":["../../../../../../../../libs/components/packages/src/schematics/migrations/update-6/fix-imports-with-trailing-slash.schematic.ts"],"names":[],"mappings":";;AAEA,uFAAkF;AAElF,SAAwB,2BAA2B;IACjD,OAAO,IAAA,qDAAwB,EAAC,CAAC,eAAe,EAAE,UAAU,EAAE,EAAE;QAC9D,IAAI,UAAU,CAAC,QAAQ,CAAC,GAAG,CAAC,EAAE;YAC5B,OAAO,eAAe,CAAC,OAAO,CAAC,UAAU,EAAE,UAAU,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC;SACrE;QACD,OAAO,eAAe,CAAC;IACzB,CAAC,CAAC,CAAC;AACL,CAAC;AAPD,8CAOC"}

package/src/schematics/migrations/update-6/fix-ng-unsubscribe.schematic.d.ts

@@ -0,0 +1,6 @@
+import { Rule } from '@angular-devkit/schematics';
+/**
+ * Convert any occurance of `ngUnsubscribe` from `Subject<any>` to `Subject<void>`.
+ * @see https://github.com/ReactiveX/rxjs/issues/6324#issuecomment-831645897
+ */
+export default function fixNgUnsubscribeGenerics(): Rule;

package/src/schematics/migrations/update-6/fix-ng-unsubscribe.schematic.js

@@ -0,0 +1,28 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const core_1 = require("@angular-devkit/core");
+const tree_1 = require("../../utility/tree");
+/**
+ * Convert any occurance of `ngUnsubscribe` from `Subject<any>` to `Subject<void>`.
+ * @see https://github.com/ReactiveX/rxjs/issues/6324#issuecomment-831645897
+ */
+function fixNgUnsubscribeGenerics() {
+    return (tree) => {
+        const visitor = (filePath) => {
+            const extension = (0, core_1.extname)(filePath);
+            if (extension === '.ts') {
+                const content = (0, tree_1.readRequiredFile)(tree, filePath);
+                const migratedContent = content.replace(/(?:ngUnsubscribe).*(Subject<any>)/g, (match, group) => {
+                    return match.replace(group, group.replace('<any>', '<void>'));
+                });
+                if (migratedContent !== content) {
+                    tree.overwrite(filePath, migratedContent);
+                }
+            }
+        };
+        tree.getDir('projects').visit(visitor);
+        tree.getDir('src').visit(visitor);
+    };
+}
+exports.default = fixNgUnsubscribeGenerics;
+//# sourceMappingURL=fix-ng-unsubscribe.schematic.js.map

package/src/schematics/migrations/update-6/fix-ng-unsubscribe.schematic.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"fix-ng-unsubscribe.schematic.js","sourceRoot":"","sources":["../../../../../../../../libs/components/packages/src/schematics/migrations/update-6/fix-ng-unsubscribe.schematic.ts"],"names":[],"mappings":";;AAAA,+CAA+C;AAG/C,6CAAsD;AAEtD;;;GAGG;AACH,SAAwB,wBAAwB;IAC9C,OAAO,CAAC,IAAI,EAAE,EAAE;QACd,MAAM,OAAO,GAAgB,CAAC,QAAQ,EAAE,EAAE;YACxC,MAAM,SAAS,GAAG,IAAA,cAAO,EAAC,QAAQ,CAAC,CAAC;YACpC,IAAI,SAAS,KAAK,KAAK,EAAE;gBACvB,MAAM,OAAO,GAAG,IAAA,uBAAgB,EAAC,IAAI,EAAE,QAAQ,CAAC,CAAC;gBAEjD,MAAM,eAAe,GAAG,OAAO,CAAC,OAAO,CACrC,oCAAoC,EACpC,CAAC,KAAK,EAAE,KAAK,EAAE,EAAE;oBACf,OAAO,KAAK,CAAC,OAAO,CAAC,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,OAAO,EAAE,QAAQ,CAAC,CAAC,CAAC;gBAChE,CAAC,CACF,CAAC;gBAEF,IAAI,eAAe,KAAK,OAAO,EAAE;oBAC/B,IAAI,CAAC,SAAS,CAAC,QAAQ,EAAE,eAAe,CAAC,CAAC;iBAC3C;aACF;QACH,CAAC,CAAC;QAEF,IAAI,CAAC,MAAM,CAAC,UAAU,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC;QACvC,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC;IACpC,CAAC,CAAC;AACJ,CAAC;AAvBD,2CAuBC"}

package/src/schematics/migrations/update-6/fix-rxjs-internal-compatibility-imports.schematic.d.ts

@@ -0,0 +1,6 @@
+import { Rule } from '@angular-devkit/schematics';
+/**
+ * Replace imports from 'rxjs/internal-compatibility' with 'rxjs' since
+ * this entry point was removed in RxJS v7.
+ */
+export default function fixRxJsInternalCompatibilityImports(): Rule;

package/src/schematics/migrations/update-6/fix-rxjs-internal-compatibility-imports.schematic.js

@@ -0,0 +1,23 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const replace_typescript_imports_1 = require("../../rules/replace-typescript-imports");
+/**
+ * Replace imports from 'rxjs/internal-compatibility' with 'rxjs' since
+ * this entry point was removed in RxJS v7.
+ */
+function fixRxJsInternalCompatibilityImports() {
+    return (0, replace_typescript_imports_1.replaceTypeScriptImports)((importStatement, importPath, fileContents) => {
+        if (importPath === 'rxjs/internal-compatibility') {
+            // Make sure 'from' isn't already imported.
+            importStatement =
+                /import +{[\s\w,]*from[\s\w,]*} +from\s+['"]rxjs['"]/.test(fileContents)
+                    ? ''
+                    : "import { from } from 'rxjs';";
+        }
+        return importStatement;
+    }, 
+    // Replace all occurances of 'fromPromise' with 'from'.
+    (fileContents) => fileContents.replace(/fromPromise\(/g, 'from('));
+}
+exports.default = fixRxJsInternalCompatibilityImports;
+//# sourceMappingURL=fix-rxjs-internal-compatibility-imports.schematic.js.map

package/src/schematics/migrations/update-6/fix-rxjs-internal-compatibility-imports.schematic.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"fix-rxjs-internal-compatibility-imports.schematic.js","sourceRoot":"","sources":["../../../../../../../../libs/components/packages/src/schematics/migrations/update-6/fix-rxjs-internal-compatibility-imports.schematic.ts"],"names":[],"mappings":";;AAEA,uFAAkF;AAElF;;;GAGG;AACH,SAAwB,mCAAmC;IACzD,OAAO,IAAA,qDAAwB,EAC7B,CAAC,eAAe,EAAE,UAAU,EAAE,YAAY,EAAE,EAAE;QAC5C,IAAI,UAAU,KAAK,6BAA6B,EAAE;YAChD,2CAA2C;YAC3C,eAAe;gBACb,qDAAqD,CAAC,IAAI,CACxD,YAAY,CACb;oBACC,CAAC,CAAC,EAAE;oBACJ,CAAC,CAAC,8BAA8B,CAAC;SACtC;QAED,OAAO,eAAe,CAAC;IACzB,CAAC;IACD,uDAAuD;IACvD,CAAC,YAAY,EAAE,EAAE,CAAC,YAAY,CAAC,OAAO,CAAC,gBAAgB,EAAE,OAAO,CAAC,CAClE,CAAC;AACJ,CAAC;AAlBD,sDAkBC"}

package/src/schematics/migrations/update-6/fix-scss-tilde-imports.schematic.d.ts

@@ -0,0 +1,7 @@
+import { Rule } from '@angular-devkit/schematics';
+/**
+ * Replaces the tilde character in SCSS import statements with 'node_modules', since
+ * support for the tilde was dropped in Angular 13.
+ * @see: https://github.com/angular/components/commit/f2ff9e31425f0e395e6926bcaf48f876688000d8
+ */
+export default function fixScssTildeImports(): Rule;

package/src/schematics/migrations/update-6/fix-scss-tilde-imports.schematic.js

@@ -0,0 +1,33 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const core_1 = require("@angular-devkit/core");
+const tree_1 = require("../../utility/tree");
+/**
+ * Replaces the tilde character in SCSS import statements with 'node_modules', since
+ * support for the tilde was dropped in Angular 13.
+ * @see: https://github.com/angular/components/commit/f2ff9e31425f0e395e6926bcaf48f876688000d8
+ */
+function fixScssTildeImports() {
+    return async (tree) => {
+        const visitor = (filePath) => {
+            const extension = (0, core_1.extname)(filePath);
+            if (extension === '.scss' || extension === '.css') {
+                const content = (0, tree_1.readRequiredFile)(tree, filePath);
+                const migratedContent = content.replace(/@(?:import|use) +['"](~.*)['"].*;?/g, (match, importPath) => {
+                    return match.replace(importPath, importPath
+                        // Replace leading tilde.
+                        .replace(/^~/, 'node_modules/')
+                        // Remove path extensions.
+                        .replace(/\.(s?css)$/, ''));
+                });
+                if (content !== migratedContent) {
+                    tree.overwrite(filePath, migratedContent);
+                }
+            }
+        };
+        tree.getDir('projects').visit(visitor);
+        tree.getDir('src').visit(visitor);
+    };
+}
+exports.default = fixScssTildeImports;
+//# sourceMappingURL=fix-scss-tilde-imports.schematic.js.map

package/src/schematics/migrations/update-6/fix-scss-tilde-imports.schematic.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"fix-scss-tilde-imports.schematic.js","sourceRoot":"","sources":["../../../../../../../../libs/components/packages/src/schematics/migrations/update-6/fix-scss-tilde-imports.schematic.ts"],"names":[],"mappings":";;AAAA,+CAA+C;AAG/C,6CAAsD;AAEtD;;;;GAIG;AACH,SAAwB,mBAAmB;IACzC,OAAO,KAAK,EAAE,IAAI,EAAE,EAAE;QACpB,MAAM,OAAO,GAAgB,CAAC,QAAQ,EAAE,EAAE;YACxC,MAAM,SAAS,GAAG,IAAA,cAAO,EAAC,QAAQ,CAAC,CAAC;YACpC,IAAI,SAAS,KAAK,OAAO,IAAI,SAAS,KAAK,MAAM,EAAE;gBACjD,MAAM,OAAO,GAAG,IAAA,uBAAgB,EAAC,IAAI,EAAE,QAAQ,CAAC,CAAC;gBAEjD,MAAM,eAAe,GAAG,OAAO,CAAC,OAAO,CACrC,qCAAqC,EACrC,CAAC,KAAK,EAAE,UAAU,EAAE,EAAE;oBACpB,OAAO,KAAK,CAAC,OAAO,CAClB,UAAU,EACV,UAAU;wBACR,yBAAyB;yBACxB,OAAO,CAAC,IAAI,EAAE,eAAe,CAAC;wBAC/B,0BAA0B;yBACzB,OAAO,CAAC,YAAY,EAAE,EAAE,CAAC,CAC7B,CAAC;gBACJ,CAAC,CACF,CAAC;gBAEF,IAAI,OAAO,KAAK,eAAe,EAAE;oBAC/B,IAAI,CAAC,SAAS,CAAC,QAAQ,EAAE,eAAe,CAAC,CAAC;iBAC3C;aACF;QACH,CAAC,CAAC;QAEF,IAAI,CAAC,MAAM,CAAC,UAAU,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC;QACvC,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC;IACpC,CAAC,CAAC;AACJ,CAAC;AA9BD,sCA8BC"}

package/src/schematics/ng-add/ng-add.schematic.js

@@ -1,39 +1,48 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const tslib_1 = require("tslib");
+const schematics_1 = require("@angular-devkit/schematics");
 const tasks_1 = require("@angular-devkit/schematics/tasks");
 const fs_extra_1 = tslib_1.__importDefault(require("fs-extra"));
 const latest_version_1 = tslib_1.__importDefault(require("latest-version"));
 const path_1 = tslib_1.__importDefault(require("path"));
+const add_crossvent_fix_1 = require("../rules/add-crossvent-fix");
+const apply_skyux_stylesheets_to_workspace_1 = require("../rules/apply-skyux-stylesheets-to-workspace");
+const install_angular_cdk_1 = require("../rules/install-angular-cdk");
 const tree_1 = require("../utility/tree");
-function ensureLatestVersions(context, dependencies, packageGroup) {
-    return tslib_1.__awaiter(this, void 0, void 0, function* () {
-        for (const packageName in dependencies) {
-            const version = packageGroup[packageName];
-            if (version) {
-                // Get the latest version from NPM.
-                const latestVersion = yield latest_version_1.default(packageName, { version });
-                if (latestVersion !== dependencies[packageName]) {
-                    context.logger.info(`Updated "${packageName}" from version (${dependencies[packageName]}) to (${latestVersion}).`);
-                    dependencies[packageName] = latestVersion;
-                }
-                else {
-                    context.logger.info(`Skipped "${packageName}" because it is already on the latest version.`);
-                }
+const workspace_1 = require("../utility/workspace");
+async function ensureLatestVersions(context, dependencies, packageGroup) {
+    for (const packageName in dependencies) {
+        const version = packageGroup[packageName];
+        if (version) {
+            // Get the latest version from NPM.
+            const latestVersion = await (0, latest_version_1.default)(packageName, { version });
+            if (latestVersion !== dependencies[packageName]) {
+                context.logger.info(`Updated "${packageName}" from version (${dependencies[packageName]}) to (${latestVersion}).`);
+                dependencies[packageName] = latestVersion;
+            }
+            else {
+                context.logger.info(`Skipped "${packageName}" because it is already on the latest version.`);
             }
         }
-    });
+    }
 }
 function ngAdd() {
-    return (tree, context) => tslib_1.__awaiter(this, void 0, void 0, function* () {
+    return async (tree, context) => {
+        const { workspace } = await (0, workspace_1.getWorkspace)(tree);
         const packageJsonPath = 'package.json';
-        const packageJson = JSON.parse(tree_1.readRequiredFile(tree, packageJsonPath));
+        const packageJson = JSON.parse((0, tree_1.readRequiredFile)(tree, packageJsonPath));
         const { packageGroup } = fs_extra_1.default.readJsonSync(path_1.default.resolve(__dirname, '../../../package.json'))['ng-update'];
-        yield ensureLatestVersions(context, packageJson.dependencies, packageGroup);
-        yield ensureLatestVersions(context, packageJson.devDependencies, packageGroup);
+        await ensureLatestVersions(context, packageJson.dependencies, packageGroup);
+        await ensureLatestVersions(context, packageJson.devDependencies, packageGroup);
         tree.overwrite(packageJsonPath, JSON.stringify(packageJson, undefined, 2));
         context.addTask(new tasks_1.NodePackageInstallTask());
-    });
+        return (0, schematics_1.chain)([
+            (0, install_angular_cdk_1.installAngularCdk)(),
+            (0, add_crossvent_fix_1.addCrossventFix)(workspace),
+            (0, apply_skyux_stylesheets_to_workspace_1.applySkyuxStylesheetsToWorkspace)(),
+        ]);
+    };
 }
 exports.default = ngAdd;
 //# sourceMappingURL=ng-add.schematic.js.map

package/src/schematics/ng-add/ng-add.schematic.js.map

@@ -1 +1 @@
-{"version":3,"file":"ng-add.schematic.js","sourceRoot":"","sources":["../../../../../../../libs/components/packages/src/schematics/ng-add/ng-add.schematic.ts"],"names":[],"mappings":";;;AACA,4DAA0E;AAE1E,gEAA0B;AAC1B,4EAA8C;AAC9C,wDAAwB;AAExB,0CAAmD;AAEnD,SAAe,oBAAoB,CACjC,OAAyB,EACzB,YAEC,EACD,YAEC;;QAED,KAAK,MAAM,WAAW,IAAI,YAAY,EAAE;YACtC,MAAM,OAAO,GAAG,YAAY,CAAC,WAAW,CAAC,CAAC;YAE1C,IAAI,OAAO,EAAE;gBACX,mCAAmC;gBACnC,MAAM,aAAa,GAAG,MAAM,wBAAgB,CAAC,WAAW,EAAE,EAAE,OAAO,EAAE,CAAC,CAAC;gBAEvE,IAAI,aAAa,KAAK,YAAY,CAAC,WAAW,CAAC,EAAE;oBAC/C,OAAO,CAAC,MAAM,CAAC,IAAI,CACjB,YAAY,WAAW,mBAAmB,YAAY,CAAC,WAAW,CAAC,SAAS,aAAa,IAAI,CAC9F,CAAC;oBAEF,YAAY,CAAC,WAAW,CAAC,GAAG,aAAa,CAAC;iBAC3C;qBAAM;oBACL,OAAO,CAAC,MAAM,CAAC,IAAI,CACjB,YAAY,WAAW,gDAAgD,CACxE,CAAC;iBACH;aACF;SACF;IACH,CAAC;CAAA;AAED,SAAwB,KAAK;IAC3B,OAAO,CAAO,IAAI,EAAE,OAAO,EAAE,EAAE;QAC7B,MAAM,eAAe,GAAG,cAAc,CAAC;QACvC,MAAM,WAAW,GAAG,IAAI,CAAC,KAAK,CAAC,uBAAgB,CAAC,IAAI,EAAE,eAAe,CAAC,CAAC,CAAC;QAExE,MAAM,EAAE,YAAY,EAAE,GAAG,kBAAE,CAAC,YAAY,CACtC,cAAI,CAAC,OAAO,CAAC,SAAS,EAAE,uBAAuB,CAAC,CACjD,CAAC,WAAW,CAAC,CAAC;QAEf,MAAM,oBAAoB,CAAC,OAAO,EAAE,WAAW,CAAC,YAAY,EAAE,YAAY,CAAC,CAAC;QAC5E,MAAM,oBAAoB,CACxB,OAAO,EACP,WAAW,CAAC,eAAe,EAC3B,YAAY,CACb,CAAC;QAEF,IAAI,CAAC,SAAS,CAAC,eAAe,EAAE,IAAI,CAAC,SAAS,CAAC,WAAW,EAAE,SAAS,EAAE,CAAC,CAAC,CAAC,CAAC;QAE3E,OAAO,CAAC,OAAO,CAAC,IAAI,8BAAsB,EAAE,CAAC,CAAC;IAChD,CAAC,CAAA,CAAC;AACJ,CAAC;AApBD,wBAoBC"}
+{"version":3,"file":"ng-add.schematic.js","sourceRoot":"","sources":["../../../../../../../libs/components/packages/src/schematics/ng-add/ng-add.schematic.ts"],"names":[],"mappings":";;;AAAA,2DAA2E;AAC3E,4DAA0E;AAE1E,gEAA0B;AAC1B,4EAA8C;AAC9C,wDAAwB;AAExB,kEAA6D;AAC7D,wGAAiG;AACjG,sEAAiE;AACjE,0CAAmD;AACnD,oDAAoD;AAEpD,KAAK,UAAU,oBAAoB,CACjC,OAAyB,EACzB,YAEC,EACD,YAEC;IAED,KAAK,MAAM,WAAW,IAAI,YAAY,EAAE;QACtC,MAAM,OAAO,GAAG,YAAY,CAAC,WAAW,CAAC,CAAC;QAE1C,IAAI,OAAO,EAAE;YACX,mCAAmC;YACnC,MAAM,aAAa,GAAG,MAAM,IAAA,wBAAgB,EAAC,WAAW,EAAE,EAAE,OAAO,EAAE,CAAC,CAAC;YAEvE,IAAI,aAAa,KAAK,YAAY,CAAC,WAAW,CAAC,EAAE;gBAC/C,OAAO,CAAC,MAAM,CAAC,IAAI,CACjB,YAAY,WAAW,mBAAmB,YAAY,CAAC,WAAW,CAAC,SAAS,aAAa,IAAI,CAC9F,CAAC;gBAEF,YAAY,CAAC,WAAW,CAAC,GAAG,aAAa,CAAC;aAC3C;iBAAM;gBACL,OAAO,CAAC,MAAM,CAAC,IAAI,CACjB,YAAY,WAAW,gDAAgD,CACxE,CAAC;aACH;SACF;KACF;AACH,CAAC;AAED,SAAwB,KAAK;IAC3B,OAAO,KAAK,EAAE,IAAI,EAAE,OAAO,EAAE,EAAE;QAC7B,MAAM,EAAE,SAAS,EAAE,GAAG,MAAM,IAAA,wBAAY,EAAC,IAAI,CAAC,CAAC;QAE/C,MAAM,eAAe,GAAG,cAAc,CAAC;QACvC,MAAM,WAAW,GAAG,IAAI,CAAC,KAAK,CAAC,IAAA,uBAAgB,EAAC,IAAI,EAAE,eAAe,CAAC,CAAC,CAAC;QAExE,MAAM,EAAE,YAAY,EAAE,GAAG,kBAAE,CAAC,YAAY,CACtC,cAAI,CAAC,OAAO,CAAC,SAAS,EAAE,uBAAuB,CAAC,CACjD,CAAC,WAAW,CAAC,CAAC;QAEf,MAAM,oBAAoB,CAAC,OAAO,EAAE,WAAW,CAAC,YAAY,EAAE,YAAY,CAAC,CAAC;QAC5E,MAAM,oBAAoB,CACxB,OAAO,EACP,WAAW,CAAC,eAAe,EAC3B,YAAY,CACb,CAAC;QAEF,IAAI,CAAC,SAAS,CAAC,eAAe,EAAE,IAAI,CAAC,SAAS,CAAC,WAAW,EAAE,SAAS,EAAE,CAAC,CAAC,CAAC,CAAC;QAE3E,OAAO,CAAC,OAAO,CAAC,IAAI,8BAAsB,EAAE,CAAC,CAAC;QAE9C,OAAO,IAAA,kBAAK,EAAC;YACX,IAAA,uCAAiB,GAAE;YACnB,IAAA,mCAAe,EAAC,SAAS,CAAC;YAC1B,IAAA,uEAAgC,GAAE;SACnC,CAAC,CAAC;IACL,CAAC,CAAC;AACJ,CAAC;AA5BD,wBA4BC"}

package/src/schematics/rules/add-crossvent-fix.d.ts

@@ -0,0 +1,3 @@
+import { WorkspaceDefinition } from '@angular-devkit/core/src/workspace';
+import { Rule } from '@angular-devkit/schematics';
+export declare function addCrossventFix(workspace: WorkspaceDefinition): Rule;

package/src/schematics/rules/add-crossvent-fix.js

@@ -0,0 +1,34 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.addCrossventFix = void 0;
+const tree_1 = require("../utility/tree");
+const CROSSVENT_FIX = '(window as any).global = window;';
+function addCrossventFix(workspace) {
+    return (tree, context) => {
+        for (const project of workspace.projects.values()) {
+            const testTarget = project.targets.get('test');
+            /*istanbul ignore else*/
+            if (testTarget) {
+                if (testTarget.options.main) {
+                    // Get the 'test.ts' entry point file path from the 'test' target.
+                    const filePath = testTarget.options.main.toString();
+                    const contents = (0, tree_1.readRequiredFile)(tree, filePath);
+                    if (contents.includes(CROSSVENT_FIX)) {
+                        context.logger.info('Fix for crossvent library already applied. Skipping.');
+                        return;
+                    }
+                    tree.overwrite(filePath, contents.replace(/(declare\sconst\srequire:)/, (_, group) => {
+                        return `// Fix for crossvent "global is not defined" error. The crossvent library
+// is used by Dragula, which in turn is used by multiple SKY UX components.
+// See: https://github.com/bevacqua/dragula/issues/602
+${CROSSVENT_FIX}
+
+${group}`;
+                    }));
+                }
+            }
+        }
+    };
+}
+exports.addCrossventFix = addCrossventFix;
+//# sourceMappingURL=add-crossvent-fix.js.map

package/src/schematics/rules/add-crossvent-fix.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"add-crossvent-fix.js","sourceRoot":"","sources":["../../../../../../../libs/components/packages/src/schematics/rules/add-crossvent-fix.ts"],"names":[],"mappings":";;;AAGA,0CAAmD;AAEnD,MAAM,aAAa,GAAG,kCAAkC,CAAC;AAEzD,SAAgB,eAAe,CAAC,SAA8B;IAC5D,OAAO,CAAC,IAAI,EAAE,OAAO,EAAE,EAAE;QACvB,KAAK,MAAM,OAAO,IAAI,SAAS,CAAC,QAAQ,CAAC,MAAM,EAAE,EAAE;YACjD,MAAM,UAAU,GAAG,OAAO,CAAC,OAAO,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC;YAE/C,wBAAwB;YACxB,IAAI,UAAU,EAAE;gBACd,IAAI,UAAU,CAAC,OAAO,CAAC,IAAI,EAAE;oBAC3B,kEAAkE;oBAClE,MAAM,QAAQ,GAAG,UAAU,CAAC,OAAO,CAAC,IAAI,CAAC,QAAQ,EAAE,CAAC;oBACpD,MAAM,QAAQ,GAAG,IAAA,uBAAgB,EAAC,IAAI,EAAE,QAAQ,CAAC,CAAC;oBAElD,IAAI,QAAQ,CAAC,QAAQ,CAAC,aAAa,CAAC,EAAE;wBACpC,OAAO,CAAC,MAAM,CAAC,IAAI,CACjB,sDAAsD,CACvD,CAAC;wBACF,OAAO;qBACR;oBAED,IAAI,CAAC,SAAS,CACZ,QAAQ,EACR,QAAQ,CAAC,OAAO,CAAC,4BAA4B,EAAE,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE;wBAC1D,OAAO;;;EAGnB,aAAa;;EAEb,KAAK,EAAE,CAAC;oBACE,CAAC,CAAC,CACH,CAAC;iBACH;aACF;SACF;IACH,CAAC,CAAC;AACJ,CAAC;AAlCD,0CAkCC"}

package/src/schematics/rules/apply-skyux-stylesheets-to-workspace.d.ts

@@ -0,0 +1,2 @@
+import { Rule } from '@angular-devkit/schematics';
+export declare function applySkyuxStylesheetsToWorkspace(): Rule;