Concorde update

Author: epilot-concorde

.eslintrc.yaml

@@ -0,0 +1,36 @@
+---
+parser: "@typescript-eslint/parser"
+extends:
+  - "@epilot/eslint-config-react"
+  - "plugin:@typescript-eslint/recommended"
+  - "plugin:prettier/recommended"
+  - "plugin:storybook/recommended"
+  - "prettier"
+env:
+  jest: true
+settings:
+  import/resolver:
+    node:
+      extensions:
+        - ".js"
+        - ".jsx"
+        - ".ts"
+        - ".tsx"
+      paths:
+        - src
+    typescript: true
+parserOptions:
+  ecmaVersion: 2020
+  sourceType: module
+  ecmaFeatures:
+    jsx: true
+ignorePatterns:
+  - "/node_modules/*"
+  - "/dist/*"
+  - "**/*.module.scss.d.ts"
+rules:
+  "no-console": "error"
+  "@typescript-eslint/consistent-type-imports": "error"
+  "@typescript-eslint/ban-types": "off"
+  "prettier/prettier": "error"
+  "@typescript-eslint/no-unused-vars-experimental": "off" 

.github/workflows/node.js.yml

@@ -0,0 +1,25 @@
+# This workflow will do a clean installation of node dependencies, cache/restore them, build the source code and run tests across different versions of node
+# For more information see: https://docs.github.com/en/actions/automating-builds-and-tests/building-and-testing-nodejs
+
+name: Install Dependencies
+
+on:
+  push:
+    branches: ["main"]
+  pull_request:
+    branches: ["main"]
+
+jobs:
+  install-dependencies:
+    runs-on: ubuntu-latest
+
+    strategy:
+      matrix:
+        node-version: [22.x]
+        # See supported Node.js release schedule at https://nodejs.org/en/about/releases/
+
+    steps:
+      - uses: actions/checkout@v4
+      - name: Use Node.js ${{ matrix.node-version }}
+        uses: actions/setup-node@v4
+      - run: npm i --force

.gitignore

@@ -0,0 +1,16 @@
+*.log
+.DS_Store
+node_modules
+storybook-static
+.cache
+dist
+.vscode
+.idea
+.eslintcache
+.npmrc
+test-report.xml
+.yarn
+build-storybook.log
+**/*.module.scss.d.ts
+
+*storybook.log

.storybook/main.ts

@@ -0,0 +1,37 @@
+import type { StorybookConfig } from "@storybook/react-vite";
+
+import { join, dirname } from "path";
+
+/**
+ * This function is used to resolve the absolute path of a package.
+ * It is needed in projects that use pnpm PnP or are set up within a monorepo.
+ */
+function getAbsolutePath(value: string): any {
+  return dirname(require.resolve(join(value, "package.json")));
+}
+const config: StorybookConfig = {
+  stories: ["../src/**/*.mdx", "../src/**/*.stories.@(js|jsx|mjs|ts|tsx)"],
+  addons: [
+    getAbsolutePath("@storybook/addon-links"),
+    getAbsolutePath("@storybook/addon-essentials"),
+    getAbsolutePath("@chromatic-com/storybook"),
+    getAbsolutePath("@storybook/addon-interactions"),
+    getAbsolutePath("@storybook/addon-a11y"),
+  ],
+  framework: {
+    name: getAbsolutePath("@storybook/react-vite"),
+    options: {},
+  },
+  docs: {
+    autodocs: "tag",
+  },
+  async viteFinal(config) {
+    const { mergeConfig } = await import('vite');
+    return mergeConfig(config, {
+      optimizeDeps: {
+        exclude: ['axios'],
+      },
+    });
+  },
+};
+export default config;

.storybook/preview.ts

@@ -0,0 +1,12 @@
+import type { Preview } from '@storybook/react'
+// Imports styles for story only because journey-app has styles already
+import 'material-symbols/sharp.css'
+import 'material-symbols/rounded.css'
+import '../src/global.css'
+import 'react-datepicker/dist/react-datepicker.css'
+
+const preview: Preview = {
+  tags: ['autodocs']
+}
+
+export default preview

CHANGELOG.md

@@ -0,0 +1,21 @@
+The MIT License (MIT)
+
+Copyright (c) 2024 e.pilot GmbH
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in
+all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
+THE SOFTWARE.

LICENSE

@@ -0,0 +1,40 @@
+<h1 align="center"><img alt="epilot-logo" src="https://github.com/epilot-dev/concorde-elements/blob/main/docs/assets/logo.png?raw=true" width="200"><br>epilot-elements</h1>
+
+[![CI](https://github.com/epilot-dev/concorde-elements/actions/workflows/node.js.yml/badge.svg)](https://github.com/epilot-dev/concorde-elements/actions/workflows/node.js.yml)
+[![NPM Version](https://img.shields.io/npm/v/%40epilot%2Fconcorde-elements)](https://www.npmjs.com/package/@epilot/concorde-elements)
+[![License](http://img.shields.io/:license-mit-blue.svg)](https://github.com/epilot-dev/concorde-elements/blob/main/)
+
+This is a multi purpose UI library used internally by epilot journeys. It could be used for any kind of projects, including building apps for epilot journeys.
+
+Concorde was the internal code name used by epilot devs to migrate epilot journeys to use a more modern ui components. The goal was enhance the UX while making it simple & fast.
+
+## Quick Start
+
+### Installation
+
+Install the package via npm:
+
+```sh
+npm install --save @epilot/concorde-elements
+```
+
+### Usage
+
+Components could be simply used like:
+
+```typescript
+import { Button } from '@epilot/concorde-elements'
+
+export function SomeComponent() {
+  return (<Button variant='primary' label='Hello' />)
+}
+```
+
+# Documentation
+
+- [Storybook](https://portal.epilot.cloud/concorde-elements)
+- [Developing for epilot Journeys](https://docs.epilot.io/docs/journeys/developer-resources)
+
+# Contributing
+
+The epilot elements library is a free and open source software. PRs welcome! 🚀

README.md

@@ -0,0 +1,131 @@
+{
+  "name": "@epilot/concorde-elements",
+  "version": "0.0.15",
+  "license": "MIT",
+  "author": {
+    "name": "epilot GmbH",
+    "email": "[email protected]",
+    "url": "https://epilot.cloud"
+  },
+  "sideEffects": [
+    "**/*.css"
+  ],
+  "type": "module",
+  "main": "src/index.ts",
+  "types": "src/index.ts",
+  "scripts": {
+    "build": "npm run build-storybook",
+    "build:package": "rm -rf dist && NODE_ENV=production vite build",
+    "build-storybook": "NODE_ENV=production storybook build",
+    "changelog": "npx conventional-changelog -i CHANGELOG.md -s --commit-path . @epilot/concorde-elements",
+    "chromatic": "npx chromatic --project-token=chpt_cef42bf3c35609d",
+    "lint": "eslint src --ext js,ts,tsx --cache",
+    "lint:fix": "eslint src --ext js,ts,tsx --fix --cache",
+    "storybook": "storybook dev -p 6006",
+    "test": "TZ=UTC vitest run",
+    "test:watch": "vitest watch",
+    "prepublishOnly": "npm version patch && pnpm changelog && pnpm lint && pnpm test && pnpm build:package",
+    "release": "pnpm publish",
+    "postpublish": "git add package.json CHANGELOG.md && git commit -m \"chore: update concorde published version\" && git push && git push --tags"
+  },
+  "browserslist": [
+    ">0.2%",
+    "not dead",
+    "not op_mini all"
+  ],
+  "dependencies": {
+    "@floating-ui/dom": "^1.6.13",
+    "@mui/base": "5.0.0-beta.61",
+    "@mui/utils": "^6.2.0",
+    "@radix-ui/react-checkbox": "^1.1.2",
+    "@radix-ui/react-dialog": "1.1.2",
+    "@radix-ui/react-dropdown-menu": "^2.1.2",
+    "@radix-ui/react-popover": "^1.1.2",
+    "@radix-ui/react-progress": "^1.1.1",
+    "@radix-ui/react-radio-group": "^1.3.7",
+    "@radix-ui/react-slot": "1.1.2",
+    "@radix-ui/react-switch": "^1.1.1",
+    "@radix-ui/react-toggle": "^1.1.0",
+    "@radix-ui/react-toggle-group": "^1.1.0",
+    "@radix-ui/react-tooltip": "^1.1.4",
+    "culori": "^4.0.1",
+    "date-fns": "^3.6.0",
+    "file-selector": "*",
+    "motion": "^11.15.0",
+    "radashi": "*",
+    "react-datepicker": "^8.3.0",
+    "react-dropzone": "^11.4.2",
+    "react-hook-form": "^7.53.0",
+    "react-input-mask": "^2.0.4",
+    "react-keyed-flatten-children": "^3.0.2",
+    "react-number-format": "^5.4.3",
+    "react-swipeable-views": "^0.14.0"
+  },
+  "devDependencies": {
+    "@chromatic-com/storybook": "^1.3.5",
+    "@epilot/eslint-config-react": "^1.2.15",
+    "@epilot/validators": "latest",
+    "@storybook/addon-a11y": "^8.6.11",
+    "@storybook/addon-essentials": "^8.5.4",
+    "@storybook/addon-interactions": "^8.5.4",
+    "@storybook/addon-links": "^8.5.4",
+    "@storybook/blocks": "^8.5.4",
+    "@storybook/react": "^8.5.4",
+    "@storybook/react-vite": "^8.5.4",
+    "@storybook/test": "^8.5.4",
+    "@testing-library/jest-dom": "*",
+    "@testing-library/react": "*",
+    "@testing-library/user-event": "*",
+    "@types/babel__generator": "^7.6.8",
+    "@types/culori": "^2.1.1",
+    "@types/react": "*",
+    "@types/react-dom": "*",
+    "@types/react-input-mask": "3.0.0",
+    "@types/react-swipeable-views": "^0.13.5",
+    "@types/testing-library__jest-dom": "*",
+    "@typescript-eslint/eslint-plugin": "6.5.0",
+    "@typescript-eslint/parser": "6.5.0",
+    "@vitejs/plugin-react": "^4.2.1",
+    "autoprefixer": "^10.4.19",
+    "chromatic": "^11.3.2",
+    "classnames": "^2.5.1",
+    "conventional-changelog": "^7.1.1",
+    "eslint": "*",
+    "eslint-config-prettier": "8.0.0",
+    "eslint-import-resolver-typescript": "^3.6.3",
+    "eslint-plugin-import": "2.30.0",
+    "eslint-plugin-prettier": "5.2.1",
+    "eslint-plugin-react-hooks": "4.6.2",
+    "eslint-plugin-storybook": "^0.8.0",
+    "i18next": "*",
+    "jsdom": "^25.0.0",
+    "material-symbols": "latest",
+    "prettier": "*",
+    "react": "^18.0.0",
+    "react-i18next": "*",
+    "storybook": "^8.5.4",
+    "terser": "5.32.0",
+    "tslib": "^2.3.1",
+    "typescript": "^5.4.5",
+    "use-debounce": "^6.0.1",
+    "vite": "*",
+    "vite-plugin-dts": "^4.5.0",
+    "vite-plugin-lib-inject-css": "^2.2.1",
+    "vite-plugin-sass-dts": "^1.3.30",
+    "vitest": "*",
+    "vitest-axe": "^0.1.0"
+  },
+  "peerDependencies": {
+    "@epilot/validators": "^0.0.21",
+    "react": ">=17.0.0",
+    "react-dom": "^18.2.0",
+    "react-i18next": "*"
+  },
+  "files": [
+    "dist/**"
+  ],
+  "publishConfig": {
+    "main": "dist/index.js",
+    "types": "dist/index.d.ts"
+  }
+}