react-components
react-components copied to clipboard
A set of components based on Vanilla Framework
When using `ActionButton` with the `loading` and `disabled` props, the spinning animation ends later than when the variable regulating the loading behaviour is set to false: ``` Request new URL...
## Done With the migration to use React's `useId` we require the use of React 18, because that's where it was introduced. This removes the peer dependency of React 17....
After https://github.com/canonical/vanilla-framework/pull/5135 that inverted the icons on the sortable table, seems like it needs to be updated on the react components as well, otherwise the direction doesn't match. Compare this...
Bumps the npm_and_yarn group with 2 updates in the / directory: [braces](https://github.com/micromatch/braces) and [ws](https://github.com/websockets/ws). Updates `braces` from 3.0.2 to 3.0.3 Commits 74b2db2 3.0.3 88f1429 update eslint. lint, fix unit tests....
## Done - Updates React Components to use Github Actions for Percy testing instead of CircleCI. This is a react-components version of https://github.com/canonical/vanilla-framework/pull/5089 and https://github.com/canonical/vanilla-framework/pull/5095. - I also updated the...
## Done Fixes the search & filter component re-opening the filter panel when removing a filter. ### The problem The search & filter component has an [on-click handler](https://github.com/canonical/react-components/blob/288b3856b3133e14b8ced3b5b830211403eb92bd/src/components/SearchAndFilter/SearchAndFilter.tsx#L239) that opens...
I noticed when reviewing the [TICS report for react-components ](https://canonical.tiobe.com/tiobeweb/TICS/TqiDashboard.html#axes=ProjectGroup(publicRepo),Project(react-components),Sub()&metric=tqi) that there are some uses of `dangerouslySetInnerHTML` that were flagged as XSS vulnerabilities. [Flag 1](https://canonical.tiobe.com/tiobeweb/TICS/AnnotatedSource.html#axes=Date(1715947246),Project(react-components),DeltaDate(default),Sub(src),Sub(components),Sub(Chip),Suppressions(no),DiffType(Set(new,unchanged)),File(Path(HIE,react-components,master,src,components,Chip,Chip.tsx))&diff=false&metrics=Annotations(SECURITY)): Chip ([src](https://github.com/canonical/react-components/blob/f562a313233a68a8656739b282195886ef8b1044/src/components/Chip/Chip.tsx#L89)) [Flag 2](https://canonical.tiobe.com/tiobeweb/TICS/AnnotatedSource.html#axes=DeltaDate(1713355246),Date(1715947246),Project(react-components),Sub(src),Sub(components),Sub(SearchAndFilter),Sub(FilterPanelSection),Suppressions(no),AnnotationKind(issue),DiffType(Set(new,unchanged)),File(Path(HIE,react-components,master,src,components,SearchAndFilter,FilterPanelSection,FilterPanelSection.tsx))&diff=false&metrics=Annotations(AI),Annotations(CS),Annotations(CW),Annotations(COMPLEXITY),Annotations(FANOUT),Annotations(SECURITY),Annotations(DUP),Annotations(UNITCOVERAGE)): FilterPanelSection...
## Done - Adds a new prop for the `Row` component, allowing the user to use the new grid row with 4 columns on medium. This will be the new...
## Done - Add an ESM submodule in `/dist` which can be used by importing from `import { Button } from "@canonical/react-components/dist/esm"`. - Included a copy of the types in...
# Description This is an enhancement request to add the ability to override the logo in the LoginPageLayout. If we want to build a login page that does not have...