You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

withComponentContext.tsx 2.3KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374
  1. /*
  2. * SonarQube
  3. * Copyright (C) 2009-2024 SonarSource SA
  4. * mailto:info AT sonarsource DOT com
  5. *
  6. * This program is free software; you can redistribute it and/or
  7. * modify it under the terms of the GNU Lesser General Public
  8. * License as published by the Free Software Foundation; either
  9. * version 3 of the License, or (at your option) any later version.
  10. *
  11. * This program is distributed in the hope that it will be useful,
  12. * but WITHOUT ANY WARRANTY; without even the implied warranty of
  13. * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU
  14. * Lesser General Public License for more details.
  15. *
  16. * You should have received a copy of the GNU Lesser General Public License
  17. * along with this program; if not, write to the Free Software Foundation,
  18. * Inc., 51 Franklin Street, Fifth Floor, Boston, MA 02110-1301, USA.
  19. */
  20. import * as React from 'react';
  21. import { getWrappedDisplayName } from '../../../components/hoc/utils';
  22. import { ComponentContextShape, ComponentQualifier } from '../../../types/component';
  23. import { ComponentContext } from './ComponentContext';
  24. export default function withComponentContext<P extends Partial<ComponentContextShape>>(
  25. WrappedComponent: React.ComponentType<React.PropsWithChildren<P>>,
  26. ) {
  27. return class WithComponentContext extends React.PureComponent<
  28. Omit<P, keyof ComponentContextShape>
  29. > {
  30. static displayName = getWrappedDisplayName(WrappedComponent, 'withComponentContext');
  31. render() {
  32. return (
  33. <ComponentContext.Consumer>
  34. {(componentContext) => <WrappedComponent {...componentContext} {...(this.props as P)} />}
  35. </ComponentContext.Consumer>
  36. );
  37. }
  38. };
  39. }
  40. export function useComponent() {
  41. return React.useContext(ComponentContext);
  42. }
  43. export function useTopLevelComponentKey() {
  44. const { component } = useComponent();
  45. const componentKey = React.useMemo(() => {
  46. if (!component) {
  47. return undefined;
  48. }
  49. let current = component.breadcrumbs.length - 1;
  50. while (
  51. current > 0 &&
  52. !(
  53. [
  54. ComponentQualifier.Project,
  55. ComponentQualifier.Portfolio,
  56. ComponentQualifier.Application,
  57. ] as string[]
  58. ).includes(component.breadcrumbs[current].qualifier)
  59. ) {
  60. current--;
  61. }
  62. return component.breadcrumbs[current].key;
  63. }, [component]);
  64. return componentKey;
  65. }