@koobiq/components 18.5.3 → 18.7.0

package/schematics/migrations/deprecated-icons/index.js

@@ -0,0 +1,96 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var path = require('path');
+var utils_packageConfig = require('../../package-config-D0ROjo4J.js');
+var migrations_deprecatedIcons_data = require('./data.js');
+require('@angular-devkit/schematics');
+require('@schematics/angular/utility');
+
+function _interopNamespaceDefault(e) {
+    var n = Object.create(null);
+    if (e) {
+        Object.keys(e).forEach(function (k) {
+            if (k !== 'default') {
+                var d = Object.getOwnPropertyDescriptor(e, k);
+                Object.defineProperty(n, k, d.get ? d : {
+                    enumerable: true,
+                    get: function () { return e[k]; }
+                });
+            }
+        });
+    }
+    n.default = e;
+    return Object.freeze(n);
+}
+
+var path__namespace = /*#__PURE__*/_interopNamespaceDefault(path);
+
+const iconsFontImportRule = "@use '@koobiq/icons/fonts/kbq-icons';";
+function deprecatedIcons(options) {
+    let targetDir;
+    return async (tree, context) => {
+        const { project, fix, stylesExt } = options;
+        try {
+            const projectDefinition = await utils_packageConfig.setupOptions(project, tree);
+            targetDir = projectDefinition ? tree.getDir(projectDefinition.root) : tree;
+        }
+        catch (e) {
+            targetDir = tree;
+        }
+        const { logger } = context;
+        const handleDeprecatedIcons = (newContent, filePath) => {
+            if (fix) {
+                migrations_deprecatedIcons_data.iconsMapping.forEach(({ replace, replaceWith }) => {
+                    newContent = newContent.replace(new RegExp(`kbq-${replace}`, 'g'), `kbq-${replaceWith}`);
+                });
+            }
+            else {
+                const foundIcons = migrations_deprecatedIcons_data.iconsMapping.filter(({ replace }) => newContent.indexOf(replace) !== -1);
+                if (foundIcons.length) {
+                    const parsedFilePath = path__namespace.relative(__dirname, `.${filePath}`).replace(/\\/g, '/');
+                    utils_packageConfig.logMessage(logger, [
+                        `Please pay attention! Found deprecated icons in file: `,
+                        parsedFilePath,
+                        foundIcons.map(({ replace, replaceWith }) => `\t${replace} -> \t${replaceWith}`).join('\n')
+                    ]);
+                }
+            }
+            return newContent;
+        };
+        // Update styles, templates & components
+        targetDir.visit((filePath, entry) => {
+            let initialContent;
+            // if project property not provided, skip files in node_modules & dist
+            if (filePath.includes('node_modules') || filePath.includes('dist')) {
+                return;
+            }
+            if (filePath.endsWith('.html') || filePath.endsWith('.ts') || filePath.endsWith(stylesExt)) {
+                initialContent = entry?.content.toString();
+                let newContent = initialContent;
+                if (newContent) {
+                    migrations_deprecatedIcons_data.iconClassReplacements.forEach(({ replace, replaceWith }) => {
+                        newContent = newContent.replace(new RegExp(replace, 'g'), replaceWith);
+                    });
+                    newContent = handleDeprecatedIcons(newContent, filePath);
+                    if (initialContent !== newContent) {
+                        tree.overwrite(filePath, newContent || '');
+                    }
+                }
+            }
+        });
+        // check if icon styles from new scope should be included in styles file
+        targetDir.visit((filePath, entry) => {
+            if (filePath.endsWith(stylesExt) && !entry?.content.toString()?.includes(iconsFontImportRule)) {
+                const parsedFilePath = path__namespace.relative(__dirname, `.${filePath}`).replace(/\\/g, '/');
+                utils_packageConfig.logMessage(logger, [
+                    parsedFilePath,
+                    `Provide \`${iconsFontImportRule}\` to support icon styles from new scope`
+                ]);
+            }
+        });
+    };
+}
+
+exports.default = deprecatedIcons;

package/schematics/{new-icons-pack → migrations/new-icons-pack}/index.js

@@ -2,10 +2,9 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var chalk = require('chalk');
 var path = require('path');
-var utils_packageConfig = require('../utils/package-config.js');
-var newIconsPack_data = require('./data.js');
+var utils_packageConfig = require('../../package-config-D0ROjo4J.js');
+var migrations_newIconsPack_data = require('./data.js');
 require('@angular-devkit/schematics');
 require('@schematics/angular/utility');
 
@@ -28,12 +27,9 @@ function _interopNamespaceDefault(e) {
 
 var path__namespace = /*#__PURE__*/_interopNamespaceDefault(path);
 
-const { italic, blue, bold } = chalk;
-const data = newIconsPack_data.newIconsPackData;
+const data = migrations_newIconsPack_data.newIconsPackData;
 function newIconsPack(options) {
     let targetDir;
-    const breakingIconsVersionRegExp = /^\^|\~?9\.1\.0/;
-    const pkg = '@koobiq/icons';
     return async (tree, context) => {
         const { project, fix, stylesExt } = options;
         try {
@@ -44,7 +40,7 @@ function newIconsPack(options) {
             targetDir = tree;
         }
         const { logger } = context;
-        const handleDeprecatedIcons = (newContent, path) => {
+        const handleDeprecatedIcons = (newContent, filePath) => {
             if (fix) {
                 data.forEach(({ replace, replaceWith }) => {
                     newContent = newContent.replace(new RegExp(`kbq-${replace}`, 'g'), `kbq-${replaceWith}`);
@@ -53,32 +49,27 @@ function newIconsPack(options) {
             else {
                 const foundIcons = data.filter(({ replace }) => newContent.indexOf(replace) !== -1);
                 if (foundIcons.length) {
-                    showWarning(path, foundIcons, logger);
+                    const parsedFilePath = path__namespace.relative(__dirname, `.${filePath}`).replace(/\\/g, '/');
+                    utils_packageConfig.logMessage(logger, [
+                        `Please pay attention! Found deprecated icons in file: `,
+                        parsedFilePath,
+                        foundIcons.map(({ replace, replaceWith }) => `\t${replace} -> \t${replaceWith}`).join('\n')
+                    ]);
                 }
             }
             return newContent;
         };
-        // Check if breaking version is used indeed
-        if (tree.exists('package.json')) {
-            const sourceText = tree.read('package.json').toString('utf-8');
-            const json = JSON.parse(sourceText);
-            const isIconsBreakingVersionUsed = ['devDependencies', 'dependencies', 'peerDependencies'].some((type) => json[type] && json[type][pkg] && breakingIconsVersionRegExp.test(json[type][pkg]));
-            if (!isIconsBreakingVersionUsed) {
-                logger.warn('Breaking version of icons is not used. Everything is OK.');
-                return;
-            }
-        }
         // Update templates & components
         targetDir.visit((path, entry) => {
-            // if project property not provided, provide node_modules to be changed
-            if (path.includes('node_modules')) {
+            // if project property not provided, skip files in node_modules & dist
+            if (path.includes('node_modules') || path.includes('dist')) {
                 return;
             }
             if (path.endsWith('.html') || path.endsWith('.ts') || path.endsWith('.md')) {
                 const initialContent = entry?.content.toString();
                 let newContent = initialContent;
                 if (newContent) {
-                    newIconsPack_data.iconReplacements.forEach(({ replace, replaceWith }) => {
+                    migrations_newIconsPack_data.iconReplacements.forEach(({ replace, replaceWith }) => {
                         newContent = newContent.replace(new RegExp(replace, 'g'), replaceWith);
                     });
                     newContent = handleDeprecatedIcons(newContent, path);
@@ -109,12 +100,5 @@ function newIconsPack(options) {
         });
     };
 }
-function showWarning(filePath, foundIcons, logger) {
-    logger.warn('-------------------------');
-    logger.warn(`Please pay attention! Found deprecated icons in file: `);
-    logger.info(`${bold(italic(blue(path__namespace.resolve(`.${filePath}`))))}`);
-    logger.warn(foundIcons.map(({ replace, replaceWith }) => `\t${replace} -> \t${replaceWith}`).join('\n'));
-    logger.warn('-------------------------');
-}
 
 exports.default = newIconsPack;

package/schematics/migrations/new-icons-pack/schema.json

@@ -0,0 +1,25 @@
+{
+    "$schema": "http://json-schema.org/schema",
+    "$id": "koobiq-components-new-icons-pack",
+    "title": "koobiq-components new-icons-pack schematic",
+    "type": "object",
+    "properties": {
+        "project": {
+            "type": "string",
+            "description": "Name of the project",
+            "$default": {
+                "$source": "projectName"
+            }
+        },
+        "fix": {
+            "type": "boolean",
+            "description": "Whether overwrite icons prefixes or simply inform in console",
+            "default": false
+        },
+        "stylesExt": {
+            "type": "string",
+            "description": "Use this option to specify styles extension preferred in your project",
+            "default": "scss"
+        }
+    }
+}

package/schematics/ng-add/index.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var schematics = require('@angular-devkit/schematics');
 var utility = require('@schematics/angular/utility');
-var utils_packageConfig = require('../utils/package-config.js');
+var utils_packageConfig = require('../package-config-D0ROjo4J.js');
 
 function noProject(project) {
     return `Unable to find project '${project}' in the workspace`;
@@ -41,13 +41,13 @@ function ngAdd(options) {
         }
         // Installing dependencies
         utils_packageConfig.addPackageToPackageJson(tree, '@angular/cdk', "^18.2.6");
-        utils_packageConfig.addPackageToPackageJson(tree, '@koobiq/cdk', "^18.5.3");
-        utils_packageConfig.addPackageToPackageJson(tree, '@koobiq/angular-luxon-adapter', "^18.5.3");
+        utils_packageConfig.addPackageToPackageJson(tree, '@koobiq/cdk', "^18.7.0");
+        utils_packageConfig.addPackageToPackageJson(tree, '@koobiq/angular-luxon-adapter', "^18.7.0");
         utils_packageConfig.addPackageToPackageJson(tree, '@koobiq/date-formatter', "^3.1.3");
         utils_packageConfig.addPackageToPackageJson(tree, '@koobiq/date-adapter', "^3.1.3");
         utils_packageConfig.addPackageToPackageJson(tree, '@koobiq/icons', "^9.1.0");
-        utils_packageConfig.addPackageToPackageJson(tree, '@koobiq/tokens-builder', "^3.7.3");
-        utils_packageConfig.addPackageToPackageJson(tree, '@koobiq/design-tokens', "^3.7.3");
+        utils_packageConfig.addPackageToPackageJson(tree, '@koobiq/tokens-builder', "^3.8.1");
+        utils_packageConfig.addPackageToPackageJson(tree, '@koobiq/design-tokens', "^3.8.1");
         utils_packageConfig.addPackageToPackageJson(tree, '@messageformat/core', "^3.0.1");
         utils_packageConfig.addPackageToPackageJson(tree, '@radix-ng/primitives', VERSIONS.RADIX_NG);
         utils_packageConfig.addPackageToPackageJson(tree, 'luxon', "^3.4.4");

package/schematics/utils/package-config.js

@@ -1,65 +1,11 @@
 'use strict';
 
-var schematics = require('@angular-devkit/schematics');
-var utility = require('@schematics/angular/utility');
+require('@angular-devkit/schematics');
+require('@schematics/angular/utility');
+var utils_packageConfig = require('../package-config-D0ROjo4J.js');
 
-function noProject(project) {
-    return `Unable to find project '${project}' in the workspace`;
-}
 
-/**
- * Sorts the keys of the given object.
- * @returns A new object instance with sorted keys
- */
-function sortObjectByKeys(obj) {
-    return Object.keys(obj)
-        .sort()
-        .reduce((result, key) => (result[key] = obj[key]) && result, {});
-}
-/**
- * Adds a package to the package.json in the given tree
- */
-function addPackageToPackageJson(tree, pkg, version, devDependency = false) {
-    if (tree.exists('package.json')) {
-        const sourceText = tree.read('package.json').toString('utf-8');
-        const json = JSON.parse(sourceText);
-        const dependenciesType = devDependency ? 'devDependencies' : 'dependencies';
-        const dependencies = json[dependenciesType] || {};
-        if (!dependencies[pkg]) {
-            dependencies[pkg] = version;
-            json[dependenciesType] = sortObjectByKeys(dependencies);
-        }
-        tree.overwrite('package.json', JSON.stringify(json, null, 2));
-    }
-    return tree;
-}
-/**
- * Gets the version of the specified package by looking at the package.json in the given tree
- */
-function getPackageVersionFromPackageJson(tree, name, includeDevDependencies = false) {
-    if (!tree.exists('package.json')) {
-        return null;
-    }
-    const packageJson = JSON.parse(tree.read('package.json').toString('utf8'));
-    if (packageJson.dependencies && packageJson.dependencies[name]) {
-        return packageJson.dependencies[name];
-    }
-    if (includeDevDependencies && packageJson.devDependencies && packageJson.devDependencies[name]) {
-        return packageJson.devDependencies[name];
-    }
-    return null;
-}
-async function setupOptions(project, tree) {
-    if (project) {
-        const workspace = await utility.readWorkspace(tree);
-        const projectWorkspace = workspace.projects.get(project);
-        if (!projectWorkspace) {
-            throw new schematics.SchematicsException(noProject(project));
-        }
-        return projectWorkspace;
-    }
-}
 
-exports.addPackageToPackageJson = addPackageToPackageJson;
-exports.getPackageVersionFromPackageJson = getPackageVersionFromPackageJson;
-exports.setupOptions = setupOptions;
+exports.addPackageToPackageJson = utils_packageConfig.addPackageToPackageJson;
+exports.getPackageVersionFromPackageJson = utils_packageConfig.getPackageVersionFromPackageJson;
+exports.setupOptions = utils_packageConfig.setupOptions;

package/select/_select-theme.scss

@@ -11,14 +11,14 @@
         }
 
         &.kbq-disabled {
-            color: var(--kbq-foreground-text-disabled);
+            color: var(--kbq-states-foreground-disabled);
         }
     }
 
     .kbq-select__placeholder {
         text-overflow: ellipsis;
 
-        color: var(--kbq-foreground-text-disabled);
+        color: var(--kbq-states-foreground-disabled);
     }
 
     .kbq-select__panel {
@@ -35,16 +35,16 @@
     }
 
     .kbq-select__no-options-message {
-        color: var(--kbq-foreground-text-less-contrast);
+        color: var(--kbq-foreground-contrast-secondary);
     }
 }
 
 @mixin kbq-select-typography() {
     .kbq-select {
-        @include kbq-typography-level-to-styles_css-variables(typography, text-normal);
+        @include kbq-typography-level-to-styles-css-variables(typography, text-normal);
     }
 
     .kbq-select__panel {
-        @include kbq-typography-level-to-styles_css-variables(typography, text-normal);
+        @include kbq-typography-level-to-styles-css-variables(typography, text-normal);
     }
 }

package/sidepanel/_sidepanel-theme.scss

@@ -19,11 +19,11 @@
 
 @mixin kbq-sidepanel-typography() {
     .kbq-sidepanel-title {
-        @include kbq-typography-level-to-styles_css-variables(typography, title);
+        @include kbq-typography-level-to-styles-css-variables(typography, title);
     }
 
     .kbq-sidepanel-container,
     .kbq-sidepanel-footer {
-        @include kbq-typography-level-to-styles_css-variables(typography, text-normal);
+        @include kbq-typography-level-to-styles-css-variables(typography, text-normal);
     }
 }

package/splitter/_splitter-theme.scss

@@ -14,7 +14,7 @@
         }
 
         &[disabled] {
-            background-color: var(--kbq-background-background-disabled);
+            background-color: var(--kbq-states-background-disabled);
 
             cursor: default;
         }

package/table/_table-theme.scss

@@ -41,7 +41,7 @@
                 font-weight: normal;
             }
 
-            @include kbq-typography-level-to-styles_css-variables(typography, text-normal);
+            @include kbq-typography-level-to-styles-css-variables(typography, text-normal);
         }
 
         & > tbody {
@@ -49,7 +49,7 @@
                 font-weight: normal;
             }
 
-            @include kbq-typography-level-to-styles_css-variables(typography, tabular-normal);
+            @include kbq-typography-level-to-styles-css-variables(typography, tabular-normal);
         }
     }
 }

package/tabs/_tabs-theme.scss

@@ -151,6 +151,6 @@
 @mixin kbq-tabs-typography() {
     .kbq-tab-label,
     .kbq-tab-link {
-        @include kbq-typography-level-to-styles_css-variables(typography, text-normal-medium);
+        @include kbq-typography-level-to-styles-css-variables(typography, text-normal-medium);
     }
 }

package/tags/_tag-theme.scss

@@ -55,10 +55,10 @@
 
 @mixin kbq-tag-typography() {
     .kbq-tag {
-        @include kbq-typography-level-to-styles_css-variables(typography, text-normal-medium);
+        @include kbq-typography-level-to-styles-css-variables(typography, text-normal-medium);
     }
 
     .kbq-tag-input {
-        @include kbq-typography-level-to-styles_css-variables(typography, text-normal);
+        @include kbq-typography-level-to-styles-css-variables(typography, text-normal);
     }
 }

package/textarea/_textarea-theme.scss

@@ -2,6 +2,6 @@
 
 @mixin kbq-textarea-typography() {
     .kbq-textarea {
-        @include kbq-typography-level-to-styles_css-variables(typography, text-normal);
+        @include kbq-typography-level-to-styles-css-variables(typography, text-normal);
     }
 }

package/timezone/_timezone-option-theme.scss

@@ -17,18 +17,18 @@
 
 @mixin kbq-timezone-option-typography() {
     .kbq-timezone-option__offset {
-        @include kbq-typography-level-to-styles_css-variables(typography, tabular-normal);
+        @include kbq-typography-level-to-styles-css-variables(typography, tabular-normal);
     }
 
     .kbq-timezone-option__city {
-        @include kbq-typography-level-to-styles_css-variables(typography, tabular-normal);
+        @include kbq-typography-level-to-styles-css-variables(typography, tabular-normal);
     }
 
     .kbq-timezone-option__cities {
-        @include kbq-typography-level-to-styles_css-variables(typography, text-compact);
+        @include kbq-typography-level-to-styles-css-variables(typography, text-compact);
     }
 
     .kbq-timezone-select__panel.kbq-select__panel .kbq-optgroup-label {
-        @include kbq-typography-level-to-styles_css-variables(typography, caps-compact-strong);
+        @include kbq-typography-level-to-styles-css-variables(typography, caps-compact-strong);
     }
 }

package/toast/_toast-theme.scss

@@ -36,10 +36,10 @@
 
 @mixin kbq-toast-typography() {
     .kbq-toast {
-        @include kbq-typography-level-to-styles_css-variables(typography, text-normal);
+        @include kbq-typography-level-to-styles-css-variables(typography, text-normal);
     }
 
     .kbq-toast__title {
-        @include kbq-typography-level-to-styles_css-variables(typography, text-normal);
+        @include kbq-typography-level-to-styles-css-variables(typography, text-normal);
     }
 }

package/toggle/_toggle-theme.scss

@@ -61,17 +61,17 @@
         }
 
         &.kbq-disabled {
-            color: var(--kbq-foreground-text-disabled);
+            color: var(--kbq-states-foreground-disabled);
         }
     }
 }
 
 @mixin kbq-toggle-typography() {
     .kbq-toggle:not(.kbq-toggle_big) {
-        @include kbq-typography-level-to-styles_css-variables(typography, text-normal);
+        @include kbq-typography-level-to-styles-css-variables(typography, text-normal);
 
         & .kbq-hint {
-            @include kbq-typography-level-to-styles_css-variables(typography, text-compact);
+            @include kbq-typography-level-to-styles-css-variables(typography, text-compact);
         }
 
         & .kbq-toggle-bar-container {
@@ -80,10 +80,10 @@
     }
 
     .kbq-toggle.kbq-toggle_big {
-        @include kbq-typography-level-to-styles_css-variables(typography, text-big);
+        @include kbq-typography-level-to-styles-css-variables(typography, text-big);
 
         & .kbq-hint {
-            @include kbq-typography-level-to-styles_css-variables(typography, text-normal);
+            @include kbq-typography-level-to-styles-css-variables(typography, text-normal);
         }
 
         & .kbq-toggle-bar-container {

package/tooltip/_tooltip-theme.scss

@@ -39,10 +39,10 @@
 
 @mixin kbq-tooltip-typography() {
     .kbq-tooltip {
-        @include kbq-typography-level-to-styles_css-variables(typography, text-compact);
+        @include kbq-typography-level-to-styles-css-variables(typography, text-compact);
 
         .kbq-tooltip__header {
-            @include kbq-typography-level-to-styles_css-variables(typography, text-compact);
+            @include kbq-typography-level-to-styles-css-variables(typography, text-compact);
         }
     }
 }

package/tree/_tree-theme.scss

@@ -59,10 +59,10 @@
 
 @mixin kbq-tree-typography() {
     .kbq-tree-option {
-        @include kbq-typography-level-to-styles_css-variables(typography, text-normal);
+        @include kbq-typography-level-to-styles-css-variables(typography, text-normal);
     }
 
     .kbq-tree-option-caption {
-        @include kbq-typography-level-to-styles_css-variables(typography, text-compact);
+        @include kbq-typography-level-to-styles-css-variables(typography, text-compact);
     }
 }

package/tree-select/_tree-select-theme.scss

@@ -9,14 +9,14 @@
         }
 
         &.kbq-disabled {
-            color: var(--kbq-foreground-text-disabled);
+            color: var(--kbq-states-foreground-disabled);
         }
     }
 
     .kbq-select__placeholder {
         text-overflow: ellipsis;
 
-        color: var(--kbq-foreground-text-disabled);
+        color: var(--kbq-states-foreground-disabled);
     }
 
     .kbq-tree-select__panel {
@@ -32,6 +32,6 @@
 @mixin kbq-tree-select-typography() {
     .kbq-tree-select,
     .kbq-tree-select__panel {
-        @include kbq-typography-level-to-styles_css-variables(typography, text-normal);
+        @include kbq-typography-level-to-styles-css-variables(typography, text-normal);
     }
 }