gov-ui-core 0.2.6-beta.9 → 1.0.0

package/package.json

@@ -1,247 +1,250 @@
-{
-  "name": "gov-ui-core",
-  "version": "0.2.6-beta.9",
-  "main": "./build/index.js",
-  "module": "./build/index.js",
-  "types": "./build/modules.d.ts",
-  "repository": "https://github.com/liamyoon/gov-ui-core",
-  "dependencies": {
-    "@babel/core": "^7.16.0",
-    "@craco/craco": "^7.1.0",
-    "@mdi/font": "^5.9.55",
-    "@mdi/js": "^5.9.55",
-    "@mdi/react": "^1.6.1",
-    "@pmmmwh/react-refresh-webpack-plugin": "^0.5.3",
-    "@svgr/webpack": "^5.5.0",
-    "@testing-library/jest-dom": "^5.17.0",
-    "@testing-library/react": "^13.4.0",
-    "@testing-library/user-event": "^13.5.0",
-    "@types/node": "^16.18.90",
-    "@types/react": "^18.2.67",
-    "@types/react-date-range": "^1.4.9",
-    "@types/react-dom": "^18.2.22",
-    "antd": "^4.24.16",
-    "babel-jest": "^27.4.2",
-    "babel-loader": "^8.2.3",
-    "babel-plugin-named-asset-import": "^0.3.8",
-    "babel-preset-react-app": "^10.0.1",
-    "bfj": "^7.0.2",
-    "browserslist": "^4.18.1",
-    "camelcase": "^6.2.1",
-    "case-sensitive-paths-webpack-plugin": "^2.4.0",
-    "classnames": "^2.5.1",
-    "css-loader": "^6.5.1",
-    "css-minimizer-webpack-plugin": "^3.2.0",
-    "date-fns": "^2.30.0",
-    "dotenv": "^10.0.0",
-    "dotenv-expand": "^5.1.0",
-    "dynamic-antd-theme": "^0.8.7",
-    "file-loader": "^6.2.0",
-    "fs-extra": "^10.0.0",
-    "html-webpack-plugin": "^5.5.0",
-    "identity-obj-proxy": "^3.0.0",
-    "jest": "^27.4.3",
-    "jest-resolve": "^27.4.2",
-    "jest-watch-typeahead": "^1.0.0",
-    "lodash": "^4.17.21",
-    "mini-css-extract-plugin": "^2.4.5",
-    "moment": "^2.30.1",
-    "postcss": "^8.4.4",
-    "postcss-flexbugs-fixes": "^5.0.2",
-    "postcss-loader": "^6.2.1",
-    "postcss-normalize": "^10.0.1",
-    "postcss-preset-env": "^7.0.1",
-    "prompts": "^2.4.2",
-    "query-string": "^9.0.0",
-    "ramda": "^0.29.1",
-    "rc-motion": "^2.9.0",
-    "react-app-polyfill": "^3.0.0",
-    "react-date-range": "^1.4.0",
-    "react-dev-utils": "^12.0.1",
-    "react": "18.2",
-    "react-dom": "18.2",
-    "react-hook-form": "^7.51.1",
-    "react-intl": "^6.8.9",
-    "react-refresh": "^0.11.0",
-    "react-router-dom": "^6.22.3",
-    "react-slick": "^0.30.2",
-    "resolve": "^1.20.0",
-    "resolve-url-loader": "^4.0.0",
-    "semver": "^7.3.5",
-    "slick-carousel": "^1.8.1",
-    "source-map-loader": "^3.0.0",
-    "style-loader": "^3.3.1",
-    "styled-components": "^5.3.11",
-    "tailwindcss": "^3.0.2",
-    "tailwindcss-animate": "^1.0.7",
-    "terser-webpack-plugin": "^5.2.5",
-    "typescript": "^4.9.5",
-    "web-vitals": "^2.1.4",
-    "webpack-dev-server": "^4.6.0",
-    "webpack-manifest-plugin": "^4.0.2",
-    "workbox-webpack-plugin": "^6.4.1"
-  },
-  "scripts": {
-    "start": "node scripts/start.js",
-    "types": "tsc --emitDeclarationOnly && tscpaths -p ./tsconfig.json -s ./src -o ./build",
-    "build": "npx tailwindcss -i ./src/index.scss -o ./src/css/tailwind2.css && node scripts/build.js && npm run types",
-    "build2": "node scripts/build.js && npm run types",
-    "test": "node node scripts/test.js",
-    "storybook": "storybook dev -p 6006",
-    "build-storybook": "storybook build",
-    "deploy-storybook": "gh-pages -d storybook-static -r https://github.com/nexr/neb-ui.git",
-    "lint": "eslint ./src/**/*.{ts,tsx}",
-    "lint:css": "stylelint --ignore-path .gitignore '**/*.scss'",
-    "prepare": "husky install",
-    "precommit": "lint-staged"
-  },
-  "lint-staged": {
-    "**/*.{ts,tsx}": [
-      "eslint --fix",
-      "prettier --write"
-    ],
-    "**/*.{scss,css}": [
-      "stylelint --fix",
-      "prettier --write"
-    ]
-  },
-  "eslintConfig": {
-    "extends": [
-      "react-app",
-      "react-app/jest",
-      "plugin:storybook/recommended"
-    ],
-    "rules": {
-      "react-hooks/exhaustive-deps": "off",
-      "jsx-a11y/anchor-is-valid": 0
-    }
-  },
-  "browserslist": {
-    "production": [
-      ">0.2%",
-      "not dead",
-      "not op_mini all"
-    ],
-    "development": [
-      "last 1 chrome version",
-      "last 1 firefox version",
-      "last 1 safari version"
-    ]
-  },
-  "devDependencies": {
-    "@babel/plugin-proposal-private-property-in-object": "^7.21.11",
-    "@chromatic-com/storybook": "^3.2.2",
-    "@storybook/addon-actions": "^8.4.7",
-    "@storybook/addon-essentials": "^8.4.7",
-    "@storybook/addon-interactions": "^8.4.7",
-    "@storybook/addon-knobs": "^8.0.1",
-    "@storybook/addon-links": "^8.4.7",
-    "@storybook/addon-onboarding": "^8.4.7",
-    "@storybook/addon-webpack5-compiler-swc": "^1.0.5",
-    "@storybook/blocks": "^8.4.7",
-    "@storybook/preset-create-react-app": "^8.4.7",
-    "@storybook/react": "^8.4.7",
-    "@storybook/react-webpack5": "^8.4.7",
-    "@storybook/test": "^8.4.7",
-    "@types/jest": "^29.5.14",
-    "@types/lodash": "^4.17.0",
-    "@types/ramda": "^0.29.11",
-    "@types/react-slick": "^0.23.13",
-    "@types/slick-carousel": "^1.6.40",
-    "@types/styled-components": "^5.1.34",
-    "clean-webpack-plugin": "^4.0.0",
-    "eslint-plugin-storybook": "^0.11.1",
-    "@typescript-eslint/eslint-plugin": "^5.47.1",
-    "@typescript-eslint/parser": "^5.47.1",
-    "eslint": "^8.3.0",
-    "eslint-config-react-app": "^7.0.1",
-    "eslint-webpack-plugin": "^3.1.1",
-    "eslint-config-airbnb": "^19.0.4",
-    "eslint-config-airbnb-typescript": "^17.0.0",
-    "eslint-config-prettier": "^8.5.0",
-    "eslint-plugin-import": "^2.26.0",
-    "eslint-plugin-jsx-a11y": "^6.6.1",
-    "eslint-plugin-prettier": "^4.2.1",
-    "eslint-plugin-react": "^7.31.11",
-    "eslint-plugin-react-hooks": "^4.6.0",
-    "prop-types": "^15.8.1",
-    "sass": "^1.72.0",
-    "sass-loader": "^16.0.3",
-    "storybook": "^8.4.7",
-    "ts-loader": "^9.5.1",
-    "tscpaths": "^0.0.9",
-    "url-loader": "^4.1.1",
-    "webpack": "^5.94.0",
-    "husky": "^8.0.0",
-    "lint-staged": "^13.1.0",
-    "prettier": "^2.8.1",
-    "stylelint": "^14.16.0",
-    "stylelint-config-prettier-scss": "^0.0.1",
-    "stylelint-config-standard-scss": "^6.1.0"
-  },
-  "resolutions": {
-    "types-ramda": "0.29.4",
-    "@formatjs/fast-memoize": "2.2.2"
-  },
-  "overrides": {
-    "types-ramda": "0.29.4",
-    "@formatjs/fast-memoize": "2.2.2"
-  },
-  "jest": {
-    "roots": [
-      "<rootDir>/src"
-    ],
-    "collectCoverageFrom": [
-      "src/**/*.{js,jsx,ts,tsx}",
-      "!src/**/*.d.ts"
-    ],
-    "setupFiles": [
-      "react-app-polyfill/jsdom"
-    ],
-    "setupFilesAfterEnv": [
-      "<rootDir>/src/setupTests.ts"
-    ],
-    "testMatch": [
-      "<rootDir>/src/**/__tests__/**/*.{js,jsx,ts,tsx}",
-      "<rootDir>/src/**/*.{spec,test}.{js,jsx,ts,tsx}"
-    ],
-    "testEnvironment": "jsdom",
-    "transform": {
-      "^.+\\.(js|jsx|mjs|cjs|ts|tsx)$": "<rootDir>/config/jest/babelTransform.js",
-      "^.+\\.css$": "<rootDir>/config/jest/cssTransform.js",
-      "^(?!.*\\.(js|jsx|mjs|cjs|ts|tsx|css|json)$)": "<rootDir>/config/jest/fileTransform.js"
-    },
-    "transformIgnorePatterns": [
-      "[/\\\\]node_modules[/\\\\].+\\.(js|jsx|mjs|cjs|ts|tsx)$",
-      "^.+\\.module\\.(css|sass|scss)$"
-    ],
-    "modulePaths": [],
-    "moduleNameMapper": {
-      "^react-native$": "react-native-web",
-      "^.+\\.module\\.(css|sass|scss)$": "identity-obj-proxy",
-      "^src/(.*)$": "<rootDir>/src/$1"
-    },
-    "moduleFileExtensions": [
-      "web.js",
-      "js",
-      "web.ts",
-      "ts",
-      "web.tsx",
-      "tsx",
-      "json",
-      "web.jsx",
-      "jsx",
-      "node"
-    ],
-    "watchPlugins": [
-      "jest-watch-typeahead/filename",
-      "jest-watch-typeahead/testname"
-    ],
-    "resetMocks": true
-  },
-  "babel": {
-    "presets": [
-      "react-app"
-    ]
-  }
-}
+{
+  "name": "gov-ui-core",
+  "version": "1.0.0",
+  "main": "./build/index.js",
+  "module": "./build/index.js",
+  "types": "./build/modules.d.ts",
+  "repository": "https://github.com/liamyoon/gov-ui-core",
+  "dependencies": {
+    "@babel/core": "^7.16.0",
+    "@craco/craco": "^7.1.0",
+    "@mdi/font": "^5.9.55",
+    "@mdi/js": "^5.9.55",
+    "@mdi/react": "^1.6.1",
+    "@monaco-editor/react": "^4.7.0",
+    "@pmmmwh/react-refresh-webpack-plugin": "^0.5.3",
+    "@svgr/webpack": "^5.5.0",
+    "@testing-library/jest-dom": "^5.17.0",
+    "@testing-library/react": "^13.4.0",
+    "@testing-library/user-event": "^13.5.0",
+    "@types/node": "^16.18.90",
+    "@types/react": "^18.2.67",
+    "@types/react-date-range": "^1.4.9",
+    "@types/react-dom": "^18.2.22",
+    "antd": "^4.24.16",
+    "babel-jest": "^27.4.2",
+    "babel-loader": "^8.2.3",
+    "babel-plugin-named-asset-import": "^0.3.8",
+    "babel-preset-react-app": "^10.0.1",
+    "bfj": "^7.0.2",
+    "browserslist": "^4.18.1",
+    "camelcase": "^6.2.1",
+    "case-sensitive-paths-webpack-plugin": "^2.4.0",
+    "classnames": "^2.5.1",
+    "css-loader": "^6.5.1",
+    "css-minimizer-webpack-plugin": "^3.2.0",
+    "date-fns": "^2.30.0",
+    "dotenv": "^10.0.0",
+    "dotenv-expand": "^5.1.0",
+    "dynamic-antd-theme": "^0.8.7",
+    "file-loader": "^6.2.0",
+    "fs-extra": "^10.0.0",
+    "html-webpack-plugin": "^5.5.0",
+    "identity-obj-proxy": "^3.0.0",
+    "jest": "^27.4.3",
+    "jest-resolve": "^27.4.2",
+    "jest-watch-typeahead": "^1.0.0",
+    "lodash": "^4.17.21",
+    "mini-css-extract-plugin": "^2.4.5",
+    "moment": "^2.30.1",
+    "postcss": "^8.4.4",
+    "postcss-flexbugs-fixes": "^5.0.2",
+    "postcss-loader": "^6.2.1",
+    "postcss-normalize": "^10.0.1",
+    "postcss-preset-env": "^7.0.1",
+    "prompts": "^2.4.2",
+    "query-string": "^9.0.0",
+    "ramda": "^0.29.1",
+    "rc-motion": "^2.9.0",
+    "react": "18.2",
+    "react-app-polyfill": "^3.0.0",
+    "react-date-range": "^1.4.0",
+    "react-dev-utils": "^12.0.1",
+    "react-dom": "18.2",
+    "react-hook-form": "^7.51.1",
+    "react-intl": "^6.8.9",
+    "react-refresh": "^0.11.0",
+    "react-router-dom": "^6.22.3",
+    "react-slick": "^0.30.2",
+    "react-spring": "^9.7.5",
+    "react-toastify": "^11.0.3",
+    "react-use-gesture": "^9.1.3",
+    "resolve": "^1.20.0",
+    "resolve-url-loader": "^4.0.0",
+    "semver": "^7.3.5",
+    "slick-carousel": "^1.8.1",
+    "source-map-loader": "^3.0.0",
+    "style-loader": "^3.3.1",
+    "styled-components": "^5.3.11",
+    "tailwindcss": "^3.0.2",
+    "tailwindcss-animate": "^1.0.7",
+    "terser-webpack-plugin": "^5.2.5",
+    "typescript": "^4.9.5",
+    "web-vitals": "^2.1.4",
+    "webpack-dev-server": "^4.6.0",
+    "webpack-manifest-plugin": "^4.0.2",
+    "workbox-webpack-plugin": "^6.4.1"
+  },
+  "scripts": {
+    "start": "node scripts/start.js --PORT 3004",
+    "types": "tsc --emitDeclarationOnly && tscpaths -p ./tsconfig.json -s ./src -o ./build",
+    "build": "node scripts/build.js && npm run types",
+    "test": "node node scripts/test.js",
+    "storybook": "storybook dev -p 6006",
+    "build-storybook": "storybook build",
+    "deploy-storybook": "gh-pages -d storybook-static -r https://gzithub.com/nexr/neb-ui.git",
+    "lint": "eslint ./src/**/*.{ts,tsx}",
+    "lint:css": "stylelint --ignore-path .gitignore '**/*.scss'",
+    "prepare": "husky install",
+    "precommit": "lint-staged"
+  },
+  "lint-staged": {
+    "**/*.{ts,tsx}": [
+      "eslint --fix",
+      "prettier --write"
+    ],
+    "**/*.{scss,css}": [
+      "stylelint --fix",
+      "prettier --write"
+    ]
+  },
+  "eslintConfig": {
+    "extends": [
+      "react-app",
+      "react-app/jest",
+      "plugin:storybook/recommended"
+    ],
+    "rules": {
+      "react-hooks/exhaustive-deps": "off",
+      "jsx-a11y/anchor-is-valid": 0
+    }
+  },
+  "browserslist": {
+    "production": [
+      ">0.2%",
+      "not dead",
+      "not op_mini all"
+    ],
+    "development": [
+      "last 1 chrome version",
+      "last 1 firefox version",
+      "last 1 safari version"
+    ]
+  },
+  "devDependencies": {
+    "@babel/plugin-proposal-private-property-in-object": "^7.21.11",
+    "@chromatic-com/storybook": "^3.2.2",
+    "@storybook/addon-actions": "^8.4.7",
+    "@storybook/addon-essentials": "^8.4.7",
+    "@storybook/addon-interactions": "^8.4.7",
+    "@storybook/addon-knobs": "^8.0.1",
+    "@storybook/addon-links": "^8.4.7",
+    "@storybook/addon-onboarding": "^8.4.7",
+    "@storybook/addon-webpack5-compiler-swc": "^1.0.5",
+    "@storybook/blocks": "^8.4.7",
+    "@storybook/preset-create-react-app": "^8.4.7",
+    "@storybook/react": "^8.4.7",
+    "@storybook/react-webpack5": "^8.4.7",
+    "@storybook/test": "^8.4.7",
+    "@types/jest": "^29.5.14",
+    "@types/lodash": "^4.17.0",
+    "@types/ramda": "^0.29.11",
+    "@types/react-slick": "^0.23.13",
+    "@types/slick-carousel": "^1.6.40",
+    "@types/styled-components": "^5.1.34",
+    "@typescript-eslint/eslint-plugin": "^5.47.1",
+    "@typescript-eslint/parser": "^5.47.1",
+    "clean-webpack-plugin": "^4.0.0",
+    "eslint": "^8.3.0",
+    "eslint-config-airbnb": "^19.0.4",
+    "eslint-config-airbnb-typescript": "^17.0.0",
+    "eslint-config-prettier": "^8.5.0",
+    "eslint-config-react-app": "^7.0.1",
+    "eslint-plugin-import": "^2.26.0",
+    "eslint-plugin-jsx-a11y": "^6.6.1",
+    "eslint-plugin-prettier": "^4.2.1",
+    "eslint-plugin-react": "^7.31.11",
+    "eslint-plugin-react-hooks": "^4.6.0",
+    "eslint-plugin-storybook": "^0.11.1",
+    "eslint-webpack-plugin": "^3.1.1",
+    "husky": "^8.0.0",
+    "lint-staged": "^13.1.0",
+    "prettier": "^2.8.1",
+    "prop-types": "^15.8.1",
+    "sass": "^1.72.0",
+    "sass-loader": "^16.0.3",
+    "storybook": "^8.4.7",
+    "stylelint": "^14.16.0",
+    "stylelint-config-prettier-scss": "^0.0.1",
+    "stylelint-config-standard-scss": "^6.1.0",
+    "ts-loader": "^9.5.1",
+    "tscpaths": "^0.0.9",
+    "url-loader": "^4.1.1",
+    "webpack": "^5.94.0"
+  },
+  "resolutions": {
+    "types-ramda": "0.29.4",
+    "@formatjs/fast-memoize": "2.2.2"
+  },
+  "overrides": {
+    "types-ramda": "0.29.4",
+    "@formatjs/fast-memoize": "2.2.2"
+  },
+  "jest": {
+    "roots": [
+      "<rootDir>/src"
+    ],
+    "collectCoverageFrom": [
+      "src/**/*.{js,jsx,ts,tsx}",
+      "!src/**/*.d.ts"
+    ],
+    "setupFiles": [
+      "react-app-polyfill/jsdom"
+    ],
+    "setupFilesAfterEnv": [
+      "<rootDir>/src/setupTests.ts"
+    ],
+    "testMatch": [
+      "<rootDir>/src/**/__tests__/**/*.{js,jsx,ts,tsx}",
+      "<rootDir>/src/**/*.{spec,test}.{js,jsx,ts,tsx}"
+    ],
+    "testEnvironment": "jsdom",
+    "transform": {
+      "^.+\\.(js|jsx|mjs|cjs|ts|tsx)$": "<rootDir>/config/jest/babelTransform.js",
+      "^.+\\.css$": "<rootDir>/config/jest/cssTransform.js",
+      "^(?!.*\\.(js|jsx|mjs|cjs|ts|tsx|css|json)$)": "<rootDir>/config/jest/fileTransform.js"
+    },
+    "transformIgnorePatterns": [
+      "[/\\\\]node_modules[/\\\\].+\\.(js|jsx|mjs|cjs|ts|tsx)$",
+      "^.+\\.module\\.(css|sass|scss)$"
+    ],
+    "modulePaths": [],
+    "moduleNameMapper": {
+      "^react-native$": "react-native-web",
+      "^.+\\.module\\.(css|sass|scss)$": "identity-obj-proxy",
+      "^src/(.*)$": "<rootDir>/src/$1"
+    },
+    "moduleFileExtensions": [
+      "web.js",
+      "js",
+      "web.ts",
+      "ts",
+      "web.tsx",
+      "tsx",
+      "json",
+      "web.jsx",
+      "jsx",
+      "node"
+    ],
+    "watchPlugins": [
+      "jest-watch-typeahead/filename",
+      "jest-watch-typeahead/testname"
+    ],
+    "resetMocks": true
+  },
+  "babel": {
+    "presets": [
+      "react-app"
+    ]
+  }
+}

package/postcss.config.js

@@ -1,8 +1,8 @@
-module.exports = {
-    plugins: {
-        tailwindcss: {
-            config: './tailwind.config.js',
-        },
-        autoprefixer: {},
-    },
-}
+module.exports = {
+    plugins: {
+        tailwindcss: {
+            config: './tailwind.config.js',
+        },
+        autoprefixer: {},
+    },
+}

package/public/index.html

@@ -1,43 +1,43 @@
-<!DOCTYPE html>
-<html lang="en">
-  <head>
-    <meta charset="utf-8" />
-    <link rel="icon" href="%PUBLIC_URL%/favicon.ico" />
-    <meta name="viewport" content="width=device-width, initial-scale=1" />
-    <meta name="theme-color" content="#000000" />
-    <meta
-      name="description"
-      content="Web site created using create-react-app"
-    />
-    <link rel="apple-touch-icon" href="%PUBLIC_URL%/logo192.png" />
-    <!--
-      manifest.json provides metadata used when your web app is installed on a
-      user's mobile device or desktop. See https://developers.google.com/web/fundamentals/web-app-manifest/
-    -->
-    <link rel="manifest" href="%PUBLIC_URL%/manifest.json" />
-    <!--
-      Notice the use of %PUBLIC_URL% in the tags above.
-      It will be replaced with the URL of the `public` folder during the build.
-      Only files inside the `public` folder can be referenced from the HTML.
-
-      Unlike "/favicon.ico" or "favicon.ico", "%PUBLIC_URL%/favicon.ico" will
-      work correctly both with client-side routing and a non-root public URL.
-      Learn how to configure a non-root public URL by running `npm run build`.
-    -->
-    <title>React App</title>
-  </head>
-  <body>
-    <noscript>You need to enable JavaScript to run this app.</noscript>
-    <div id="root"></div>
-    <!--
-      This HTML file is a template.
-      If you open it directly in the browser, you will see an empty page.
-
-      You can add webfonts, meta tags, or analytics to this file.
-      The build step will place the bundled scripts into the <body> tag.
-
-      To begin the development, run `npm start` or `yarn start`.
-      To create a production bundle, use `npm run build` or `yarn build`.
-    -->
-  </body>
-</html>
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8" />
+    <link rel="icon" href="%PUBLIC_URL%/favicon.ico" />
+    <meta name="viewport" content="width=device-width, initial-scale=1" />
+    <meta name="theme-color" content="#000000" />
+    <meta
+      name="description"
+      content="Web site created using create-react-app"
+    />
+    <link rel="apple-touch-icon" href="%PUBLIC_URL%/logo192.png" />
+    <!--
+      manifest.json provides metadata used when your web app is installed on a
+      user's mobile device or desktop. See https://developers.google.com/web/fundamentals/web-app-manifest/
+    -->
+    <link rel="manifest" href="%PUBLIC_URL%/manifest.json" />
+    <!--
+      Notice the use of %PUBLIC_URL% in the tags above.
+      It will be replaced with the URL of the `public` folder during the build.
+      Only files inside the `public` folder can be referenced from the HTML.
+
+      Unlike "/favicon.ico" or "favicon.ico", "%PUBLIC_URL%/favicon.ico" will
+      work correctly both with client-side routing and a non-root public URL.
+      Learn how to configure a non-root public URL by running `npm run build`.
+    -->
+    <title>React App</title>
+  </head>
+  <body>
+    <noscript>You need to enable JavaScript to run this app.</noscript>
+    <div id="root"></div>
+    <!--
+      This HTML file is a template.
+      If you open it directly in the browser, you will see an empty page.
+
+      You can add webfonts, meta tags, or analytics to this file.
+      The build step will place the bundled scripts into the <body> tag.
+
+      To begin the development, run `npm start` or `yarn start`.
+      To create a production bundle, use `npm run build` or `yarn build`.
+    -->
+  </body>
+</html>