feat(*): use peer dependencies and simplify exports

.eslintignore

@@ -7,3 +7,4 @@ lib/
 !**/*.html
 !test/*.js
 **/*.d.ts
+samples/angular/*

.github/actions/setup/action.yml

@@ -15,14 +15,15 @@ runs:
     - name: Setup Node.js
       uses: actions/setup-node@v2
       with:
-        node-version: 15.x
+        node-version: 16.x
 
     - name: Setup caching dependencies
       uses: actions/cache@v2
       id: cache-npm
       with:
         path: |
           node_modules
+          */node_modules
           */*/node_modules
         key: ${{ runner.os }}-npm-${{ hashFiles('**/package-lock.json') }}
         restore-keys: ${{ runner.os }}-npm-${{ hashFiles('**/package-lock.json') }}

.github/workflows/prerelease.yml

@@ -17,7 +17,7 @@ jobs:
       - name: Setup Node.js
         uses: actions/setup-node@v2
         with:
-          node-version: 15.x
+          node-version: 16.x
           registry-url: 'https://registry.npmjs.org'
           cache: 'npm'
 
@@ -30,7 +30,7 @@ jobs:
         run: npm ci --ignore-scripts --audit=false --fund=false
 
       - name: Production build
-        run: lerna run build:prod --include-dependencies --since
+        run: npm run build:prod --workspaces
 
       # Increment a prerelease version for change packages according to conventional commits
       # Add --preid to change prerelease identifier, default to alpha

.github/workflows/release.yml

@@ -30,7 +30,7 @@ jobs:
         run: npm ci --ignore-scripts --audit=false --fund=false
 
       - name: Production build
-        run: lerna run build:prod --include-dependencies --since
+        run: npm run build:prod --workspaces
 
       - name: Bump version and create GitHub release
         run: lerna version --create-release github --conventional-commits --yes

.github/workflows/test.yml

@@ -1,7 +1,7 @@
 name: Test
 on:
   pull_request:
-    branches: [develop]
+    branches: [develop,prerelease]
 jobs:
   build:
     runs-on: ubuntu-latest
@@ -17,13 +17,16 @@ jobs:
         uses: ./.github/actions/setup
         id: setup
 
+      - name: Print versions
+        run: npm version
+
       - name: Install Dependencies
         if: steps.setup.outputs.cache-dependencies-hit != 'true'
         run: npm ci --ignore-scripts --audit=false --fund=false
 
       - name: Build
         if: steps.setup.outputs.cache-build-hit != 'true'
-        run: lerna run build --include-dependencies --since origin/develop...HEAD
+        run: npm run build --workspaces
 
   lint:
     needs: build

.gitignore

@@ -65,6 +65,8 @@ web_modules/
 
 # Output of 'npm pack'
 *.tgz
+# Allow pandora-book offline package
+!documents/tools/*.tgz
 
 # Yarn Integrity file
 .yarn-integrity
@@ -138,3 +140,6 @@ custom-elements.json
 ## editors
 /.idea
 /.vscode
+
+#Sample App
+samples/angular/.angular/*

README.md

@@ -1,7 +1,6 @@
 # Element Framework (EF) V5
 
-[![Linting](https://github.com/Refinitiv/refinitiv-ui/actions/workflows/lint.yml/badge.svg?branch=main)](https://github.com/Refinitiv/refinitiv-ui/actions/workflows/lint.yml?query=branch%3Amain+)
-[![Testing](https://github.com/Refinitiv/refinitiv-ui/actions/workflows/test.yml/badge.svg?branch=main)](https://github.com/Refinitiv/refinitiv-ui/actions/workflows/test.yml?query=branch%3Amain+)
+[![Testing](https://github.com/Refinitiv/refinitiv-ui/actions/workflows/test.yml/badge.svg)](https://github.com/Refinitiv/refinitiv-ui/actions/workflows/test.yml)
 [![Release](https://github.com/Refinitiv/refinitiv-ui/actions/workflows/release.yml/badge.svg?branch=main)](https://github.com/Refinitiv/refinitiv-ui/actions/workflows/release.yml?query=branch%3Amain+)
 
 Element Framework is Refinitiv design system components that provides components and tooling with Refinitiv's design system to help product teams work faster and more efficiently.

documents/.gitignore

@@ -0,0 +1,27 @@
+## editors
+/.idea
+/.vscode
+
+## system files
+.DS_Store
+._.DS_Store
+.cache
+.parcel-cache
+
+## npm
+node_modules/
+npm-debug.log
+*.lock
+*.log
+
+## testing
+/coverage/
+test/reports/
+
+## temp folders
+/.tmp/
+
+## build
+_site/
+dist/
+build/

documents/CHANGELOG.md

@@ -0,0 +1,8 @@
+# Change Log
+
+All notable changes to this project will be documented in this file.
+See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
+
+## 5.0.1 (2022-01-14)
+
+**Note:** Version bump only for package @refinitiv-ui/docs

documents/README.md

@@ -0,0 +1,13 @@
+# Element Framework Documentation
+
+This is a repository of Element Framework documentation source code. For the documentation, visit this [link](https://ui.refinitiv.com).
+
+## Development
+
+```sh
+npm install
+
+npm run build
+
+npm start
+```

documents/package.json

@@ -0,0 +1,39 @@
+{
+  "name": "@refinitiv-ui/docs",
+  "version": "5.0.1",
+  "private": true,
+  "description": "Element Framework Documentation",
+  "engines": {
+    "node": ">=16.11.0",
+    "npm": ">=8.0.0"
+  },
+  "scripts": {
+    "start": "concurrently \"pandora build dist --watch\" \"serve dist -s\"",
+    "copy:resources": "cp -r resources dist/resources && cp src/theme-loader.js dist/theme-loader.js",
+    "build:api": "lerna run --scope @refinitiv-ui/elements api-analyzer --stream && node ./scripts/element.injector.js",
+    "build": "rm -rf build && npm run build:api && pandora build dist --clean && npm run copy:resources",
+    "build:prod": "npm run build"
+  },
+  "repository": {
+    "type": "git",
+    "url": "[email protected]:Refinitiv/refinitiv-ui.git",
+    "directory": "documents"
+  },
+  "keywords": [
+    "Element Framework",
+    "EF"
+  ],
+  "author": "Refinitiv",
+  "license": "Apache-2.0",
+  "devDependencies": {
+    "chalk": "^4.1.2",
+    "concurrently": "^6.4.0",
+    "pandora-book": "file:tools/pandora-book-3.0.0-54.tgz",
+    "serve": "^13.0.2"
+  },
+  "dependencies": {
+    "@refinitiv-ui/elements": "^5.11.0",
+    "fast-glob": "^3.2.7",
+    "fs-extra": "^10.0.0"
+  }
+}

documents/resources/styles/api.css

@@ -0,0 +1,73 @@
+pandora-page {
+  overflow: visible;
+}
+#elf-docs-api {
+  margin-bottom: 60px;
+}
+#elf-docs-api .elf-docs-api-break {
+  height: 0;
+  border-top: 2px dashed #dedee1;
+  margin: 60px -50vw;
+}
+#elf-docs-api h3 {
+  color:  #ff5000;
+}
+#elf-docs-api .api-item {
+  padding: 10px 0;
+  position: relative;
+  border-top: 1px solid #ededef;
+}
+#elf-docs-api .api-item.no-border {
+  border: none;
+}
+#elf-docs-api .name {
+  font-family: 'Source Code Pro';
+  margin-bottom: 6px;
+  font-weight: bold;
+}
+#elf-docs-api .desc {
+  color: #76768a;
+  max-width: 80%;
+}
+#elf-docs-api .type {
+  float: right;
+  font-family: 'Source Code Pro';
+  color: #535de9;
+  font-size: 9pt;
+  margin-top: 6px;
+}
+#elf-docs-api .value {
+  font-family: 'Source Code Pro';
+  color:  #ff5000;
+  margin-top: 12px;
+}
+#elf-docs-api .value::before {
+  font-family: 'knowledge';
+  content: 'Default: ';
+  color: #858588;
+}
+#elf-docs-api .params {
+  margin-top: 15px;
+}
+#elf-docs-api .params::before {
+  font-size: 10pt;
+  color: #858588;
+  content: 'Parameters:';
+  display: block;
+}
+#elf-docs-api .params .param {
+  margin: 5px 7px;
+  line-height: 1;
+}
+#elf-docs-api .params .name {
+  display: inline;
+  font-size: 9pt;
+}
+#elf-docs-api .params .type {
+  float: none;
+  display: inline;
+  font-size: 9pt;
+}
+#elf-docs-api .params .desc {
+  font-size: 11pt;
+}

documents/resources/styles/demo.css

@@ -0,0 +1,7 @@
+html {
+  font-family: 'Source sans pro', Arial, 'Helvetica Neue', Helvetica, sans-serif;
+}
+body {
+  min-height: auto !important;
+  padding: 0 !important;
+}