@mozaic-ds/angular 0.23.0-beta → 0.23.0-beta.0

package/.editorconfig

@@ -0,0 +1,16 @@
+# Editor configuration, see https://editorconfig.org
+root = true
+
+[*]
+charset = utf-8
+indent_style = space
+indent_size = 2
+insert_final_newline = true
+trim_trailing_whitespace = true
+
+[*.ts]
+quote_type = single
+
+[*.md]
+max_line_length = off
+trim_trailing_whitespace = false

package/.eslintignore

@@ -0,0 +1,8 @@
+/node_modules/
+/dist/
+**/*.spec*
+**/karma.config*
+**/*.test*
+**/*test*
+**/*.mock*
+jest.config.*

package/.eslintrc.json

@@ -0,0 +1,70 @@
+{
+  "env": {
+    "browser": true,
+    "es2021": true
+  },
+  "parser": "@typescript-eslint/parser",
+  "overrides": [
+    {
+      "files": ["*.ts"],
+      "parserOptions": {
+        "project": ["tsconfig.json"],
+        "ecmaVersion": 13,
+        "sourceType": "module",
+        "createDefaultProgram": true
+      },
+
+      "extends": [
+        "plugin:@angular-eslint/recommended",
+        "plugin:@angular-eslint/template/process-inline-templates",
+        "plugin:rxjs/recommended",
+        "prettier"
+      ],
+      "rules": {
+        "prefer-const": "error",
+        "@angular-eslint/directive-selector": [
+          "error",
+          {
+            "type": "attribute",
+            "prefix": "app",
+            "style": "camelCase"
+          }
+        ],
+        "@angular-eslint/component-selector": [
+          "error",
+          {
+            "type": "element",
+            "prefix": "app",
+            "style": "kebab-case"
+          }
+        ],
+        "@angular-eslint/no-host-metadata-property": ["off"],
+        "@typescript-eslint/no-explicit-any": "warn",
+        "@typescript-eslint/no-unused-vars": "warn",
+        "@typescript-eslint/member-ordering": "warn",
+        "@typescript-eslint/naming-convention": [
+          "warn",
+          {
+            "selector": "property",
+            "format": ["camelCase"],
+            "leadingUnderscore": "allow"
+          },
+          {
+            "selector": ["objectLiteralProperty", "objectLiteralMethod"],
+            "format": null
+          }
+        ]
+      }
+    },
+    {
+      "files": ["*.html"],
+      "extends": ["plugin:@angular-eslint/template/recommended", "eslint:recommended"],
+      "rules": {}
+    },
+    {
+      "extends": ["plugin:storybook/recommended"],
+      "files": ["*.stories.@(ts|tsx|js|jsx|mjs|cjs)"],
+      "rules": {}
+    }
+  ]
+}

package/.github/ISSUE_TEMPLATE/1-pattern-addition-proposal.md

@@ -0,0 +1,23 @@
+---
+name: "\U0001F48EPattern addition proposal"
+about: Suggest a new pattern (source code or sketch files)
+---
+
+<!--🔅🔅🔅🔅🔅🔅🔅🔅🔅🔅🔅🔅🔅🔅🔅🔅🔅🔅🔅🔅🔅🔅🔅🔅🔅🔅🔅🔅🔅🔅🔅
+
+Oh hi there! 😄
+
+To expedite issue processing please search open and closed issues before submitting a new one.
+Existing issues often contain information about workarounds, resolution, or progress updates.
+
+🔅🔅🔅🔅🔅🔅🔅🔅🔅🔅🔅🔅🔅🔅🔅🔅🔅🔅🔅🔅🔅🔅🔅🔅🔅🔅🔅🔅🔅🔅🔅🔅🔅-->
+
+# 🚀 Pattern addition proposal
+
+### Description
+
+<!-- ✍️ --> A clear and concise description of why this pattern is needed.
+
+**Anything else relevant?**
+
+<!-- ✍️ Feel free to add here screenshots, sketch files or even source code -->

package/.github/ISSUE_TEMPLATE/2-pattern-bug-report.md

@@ -0,0 +1,68 @@
+---
+name: "\U0001F6E0️Pattern bug report"
+about: Report a pattern bug (source code or sketch files)
+---
+
+<!--🔅🔅🔅🔅🔅🔅🔅🔅🔅🔅🔅🔅🔅🔅🔅🔅🔅🔅🔅🔅🔅🔅🔅🔅🔅🔅🔅🔅🔅🔅🔅
+
+Oh hi there! 😄
+
+To expedite issue processing please search open and closed issues before submitting a new one.
+Existing issues often contain information about workarounds, resolution, or progress updates.
+
+🔅🔅🔅🔅🔅🔅🔅🔅🔅🔅🔅🔅🔅🔅🔅🔅🔅🔅🔅🔅🔅🔅🔅🔅🔅🔅🔅🔅🔅🔅🔅🔅🔅-->
+
+# 🐞 Pattern bug report
+
+### Where did you experience this bug ?
+
+- [ ] On Documentation
+- [ ] On source code
+
+### Is this a regression?
+
+<!--
+Did this behavior use to work in the previous version?
+-->
+
+<!-- ✍️ --> Yes, the previous version in which this bug was not present was: ...
+
+### Description
+
+<!-- ✍️ --> A clear and concise description of the problem...
+
+## 🔬 Steps to reproduce the issue
+
+<!--
+Please explain step by step how to reproduce the production
+-->
+
+## 📷 Screenshot (optional - it might be a gif)
+
+<!--
+Please add (if possible) a screenshot of the bug and/or a preview of the initial rendering in the Sketch file.
+-->
+
+## 🔥 Exception or Error
+
+<pre><code>
+<!--
+If the issue is accompanied by an exception or an error, please share it below:
+-->
+
+<!-- ✍️ -->
+</code></pre>
+
+## 🌍 Your Environment
+
+**Version:**
+
+<pre><code>
+
+<!-- ✍️ -->
+</code></pre>
+
+**Anything else relevant?**
+
+<!-- ✍️ Is this a browser specific issue? If so, please specify the browser and version. -->
+<!-- ✍️ Do any of these matter: operating system, IDE, package manager, HTTP server, ...? If so, please mention it below. -->

package/.github/ISSUE_TEMPLATE/3-pattern-enhancement-proposal.md

@@ -0,0 +1,34 @@
+---
+name: "\U0001F48EPattern enhancement proposal"
+about: Suggest a pattern enhancement
+---
+
+<!--🔅🔅🔅🔅🔅🔅🔅🔅🔅🔅🔅🔅🔅🔅🔅🔅🔅🔅🔅🔅🔅🔅🔅🔅🔅🔅🔅🔅🔅🔅🔅
+
+Oh hi there! 😄
+
+To expedite issue processing please search open and closed issues before submitting a new one.
+Existing issues often contain information about workarounds, resolution, or progress updates.
+
+🔅🔅🔅🔅🔅🔅🔅🔅🔅🔅🔅🔅🔅🔅🔅🔅🔅🔅🔅🔅🔅🔅🔅🔅🔅🔅🔅🔅🔅🔅🔅🔅🔅-->
+
+# 🚀 Pattern enhancement proposal
+
+### What kind of enhancement are you proposing ?
+
+- [ ] On Documentation
+- [ ] On source code
+
+### Description
+
+<!-- ✍️ --> A clear and concise description of the requested pattern.
+
+### Justification
+
+<!--
+Please explain the benefit of this feature and why this pattern is needed? What need does it meet?
+-->
+
+**Anything else relevant?**
+
+<!-- ✍️ Feel free to add here screenshots or source code-->

package/.github/ISSUE_TEMPLATE/4-other.md

@@ -0,0 +1,36 @@
+---
+name: "\U0002615Other"
+about: Suggestions, questions or anything else about Mozaic-Angular.
+
+---
+
+<!--🔅🔅🔅🔅🔅🔅🔅🔅🔅🔅🔅🔅🔅🔅🔅🔅🔅🔅🔅🔅🔅🔅🔅🔅🔅🔅🔅🔅🔅🔅🔅
+
+Oh hi there! 😄
+
+To expedite issue processing please search open and closed issues before submitting a new one.
+Existing issues often contain information about workarounds, resolution, or progress updates.
+
+You are an employee of Adeo, we have a Slak channel where you can join the MOZAIC Team.
+Contact us on the channel the channel #mozaic-angular on Adeo’s global Slack account.
+
+🔅🔅🔅🔅🔅🔅🔅🔅🔅🔅🔅🔅🔅🔅🔅🔅🔅🔅🔅🔅🔅🔅🔅🔅🔅🔅🔅🔅🔅🔅🔅🔅🔅-->
+
+# ☕ Other
+
+### Description
+
+<!-- ✍️ --> A clear and consensual discussion of the subject you wish to address.
+
+## 🌍 Your Environment
+
+**Styleguide Version:**
+
+<pre><code>
+
+<!-- ✍️ -->
+</code></pre>
+
+**Anything else relevant?**
+
+<!-- ✍️ Feel free to add here screenshots, sketch files or even source code-->

package/.github/PULL_REQUEST_TEMPLATE.md

@@ -0,0 +1,19 @@
+## I have read [the contributing guidelines](https://mozaic.adeo.cloud/Contributing/)
+
+- [ ] Yes
+- [ ] No
+
+## Does this PR introduce a breaking change?
+
+read [What is a breaking change ?](https://mozaic.adeo.cloud/Contributing/Prerequisite/GitConventions/#breaking-changes-)
+
+- [ ] Yes
+- [ ] No
+
+## Describe the changes
+
+<!-- Please describe the current behavior that you are modifying, or link to a relevant issue. -->
+
+Github issue number or Jira issue URL: N/A
+
+## Other informations

package/.github/workflows/onPR.yml

@@ -0,0 +1,93 @@
+name: 🔂 Surge PR Preview
+
+on: [pull_request]
+
+env:
+  cache-name: cache-node-modules
+
+jobs:
+  install:
+    name: Install
+    runs-on: ubuntu-latest
+    steps:
+      - name: Checkout
+        uses: actions/checkout@v2
+
+      - uses: actions/setup-node@v2
+        with:
+          node-version: 16
+
+      - uses: actions/cache@v2
+        id: cache
+        with:
+          path: node_modules
+          key: ${{ runner.os }}-build-${{ env.cache-name }}-${{ hashFiles('**/package-lock.json') }}
+          restore-keys: |
+            ${{ runner.os }}-build-${{ env.cache-name }}-
+
+      - name: Install dependencies
+        run: npm ci --ignore-scripts
+  lint:
+    name: Lint
+    needs: [install]
+    runs-on: ubuntu-latest
+    steps:
+      - name: Checkout
+        uses: actions/checkout@v2
+
+      - uses: actions/setup-node@v2
+        with:
+          node-version: 16
+
+      - uses: actions/cache@v2
+        id: cache
+        with:
+          path: node_modules
+          key: ${{ runner.os }}-build-${{ env.cache-name }}-${{ hashFiles('**/package-lock.json') }}
+          restore-keys: |
+            ${{ runner.os }}-build-${{ env.cache-name }}-
+
+      - name: Lint
+        run: npm ci && npm run lint
+  build:
+    name: build
+    needs: [install]
+    runs-on: ubuntu-latest
+    steps:
+      - name: Checkout
+        uses: actions/checkout@v2
+
+      - uses: actions/setup-node@v2
+        with:
+          node-version: 16
+
+      - uses: actions/cache@v2
+        id: cache
+        with:
+          path: node_modules
+          key: ${{ runner.os }}-build-${{ env.cache-name }}-${{ hashFiles('**/package-lock.json') }}
+          restore-keys: |
+            ${{ runner.os }}-build-${{ env.cache-name }}-
+
+      - name: Build bundle
+        run: npm run build
+
+  preview:
+    runs-on: ubuntu-latest
+    needs: [build]
+    steps:
+      - uses: actions/checkout@v2
+      - uses: actions/setup-node@v2
+        with:
+          node-version: 16
+      - uses: afc163/surge-preview@v1
+        id: preview_step
+        with:
+          surge_token: ${{ secrets.SURGE_TOKEN }}
+          github_token: ${{ secrets.GITHUB_TOKEN }}
+          dist: storybook-static
+          build: |
+            npm ci
+            npm run build:storybook
+      - name: Get the preview_url
+        run: echo "url => ${{ steps.preview_step.outputs.preview_url }}"

package/.github/workflows/onPRClosed.yml

@@ -0,0 +1,17 @@
+name: 🔂 Teardown Surge PR Preview
+
+on:
+  pull_request:
+    types: closed
+
+jobs:
+  preview:
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v2
+      - uses: afc163/surge-preview@v1
+        with:
+          surge_token: ${{ secrets.SURGE_TOKEN }}
+          github_token: ${{ secrets.GITHUB_TOKEN }}
+          dist: storybook-static
+          teardown: 'true'

package/.github/workflows/onPushMaster.yml

@@ -0,0 +1,59 @@
+name: On main push
+on:
+  push:
+    branches: main
+
+env:
+  cache-name: cache-node-modules
+
+jobs:
+  install:
+    name: Install
+    runs-on: ubuntu-latest
+    steps:
+      - name: Checkout
+        uses: actions/checkout@v2
+
+      - uses: actions/setup-node@v3
+        with:
+          node-version: 16
+
+      - uses: actions/cache@v3
+        id: cache
+        with:
+          path: node_modules
+          key: ${{ runner.os }}-build-${{ env.cache-name }}-${{ hashFiles('**/package-lock.json') }}
+          restore-keys: |
+            ${{ runner.os }}-build-${{ env.cache-name }}-
+
+      - name: Install dependencies
+        run: npm ci --force
+
+  deployToGhPages:
+    name: Deploy to GH Pages
+    needs: [install]
+    runs-on: ubuntu-latest
+    steps:
+      - name: Checkout
+        uses: actions/checkout@v2
+
+      - uses: actions/setup-node@v3
+        with:
+          node-version: 16
+
+      - uses: actions/cache@v3
+        id: cache
+        with:
+          path: node_modules
+          key: ${{ runner.os }}-build-${{ env.cache-name }}-${{ hashFiles('**/package-lock.json') }}
+          restore-keys: |
+            ${{ runner.os }}-build-${{ env.cache-name }}-
+
+      - name: Build storybook
+        run: npm run build:storybook
+
+      - name: Deploy to GH pages
+        uses: peaceiris/actions-gh-pages@v3
+        with:
+          personal_token: ${{ secrets.GH_PAT }}
+          publish_dir: ./storybook-static

package/.husky/pre-commit

@@ -0,0 +1,4 @@
+#!/bin/sh
+. "$(dirname "$0")/_/husky.sh"
+
+npm run pre-commit

package/.lintstagedrc

@@ -0,0 +1,8 @@
+{
+    "projects/**/*.{js,jsx,ts,tsx,json,css,scss,md}": [
+        "prettier --write"
+    ],
+    "projects/**/*.+(js,jsx,ts,tsx,json,css,scss,md)": [
+        "eslint --fix"
+    ]
+}

package/.nvmrc

@@ -0,0 +1 @@
+16

package/.prettierignore

@@ -0,0 +1,3 @@
+/node_modules/
+/dist/
+package-lock.json

package/.prettierrc

@@ -0,0 +1,7 @@
+{
+  "singleQuote": true,
+  "printWidth": 100,
+  "endOfLine": "lf",
+  "tabWidth": 2,
+  "useTabs": false
+}

package/.release-it.json

@@ -0,0 +1,21 @@
+{
+  "git": {
+    "requireBranch": ["main", "beta", "next"],
+    "requireCommits": true,
+    "commitMessage": "chore(release): publish v${version}"
+  },
+  "npm": {
+    "publish": false
+  },
+  "github": {
+    "release": true,
+    "releaseName": "v${version}",
+    "skipChecks": false
+  },
+  "plugins": {
+    "@release-it/conventional-changelog": {
+      "preset": "angular",
+      "infile": "CHANGELOG.md"
+    }
+  }
+}

package/.storybook/main.js

@@ -0,0 +1,19 @@
+const path = require('path');
+
+module.exports = {
+  stories: ['../projects/**/*.stories.@(js|jsx|ts|tsx)'],
+  addons: ['@storybook/addon-links', '@storybook/addon-essentials', '@storybook/addon-actions'],
+  framework: {
+    name: '@storybook/angular',
+    options: {},
+  },
+  staticDirs: [
+    {
+      from: '../node_modules/@mozaic-ds/icons/svg',
+      to: 'assets/moz-icons',
+    },
+  ],
+  docs: {
+    autodocs: true,
+  },
+};

package/.storybook/preview.js

@@ -0,0 +1,27 @@
+import { setCompodocJson } from '@storybook/addon-docs/angular';
+import { withActions } from '@storybook/addon-actions/decorator';
+import { Preview, applicationConfig } from '@storybook/angular';
+import { importProvidersFrom } from '@angular/core';
+import { HttpClientModule } from '@angular/common/http';
+import docJson from '../documentation.json';
+setCompodocJson(docJson);
+
+export const parameters = {
+  actions: { argTypesRegex: '^on[A-Z].*' },
+  controls: {
+    matchers: {
+      color: /(background|color)$/i,
+      date: /Date$/,
+    },
+  },
+};
+
+const preview = {
+  decorators: [
+    applicationConfig({
+      providers: [importProvidersFrom(HttpClientModule)],
+    }),
+    withActions,
+  ],
+};
+export default preview;

package/.storybook/tsconfig.json

@@ -0,0 +1,13 @@
+{
+  "extends": "../tsconfig.json",
+  "compilerOptions": {
+    "types": ["node"]
+  },
+  "exclude": ["../projects/**/*.spec.ts"],
+  "include": ["../stories/**/*", "../src/**/*", "../projects/**/*"],
+  "files": ["./typings.d.ts"],
+  "angularCompilerOptions": {
+    "esModuleInterop": true,
+    "allowSyntheticDefaultImports": true
+  }
+}

package/.storybook/typings.d.ts

@@ -0,0 +1,4 @@
+declare module '*.md' {
+  const content: string;
+  export default content;
+}

package/.storybook/webpack.config.js

@@ -0,0 +1,21 @@
+module.exports = ({ config }) => {
+
+  config.module.rules = config.module.rules.filter(
+    (rule) => rule.test && rule.test.toString() !== '/\\.css$/'
+  );
+
+  config.module.rules.push({
+    test: /\.scss$/,
+    loader: 'postcss-loader',
+    options: {
+      postcssOptions: {
+        syntax: require('postcss-scss'),
+        plugins: [
+          ...require('@mozaic-ds/css-dev-tools/postcssPluginConfig'),
+        ],
+      },
+    },
+  });
+
+  return config;
+};

package/.vscode/extensions.json

@@ -0,0 +1,4 @@
+{
+  // For more information, visit: https://go.microsoft.com/fwlink/?linkid=827846
+  "recommendations": ["angular.ng-template"]
+}

package/.vscode/launch.json

@@ -0,0 +1,20 @@
+{
+  // For more information, visit: https://go.microsoft.com/fwlink/?linkid=830387
+  "version": "0.2.0",
+  "configurations": [
+    {
+      "name": "ng serve",
+      "type": "pwa-chrome",
+      "request": "launch",
+      "preLaunchTask": "npm: start",
+      "url": "http://localhost:4200/"
+    },
+    {
+      "name": "ng test",
+      "type": "chrome",
+      "request": "launch",
+      "preLaunchTask": "npm: test",
+      "url": "http://localhost:9876/debug.html"
+    }
+  ]
+}

package/.vscode/tasks.json

@@ -0,0 +1,42 @@
+{
+  // For more information, visit: https://go.microsoft.com/fwlink/?LinkId=733558
+  "version": "2.0.0",
+  "tasks": [
+    {
+      "type": "npm",
+      "script": "start",
+      "isBackground": true,
+      "problemMatcher": {
+        "owner": "typescript",
+        "pattern": "$tsc",
+        "background": {
+          "activeOnStart": true,
+          "beginsPattern": {
+            "regexp": "(.*?)"
+          },
+          "endsPattern": {
+            "regexp": "bundle generation complete"
+          }
+        }
+      }
+    },
+    {
+      "type": "npm",
+      "script": "test",
+      "isBackground": true,
+      "problemMatcher": {
+        "owner": "typescript",
+        "pattern": "$tsc",
+        "background": {
+          "activeOnStart": true,
+          "beginsPattern": {
+            "regexp": "(.*?)"
+          },
+          "endsPattern": {
+            "regexp": "bundle generation complete"
+          }
+        }
+      }
+    }
+  ]
+}