@epam/cra-template-uui

cra-template-uui

This is the official UUI template for Create React App.

To use this template, add --template @epam/uui when creating a new app.

For example:

npx create-react-app my-app --template @epam/uui

# or

yarn create react-app my-app --template @epam/uui

For more information, please refer to:

• Getting Started – How to create a new app.
• User Guide – How to develop apps bootstrapped with Create React App.
• UUI docs – UUI library official documentation.

Changelog

5.11.0 - 15.11.2024

What's New

• [FlexRow][Breaking Change]: Only for @epam/loveship package. Now spacing default value works based on columnGap props. It shouldn't affect general cases, but previous spacing implementation require additional hack when it was needed to add negative margin value for container to remove corner paddings in multiline case. Now this hack should be removed, since columnGap implementation doesn't produce such bug for multiline.
• [useTableState][Breaking Change]: columns prop is removed, since it's not needed now. Just remove it from useTableState provided props.
• [useTableSate]: added initialVisibleCount prop
• [Button]: added size 60 to props
• [MultiSwitch]: added size 60 to props
• [Data Sources]: cursor-based pagination support. More details here
• [TimelineScale]: added bottom/top month text customisation.
• [TimelineScale]: customisation of today line height was added.
• [Rating]: added to @epam/uui, skin packages now use @epam/uui implementation. Removed redundant(filledStarIcon, emptyStarIcon, renderRating, from, to) props for all packages, changed colors for empty & disabled stars for 'Promo' & 'Loveship' skins according design, added icon prop to have possibility to change default icon.

What's Fixed

• [TabButton][VerticalTabButton]: decreased paddings, added gaps 3px between internal items for all sizes according to design
• [Tag]: Added gaps between internal items, changed padding according to design
• [Badge]: changed gaps & paddings according design, removed padding before first icon & after counter
• [VirtualList]: fixed estimatedHeight calculations in components with pagination
• [RTE]: fixed working of old iframe data structure with 'src' prop
• [VerticalTabButton]: reverted paddings & gaps to previous values for all sizes
• [RTE]: fixed migration of old table element data.cellSizes to the new colSizes format
• [PresetsPanel]: fixed 'Saved as new' action
• [PresetsPanel]: Fixed preset actions dropdown close on each rerender
• [Anchor, Badge, Button, LinkButton, IconButton, MainMenuButton, TabButton, Tag]: fixed clickAnalyticsEvent not being sent when href property used
• [ApiContext]: handle aborts during response read/parse phase (.json() and alike)