@telia-ace/widget-components-widget-header-flamingo 1.0.63 → 1.1.2

package/.eslintrc.json

@@ -0,0 +1,30 @@
+{
+  "extends": ["../../.eslintrc.json"],
+  "ignorePatterns": ["!**/*"],
+  "overrides": [
+    {
+      "files": ["*.ts", "*.tsx", "*.js", "*.jsx"],
+      "rules": {}
+    },
+    {
+      "files": ["*.ts", "*.tsx"],
+      "rules": {}
+    },
+    {
+      "files": ["*.js", "*.jsx"],
+      "rules": {}
+    },
+    {
+      "files": ["*.json"],
+      "parser": "jsonc-eslint-parser",
+      "rules": {
+        "@nx/dependency-checks": [
+          "error",
+          {
+            "ignoredFiles": ["{projectRoot}/vite.config.{js,ts,mjs,mts}"]
+          }
+        ]
+      }
+    }
+  ]
+}

package/README.md

@@ -0,0 +1,11 @@
+# widget-components-widget-header-flamingo
+
+This library was generated with [Nx](https://nx.dev).
+
+## Building
+
+Run `nx build widget-components-widget-header-flamingo` to build the library.
+
+## Running unit tests
+
+Run `nx test widget-components-widget-header-flamingo` to execute the unit tests via [Jest](https://jestjs.io).

package/package.json

@@ -1,16 +1,11 @@
 {
   "name": "@telia-ace/widget-components-widget-header-flamingo",
-  "version": "1.0.63",
+  "version": "1.1.2",
   "dependencies": {
-    "@telia-ace/widget-runtime-flamingo": "1.0.63",
+    "@telia-ace/widget-runtime-flamingo": "1.1.2",
     "@webprovisions/platform": "^1.1.3",
     "lit": "^2.8.0",
-    "@telia-ace/widget-conversation-flamingo": "1.0.63",
-    "@telia-ace/knowledge-widget-bot-provider-flamingo": "1.0.63",
-    "@telia-ace/knowledge-data-client-flamingo": "1.0.63",
-    "@telia-ace/widget-components-copyright-flamingo": "1.0.63",
-    "@telia-ace/widget-components-list-flamingo": "1.0.63",
-    "@telia-ace/widget-components-widget-header-flamingo": "1.0.63"
+    "@teliads/icons": "^8.4.0"
   },
   "main": "./index.js",
   "module": "./index.mjs",

package/project.json

@@ -0,0 +1,48 @@
+{
+  "name": "components-widget-header",
+  "$schema": "../../node_modules/nx/schemas/project-schema.json",
+  "sourceRoot": "libs/components-widget-header/src",
+  "projectType": "library",
+  "targets": {
+    "build": {
+      "executor": "@nx/vite:build",
+      "outputs": ["{options.outputPath}"],
+      "options": {
+        "outputPath": "dist/libs/components-widget-header"
+      }
+    },
+    "publish": {
+      "executor": "nx:run-commands",
+      "options": {
+        "command": "npm publish",
+        "cwd": "dist/libs/components-widget-header"
+      }
+    },
+    "prerelease": {
+      "executor": "nx:run-commands",
+      "options": {
+        "command": "npm publish --tag=rc",
+        "cwd": "dist/libs/components-widget-header"
+      }
+    },
+    "test": {
+      "executor": "@nx/vite:test",
+      "outputs": ["{options.reportsDirectory}"],
+      "options": {
+        "passWithNoTests": true,
+        "reportsDirectory": "../../coverage/libs/components-widget-header"
+      }
+    },
+    "lint": {
+      "executor": "@nx/eslint:lint",
+      "outputs": ["{options.outputFile}"],
+      "options": {
+        "lintFilePatterns": [
+          "libs/components-widget-header/**/*.ts",
+          "libs/components-widget-header/package.json"
+        ]
+      }
+    }
+  },
+  "tags": []
+}

package/{index.d.ts → src/index.ts}

@@ -1,2 +1,5 @@
 import WidgetHeaderComponent from './widget-header-component';
+
+console.log('3'); // TODO: remove
+
 export default WidgetHeaderComponent;

package/src/widget-header-component.ts

@@ -0,0 +1,15 @@
+import { createWebComponent } from '@telia-ace/widget-runtime-flamingo';
+import { Container } from '@webprovisions/platform';
+
+export const WidgetHeaderComponent = (container: Container) => {
+  return createWebComponent(
+    container,
+    'widget-header',
+    import('./widget-header'),
+    (_component) => {
+      //
+    }
+  );
+};
+
+export default WidgetHeaderComponent;

package/src/widget-header.ts

@@ -0,0 +1,51 @@
+import { LitElement, css, html, nothing } from 'lit';
+import { customElement } from 'lit/decorators.js';
+import { WidgetComponent } from '@telia-ace/widget-runtime-flamingo';
+import { aiRobot } from '@teliads/icons';
+
+const WidgetElement = WidgetComponent(LitElement);
+
+@customElement('ace-widget-header')
+export class WidgetHeaderComponent extends WidgetElement {
+  static override styles = [
+    WidgetElement.styles || [],
+    css`
+      .widget-header {
+        background-color: transparent;
+        color: #fff;
+        height: 85px;
+        display: flex;
+        gap: var(--spacing-md);
+        flex-direction: row;
+        align-items: center;
+        border-radius: var(--spacing-sm) var(--spacing-sm) 0px 0px;
+        padding: 0 var(--spacing-md);
+      }
+
+      h1 {
+        font-size: 1.2rem;
+      }
+
+      h1,
+      p {
+        margin: 0;
+        padding: 0;
+      }
+    `,
+  ];
+
+  override render() {
+    return html` <div class="widget-header">
+      <telia-icon svg=${aiRobot.svg} size="lg"></telia-icon>
+      <div>
+        <h1>${this.properties.header}</h1>
+
+        ${this.properties.tagline
+          ? html`<p>${this.properties.tagline}</p>`
+          : nothing}
+      </div>
+    </div>`;
+  }
+}
+
+export default WidgetHeaderComponent;

package/tsconfig.json

@@ -0,0 +1,23 @@
+{
+  "extends": "../../tsconfig.base.json",
+  "compilerOptions": {
+    "module": "commonjs",
+    "forceConsistentCasingInFileNames": true,
+    "strict": true,
+    "noImplicitOverride": true,
+    "noPropertyAccessFromIndexSignature": false,
+    "noImplicitReturns": false,
+    "noFallthroughCasesInSwitch": true,
+    "types": ["vitest"]
+  },
+  "files": [],
+  "include": [],
+  "references": [
+    {
+      "path": "./tsconfig.lib.json"
+    },
+    {
+      "path": "./tsconfig.spec.json"
+    }
+  ]
+}

package/tsconfig.lib.json

@@ -0,0 +1,10 @@
+{
+  "extends": "./tsconfig.json",
+  "compilerOptions": {
+    "outDir": "../../dist/out-tsc",
+    "declaration": true,
+    "types": ["node", "vite/client"]
+  },
+  "include": ["src/**/*.ts"],
+  "exclude": ["jest.config.ts", "src/**/*.spec.ts", "src/**/*.test.ts"]
+}

package/tsconfig.spec.json

@@ -0,0 +1,19 @@
+{
+  "extends": "./tsconfig.json",
+  "compilerOptions": {
+    "outDir": "../../dist/out-tsc",
+    "types": ["vitest/globals", "vitest/importMeta", "vite/client", "node"]
+  },
+  "include": [
+    "vite.config.ts",
+    "src/**/*.test.ts",
+    "src/**/*.spec.ts",
+    "src/**/*.test.tsx",
+    "src/**/*.spec.tsx",
+    "src/**/*.test.js",
+    "src/**/*.spec.js",
+    "src/**/*.test.jsx",
+    "src/**/*.spec.jsx",
+    "src/**/*.d.ts"
+  ]
+}

package/vite.config.ts

@@ -0,0 +1,57 @@
+/// <reference types="vitest" />
+import { defineConfig } from 'vite';
+
+import { nxViteTsPaths } from '@nx/vite/plugins/nx-tsconfig-paths.plugin';
+import dts from 'vite-plugin-dts';
+import * as path from 'path';
+// import packageJson from './package.json';
+
+export default defineConfig({
+  cacheDir:
+    '../../node_modules/.vite/@telia-ace/widget-components-widget-header-flamingo',
+
+  plugins: [
+    dts({
+      entryRoot: 'src',
+      tsConfigFilePath: path.join(__dirname, 'tsconfig.lib.json'),
+      skipDiagnostics: true,
+    }),
+
+    nxViteTsPaths(),
+  ],
+
+  // Uncomment this if you are using workers.
+  // worker: {
+  //  plugins: [ nxViteTsPaths() ],
+  // },
+
+  // Configuration for building your library.
+  // See: https://vitejs.dev/guide/build.html#library-mode
+  build: {
+    lib: {
+      // Could also be a dictionary or array of multiple entry points.
+      entry: 'src/index.ts',
+      name: '@telia-ace/widget-components-widget-header-flamingo',
+      fileName: 'index',
+      // Change this to the formats you want to support.
+      // Don't forget to update your package.json as well.
+      formats: ['es', 'cjs'],
+    },
+    rollupOptions: {
+      // External packages that should not be bundled into your library.
+      external: [
+        // ...Object.keys((packageJson as any).dependencies || {}),
+        // ...Object.keys((packageJson as any).peerDependencies || {}),
+      ],
+    },
+  },
+
+  test: {
+    globals: true,
+    cache: {
+      dir: '../../node_modules/.vitest',
+    },
+    environment: 'node',
+    include: ['src/**/*.{test,spec}.{js,mjs,cjs,ts,mts,cts,jsx,tsx}'],
+  },
+});