@mozaic-ds/angular 0.22.0 → 0.23.0

package/projects/kit/components/tooltip/tooltip.component.ts

@@ -1,32 +0,0 @@
-import {
-  ChangeDetectionStrategy,
-  Component,
-  HostBinding,
-  Input,
-  ViewEncapsulation,
-} from '@angular/core';
-import { TooltipPosition } from './tooltip-position';
-
-@Component({
-  selector: 'moz-tooltip',
-  templateUrl: './tooltip.component.html',
-  styleUrls: ['./tooltip.component.scss'],
-  changeDetection: ChangeDetectionStrategy.OnPush,
-  encapsulation: ViewEncapsulation.None,
-})
-export class TooltipComponent {
-  @Input() public text = '';
-
-  @Input() public position: TooltipPosition = 'bottom';
-
-  @Input() public disabled = false;
-
-  public get viewContent() {
-    return !this.disabled;
-  }
-
-  @HostBinding('class')
-  public get hostCssClasses() {
-    return `mc-tooltip mc-tooltip--${this.position}`;
-  }
-}

package/projects/kit/components/tooltip/tooltip.module.ts

@@ -1,10 +0,0 @@
-import { CommonModule } from '@angular/common';
-import { NgModule } from '@angular/core';
-import { TooltipComponent } from './tooltip.component';
-
-@NgModule({
-  imports: [CommonModule],
-  declarations: [TooltipComponent],
-  exports: [TooltipComponent],
-})
-export class TooltipModule {}

package/projects/kit/components/tooltip/tooltip.stories.ts

@@ -1,39 +0,0 @@
-import { Meta, moduleMetadata, StoryObj } from '@storybook/angular';
-
-import { TooltipComponent } from './tooltip.component';
-import { TooltipModule } from './tooltip.module';
-
-type StoryType = TooltipComponent & { customContent?: string };
-const meta: Meta<StoryType> = {
-  component: TooltipComponent,
-  decorators: [
-    moduleMetadata({
-      imports: [TooltipModule],
-    }),
-  ],
-  render: (args) => {
-    const { customContent, ...props } = args;
-    return {
-      props,
-      template: `
-    <div style="margin: 3rem">
-    <moz-tooltip [position]="position" [text]="text"  [disabled]="disabled">
-      <span>${customContent}</span>
-    </moz-tooltip>
-    <div>
-    `,
-    };
-  },
-  title: 'Tooltip',
-};
-
-export default meta;
-
-type Story = StoryObj<StoryType>;
-
-export const Default: Story = {
-  args: {
-    text: 'Tooltip text',
-    customContent: 'Custom content text',
-  },
-};

package/projects/kit/karma.conf.js

@@ -1,41 +0,0 @@
-// Karma configuration file, see link for more information
-// https://karma-runner.github.io/1.0/config/configuration-file.html
-
-module.exports = function (config) {
-  config.set({
-    basePath: '',
-    frameworks: ['jasmine', '@angular-devkit/build-angular'],
-    plugins: [
-      require('karma-jasmine'),
-      require('karma-chrome-launcher'),
-      require('karma-jasmine-html-reporter'),
-      require('karma-coverage'),
-      require('@angular-devkit/build-angular/plugins/karma'),
-    ],
-    client: {
-      jasmine: {
-        // you can add configuration options for Jasmine here
-        // the possible options are listed at https://jasmine.github.io/api/edge/Configuration.html
-        // for example, you can disable the random execution with `random: false`
-        // or set a specific seed with `seed: 4321`
-      },
-      clearContext: false, // leave Jasmine Spec Runner output visible in browser
-    },
-    jasmineHtmlReporter: {
-      suppressAll: true, // removes the duplicated traces
-    },
-    coverageReporter: {
-      dir: require('path').join(__dirname, '../../coverage/kit'),
-      subdir: '.',
-      reporters: [{ type: 'html' }, { type: 'text-summary' }],
-    },
-    reporters: ['progress', 'kjhtml'],
-    port: 9876,
-    colors: true,
-    logLevel: config.LOG_INFO,
-    autoWatch: true,
-    browsers: ['Chrome'],
-    singleRun: false,
-    restartOnFileChange: true,
-  });
-};

package/projects/kit/ng-package-adeo.json

@@ -1,21 +0,0 @@
-{
-  "$schema": "../../node_modules/ng-packagr/ng-package.schema.json",
-  "dest": "../../dist/mozaic-angular/adeo",
-  "lib": {
-    "entryFile": "public-api.ts",
-    "styleIncludePaths": [
-      "../../node_modules/@mozaic-ds/icons/",
-      "../../node_modules/@mozaic-ds/styles/",
-      "../../node_modules/@mozaic-ds/styles/settings-tools/",
-      "../../node_modules/@mozaic-ds/styles/typography/",
-      "../../node_modules/@mozaic-ds/styles/layout/",
-      "../../node_modules/@mozaic-ds/styles/utilities/",
-      "../../node_modules/@mozaic-ds/styles/components/",
-      "../../node_modules/@mozaic-ds/styles/generic/",
-      "../../node_modules/@mozaic-ds/styles/layouts/",
-      "./assets/tokens/adeo/scss/",
-      "./assets/tokens/adeo/css/"
-    ]
-  },
-  "assets": ["./assets"]
-}

package/projects/kit/ng-package.json

@@ -1,23 +0,0 @@
-{
-  "$schema": "../../node_modules/ng-packagr/ng-package.schema.json",
-  "dest": "../../dist/mozaic-angular",
-  "lib": {
-    "entryFile": "public-api.ts",
-    "styleIncludePaths": [
-      "../../node_modules/@mozaic-ds/icons/",
-      "../../node_modules/@mozaic-ds/styles/",
-      "../../node_modules/@mozaic-ds/styles/settings-tools/",
-      "../../node_modules/@mozaic-ds/styles/typography/",
-      "../../node_modules/@mozaic-ds/styles/layout/",
-      "../../node_modules/@mozaic-ds/styles/utilities/",
-      "../../node_modules/@mozaic-ds/styles/components/",
-      "../../node_modules/@mozaic-ds/styles/generic/",
-      "../../node_modules/@mozaic-ds/styles/layouts/",
-      "../../node_modules/@mozaic-ds/tokens/build/scss/",
-      "../../node_modules/@mozaic-ds/tokens/build/css/"
-    ]
-  },
-  "assets": [
-    "./assets"
-  ]
-}

package/projects/kit/package.json

@@ -1,11 +0,0 @@
-{
-  "name": "@mozaic-ds/angular",
-  "version": "0.21.0",
-  "peerDependencies": {
-    "@angular/common": "~15.1.3",
-    "@angular/core": "~15.1.3"
-  },
-  "dependencies": {
-    "tslib": "^2.3.0"
-  }
-}

package/projects/kit/tsconfig.lib.json

@@ -1,12 +0,0 @@
-/* To learn more about this file see: https://angular.io/config/tsconfig. */
-{
-  "extends": "../../tsconfig.json",
-  "compilerOptions": {
-    "outDir": "../../out-tsc/lib",
-    "declaration": true,
-    "declarationMap": true,
-    "inlineSources": true,
-    "types": []
-  },
-  "exclude": ["src/test.ts", "**/*.spec.ts"]
-}

package/projects/kit/tsconfig.lib.prod.json

@@ -1,10 +0,0 @@
-/* To learn more about this file see: https://angular.io/config/tsconfig. */
-{
-  "extends": "./tsconfig.lib.json",
-  "compilerOptions": {
-    "declarationMap": false
-  },
-  "angularCompilerOptions": {
-    "compilationMode": "partial"
-  }
-}

package/projects/kit/tsconfig.spec.json

@@ -1,10 +0,0 @@
-/* To learn more about this file see: https://angular.io/config/tsconfig. */
-{
-  "extends": "../../tsconfig.json",
-  "compilerOptions": {
-    "outDir": "../../out-tsc/spec",
-    "types": ["jasmine"]
-  },
-  "files": ["src/test.ts"],
-  "include": ["**/*.spec.ts", "**/*.d.ts"]
-}

package/projects/schematics/.eslintrc.json

@@ -1,35 +0,0 @@
-{
-  "extends": "../../.eslintrc.json",
-  "ignorePatterns": ["!**/*"],
-  "overrides": [
-    {
-      "files": ["*.ts"],
-      "parserOptions": {
-        "project": ["projects/schematics/tsconfig.lib.json"],
-        "createDefaultProgram": true
-      },
-      "rules": {
-        "@angular-eslint/directive-selector": [
-          "error",
-          {
-            "type": "attribute",
-            "prefix": "lib",
-            "style": "camelCase"
-          }
-        ],
-        "@angular-eslint/component-selector": [
-          "error",
-          {
-            "type": "element",
-            "prefix": "lib",
-            "style": "kebab-case"
-          }
-        ]
-      }
-    },
-    {
-      "files": ["*.html"],
-      "rules": {}
-    }
-  ]
-}

package/projects/schematics/README.md

@@ -1,17 +0,0 @@
-# Schematics
-
-## How use it
-
-- Navigate in `projects/schematics`
-- You need build this schematics `npm run build`
-- Navigate in `dist/schematics` and exec command `npm link`
-- Then navigate in `<root-project>` and exec command `npm link schematics`
-- Now you call this schematics
-
-## Examples
-
-Generate kit component
-
-```
-ng generate schematics:kit-component --name <name-component>
-```

package/projects/schematics/collection.json

@@ -1,10 +0,0 @@
-{
-  "$schema": "../../node_modules/@angular-devkit/schematics/collection-schema.json",
-  "schematics": {
-    "kit-component": {
-      "description": "Generate base kit component",
-      "factory": "./kit-component/index#kitComponent",
-      "schema": "./kit-component/schema.json"
-    }
-  }
-}

package/projects/schematics/kit-component/files/__name@dasherize__.stories.ts.template

@@ -1,21 +0,0 @@
-import { Meta, moduleMetadata, Story } from '@storybook/angular';
-import { <%= classify(name) %>Component } from './<%= name %>.component';
-import { <%= classify(name) %>Module } from './<%= name %>.module';
-
-export default {
-  component: <%= classify(name) %>Component,
-  decorators: [
-    moduleMetadata({
-      imports: [<%= classify(name) %>Module],
-    }),
-  ],
-  title: '<%= classify(name) %>',
-} as Meta;
-
-const Template: Story = (args) => ({
-  props: {
-    ...args,
-  },
-});
-
-export const Default = Template.bind({});

package/projects/schematics/kit-component/files/index.ts.template

@@ -1 +0,0 @@
-export * from './<%= name %>.module';

package/projects/schematics/kit-component/index.ts

@@ -1,82 +0,0 @@
-import { normalize, strings, virtualFs, workspaces } from '@angular-devkit/core';
-import {
-  apply,
-  applyTemplates,
-  chain,
-  externalSchematic,
-  mergeWith,
-  move,
-  Rule,
-  SchematicsException,
-  Tree,
-  url,
-} from '@angular-devkit/schematics';
-import { join } from 'path';
-import { Schema as KitComponentSchema } from './schema';
-
-function createHost(tree: Tree): workspaces.WorkspaceHost {
-  return {
-    async readFile(path: string): Promise<string> {
-      const data = tree.read(path);
-      if (!data) {
-        throw new SchematicsException('File not found.');
-      }
-      return virtualFs.fileBufferToString(data);
-    },
-    async writeFile(path: string, data: string): Promise<void> {
-      return tree.overwrite(path, data);
-    },
-    async isDirectory(path: string): Promise<boolean> {
-      return !tree.exists(path) && tree.getDir(path).subfiles.length > 0;
-    },
-    async isFile(path: string): Promise<boolean> {
-      return tree.exists(path);
-    },
-  };
-}
-
-export function kitComponent(options: KitComponentSchema): Rule {
-  return async (tree: Tree) => {
-    const host = createHost(tree);
-    const { workspace } = await workspaces.readWorkspace('/', host);
-
-    if (!options.project && typeof workspace.extensions['defaultProject'] === 'string') {
-      options.project = workspace.extensions['defaultProject'];
-    }
-
-    const project = options.project != null ? workspace.projects.get(options.project) : null;
-    if (!project) {
-      throw new SchematicsException(`Invalid project name: ${options.project}`);
-    }
-    const projectType = project.extensions['projectType'] === 'application' ? 'app' : 'lib';
-
-    if (options.path === undefined) {
-      options.path = `${project.sourceRoot}/${projectType}`;
-    }
-
-    const templateSource = apply(url('./files'), [
-      applyTemplates({
-        classify: strings.classify,
-        dasherize: strings.dasherize,
-        name: options.name,
-      }),
-      move(normalize(join(project.root, 'components', options.name) as string)),
-    ]);
-
-    return chain([
-      externalSchematic('@schematics/angular', 'module', {
-        name: options.name,
-        path: join(project.root, 'components'),
-      }),
-      externalSchematic('@schematics/angular', 'component', {
-        name: options.name,
-        prefix: project.prefix,
-        export: true,
-        changeDetection: 'OnPush',
-        style: 'scss',
-        path: join(project.root, 'components'),
-      }),
-      mergeWith(templateSource),
-    ]);
-  };
-}

package/projects/schematics/kit-component/schema.json

@@ -1,26 +0,0 @@
-{
-  "$schema": "http://json-schema.org/schema",
-  "$id": "SchematicsKitComponent",
-  "title": "Kit Component Schema",
-  "type": "object",
-  "properties": {
-    "name": {
-      "description": "The name of kit component.",
-      "type": "string"
-    },
-    "path": {
-      "type": "string",
-      "format": "path",
-      "description": "The path to create kit component.",
-      "visible": false
-    },
-    "project": {
-      "type": "string",
-      "description": "The name of the project.",
-      "$default": {
-        "$source": "projectName"
-      }
-    }
-  },
-  "required": ["name"]
-}

package/projects/schematics/kit-component/schema.ts

@@ -1,10 +0,0 @@
-export interface Schema {
-  // The name of kit component.
-  name: string;
-
-  // The path to create kit component.
-  path?: string;
-
-  // The name of the project.
-  project?: string;
-}

package/projects/schematics/ng-package.json

@@ -1,7 +0,0 @@
-{
-  "$schema": "../../node_modules/ng-packagr/ng-package.schema.json",
-  "dest": "../../dist/schematics",
-  "lib": {
-    "entryFile": "public-api.ts"
-  }
-}

package/projects/schematics/package.json

@@ -1,20 +0,0 @@
-{
-  "name": "schematics",
-  "version": "0.0.1",
-  "scripts": {
-    "build": "ng build schematics && tsc -p tsconfig.lib.json",
-    "postbuild": "copyfiles ./*/schema.json ./*/files/** ./collection.json ../../dist/schematics/"
-  },
-  "schematics": "./collection.json",
-  "peerDependencies": {
-    "@angular/common": "~15.1.3",
-    "@angular/core": "~15.1.3"
-  },
-  "dependencies": {
-    "tslib": "^2.3.0"
-  },
-  "devDependencies": {
-    "copyfiles": "file:../../node_modules/copyfiles",
-    "typescript": "file:../../node_modules/typescript"
-  }
-}

package/projects/schematics/public-api.ts

@@ -1 +0,0 @@
-export * from './kit-component';

package/projects/schematics/tsconfig.lib.json

@@ -1,23 +0,0 @@
-{
-  "compilerOptions": {
-    "baseUrl": ".",
-    "lib": ["es2018", "dom"],
-    "declaration": true,
-    "module": "commonjs",
-    "moduleResolution": "node",
-    "noEmitOnError": true,
-    "noFallthroughCasesInSwitch": true,
-    "noImplicitAny": true,
-    "noImplicitThis": true,
-    "noUnusedParameters": true,
-    "noUnusedLocals": true,
-    "outDir": "../../dist/schematics",
-    "skipDefaultLibCheck": true,
-    "skipLibCheck": true,
-    "sourceMap": true,
-    "strictNullChecks": true,
-    "target": "es6",
-    "types": ["jasmine", "node"]
-  },
-  "exclude": ["./*/files/**/*"]
-}

package/projects/schematics/tsconfig.lib.prod.json

@@ -1,10 +0,0 @@
-/* To learn more about this file see: https://angular.io/config/tsconfig. */
-{
-  "extends": "./tsconfig.lib.json",
-  "compilerOptions": {
-    "declarationMap": false
-  },
-  "angularCompilerOptions": {
-    "compilationMode": "partial"
-  }
-}

package/tsconfig.json

@@ -1,33 +0,0 @@
-/* To learn more about this file see: https://angular.io/config/tsconfig. */
-{
-  "compileOnSave": false,
-  "compilerOptions": {
-    "baseUrl": "./",
-    "outDir": "./dist/out-tsc",
-    "forceConsistentCasingInFileNames": true,
-    "strict": true,
-    "noImplicitOverride": true,
-    "noPropertyAccessFromIndexSignature": true,
-    "paths": {
-      "kit": ["dist/kit/kit", "dist/kit"],
-      "schematics": ["dist/schematics/schematics", "dist/schematics"]
-    },
-    "noImplicitReturns": true,
-    "noFallthroughCasesInSwitch": true,
-    "sourceMap": true,
-    "declaration": false,
-    "downlevelIteration": true,
-    "experimentalDecorators": true,
-    "moduleResolution": "node",
-    "importHelpers": true,
-    "target": "es2017",
-    "module": "es2020",
-    "lib": ["es2020", "dom"]
-  },
-  "angularCompilerOptions": {
-    "enableI18nLegacyMessageIdFormat": false,
-    "strictInjectionParameters": true,
-    "strictInputAccessModifiers": true,
-    "strictTemplates": true
-  }
-}