@webbeds/react NPM

WebBeds React Library

WebBeds react components, icons, theme and utils

npm install @webbeds/react

Changelog

v3.1.7

Fix SearchBar component to display smaller stars

v3.1.6

Update SearchBar component to display star rating as star icon

v3.1.5

Update Style for Button to display in red when the error color is passed

v3.1.4

Pass the reloadDocument flag to PanelButton in order to force the reload when using an external link

v3.1.3

Pass the value to Autocomplete component in order to control the value using the state when has multiple prop

v3.1.2

Fix AutocompleteField component with multiple select to pass the entire option on change and pass renderTags prop

v3.1.1

Fix AutocompleteField component with multiple select to wrap on multiple lines and pass limitTags prop

v3.1.0

Fix AutocompleteField component with multiple select

v3.0.9

Update SearchBar component to set baseUrl

v3.0.8

Update Autocomplete component to return on change the entire option

v3.0.7

Update outdated packages
Changed spacing to support double factor used in GridToolbarContainer from MUI-X

v3.0.6

Fix color style for disabled select
Display entire input error message

v3.0.5

Removed success notifications from automatic dismiss and added hook to dismiss all notifications that should be used when the route changes in the application, like navigating between pages

v3.0.4

Fix some vulnerabilities

v3.0.3

Update outdated packages
Fix disabled style for SelectField component

v3.0.2

Update react hook form to v7
Update input components for disabled state

v3.0.1

Move test and build dependencies to dev dependencies

v3.0.0

BREAKING CHANGE
- This version comes with updates to all the dependencies
  - update react to latest version v18.2.0
```
npm install react@18.2.0
npm install react-dom@18.2.0
```
  - update react-router-dom to v6.13.0
```
npm install react-router-dom@6.13.0
```
  - migrate to Material-UI v5 with the new styling solution
```
npm install @mui/material@5.13.5
npm install @mui/styles@5.13.2
npm install @mui/icons-material@5.11.16
npm install @emotion/styled@11.11.0
npm install @emotion/react@11.11.11
```
  - migrate to MUI-Pickers v6
```
npm install @mui/x-date-pickers@6.7.0
npm install date-fns@2.30.0
```
- Date Range component was marked as deprecated since Material-UI already has a DateRangePicker component (https://mui.com/x/react-date-pickers/date-range-picker/)

v2.0.0

BREAKING CHANGE
- This version comes in preparation for the projects upgrade to React18
  - library was upgraded to use React 18.0.0
```
npm install react@18.0.0
npm install react-dom@18.0.0
```
  - update react-router-dom to v6
```
npm install react-router-dom@6.3.0
```
  - update testing library

v1.7.7

Fix search bar bug concerning total results

v1.7.6

Add another field to options

v1.7.5

Fix some bugs

v1.7.4

Fix the search when a user do a new one from the view of total entities

v1.7.3

Improve Searchbar so it does not retrieve all the information in the initial fetch

v1.7.2

Fix icon in SearchBar when type is invalid

v1.7.1

Add new type of icon in SearchBar

v1.7.0

Add new component: SearchBar

v1.6.0

Add filterOptions prop from MUI Autocomplete to AutocompleteField

v1.5.3

Set autocomplete tag off for Autocomplete and Input components

v1.5.2

Fix warning when an Element is passed as label for ToggleButton
Fix DataGrid default font-size

v1.5.1

Add Data-Grid styles to the theme
Various style improvements

v1.4.0

Add new Icon: SupplementsAndDiscountsIcon
Add id props to some components

v1.3.0

AutocompleteField lets you select the whole option object

v1.2.3

Added new Icons: PricingAdministrationIcon, CreateResortIcon, CreateDestinationIcon
Added info color to Badge component
Fixed some theme styles

v1.1.0

Added disabled prop to PanelButton
Configured MuiAlert theme and fixed NotificationSystem styles

v1.0.0

Refactor form components so they also support Formik (tested only using component)
added forwardRef on form components and now onChange prop will receive an event and not the value.
Breaking Change: If you used a state wrote onChange handlers, they now receive an event instead of the new value. Please adapt your onChange handlers to receive an event and get the new value from event.target.value. (if using react-hook-form or formik everything should work the same)

v0.10.1

Add SessionExpiredDialog component
Moved docs to Github Pages

v0.9.1

fix InputTextField defaultValue prop type

v0.9.0

Changes on DateRange:
- add minDate and maxDate props
- standarize form component props onAccept is now onChange, dateRange is now value
- added errors prop for validation messages

v0.8.6

fix icons
add disableCloseOnSelect to AutocompleteField
minor changes

v0.8.1

add DateRange component
forwardRef for Select & Autocomplete & Toggle in case you are using react-hook-form > 6.10
add maxLength prop to InputTextField
add renderOption and groupBy props to AutocompleteField

v0.6.0

added className prop to Badge, PageLoader, PanelButton, AutoCompleteField, InputTextField, SelectField, ToggleButton
added icons for Block Countries, Create Chain, Create Customer, Create Finance Partner, DOTW Icon, JacTravel Icon, Manage Property Icon, Sunhotels Icon
success notifications are dismissed after 10s
style fixes

v0.5.0

added DataTable component for simple data sets
added Badge component
fixed form components sizes

v0.3.8

add prop inputRows to InputTextField so it can be used as a textarea
add table theme styles

v0.3.6

fixed AutocompleteField bugs
add missing placeholder and placeholderIcon props to AutocompleteField
label prop is no longer required in form components
theme adjustments

v0.3.3

fix AutocompleteField returned value based on valuePropName prop
set onChange optional on form components to allow usage of form hooks Controller without warning when as={ \ } includes the props

v0.3.2