@trussworks/react-uswds - npm Package Compare versions

Comparing version 1.13.2 to 1.14.0

CHANGELOG.md

@@ -5,2 +5,15 @@ # Changelog
 
+## [1.14.0](https://github.com/trussworks/react-uswds/compare/1.13.2...1.14.0) (2021-03-22)
+
+
+### Features
+
+* DateRangePicker Component ([#983](https://github.com/trussworks/react-uswds/issues/983)) ([69d34ed](https://github.com/trussworks/react-uswds/commit/69d34ed8f78ae22e29c270d877c081fe5335325c))
+* Tooltip component   ([#871](https://github.com/trussworks/react-uswds/issues/871)) ([92ea5f0](https://github.com/trussworks/react-uswds/commit/92ea5f07f7212370165423ec09ed35eec3aa7e58))
+
+
+### Documentation & Examples
+
+* Update documentation. Show component description and prop defaults in storybook ([#1008](https://github.com/trussworks/react-uswds/issues/1008)) ([a8d267f](https://github.com/trussworks/react-uswds/commit/a8d267f6f7db8c9d3dc1c8477fe1ee6b98f9b914))
+
 ### [1.13.2](https://github.com/trussworks/react-uswds/compare/1.13.1...1.13.2) (2021-03-11)
@@ -7,0 +20,0 @@

lib/components/Accordion/Accordion.d.ts

@@ -15,4 +15,4 @@ import React from 'react';
 }
-export declare const AccordionItem: (props: AccordionItem) => React.ReactElement;
-export declare const Accordion: (props: AccordionProps) => React.ReactElement;
+export declare const AccordionItem: ({ title, id, content, expanded, className, handleToggle }: AccordionItem) => React.ReactElement;
+export declare const Accordion: ({ bordered, items, className }: AccordionProps) => React.ReactElement;
 export default Accordion;

lib/components/breadcrumb/Breadcrumb/Breadcrumb.d.ts

@@ -7,2 +7,2 @@ import React from 'react';
 }
-export declare const Breadcrumb: (props: BreadcrumbProps & JSX.IntrinsicElements['li']) => React.ReactElement;
+export declare const Breadcrumb: ({ children, current, className, ...listItemProps }: BreadcrumbProps & JSX.IntrinsicElements['li']) => React.ReactElement;

lib/components/breadcrumb/BreadcrumbBar/BreadcrumbBar.d.ts

@@ -10,3 +10,3 @@ import React, { ReactElement } from 'react';
 }
-export declare const BreadcrumbBar: (props: BreadcrumbBarProps) => React.ReactElement;
+export declare const BreadcrumbBar: ({ variant, children, className, navProps, listProps, }: BreadcrumbBarProps) => React.ReactElement;
 export {};

lib/components/Button/Button.d.ts

@@ -25,3 +25,3 @@ import React from 'react';
 }
-export declare const Button: (props: ButtonProps & JSX.IntrinsicElements['button']) => React.ReactElement;
+export declare const Button: ({ type, children, secondary, base, accent, outline, inverse, size, big, small, icon, unstyled, onClick, className, ...defaultProps }: ButtonProps & JSX.IntrinsicElements['button']) => React.ReactElement;
 export default Button;

lib/components/ButtonGroup/ButtonGroup.d.ts

@@ -7,3 +7,3 @@ import React from 'react';
 } & JSX.IntrinsicElements['ul'];
-export declare const ButtonGroup: (props: ButtonGroupProps) => React.ReactElement;
+export declare const ButtonGroup: ({ className, children, type, ...restProps }: ButtonGroupProps) => React.ReactElement;
 export default ButtonGroup;

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

@@ -8,3 +8,3 @@ import React from 'react';
 }
-export declare const Card: (props: CardProps & JSX.IntrinsicElements['li'] & GridLayoutProp) => React.ReactElement;
+export declare const Card: ({ layout, headerFirst, children, className, gridLayout, containerProps, ...liProps }: 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: {
+export declare const CardBody: ({ exdent, children, className, ...bodyProps }: {
     exdent?: boolean | undefined;
 } & 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: {
+export declare const CardFooter: ({ exdent, children, className, ...footerProps }: {
     exdent?: boolean | undefined;
 } & 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: JSX.IntrinsicElements['ul']) => React.ReactElement;
+export declare const CardGroup: ({ children, className, ...ulProps }: JSX.IntrinsicElements['ul']) => React.ReactElement;
 export default CardGroup;

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

 import React from 'react';
-export declare const CardHeader: (props: {
+export declare const CardHeader: ({ exdent, children, className, ...headerProps }: {
     exdent?: boolean | undefined;
 } & 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 & JSX.IntrinsicElements['div']) => React.ReactElement;
+export declare const CardMedia: ({ exdent, inset, imageClass, children, className, ...mediaProps }: 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 & JSX.IntrinsicElements['div']) => React.ReactElement;
+export declare const SocialLinks: ({ className, links }: SocialLinksProps & JSX.IntrinsicElements['div']) => React.ReactElement;
 export {};

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

@@ -9,3 +9,3 @@ import React from 'react';
 }
-export declare const Checkbox: (props: CheckboxProps & JSX.IntrinsicElements['input']) => React.ReactElement;
+export declare const Checkbox: ({ id, name, className, label, inputRef, ...inputProps }: CheckboxProps & JSX.IntrinsicElements['input']) => React.ReactElement;
 export default Checkbox;

lib/components/forms/ComboBox/ComboBox.d.ts

@@ -24,3 +24,3 @@ import React from 'react';
 }
-export declare const ComboBox: (props: ComboBoxProps) => React.ReactElement;
+export declare const ComboBox: ({ id, name, className, options, defaultValue, disabled, onChange, assistiveHint, noResults, selectProps, inputProps, }: ComboBoxProps) => React.ReactElement;
 export default ComboBox;

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

@@ -11,3 +11,3 @@ import React from 'react';
 }
-export declare const DateInput: (props: DateInputElementProps & OptionalTextInputProps) => React.ReactElement;
+export declare const DateInput: ({ id, name, label, unit, maxLength, minLength, className, ...inputProps }: DateInputElementProps & OptionalTextInputProps) => React.ReactElement;
 export default DateInput;

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

 import React from 'react';
-export declare const DateInputGroup: (props: JSX.IntrinsicElements['div']) => React.ReactElement;
+export declare const DateInputGroup: ({ children, className, ...divAttributes }: JSX.IntrinsicElements['div']) => React.ReactElement;
 export default DateInputGroup;

lib/components/forms/DatePicker/DatePicker.d.ts

 import React from 'react';
-interface DatePickerProps {
+interface BaseDatePickerProps {
     id: string;
@@ -9,3 +9,3 @@ name: string;
     defaultValue?: string;
-    minDate: string;
+    minDate?: string;
     maxDate?: string;
@@ -16,2 +16,3 @@ rangeDate?: string;
 }
+export declare type DatePickerProps = BaseDatePickerProps & Omit<JSX.IntrinsicElements['input'], "onChange">;
 export declare enum FocusMode {
@@ -22,3 +23,3 @@ None = 0,
 export declare const DatePicker: {
-    (props: DatePickerProps & JSX.IntrinsicElements['input']): React.ReactElement;
+    ({ id, name, className, defaultValue, disabled, required, minDate, maxDate, rangeDate, onChange, onBlur, ...inputProps }: DatePickerProps): React.ReactElement;
     displayName: string;
@@ -25,0 +26,0 @@ defaultProps: {

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

@@ -9,3 +9,3 @@ import React from 'react';
 }
-export declare const Dropdown: (props: DropdownProps & JSX.IntrinsicElements['select']) => React.ReactElement;
+export declare const Dropdown: ({ id, name, className, inputRef, children, ...inputProps }: DropdownProps & JSX.IntrinsicElements['select']) => React.ReactElement;
 export default Dropdown;

lib/components/forms/ErrorMessage/ErrorMessage.d.ts

@@ -7,3 +7,3 @@ import React from 'react';
 }
-export declare const ErrorMessage: (props: ErrorMessageProps) => React.ReactElement;
+export declare const ErrorMessage: ({ children, className, id }: ErrorMessageProps) => React.ReactElement;
 export default ErrorMessage;

lib/components/forms/Fieldset/Fieldset.d.ts

@@ -8,3 +8,3 @@ import React from 'react';
 }
-export declare const Fieldset: (props: FieldsetProps) => React.ReactElement;
+export declare const Fieldset: ({ children, legend, className, legendSrOnly }: FieldsetProps) => React.ReactElement;
 export {};

lib/components/forms/FileInput/FileInput.d.ts

@@ -12,3 +12,3 @@ import React from 'react';
 }
-export declare const FileInput: (props: FileInputProps & JSX.IntrinsicElements['input']) => React.ReactElement;
+export declare const FileInput: ({ name, id, disabled, multiple, className, accept, onChange, onDrop, inputRef, ...inputProps }: FileInputProps & JSX.IntrinsicElements['input']) => React.ReactElement;
 export {};

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

@@ -13,3 +13,3 @@ import React from 'react';
 declare type FormProps = RequiredFormProps & OptionalFormProps;
-export declare const Form: (props: FormProps) => React.ReactElement;
+export declare const Form: ({ onSubmit, children, className, large, search, ...formProps }: FormProps) => React.ReactElement;
 export {};

lib/components/forms/FormGroup/FormGroup.d.ts

@@ -7,3 +7,3 @@ import React from 'react';
 }
-export declare const FormGroup: (props: FormGroupProps) => React.ReactElement;
+export declare const FormGroup: ({ children, className, error }: FormGroupProps) => React.ReactElement;
 export {};

lib/components/forms/Label/Label.d.ts

@@ -10,3 +10,3 @@ import React from 'react';
 }
-export declare const Label: (props: LabelProps & JSX.IntrinsicElements['label']) => React.ReactElement;
+export declare const Label: ({ children, htmlFor, className, error, hint, srOnly, ...labelProps }: LabelProps & JSX.IntrinsicElements['label']) => React.ReactElement;
 export default Label;

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

@@ -9,3 +9,3 @@ import React from 'react';
 }
-export declare const Radio: (props: RadioProps & JSX.IntrinsicElements['input']) => React.ReactElement;
+export declare const Radio: ({ id, name, className, label, inputRef, ...inputProps }: 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 & JSX.IntrinsicElements['input']) => React.ReactElement;
+export declare const RangeInput: ({ className, inputRef, ...inputProps }: RangeInputProps & JSX.IntrinsicElements['input']) => React.ReactElement;
 export default RangeInput;

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

@@ -12,3 +12,3 @@ import React from 'react';
 }
-export declare const Textarea: (props: TextareaProps & JSX.IntrinsicElements['textarea']) => React.ReactElement;
+export declare const Textarea: ({ id, name, className, error, success, children, inputRef, ...inputProps }: TextareaProps & JSX.IntrinsicElements['textarea']) => React.ReactElement;
 export default Textarea;

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

@@ -32,3 +32,3 @@ import React from 'react';
 export declare type TextInputProps = RequiredTextInputProps & OptionalTextInputProps;
-export declare const TextInput: (props: TextInputProps) => React.ReactElement;
+export declare const TextInput: ({ id, name, type, className, validationStatus, error, success, inputSize, small, medium, inputRef, ...inputProps }: TextInputProps) => React.ReactElement;
 export default TextInput;

lib/components/GovBanner/GovBanner.d.ts

@@ -8,3 +8,3 @@ import React from 'react';
 }
-export declare const GovBanner: (props: GovBannerProps & JSX.IntrinsicElements['section']) => React.ReactElement;
+export declare const GovBanner: ({ tld, language, className, ...sectionProps }: GovBannerProps & 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 & JSX.IntrinsicElements['nav']) => React.ReactElement;
+export declare const ExtendedNav: ({ primaryItems, secondaryItems, mobileExpanded, children, className, onToggleMobileNav, ...navProps }: 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 & JSX.IntrinsicElements['header']) => React.ReactElement;
+export declare const Header: ({ basic, extended, basicWithMegaMenu, children, className, ...headerProps }: HeaderProps & JSX.IntrinsicElements['header']) => React.ReactElement;
 export {};

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

@@ -7,3 +7,3 @@ import React from 'react';
 };
-export declare const MegaMenu: (props: MegaMenuProps & NavListProps) => React.ReactElement;
+export declare const MegaMenu: ({ items, isOpen, className, ...navListProps }: MegaMenuProps & NavListProps) => React.ReactElement;
 export default MegaMenu;

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

@@ -7,3 +7,3 @@ import React from 'react';
 };
-export declare const Menu: (props: MenuProps & NavListProps) => React.ReactElement;
+export declare const Menu: ({ className, items, isOpen, ...navListProps }: MenuProps & NavListProps) => React.ReactElement;
 export default Menu;

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

 import React from 'react';
-export declare const NavCloseButton: (props: JSX.IntrinsicElements['button']) => React.ReactElement;
+export declare const NavCloseButton: ({ onClick, className, ...buttonProps }: JSX.IntrinsicElements['button']) => React.ReactElement;

lib/components/header/NavDropDownButton/NavDropDownButton.d.ts

@@ -9,3 +9,3 @@ import React from 'react';
 };
-export declare const NavDropDownButton: (props: NavDropDownButtonProps & JSX.IntrinsicElements['button']) => React.ReactElement;
+export declare const NavDropDownButton: ({ label, menuId, isOpen, onToggle, isCurrent, className, ...buttonProps }: NavDropDownButtonProps & JSX.IntrinsicElements['button']) => React.ReactElement;
 export default NavDropDownButton;

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

@@ -27,3 +27,3 @@ import React from 'react';
 export declare type NavListProps = CustomNavListProps & JSX.IntrinsicElements['ul'];
-export declare const NavList: (props: NavListProps) => React.ReactElement;
+export declare const NavList: ({ items, type, primary, secondary, subnav, megamenu, footerSecondary, className, ...ulProps }: 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 & JSX.IntrinsicElements['button']) => React.ReactElement;
+export declare const NavMenuButton: ({ label, onClick, ...buttonProps }: 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 & JSX.IntrinsicElements['nav']) => React.ReactElement;
+export declare const PrimaryNav: ({ items, onToggleMobileNav, mobileExpanded, children, className, ...navProps }: 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 & JSX.IntrinsicElements['div']) => React.ReactElement;
+export declare const Title: ({ className, children, ...divProps }: TitleProps & JSX.IntrinsicElements['div']) => React.ReactElement;
 export default Title;

lib/components/Search/Search.d.ts

@@ -20,3 +20,3 @@ import React from 'react';
 }
-export declare const Search: (props: SearchInputProps & OptionalFormProps) => React.ReactElement;
+export declare const Search: ({ onSubmit, inputId, inputName, size, big, small, label, className, placeholder, ...formProps }: SearchInputProps & OptionalFormProps) => React.ReactElement;
 export default Search;

lib/components/Table/Table.d.ts

@@ -9,3 +9,3 @@ import React from 'react';
 }
-export declare const Table: (props: TableProps) => React.ReactElement;
+export declare const Table: ({ bordered, caption, children, fullWidth, fixed }: TableProps) => React.ReactElement;
 export default Table;

lib/components/Tag/Tag.d.ts

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

lib/index.d.ts

@@ -11,2 +11,3 @@ import './styles/index.scss';
 export { Tag } from './components/Tag/Tag';
+export { Tooltip } from './components/Tooltip/Tooltip';
 export { SideNav } from './components/SideNav/SideNav';
@@ -23,2 +24,3 @@ /** Grid components */
 export { DatePicker } from './components/forms/DatePicker/DatePicker';
+export { DateRangePicker } from './components/forms/DateRangePicker/DateRangePicker';
 export { Dropdown } from './components/forms/Dropdown/Dropdown';
@@ -25,0 +27,0 @@ export { ErrorMessage } from './components/forms/ErrorMessage/ErrorMessage';

lib/uswds.js

@@ -1,1 +0,1 @@
-!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t():"function"==typeof define&&define.amd?define([],t):"object"==typeof exports?exports.ReactUSWDS=t():e.ReactUSWDS=t()}(this,(function(){return function(e){var t={};function n(r){if(t[r])return t[r].exports;var o=t[r]={i:r,l:!1,exports:{}};return e[r].call(o.exports,o,o.exports,n),o.l=!0,o.exports}return n.m=e,n.c=t,n.d=function(e,t,r){n.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:r})},n.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},n.t=function(e,t){if(1&t&&(e=n(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var r=Object.create(null);if(n.r(r),Object.defineProperty(r,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var o in e)n.d(r,o,function(t){return e[t]}.bind(null,o));return r},n.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return n.d(t,"a",t),t},n.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},n.p="",n(n.s=81)}({81:function(e,t,n){"use strict";n(82)},82:function(e,t,n){"use strict";n.r(t)}})}));
+!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t():"function"==typeof define&&define.amd?define([],t):"object"==typeof exports?exports.ReactUSWDS=t():e.ReactUSWDS=t()}(this,(function(){return function(e){var t={};function n(r){if(t[r])return t[r].exports;var o=t[r]={i:r,l:!1,exports:{}};return e[r].call(o.exports,o,o.exports,n),o.l=!0,o.exports}return n.m=e,n.c=t,n.d=function(e,t,r){n.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:r})},n.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},n.t=function(e,t){if(1&t&&(e=n(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var r=Object.create(null);if(n.r(r),Object.defineProperty(r,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var o in e)n.d(r,o,function(t){return e[t]}.bind(null,o));return r},n.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return n.d(t,"a",t),t},n.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},n.p="",n(n.s=84)}({84:function(e,t,n){"use strict";n(85)},85:function(e,t,n){"use strict";n.r(t)}})}));

package.json

 {
   "name": "@trussworks/react-uswds",
-  "version": "1.13.2",
+  "version": "1.14.0",
   "description": "React USWDS 2.0 component library",
@@ -122,3 +122,3 @@ "keywords": [
     "stylelint-config-prettier": "^8.0.1",
-    "stylelint-config-recommended": "^3.0.0",
+    "stylelint-config-recommended": "^4.0.0",
     "stylelint-config-sass-guidelines": "^8.0.0",
@@ -125,0 +125,0 @@ "stylelint-prettier": "^1.1.1",

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

Improved metrics

Total package byte prevSize

2794296

increased by0.87%

Number of package files

139

increased by3.73%

Lines of code

2720

increased by3.9%

No dependency changes