@baton8/general-components 1.0.0

package/package.json

@@ -0,0 +1,123 @@
+{
+  "name": "@baton8/general-components",
+  "version": "1.0.0",
+  "main": "dist/index.js",
+  "repository": "https://github.com/Baton8/FrontGeneralComponents",
+  "scripts": {
+    "build": "webpack --mode=production && tsc-alias",
+    "storybook": "storybook dev -p 6006",
+    "storybook:build": "storybook build --output-dir ./docs",
+    "doc": "typedoc",
+    "lint": "eslint src --ext .ts,.tsx",
+    "lint:fix": "eslint src --ext .ts,.tsx --fix"
+  },
+  "devDependencies": {
+    "@babel/preset-env": "^7.22.9",
+    "@babel/preset-react": "^7.22.5",
+    "@babel/preset-typescript": "^7.22.5",
+    "@baton8/eslint-config": "^2.0.0",
+    "@emotion/babel-plugin": "^11.11.0",
+    "@emotion/react": "^11.10.5",
+    "@geometricpanda/storybook-addon-badges": "^2.0.0",
+    "@mxssfd/typedoc-theme": "^1.1.3",
+    "@storybook/addon-a11y": "^7.4.2",
+    "@storybook/addon-actions": "^7.4.2",
+    "@storybook/addon-controls": "^7.4.2",
+    "@storybook/addon-essentials": "^7.4.2",
+    "@storybook/addon-interactions": "^7.4.2",
+    "@storybook/addon-links": "^7.4.2",
+    "@storybook/addon-mdx-gfm": "7.4.2",
+    "@storybook/react": "^7.4.2",
+    "@storybook/react-webpack5": "7.4.2",
+    "@storybook/testing-library": "^0.2.1",
+    "@storybook/theming": "^7.4.2",
+    "@types/body-scroll-lock": "^3.1.1",
+    "@types/color": "^3.0.3",
+    "@types/js-cookie": "^3.0.2",
+    "@types/mousetrap": "^1.6.11",
+    "@types/react": "18.2.12",
+    "@types/react-dom": "^18.2.5",
+    "@types/react-is": "^18.2.1",
+    "@types/react-modal": "^3.16.0",
+    "@typescript-eslint/eslint-plugin": "^6.7.3",
+    "@typescript-eslint/parser": "^6.7.3",
+    "concurrently": "^7.5.0",
+    "cpx": "^1.2.1",
+    "cross-env": "^7.0.3",
+    "eslint": "^8.50.0",
+    "eslint-plugin-disable-autofix": "^3.1.1",
+    "eslint-plugin-import": "^2.28.1",
+    "eslint-plugin-jsdoc": "^46.8.2",
+    "eslint-plugin-react": "^7.33.2",
+    "eslint-plugin-react-hooks": "^4.6.0",
+    "eslint-plugin-unused-imports": "^3.0.0",
+    "json-loader": "^0.5.7",
+    "npm-run-all": "^4.1.5",
+    "react": "^18.2.0",
+    "react-docgen": "^6.0.0",
+    "react-docgen-typescript-plugin": "^1.0.5",
+    "react-dom": "^18.2.0",
+    "react-hook-form": "^7.47.0",
+    "react-intl": "^6.4.1",
+    "react-query": "^3.39.2",
+    "rxjs": "^7.5.6",
+    "source-map-loader": "^4.0.1",
+    "storybook": "^7.6.20",
+    "storybook-i18n": "^2.0.13",
+    "ts-essentials": "^9.3.0",
+    "ts-loader": "^9.4.4",
+    "ts-node": "^10.9.1",
+    "tsc-alias": "^1.7.1",
+    "typedoc": "^0.25.1",
+    "typescript": "^5.0.4",
+    "webpack": "^5.88.2",
+    "webpack-cli": "^5.1.4",
+    "webpack-node-externals": "^3.0.0",
+    "yaml-flat-loader": "^1.0.2"
+  },
+  "dependencies": {
+    "@floating-ui/react": "^0.25.0",
+    "@fortawesome/fontawesome-pro": "^6.5.1",
+    "@fortawesome/fontawesome-svg-core": "^6.5.1",
+    "@fortawesome/react-fontawesome": "^0.2.0",
+    "@fortawesome/sharp-regular-svg-icons": "^6.5.1",
+    "@fortawesome/sharp-solid-svg-icons": "^6.5.1",
+    "@radix-ui/react-avatar": "^1.0.3",
+    "@radix-ui/react-switch": "^1.0.3",
+    "@radix-ui/react-toast": "^1.1.4",
+    "body-scroll-lock": "^4.0.0-beta.0",
+    "color": "^4.2.3",
+    "dayjs": "^1.11.6",
+    "fuse.js": "^6.6.2",
+    "graphemesplit": "^2.4.4",
+    "mousetrap": "^1.6.5",
+    "nanoid": "^3.3.4",
+    "react-aria": "^3.26.0",
+    "react-is": "^18.2.0",
+    "react-modal": "^3.16.1",
+    "react-select": "^5.7.4",
+    "react-stately": "^3.24.0",
+    "react-use": "^17.4.0",
+    "resize-observer-polyfill": "^1.5.1",
+    "simplebar": "^6.2.5",
+    "simplebar-react": "^3.2.4"
+  },
+  "peerDependencies": {
+    "@emotion/react": "^11.10.5",
+    "react": "^18.2.0",
+    "react-intl": "^6.4.1",
+    "react-query": "^3.39.2",
+    "rxjs": "^7.5.6"
+  },
+  "resolutions": {
+    "@types/react": "18.2.12",
+    "jackspeak": "2.1.1"
+  },
+  "storybook": {
+    "url": "https://main--64d3296966610668e0c453cf.chromatic.com"
+  },
+  "volta": {
+    "node": "16.17.0",
+    "yarn": "1.22.19"
+  }
+}

package/tsconfig.json

@@ -0,0 +1,33 @@
+{
+  "compilerOptions": {
+    "outDir": "./dist",
+    "baseUrl": "./",
+    "paths": {
+      "/src*": ["./src*"],
+    },
+    "module": "es2015",
+    "target": "es6",
+    "lib": ["es2020", "dom"],
+    "moduleResolution": "node",
+    "jsx": "react-jsx",
+    "sourceMap": true,
+    "strict": true,
+    "jsxImportSource": "@emotion/react",
+    "allowSyntheticDefaultImports": true,
+    "downlevelIteration": true,
+    "declaration": true,
+    "emitDecoratorMetadata": true,
+    "esModuleInterop": true,
+    "experimentalDecorators": true,
+    "noImplicitOverride": true,
+    "resolveJsonModule": true,
+    "skipLibCheck": true
+  },
+  "include": [
+    "src/**/*"
+  ],
+  "exclude": [
+    "node_modules",
+    "webpack.config.ts"
+  ]
+}

package/typedoc.json

@@ -0,0 +1,26 @@
+{
+  "name": "Quizium UI キット",
+  "entryPoints": ["./src/index.ts"],
+  "entryPointStrategy": "expand",
+  "out": "./docs-api",
+  "plugin": ["@mxssfd/typedoc-theme"],
+  "theme": "my-theme",
+  "customCss": "./public/doc.css",
+  "categorizeByGroup": true,
+  "defaultCategory": "未分類",
+  "groupOrder": [
+    "*"
+  ],
+  "categoryOrder": [
+    "*",
+    "その他"
+  ],
+  "excludeCategories": [
+    "React コンポーネント"
+  ],
+  "sort": ["source-order"],
+  "disableSources": true,
+  "excludePrivate": true,
+  "hideGenerator": true,
+  "includeVersion": true
+}

package/webpack.config.ts

@@ -0,0 +1,55 @@
+const path = require("path");
+const externals = require("webpack-node-externals");
+
+
+const config = {
+  entry: {
+    index: "./src/index.ts"
+  },
+  output: {
+    path: path.join(__dirname, "dist"),
+    filename: "./[name].js",
+    library: {
+      type: "commonjs"
+    }
+  },
+  devtool: "source-map",
+  externals: [externals()],
+  module: {
+    rules: [
+      {
+        test: /\.tsx?$/,
+        exclude: /node_modules/,
+        use: {
+          loader: "ts-loader"
+        }
+      },
+      {
+        test: /\.jsx?$/,
+        enforce: "pre",
+        use: {
+          loader: "source-map-loader"
+        }
+      },
+      {
+        test: /\.yaml$/,
+        use: [
+          {
+            loader: "json-loader"
+          },
+          {
+            loader: "yaml-flat-loader"
+          }
+        ]
+      }
+    ]
+  },
+  resolve: {
+    extensions: [".tsx", ".ts", ".jsx", ".js"],
+    alias: {
+      "/src": path.resolve(__dirname, "src")
+    }
+  }
+};
+
+module.exports = config;