Focus Components 3.3.3

Updates Typescript definitions and react-transition-group (the previous version was deprecated)

Focus Components 3.3.2

• Adds up-to-date Typescript definition to most components
• Adds an "iconPosition" prop to Button to give the option to put the icon on the right on the button
  
• Cleans up some CSS around buttons and panels

Focus components 3.2.0

On this new version, we focus on stability and bug fixes.

use npm i -S [email protected] to install focus-components in its version 3.2.0

Thanks

Thank you everyone for your bugs' reports and issues in which we have discussed. It helped us improve focus-components

What's new ?

Fixes & Improvments

Fix

• Snackbar : The snackbar wasn't centered on the screen, it was due to some css behaviour. Thanks to the PR #61 it's now fixed and is in the middle on the page.

• AutoComplete : When there is one suggestion it's now selected onBlur. PR #86

• Select-mdl : PR: #85 You can indicate a defaultValue to the selectComponent and the selectFor.

• Modal :: PR: #84 There is no double scrool anaymore when you use the modal.

Improvements

• Input-Text|TextArea / Autocomplete-Text|Select : The PR #75 fixes the fact that when the recieved value is undefined on a textarea it return an empty quote. Fixes the fact when the value was equal to 0 it returned empty filed to. So we've added a check for that.
• Menu : The menu now knows where it is in the route. Can now give an homePath property and router.location (router.location is from React-Router, and given in the props by the router placed as a high order component to your app and layout). The menu icon will have a background to indicate that the path is on this part of the menu #58 #59
• Panel : It's now easier to custommize the panel button thanks to PR #46 . We have add data attribut data-focus='panel-save-action' & data-focus='panel-cancel-action' to easily access to the panel's buttons and customize them.
• Select/Select-MDL : The PR #51 add the capacibility to the select and select-mdl mdl to have a default value. They now have a new property called defaultValue which is an object. Your data on the value have to look like this : {code: 'MR', label: 'user.mister', isDefaultValue: true}. Is the isDefaultValue in the object will be seen in the SmartSelect from focus-graph and will be added.
  ⚠️ Warning : their should be only one defaultValue by select.
• Modal: add the possibility to specify confirmation on popin close
• Traduction: refactoring traduction définition to correct multiple focus library traduction imports

Reports from V2

Some bugs have been seen and fixed in focus-components in its version 2. It was important to report them on this version to have the best behaviours we can provide . Here is a list of them from the PR #67 :

• Button : Previously, not all the props where given to the button. So it shouldn't use all the functions it should basically have.
• Button Back To Top : The button in the component did got a type='submit' by default. It's now a type='button'.
• Grid : The className property wasn't given correctly
• Column : The className property wasn't given correctly

Focus components 3.0.0

Now Focus is splitted in sevral librairies

• focus-graph
• focus-components
• focus-application
• focus-search