@tigerconnect/web-component-library - npm Package Compare versions

Comparing version 1.0.3 to 1.0.4

lib/types/components/Button/Button.d.ts

@@ -5,3 +5,3 @@ /// <reference types="react" />
 export interface ButtonProps {
-    color: Colors;
+    color?: Colors;
     outline?: boolean;
@@ -8,0 +8,0 @@ label: string;

lib/types/index.d.ts

 export * from './types';
 import Button from './components/Button';
-export { Button };
+import Modal from './components/Modal';
+export { Button, Modal };

lib/types/types.d.ts

@@ -9,1 +9,2 @@ export declare type Colors = 'primary' | 'secondary' | 'danger' | 'patient';
 }
+export declare type ModalSizes = 'large' | 'medium-large' | 'medium' | 'medium-small' | 'small-medium' | 'small';

package.json

 {
   "name": "@tigerconnect/web-component-library",
-  "version": "1.0.3",
+  "version": "1.0.4",
   "description": "a shared component library for tc projects",
-  "main": "lib/index.js",
+  "main": "lib/index.esm.js",
   "module": "lib/index.esm.js",
@@ -20,2 +20,4 @@ "types": "lib/types/index.d.ts",
     "@babel/preset-env": "^7.16.11",
+    "@babel/preset-react": "^7.16.7",
+    "@babel/preset-typescript": "^7.16.7",
     "@rollup/plugin-babel": "^5.3.1",
@@ -29,17 +31,51 @@ "@rollup/plugin-commonjs": "^21.0.2",
     "@storybook/addon-links": "^6.4.19",
+    "@storybook/addon-postcss": "^2.0.0",
+    "@storybook/builder-webpack5": "^6.4.19",
+    "@storybook/manager-webpack5": "^6.4.19",
     "@storybook/react": "^6.4.19",
     "@storybook/testing-library": "^0.0.9",
+    "@svgr/rollup": "^6.2.1",
+    "@svgr/webpack": "^6.2.1",
+    "@types/react-dom": "^16.9.8",
+    "@typescript-eslint/eslint-plugin": "^4.0.1",
+    "@typescript-eslint/parser": "^4.0.1",
     "babel-loader": "^8.2.3",
-    "classnames": "^2.2.6",
-    "postcss": "^8.4.6",
-    "react-activity": "^1.2.2",
+    "eslint": "^6.6.0",
+    "eslint-config-prettier": "^6.11.0",
+    "eslint-plugin-import": "^2.22.1",
+    "eslint-plugin-prettier": "^3.1.4",
+    "eslint-plugin-react": "^7.29.4",
+    "eslint-plugin-react-hooks": "^4.3.0",
+    "postcss-custom-properties": "^12.1.5",
+    "postcss-preset-env": "^7.4.2",
+    "prettier": "^2.6.0",
+    "react": "^16.14.0",
+    "react-dom": "^16.14.0",
     "rollup": "^2.68.0",
     "rollup-plugin-peer-deps-external": "^2.2.4",
     "rollup-plugin-styles": "^4.0.0",
+    "rollup-plugin-terser": "^7.0.2",
     "storybook-css-modules-preset": "^1.1.1",
-    "typescript": "^4.5.5"
+    "stylelint-config-prettier": "^9.0.3",
+    "stylelint-config-standard": "^25.0.0",
+    "typescript": "^4.5.5",
+    "webpack": "^5.70.0"
   },
+  "resolutions": {
+    "@storybook/react/webpack": "^5"
+  },
+  "dependencies": {
+    "@types/react-transition-group": "^4.4.4",
+    "classnames": "^2.2.6",
+    "framer-motion": "^6.2.8",
+    "react-activity": "^1.2.2",
+    "react-transition-group": "^4.4.2"
+  },
   "files": [
     "/lib"
   ],
+  "peerDependencies": {
+    "react": "^16.14.0",
+    "react-dom": "^16.14.0"
+  },
   "prettier": {
@@ -59,2 +95,16 @@ "arrowParens": "always",
   },
+  "browserslist": {
+    "production": [
+      ">0.2%",
+      "not dead",
+      "not op_mini all",
+      "ie >= 11"
+    ],
+    "development": [
+      "last 1 chrome version",
+      "last 1 firefox version",
+      "last 1 safari version",
+      "ie 11"
+    ]
+  },
   "repository": {
@@ -61,0 +111,0 @@ "type": "git",

README.MD

@@ -14,4 +14,7 @@ # Web Component Library
 1. In the project folder, run `npm install <location of web-component-library>`
-2. Update your webpack/craco config alias to use `react: path.resolve('./node_modules/react')` to
-   ensure that the library uses the project's React path, and not its own.
+2. Update your webpack/craco config alias to use
+   ```
+   react: path.resolve('./node_modules/react')
+   ```
+   to ensure that the library uses the project's React path, and not its own.
 
@@ -27,1 +30,15 @@ You'll want to leave the updated package's local route in package.json out of your commits, as this
    respectively.
+
+## VSCode Setup
+
+This project uses PostCSS, which will require a few things so that your CSS files will be understood
+and formatted auto-correctly:
+
+1. Install https://marketplace.visualstudio.com/items?itemName=csstools.postcss
+2. Include in your VSCode editor settings:
+
+   ```
+   "editor.codeActionsOnSave": {
+      "source.fixAll.stylelint": true
+   }
+   ```

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Major refactor

Supply chain risk

Package has recently undergone a major refactor. It may be unstable or indicate significant internal changes. Use caution when updating to versions that include significant changes.

Found 1 instance in 1 package

Long strings

Supply chain risk

Contains long string literals, which may be a sign of obfuscated or packed code.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Long strings

Supply chain risk

Contains long string literals, which may be a sign of obfuscated or packed code.

Found 1 instance in 1 package

Improved metrics

Number of package files

13

increased by8.33%

Number of lines in readme file

43

increased by65.38%

Number of low supply chain risk alerts

22

decreased by-21.43%

Worsened metrics

Total package byte prevSize

117126

decreased by-79.92%

Dependency count

7

increased byInfinity%

Dev dependency count

43

increased by104.76%

Lines of code

528

decreased by-88.34%

Number of medium supply chain risk alerts

1

increased byInfinity%

Dependency changes

• + Added@types/react-transition-group@^4.4.4

• + Addedclassnames@^2.2.6

• + Addedframer-motion@^6.2.8

• + Addedreact-activity@^1.2.2

• + Addedreact-transition-group@^4.4.2

• + Added@babel/runtime@7.25.9(transitive)

• + Added@emotion/is-prop-valid@0.8.8(transitive)

• + Added@emotion/memoize@0.7.4(transitive)

• + Added@motionone/animation@10.18.0(transitive)

• + Added@motionone/dom@10.12.0(transitive)

• + Added@motionone/easing@10.18.0(transitive)

• + Added@motionone/generators@10.18.0(transitive)

• + Added@motionone/types@10.17.1(transitive)

• + Added@motionone/utils@10.18.0(transitive)

• + Added@types/prop-types@15.7.13(transitive)

• + Added@types/react@18.3.12(transitive)

• + Added@types/react-transition-group@4.4.11(transitive)

• + Addedclassnames@2.5.1(transitive)

• + Addedcsstype@3.1.3(transitive)

• + Addeddom-helpers@5.2.1(transitive)

• + Addedframer-motion@6.5.1(transitive)

• + Addedframesync@6.0.1(transitive)

• + Addedhey-listen@1.0.8(transitive)

• + Addedjs-tokens@4.0.0(transitive)

• + Addedloose-envify@1.4.0(transitive)

• + Addedobject-assign@4.1.1(transitive)

• + Addedpopmotion@11.0.3(transitive)

• + Addedprop-types@15.8.1(transitive)

• + Addedreact@16.14.0(transitive)

• + Addedreact-activity@1.2.2(transitive)

• + Addedreact-dom@16.14.0(transitive)

• + Addedreact-is@16.13.1(transitive)

• + Addedreact-transition-group@4.4.5(transitive)

• + Addedregenerator-runtime@0.14.1(transitive)

• + Addedscheduler@0.19.1(transitive)

• + Addedstyle-value-types@5.0.0(transitive)

• + Addedtslib@2.8.0(transitive)