@skyux/packages 9.0.0-alpha.6 → 9.0.0-alpha.8

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@skyux/packages",
-  "version": "9.0.0-alpha.6",
+  "version": "9.0.0-alpha.8",
   "author": "Blackbaud, Inc.",
   "description": "Handles the `ng update` command for SKY UX component libraries.",
   "keywords": [
@@ -20,8 +20,7 @@
   "exports": {
     ".": {
       "types": "./src/index.d.ts",
-      "default": "./src/index.js",
-      "require": "./src/index.js"
+      "default": "./src/index.js"
     },
     "./package.json": {
       "default": "./package.json"
@@ -37,65 +36,67 @@
   "ng-update": {
     "migrations": "./src/schematics/migrations/migration-collection.json",
     "packageGroup": {
-      "@skyux-sdk/eslint-config": "9.0.0-alpha.6",
-      "@skyux-sdk/prettier-schematics": "9.0.0-alpha.6",
-      "@skyux-sdk/testing": "9.0.0-alpha.6",
-      "@skyux/a11y": "9.0.0-alpha.6",
-      "@skyux/action-bars": "9.0.0-alpha.6",
-      "@skyux/ag-grid": "9.0.0-alpha.6",
-      "@skyux/angular-tree-component": "9.0.0-alpha.6",
-      "@skyux/animations": "9.0.0-alpha.6",
-      "@skyux/assets": "9.0.0-alpha.6",
-      "@skyux/autonumeric": "9.0.0-alpha.6",
-      "@skyux/avatar": "9.0.0-alpha.6",
-      "@skyux/colorpicker": "9.0.0-alpha.6",
-      "@skyux/config": "9.0.0-alpha.6",
-      "@skyux/core": "9.0.0-alpha.6",
-      "@skyux/data-manager": "9.0.0-alpha.6",
-      "@skyux/datetime": "9.0.0-alpha.6",
-      "@skyux/errors": "9.0.0-alpha.6",
-      "@skyux/flyout": "9.0.0-alpha.6",
-      "@skyux/forms": "9.0.0-alpha.6",
-      "@skyux/grids": "9.0.0-alpha.6",
-      "@skyux/http": "9.0.0-alpha.6",
-      "@skyux/i18n": "9.0.0-alpha.6",
+      "@blackbaud/angular-tree-component": "^1.0.0-alpha.0",
+      "@skyux-sdk/eslint-config": "9.0.0-alpha.8",
+      "@skyux-sdk/prettier-schematics": "9.0.0-alpha.8",
+      "@skyux-sdk/testing": "9.0.0-alpha.8",
+      "@skyux/a11y": "9.0.0-alpha.8",
+      "@skyux/action-bars": "9.0.0-alpha.8",
+      "@skyux/ag-grid": "9.0.0-alpha.8",
+      "@skyux/angular-tree-component": "9.0.0-alpha.8",
+      "@skyux/animations": "9.0.0-alpha.8",
+      "@skyux/assets": "9.0.0-alpha.8",
+      "@skyux/autonumeric": "9.0.0-alpha.8",
+      "@skyux/avatar": "9.0.0-alpha.8",
+      "@skyux/colorpicker": "9.0.0-alpha.8",
+      "@skyux/config": "9.0.0-alpha.8",
+      "@skyux/core": "9.0.0-alpha.8",
+      "@skyux/data-manager": "9.0.0-alpha.8",
+      "@skyux/datetime": "9.0.0-alpha.8",
+      "@skyux/errors": "9.0.0-alpha.8",
+      "@skyux/flyout": "9.0.0-alpha.8",
+      "@skyux/forms": "9.0.0-alpha.8",
+      "@skyux/grids": "9.0.0-alpha.8",
+      "@skyux/http": "9.0.0-alpha.8",
+      "@skyux/i18n": "9.0.0-alpha.8",
       "@skyux/icons": "^6.0.0",
-      "@skyux/indicators": "9.0.0-alpha.6",
-      "@skyux/inline-form": "9.0.0-alpha.6",
-      "@skyux/layout": "9.0.0-alpha.6",
-      "@skyux/list-builder": "9.0.0-alpha.6",
-      "@skyux/list-builder-common": "9.0.0-alpha.6",
-      "@skyux/list-builder-view-checklist": "9.0.0-alpha.6",
-      "@skyux/list-builder-view-grids": "9.0.0-alpha.6",
-      "@skyux/lists": "9.0.0-alpha.6",
-      "@skyux/lookup": "9.0.0-alpha.6",
-      "@skyux/modals": "9.0.0-alpha.6",
-      "@skyux/navbar": "9.0.0-alpha.6",
-      "@skyux/omnibar-interop": "9.0.0-alpha.6",
-      "@skyux/pages": "9.0.0-alpha.6",
-      "@skyux/phone-field": "9.0.0-alpha.6",
-      "@skyux/popovers": "9.0.0-alpha.6",
-      "@skyux/progress-indicator": "9.0.0-alpha.6",
-      "@skyux/router": "9.0.0-alpha.6",
-      "@skyux/select-field": "9.0.0-alpha.6",
-      "@skyux/split-view": "9.0.0-alpha.6",
-      "@skyux/tabs": "9.0.0-alpha.6",
-      "@skyux/text-editor": "9.0.0-alpha.6",
-      "@skyux/theme": "9.0.0-alpha.6",
-      "@skyux/tiles": "9.0.0-alpha.6",
-      "@skyux/toast": "9.0.0-alpha.6",
-      "@skyux/validation": "9.0.0-alpha.6",
+      "@skyux/indicators": "9.0.0-alpha.8",
+      "@skyux/inline-form": "9.0.0-alpha.8",
+      "@skyux/layout": "9.0.0-alpha.8",
+      "@skyux/list-builder": "9.0.0-alpha.8",
+      "@skyux/list-builder-common": "9.0.0-alpha.8",
+      "@skyux/list-builder-view-checklist": "9.0.0-alpha.8",
+      "@skyux/list-builder-view-grids": "9.0.0-alpha.8",
+      "@skyux/lists": "9.0.0-alpha.8",
+      "@skyux/lookup": "9.0.0-alpha.8",
+      "@skyux/modals": "9.0.0-alpha.8",
+      "@skyux/navbar": "9.0.0-alpha.8",
+      "@skyux/omnibar-interop": "9.0.0-alpha.8",
+      "@skyux/pages": "9.0.0-alpha.8",
+      "@skyux/phone-field": "9.0.0-alpha.8",
+      "@skyux/popovers": "9.0.0-alpha.8",
+      "@skyux/progress-indicator": "9.0.0-alpha.8",
+      "@skyux/router": "9.0.0-alpha.8",
+      "@skyux/select-field": "9.0.0-alpha.8",
+      "@skyux/split-view": "9.0.0-alpha.8",
+      "@skyux/tabs": "9.0.0-alpha.8",
+      "@skyux/text-editor": "9.0.0-alpha.8",
+      "@skyux/theme": "9.0.0-alpha.8",
+      "@skyux/tiles": "9.0.0-alpha.8",
+      "@skyux/toast": "9.0.0-alpha.8",
+      "@skyux/validation": "9.0.0-alpha.8",
       "ag-grid-angular": "^29.3.5",
       "ag-grid-community": "^29.3.5",
-      "ag-grid-enterprise": "^29.3.5"
+      "ag-grid-enterprise": "^29.3.5",
+      "autonumeric": "^4.9.0"
     }
   },
   "peerDependencies": {
-    "@angular/cli": "^16.1.6"
+    "@angular/cli": "^16.2.0"
   },
   "dependencies": {
     "fs-extra": "10.1.0",
     "jsonc-parser": "3.2.0"
   },
-  "types": "./src/index.d.ts"
+  "type": "commonjs"
 }

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

@@ -1,7 +1,7 @@
 {
   "schematics": {
     "noop": {
-      "version": "9.0.0-alpha.6",
+      "version": "9.0.0-alpha.8",
       "factory": "./noop/noop.schematic",
       "description": "Update all SKY UX component packages"
     },
@@ -15,6 +15,11 @@
       "factory": "./update-9/add-forms-popovers-peer-dependency/add-forms-popovers-peer-dependency.schematic",
       "description": "Add @skyux/popovers peer dependency for @skyux/forms"
     },
+    "add-compat-stylesheets": {
+      "version": "9.0.0-0",
+      "factory": "./update-9/add-compat-stylesheets/add-compat-stylesheet.schematic",
+      "description": "Add a backwards-compatible stylesheet with styles that have been removed from components in SKY UX 9."
+    },
     "ag-grid-29": {
       "version": "9.0.0-0",
       "factory": "./update-9/ag-grid-29/ag-grid-29.schematic",

package/src/schematics/migrations/update-9/add-compat-stylesheets/add-compat-stylesheet.schematic.d.ts

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

package/src/schematics/migrations/update-9/add-compat-stylesheets/add-compat-stylesheet.schematic.js

@@ -0,0 +1,148 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const schematics_1 = require("@angular-devkit/schematics");
+const tree_1 = require("../../../utility/tree");
+const workspace_1 = require("../../../utility/workspace");
+const COMPAT_CSS_FILE_NAME = 'skyux9-compat.css';
+const compatStyles = {
+    libraries: [
+        {
+            name: '@skyux/forms',
+            components: [
+                {
+                    name: 'input box',
+                    styles: [
+                        {
+                            css: `
+:root {
+  --sky-compat-sky-form-group-margin-bottom: 10px
+}
+`,
+                            instructions: `
+The bottom margin has been removed from the  \`sky-input-box\`. To address this, remove this block of CSS and use \`stacked="true"\` to automatically have the latest vertical spacing added.`,
+                        },
+                    ],
+                },
+            ],
+        },
+        {
+            name: '@skyux/theme',
+            components: [
+                {
+                    name: 'styles',
+                    styles: [
+                        {
+                            css: `
+:root {
+  --sky-compat-sky-form-group-margin-bottom: 10px
+}
+`,
+                            instructions: `
+The bottom margin has been removed from \`sky-form-group\` style class. To address this, remove this block of css and change \`sky-form-group\` to \`sky-margin-stacked-sm\` or other appropriate spacing classes. See https://developer.blackbaud.com/skyux/design/styles/spacing for a list of supported spacing classes.`,
+                        },
+                    ],
+                },
+            ],
+        },
+    ],
+};
+function getProjectSourcePath(projectDefinition) {
+    /*istanbul ignore else*/
+    if (projectDefinition.sourceRoot) {
+        return `${projectDefinition.sourceRoot}/app`;
+    }
+    else {
+        return `${projectDefinition.root}/src/app`;
+    }
+}
+function buildCommentBlock(message) {
+    return `/${'*'.repeat(79)}
+ * ${message.replace(/(?![^\n]{1,75}$)([^\n]{1,75})\s/g, '$1\n * ')}
+ ${'*'.repeat(79)}/`;
+}
+function buildComponentCss(component) {
+    let contents = buildCommentBlock(`COMPONENT: ${component.name.toUpperCase()}`);
+    for (const style of component.styles) {
+        contents += `
+
+${buildCommentBlock(style.instructions.trim())}
+
+${style.css.trim()}
+`;
+    }
+    return contents;
+}
+function writeStylesheet(sourceRoot, contents) {
+    const filePath = `${sourceRoot}/${COMPAT_CSS_FILE_NAME}`;
+    return (tree) => {
+        if (tree.exists(filePath)) {
+            tree.overwrite(filePath, contents);
+        }
+        else {
+            tree.create(filePath, contents);
+        }
+    };
+}
+function addStylesheetToWorkspace() {
+    return () => (0, workspace_1.updateWorkspace)((workspace) => {
+        for (const project of workspace.projects.values()) {
+            for (const targetName of ['build', 'test']) {
+                if (project.extensions['projectType'] === 'application') {
+                    const target = project.targets.get(targetName);
+                    const sourceRoot = getProjectSourcePath(project);
+                    const filePath = `${sourceRoot}/${COMPAT_CSS_FILE_NAME}`;
+                    /* istanbul ignore else */
+                    if (target && target.options) {
+                        const styles = (target.options['styles'] = (target.options['styles'] || []));
+                        if (!styles.includes(filePath)) {
+                            styles.push(filePath);
+                        }
+                    }
+                }
+            }
+        }
+    });
+}
+function getCompatStyles(tree) {
+    let contents = '';
+    const packageJson = JSON.parse((0, tree_1.readRequiredFile)(tree, '/package.json'));
+    for (const library of compatStyles.libraries) {
+        if (packageJson.dependencies?.[library.name] ||
+            packageJson.devDependencies?.[library.name]) {
+            for (const component of library.components) {
+                contents += `
+${buildComponentCss(component)}`;
+            }
+        }
+    }
+    return contents
+        ? `${buildCommentBlock(`TODO: The following component libraries introduced visual breaking changes in SKY UX 9. Each block of CSS reintroduces the styles that were changed or removed for backwards compatibility. You will need to do the following before migrating to the next major version of SKY UX:
+- Address each of the changes by following the instructions
+  in each block of CSS, then remove the block.
+- Delete this file after all blocks have been addressed.
+- Remove each occurrence of this file in your project's
+  angular.json file.`)}
+${contents}`
+        : undefined;
+}
+function default_1() {
+    return async (tree) => {
+        const { workspace } = await (0, workspace_1.getWorkspace)(tree);
+        const styles = getCompatStyles(tree);
+        const rules = [];
+        for (const [, projectDefinition] of workspace.projects.entries()) {
+            if (projectDefinition.extensions['projectType'] === 'application') {
+                if (styles) {
+                    const sourcePath = getProjectSourcePath(projectDefinition);
+                    rules.push(writeStylesheet(sourcePath, styles));
+                }
+            }
+        }
+        if (styles) {
+            rules.push(addStylesheetToWorkspace());
+        }
+        return (0, schematics_1.chain)(rules);
+    };
+}
+exports.default = default_1;
+//# sourceMappingURL=add-compat-stylesheet.schematic.js.map

package/src/schematics/migrations/update-9/add-compat-stylesheets/add-compat-stylesheet.schematic.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"add-compat-stylesheet.schematic.js","sourceRoot":"","sources":["../../../../../../../../../libs/components/packages/src/schematics/migrations/update-9/add-compat-stylesheets/add-compat-stylesheet.schematic.ts"],"names":[],"mappings":"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"}