@skbkontur/react-ui 4.13.0 → 4.13.1

package/CHANGELOG.md

@@ -3,6 +3,17 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [4.13.1](https://github.com/skbkontur/retail-ui/compare/@skbkontur/react-ui@4.13.0...@skbkontur/react-ui@4.13.1) (2023-03-10)
+
+
+### Bug Fixes
+
+* **MenuMessage:** pass ref ([#3113](https://github.com/skbkontur/retail-ui/issues/3113)) ([3864e08](https://github.com/skbkontur/retail-ui/commit/3864e08017a0f88309ec3e6cb86304e4508c124c))
+
+
+
+
+
 # [4.13.0](https://github.com/skbkontur/retail-ui/compare/@skbkontur/react-ui@4.12.0...@skbkontur/react-ui@4.13.0) (2023-03-02)
 
 

package/cjs/internal/MenuMessage/MenuMessage.d.ts

@@ -2,9 +2,9 @@ import React from 'react';
 import { CommonProps } from '../CommonWrapper';
 export interface MenuMessageProps extends CommonProps {
     children: React.ReactNode;
-    as?: keyof JSX.IntrinsicElements;
+    as?: React.ElementType;
 }
 export declare const MenuMessageDataTids: {
     readonly root: "MenuMessage__root";
 };
-export declare const MenuMessage: import("../../lib/forwardRefAndName").ReactUIComponentWithRef<HTMLParagraphElement, MenuMessageProps>;
+export declare const MenuMessage: import("../../lib/forwardRefAndName").ReactUIComponentWithRef<HTMLOrSVGElement, MenuMessageProps>;

package/cjs/internal/MenuMessage/MenuMessage.js

@@ -19,13 +19,14 @@ var MenuMessageDataTids = {
 
 var MenuMessage = (0, _forwardRefAndName.forwardRefAndName)(
 'MenuMessage',
-function (_ref) {var _cx;var children = _ref.children,className = _ref.className,_ref$as = _ref.as,Tag = _ref$as === void 0 ? 'p' : _ref$as,rest = (0, _objectWithoutPropertiesLoose2.default)(_ref, _excluded);
+function (_ref, ref) {var _cx;var children = _ref.children,className = _ref.className,_ref$as = _ref.as,Tag = _ref$as === void 0 ? 'p' : _ref$as,rest = (0, _objectWithoutPropertiesLoose2.default)(_ref, _excluded);
   var _useResponsiveLayout = (0, _ResponsiveLayout.useResponsiveLayout)(),isMobile = _useResponsiveLayout.isMobile;
 
   var theme = (0, _react.useContext)(_ThemeContext.ThemeContext);
 
   return /*#__PURE__*/(
     _react.default.createElement(Tag, (0, _extends2.default)({
+      ref: ref,
       "data-tid": MenuMessageDataTids.root,
       className: (0, _Emotion.cx)((_cx = {}, _cx[
 

package/cjs/internal/MenuMessage/MenuMessage.js.map

@@ -1 +1 @@
-{"version":3,"sources":["MenuMessage.tsx"],"names":["MenuMessageDataTids","root","MenuMessage","children","className","as","Tag","rest","isMobile","theme","ThemeContext","styles","rootMobile"],"mappings":"qYAAA;;AAEA;AACA;AACA;AACA;;;AAGA,mD;;;;;;;AAOO,IAAMA,mBAAmB,GAAG;AACjCC,EAAAA,IAAI,EAAE,mBAD2B,EAA5B,C;;;AAIA,IAAMC,WAAW,GAAG;AACzB,aADyB;AAEzB,gBAAqD,aAAlDC,QAAkD,QAAlDA,QAAkD,CAAxCC,SAAwC,QAAxCA,SAAwC,gBAA7BC,EAA6B,CAAzBC,GAAyB,wBAAnB,GAAmB,WAAXC,IAAW;AACnD,6BAAqB,4CAArB,CAAQC,QAAR,wBAAQA,QAAR;;AAEA,MAAMC,KAAK,GAAG,uBAAWC,0BAAX,CAAd;;AAEA;AACE,iCAAC,GAAD;AACE,kBAAUV,mBAAmB,CAACC,IADhC;AAEE,MAAA,SAAS,EAAE;;AAENU,0BAAOV,IAAP,CAAYQ,KAAZ,CAFM,IAEe,IAFf;AAGNE,0BAAOC,UAAP,CAAkBH,KAAlB,CAHM,IAGqBD,QAHrB;;AAKTJ,MAAAA,SALS,CAFb;;AASMG,IAAAA,IATN;;AAWGJ,IAAAA,QAXH,CADF;;;AAeD,CAtBwB,CAApB,C","sourcesContent":["import React, { useContext } from 'react';\n\nimport { forwardRefAndName } from '../../lib/forwardRefAndName';\nimport { useResponsiveLayout } from '../../components/ResponsiveLayout';\nimport { cx } from '../../lib/theming/Emotion';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { CommonProps } from '../CommonWrapper';\n\nimport { styles } from './MenuMessage.styles';\n\nexport interface MenuMessageProps extends CommonProps {\n  children: React.ReactNode;\n  as?: keyof JSX.IntrinsicElements;\n}\n\nexport const MenuMessageDataTids = {\n  root: 'MenuMessage__root',\n} as const;\n\nexport const MenuMessage = forwardRefAndName<HTMLParagraphElement, MenuMessageProps>(\n  'MenuMessage',\n  ({ children, className, as: Tag = 'p', ...rest }) => {\n    const { isMobile } = useResponsiveLayout();\n\n    const theme = useContext(ThemeContext);\n\n    return (\n      <Tag\n        data-tid={MenuMessageDataTids.root}\n        className={cx(\n          {\n            [styles.root(theme)]: true,\n            [styles.rootMobile(theme)]: isMobile,\n          },\n          className,\n        )}\n        {...rest}\n      >\n        {children}\n      </Tag>\n    );\n  },\n);\n"]}
+{"version":3,"sources":["MenuMessage.tsx"],"names":["MenuMessageDataTids","root","MenuMessage","ref","children","className","as","Tag","rest","isMobile","theme","ThemeContext","styles","rootMobile"],"mappings":"qYAAA;;AAEA;AACA;AACA;AACA;;;AAGA,mD;;;;;;;AAOO,IAAMA,mBAAmB,GAAG;AACjCC,EAAAA,IAAI,EAAE,mBAD2B,EAA5B,C;;;AAIA,IAAMC,WAAW,GAAG;AACzB,aADyB;AAEzB,gBAAkDC,GAAlD,EAA0D,aAAvDC,QAAuD,QAAvDA,QAAuD,CAA7CC,SAA6C,QAA7CA,SAA6C,gBAAlCC,EAAkC,CAA9BC,GAA8B,wBAAxB,GAAwB,WAAhBC,IAAgB;AACxD,6BAAqB,4CAArB,CAAQC,QAAR,wBAAQA,QAAR;;AAEA,MAAMC,KAAK,GAAG,uBAAWC,0BAAX,CAAd;;AAEA;AACE,iCAAC,GAAD;AACE,MAAA,GAAG,EAAER,GADP;AAEE,kBAAUH,mBAAmB,CAACC,IAFhC;AAGE,MAAA,SAAS,EAAE;;AAENW,0BAAOX,IAAP,CAAYS,KAAZ,CAFM,IAEe,IAFf;AAGNE,0BAAOC,UAAP,CAAkBH,KAAlB,CAHM,IAGqBD,QAHrB;;AAKTJ,MAAAA,SALS,CAHb;;AAUMG,IAAAA,IAVN;;AAYGJ,IAAAA,QAZH,CADF;;;AAgBD,CAvBwB,CAApB,C","sourcesContent":["import React, { useContext } from 'react';\n\nimport { forwardRefAndName } from '../../lib/forwardRefAndName';\nimport { useResponsiveLayout } from '../../components/ResponsiveLayout';\nimport { cx } from '../../lib/theming/Emotion';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { CommonProps } from '../CommonWrapper';\n\nimport { styles } from './MenuMessage.styles';\n\nexport interface MenuMessageProps extends CommonProps {\n  children: React.ReactNode;\n  as?: React.ElementType;\n}\n\nexport const MenuMessageDataTids = {\n  root: 'MenuMessage__root',\n} as const;\n\nexport const MenuMessage = forwardRefAndName<HTMLOrSVGElement, MenuMessageProps>(\n  'MenuMessage',\n  ({ children, className, as: Tag = 'p', ...rest }, ref) => {\n    const { isMobile } = useResponsiveLayout();\n\n    const theme = useContext(ThemeContext);\n\n    return (\n      <Tag\n        ref={ref}\n        data-tid={MenuMessageDataTids.root}\n        className={cx(\n          {\n            [styles.root(theme)]: true,\n            [styles.rootMobile(theme)]: isMobile,\n          },\n          className,\n        )}\n        {...rest}\n      >\n        {children}\n      </Tag>\n    );\n  },\n);\n"]}

package/internal/MenuMessage/MenuMessage/MenuMessage.js

@@ -10,7 +10,7 @@ import { styles } from "../MenuMessage.styles";
 export var MenuMessageDataTids = {
   root: 'MenuMessage__root'
 };
-export var MenuMessage = forwardRefAndName('MenuMessage', function (_ref) {
+export var MenuMessage = forwardRefAndName('MenuMessage', function (_ref, ref) {
   var _cx;
 
   var children = _ref.children,
@@ -24,6 +24,7 @@ export var MenuMessage = forwardRefAndName('MenuMessage', function (_ref) {
 
   var theme = useContext(ThemeContext);
   return /*#__PURE__*/React.createElement(Tag, _extends({
+    ref: ref,
     "data-tid": MenuMessageDataTids.root,
     className: cx((_cx = {}, _cx[styles.root(theme)] = true, _cx[styles.rootMobile(theme)] = isMobile, _cx), className)
   }, rest), children);

package/internal/MenuMessage/MenuMessage/MenuMessage.js.map

@@ -1 +1 @@
-{"version":3,"sources":["MenuMessage.tsx"],"names":["React","useContext","forwardRefAndName","useResponsiveLayout","cx","ThemeContext","styles","MenuMessageDataTids","root","MenuMessage","children","className","as","Tag","rest","isMobile","theme","rootMobile"],"mappings":"8MAAA,OAAOA,KAAP,IAAgBC,UAAhB,QAAkC,OAAlC;;AAEA,SAASC,iBAAT,QAAkC,6BAAlC;AACA,SAASC,mBAAT,QAAoC,mCAApC;AACA,SAASC,EAAT,QAAmB,2BAAnB;AACA,SAASC,YAAT,QAA6B,gCAA7B;;;AAGA,SAASC,MAAT,QAAuB,sBAAvB;;;;;;;AAOA,OAAO,IAAMC,mBAAmB,GAAG;AACjCC,EAAAA,IAAI,EAAE,mBAD2B,EAA5B;;;AAIP,OAAO,IAAMC,WAAW,GAAGP,iBAAiB;AAC1C,aAD0C;AAE1C,gBAAqD,aAAlDQ,QAAkD,QAAlDA,QAAkD,CAAxCC,SAAwC,QAAxCA,SAAwC,gBAA7BC,EAA6B,CAAzBC,GAAyB,wBAAnB,GAAmB,WAAXC,IAAW;AACnD,6BAAqBX,mBAAmB,EAAxC,CAAQY,QAAR,wBAAQA,QAAR;;AAEA,MAAMC,KAAK,GAAGf,UAAU,CAACI,YAAD,CAAxB;;AAEA;AACE,wBAAC,GAAD;AACE,kBAAUE,mBAAmB,CAACC,IADhC;AAEE,MAAA,SAAS,EAAEJ,EAAE;;AAERE,MAAAA,MAAM,CAACE,IAAP,CAAYQ,KAAZ,CAFQ,IAEa,IAFb;AAGRV,MAAAA,MAAM,CAACW,UAAP,CAAkBD,KAAlB,CAHQ,IAGmBD,QAHnB;;AAKXJ,MAAAA,SALW,CAFf;;AASMG,IAAAA,IATN;;AAWGJ,IAAAA,QAXH,CADF;;;AAeD,CAtByC,CAArC","sourcesContent":["import React, { useContext } from 'react';\n\nimport { forwardRefAndName } from '../../lib/forwardRefAndName';\nimport { useResponsiveLayout } from '../../components/ResponsiveLayout';\nimport { cx } from '../../lib/theming/Emotion';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { CommonProps } from '../CommonWrapper';\n\nimport { styles } from './MenuMessage.styles';\n\nexport interface MenuMessageProps extends CommonProps {\n  children: React.ReactNode;\n  as?: keyof JSX.IntrinsicElements;\n}\n\nexport const MenuMessageDataTids = {\n  root: 'MenuMessage__root',\n} as const;\n\nexport const MenuMessage = forwardRefAndName<HTMLParagraphElement, MenuMessageProps>(\n  'MenuMessage',\n  ({ children, className, as: Tag = 'p', ...rest }) => {\n    const { isMobile } = useResponsiveLayout();\n\n    const theme = useContext(ThemeContext);\n\n    return (\n      <Tag\n        data-tid={MenuMessageDataTids.root}\n        className={cx(\n          {\n            [styles.root(theme)]: true,\n            [styles.rootMobile(theme)]: isMobile,\n          },\n          className,\n        )}\n        {...rest}\n      >\n        {children}\n      </Tag>\n    );\n  },\n);\n"]}
+{"version":3,"sources":["MenuMessage.tsx"],"names":["React","useContext","forwardRefAndName","useResponsiveLayout","cx","ThemeContext","styles","MenuMessageDataTids","root","MenuMessage","ref","children","className","as","Tag","rest","isMobile","theme","rootMobile"],"mappings":"8MAAA,OAAOA,KAAP,IAAgBC,UAAhB,QAAkC,OAAlC;;AAEA,SAASC,iBAAT,QAAkC,6BAAlC;AACA,SAASC,mBAAT,QAAoC,mCAApC;AACA,SAASC,EAAT,QAAmB,2BAAnB;AACA,SAASC,YAAT,QAA6B,gCAA7B;;;AAGA,SAASC,MAAT,QAAuB,sBAAvB;;;;;;;AAOA,OAAO,IAAMC,mBAAmB,GAAG;AACjCC,EAAAA,IAAI,EAAE,mBAD2B,EAA5B;;;AAIP,OAAO,IAAMC,WAAW,GAAGP,iBAAiB;AAC1C,aAD0C;AAE1C,gBAAkDQ,GAAlD,EAA0D,aAAvDC,QAAuD,QAAvDA,QAAuD,CAA7CC,SAA6C,QAA7CA,SAA6C,gBAAlCC,EAAkC,CAA9BC,GAA8B,wBAAxB,GAAwB,WAAhBC,IAAgB;AACxD,6BAAqBZ,mBAAmB,EAAxC,CAAQa,QAAR,wBAAQA,QAAR;;AAEA,MAAMC,KAAK,GAAGhB,UAAU,CAACI,YAAD,CAAxB;;AAEA;AACE,wBAAC,GAAD;AACE,MAAA,GAAG,EAAEK,GADP;AAEE,kBAAUH,mBAAmB,CAACC,IAFhC;AAGE,MAAA,SAAS,EAAEJ,EAAE;;AAERE,MAAAA,MAAM,CAACE,IAAP,CAAYS,KAAZ,CAFQ,IAEa,IAFb;AAGRX,MAAAA,MAAM,CAACY,UAAP,CAAkBD,KAAlB,CAHQ,IAGmBD,QAHnB;;AAKXJ,MAAAA,SALW,CAHf;;AAUMG,IAAAA,IAVN;;AAYGJ,IAAAA,QAZH,CADF;;;AAgBD,CAvByC,CAArC","sourcesContent":["import React, { useContext } from 'react';\n\nimport { forwardRefAndName } from '../../lib/forwardRefAndName';\nimport { useResponsiveLayout } from '../../components/ResponsiveLayout';\nimport { cx } from '../../lib/theming/Emotion';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { CommonProps } from '../CommonWrapper';\n\nimport { styles } from './MenuMessage.styles';\n\nexport interface MenuMessageProps extends CommonProps {\n  children: React.ReactNode;\n  as?: React.ElementType;\n}\n\nexport const MenuMessageDataTids = {\n  root: 'MenuMessage__root',\n} as const;\n\nexport const MenuMessage = forwardRefAndName<HTMLOrSVGElement, MenuMessageProps>(\n  'MenuMessage',\n  ({ children, className, as: Tag = 'p', ...rest }, ref) => {\n    const { isMobile } = useResponsiveLayout();\n\n    const theme = useContext(ThemeContext);\n\n    return (\n      <Tag\n        ref={ref}\n        data-tid={MenuMessageDataTids.root}\n        className={cx(\n          {\n            [styles.root(theme)]: true,\n            [styles.rootMobile(theme)]: isMobile,\n          },\n          className,\n        )}\n        {...rest}\n      >\n        {children}\n      </Tag>\n    );\n  },\n);\n"]}

package/internal/MenuMessage/MenuMessage.d.ts

@@ -2,9 +2,9 @@ import React from 'react';
 import { CommonProps } from '../CommonWrapper';
 export interface MenuMessageProps extends CommonProps {
     children: React.ReactNode;
-    as?: keyof JSX.IntrinsicElements;
+    as?: React.ElementType;
 }
 export declare const MenuMessageDataTids: {
     readonly root: "MenuMessage__root";
 };
-export declare const MenuMessage: import("../../lib/forwardRefAndName").ReactUIComponentWithRef<HTMLParagraphElement, MenuMessageProps>;
+export declare const MenuMessage: import("../../lib/forwardRefAndName").ReactUIComponentWithRef<HTMLOrSVGElement, MenuMessageProps>;

package/package.json

@@ -1,11 +1,11 @@
 {
   "name": "@skbkontur/react-ui",
-  "version": "4.13.0",
+  "version": "4.13.1",
   "description": "UI Components",
   "main": "cjs/index.js",
   "module": "index.js",
   "sideEffects": false,
-  "homepage": "https://tech.skbkontur.ru/react-ui/4.13.0/",
+  "homepage": "https://tech.skbkontur.ru/react-ui/4.13.1/",
   "repository": {
     "type": "git",
     "url": "git@github.com:skbkontur/retail-ui.git"