@vkontakte/vkui 4.34.0 → 4.35.0

package/dist/cjs/components/Typography/Headline/Headline.js

@@ -19,13 +19,16 @@ var _useAdaptivity2 = require("../../../hooks/useAdaptivity");
 
 var _classNames = require("../../../lib/classNames");
 
-var _getClassName = require("../../../helpers/getClassName");
+var _warnOnce = require("../../../lib/warnOnce");
 
-var _excluded = ["children", "weight", "level", "Component"];
+var _getClassName = require("../../../helpers/getClassName");
 
+var _excluded = ["children", "weight", "level", "Component", "getRootRef"];
+var warn = (0, _warnOnce.warnOnce)("Headline");
 /**
  * @see https://vkcom.github.io/VKUI/#/Headline
  */
+
 var Headline = function Headline(_ref) {
   var children = _ref.children,
       _ref$weight = _ref.weight,
@@ -34,13 +37,19 @@ var Headline = function Headline(_ref) {
       level = _ref$level === void 0 ? "1" : _ref$level,
       _ref$Component = _ref.Component,
       Component = _ref$Component === void 0 ? "h3" : _ref$Component,
+      getRootRef = _ref.getRootRef,
       restProps = (0, _objectWithoutProperties2.default)(_ref, _excluded);
   var platform = (0, _usePlatform.usePlatform)();
 
   var _useAdaptivity = (0, _useAdaptivity2.useAdaptivity)(),
       sizeY = _useAdaptivity.sizeY;
 
+  if (process.env.NODE_ENV === "development" && typeof Component !== "string" && getRootRef) {
+    warn("getRootRef может использоваться только с элементами DOM", "error");
+  }
+
   return (0, _jsxRuntime.createScopedElement)(Component, (0, _extends2.default)({}, restProps, {
+    ref: getRootRef,
     vkuiClass: (0, _classNames.classNames)((0, _getClassName.getClassName)("Headline", platform), // TODO: v5 remove
     "Headline--sizeY-".concat(sizeY), // TODO: новая адаптивность
     "Headline--l-".concat(level), "Headline--w-".concat(weight))

package/dist/cjs/components/Typography/Headline/Headline.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/components/Typography/Headline/Headline.tsx"],"names":["Headline","children","weight","level","Component","restProps","platform","sizeY"],"mappings":";;;;;;;;;;;;;;;AAEA;;AACA;;AACA;;AACA;;;;AAeA;AACA;AACA;AACO,IAAMA,QAAQ,GAAG,SAAXA,QAAW,OAMH;AAAA,MALnBC,QAKmB,QALnBA,QAKmB;AAAA,yBAJnBC,MAImB;AAAA,MAJnBA,MAImB,4BAJV,GAIU;AAAA,wBAHnBC,KAGmB;AAAA,MAHnBA,KAGmB,2BAHX,GAGW;AAAA,4BAFnBC,SAEmB;AAAA,MAFnBA,SAEmB,+BAFP,IAEO;AAAA,MADhBC,SACgB;AACnB,MAAMC,QAAQ,GAAG,+BAAjB;;AACA,uBAAkB,oCAAlB;AAAA,MAAQC,KAAR,kBAAQA,KAAR;;AAEA,SACE,qCAAC,SAAD,6BACMF,SADN;AAEE,IAAA,SAAS,EAAE,4BACT,gCAAa,UAAb,EAAyBC,QAAzB,CADS,EAC2B;AAD3B,8BAEUC,KAFV,GAEmB;AAFnB,0BAGMJ,KAHN,yBAIMD,MAJN;AAFb,MASGD,QATH,CADF;AAaD,CAvBM","sourcesContent":["import * as React from \"react\";\nimport { HasComponent } from \"../../../types\";\nimport { usePlatform } from \"../../../hooks/usePlatform\";\nimport { useAdaptivity } from \"../../../hooks/useAdaptivity\";\nimport { classNames } from \"../../../lib/classNames\";\nimport { getClassName } from \"../../../helpers/getClassName\";\nimport \"./Headline.css\";\n\nexport interface HeadlineProps\n  extends React.AllHTMLAttributes<HTMLElement>,\n    HasComponent {\n  /**\n   * Задаёт начертание шрифта отличное от стандартного.\n   *\n   * > ⚠️ Начертания `\"semibold\"`, `medium` и `\"regular\"` устарели и будут удалены в 5.0.0. Используйте значения `\"1\"`, `\"2\"` и `\"3\"`.\n   */\n  weight?: \"regular\" | \"medium\" | \"semibold\" | \"1\" | \"2\" | \"3\";\n  level?: \"1\" | \"2\";\n}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/Headline\n */\nexport const Headline = ({\n  children,\n  weight = \"3\",\n  level = \"1\",\n  Component = \"h3\", // TODO: v5 h4\n  ...restProps\n}: HeadlineProps) => {\n  const platform = usePlatform();\n  const { sizeY } = useAdaptivity();\n\n  return (\n    <Component\n      {...restProps}\n      vkuiClass={classNames(\n        getClassName(\"Headline\", platform), // TODO: v5 remove\n        `Headline--sizeY-${sizeY}`, // TODO: новая адаптивность\n        `Headline--l-${level}`,\n        `Headline--w-${weight}`\n      )}\n    >\n      {children}\n    </Component>\n  );\n};\n"],"file":"Headline.js"}
+{"version":3,"sources":["../../../../../src/components/Typography/Headline/Headline.tsx"],"names":["warn","Headline","children","weight","level","Component","getRootRef","restProps","platform","sizeY","process","env","NODE_ENV"],"mappings":";;;;;;;;;;;;;;;AAEA;;AACA;;AACA;;AACA;;AACA;;;AAgBA,IAAMA,IAAI,GAAG,wBAAS,UAAT,CAAb;AAEA;AACA;AACA;;AACO,IAAMC,QAAQ,GAAG,SAAXA,QAAW,OAOH;AAAA,MANnBC,QAMmB,QANnBA,QAMmB;AAAA,yBALnBC,MAKmB;AAAA,MALnBA,MAKmB,4BALV,GAKU;AAAA,wBAJnBC,KAImB;AAAA,MAJnBA,KAImB,2BAJX,GAIW;AAAA,4BAHnBC,SAGmB;AAAA,MAHnBA,SAGmB,+BAHP,IAGO;AAAA,MAFnBC,UAEmB,QAFnBA,UAEmB;AAAA,MADhBC,SACgB;AACnB,MAAMC,QAAQ,GAAG,+BAAjB;;AACA,uBAAkB,oCAAlB;AAAA,MAAQC,KAAR,kBAAQA,KAAR;;AAEA,MACEC,OAAO,CAACC,GAAR,CAAYC,QAAZ,KAAyB,aAAzB,IACA,OAAOP,SAAP,KAAqB,QADrB,IAEAC,UAHF,EAIE;AACAN,IAAAA,IAAI,CAAC,yDAAD,EAA4D,OAA5D,CAAJ;AACD;;AAED,SACE,qCAAC,SAAD,6BACMO,SADN;AAEE,IAAA,GAAG,EAAED,UAFP;AAGE,IAAA,SAAS,EAAE,4BACT,gCAAa,UAAb,EAAyBE,QAAzB,CADS,EAC2B;AAD3B,8BAEUC,KAFV,GAEmB;AAFnB,0BAGML,KAHN,yBAIMD,MAJN;AAHb,MAUGD,QAVH,CADF;AAcD,CAjCM","sourcesContent":["import * as React from \"react\";\nimport { HasComponent, HasRootRef } from \"../../../types\";\nimport { usePlatform } from \"../../../hooks/usePlatform\";\nimport { useAdaptivity } from \"../../../hooks/useAdaptivity\";\nimport { classNames } from \"../../../lib/classNames\";\nimport { warnOnce } from \"../../../lib/warnOnce\";\nimport { getClassName } from \"../../../helpers/getClassName\";\nimport \"./Headline.css\";\n\nexport interface HeadlineProps\n  extends React.AllHTMLAttributes<HTMLElement>,\n    HasRootRef<HTMLElement>,\n    HasComponent {\n  /**\n   * Задаёт начертание шрифта отличное от стандартного.\n   *\n   * > ⚠️ Начертания `\"semibold\"`, `medium` и `\"regular\"` устарели и будут удалены в 5.0.0. Используйте значения `\"1\"`, `\"2\"` и `\"3\"`.\n   */\n  weight?: \"regular\" | \"medium\" | \"semibold\" | \"1\" | \"2\" | \"3\";\n  level?: \"1\" | \"2\";\n}\n\nconst warn = warnOnce(\"Headline\");\n\n/**\n * @see https://vkcom.github.io/VKUI/#/Headline\n */\nexport const Headline = ({\n  children,\n  weight = \"3\",\n  level = \"1\",\n  Component = \"h3\", // TODO: v5 h4\n  getRootRef,\n  ...restProps\n}: HeadlineProps) => {\n  const platform = usePlatform();\n  const { sizeY } = useAdaptivity();\n\n  if (\n    process.env.NODE_ENV === \"development\" &&\n    typeof Component !== \"string\" &&\n    getRootRef\n  ) {\n    warn(\"getRootRef может использоваться только с элементами DOM\", \"error\");\n  }\n\n  return (\n    <Component\n      {...restProps}\n      ref={getRootRef}\n      vkuiClass={classNames(\n        getClassName(\"Headline\", platform), // TODO: v5 remove\n        `Headline--sizeY-${sizeY}`, // TODO: новая адаптивность\n        `Headline--l-${level}`,\n        `Headline--w-${weight}`\n      )}\n    >\n      {children}\n    </Component>\n  );\n};\n"],"file":"Headline.js"}