@jetbrains/ring-ui-built 7.0.72 → 7.0.73

package/components/header/smart-profile.js

@@ -1,8 +1,8 @@
-import { jsx } from 'react/jsx-runtime';
 import { PureComponent } from 'react';
 import alertService from '../alert-service/alert-service.js';
 import Profile from './profile.js';
 import '../auth/auth.js';
+import { jsx } from 'react/jsx-runtime';
 import { USER_CHANGED_EVENT, LOGOUT_POSTPONED_EVENT, USER_CHANGE_POSTPONED_EVENT } from '../auth/auth-core.js';
 import 'react-dom/client';
 import '../global/get-uid.js';
@@ -16,6 +16,7 @@ import '../icon/icon.js';
 import 'util-deprecate';
 import '../icon/icon.constants.js';
 import '../_helpers/icon-svg.js';
+import 'react-compiler-runtime';
 import '../global/memoize.js';
 import '../loader-inline/loader-inline.js';
 import '../global/data-tests.js';
@@ -44,9 +45,9 @@ import '../popup/position-css.js';
 import '../alert/container.js';
 import '../avatar/avatar.js';
 import '../global/url.js';
-import '../_helpers/avatar-info.js';
-import '../avatar/avatar-size.js';
 import '../avatar/fallback-avatar.js';
+import '../avatar/avatar-size.js';
+import '../_helpers/avatar-info.js';
 import '../dropdown-menu/dropdown-menu.js';
 import '../list/list.js';
 import 'react-virtualized/dist/es/List';
@@ -63,9 +64,9 @@ import '../global/compose-refs.js';
 import '../control-help/control-help.js';
 import '../link/link.js';
 import '../_helpers/link.js';
-import '../_helpers/list.js';
 import '../list/consts.js';
 import '../list/list.classes.js';
+import '../_helpers/list.js';
 import '../list/list-custom.js';
 import '../global/get-event-key.js';
 import '../list/list-title.js';
@@ -184,7 +185,7 @@ class SmartProfile extends PureComponent {
       ...props
     } = this.props;
     const url = profileUrl || (user ? `${auth.config.serverUri}users/${user.id}` : '');
-    return jsx(Profile, {
+    return /*#__PURE__*/jsx(Profile, {
       onLogin: this.login,
       onLogout: this.logout,
       onSwitchUser: this.switchUser,

package/components/header/smart-services.d.ts

@@ -18,5 +18,5 @@ export default class SmartServices extends Component<SmartServicesProps> {
     stopLoading: () => void;
     getServicesContent: () => void;
     getServices(fields: string): Promise<Service[]> | undefined;
-    render(): import("react/jsx-runtime").JSX.Element | null;
+    render(): import("react").JSX.Element | null;
 }

package/components/header/smart-services.js

@@ -1,8 +1,9 @@
-import { jsx } from 'react/jsx-runtime';
 import { Component } from 'react';
 import HTTP from '../http/http.js';
 import Services from './services.js';
+import { jsx } from 'react/jsx-runtime';
 import '../global/url.js';
+import 'react-compiler-runtime';
 import '@jetbrains/icons/services-20px';
 import 'classnames';
 import '../dropdown/dropdown.js';
@@ -98,7 +99,7 @@ class SmartServices extends Component {
     if (!visible) {
       return null;
     }
-    return jsx(Services, {
+    return /*#__PURE__*/jsx(Services, {
       ...props,
       clientId: auth.config.clientId,
       initShown: true,

package/components/header/tray.d.ts

@@ -1,4 +1,4 @@
 import { Component, type HTMLAttributes } from 'react';
 export default class Tray extends Component<HTMLAttributes<HTMLElement>> {
-    render(): import("react/jsx-runtime").JSX.Element;
+    render(): import("react").JSX.Element;
 }

package/components/header/tray.js

@@ -1,9 +1,9 @@
-import { jsx } from 'react/jsx-runtime';
 import { Component, Children } from 'react';
 import classNames from 'classnames';
 import { s as styles } from '../_helpers/header.js';
+import { jsx } from 'react/jsx-runtime';
 
-const wrapChild = child => child && jsx("div", {
+const wrapChild = child => child && /*#__PURE__*/jsx("div", {
   className: styles.trayItem,
   children: child
 });
@@ -15,7 +15,7 @@ class Tray extends Component {
       ...restProps
     } = this.props;
     const classes = classNames(styles.tray, className);
-    return jsx("div", {
+    return /*#__PURE__*/jsx("div", {
       ...restProps,
       className: classes,
       children: Children.map(children, wrapChild)

package/components/heading/heading.js

@@ -1,12 +1,10 @@
-import { jsx } from 'react/jsx-runtime';
-import { memo } from 'react';
+import { c } from 'react-compiler-runtime';
+import { memo, useEffect } from 'react';
 import classNames from 'classnames';
 import deprecate from 'util-deprecate';
 import { s as styles } from '../_helpers/heading.js';
+import { jsx } from 'react/jsx-runtime';
 
-/**
- * @name Heading
- */
 var Levels;
 (function (Levels) {
   Levels[Levels["H1"] = 1] = "H1";
@@ -14,54 +12,200 @@ var Levels;
   Levels[Levels["H3"] = 3] = "H3";
   Levels[Levels["H4"] = 4] = "H4";
 })(Levels || (Levels = {}));
-const fallbackHeading = deprecate(() => 'h3', 'Headings of level 5 and higher are replaced with h3');
-const HeadingMemo = /*#__PURE__*/memo(function Heading({
-  children,
-  className,
-  level = Levels.H1,
-  ...restProps
-}) {
-  const classes = classNames(styles.heading, className);
-  const Tag = level <= Levels.H4 ? `h${level}` : fallbackHeading();
-  return jsx(Tag, {
-    ...restProps,
-    className: classes,
-    children: children
-  });
+const warnFallbackHeading = deprecate(() => {}, 'Headings of level 5 and higher are replaced with h3');
+const HeadingMemo = /*#__PURE__*/memo(function Heading(t0) {
+  const $ = c(16);
+  if ($[0] !== "9f4538e180b30a0a8f1026b4057246b9b8f6ecaa39875bb67aa3caa7d9a451e8") {
+    for (let $i = 0; $i < 16; $i += 1) {
+      $[$i] = Symbol.for("react.memo_cache_sentinel");
+    }
+    $[0] = "9f4538e180b30a0a8f1026b4057246b9b8f6ecaa39875bb67aa3caa7d9a451e8";
+  }
+  let children;
+  let className;
+  let restProps;
+  let t1;
+  if ($[1] !== t0) {
+    ({
+      children,
+      className,
+      level: t1,
+      ...restProps
+    } = t0);
+    $[1] = t0;
+    $[2] = children;
+    $[3] = className;
+    $[4] = restProps;
+    $[5] = t1;
+  } else {
+    children = $[2];
+    className = $[3];
+    restProps = $[4];
+    t1 = $[5];
+  }
+  const level = t1 === undefined ? Levels.H1 : t1;
+  let t2;
+  if ($[6] !== className) {
+    t2 = classNames(styles.heading, className);
+    $[6] = className;
+    $[7] = t2;
+  } else {
+    t2 = $[7];
+  }
+  const classes = t2;
+  const isSupportedLevel = level <= Levels.H4;
+  let t3;
+  let t4;
+  if ($[8] !== isSupportedLevel) {
+    t3 = () => {
+      if (!isSupportedLevel) {
+        warnFallbackHeading();
+      }
+    };
+    t4 = [isSupportedLevel];
+    $[8] = isSupportedLevel;
+    $[9] = t3;
+    $[10] = t4;
+  } else {
+    t3 = $[9];
+    t4 = $[10];
+  }
+  useEffect(t3, t4);
+  const Tag = isSupportedLevel ? `h${level}` : "h3";
+  let t5;
+  if ($[11] !== Tag || $[12] !== children || $[13] !== classes || $[14] !== restProps) {
+    t5 = /*#__PURE__*/jsx(Tag, {
+      ...restProps,
+      className: classes,
+      children: children
+    });
+    $[11] = Tag;
+    $[12] = children;
+    $[13] = classes;
+    $[14] = restProps;
+    $[15] = t5;
+  } else {
+    t5 = $[15];
+  }
+  return t5;
 });
 const Heading = HeadingMemo;
 Heading.Levels = Levels;
 const H1 = /*#__PURE__*/memo(function H1(props) {
-  return jsx(Heading, {
-    ...props,
-    level: Levels.H1
-  });
+  const $ = c(3);
+  if ($[0] !== "9f4538e180b30a0a8f1026b4057246b9b8f6ecaa39875bb67aa3caa7d9a451e8") {
+    for (let $i = 0; $i < 3; $i += 1) {
+      $[$i] = Symbol.for("react.memo_cache_sentinel");
+    }
+    $[0] = "9f4538e180b30a0a8f1026b4057246b9b8f6ecaa39875bb67aa3caa7d9a451e8";
+  }
+  let t0;
+  if ($[1] !== props) {
+    t0 = /*#__PURE__*/jsx(Heading, {
+      ...props,
+      level: Levels.H1
+    });
+    $[1] = props;
+    $[2] = t0;
+  } else {
+    t0 = $[2];
+  }
+  return t0;
 });
 const H2 = /*#__PURE__*/memo(function H2(props) {
-  return jsx(Heading, {
-    ...props,
-    level: Levels.H2
-  });
+  const $ = c(3);
+  if ($[0] !== "9f4538e180b30a0a8f1026b4057246b9b8f6ecaa39875bb67aa3caa7d9a451e8") {
+    for (let $i = 0; $i < 3; $i += 1) {
+      $[$i] = Symbol.for("react.memo_cache_sentinel");
+    }
+    $[0] = "9f4538e180b30a0a8f1026b4057246b9b8f6ecaa39875bb67aa3caa7d9a451e8";
+  }
+  let t0;
+  if ($[1] !== props) {
+    t0 = /*#__PURE__*/jsx(Heading, {
+      ...props,
+      level: Levels.H2
+    });
+    $[1] = props;
+    $[2] = t0;
+  } else {
+    t0 = $[2];
+  }
+  return t0;
 });
 const H3 = /*#__PURE__*/memo(function H3(props) {
-  return jsx(Heading, {
-    ...props,
-    level: Levels.H3
-  });
+  const $ = c(3);
+  if ($[0] !== "9f4538e180b30a0a8f1026b4057246b9b8f6ecaa39875bb67aa3caa7d9a451e8") {
+    for (let $i = 0; $i < 3; $i += 1) {
+      $[$i] = Symbol.for("react.memo_cache_sentinel");
+    }
+    $[0] = "9f4538e180b30a0a8f1026b4057246b9b8f6ecaa39875bb67aa3caa7d9a451e8";
+  }
+  let t0;
+  if ($[1] !== props) {
+    t0 = /*#__PURE__*/jsx(Heading, {
+      ...props,
+      level: Levels.H3
+    });
+    $[1] = props;
+    $[2] = t0;
+  } else {
+    t0 = $[2];
+  }
+  return t0;
 });
-const H4 = /*#__PURE__*/memo(function H4({
-  className,
-  bold,
-  ...restProps
-}) {
-  const classes = classNames(className, {
-    [styles.bold]: bold
-  });
-  return jsx(Heading, {
-    ...restProps,
-    className: classes,
-    level: Levels.H4
-  });
+const H4 = /*#__PURE__*/memo(function H4(t0) {
+  const $ = c(11);
+  if ($[0] !== "9f4538e180b30a0a8f1026b4057246b9b8f6ecaa39875bb67aa3caa7d9a451e8") {
+    for (let $i = 0; $i < 11; $i += 1) {
+      $[$i] = Symbol.for("react.memo_cache_sentinel");
+    }
+    $[0] = "9f4538e180b30a0a8f1026b4057246b9b8f6ecaa39875bb67aa3caa7d9a451e8";
+  }
+  let bold;
+  let className;
+  let restProps;
+  if ($[1] !== t0) {
+    ({
+      className,
+      bold,
+      ...restProps
+    } = t0);
+    $[1] = t0;
+    $[2] = bold;
+    $[3] = className;
+    $[4] = restProps;
+  } else {
+    bold = $[2];
+    className = $[3];
+    restProps = $[4];
+  }
+  let t1;
+  if ($[5] !== bold || $[6] !== className) {
+    t1 = classNames(className, {
+      [styles.bold]: bold
+    });
+    $[5] = bold;
+    $[6] = className;
+    $[7] = t1;
+  } else {
+    t1 = $[7];
+  }
+  const classes = t1;
+  let t2;
+  if ($[8] !== classes || $[9] !== restProps) {
+    t2 = /*#__PURE__*/jsx(Heading, {
+      ...restProps,
+      className: classes,
+      level: Levels.H4
+    });
+    $[8] = classes;
+    $[9] = restProps;
+    $[10] = t2;
+  } else {
+    t2 = $[10];
+  }
+  return t2;
 });
 
 export { H1, H2, H3, H4, Levels, Heading as default };

package/components/i18n/i18n-context.js

@@ -1,26 +1,64 @@
-import { jsx } from 'react/jsx-runtime';
+import { c } from 'react-compiler-runtime';
 import * as React from 'react';
 import { useEffect } from 'react';
 import { translate, getTranslations, setTranslations } from './i18n.js';
+import { jsx } from 'react/jsx-runtime';
 
 const I18nContext = /*#__PURE__*/React.createContext({
   messages: getTranslations(),
   translate
 });
-const I18nContextHolder = ({
-  children,
-  messages
-}) => {
-  useEffect(() => {
-    setTranslations(messages);
-  }, [messages]);
-  return jsx(I18nContext.Provider, {
-    value: {
+const I18nContextHolder = t0 => {
+  const $ = c(9);
+  if ($[0] !== "4fad998682170be27811243d88e42f31c504dd0399035c12efa95d91c74b2a8d") {
+    for (let $i = 0; $i < 9; $i += 1) {
+      $[$i] = Symbol.for("react.memo_cache_sentinel");
+    }
+    $[0] = "4fad998682170be27811243d88e42f31c504dd0399035c12efa95d91c74b2a8d";
+  }
+  const {
+    children,
+    messages
+  } = t0;
+  let t1;
+  let t2;
+  if ($[1] !== messages) {
+    t1 = () => {
+      setTranslations(messages);
+    };
+    t2 = [messages];
+    $[1] = messages;
+    $[2] = t1;
+    $[3] = t2;
+  } else {
+    t1 = $[2];
+    t2 = $[3];
+  }
+  useEffect(t1, t2);
+  let t3;
+  if ($[4] !== messages) {
+    t3 = {
       messages,
       translate
-    },
-    children: children
-  });
+    };
+    $[4] = messages;
+    $[5] = t3;
+  } else {
+    t3 = $[5];
+  }
+  let t4;
+  if ($[6] !== children || $[7] !== t3) {
+    t4 = /*#__PURE__*/jsx(I18nContext.Provider, {
+      value: t3,
+      children: children
+    });
+    $[6] = children;
+    $[7] = t3;
+    $[8] = t4;
+  } else {
+    t4 = $[8];
+  }
+  return t4;
 };
 
 export { I18nContext, I18nContextHolder };

package/components/icon/icon-svg.d.ts

@@ -2,6 +2,6 @@ import { type SVGAttributes } from 'react';
 export interface IconSVGProps extends SVGAttributes<SVGSVGElement> {
     src: string;
 }
-declare function IconSVG({ src, className, ...rest }: IconSVGProps): import("react/jsx-runtime").JSX.Element;
+declare function IconSVG({ src, className, ...rest }: IconSVGProps): import("react").JSX.Element;
 declare const _default: import("react").MemoExoticComponent<typeof IconSVG>;
 export default _default;

package/components/icon/icon-svg.js

@@ -1,5 +1,6 @@
-import 'react/jsx-runtime';
+import 'react-compiler-runtime';
 import 'react';
 import 'classnames';
 import '../global/memoize.js';
 export { I as default } from '../_helpers/icon-svg.js';
+import 'react/jsx-runtime';

package/components/icon/icon.d.ts

@@ -38,7 +38,7 @@ export default class Icon extends PureComponent<IconProps> {
         width: number | undefined;
         height: number | undefined;
     } | undefined;
-    render(): import("react/jsx-runtime").JSX.Element | null;
+    render(): import("react").JSX.Element | null;
 }
 export type IconAttrs = React.JSX.LibraryManagedAttributes<typeof Icon, IconProps>;
 export { Color, Size };

package/components/icon/icon.js

@@ -1,9 +1,10 @@
-import { jsx } from 'react/jsx-runtime';
 import { PureComponent } from 'react';
 import classNames from 'classnames';
 import deprecate from 'util-deprecate';
 import { Color, Size } from './icon.constants.js';
 import { s as styles, I as IconSVG } from '../_helpers/icon-svg.js';
+import { jsx } from 'react/jsx-runtime';
+import 'react-compiler-runtime';
 import '../global/memoize.js';
 
 const warnSize = deprecate(() => {}, `\`size\`, \`width\` and \`height\` props are not recommended to use in Ring UI \`Icon\` component. The intrinsic sizes of SVG icon (\`width\` and \`height\` SVG attributes) are used instead.
@@ -67,14 +68,14 @@ class Icon extends PureComponent {
       [styles[color]]: !!color,
       [styles.loading]: loading
     }, className);
-    return jsx("span", {
-      "data-test": 'ring-icon',
+    return /*#__PURE__*/jsx("span", {
+      "data-test": "ring-icon",
       ...restProps,
       className: classes,
-      children: typeof Glyph === 'string' ? jsx(IconSVG, {
+      children: typeof Glyph === 'string' ? /*#__PURE__*/jsx(IconSVG, {
         src: Glyph,
         style: this.getStyle()
-      }) : jsx(Glyph, {
+      }) : /*#__PURE__*/jsx(Glyph, {
         className: styles.glyph,
         style: this.getStyle()
       })

package/components/icon/index.js

@@ -1,8 +1,9 @@
 export { default } from './icon.js';
 export { Color, Size } from './icon.constants.js';
-import 'react/jsx-runtime';
 import 'react';
 import 'classnames';
 import 'util-deprecate';
 import '../_helpers/icon-svg.js';
+import 'react-compiler-runtime';
 import '../global/memoize.js';
+import 'react/jsx-runtime';

package/components/input/input.d.ts

@@ -72,7 +72,7 @@ export declare class Input extends PureComponent<InputProps> {
     clear: (e: React.MouseEvent<HTMLButtonElement>) => void;
     handleInputChange: (e: React.ChangeEvent<HTMLInputElement>) => void;
     handleTextareaChange: (e: React.ChangeEvent<HTMLTextAreaElement>) => void;
-    render(): import("react/jsx-runtime").JSX.Element;
+    render(): React.JSX.Element;
 }
 export type ContainerProps<P extends InputProps> = React.JSX.LibraryManagedAttributes<typeof Input, P>;
 export type InputSpecificAttrs = ContainerProps<InputSpecificProps>;

package/components/input/input.js

@@ -1,4 +1,3 @@
-import 'react/jsx-runtime';
 import 'react';
 import 'classnames';
 import '@jetbrains/icons/close-12px';
@@ -11,6 +10,7 @@ import '../global/controls-height.js';
 import '../control-label/control-label.js';
 import '../control-help/control-help.js';
 export { I as Input, S as Size, I as default } from '../_helpers/input.js';
+import 'react/jsx-runtime';
 import '@jetbrains/icons/chevron-down';
 import '@jetbrains/icons/chevron-12px-down';
 import 'util-deprecate';
@@ -18,6 +18,7 @@ import '../link/clickable-link.js';
 import '../_helpers/button.classes.js';
 import '../icon/icon.constants.js';
 import '../_helpers/icon-svg.js';
+import 'react-compiler-runtime';
 import '../global/memoize.js';
 import '../global/configuration.js';
 import '../i18n/i18n.js';

package/components/island/adaptive-island-hoc.js

@@ -1,6 +1,6 @@
-import { jsx } from 'react/jsx-runtime';
 import { createContext, Component } from 'react';
 import { interpolateLinear } from '../global/linear-function.js';
+import { jsx } from 'react/jsx-runtime';
 
 const TITLE_RESIZE_END = 20;
 const TITLE_RESIZE_THRESHOLD = 36;
@@ -25,11 +25,11 @@ function adaptiveIslandHOC(ComposedComponent) {
       }
     };
     render() {
-      return jsx(PhaseContext.Provider, {
+      return /*#__PURE__*/jsx(PhaseContext.Provider, {
         value: this.state.phase,
-        children: jsx(ScrollHandlerContext.Provider, {
+        children: /*#__PURE__*/jsx(ScrollHandlerContext.Provider, {
           value: this.onContentScroll,
-          children: jsx(ComposedComponent, {
+          children: /*#__PURE__*/jsx(ComposedComponent, {
             ...this.props
           })
         })

package/components/island/content.d.ts

@@ -27,7 +27,7 @@ declare class Content extends Component<IslandContentInnerProps> {
     calculateScrollPosition: () => void;
     scrollableNode?: HTMLElement | null;
     setScrollableNodeAndCalculatePosition: (node: HTMLElement | null) => void;
-    render(): import("react/jsx-runtime").JSX.Element;
+    render(): import("react").JSX.Element;
 }
 declare const ContentWrapper: import("react").ForwardRefExoticComponent<IslandContentProps & import("react").RefAttributes<Content>>;
 export default ContentWrapper;

package/components/island/content.js

@@ -1,10 +1,11 @@
-import { jsx, jsxs } from 'react/jsx-runtime';
+import { c } from 'react-compiler-runtime';
 import { forwardRef, Component } from 'react';
 import classNames from 'classnames';
 import createResizeDetector from 'element-resize-detector';
 import scheduleRAF from '../global/schedule-raf.js';
-import { s as styles } from '../_helpers/island.js';
 import { ScrollHandlerContext } from './adaptive-island-hoc.js';
+import { s as styles } from '../_helpers/island.js';
+import { jsx, jsxs } from 'react/jsx-runtime';
 import '../global/linear-function.js';
 
 const scheduleScrollAction = scheduleRAF();
@@ -93,16 +94,16 @@ class Content extends Component {
       [styles.withBottomBorder]: bottomBorder && !scrolledToBottom
     });
     const scrollableWrapperClasses = classNames(styles.scrollableWrapper, scrollableWrapperClassName);
-    return jsx("div", {
+    return /*#__PURE__*/jsx("div", {
       ...restProps,
-      "data-test": 'ring-island-content',
+      "data-test": "ring-island-content",
       className: classes,
-      children: jsxs("div", {
+      children: /*#__PURE__*/jsxs("div", {
         tabIndex: tabIndex,
         className: scrollableWrapperClasses,
         ref: this.setScrollableNodeAndCalculatePosition,
         onScroll: fade ? this.calculateScrollPosition : noop,
-        children: [fade && jsx("div", {
+        children: [fade && /*#__PURE__*/jsx("div", {
           ref: this.setWrapper,
           children: children
         }), !fade && children]
@@ -110,19 +111,37 @@ class Content extends Component {
     });
   }
 }
-const ContentWrapper = /*#__PURE__*/forwardRef((props, ref) => jsx(ScrollHandlerContext.Consumer, {
-  children: onScroll => {
-    const addProps = onScroll ? {
-      onScroll,
-      bottomBorder: true
-    } : {};
-    return jsx(Content, {
-      ...props,
-      ...addProps,
-      ref: ref
+const ContentWrapper = /*#__PURE__*/forwardRef((props, ref) => {
+  const $ = c(4);
+  if ($[0] !== "c32a71969444a48a67d8737ca30be3eaf2fe1249949706470667058a052ec377") {
+    for (let $i = 0; $i < 4; $i += 1) {
+      $[$i] = Symbol.for("react.memo_cache_sentinel");
+    }
+    $[0] = "c32a71969444a48a67d8737ca30be3eaf2fe1249949706470667058a052ec377";
+  }
+  let t0;
+  if ($[1] !== props || $[2] !== ref) {
+    t0 = /*#__PURE__*/jsx(ScrollHandlerContext.Consumer, {
+      children: onScroll => {
+        const addProps = onScroll ? {
+          onScroll,
+          bottomBorder: true
+        } : {};
+        return /*#__PURE__*/jsx(Content, {
+          ...props,
+          ...addProps,
+          ref: ref
+        });
+      }
     });
+    $[1] = props;
+    $[2] = ref;
+    $[3] = t0;
+  } else {
+    t0 = $[3];
   }
-}));
+  return t0;
+});
 ContentWrapper.displayName = 'ContentWrapper';
 
 export { ContentWrapper as default };

package/components/island/header.d.ts

@@ -4,5 +4,5 @@ export interface IslandHeaderProps extends HTMLAttributes<HTMLElement> {
     border?: boolean | null | undefined;
     phase?: number | undefined;
 }
-declare const HeaderWrapper: (props: IslandHeaderProps) => import("react/jsx-runtime").JSX.Element;
+declare const HeaderWrapper: (props: IslandHeaderProps) => import("react").JSX.Element;
 export default HeaderWrapper;