WebBeds React Library

WebBeds react components, icons, theme and utils

npm install @webbeds/react

Changelog

v3.2.9

• Update MegaImageGallery to display in Lightbox footer the index of the image instead of order

v3.2.8

• Fix font size on SelectField component

v3.2.7

• Update image filters/split in ImagesGalleryWrapperTabs component

v3.2.6

• Added number of images in component ImagesGalleryWrapperTabs

v3.2.5

• Add images filters to MegaImageGallery component

v3.2.4

• Use JavaScript default parameters instead of defaultProps since it will be removed from function components

v3.2.3

• Updated tab labels in ImagesGalleryWrapperTabs component

v3.2.2

• Added components: TabPanel and ImagesGalleryWrapperTabs

v3.2.1

• Fix display of images in MegaImageGallery with order = 0

v3.2.0

• Fix console warning on image components

v3.1.9

• Added image components: MegaImageGallery and SkeletonBox

v3.1.8

• Update repository origin

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 [email protected]
    npm install [email protected]

    • update react-router-dom to v6.13.0

    npm install [email protected]

    • migrate to Material-UI v5 with the new styling solution

    npm install @mui/[email protected]
    npm install @mui/[email protected]
    npm install @mui/[email protected]
    npm install @emotion/[email protected]
    npm install @emotion/[email protected]

    • migrate to MUI-Pickers v6

    npm install @mui/[email protected]
    npm install [email protected]

  • 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 [email protected]
    npm install [email protected]

    • update react-router-dom to v6

    npm install [email protected]

    • 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={ <Component prop='value' /> } includes the props

v0.3.2

• fix import to prevent big vendors bundle

v0.3.1

• fix notification system and FormActions styles

v0.3.0

• added forms/ToggleButton
• added forms/AutocompleteField
• fixed styles
• improved documentation

v0.2.0

• added form components (using react-hook-form): InputTextField, SelectField, FormActions
• improved documentation

v0.1.0

• add new icons and fix existing ones
• fix PanelButton
• fix PageLoader
• add cookie utils

v0.0.5

• rename CardLink to PanelButton
• fis Header styles

v0.0.4

• fix SpinnerIcon
• add Header component

v0.0.3

• fix import from '@webbeds/react/lib...' >> '@webbeds/react/...'
• improved components doc

v0.0.2

• add PageLoader component

v0.0.1

• its alive!