@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.12.0 - 12.12.2024

What's New

• [ErrorPage]: added possibility to add message with support link for error pages(500, 503, default errors). For EPAM applications it's recommended to add following code to the root of your app to enable it:

    import { i18n } from '@epam/uui';
  
    i18n.errorHandler.supportMessage = (
        <>
            You can track the service availability at
            {' '}
            <a href={ `https://status.epam.com/?utm_source=${window.location.host}&utm_medium=ErrorPage&utm_campaign=StatusAquisitionTracking` }>status.epam.com</a>
        </>
    );   
  

• Remove 'prop-types' from UUI packages dependencies. Remove uuiContextTypes interface, since it was needed for already outdated React context API.
• [DataTable]: added support of column groups in table header. Read more - https://uui.epam.com/documents?id=advancedTables&mode=doc&category=tables&theme=electric#table_with_header_groups
• [ErrorPage]: embed typography styles for error page texts
• [Alert]: small tweaks according to the design

What's Fixed

• [Dropdown][Tooltip]: Fixed a bug where the body overflowed if there was no space for the default or opposite placement. Now it tries other placements, e.g., if there’s no space at the top or bottom, it will place the body on the right if there’s enough space.
• [PickerInput]: fixed unnecessary api calls on body open with minCharsToSearch prop and search in body
• [RTE]: fixed image caption not being visible when RTE initially in readonly mode
• [DatePicker]: fixed body close if date picker input scrolled out from view
• [Modals]: prevent scrolling to the modal toggler because of focus return after modal close
• [RTE]: fixed scroll to the top of the editor after editor modal windows(Add image/link/video etc.) were close
• [RTE]: fixed error while merging cells without content
• [RTE]: fixed bug when files added from attachment button inserted in preview mode instead of attachment block
• [RTE]: fixed crash when removing the sole table row
• [Svg]: don't set fill attribute if it's not provided
• [Modals]: autofocus first active element on modal open. It's a temporary fix, because of bug in react-focus-lock lib(https://github.com/theKashey/react-focus-lock/issues/340). Ideally focus should move to the first active element only after 'Tab' key was pressed, we will come back to this solution when bug will be fixed.