@movable/ui 0.1.1 → 0.2.0-alpha.0

package/README.md

@@ -1,5 +1,7 @@
 # @movable/ui
 
+todo: update
+
 This repo contains the shared components for our frontend applications. Using this [react component library guide](https://prateeksurana.me/blog/react-component-library-using-storybook-7/#compiling-the-library-using-rollup)
 
 ## Local Development

package/package.json

@@ -1,16 +1,20 @@
 {
   "name": "@movable/ui",
-  "version": "0.1.1",
+  "version": "0.2.0-alpha.0",
   "description": "Movable Ink's shared MUI components and MUI theme for our vite applications",
-  "main": "lib/index.js",
-  "module": "lib/index.esm.js",
+  "module": "lib/index.mjs",
   "types": "lib/index.d.ts",
+  "files": [
+    "lib"
+  ],
   "scripts": {
-    "lint": "eslint src --ext ts,tsx --report-unused-disable-directives --max-warnings 0",
-    "build": "rollup -c",
-    "watch": "rollup -c -w",
-    "release": "release-it",
-    "prepare": "husky install"
+    "dev": "vite",
+    "test": "cypress open -C ./cypress/tsconfig.json",
+    "build": "tsc && vite build",
+    "lint": "eslint . --ext ts,tsx --report-unused-disable-directives --max-warnings 0",
+    "prepare": "husky install",
+    "storybook": "storybook dev -p 6006",
+    "build-storybook": "storybook build"
   },
   "repository": {
     "type": "git",
@@ -26,29 +30,41 @@
   "bugs": {
     "url": "https://github.com/movableink/ui/issues"
   },
-  "homepage": "https://github.com/movableink/ui#readme",
+  "homepage": "https://movableink.github.io/ui",
   "devDependencies": {
     "@commitlint/cli": "^17.6.7",
     "@commitlint/config-conventional": "^17.6.7",
     "@release-it/conventional-changelog": "^7.0.1",
-    "@rollup/plugin-commonjs": "^25.0.3",
-    "@rollup/plugin-node-resolve": "^15.1.0",
-    "@rollup/plugin-typescript": "^11.1.2",
+    "@rollup/plugin-typescript": "^11.1.5",
+    "@storybook/addon-essentials": "^7.5.1",
+    "@storybook/addon-interactions": "^7.5.1",
+    "@storybook/addon-links": "^7.5.1",
+    "@storybook/addon-onboarding": "^1.0.8",
+    "@storybook/blocks": "^7.5.1",
+    "@storybook/manager-api": "^7.5.1",
+    "@storybook/react": "^7.5.1",
+    "@storybook/react-vite": "^7.5.1",
+    "@storybook/testing-library": "^0.2.2",
+    "@storybook/theming": "^7.5.1",
     "@types/react": "^18.2.19",
     "@types/react-dom": "^18.2.7",
     "@typescript-eslint/eslint-plugin": "^6.7.0",
+    "@typescript-eslint/parser": "^6.0.0",
+    "@vitejs/plugin-react-swc": "^3.3.2",
+    "cypress": "^13.4.0",
+    "eslint": "^8.45.0",
     "eslint-plugin-react-hooks": "^4.6.0",
     "eslint-plugin-react-refresh": "^0.4.3",
+    "eslint-plugin-storybook": "^0.6.15",
     "husky": "^8.0.0",
     "lint-staged": "^13.2.3",
     "postcss": "^8.4.27",
     "react": "^18.2.0",
+    "react-dom": "^18.2.0",
     "release-it": "^16.1.3",
-    "rollup": "^3.27.2",
-    "rollup-plugin-dts": "^5.3.1",
-    "rollup-plugin-peer-deps-external": "^2.2.4",
-    "rollup-plugin-postcss": "^4.0.2",
-    "typescript": "^5.1.6"
+    "storybook": "^7.5.1",
+    "typescript": "^5.0.2",
+    "vite": "^4.4.5"
   },
   "peerDependencies": {
     "react": "^18.2.0",
@@ -61,6 +77,8 @@
     "node": "18.17.0"
   },
   "dependencies": {
+    "@emotion/react": "^11.11.1",
+    "@emotion/styled": "^11.11.0",
     "@mui/material": "^5.14.8"
   }
 }

package/.eslintrc.cjs

@@ -1,27 +0,0 @@
-/* eslint-env node */
-
-module.exports = {
-  root: true,
-  env: { browser: true, es2020: true },
-  extends: [
-    'eslint:recommended',
-    'plugin:@typescript-eslint/recommended',
-    'plugin:@typescript-eslint/recommended-requiring-type-checking',
-    'plugin:react-hooks/recommended',
-  ],
-  parser: '@typescript-eslint/parser',
-  parserOptions: {
-    ecmaVersion: 'latest',
-    sourceType: 'module',
-    project: true,
-    tsconfigRootDir: __dirname,
-  },
-  plugins: ['react-refresh'],
-  rules: {
-    'react-refresh/only-export-components': [
-      'warn',
-      { allowConstantExport: true },
-    ],
-    '@typescript-eslint/no-non-null-assertion': 'off',
-  },
-}

package/.github/workflows/commit-lint.yml

@@ -1,14 +0,0 @@
-name: Commit Lint
-
-on: [pull_request]
-
-jobs:
-  lint:
-    runs-on: ubuntu-latest
-    env:
-      GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
-    steps:
-      - uses: actions/checkout@v2
-        with:
-          fetch-depth: 0
-      - uses: wagoid/commitlint-github-action@v1

package/.github/workflows/release-it.yml

@@ -1,44 +0,0 @@
-name: Release
-
-on:
-  workflow_dispatch:
-    inputs:
-      increment:
-        description: Override Default Version Increment
-        required: false
-        default: ''
-
-jobs:
-  release:
-    runs-on: ubuntu-latest
-    steps:
-      - uses: actions/checkout@v2
-        with:
-          fetch-depth: 0 # Necessary to generate changelog from commit history
-      - uses: volta-cli/action@v1
-
-      - name: git config
-        run: |
-          git config user.name "${GITHUB_ACTOR}"
-          git config user.email "${GITHUB_ACTOR}@users.noreply.github.com"
-
-      - name: Get yarn cache directory path
-        id: yarn-cache-dir-path
-        run: echo "::set-output name=dir::$(yarn config get cacheFolder)"
-      - uses: actions/cache@v2
-        with:
-          path: ${{ steps.yarn-cache-dir-path.outputs.dir }}
-          key: ${{ runner.os }}-yarn-${{ hashFiles('**/yarn.lock') }}
-          restore-keys: |
-            ${{ runner.os }}-yarn-
-
-      - run: yarn install --immutable
-
-      - name: Configure NPM with auth token
-        run: npm config set //registry.npmjs.org/:_authToken $NPM_TOKEN
-        env:
-          NPM_TOKEN: ${{ secrets.NPM_TOKEN }}
-
-      - run: yarn release ${{ github.event.inputs.increment }}
-        env:
-          GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}

package/.husky/commit-msg

@@ -1,4 +0,0 @@
-#!/bin/sh
-. "$(dirname "$0")/_/husky.sh"
-
-npx --no -- commitlint --edit

package/.husky/pre-commit

@@ -1,4 +0,0 @@
-#!/bin/sh
-. "$(dirname "$0")/_/husky.sh"
-
-npx lint-staged

package/.release-it.json

@@ -1,46 +0,0 @@
-{
-  "hooks": {
-    "after:release": "prettier --write CHANGELOG.md"
-  },
-  "git": {
-    "commitMessage": "chore: release v${version}"
-  },
-  "github": {
-    "release": true
-  },
-  "plugins": {
-    "@release-it/conventional-changelog": {
-      "infile": "CHANGELOG.md",
-      "preset": {
-        "name": "conventionalcommits",
-        "types": [
-          {
-            "type": "feat",
-            "section": "Features"
-          },
-          {
-            "type": "security",
-            "section": "Security"
-          },
-          {
-            "type": "chore,refactor",
-            "section": "Enhancments"
-          },
-          {
-            "type": "style",
-            "section": "Style"
-          },
-          {
-            "type": "test,ci",
-            "section": "Test & Continuous Integration"
-          },
-          {
-            "type": "fix",
-            "section": "Bug Fixes"
-          },
-          {}
-        ]
-      }
-    }
-  }
-}

package/CHANGELOG.md

@@ -1,10 +0,0 @@
-
-
-## [0.1.1](https://github.com/movableink/ui/compare/0.1.0-alpha.1...0.1.1) (2023-10-13)
-
-## [0.1.0-alpha.1](https://github.com/movableink/ui/compare/0.1.0-alpha.0...0.1.0-alpha.1) (2023-09-19)
-
-
-### Features
-
-* added theme from DV team ([d692875](https://github.com/movableink/ui/commit/d692875be6b3f7ffd6c018d50f77702d3f6a7626))

package/CODEOWNERS

@@ -1,2 +0,0 @@
-* @movableink/front-end-vite
-* @movableink/design-systems

package/commitlint.config.js

@@ -1,5 +0,0 @@
-'use strict';
-
-module.exports = {
-  extends: ['@commitlint/config-conventional'],
-};

package/lib/cjs/components/Button.d.ts

@@ -1,2 +0,0 @@
-import React from "react";
-export default function Button(): React.JSX.Element;

package/lib/cjs/esm/index.d.ts

@@ -1 +0,0 @@
-export declare function sayHello(name: string): string;

package/lib/cjs/index.d.ts

@@ -1,2 +0,0 @@
-import Button from "./components/Button";
-export { Button };

package/lib/cjs/index.js

@@ -1,10 +0,0 @@
-'use strict';
-
-var React = require('react');
-
-function Button() {
-    return (React.createElement("button", null, "Example Button"));
-}
-
-exports.Button = Button;
-//# sourceMappingURL=index.js.map

package/lib/cjs/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sources":["../../src/components/Button.tsx"],"sourcesContent":["import React from \"react\";\n\nexport default function Button() {\n  return (\n    <button>Example Button</button>\n  )\n}"],"names":[],"mappings":";;;;AAEc,SAAU,MAAM,GAAA;IAC5B,QACE,KAA+B,CAAA,aAAA,CAAA,QAAA,EAAA,IAAA,EAAA,gBAAA,CAAA,EAChC;AACH;;;;"}

package/lib/components/Button.d.ts

@@ -1,2 +0,0 @@
-import React from "react";
-export default function Button(): React.JSX.Element;

package/lib/esm/components/Button.d.ts

@@ -1,2 +0,0 @@
-import React from "react";
-export default function Button(): React.JSX.Element;

package/lib/esm/index.d.ts

@@ -1,2 +0,0 @@
-import Button from "./components/Button";
-export { Button };

package/lib/esm/index.js

@@ -1,8 +0,0 @@
-import React from 'react';
-
-function Button() {
-    return (React.createElement("button", null, "Example Button"));
-}
-
-export { Button };
-//# sourceMappingURL=index.js.map

package/lib/esm/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sources":["../../src/components/Button.tsx"],"sourcesContent":["import React from \"react\";\n\nexport default function Button() {\n  return (\n    <button>Example Button</button>\n  )\n}"],"names":[],"mappings":";;AAEc,SAAU,MAAM,GAAA;IAC5B,QACE,KAA+B,CAAA,aAAA,CAAA,QAAA,EAAA,IAAA,EAAA,gBAAA,CAAA,EAChC;AACH;;;;"}

package/lib/index.d.ts

@@ -1,63 +0,0 @@
-import React from 'react';
-import * as _mui_material_styles from '@mui/material/styles';
-
-declare function Button(): React.JSX.Element;
-
-declare module '@mui/material/styles' {
-    interface PaletteColor {
-        selected?: string;
-    }
-    interface Palette {
-        focusVisible: string;
-        neutral50: string;
-        neutral100: string;
-        neutral200: string;
-        neutral300: string;
-        neutral400: string;
-        neutral500: string;
-        neutral600: string;
-        neutral700: string;
-        neutral800: string;
-        neutral900: string;
-        neutralA100: string;
-        neutralA200: string;
-        neutralA400: string;
-        neutralA700: string;
-        blue50: string;
-        blue100: string;
-        blue200: string;
-        blue300: string;
-        blue400: string;
-        blue500: string;
-        blue600: string;
-        blue700: string;
-        blue800: string;
-        blue900: string;
-    }
-    interface PalletteOptions {
-        focusVisible: string;
-        neutral50: string;
-        neutral100: string;
-        neutral200: string;
-        neutral300: string;
-        neutral400: string;
-        neutral500: string;
-        neutral600: string;
-        neutral700: string;
-        neutral800: string;
-        neutral900: string;
-        neutralA100: string;
-        neutralA200: string;
-        neutralA400: string;
-        neutralA700: string;
-        blue50: string;
-        blue100: string;
-        blue200: string;
-        blue300: string;
-        blue400: string;
-        blue500: string;
-    }
-}
-declare const theme: _mui_material_styles.Theme;
-
-export { Button, theme as MovableUITheme };