focus-components v2.2.2

Breaking changes:

• IS_VERTIGO now need to be defined, so only partial default values should be calculated, or full object

Fixes:

• #1512 : Default data should not be applied, if there is no store subscription
• #1508 : IS_VERTIGO has been added, so only partial default values should be calculated (based on props)
• #1488: SelectComponent now translates properly error

Focus-components 2.2.1

Fixes :

• #1500 Dropdown now render properly
• Removing style import in focus index, to avoid SASS variables issues
• Fixing validate in autocomplete-select-multiple

Focus-components 2.2.0

Breaking Changes:

• #1412 #1414 SelectCheckbox have a new behaviour for onChange (the old one can be obtained with legacyOnChange props to true)
• Store change mixin : function onChange has been renamed to onStoreChange
• i18next-client dependency should be removed
  • i18n now handle namespaces. If server error messages have a : then it is truncated to the part after :

Features :

• [NEW COMPONENT] Autocomplete select multiple : autocomplete with chip, for multiple selection
• [NEW COMPONENT] Autocomplete select reference : easy autocomplete based on reference list
• [NEW COMPONENT] RichTextEditor: fully customisable text editor
• [NEW COMPONENT] Lazy behaviour : Component can now easily be lazy-loading with this
• Re-writing all code in ES6
• Unit testing migrated in jest
• Advanced search : can now have several stores/advanced search properly separed
• Search Header : Change cartridge conf of advanced search dynamically
• Reference-behaviour : do not reload reference list if not needed
• Store-connector : now gives isLoading props + better event handling when not mounted
• Fixing .scss handling : focus now exposes one scss file (no more modification of MDL variables)
• Form and store-behaviour : Better handling and reset, new options added

Fixes :

• Fixes on autocomplete (keyResolver, better willReceiveProps handling, clean up, turn off navigator autocomplete, ...)
• Autocomplete : clearOnNullValue now really clears input after selection
• #1439 #1440 SelectRadio : problem with first render on firefox
• #1411 #1415 Store change mixin : event was triggering onChange, now triggering onStoreChange (rename)
• #1416 #1424 Dropdown button is now a type button and not submit
• #1399 #1400 Tooltip now can have additional classnames
• #1404 #1417 Wrong interaction between form and reference mixin
• #1394 Fixing issue with header position
• #1395 FacetBox : fixing missing initial assignement
• Fixing store connector/behaviour
• Store change mixin should only update the modified node
• Correcting missing or wrong React import on application/menu and common/panel
• remove unused export in validation-mixin
• fix behavior for store-behavior
• give a function to store-connector
• fix message center

Autocomplete mutiple

Available there

Take the same props as autocomplete select, only difference is that the value manipulates is an array of keys

Autocomplete reference

Available there

Take 4 props

• referenceName : list of the reference name
• keyName : name of the code/id fieldname in the reference list object
• labelName: name of the labelName fieldname in the reference list object
• multiple : if the selection is multiple or not.

• all of default props (value, onChange, isEdit, ...)
  The search is done while ignoring case and diacritics on label.
  Else, classic input use (give value and onChange, if the default ones from form are not good enough)

RichTextEditor

Available there

One special props :

• language : (can be either 'html' or 'markdown', default to markdown) markup to use in the value returned

• all of default props (value, onChange, isEdit, ...)
  Classic input use (give value and onChange, if the default ones from form are not good enough)

LazyBehaviour

Available there

This can be used to wrap a component, and make it lazy (will not be loaded/mounted until on screen).

Store-behaviour

Available there

• Default load action has been moved to willMount, instead of didMount
• Will now update only modified and listened nodes in store
• Will try to use default data if store is empty, or if definitionInNode is defined (will merge it then node is updated then)
• For better default data use, please fill this.definitionInNode in form, with the name of the node containing your form values
• Default data behaviour can be overriden using this.getDefaultStoreData. This method must return an objet with format like

{ 
   node1: { //default node1 data },
   node2: { //default node2 data}
}

Focus components 2.2.0-beta5

Since beta4 :

• Fixes on autocomplete (keyResolver, better willReceiveProps handling, clean up, turn off navigator autocomplete, ...)
• Reference-behaviour : do not reload reference list if not needed
• Store-connector : now gives isLoading props + better event handling when not mounted
• Autocomplete-select multiple : now propagating some more options
• Fixing .scss handling : focus now exposes one scss file (no more modification of MDL variables)
• Form and store-behaviour : Better handling and reset, new options added
• [NEW COMPONENT] Autocomplete reference : easy autocomplete based on reference list
• [NEW COMPONENT] RichTextEditor: fully customisable text editor
• Code style and small fixes

Autocomplete reference

Available there

Take 4 props

• referenceName : list of the reference name
• keyName : name of the code/id fieldname in the reference list object
• labelName: name of the labelName fieldname in the reference list object
• multiple : if the selection is multiple or not.

• all of default props (value, onChange, isEdit, ...)
  The search is done while ignoring case and diacritics on label.
  Else, classic input use (give value and onChange, if the default ones from form are not good enough)

RichTextEditor

Available there

One special props :

• language : (can be either 'html' or 'markdown', default to markdown) markup to use in the value returned

• all of default props (value, onChange, isEdit, ...)
  Classic input use (give value and onChange, if the default ones from form are not good enough)

Store-behaviour

Available there

• Default load action has been moved to willMount, instead of didMount
• Will now update only modified and listened nodes in store
• Will try to use default data if store is empty, or if definitionInNode is defined (will merge it then node is updated then)
• For better default data use, please fill this.definitionInNode in form, with the name of the node containing your form values
• Default data behaviour can be overriden using this.getDefaultStoreData. This method must return an objet with format like

{ 
   node1: { //default node1 data },
   node2: { //default node2 data}
}

Focus components 2.2.0-beta4

Since beta 3 :

• Fix infinite loop within snackbar message-center

Focus components 2.2.0-beta3

Since beta2:

• remove unused export in validation-mixin
• fix select-checkbox in legacy mode
• fix behavior for store-behavior
• give a function to store-connector
• fix message center

Focus components 2.2.0-beta2

Since beta1:

• [BUGFIX] : Correcting missing or wrong React import on application/menu and common/panel
• [REGRESSION] : Rolling back react-date-picker to 3.1.10 to avoid graphical regression

Focus components 2.2.0-beta1

Breaking Changes:

• #1412 #1414 SelectCheckbox have a new behaviour for onChange (the old one can be obtained with legacyOnChange props to true)
• Store change mixin : function onChange has been renamed to onStoreChange
• i18next-client dependency should be removed
  • i18n now handle namespaces. If server error messages have a : then it is truncated to the part after :

Features :

• Re-writing all code in ES6
• Unit testing migrated in jest
• New component : Autocomplete Select multiple (#1418, #1420)
• Advanced search : can now have several stores/advanced search properly separed
• Search Header : Change cartridge conf of advanced search dynamically
• Lazy behaviour : Component can now easily be lazy-loading with this

Fixes :

• [BUGFIX] Autocomplete : clearOnNullValue now really clears input after selection
• [BUGFIX] #1439 #1440 SelectRadio : problem with first render on firefox
• [BUGFIX] #1411 #1415 Store change mixin : event was triggering onChange, now triggering onStoreChange (rename)
• [BUGFIX] #1416 #1424 Dropdown button is now a type button and not submit
• [BUGFIX] #1399 #1400 Tooltip now can have additional classnames
• [BUGFIX] #1404 #1417 Wrong interaction between form and reference mixin
• [BUGFIX] #1394 Fixing issue with header position
• [BUGFIX] #1395 FacetBox : fixing missing initial assignement
• [BUGFIX] : Fixing store connector/behaviour
• [BUGFIX] : Store change mixin should only update the modified node

Focus Components 2.1.7 hotfix 1

This release aims at fixing the regression caused in 2.17 : Button used without onClick or handleOnClick should not crashed when clicked

Focus Components 2.1.7

This new version is an update to the previous version

install with npm i -S focus-components@2.1.7

CAUTION : The use of this version of focus-components forced you to upgrade your source-map-loader version to 0.2.0 (or higher). That said, we encourage you to do so.

CAUTION : The version of Material Design in your project should be updated to version 1.3.0

What's new ?

Thanks

@GtAntoine, @Hartorn, @EmilienSanterre and @JohnnP for your help and thank you everyone for your bugs' reports and issues in which we have discussed. It helped us to improve focus-components

Thanks to all the beta testers !

Fixes & Improvments

Fixes

• InputDate : Add CheckOnlyOnBlur property (false by default) PR #1362
• InputDate : Add triggerOnChangeIfEmpty property (false by default) #1357 PR #1368
• InputDate : Avoid calling on blur for every picker on document click #1325 PR #1368
• Scroll: Correction when domNode is null PR #1365
• Scrollspy: The component is safer, and handle panel without titla
• Material Design updated : Updated variables #1367
• Panel : No header section, if there are no title or actions #1370
• Select-radio : Now handling error rendering, with style #1372
• InputLabelComponent : InputLabelComponent was not properly taken in account from definition #1360
• AutoComplete Select : Adding onSelectClear cleanOnNullValue options #1384
• Store Behaviour : Adding useDefaultStoreData options in props, to use with a definition, or with a function getDefaultStoreData
• Form : fieldFor now have a default onChange and value, bindings field values into the state
• Form : buttonCancel is now using _buildResetState to restore old state. Can be customised with buildResetState
• Input Text : fixing the placeholder (was still shown if the value was set in state) #1381
• Inputs : Non-html valid attributes are no more propagated to the inputs

New component

The Tooltip

The tooltip component give information when we hover a component.