@trussworks/react-uswds - npm Package Compare versions

Comparing version 1.6.0 to 1.6.1

CHANGELOG.md

@@ -5,2 +5,15 @@ # Changelog
 
+### [1.6.1](https://github.com/trussworks/react-uswds/compare/1.6.0...1.6.1) (2020-07-13)
+
+
+### Bug Fixes
+
+* **standard-version:** use -t flag correctly, autocommit changelog and release bump ([#310](https://github.com/trussworks/react-uswds/issues/310)) ([a96591e](https://github.com/trussworks/react-uswds/commit/a96591e71a7ac226b7d397c3714fed25d78c1ab9))
+* Use JSX.ImplicitElements to derive valid property names ([#267](https://github.com/trussworks/react-uswds/issues/267)) ([2eba792](https://github.com/trussworks/react-uswds/commit/2eba7922ea2c6a4f4a710f989da41e7b847d4398))
+
+
+### Documentation & Examples
+
+* Update releasing instructions with current flow ([#297](https://github.com/trussworks/react-uswds/issues/297)) ([87515bc](https://github.com/trussworks/react-uswds/commit/87515bc8577af1630833d0e374c29d08a34cae54))
+
 ## 1.6.0 (2020-06-29)
@@ -7,0 +20,0 @@

lib/components/Button/Button.d.ts

 import React from 'react';
 interface ButtonProps {
     type: 'button' | 'submit' | 'reset';
-    disabled?: boolean;
     children: React.ReactNode;
@@ -23,3 +22,3 @@ secondary?: boolean;
 }
-export declare const Button: (props: ButtonProps & React.HTMLAttributes<HTMLButtonElement>) => React.ReactElement;
+export declare const Button: (props: ButtonProps & JSX.IntrinsicElements['button']) => React.ReactElement;
 export default Button;

lib/components/card/Card/Card.d.ts

@@ -8,3 +8,3 @@ import React from 'react';
 }
-export declare const Card: (props: CardProps & React.HTMLAttributes<HTMLLIElement> & GridLayoutProp) => React.ReactElement;
+export declare const Card: (props: CardProps & JSX.IntrinsicElements['li'] & GridLayoutProp) => React.ReactElement;
 export default Card;

lib/components/card/CardBody/CardBody.d.ts

 import React from 'react';
 export declare const CardBody: (props: {
     exdent?: boolean | undefined;
-} & React.HTMLAttributes<HTMLDivElement>) => React.ReactElement;
+} & React.ClassAttributes<HTMLDivElement> & React.HTMLAttributes<HTMLDivElement>) => React.ReactElement;
 export default CardBody;

lib/components/card/CardFooter/CardFooter.d.ts

 import React from 'react';
 export declare const CardFooter: (props: {
     exdent?: boolean | undefined;
-} & React.HTMLAttributes<HTMLDivElement>) => React.ReactElement;
+} & React.ClassAttributes<HTMLDivElement> & React.HTMLAttributes<HTMLDivElement>) => React.ReactElement;
 export default CardFooter;

lib/components/card/CardGroup/CardGroup.d.ts

 import React from 'react';
-export declare const CardGroup: (props: React.HTMLAttributes<HTMLUListElement>) => React.ReactElement;
+export declare const CardGroup: (props: JSX.IntrinsicElements['ul']) => React.ReactElement;
 export default CardGroup;

lib/components/card/CardHeader/CardHeader.d.ts

 import React from 'react';
 export declare const CardHeader: (props: {
     exdent?: boolean | undefined;
-} & React.HTMLAttributes<HTMLElement>) => React.ReactElement;
+} & React.ClassAttributes<HTMLElement> & React.HTMLAttributes<HTMLElement>) => React.ReactElement;
 export default CardHeader;

lib/components/card/CardMedia/CardMedia.d.ts

@@ -8,3 +8,3 @@ import React from 'react';
 }
-export declare const CardMedia: (props: CardMediaProps & React.HTMLAttributes<HTMLDivElement>) => React.ReactElement;
+export declare const CardMedia: (props: CardMediaProps & JSX.IntrinsicElements['div']) => React.ReactElement;
 export default CardMedia;

lib/components/Footer/SocialLinks/SocialLinks.d.ts

@@ -5,3 +5,3 @@ import React from 'react';
 };
-export declare const SocialLinks: (props: SocialLinksProps & React.HTMLAttributes<HTMLElement>) => React.ReactElement;
+export declare const SocialLinks: (props: SocialLinksProps) => React.ReactElement;
 export {};

lib/components/forms/Checkbox/Checkbox.d.ts

@@ -9,3 +9,3 @@ import React from 'react';
 }
-export declare const Checkbox: (props: CheckboxProps & React.InputHTMLAttributes<HTMLInputElement>) => React.ReactElement;
+export declare const Checkbox: (props: CheckboxProps & JSX.IntrinsicElements['input']) => React.ReactElement;
 export default Checkbox;

lib/components/forms/DateInput/DateInput.d.ts

 import React from 'react';
+import { OptionalTextInputProps } from '../TextInput/TextInput';
 interface DateInputElementProps {
@@ -10,3 +11,3 @@ id: string;
 }
-export declare const DateInput: (props: DateInputElementProps & React.InputHTMLAttributes<HTMLInputElement>) => React.ReactElement;
+export declare const DateInput: (props: DateInputElementProps & OptionalTextInputProps) => React.ReactElement;
 export default DateInput;

lib/components/forms/DateInputGroup/DateInputGroup.d.ts

 import React from 'react';
-export declare const DateInputGroup: (props: React.HTMLAttributes<HTMLElement>) => React.ReactElement;
+export declare const DateInputGroup: (props: JSX.IntrinsicElements['div']) => React.ReactElement;
 export default DateInputGroup;

lib/components/forms/Dropdown/Dropdown.d.ts

@@ -9,3 +9,3 @@ import React from 'react';
 }
-export declare const Dropdown: (props: DropdownProps & React.SelectHTMLAttributes<HTMLSelectElement>) => React.ReactElement;
+export declare const Dropdown: (props: DropdownProps & JSX.IntrinsicElements['select']) => React.ReactElement;
 export default Dropdown;

lib/components/forms/Form/Form.d.ts

 import React from 'react';
-interface FormProps {
+interface RequiredFormProps {
     children: React.ReactNode;
     onSubmit: (event: React.FormEvent<HTMLFormElement>) => void;
+}
+interface CustomFormProps {
     className?: string;
@@ -9,3 +11,5 @@ large?: boolean;
 }
-export declare const Form: (props: FormProps & React.FormHTMLAttributes<HTMLFormElement>) => React.ReactElement;
+export declare type OptionalFormProps = CustomFormProps & JSX.IntrinsicElements['form'];
+declare type FormProps = RequiredFormProps & OptionalFormProps;
+export declare const Form: (props: FormProps) => React.ReactElement;
 export {};

lib/components/forms/Radio/Radio.d.ts

@@ -9,3 +9,3 @@ import React from 'react';
 }
-export declare const Radio: (props: RadioProps & React.InputHTMLAttributes<HTMLInputElement>) => React.ReactElement;
+export declare const Radio: (props: RadioProps & JSX.IntrinsicElements['input']) => React.ReactElement;
 export default Radio;

lib/components/forms/RangeInput/RangeInput.d.ts

@@ -7,3 +7,3 @@ import React from 'react';
 }
-export declare const RangeInput: (props: RangeInputProps & React.InputHTMLAttributes<HTMLInputElement>) => React.ReactElement;
+export declare const RangeInput: (props: RangeInputProps & JSX.IntrinsicElements['input']) => React.ReactElement;
 export default RangeInput;

lib/components/forms/Textarea/Textarea.d.ts

@@ -11,3 +11,3 @@ import React from 'react';
 }
-export declare const Textarea: (props: TextareaProps & React.TextareaHTMLAttributes<HTMLTextAreaElement>) => React.ReactElement;
+export declare const Textarea: (props: TextareaProps & JSX.IntrinsicElements['textarea']) => React.ReactElement;
 export default Textarea;

lib/components/forms/TextInput/TextInput.d.ts

 import React from 'react';
-interface TextInputProps {
+interface RequiredTextInputProps {
     id: string;
     name: string;
     type: 'text' | 'email' | 'number' | 'password' | 'search' | 'tel' | 'url';
+}
+interface CustomTextInputProps {
     className?: string;
@@ -27,3 +29,5 @@ validationStatus?: 'error' | 'success';
 }
-export declare const TextInput: (props: TextInputProps & React.InputHTMLAttributes<HTMLInputElement>) => React.ReactElement;
+export declare type OptionalTextInputProps = CustomTextInputProps & JSX.IntrinsicElements['input'];
+declare type TextInputProps = RequiredTextInputProps & OptionalTextInputProps;
+export declare const TextInput: (props: TextInputProps) => React.ReactElement;
 export default TextInput;

lib/components/GovBanner/GovBanner.d.ts

 import React from 'react';
-export declare const GovBanner: (props: React.HTMLAttributes<HTMLElement>) => React.ReactElement;
+export declare const GovBanner: (props: JSX.IntrinsicElements['section']) => React.ReactElement;
 export default GovBanner;

lib/components/header/ExtendedNav/ExtendedNav.d.ts

@@ -8,3 +8,3 @@ import React from 'react';
 };
-export declare const ExtendedNav: (props: ExtendedNavProps & React.HTMLAttributes<HTMLElement>) => React.ReactElement;
+export declare const ExtendedNav: (props: ExtendedNavProps & JSX.IntrinsicElements['nav']) => React.ReactElement;
 export default ExtendedNav;

lib/components/header/Header/Header.d.ts

@@ -8,3 +8,3 @@ import React from 'react';
 }
-export declare const Header: (props: HeaderProps & React.HtmlHTMLAttributes<HTMLElement>) => React.ReactElement;
+export declare const Header: (props: HeaderProps & JSX.IntrinsicElements['header']) => React.ReactElement;
 export {};

lib/components/header/MegaMenu/MegaMenu.d.ts

 import React from 'react';
+import { NavListProps } from '../NavList/NavList';
 declare type MegaMenuProps = {
@@ -6,3 +7,3 @@ items: React.ReactNode[][];
 };
-export declare const MegaMenu: (props: MegaMenuProps & React.HTMLAttributes<HTMLUListElement>) => React.ReactElement;
+export declare const MegaMenu: (props: MegaMenuProps & NavListProps) => React.ReactElement;
 export default MegaMenu;

lib/components/header/Menu/Menu.d.ts

 import React from 'react';
+import { NavListProps } from '../NavList/NavList';
 declare type MenuProps = {
@@ -6,3 +7,3 @@ items: React.ReactNode[];
 };
-export declare const Menu: (props: MenuProps & React.HTMLAttributes<HTMLUListElement>) => React.ReactElement;
+export declare const Menu: (props: MenuProps & NavListProps) => React.ReactElement;
 export default Menu;

lib/components/header/NavCloseButton/NavCloseButton.d.ts

 import React from 'react';
-export declare const NavCloseButton: (props: React.HTMLAttributes<HTMLButtonElement>) => React.ReactElement;
+export declare const NavCloseButton: (props: JSX.IntrinsicElements['button']) => React.ReactElement;

lib/components/header/NavList/NavList.d.ts

 import React from 'react';
-interface NavListProps {
+interface CustomNavListProps {
     items: React.ReactNode[];
@@ -26,3 +26,4 @@ type?: 'primary' | 'secondary' | 'subnav' | 'megamenu' | 'footerSecondary';
 }
-export declare const NavList: (props: NavListProps & React.HTMLAttributes<HTMLUListElement>) => React.ReactElement;
+export declare type NavListProps = CustomNavListProps & JSX.IntrinsicElements['ul'];
+export declare const NavList: (props: NavListProps) => React.ReactElement;
 export {};

lib/components/header/NavMenuButton/NavMenuButton.d.ts

@@ -5,3 +5,3 @@ import React from 'react';
 }
-export declare const NavMenuButton: (props: NavMenuButtonProps & React.HTMLAttributes<HTMLButtonElement>) => React.ReactElement;
+export declare const NavMenuButton: (props: NavMenuButtonProps & JSX.IntrinsicElements['button']) => React.ReactElement;
 export {};

lib/components/header/PrimaryNav/PrimaryNav.d.ts

@@ -7,3 +7,3 @@ import React from 'react';
 };
-export declare const PrimaryNav: (props: PrimaryNavProps & React.HTMLAttributes<HTMLElement>) => React.ReactElement;
+export declare const PrimaryNav: (props: PrimaryNavProps & JSX.IntrinsicElements['nav']) => React.ReactElement;
 export default PrimaryNav;

lib/components/header/Title/Title.d.ts

@@ -5,3 +5,3 @@ import React from 'react';
 }
-export declare const Title: (props: TitleProps & React.HTMLAttributes<HTMLDivElement>) => React.ReactElement;
+export declare const Title: (props: TitleProps & JSX.IntrinsicElements['div']) => React.ReactElement;
 export default Title;

lib/components/Search/Search.d.ts

 import React from 'react';
+import { OptionalFormProps } from '../forms/Form/Form';
 interface SearchInputProps {
@@ -18,3 +19,3 @@ onSubmit: (event: React.FormEvent<HTMLFormElement>) => void;
 }
-export declare const Search: (props: SearchInputProps & React.FormHTMLAttributes<HTMLFormElement>) => React.ReactElement;
+export declare const Search: (props: SearchInputProps & OptionalFormProps) => React.ReactElement;
 export default Search;

lib/components/Tag/Tag.d.ts

@@ -6,3 +6,3 @@ import React from 'react';
 }
-export declare const Tag: (props: TagProps & React.HTMLAttributes<HTMLSpanElement>) => React.ReactElement;
+export declare const Tag: (props: TagProps & JSX.IntrinsicElements['span']) => React.ReactElement;
 export default Tag;

package.json

 {
   "name": "@trussworks/react-uswds",
-  "version": "1.6.0",
+  "version": "1.6.1",
   "description": "React USWDS 2.0 component library",
@@ -32,3 +32,3 @@ "keywords": [
     "lint": "tsc --noEmit && eslint --ext js,jsx,ts,tsx src && stylelint \"src/**/*.{css,scss}\"",
-    "release": "standard-version -t",
+    "release": "standard-version -t ''",
     "prepublishOnly": "yarn build",
@@ -113,3 +113,3 @@ "happo": "happo",
     "sass": "^1.26.0",
-    "sass-loader": "^8.0.2",
+    "sass-loader": "^9.0.2",
     "sass-resources-loader": "^2.0.1",
@@ -158,4 +158,3 @@ "source-map-loader": "^1.0.0",
     "skip": {
-      "tag": true,
-      "commit": true
+      "tag": true
     },
@@ -162,0 +161,0 @@ "types": [

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

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

New author

Supply chain risk

A new npm collaborator published a version of the package for the first time. New collaborators are usually benign additions to a project, but do indicate a change to the security surface area of a package.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

2680498

increased by0.08%

Lines of code

2106

increased by0.57%

Number of medium supply chain risk alerts

15

decreased by-6.25%

No dependency changes