@truework/forms - npm Package Compare versions

Comparing version 1.8.0 to 1.9.0-beta1

dist/Checkbox.d.ts

@@ -12,4 +12,4 @@ import * as React from 'react';
 } & CheckboxProps & Pick<FieldConfig, 'validate'>;
-export declare const CheckboxGroup: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const CheckboxGroup: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare function Checkbox({ children, name, checked, disabled, ...props }: CheckboxProps): JSX.Element;
 export declare function CheckboxField({ name, validate, onChange, onBlur, ...rest }: CheckboxFieldProps): JSX.Element;

dist/DateInput.d.ts

@@ -0,0 +0,0 @@ import * as React from 'react';

dist/Dropdown.d.ts

@@ -0,0 +0,0 @@ import * as React from 'react';

dist/ErrorMessage.d.ts

@@ -1,4 +0,3 @@
-/// <reference types="react" />
 export declare function ErrorMessage({ name }: {
     name: string;
 }): JSX.Element;

dist/index.d.ts

@@ -0,0 +0,0 @@ export * from './Checkbox';

dist/Input.d.ts

@@ -0,0 +0,0 @@ import * as React from 'react';

dist/Label.d.ts

 import { SpaceProps, ColorProps, TypographyProps } from 'styled-system';
-export declare const Label: import("styled-components").StyledComponent<"label", import("styled-components").DefaultTheme, TypographyProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & ColorProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, string | number | symbol> & SpaceProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, string | number | symbol>, never>;
+export declare const Label: import("styled-components").StyledComponent<"label", any, TypographyProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & ColorProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, string | number | symbol> & SpaceProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, string | number | symbol>, never>;

dist/Radio.d.ts

@@ -0,0 +0,0 @@ import * as React from 'react';

dist/Select.d.ts

@@ -0,0 +0,0 @@ import * as React from 'react';

dist/SSNInput.d.ts

@@ -1,2 +0,1 @@
-/// <reference types="react" />
 import { FieldInputProps } from 'formik';
@@ -3,0 +2,0 @@ import { InputProps, InputFieldProps, InputFieldWithLabelProps } from './Input';

dist/SubGroup.d.ts

@@ -1,6 +0,3 @@
-export declare const SubGroup: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, import("styled-system").SpaceProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, string | number | symbol> & import("styled-system").LayoutProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & import("styled-system").ColorProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, string | number | symbol> & import("styled-system").BorderProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, any> & import("styled-system").PositionProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & import("styled-system").ShadowProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & import("styled-system").FlexboxProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & import("styled-system").TextAlignProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & import("styled-system").BackgroundProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, any> & {
-    transform?: string | undefined;
-    transitionProperty?: string | undefined;
-    transitionDuration?: string | undefined;
-    transitionTimingFunction?: string | undefined;
-} & import("styled-system").OverflowProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & import("styled-system").OpacityProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & import("styled-system").TypographyProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & import("styled-system").SpaceProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, string | number | symbol> & import("styled-system").SpaceProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, string | number | symbol> & import("styled-system").LayoutProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & import("styled-system").ColorProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, string | number | symbol> & import("styled-system").BorderProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, any> & import("styled-system").PositionProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & import("styled-system").ShadowProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & import("styled-system").FlexboxProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & import("styled-system").TextAlignProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & import("styled-system").BackgroundProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, any> & import("styled-system").OverflowProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & import("styled-system").OpacityProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & import("styled-system").TypographyProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>>, never>;
+import React from 'react';
+import { BoxProps } from '@truework/ui';
+export declare function SubGroup({ children, ...rest }: React.PropsWithChildren<BoxProps & React.HTMLAttributes<HTMLDivElement>>): JSX.Element;

dist/Textarea.d.ts

@@ -0,0 +0,0 @@ import * as React from 'react';

dist/Tile.d.ts

@@ -0,0 +0,0 @@ import * as React from 'react';

dist/Toggle.d.ts

@@ -0,0 +0,0 @@ import * as React from 'react';

dist/utils/date.d.ts

@@ -0,0 +0,0 @@ export declare const DATE_FORMAT = "yyyy-mm-dd";

package.json

 {
   "name": "@truework/forms",
-  "version": "1.8.0",
+  "version": "1.9.0-beta1",
   "description": "",
-  "main": "dist/index.js",
-  "module": "dist/index.esm.js",
-  "source": "src/index.ts",
+  "main": "dist/forms.cjs.js",
+  "module": "dist/forms.es.js",
   "types": "dist/index.d.ts",
+  "scripts": {
+    "watch": "vite",
+    "build": "vite build && pnpm typegen",
+    "typegen": "tsc --emitDeclarationOnly",
+    "typecheck": "tsc --noEmit"
+  },
   "jest": {
@@ -32,18 +37,19 @@ "verbose": true,
   "devDependencies": {
-    "@babel/core": "^7.4.0",
+    "@tsconfig/create-react-app": "^1.0.2",
     "@types/jest": "^24.0.11",
     "@types/lodash": "^4.14.149",
-    "@types/react-router-dom": "^5.1.3",
+    "@types/react": "16",
     "@types/styled-components": "^5.0.1",
     "@types/styled-system": "^5.1.1",
-    "babel-loader": "^8.2.2",
-    "babel-preset-react-app": "^10.0.0",
-    "core-js": "^3.0.0",
     "jest": "^24.5.0",
-    "microbundle": "^0.11.0",
     "react": "16",
-    "ts-jest": "^24.0.0"
+    "react-feather": "^2.0.9",
+    "styled-components": "^5.3.5",
+    "styled-system": "^5.1.5",
+    "ts-jest": "^24.0.0",
+    "typescript": "4.6.4",
+    "vite": "^2.9.9"
   },
   "dependencies": {
-    "@truework/ui": "^1.3.0",
+    "@truework/ui": "workspace:^1.4.0-beta3",
     "formik": "^2.1.5",
@@ -53,13 +59,11 @@ "lodash": "^4.17.15",
     "picomask": "^1.3.1",
-    "react": "16",
-    "react-feather": "^2.0.4",
-    "styled-components": "5",
-    "styled-system": "5",
+    "react-is": "16",
     "use-drop": "^0.5.1"
   },
-  "scripts": {
-    "watch": "microbundle watch --jsx react -f es,cjs",
-    "build": "microbundle --jsx react -f es,cjs"
-  },
-  "readme": "# @truework/forms ![npm](https://img.shields.io/npm/v/@truework/forms) [![](https://badgen.net/bundlephobia/minzip/@truework/forms)](https://bundlephobia.com/result?p=@truework/forms)\n\nTruework's React form toolkit. Built with\n[formik](https://github.com/jaredpalmer/formik) and\n[@truework/ui](https://github.com/truework/ui).\n\n```bash\nnpm i @truework/forms --save\n```\n\n### License\n\nMIT License © [Truework](https://truework.com)\n"
-}
+  "peerDependencies": {
+    "react": "16",
+    "react-feather": "^2.0.9",
+    "styled-components": "^5.3.5",
+    "styled-system": "^5.1.5"
+  }
+}

tsconfig.json

 {
+  "extends": "@tsconfig/create-react-app/tsconfig.json",
+  "include": ["src"],
   "compilerOptions": {
-    "noErrorTruncation": true,
-    "noImplicitAny": true,
-    "strictNullChecks": true,
-    "jsx": "react"
+    "noEmit": false,
+    "declaration": true,
+    "declarationDir": "dist",
+    "resolveJsonModule": true
   }
 }

New alerts

Minified code

Quality

This package contains minified code. This may be harmless in some cases where minified code is included in packaged libraries, however packages on npm should not minify code.

Found 1 instance in 1 package

No v1

Quality

Package is not semver >=1. This means it is not stable and does not support ^ ranges.

Found 1 instance in 1 package

Fixed alerts

Minified code

Quality

This package contains minified code. This may be harmless in some cases where minified code is included in packaged libraries, however packages on npm should not minify code.

Found 1 instance in 1 package

Improved metrics

Lines of code

5294

increased by66.01%

Worsened metrics

Total package byte prevSize

181283

decreased by-46.39%

Dependency count

11

increased by10%

Dev dependency count

14

increased by7.69%

Number of package files

37

decreased by-13.95%

Number of low quality alerts

2

increased by100%

Dependency changes

• + Addedreact-is@16

• + Added@babel/compat-data@7.24.9(transitive)

• + Added@babel/generator@7.24.10(transitive)

• + Added@babel/helper-environment-visitor@7.24.7(transitive)

• + Added@babel/helper-function-name@7.24.7(transitive)

• + Added@babel/helper-hoist-variables@7.24.7(transitive)

• + Added@babel/helper-module-transforms@7.24.9(transitive)

• + Added@babel/helper-split-export-declaration@7.24.7(transitive)

• + Added@babel/helpers@7.24.8(transitive)

• + Added@babel/parser@7.24.8(transitive)

• + Added@babel/template@7.24.7(transitive)

• + Added@babel/traverse@7.24.8(transitive)

• + Added@babel/types@7.24.9(transitive)

• + Addedelectron-to-chromium@1.5.1(transitive)

• - Removedreact@16

• - Removedreact-feather@^2.0.4

• - Removedstyled-components@5

• - Removedstyled-system@5

• - Removed@babel/compat-data@7.25.0(transitive)

• - Removed@babel/generator@7.25.0(transitive)

• - Removed@babel/helper-module-transforms@7.25.0(transitive)

• - Removed@babel/helpers@7.25.0(transitive)

• - Removed@babel/parser@7.25.0(transitive)

• - Removed@babel/runtime@7.25.0(transitive)

• - Removed@babel/template@7.25.0(transitive)

• - Removed@babel/traverse@7.25.0(transitive)

• - Removed@babel/types@7.25.0(transitive)

• - Removed@truework/ui@1.5.0(transitive)

• - Removedelectron-to-chromium@1.5.2(transitive)

• - Removedpolished@3.7.2(transitive)

• - Removedregenerator-runtime@0.14.1(transitive)

• Updated@truework/ui@workspace:^1.4.0-beta3