CHANGELOG-V8.md

Changelog

All notable changes are being documented in this file.

Types of changes:

1. Added for new features.
2. Changed for changes in existing functionality.
3. Deprecated for soon-to-be removed features.
4. Removed for now removed features.
5. Fixed for any bug fixes.
6. Security in case of vulnerabilities.
7. Breaking for breaking changes
8. Docs for documentation changes
9. Lab components and features that are still in a work in progress

8.42.0 - 2020-08-11

Added

• <MultiselectCheckbox/>- using both builders and objects as options #5778
• <FileUpload/> - Add name attribute + fix non button children #5817

Fixed

• <Input/> - upgrade onKeyDown to use event.key #5819

8.41.1 - 2020-08-10

Added

• <PopoverMenu/> - change divider to ListItemSection internally #5810
• <Accordion/> - add onMouseLeave prop #5815

8.41.0 - 2020-08-10

Added

• <Dropzone /> - New component #5574
• <Table/> - add isRowDisabled prop #5764
• <TagList/> - implement tooltip content prop #5805

Fixed

• <RadioGroup/> - fix incorrectly exported uni-driver #5814
• <Calendar/> - fix head styles #5812

Breaking

• <FileUpload/> - changed children to be a function #5796

8.40.0 - 2020-08-09

Added

• <Page/> - Integrating with ScrollableContainer, now developers can easily register to scroll events with built in throttling. #5766
• <TagList/> - enable expanding and collapsing of Tag lists #5768
• <TimeInput/> - add status indication #5800

Changed

• <Collapse/> upgrade react-collapse version 5.X #5799

Fixed

• <PopoverMenu/> - fix dropped disable prop + cover with extra skin tests #5798
• <StatisticsWidget/> - fix styles for size "tiny" #5806

8.39.0 - 2020-08-05

Added

• <StatisticsWidget/> - Add size prop #5791
• <Accordion/> - add onHover callback prop to #5792

Fixed

• <ListItemAction/> - support additional props when using as prop #5785

Lab - please don't use unless instructed to!

• <ThemeProvider/> - new component #5501

8.38.1 - 2020-08-03

• revert #5718

8.38.0 - 2020-08-03

Changed

• <TableActionCell/>- add placeholder to primary and only visible secondary #5760

8.37.0 - 2020-08-03

Added

• <Box/> - accept spacing tokens for sizing #5775

Changed

• <Text/> - Align non textual direct children of text to top #5718

Fixed

• <Breadcrumbs/> - remove abuse of line-height internally #5783
• <AutoCompleteWithLabel/> - fix type for value prop #5784

8.36.0 - 2020-08-02

Added

• <TableActionCell/> - Add tooltipProps to secondaryActions #5759
• <DatePicker/>, <Calendar/>- allow setting first day of the week for calendar #5765
• <FacesRatingBar/> - new component #5643

Fixed

• <StatisticsWidget/> - add missing children prop to d.ts #5776

8.35.0 - 2020-07-29

Added

• <AddItem/> - add borderRadius prop #5757
• <TagList/> - add size prop #5743
• <TagList/> - add onTagRemove prop #5755
• <FloatingHelper/>- adding standardPrimary skin to action button #5763

Changed

• <DropdownLayout/>- using stylable states and changing drivers accordingly #5725
• <InputWithOptions/> & <Dropdown/>- stylable migration #5756

Fixed

• <TagList/>- fix playground for component #5767
• <DatePicker/>- fix a bug of date not retuning the midnight of the selected date #5771

8.34.0 - 2020-07-27

Added

• <Animate/>- new component #5721

Fixed

• <TableActionCell/> - Fix tooltip not showing on disabled actions #5747

8.33.0 - 2020-07-26

Added

• <FileUpload/> - new component #5731
• <DatePicker/> -Add dateFormatV2 prop to support new date-fns format tokens #5732
• <MediaOverlay/> - removeRoundedBorders prop #5563

Changed

• <Table/> - Remove box shadow from row if expanded row details #5751

Fixed

• <TableActionCell/> - Fix type of TableActionCellSecondaryAction #5745
• <CustomModalLayout/> - fix title type #5748
• <Ellipsis/> - strengthen ellipsis rules #5750

8.32.0 - 2020-07-22

Fixed

• <CloseButton/> - fix incorrect style extending #5711
• <MessageBoxFunctionalLayout/> - remove redundant white in corners #5715
• <BarChart/> - fix label alignment #5734
• refactor Object.fromEntries to crossbrowser utility function #5733

Changed

• <EmptyState/> - migrate to stylable & fix a bug in the stroybook #5707

Deprecated

• <DropdownLayout/> - DropdownLayout prop "withArrow" is deprecated and will be removed in the next major release, please use DropdownBase (with the prop "showArrow") or Popover component instead' #5720

8.31.0 - 2020-07-16

Added

• <TagList/> - create new component #5628

Docs

• <SortableList/> - create up-to-date docs #5662

Changed

• <SectionHelper/> - migrate to stylable #5697
• <DropdownLayout/> - migrate to stylable #5658
• <EmptyState/> - change the visual test to the updated syntax #5703

8.30.0 - 2020-07-14

Added

• <HorizontalTimeline/> - new component #5653
• <Divider/> - Add new skins #5694
• <StarsRatingBar /> - New component #5602

Fixed

• <FloatingHelper/> - fixing closing button css #5698

8.29.0 - 2020-07-13

Added

• <Table.Subtoolbar/> - add subcomponent #5624
• <DropdownBase/> - Add isOpen to render function #5651
• <FontUpgrade/> - add 'className' & 'as' props #5689

Changed

• <FormField/>- stylable migration #5648 and #5650
• <Multiselect/>- remove use of internal part of Input #5672

Fixed

• <Notification/>- fixing close button css and improving docs #5675

8.28.0 - 2020-07-06

Changed

• <Heading/> - use Ellipsis internally #5636
• <ScrollableContainer/> - Adding support for passing ref in using React.forwardRef #5635
• <LabeledElement/>- small css fix #5645

Changed

• <RadioGroup/> - Migrating to stylable #5631

8.27.1 - 2020-07-02

Fixed

• Fix dndStyles type #5634
• Fix CardHeader testkit name #5633
• <Tooltip/> - Inherit appendTo type from popover #5632

8.27.0 - 2020-06-30

Internal

• <Ellipsis/> - [internal] - New component to replace EllipsisHOC #5622

8.26.0 - 2020-06-30

Added

• <NoBorderInput/> - adding unidriver #5612
• <Modal/> - Testkit - export getContent method #5611

Changed

• <Autocomplete/> emptyMessage proptype #5609
• <InputArea/> - Cancel debounced function on unmount and some other tweaks to reduce noise in tests #5610
• <Breadcrumbs/>- stylable migration #5592
• <Notificaiton/>- implementing <Notification/> with Animator to fix the component animation issue#5603
• <ScrollableContainer/> - Adding support for passing data-attributes inside, they will be positioned on the root element the same as data-hook and className #5605

8.25.0 - 2020-06-25

Changed

• <Tabs/>- migrating to stylable #5557

Fixed

• <Carousel/>- adding paths to scss file #5616

8.24.0 - 2020-06-24

Changed

• <ModalPreviewLayout/>- exposed nextButtonProps & prevButtonProps props #5595

Fixed

• Fix dnd-styles import #5598
• <Modal/> - invoke onRequestClose only if passed as prop #5600
• <Accordion/> - changed hover color for with skin="light" when hideShadow is active #5579
• <Box/> - fix styles don't re-render with no value #5599

8.23.0 - 2020-06-22

Internal

• <EllipsisHOC/> - migrate from wix-ui-core #5586

Changed

• <Loader/> - Deleting legacy protructor driver since it was faulty, exposed the uni-driver instead and updated internal usages accordingly.

8.22.3 - 2020-06-22

Fixed

• <ListItemSelect/>- fixing item height #5555
• <Search/> - Fix the bug that in some cases the clear button doesn't work. FYI after this fix if you use this component as a controlled component you must pass an onClear callback and update the value you send for the component in order to clear the input. 5576
• <RichTextArea/>- update min height #5512
• <ImageViewer/>- fix the bug that it breaks in small sizes. #5573
• <Input/> - Change the clear button size according to the input size. #5569

8.22.1 - 2020-06-18

Changed

• Rearranging the storybook menu to showcase the new <AnnouncementModalLayout /> & <CustomModalLayout /> under the components section. Cheatsheet & Design-Guidelines updated accordingly. #5559
• <Accordion/> - Adding initiallyOpen prop <AccordionItem/> to clarify when will this value will be controlled vs uncontrolled. #5582

Fixed

• <CheckToggle/> - fix css when box-sizing is set to border-box from outside #5571
• <Accordion/> - fix behavior to close an initially opened item when clicked #5575

8.22.0 - 2020-06-16

Fixed

• <InputArea/> - counter not updated when value prop is changed #5566
• <Card/> - using classnames with stylable #5570

Changed

• <ColorPicker/>- migrating to stylable #5535

8.21.0 - 2020-06-15

Fixed

• <Input/> - fix prefix height #5541
• <Accordion/> - fix missing types #5558

Added

• <MessageModalLayout/> & <CustomModalLayout/> - Added support for dynamic scrolling, content area will now have top/bottom dividiers emphasising the scroll position by default #5519
• <CustomModalLayout/> - Added the ability to show a static divider bellow the modal header #5542
• <Notification/>- Exposing ellipsis prop for <Notification.TextLabel/> #5544

Changed

• <Card/>- stylable migration #5543
• <Slider/> - stylable migration #5552

8.20.0 - 2020-06-11

Added

• <Page/> - support content horizontal scroll #5497

Fixed

• <AudioPlayer/> - fix audio file can be played twice #5533

8.19.0 - 2020-06-10

Due to dependency issues, this release reverts changes done in 8.18.0 #5534

8.18.0 - 2020-06-09

Changed

• internal upgrade of Stylable from v1 to v3

Added

• <Notification/> - exposing ellipsis prop to <Notification.TextLabel/> #5508

Changed

• <Card/>- migrating styling to stylable #5493

8.17.0 - 2020-06-08

Changed

• Set react-modal dependency to 3.10.1 #5506

Docs

• <Calendar/> - Create a new story page #5523
• <CalendarPanel/> - Create a new story page #5524
• <CalendarPanelFooter/> - Create a new story page #5525

8.16.0 - 2020-06-07

Fixed

• <Search/> - fix wrong width when size small #5513
• <EllipsisHOC/> - add children to dependencies #5518

Changed

• <Table/> - replace puppeteer driver with uniDriver #5517

8.15.1 - 2020-06-03

Fixed

• <MessageModalLayout /> - fix missing export in index.d.ts
• <AnnouncemenetModalLayout /> - fixing types in uni-driver #5514

8.15.0 - 2020-06-03

Changed

• <MessageModalLayout />, <CustomModalLayout />, <AnnouncemenetModalLayout /> - All new modal layouts were refactored according to accomodate the new UX requirements (DSM-538), #5509

Fixed

• <Carousel/> - Fix indicators color and margin-top #5431

8.14.0 - 2020-06-02

Added

• <MultiSelectCheckbox/> - Expose prefix, suffix, and ellipsis #5509
• <Accordion/> - Add hideShadow prop #5502

Fixed

• <InputWithOptions/> - fix use of excludeClass prop #5499

Removed

• <Dropdown/> - remove withArrow prop #5507

8.13.1 - 2020-05-26

Fixed:

• <FontUpgrade/> - Fix Modal/Popover/Tooltip content #5498
• <GooglePreview/>- Use hard codded arial font #5469

8.13.0 - 2020-05-24

Fixed:

• <Notification/>- driver fix #5491

Breaking

• <AudioPlayer> - Renamed prop html5Audio to webAudioAPI which makes the player to be html5 by default #5488
• <AudioPlayer> - Changed prop lazyLoad (boolean) to be preload ('auto', 'metadata' or 'none') defaults to 'metadata'. (lazyLoad=false equals to prelaod=auto) #5488

8.12.0 - 2020-05-21

Added

• <RadioGroup/> - Added UniDrivers to RadioGroup and RadioButton, fixed a bug in the existing RadioButton driver that prevented it from returing correct values. #5459
• <Notification/> - adding icons to notification and adding visual tests #5481

Fixed

• <ModalPreviewLayout/> - Fix props types #5482
• infra: fix broken puppeteer testkit that can't be required in node #5487

Changed

• Input & Selection families- changing large size #5457
• <Notification/>- migrating styles to stylable and updating drivers accordingly #5484

8.11.0 - 2020-05-19

Added

• <SortableGrid/> - new component #5467

Fixed

• <Popover/> - wrap content with <FontUpgrade/> #5479
• <SectionHelper/> - fix close button position in without a title #5475

8.10.0 - 2020-05-17

Fixed

• <TimeInput/>- fix component methods not to be public methods & display name #5462
• <Breadcrumbs/>- fix item max width #5464
• <Table/>- Adding sticky <TableActionCell/> support for a table with horizontal scroll #5432

8.9.0 - 2020-05-14

Added

• <Page.Header/> - breadcrumbs prop can now be a function #5461

Fixed

• <GoogleAddressInput/> - remove accidentally added menu arrow #5447
• <InputWithOptions/> - Fix click outside when inside a <Popover/> #5456

8.8.1 - 2020-05-11

Fixed

• <AudioPlayer/> - fix onLoadError callback #5449
• <AudioPlayer/> - fix JSDOM tests by consuming howler directly from #5450

8.8.0 - 2020-05-08

Added

• <AudioPlayer/> - new component #5419

Fixed

• <Notification/> - added DEFAULT_TIMEOUT to type #5443
• Madefor - Fix Heading font-family definition #5444
• <InputArea/> - fix autoGrow on mount #5446

8.7.0 - 2020-05-06

Added

• <ComposerSidebar/> - New component #5426

Fixed

• <Accordion/>- fix open property of AccordionItems to update dynamically #5411

8.6.1 - 2020-05-01

• <ToggleButton/> - fixed stylable warning #5428

8.6.0 - 2020-04-30

Added

• <ToggleButton/> - Added shape & border props #5400
• <Table/> - Sticky columns and horizontal scroll support #5405
• <ModalSelectorLayout/> - Add UniDriver #5420
• <BadgeSelect/> - expose popoverCommonProps #5333
• <BadgeSelect/> - Fix drivers when popover appendTo=window #5424

Fixed

• <Slider/>- fixed global styles override #5418
• <ComposerHeader/> - added missing types #5421
• <Timeline/> - fix driver types - missing index #5422

8.5.0 - 2020-04-28

Added

• <TimeInput/> - custom suffix - #5408
• <Timeline/> - create new component #5387

Fixed

• Infra: use latest babel-plugin-dynamic-import-node #5398
• <ListItemSelect/>- fix selected checkbox css #5391
• <Tooltip/> - now works when wrapped with <FontUpgrade/> when appended to window #5403
• <Modal/> - now works when wrapped with <FontUpgrade/> #5403
• <MultiSelectCheckbox/>- replaced list item with <ListItemSelect/> #4890
• <FontUpgrade/>- Using React context to apply FontUpgrade to multiple components instead of "global variable" #5406

8.4.0 - 2020-04-22

Added

• <ListItemEditable/> - new component #5348
• <Popover/> - adding exit animation #5363
• <FloatingHelper/>- adding exit animation #5364
• <PopoverMenu/>&& <DropdownBase/>- adding exit animation to <PopoverMenu/> by adding animate prop to <DropdownBase/> #5365
• <Tooltip/>- adding exit animation #5368
• <Avatar> - add loading state #5369

Fixed

• <AutoCompleteWithLabel/> - fix hasError in testkit #5370
• <ModalSelectorLayout/> - add ok&cancel buttons functions to driver's types #5373
• <PopoverMenu.MenuItem/> - fix type for text prop #5360
• <AddItem/> & <FillButton/> - Restore tooltipContent prop #5371

Docs

• Icons - improving icons story. #5361
• Design story - 1.1 Colors #5187

8.3.0 - 2020-04-16

Added

• <CheckToggle/> - new component #5334

Fixed

• <Input/> - out of date README.TESTKIT.md removed #5352
• <Page.Sticky/> - add missing propType and type for style prop #5356
• set a fixed version of react-day-picker@7.4.1 due to breaking chang in the import API

8.2.0 - 2020-04-15

Added

• <Sidebar/>- Add shadow to sidebar for scrolling indication #5297
• <TextButton/> - support fluid functionality #5349
• <DropdownBase/> - support fluid functionality #5349

Fixed

• <Pagination /> - correctly render empty nav buttons #5345

8.1.0 - 2020-04-13

Fixed

• Aligned status indication API across all input family components #5339
• <Button/> - fix uni.driver type #5341

Added

• <Avatar/> - support single letter in size 24 #5332

8.0.0 - 2020-04-07

This is only a brief list of changes, for the full list of changes see the migration guide
. For changelog of version 7 see here

Deleted

• <AutoCompleteComposite/>
• <DateInput/>
• <FieldWithSelectionComposite/>
• <FullTextView/>
• <GoogleAddressInputWithLabel/>
• <HBox/>
• <InputAreaWithLabelComposite/>
• <Label/>
• <MultiSelectComposite/>
• <SideMenu/>
• <SideMenuDrill/>
• <SlideAnimation/>
• <StatsWidget/>
• <TextLink/>
• <VBox/>

Changed

<AddItem/>

Props:

• removed tooltipAppendTo
• removed tooltipContent
• removed tooltipPlacement
• removed tooltipFixed
• removed tooltipFlip

<Avatar/>

Props:

• changed color - only values

<AutoComplete/>

Props:

• removed theme
• removed error & errorMessage
• removed help & helpMessage

<BarChart/>

Props:

• removed deprecatedColors

<Card/>

Props:

• removed withoutDivider

<CircularProgressBar/>

Props:

• removed shouldLoadAsync

Testkit:

• changed getTooltipErrorMessage in driver (not uni) returns a string instead of Promise<string>
• removed getTooltip
• removed isTooltipShown

<ColorInput/>

Props:

• removed theme
• removed error & errorMessage
• removed help & helpMessage

Testkit:

• added hasStatus
• added getStatus
• added hasStatusMessage
• added getStatusMessage
• removed hasError

<DataTable/>

This component is internal and should not be used directly - use <Table/> instead

<DatePicker/>

Props:

• removed isOpen
• removed error & errorMessage

<Dropdown/>

Props:

• removed theme
• removed error & errorMessage
• removed help & helpMessage

<DropdownLayout/>

Props:

• removed theme

Testkit:

• removed hasTheme

<FillButton/>

Props:

• removed tooltipContent

<FormField/>

Testkit:

• (protractor) removed getTooltipInfoValue

<GoogleAddressInput/>

Props:

• removed theme
• removed error & errorMessage
• removed help & helpMessage

<ImageViewer/>

Props:

• removed tooltipPlacement
• removed error & errorMessage

Testkit:

• added hasStatus
• added getStatus
• added hasStatusMessage
• added getStatusMessage
• removed isErrorVisible
• removed getErrorTooltipContent

<Input/>

Props:

• removed theme
• removed error & errorMessage
• removed help & helpMessage
• removed sub component <Input.Units/>
• removed magnifyingGlass
• removed updateControlledOnClear

Testkit:

• removed hasHelp
• removed clickUnit
• removed getUnit
• removed hasMagnifyingGlass
• removed clickMagnifyingGlass
• removed hasExclamation
• removed isNarrowError

<InputArea/>

Props:

• removed onTooltipShow
• removed error & errorMessage

Testkit:

• added hasStatus
• added getStatus
• added hasStatusMessage
• added getStatusMessage
• removed hasError
• removed hasWarning
• removed getTooltipDataHook
• removed getTooltipElement
• removed isErrorMessageShown
• removed mouseEnterErrorIndicator
• removed getErrorMessage
• removed getWarningMessage

<InputWithOptions/>

Props:

• removed theme
• removed error & errorMessage
• removed help & helpMessage
• removed disableClickOutsideWhenClosed

<LinearProgressBar/>

Props:

• removed shouldLoadAsync

Testkit:

• changed getTooltipErrorMessage in driver (not uni) returns a string instead of a Promise<string>
• removed getTooltip
• removed isTooltipShown

<Loader/>

Props:

• removed shouldLoadAsync

<MultiSelect/>

Props:

• removed theme
• removed error & errorMessage
• removed help & helpMessage

Testkit:

• added hasStatus
• added getStatus
• added hasStatusMessage
• added getStatusMessage
• removed inputWrapperHasError

<MultiSelectCheckbox/>

Props:

• removed theme
• removed error & errorMessage
• removed help & helpMessage

<NoBorderInput/>

Props:

• removed error & errorMessage

Testkit:

• added hasStatus
• added getStatus
• added hasStatusMessage
• added getStatusMessage

<NumberInput/>

Props:

• removed theme
• removed error & errorMessage
• removed help & helpMessage

Testkit:

• added hasStatus
• added getStatus
• added hasStatusMessage
• added getStatusMessage

<Page/>

Props:

• removed upgrade

<Popover/>

Props:

• removed disableClickOutsideWhenClosed

<PopoverMenu/>

changed to next

<RadioGroup/>

Props:

• removed type

Testkit:

• removed isButtonType

<RichTextInputArea/>

Testkit:

• added hasStatus
• added getStatus
• added hasStatusMessage
• added getStatusMessage
• removed hasError
• removed getErrorMessage

<Search/>

Props:

• removed theme
• removed error & errorMessage
• removed help & helpMessage

Testkit:

• added hasStatus
• added getStatus
• added hasStatusMessage
• added getStatusMessage

<StatisticsWidget/>

Props:

• removed statistics

<Table/>

Testkit:

• removed clickRowChecbox - removed due to typo, use clickRowCheckbox instead

<TableActionCell/>

Props:

• removed upgrade
• changed primaryAction.theme to primaryAction.skin (with new values)

<Tag/>

Props:

• removed wrap

<Tooltip/>

Props:

• removed upgrade