@movable/ui 0.0.0

package/.eslintrc.cjs

@@ -0,0 +1,27 @@
+/* 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

@@ -0,0 +1,14 @@
+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/.husky/commit-msg

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

package/.husky/pre-commit

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

package/.release-it.json

@@ -0,0 +1,46 @@
+{
+  "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/CODEOWNERS

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

package/README.md

@@ -0,0 +1,23 @@
+# @movable/ui
+
+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
+### Installation
+
+1. Ensure you have [`volta`](https://volta.sh) installed on your computer
+2. Clone the repo
+3. `npm install`
+## Conventional Commits
+
+This repo has [conventional-commits](https://www.conventionalcommits.org/en/v1.0.0/#summary) We lint for this both pre-commit and on PR actions. It is **required** and will not pass without it.
+
+Ex:
+
+```
+fix(percy): added percy snapshots for all component states
+
+- active
+- disabled
+- focused
+```

package/commitlint.config.js

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

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

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

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

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

package/lib/cjs/index.d.ts

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

package/lib/cjs/index.js

@@ -0,0 +1,10 @@
+'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

@@ -0,0 +1 @@
+{"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

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

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

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

package/lib/esm/index.d.ts

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

package/lib/esm/index.js

@@ -0,0 +1,8 @@
+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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,5 @@
+import React from 'react';
+
+declare function Button(): React.JSX.Element;
+
+export { Button };

package/lib/index.esm.js

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

package/lib/index.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.esm.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.js

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

package/lib/index.js.map

@@ -0,0 +1 @@
+{"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/theme.d.ts

@@ -0,0 +1,57 @@
+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: import("@mui/material/styles").Theme;
+export default theme;

package/package.json

@@ -0,0 +1,58 @@
+{
+  "name": "@movable/ui",
+  "version": "0.0.0",
+  "description": "Movable Ink's shared MUI components and MUI theme for our vite applications",
+  "main": "lib/index.js",
+  "module": "lib/index.esm.js",
+  "types": "lib/index.d.ts",
+  "scripts": {
+    "lint": "eslint src --ext ts,tsx --report-unused-disable-directives --max-warnings 0",
+    "build": "rollup -c",
+    "release": "release-it",
+    "prepare": "husky install"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/movableink/ui.git"
+  },
+  "keywords": [
+    "mui",
+    "muitheme",
+    "react"
+  ],
+  "author": "Movable Ink <dev@movableink.com>",
+  "license": "ISC",
+  "bugs": {
+    "url": "https://github.com/movableink/ui/issues"
+  },
+  "homepage": "https://github.com/movableink/ui#readme",
+  "devDependencies": {
+    "@commitlint/cli": "^17.6.7",
+    "@commitlint/config-conventional": "^17.6.7",
+    "@rollup/plugin-commonjs": "^25.0.3",
+    "@rollup/plugin-node-resolve": "^15.1.0",
+    "@rollup/plugin-typescript": "^11.1.2",
+    "@types/react": "^18.2.19",
+    "@types/react-dom": "^18.2.7",
+    "husky": "^8.0.0",
+    "lint-staged": "^13.2.3",
+    "postcss": "^8.4.27",
+    "react": "^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"
+  },
+  "peerDependencies": {
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0"
+  },
+  "lint-staged": {
+    "src/*.{ts,tsx}": "eslint --fix"
+  },
+  "volta": {
+    "node": "18.17.0"
+  }
+}

package/rollup.config.mjs

@@ -0,0 +1,44 @@
+import peerDepsExternal from "rollup-plugin-peer-deps-external";
+import resolve from "@rollup/plugin-node-resolve";
+import commonjs from "@rollup/plugin-commonjs";
+import typescript from "@rollup/plugin-typescript";
+import postcss from "rollup-plugin-postcss";
+import dts from "rollup-plugin-dts";
+
+// This is required to read package.json file when
+// using Native ES modules in Node.js
+// https://rollupjs.org/command-line-interface/#importing-package-json
+import { createRequire } from 'node:module';
+const requireFile = createRequire(import.meta.url);
+const packageJson = requireFile('./package.json');
+
+
+export default [{
+  input: "src/index.ts",
+  output: [
+    {
+      file: packageJson.main,
+      format: "cjs",
+      sourcemap: true
+    },
+    {
+      file: packageJson.module,
+      format: "esm",
+      sourcemap: true
+    }
+  ],
+  plugins: [
+    peerDepsExternal(),
+    resolve(),
+    commonjs(),
+    typescript(),
+    postcss({
+      extensions: ['.css']
+    })
+  ]
+}, {
+  input: 'lib/index.d.ts',
+  output: [{ file: 'lib/index.d.ts', format: 'es' }],
+  plugins: [dts()],
+  external: [/\.css$/]
+}];

package/src/components/Button.tsx

@@ -0,0 +1,7 @@
+import React from "react";
+
+export default function Button() {
+  return (
+    <button>Example Button</button>
+  )
+}

package/src/index.ts

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

package/tsconfig.json

@@ -0,0 +1,23 @@
+{
+  "compilerOptions": {
+    "target": "es5",
+    "outDir": "lib",
+    "lib": ["dom", "dom.iterable", "esnext"],
+    "declaration": true,
+    "declarationDir": "lib",
+    "allowJs": true,
+    "skipLibCheck": true,
+    "esModuleInterop": true,
+    "allowSyntheticDefaultImports": true,
+    "strict": true,
+    "forceConsistentCasingInFileNames": true,
+    "module": "esnext",
+    "moduleResolution": "node",
+    "resolveJsonModule": true,
+    "isolatedModules": true,
+    "noEmit": true,
+    "jsx": "react"
+  },
+  "include": ["src"],
+  "exclude": ["node_modules", "lib"]
+}