All notable changes are documented in this file.
Types of changes:
- Added for new features.
- Changed for changes in existing functionality.
- Deprecated for soon-to-be removed features.
- Removed for now removed features.
- Fixed for any bug fixes.
- Security in case of vulnerabilities.
- Breaking for breaking changes
- Docs for documentation changes
- Lab components and features that are still in a work in progress
Added deprecation logs to enable easy pre-migration to WSR 8.
<RadioButton/>
- Separate extra content from selection area #5234
<GoogleAddressInput/>
- fix type #5274<MultiSelectCheckBox/>
- selectedId type fix #5261<ToggleButton/>
- fix disabled prop and pass it also to #5269
<DropdownBase/>
- teskit - add testkit function - optionContentAt #5257<ToggleButton/>
- size and labelPlacement props #5202
- tooltipProps - migrate to common d.ts and proptypes #5225
<Heading/>
- migrating regular driver to not use stylable stylesheet for testing #5230<Badge/>
- migrate regular testkit to not use stylable && deprecate getSufixIcon and getPrefixIcon #5229<Text/>
- migrate regular driver to not use stylesheet for testing #5231<ToggleSwitch/>
- migrate regular driver to not use stylableDomUtil #5232
- [dynamic chunks] - define custom webpackChunkNames #5209
<Carousel/>
- mark component in ESM modules as having sideEffects #5214
<Datepicker/>
- migrate to popover, expose popoverProps #5186
<Checkbox/>
- replacing the use of<Label/>
with<label>
&<Text>
. #5178
- Migrate to named-imports #5196
<FormField/>
- wrong dataHook prop on internal component #5180
<FloatingHelper/>
- new component stories for<FloatingHelper/>
and<FloatingHelper.Content/>
#5141<FloatingHelper/>
- adding unidriver and d.ts files for both<FloatingHelper/>
and<FloatingHelper.Content/>
#5152.<SocialButton/>
- addyoutube
as an option forskin
prop #5165<FloatingNotification/>
- adddark
type to types #5163
<TableActionCell/>
- enablegetVisibleActionsCount
to return 0 #5148<Table/>
- fixvirtualized
table withshowSelection
#5069- SSR support - patch stylable to unify classnames #5161
<Tag/>
- fix types foronClick
prop #5162
<Avatar/>
- Fix testkit functionindicationExists
returning always true #5125<Table/>
- Fix virtualized table with showSelection #5115<NumberInput/>
- Disable up/down arrows when input is readOnly #5115<FillButton/>
- Add dataHook types #5113<FloatingHelper/>
- migrating component fromwix-ui-backoffice
#5057<Table/>
- supportReact.RefObject
type forscrollElement
prop #5134
Fix type definitions for the following:
<Notification.ActionButton/>
- Improve type definition #5094<ColorPicker/>
- types fixes #5107<InputWithOptions/>
- remove unneeded popoverProps types (fixes Dropdown issues as well) #5109<Input />
- typings: add types for inputRef prop #5084- Fix puppeteer and protractor failure for TS < 3.6 users #commit
<ModalSelectorLayout/>
- Add missing TypeScript types #5090<NumberInput/>
- FixonChange
prop type #5091<FillPreview/>
- AdddataHook
prop type #5093<Accordion/>
- Renamecontent
tochildren
#5098- beta/
<PopoverMenu/>
- AddclassName
prop type #5095 - beta/
<PopoverMenu/>
- FixmoveBy
prop type #5101 <ToggleSwitch/>
- FixonChange
prop type #5092<LinearProgressBar/>
- AdddataHook
prop #5104
Fix type definitions for the following:
<FloatingHelper/>
- expose static Content prop #5086<InputWithOptions/>
- replace the usage ofFocus
type with a polyfill in favor of older TS consumers #5086<Text/>
,<EllipsisHOC/>
- addshowTooltip
prop #5086<Text/>
- Support custom tag props #5085
- Types - add ignore.d.ts to enable easy types opt out #5080
- Types - add type definitions for all components and testkits in the library #5008
<FontUpgrade>
- fix issue with SSR #5070
<ListItemSelect />
- added hovered prop #5033<ImageViewer/>
- Added props status and statusMessage #5052<Slider/>
- added new feature ofStart Point
#5011
<AutoCompleteWithLabel />
,<InputWithLabel />
- long error message UI fix #5006<Slider/>
- fixing issue with displayingstartPoint
label #5036<Slider/>
- expanding clickable area and aligning Slider to spec constrains #4997
<StatusIndicator/>
- New component #5024<VariableInput/>
- AddedonBlur
prop #5009listItemSelectBuilder
- AddeddataHook
param #5027
<CounterBadge/>
- Migrate to uni drivers and story page face facelift #5007
<Search/>
- Fix lose expansion with falsy value #4995<Grid/>
- Fix StretchViewsVertically rows break in production #4992<SectionHelper/>
- Fixed testkit methods and migrated from deprecated button #4996<PageHeader/>
- Migrate back button from deprecated Button component #4998<MessageBoxMarketerialLayout/>
- Migrate from deprecated Button component #5018<MessageBoxFunctionalLayout/>
- Migrate from deprecated Button component #5014<IconButton/>
- Fix large size #5028
<Avatar/>
- AddedshowIndicationOnHover
prop #4993
<RichTextInputArea/>
- fix extra empty line-breaks #4968
<ModalPreviewLayout/>
- Adding tooltip props for close button & navigation buttons #4965<TimePicker/>
- Add dynamic minutes step #4972
<SidePanel/>
- Update types #4979
<TableActionCell/>
- adddivider
field for the secondary actions #4954<Slider/>
- addcustom marks
feature #4962<Avatar/>
- AddedonClick
prop #4969
<Layout/>
- Fixed a bug discovered when Chrome 80 was released #4964
- Updated "3.12 Tag Input" story documentation #4176
<Slider/>
- changing tooltip color #4955
<MarketingLayout/>
- Fixed issue where background color would hide an image #4949<Slider/>
- Fixed Slider css #4932<Accordion/>
- Fixed Accordion collapse behaviour and added shadow and divider to accordion item #4793
- fixed missing types for named imports #4945
<Image/>
- new component #4927
<MarketingLayout/>
- adjusted paddings, added image background #4936
<Tag/>
- changed onClick callback call to pass 'event' as second parameter #4915
<Sidebar/>
- Fixing scrollbar for both light and dark skins #4925- named-imports - implement missing exports #4930
<Input/>
- fixedstatusMessage
prop type warning #4921<Cell/> Layout
- Fix Firefox bug on grid text overflow #4906
<GooglePreview/>
- fix broken playground #4909<Dropdown/>
- Improve dropdown list constraints documentation #4911
<Text/>
- Fix nested<ul>
styles being applied to incorrect elements #4905
<FormField/>
- addsuffix
prop #4887
<VariableInput/>
- fixonBlur
andonChange
issues #4894
<VariableInput/>
- change composition to use FormField's suffix #4901
<Search/>
- Add support for right to left expansion #4841<Text/>
- add default styling for nested<ul>
lists #4876
- infrastructure: fix named-importing issues #4788
<Button/>
- fix standard secondary disabled color #4897
<Checkbox>
- Stopped propagation on children<Button/>
- migrate to new disabled color #4886
<MultiSelectCheckbox/>
- Upgraded story page to be more informative
<VariableInput/>
- addmultiline
prop #4864<MessageBoxMarketerialLayout/>
- addprimaryButtonNode
prop #4676<MessageBoxMarketerialLayout/>
- addwidth
prop #4878<MessageBoxMarketerialLayout/>
- addnoBodyPadding
prop #4882
<Input/>
- fix Affixes' margins #4727
<MarketingLayout/>
- Use grid for responsive layout #4850
- Revert "
<Text/>
- add default styling for nested<ul>
lists" #4865
<VariableInput/>
- improve docs with examples (including cheatsheet) #4844
<Text/>
- added default styling for nested<ul>
lists #4726<FormField/>
- add new prop labelAlignment #4814<RichTextInputArea/>
- Expose plain text value with onChange event #4820<ListItemSelect/>
,<ListItemSection/>
- added show tooltip delay of 300ms #4816<MultiSelect/>
- Add status and statusMessage props #4828<TextButton/>
- add destructive skin #4836<Calendar/>
- introduce isDayActive testkit method #4839<ModalPreviewLayout/>
- adding white tooltips to NavigationButtons & close button. #4777
<Heading/>
- change text color to white for heading=H5, light #4805<SegmentedToggle/>
- change disabled icon and border color to have more contrast 4811<FloatingNotification/>
- changeminWidth
#4809<Tooltip/>
- changetextAlign
default value #4813<TextButton/>
- migrate styesheet && update disabled styling && fix transition issues #4818<CloseButton/>
- migrate stylesheet && update disabled styling #4834<Button/>
- add new premium-light skin #4858<Slider/>
- make marks occupy space #4837<InputArea/>
- change InputArea background from transparent to white #4843<ListItemSection/>
- Disable click propogation on divider ans whitespace #4848
<ImageViewer/>
- do not render img html at all when imageUrl prop is not defined #4735<Badge/>
- Added missing constants to TypeScript typings #4807<IconButton/>
- migrate stylesheet && update disabled styles && fix inverted color #4806<SocialButton/>
- Horizontally align text to center #4808<MultiSelectCheckbox/>
- fix missing cursor style #4821<Notification.ActionButton/>
- do not require nooponClick
whentype="textLink"
#4824<ColorPicker/>
- Fix color tooltip was not centered #4812<ColorPicker/>
- Fix Transparent color swatch #4815<AddItem/>
- Remove tooltip when it's empty #4822<InputArea/>
- Use default scrollbar #4827<Tag/>
- fix height when tiny and unremovable #4857
<VariableInput/>
- create new component #4791<VariableInput/>
- addonChange
prop #4801<VariableInput/>
- addplaceholder
prop #4802<VariableInput/>
- adddisabled
prop #4800<VariableInput/>
- addrows
&size
props #4825<VariableInput/>
- addstatus
&statusMessage
props #4830
<Stepper/>
- new features (compact text style, stretched fit, animation) #4786
<Table/>
- fixclickRowCheckbox
in teskit #4785
<PopoverMenu/>
- deprecate story #4789
- remove
prepublishOnly
from publish flow #4768 - remove
.st.css
and.scss
imports from drivers #4773 - fix incorrect drivers import #4781
<PopoverMenu/>
- Fix SSR rendering #4756
<Popover/>
- adding dataHook prop to documentation #4754
- Storybook - Add minimum requirements (React version 16.8) #4748
- Storybook - Fix broken links #4745
<DataTable/>
- add propType foronSortClick
#4650<Box/>
- added a small explanation
<NumberInput/>
- FixingdefaultValue
logic #4746
<DataTable/>
- fixed header cell cursor css when not sortable #4685<Stepper/>
- Use transparent background for error step circle style #4732EllipsisHOC
- Optimize rerendering issue #4734
<InputArea/>
- addingstatus
andstatusMessage
props #4736
<MessageBoxFunctionalLayout/>
- Revert element hierarchy change #4728
- Introducing Storybook version 5
<Avatar/>
- updating person svg and adding bussiness svg forsquare
shape. #4705
<SidebardSectionItem/>
- make sure to use css that is supported in microsoft edge #4679<TimeTable/>
- fix wrong position of dragged element #4682<Divider/>
- fix height when rendering inside a flex container #4696<ColorPicker/>
- fix missingdataHook
propType #4690
<LinearProgressBar/>
- add a success skin (a newskin
prop) and updating existing component colors #4631<AutoCompleteWithLabel/>
- addisDisabled
to testkit #4658<FloatingNotification/>
- adddark
skin #4683
<GooglePreview/>
- add ellipsis to url #4699<TableActionCell/>
- change the disabled visible items behaviour #4661
- Using icons from
wix-style-react/new-icons
import path has been deprecated. Please install and use icons fromwix-ui-icons-common
package directly. You can migrate your existing codebase using provided codemod, please see migration guide for more details.
<Table/>
- addgetRowsCount
to Puppeteer testkit #4651<Palette>
- new component #4603<ToggleSwitch/>
- adding unidriver #4668
<PopoverMenu/>
- fix testkit typings #4652<ColorInput/>
- fix bug with keeping color shown after removing it #4624
<ListItemSection/>
- Added onClick prop #4641<FillPreview/>
- add support for rendering as something else and fix broken stylable extending feature #4643<Multiselect/>
- addclearOnBlur
prop #4645<Input/>
- addpattern
prop #4642<Popover/>
and<InputWithOptions/>
- add disableClickOutsideWhenClosed prop #4633 Note: Using this prop will enable a breaking-change behavior that will be a default in wsr 8.0.0 and the prop will be removed
<DropdownLayout/>
- Selecting item will not remove hover behavior #4639<Card.Subheader/>
&<Table/>
- change background color forneutral
skin to have more contrast with page background #4625
<ModalSelectLayout/>
- remove hard-coded dataHook #4638
<ListItemSection/>
- New component #4572<ListItemSelect/>
- New component #4557<TimeTable/>
- New component #4307<FillPreview/>
- expose aspectRatio prop and fix broken stretch on display:flex #4593<Card />
&<Card.Content />
- addcontrols
&size
props #4607<MarketingLayout />
- new component #4595<ModalSelectorLayout/>
- add sideActions node #4590<InputWithOptions />
- add onOptionsShow/onOptionsHide callbacks #4591
<SortableList/>
- Fix issue where dragged preview item had the wrong width #4601<LinearProgressBar/>
- do not display empty tooltip given noerrorMessage
#4618<DropdownLayout/>
- Fix hover behaviour loss on click #4553
<Proportion/>
- add new type to aspectRatio to disable aspectRatio holder #4580<InputWithLabel/>
&<AutoCompleteWithLabel/>
- add icon to error message #4576<EmptyState/>
- addalign
prop to EmptyState component #4579
<Selector/>
- changetitle
prop type tonode
#4592<MessageBoxMarketerialLayout/>
- change header height whenimageUrl
orimageComponent
is undefined. #4594
<SidebarSectionItem/>
&<SidebarBackButton/>
- support a11y #4581
<Sidebar/>
- adjust visual components according to the spec #4570<TableActionCell/>
- refactor to use beta only withupgrade
flag #4586
<Table/>
- enable setting origin for selection change event #4559<Table/>
- addvirtualizedListRef
prop for experimental virtualized table #4502<AutoCompleteWithLabel/>
- exposehasError
in testkit #4567<ModalSelectorLayout/>
- add support foritem.subtitleNode
,item.belowNode
&item.showBelowNodeOnSelect
#4438
<AutoCompleteWithLabel/>
- reset filtered options after blur #4564<SidebarSectionItem/>
- change chevron opacity foralwaysDisplayChevron
#4563<BrowserPreviewWidget/>
,<PreviewWidget/>
,<MobilePreviewWidget/>
- moving fromWIP
toComponents
section and small docs fixes. #4558
<InputWithOptions/>
- Fix some testkit methods not working in Puppeteer environment #4560<Sidebar/>
- render borderRight only forlight
skin #4566<Page />
&<Page.Tail />
- remove scrollbar for non overflowing content #4539<Checkbox/>
- Fix children width #4571<AddItem/>
- Fix onClick not triggering on first click #4575
- revert Buttons Family - migrate stylesheets to wsr & update disabled color according to specs #4523
<BrowserPreviewWidget/>
- (WIP) new component #4515<MobilePreviewWidget/>
- (WIP) Adding scroll to large content #4515
- Buttons Family - migrate stylesheets to wsr & update disabled color according to specs #4523
<Checkbox/>
- add small size #4525<AutoCompleteWithLabel/>
- addnative
prop #4528<MobilePreviewWidget/>
- (WIP) new component #4496<TableActionCell/>
- enable settingdataHook
for each action #4423
<Table/>
- Fixed missing separator border for Table.Content when column titles are hidden #4517<BadgeSelect/>
- fix missing colors forneutralLigth
,warningLight
&premium
skins #4516<PopoverMenu/>
(beta) - Fix zIndex prop not working as expected #4530<ImageViewer/>
- make sure that onImageLoad is called after the state has been changed #4537<SocialButton/>
- align icon to center #4542
- Reverting Buttons family migration from core to wsr
<InfoIcon/>
- new component #4480<SocialButton/>
- new component #4461- EllipsisHOC - add
showTooltip
prop #4501 <InputWithLabel/>
- addisFocusedStyle
method to testkit #4503<Swatches/>
- add isEmptySwatchSelected to testkit #4458
<PageHeader/>
- adjust back button styling #4482<PreviewWidget/>
- (WIP) API change and documentation update #4474<ErrorIndicator/>
- update propTypes #4507<Sidebar/>
- adjustbackgroundColor
according to spec #4512<BarChart/>
- align text in tooltip to start of line #4505<StatisticsWidget/>
- align text in tooltip to start of line #4506
<PopoverMenu.MenuItem/>
- fix documentation #4454
<Tabs/>
- fix testkit methods not working correctly #4490<DataTable/>
- re-render virtualized table on table prop change #4491<InputWithOptions/>
- fixonClickOutside
callback not triggering #4485<FormField/>
- fix puppeteer testkit getLabelValue() method #4504<ImageViewer/>
- fix missing@testing-library/react
when importing any Protractor testkit #4509
<Ticker/>
- add missing propType #4479- Fixing wix-style-react polyfills to run in SSR without reference errors #4463
<MediaOverlay />
- Added controlled hover mode and fixed middle content positioning issue #4465<ModalSelectorLayout/>
- add scrollbar styling #4457<Thumbnail/>
- Fix selection borders not visible on focus #4469<Heading/>
- add missing propType #4466<LabelledElement/>
- fix placeholder for children #4430
<CardGalleryItem/>
- refactor to use MediaOverlay internally #4459<SidebarSectionItem/>
- change padding when drillable #4476<Sidebar/>
- change width to 228px #4477
<ModalMobileLayout/>
- create component #4400<Swatches />
- add onChange prop #4434<PreviewWidget/>
- new component (Work In Progress) #4407<SidebarBackButton/>
- create component #4429<MediaOverlay/>
- add compound component with dragg handle icon #4451<InputWithLabel/>
- add customInput prop #4450
<SidebarSectionItem/>
- improve design #4445
<StatisticsWidget/>
- Fix onClick issue #4419<SortableList/>
- fix doubling of items during dragging #4425<ImageViewer/>
- re-addshowRemoveButton
prop #4408<DataTable/>
- virtualized, fix outer element #4455<DataTable/>
- memoized row when virtualized #4462<BarChart/>
- fix padding according to spec #4449
- Cheatsheet - add
<ModalMobileLayout/>
to modal family #4432
<SortableList/>
- droppable feature #4409<SortableList/>
- insert rule feature #4406<MediaOverlay />
- new component #4396
<MultiSelect/>
- Remove little bounce of I-cursor when input gets focus #4384<AutoCompleteWithLabel/>
- fix controlled mode #4404<Sidebar/>
- Fix open/close transitions #4399
<AutoCompleteWithLabel/>
,<InputWithLabel/>
- expose necessary Input props #4386
<MultiSelect/>
- remove pointer cursor from Tags on hover #4382<Page.Content/>
- Changedchildren
prop to be of type node #4394
<Proportion/>
- make sure that proportion is not stretching more then its container size #4385<AutoCompleteWithLabel/>
- fix callback for onSelect #4398
<Sidebar/>
- fix broken example in story page #4388
<Sidebar/>
- addskin
prop #4299<FormField/>
- addcharCount
prop #4350<AutoCompleteWithLabel/>
- create the component #4052<Swatches/>
- add clickEmptySwatch method to testkit #4357<InputWithLabel />
,<AutoCompleteWithLabel />
- addonChange
,onFocus
&onBlur
props #4375<RadioGroup.Button/>
- AddtabIndex
prop #4370<FloatingNotification/>
- pass rest props to the buttons #4376<SidebarSectionItem />
- add prop alwaysDisplayChevron #4379
<SidebarHeader/>
- change padding #4359<Heading/>
- changelight
style for H6 #4374<MessageBoxFunctionalLayout/>
- improve header & body design #4373
<SectionHelper/>
- fix margin without close button #4360<InputArea/>
- fix error indicator leak inside testkit #4363
<Card />
- Add types for component #4303<Datepicker /> <Calendar />
- Add types for components #4302- EllipsisHoc - universal hoc for components that need to shrink if prop ellipsis is given #4340
<DatePicker/>
- fix placeholder in firefox #4322
<SegmentedToggle/>
- fix proptypes and add controlled mode #4308<ComposerHeader/>
- add box shadow to bottom border #4317
<Sidebar/>
- add right border #4265- readd react-motion package to dependecies #4255
<RadioGroup/>
- New prop - Selection area #4206<Tag/>
- Add ellipsis to long tags in a container #4180
<SidebarHeader/>
- maketitle
andsubtitle
optional #4268
<Tag/>
- Removewrap
prop, wrap is nowtrue
by default #4180
<MessageBoxFunctionalLayout/>
- add support formargin
prop #4230
<CalendarPanel/>
- move e2e to .visual #4219<PopoverMenu/>
- add maxheight support and set default value #4235<FormField/>
- make sure that internal tooltip is unique enough #4240<DropdownLayout/>
- fixed drivers to work with infinite scroll #4239<Dropdownlayout/>
- fix keyboard navigation on infinite scroll #4233
<Barchart />
- add onDescriptionInfoShown callback #4178<BarChart />
- add typings #4189<Divider/>
- create the component #4204<Checkbox/>
- New prop - Selection area #4201<Checkbox/>
- New prop - Vertical alignment #4215<DropdownLayout/>
- add support for string based max and min width props #4216
<MessageBoxFunctionalLayout/>
- Align footer buttons to center #4122<ComposerHeader/>
- set composerHeader to box-sizing: content-box #4195<Barchart />
- fix labelShort when there is descriptionInfo #4183<PopoverMenu/>
- remove autofocus feature to fix page jumping issues #4186<DropdownBase/>
- fix testkit methods to search for the content with popovers methods #4186<Accordion/>
- fix missing expand label when using icon #4192<Sidebar/>
- prevent crashing when all<Sidebar.Item/>
elements are disabled #4214
<DatePicker/>
- prop initialOpen should not work when disabled #4174<Input/>
- Fixed inaccurate text mark #4177
<Checkbox/>
- use new tooltip #4170
<AddItem/>
- 2 new props: removeIcon and removePadding #4166<MessageBoxMarketerialLayout/>
- add buttons padding removal prop #4168
<DatePicker/>
- Added documentation #4170
- Internal changes
<CardGalleryItem />
- added propdisabled
for primaryAction #4160<ImageViewer/>
- show a<Loader/>
and the previous image while an image is loading; do not render<AddItem/>
behind the image since it's visible in the background of transparent images #4099
<FormField/>
- fix label color #4158
<ImageViewer/>
- add a prop for render Remove Button #4070<StatisticsWidget />
- add children support for stats #4053<InputWithLabel/>
- create the component #4051
<FormField/> <InfoIcon/>
- Add size prop #4123<Input/>
- change disabled border and background colors #4146
<DropdownBase/>
- fix clickTargetElement method in testkit #4152<Stepper/>
- Fix ellipsis problem with Safari #4153<Tag/>
- remove redundant e2e when we have .visual already #4139<ImageViewer/>
- fix removeRoundedBorders property. #4131<FormField/>
- fix alignment whensize
is small #4151
<Dropdown/>, <AutoComplete/>
- add overflow example #4140<Breadcrumbs/>
- improving Breadcrumbs docs and adding visual tests #4121
<Table/>
- improvedisabled
behavior #4103
<Avatar/>
- deprecate old colors, you should use the new colors #4114
<ColorPicker/>
- add support for mobile dragging #4102
<Modal/>
- improving Modal docs #4104
<Swatches />
- new layout and add color button #4079
<Fillpreview/>
- extract fillbutton functionality and refactor code #4129
React
dev dependencies upgraded to v16. #4106<RichTextArea/> <RichTextAreaComposite/>
- Removed, replaced by<RichTextInputArea/>
#4106
For changelog of older version see here