@vkontakte/vkui 4.22.0 → 4.24.0

package/dist/cjs/components/ClickPopper/ClickPopper.js

@@ -0,0 +1,92 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ClickPopper = void 0;
+
+var _jsxRuntime = require("../../lib/jsxRuntime");
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+
+var React = _interopRequireWildcard(require("react"));
+
+var _dom = require("../../lib/dom");
+
+var _Popper = require("../Popper/Popper");
+
+var _useExternRef = require("../../hooks/useExternRef");
+
+var _useEventListener = require("../../hooks/useEventListener");
+
+var _useGlobalEventListener = require("../../hooks/useGlobalEventListener");
+
+var _usePatchChildrenRef3 = require("../../hooks/usePatchChildrenRef");
+
+var _excluded = ["getRef", "content", "children", "onShownChange", "shown"];
+
+var ClickPopper = function ClickPopper(_ref) {
+  var getRef = _ref.getRef,
+      content = _ref.content,
+      children = _ref.children,
+      onShownChange = _ref.onShownChange,
+      _shown = _ref.shown,
+      restProps = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+
+  var _React$useState = React.useState(_shown || false),
+      _React$useState2 = (0, _slicedToArray2.default)(_React$useState, 2),
+      computedShown = _React$useState2[0],
+      setComputedShown = _React$useState2[1];
+
+  var _React$useState3 = React.useState(null),
+      _React$useState4 = (0, _slicedToArray2.default)(_React$useState3, 2),
+      dropdownNode = _React$useState4[0],
+      setPopperNode = _React$useState4[1];
+
+  var shown = typeof _shown === "boolean" ? _shown : computedShown;
+
+  var _useDOM = (0, _dom.useDOM)(),
+      document = _useDOM.document;
+
+  var patchedPopperRef = (0, _useExternRef.useExternRef)(setPopperNode, getRef);
+
+  var _usePatchChildrenRef = (0, _usePatchChildrenRef3.usePatchChildrenRef)(children),
+      _usePatchChildrenRef2 = (0, _slicedToArray2.default)(_usePatchChildrenRef, 2),
+      childRef = _usePatchChildrenRef2[0],
+      child = _usePatchChildrenRef2[1];
+
+  var setShown = function setShown(value) {
+    if (typeof _shown !== "boolean") {
+      setComputedShown(value);
+    }
+
+    typeof onShownChange === "function" && onShownChange(value);
+  };
+
+  (0, _useGlobalEventListener.useGlobalEventListener)(document, "click", function (e) {
+    if (dropdownNode && !childRef.current.contains(e.target) && !dropdownNode.contains(e.target)) {
+      setShown(false);
+    }
+  });
+  var targetClickEvent = (0, _useEventListener.useEventListener)("click", function () {
+    setShown(!shown);
+  });
+  React.useEffect(function () {
+    targetClickEvent.add(childRef.current);
+  }, []);
+  return (0, _jsxRuntime.createScopedElement)(React.Fragment, null, child, shown && (0, _jsxRuntime.createScopedElement)(_Popper.Popper, (0, _extends2.default)({}, restProps, {
+    targetRef: childRef,
+    getRef: patchedPopperRef
+  }), content));
+};
+
+exports.ClickPopper = ClickPopper;
+//# sourceMappingURL=ClickPopper.js.map

package/dist/cjs/components/ClickPopper/ClickPopper.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/ClickPopper/ClickPopper.tsx"],"names":["ClickPopper","getRef","content","children","onShownChange","_shown","shown","restProps","React","useState","computedShown","setComputedShown","dropdownNode","setPopperNode","document","patchedPopperRef","childRef","child","setShown","value","e","current","contains","target","targetClickEvent","useEffect","add"],"mappings":";;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;AAqBO,IAAMA,WAAuC,GAAG,SAA1CA,WAA0C,OAO/B;AAAA,MANtBC,MAMsB,QANtBA,MAMsB;AAAA,MALtBC,OAKsB,QALtBA,OAKsB;AAAA,MAJtBC,QAIsB,QAJtBA,QAIsB;AAAA,MAHtBC,aAGsB,QAHtBA,aAGsB;AAAA,MAFfC,MAEe,QAFtBC,KAEsB;AAAA,MADnBC,SACmB;;AACtB,wBAA0CC,KAAK,CAACC,QAAN,CAAeJ,MAAM,IAAI,KAAzB,CAA1C;AAAA;AAAA,MAAOK,aAAP;AAAA,MAAsBC,gBAAtB;;AACA,yBAAsCH,KAAK,CAACC,QAAN,CAAe,IAAf,CAAtC;AAAA;AAAA,MAAOG,YAAP;AAAA,MAAqBC,aAArB;;AAEA,MAAMP,KAAK,GAAG,OAAOD,MAAP,KAAkB,SAAlB,GAA8BA,MAA9B,GAAuCK,aAArD;;AAEA,gBAAqB,kBAArB;AAAA,MAAQI,QAAR,WAAQA,QAAR;;AAEA,MAAMC,gBAAgB,GAAG,gCAAaF,aAAb,EAA4BZ,MAA5B,CAAzB;;AAEA,6BAA0B,+CAAoBE,QAApB,CAA1B;AAAA;AAAA,MAAOa,QAAP;AAAA,MAAiBC,KAAjB;;AAEA,MAAMC,QAAQ,GAAG,SAAXA,QAAW,CAACC,KAAD,EAAoB;AACnC,QAAI,OAAOd,MAAP,KAAkB,SAAtB,EAAiC;AAC/BM,MAAAA,gBAAgB,CAACQ,KAAD,CAAhB;AACD;;AACD,WAAOf,aAAP,KAAyB,UAAzB,IAAuCA,aAAa,CAACe,KAAD,CAApD;AACD,GALD;;AAOA,sDAAuBL,QAAvB,EAAiC,OAAjC,EAA0C,UAACM,CAAD,EAAmB;AAC3D,QACER,YAAY,IACZ,CAACI,QAAQ,CAACK,OAAT,CAAiBC,QAAjB,CAA0BF,CAAC,CAACG,MAA5B,CADD,IAEA,CAACX,YAAY,CAACU,QAAb,CAAsBF,CAAC,CAACG,MAAxB,CAHH,EAIE;AACAL,MAAAA,QAAQ,CAAC,KAAD,CAAR;AACD;AACF,GARD;AAUA,MAAMM,gBAAgB,GAAG,wCAAiB,OAAjB,EAA0B,YAAM;AACvDN,IAAAA,QAAQ,CAAC,CAACZ,KAAF,CAAR;AACD,GAFwB,CAAzB;AAIAE,EAAAA,KAAK,CAACiB,SAAN,CAAgB,YAAM;AACpBD,IAAAA,gBAAgB,CAACE,GAAjB,CAAqBV,QAAQ,CAACK,OAA9B;AACD,GAFD,EAEG,EAFH;AAIA,SACE,qCAAC,KAAD,CAAO,QAAP,QACGJ,KADH,EAEGX,KAAK,IACJ,qCAAC,cAAD,6BAAYC,SAAZ;AAAuB,IAAA,SAAS,EAAES,QAAlC;AAA4C,IAAA,MAAM,EAAED;AAApD,MACGb,OADH,CAHJ,CADF;AAUD,CAtDM","sourcesContent":["import * as React from \"react\";\nimport { useDOM } from \"../../lib/dom\";\nimport { Popper, PopperCommonProps } from \"../Popper/Popper\";\nimport { useExternRef } from \"../../hooks/useExternRef\";\nimport { useEventListener } from \"../../hooks/useEventListener\";\nimport { useGlobalEventListener } from \"../../hooks/useGlobalEventListener\";\nimport { usePatchChildrenRef } from \"../../hooks/usePatchChildrenRef\";\n\nexport interface ClickPopperProps extends PopperCommonProps {\n  /**\n   * Содержимое `ClickPopper`\n   */\n  content?: React.ReactNode;\n  /**\n   * Если передан, то тултип будет показыван/скрыт в зависимости от значения свойства\n   */\n  shown?: boolean;\n  /**\n   * Вызывается при каждом изменении видимости тултипа\n   */\n  onShownChange?: (shown: boolean) => void;\n  /**\n   * Либо jsx-элемент (div, button, etc.), либо компонент со свойством `getRootRef`, которое применяется к корневому элемнету компонента\n   */\n  children?: React.ReactElement;\n}\n\nexport const ClickPopper: React.FC<ClickPopperProps> = ({\n  getRef,\n  content,\n  children,\n  onShownChange,\n  shown: _shown,\n  ...restProps\n}: ClickPopperProps) => {\n  const [computedShown, setComputedShown] = React.useState(_shown || false);\n  const [dropdownNode, setPopperNode] = React.useState(null);\n\n  const shown = typeof _shown === \"boolean\" ? _shown : computedShown;\n\n  const { document } = useDOM();\n\n  const patchedPopperRef = useExternRef(setPopperNode, getRef);\n\n  const [childRef, child] = usePatchChildrenRef(children);\n\n  const setShown = (value: boolean) => {\n    if (typeof _shown !== \"boolean\") {\n      setComputedShown(value);\n    }\n    typeof onShownChange === \"function\" && onShownChange(value);\n  };\n\n  useGlobalEventListener(document, \"click\", (e: MouseEvent) => {\n    if (\n      dropdownNode &&\n      !childRef.current.contains(e.target as Node) &&\n      !dropdownNode.contains(e.target)\n    ) {\n      setShown(false);\n    }\n  });\n\n  const targetClickEvent = useEventListener(\"click\", () => {\n    setShown(!shown);\n  });\n\n  React.useEffect(() => {\n    targetClickEvent.add(childRef.current);\n  }, []);\n\n  return (\n    <React.Fragment>\n      {child}\n      {shown && (\n        <Popper {...restProps} targetRef={childRef} getRef={patchedPopperRef}>\n          {content}\n        </Popper>\n      )}\n    </React.Fragment>\n  );\n};\n"],"file":"ClickPopper.js"}

package/dist/cjs/components/ConfigProvider/ConfigProvider.d.ts

@@ -1,5 +1,5 @@
-import * as React from 'react';
-import { AppearanceScheme, ConfigProviderContextInterface } from './ConfigProviderContext';
+import * as React from "react";
+import { AppearanceScheme, ConfigProviderContextInterface } from "./ConfigProviderContext";
 export interface ConfigProviderProps extends ConfigProviderContextInterface {
     /**
      * Цветовая схема приложения

package/dist/cjs/components/ConfigProvider/ConfigProvider.js

@@ -34,17 +34,17 @@ var _utils = require("../../lib/utils");
 var _warnOnce = require("../../lib/warnOnce");
 
 var _excluded = ["children", "schemeTarget"];
-var warn = (0, _warnOnce.warnOnce)('ConfigProvider');
+var warn = (0, _warnOnce.warnOnce)("ConfigProvider");
 
 function useSchemeDetector(node, _scheme) {
-  var inherit = _scheme === 'inherit';
+  var inherit = _scheme === "inherit";
 
   var getScheme = function getScheme() {
     if (!inherit || !_dom.canUseDOM) {
       return undefined;
     }
 
-    return node.getAttribute('scheme');
+    return node.getAttribute("scheme");
   };
 
   var _React$useState = React.useState(getScheme()),
@@ -63,31 +63,31 @@ function useSchemeDetector(node, _scheme) {
     });
     observer.observe(node, {
       attributes: true,
-      attributeFilter: ['scheme']
+      attributeFilter: ["scheme"]
     });
     return function () {
       return observer.disconnect();
     };
   }, [inherit]);
-  return _scheme === 'inherit' ? resolvedScheme : _scheme;
+  return _scheme === "inherit" ? resolvedScheme : _scheme;
 }
 
 var deriveAppearance = function deriveAppearance(scheme) {
-  return scheme === _ConfigProviderContext.Scheme.SPACE_GRAY || scheme === _ConfigProviderContext.Scheme.VKCOM_DARK ? 'dark' : 'light';
+  return scheme === _ConfigProviderContext.Scheme.SPACE_GRAY || scheme === _ConfigProviderContext.Scheme.VKCOM_DARK ? "dark" : "light";
 };
 
 function normalizeScheme(scheme, platform) {
-  if (scheme === 'inherit') {
+  if (scheme === "inherit") {
     return scheme;
   }
 
   if (scheme === _ConfigProviderContext.Scheme.VKCOM) {
-    process.env.NODE_ENV === 'development' && warn("\u0421\u0445\u0435\u043C\u0430 \"".concat(_ConfigProviderContext.Scheme.VKCOM, "\" \u0443\u0441\u0442\u0430\u0440\u0435\u043B\u0430 \u0438 \u0431\u0443\u0434\u0435\u0442 \u0443\u0434\u0430\u043B\u0435\u043D\u0430 5.0.0. \u0412\u043C\u0435\u0441\u0442\u043E \u043D\u0435\u0451 \u0438\u0441\u043F\u043E\u043B\u044C\u0437\u0443\u0439\u0442\u0435 \"").concat(_ConfigProviderContext.Scheme.VKCOM_LIGHT, "\""));
+    process.env.NODE_ENV === "development" && warn("\u0421\u0445\u0435\u043C\u0430 \"".concat(_ConfigProviderContext.Scheme.VKCOM, "\" \u0443\u0441\u0442\u0430\u0440\u0435\u043B\u0430 \u0438 \u0431\u0443\u0434\u0435\u0442 \u0443\u0434\u0430\u043B\u0435\u043D\u0430 5.0.0. \u0412\u043C\u0435\u0441\u0442\u043E \u043D\u0435\u0451 \u0438\u0441\u043F\u043E\u043B\u044C\u0437\u0443\u0439\u0442\u0435 \"").concat(_ConfigProviderContext.Scheme.VKCOM_LIGHT, "\""));
     return _ConfigProviderContext.Scheme.VKCOM_LIGHT;
   }
 
   if (platform === _platform.VKCOM && (scheme === _ConfigProviderContext.Scheme.BRIGHT_LIGHT || scheme === _ConfigProviderContext.Scheme.SPACE_GRAY)) {
-    process.env.NODE_ENV === 'development' && warn("\u041F\u043B\u0430\u0442\u0444\u043E\u0440\u043C\u0430 \"vkcom\" \u0438 \u0441\u0445\u0435\u043C\u0430 \"".concat(scheme, "\" \u043D\u0435\u0441\u043E\u0432\u043C\u0435\u0441\u0442\u0438\u043C\u044B. \u0421 \u044D\u0442\u043E\u0439 \u043F\u043B\u0430\u0442\u0444\u043E\u0440\u043C\u043E\u0439 \u043C\u043E\u0436\u043D\u043E \u0438\u0441\u043F\u043E\u043B\u044C\u0437\u043E\u0432\u0430\u0442\u044C \u0441\u0445\u0435\u043C\u044B \"").concat(_ConfigProviderContext.Scheme.VKCOM_LIGHT, "\" \u0438\u043B\u0438 \"").concat(_ConfigProviderContext.Scheme.VKCOM_DARK, "\""));
+    process.env.NODE_ENV === "development" && warn("\u041F\u043B\u0430\u0442\u0444\u043E\u0440\u043C\u0430 \"vkcom\" \u0438 \u0441\u0445\u0435\u043C\u0430 \"".concat(scheme, "\" \u043D\u0435\u0441\u043E\u0432\u043C\u0435\u0441\u0442\u0438\u043C\u044B. \u0421 \u044D\u0442\u043E\u0439 \u043F\u043B\u0430\u0442\u0444\u043E\u0440\u043C\u043E\u0439 \u043C\u043E\u0436\u043D\u043E \u0438\u0441\u043F\u043E\u043B\u044C\u0437\u043E\u0432\u0430\u0442\u044C \u0441\u0445\u0435\u043C\u044B \"").concat(_ConfigProviderContext.Scheme.VKCOM_LIGHT, "\" \u0438\u043B\u0438 \"").concat(_ConfigProviderContext.Scheme.VKCOM_DARK, "\""));
     return _ConfigProviderContext.Scheme.VKCOM_LIGHT;
   }
 
@@ -114,17 +114,17 @@ var ConfigProvider = function ConfigProvider(_ref) {
 
   var target = schemeTarget || (document === null || document === void 0 ? void 0 : document.body);
   (0, _useIsomorphicLayoutEffect.useIsomorphicLayoutEffect)(function () {
-    if (scheme === 'inherit') {
+    if (scheme === "inherit") {
       return _utils.noop;
     }
 
-    if (process.env.NODE_ENV === 'development' && target.hasAttribute('scheme')) {
+    if (process.env.NODE_ENV === "development" && target.hasAttribute("scheme")) {
       warn('<body scheme> was set before VKUI mount - did you forget scheme="inherit"?');
     }
 
-    target.setAttribute('scheme', scheme);
+    target.setAttribute("scheme", scheme);
     return function () {
-      return target.removeAttribute('scheme');
+      return target.removeAttribute("scheme");
     };
   }, [scheme]);
   var realScheme = useSchemeDetector(target, scheme);

package/dist/cjs/components/ConfigProvider/ConfigProvider.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/ConfigProvider/ConfigProvider.tsx"],"names":["warn","useSchemeDetector","node","_scheme","inherit","getScheme","canUseDOM","undefined","getAttribute","React","useState","resolvedScheme","setScheme","useEffect","noop","observer","MutationObserver","observe","attributes","attributeFilter","disconnect","deriveAppearance","scheme","Scheme","SPACE_GRAY","VKCOM_DARK","normalizeScheme","platform","VKCOM","process","env","NODE_ENV","VKCOM_LIGHT","BRIGHT_LIGHT","DEPRECATED_CLIENT_LIGHT","DEPRECATED_CLIENT_DARK","ConfigProvider","children","schemeTarget","config","document","target","body","hasAttribute","setAttribute","removeAttribute","realScheme","configContext","appearance","defaultProps","defaultConfigProviderProps"],"mappings":"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","sourcesContent":["import * as React from 'react';\nimport { AppearanceType } from '@vkontakte/vk-bridge';\nimport { canUseDOM, useDOM } from '../../lib/dom';\nimport {\n  AppearanceScheme,\n  ConfigProviderContext,\n  ConfigProviderContextInterface,\n  defaultConfigProviderProps,\n  Scheme,\n} from './ConfigProviderContext';\nimport { PlatformType, VKCOM } from '../../lib/platform';\nimport { useIsomorphicLayoutEffect } from '../../lib/useIsomorphicLayoutEffect';\nimport { useObjectMemo } from '../../hooks/useObjectMemo';\nimport { noop } from '../../lib/utils';\nimport { warnOnce } from '../../lib/warnOnce';\n\nexport interface ConfigProviderProps extends ConfigProviderContextInterface {\n  /**\n   * Цветовая схема приложения\n   */\n  scheme?: AppearanceScheme;\n}\n\nconst warn = warnOnce('ConfigProvider');\n\nfunction useSchemeDetector(node: HTMLElement, _scheme: Scheme | 'inherit') {\n  const inherit = _scheme === 'inherit';\n  const getScheme = () => {\n    if (!inherit || !canUseDOM) {\n      return undefined;\n    }\n    return node.getAttribute('scheme') as Scheme;\n  };\n  const [resolvedScheme, setScheme] = React.useState(getScheme());\n\n  React.useEffect(() => {\n    if (!inherit) {\n      return noop;\n    }\n    setScheme(getScheme());\n    const observer = new MutationObserver(() => setScheme(getScheme()));\n    observer.observe(node, { attributes: true, attributeFilter: ['scheme'] });\n    return () => observer.disconnect();\n  }, [inherit]);\n\n  return _scheme === 'inherit' ? resolvedScheme : _scheme;\n}\n\nconst deriveAppearance = (scheme: Scheme): AppearanceType =>\n  scheme === Scheme.SPACE_GRAY || scheme === Scheme.VKCOM_DARK ? 'dark' : 'light';\n\nfunction normalizeScheme(scheme: AppearanceScheme, platform: PlatformType): Scheme | 'inherit' {\n  if (scheme === 'inherit') {\n    return scheme;\n  }\n  if (scheme === Scheme.VKCOM) {\n    process.env.NODE_ENV === 'development' && warn(`Схема \"${Scheme.VKCOM}\" устарела и будет удалена 5.0.0. Вместо неё используйте \"${Scheme.VKCOM_LIGHT}\"`);\n    return Scheme.VKCOM_LIGHT;\n  }\n  if (platform === VKCOM && (scheme === Scheme.BRIGHT_LIGHT || scheme === Scheme.SPACE_GRAY)) {\n    process.env.NODE_ENV === 'development' && warn(`Платформа \"vkcom\" и схема \"${scheme}\" несовместимы. С этой платформой можно использовать схемы \"${Scheme.VKCOM_LIGHT}\" или \"${Scheme.VKCOM_DARK}\"`);\n    return Scheme.VKCOM_LIGHT;\n  }\n  switch (scheme) {\n    case Scheme.DEPRECATED_CLIENT_LIGHT:\n      return Scheme.BRIGHT_LIGHT;\n    case Scheme.DEPRECATED_CLIENT_DARK:\n      return Scheme.SPACE_GRAY;\n    default:\n      return scheme as Scheme;\n  }\n}\n\nconst ConfigProvider: React.FC<ConfigProviderProps> = ({\n  children,\n  schemeTarget,\n  ...config\n}: ConfigProviderProps & { children?: React.ReactNode; schemeTarget?: HTMLElement }) => {\n  const scheme = normalizeScheme(config.scheme, config.platform);\n  const { document } = useDOM();\n  const target = schemeTarget || document?.body;\n\n  useIsomorphicLayoutEffect(() => {\n    if (scheme === 'inherit') {\n      return noop;\n    }\n    if (process.env.NODE_ENV === 'development' && target.hasAttribute('scheme')) {\n      warn('<body scheme> was set before VKUI mount - did you forget scheme=\"inherit\"?');\n    }\n    target.setAttribute('scheme', scheme);\n    return () => target.removeAttribute('scheme');\n  }, [scheme]);\n\n  const realScheme = useSchemeDetector(target, scheme);\n  const configContext = useObjectMemo({ appearance: deriveAppearance(realScheme), ...config });\n\n  return (\n    <ConfigProviderContext.Provider value={configContext}>\n      {children}\n    </ConfigProviderContext.Provider>\n  );\n};\n\n// Деструктуризация нужна из бага в react-docgen-typescript\n// https://github.com/styleguidist/react-docgen-typescript/issues/195\nConfigProvider.defaultProps = { ...defaultConfigProviderProps };\n\nexport default ConfigProvider;\n"],"file":"ConfigProvider.js"}
+{"version":3,"sources":["../../../../src/components/ConfigProvider/ConfigProvider.tsx"],"names":["warn","useSchemeDetector","node","_scheme","inherit","getScheme","canUseDOM","undefined","getAttribute","React","useState","resolvedScheme","setScheme","useEffect","noop","observer","MutationObserver","observe","attributes","attributeFilter","disconnect","deriveAppearance","scheme","Scheme","SPACE_GRAY","VKCOM_DARK","normalizeScheme","platform","VKCOM","process","env","NODE_ENV","VKCOM_LIGHT","BRIGHT_LIGHT","DEPRECATED_CLIENT_LIGHT","DEPRECATED_CLIENT_DARK","ConfigProvider","children","schemeTarget","config","document","target","body","hasAttribute","setAttribute","removeAttribute","realScheme","configContext","appearance","defaultProps","defaultConfigProviderProps"],"mappings":"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","sourcesContent":["import * as React from \"react\";\nimport { AppearanceType } from \"@vkontakte/vk-bridge\";\nimport { canUseDOM, useDOM } from \"../../lib/dom\";\nimport {\n  AppearanceScheme,\n  ConfigProviderContext,\n  ConfigProviderContextInterface,\n  defaultConfigProviderProps,\n  Scheme,\n} from \"./ConfigProviderContext\";\nimport { PlatformType, VKCOM } from \"../../lib/platform\";\nimport { useIsomorphicLayoutEffect } from \"../../lib/useIsomorphicLayoutEffect\";\nimport { useObjectMemo } from \"../../hooks/useObjectMemo\";\nimport { noop } from \"../../lib/utils\";\nimport { warnOnce } from \"../../lib/warnOnce\";\n\nexport interface ConfigProviderProps extends ConfigProviderContextInterface {\n  /**\n   * Цветовая схема приложения\n   */\n  scheme?: AppearanceScheme;\n}\n\nconst warn = warnOnce(\"ConfigProvider\");\n\nfunction useSchemeDetector(node: HTMLElement, _scheme: Scheme | \"inherit\") {\n  const inherit = _scheme === \"inherit\";\n  const getScheme = () => {\n    if (!inherit || !canUseDOM) {\n      return undefined;\n    }\n    return node.getAttribute(\"scheme\") as Scheme;\n  };\n  const [resolvedScheme, setScheme] = React.useState(getScheme());\n\n  React.useEffect(() => {\n    if (!inherit) {\n      return noop;\n    }\n    setScheme(getScheme());\n    const observer = new MutationObserver(() => setScheme(getScheme()));\n    observer.observe(node, { attributes: true, attributeFilter: [\"scheme\"] });\n    return () => observer.disconnect();\n  }, [inherit]);\n\n  return _scheme === \"inherit\" ? resolvedScheme : _scheme;\n}\n\nconst deriveAppearance = (scheme: Scheme): AppearanceType =>\n  scheme === Scheme.SPACE_GRAY || scheme === Scheme.VKCOM_DARK\n    ? \"dark\"\n    : \"light\";\n\nfunction normalizeScheme(\n  scheme: AppearanceScheme,\n  platform: PlatformType\n): Scheme | \"inherit\" {\n  if (scheme === \"inherit\") {\n    return scheme;\n  }\n  if (scheme === Scheme.VKCOM) {\n    process.env.NODE_ENV === \"development\" &&\n      warn(\n        `Схема \"${Scheme.VKCOM}\" устарела и будет удалена 5.0.0. Вместо неё используйте \"${Scheme.VKCOM_LIGHT}\"`\n      );\n    return Scheme.VKCOM_LIGHT;\n  }\n  if (\n    platform === VKCOM &&\n    (scheme === Scheme.BRIGHT_LIGHT || scheme === Scheme.SPACE_GRAY)\n  ) {\n    process.env.NODE_ENV === \"development\" &&\n      warn(\n        `Платформа \"vkcom\" и схема \"${scheme}\" несовместимы. С этой платформой можно использовать схемы \"${Scheme.VKCOM_LIGHT}\" или \"${Scheme.VKCOM_DARK}\"`\n      );\n    return Scheme.VKCOM_LIGHT;\n  }\n  switch (scheme) {\n    case Scheme.DEPRECATED_CLIENT_LIGHT:\n      return Scheme.BRIGHT_LIGHT;\n    case Scheme.DEPRECATED_CLIENT_DARK:\n      return Scheme.SPACE_GRAY;\n    default:\n      return scheme as Scheme;\n  }\n}\n\nconst ConfigProvider: React.FC<ConfigProviderProps> = ({\n  children,\n  schemeTarget,\n  ...config\n}: ConfigProviderProps & {\n  children?: React.ReactNode;\n  schemeTarget?: HTMLElement;\n}) => {\n  const scheme = normalizeScheme(config.scheme, config.platform);\n  const { document } = useDOM();\n  const target = schemeTarget || document?.body;\n\n  useIsomorphicLayoutEffect(() => {\n    if (scheme === \"inherit\") {\n      return noop;\n    }\n    if (\n      process.env.NODE_ENV === \"development\" &&\n      target.hasAttribute(\"scheme\")\n    ) {\n      warn(\n        '<body scheme> was set before VKUI mount - did you forget scheme=\"inherit\"?'\n      );\n    }\n    target.setAttribute(\"scheme\", scheme);\n    return () => target.removeAttribute(\"scheme\");\n  }, [scheme]);\n\n  const realScheme = useSchemeDetector(target, scheme);\n  const configContext = useObjectMemo({\n    appearance: deriveAppearance(realScheme),\n    ...config,\n  });\n\n  return (\n    <ConfigProviderContext.Provider value={configContext}>\n      {children}\n    </ConfigProviderContext.Provider>\n  );\n};\n\n// Деструктуризация нужна из бага в react-docgen-typescript\n// https://github.com/styleguidist/react-docgen-typescript/issues/195\nConfigProvider.defaultProps = { ...defaultConfigProviderProps };\n\nexport default ConfigProvider;\n"],"file":"ConfigProvider.js"}

package/dist/cjs/components/ConfigProvider/ConfigProviderContext.d.ts

@@ -1,12 +1,20 @@
-import * as React from 'react';
-import { AppearanceSchemeType, AppearanceType } from '@vkontakte/vk-bridge';
-import { PlatformType } from '../../lib/platform';
+import * as React from "react";
+import { AppearanceSchemeType, AppearanceType } from "@vkontakte/vk-bridge";
+import { PlatformType } from "../../lib/platform";
 export declare enum Appearance {
     DARK = "dark",
     LIGHT = "light"
 }
 export declare enum Scheme {
+    /**
+     * @deprecated будет удалено в 5.0.0
+     * версия оставлена для совместимости со старыми версиями клиентов
+     */
     DEPRECATED_CLIENT_LIGHT = "client_light",
+    /**
+     * @deprecated будет удалено в 5.0.0
+     * версия оставлена для совместимости со старыми версиями клиентов
+     */
     DEPRECATED_CLIENT_DARK = "client_dark",
     /**
      * @deprecated будет удалено в 5.0.0
@@ -18,7 +26,7 @@ export declare enum Scheme {
     VKCOM_LIGHT = "vkcom_light",
     VKCOM_DARK = "vkcom_dark"
 }
-export declare type AppearanceScheme = AppearanceSchemeType | Scheme.VKCOM | Scheme.VKCOM_DARK | Scheme.VKCOM_LIGHT | 'inherit';
+export declare type AppearanceScheme = AppearanceSchemeType | Scheme.VKCOM | Scheme.VKCOM_DARK | Scheme.VKCOM_LIGHT | "inherit";
 export declare enum WebviewType {
     VKAPPS = "vkapps",
     INTERNAL = "internal"
@@ -49,6 +57,7 @@ export interface ConfigProviderContextInterface {
      * Платформа
      */
     platform?: PlatformType;
+    hasNewTokens?: boolean;
 }
 export declare const defaultConfigProviderProps: {
     webviewType: WebviewType;
@@ -56,5 +65,6 @@ export declare const defaultConfigProviderProps: {
     scheme: Scheme;
     transitionMotionEnabled: boolean;
     platform: import("../../lib/platform").Platform;
+    hasNewTokens: boolean;
 };
 export declare const ConfigProviderContext: React.Context<ConfigProviderContextInterface>;

package/dist/cjs/components/ConfigProvider/ConfigProviderContext.js

@@ -49,7 +49,8 @@ var defaultConfigProviderProps = {
   isWebView: _vkBridge.default.isWebView(),
   scheme: Scheme.BRIGHT_LIGHT,
   transitionMotionEnabled: true,
-  platform: (0, _platform.platform)() // appearance is auto-detected by default
+  platform: (0, _platform.platform)(),
+  hasNewTokens: false // appearance is auto-detected by default
   // appearance: Appearance.LIGHT,
 
 };

package/dist/cjs/components/ConfigProvider/ConfigProviderContext.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/ConfigProvider/ConfigProviderContext.tsx"],"names":["Appearance","Scheme","WebviewType","defaultConfigProviderProps","webviewType","VKAPPS","isWebView","vkBridge","scheme","BRIGHT_LIGHT","transitionMotionEnabled","platform","ConfigProviderContext","React","createContext"],"mappings":";;;;;;;;;;;AAAA;;AACA;;AACA;;IAEYA,U;;;WAAAA,U;AAAAA,EAAAA,U;AAAAA,EAAAA,U;GAAAA,U,0BAAAA,U;;IAKAC,M;;;WAAAA,M;AAAAA,EAAAA,M;AAAAA,EAAAA,M;AAAAA,EAAAA,M;AAAAA,EAAAA,M;AAAAA,EAAAA,M;AAAAA,EAAAA,M;AAAAA,EAAAA,M;GAAAA,M,sBAAAA,M;;IAiBAC,W;;;WAAAA,W;AAAAA,EAAAA,W;AAAAA,EAAAA,W;GAAAA,W,2BAAAA,W;;AAiCL,IAAMC,0BAA0B,GAAG;AACxCC,EAAAA,WAAW,EAAEF,WAAW,CAACG,MADe;AAExCC,EAAAA,SAAS,EAAEC,kBAASD,SAAT,EAF6B;AAGxCE,EAAAA,MAAM,EAAEP,MAAM,CAACQ,YAHyB;AAIxCC,EAAAA,uBAAuB,EAAE,IAJe;AAKxCC,EAAAA,QAAQ,EAAE,yBAL8B,CAMxC;AACA;;AAPwC,CAAnC;;AAUA,IAAMC,qBAAqB,gBAAGC,KAAK,CAACC,aAAN,CAAoDX,0BAApD,CAA9B","sourcesContent":["import * as React from 'react';\nimport vkBridge, { AppearanceSchemeType, AppearanceType } from '@vkontakte/vk-bridge';\nimport { PlatformType, platform } from '../../lib/platform';\n\nexport enum Appearance {\n  DARK = 'dark',\n  LIGHT = 'light',\n}\n\nexport enum Scheme {\n  DEPRECATED_CLIENT_LIGHT = 'client_light',\n  DEPRECATED_CLIENT_DARK = 'client_dark',\n  /**\n   * @deprecated будет удалено в 5.0.0\n   * версия оставлена для совместимости с vkcom, когда там была только одна схема\n   */\n  VKCOM = 'vkcom',\n\n  BRIGHT_LIGHT = 'bright_light',\n  SPACE_GRAY = 'space_gray',\n  VKCOM_LIGHT = 'vkcom_light',\n  VKCOM_DARK = 'vkcom_dark'\n}\n\nexport type AppearanceScheme = AppearanceSchemeType | Scheme.VKCOM | Scheme.VKCOM_DARK | Scheme.VKCOM_LIGHT | 'inherit';\n\nexport enum WebviewType {\n  VKAPPS = 'vkapps',\n  INTERNAL = 'internal',\n}\n\nexport interface ConfigProviderContextInterface {\n  /**\n   * Подсказывает приложению, обёрнутому в `ConfigProvider`, где открыто приложение: внутри webview или в мобильном браузере\n   */\n  isWebView?: boolean;\n  /**\n   * Тип вебвью.<br>\n   * В случае `WebviewType.VKAPPS` интерфейс будет адаптирован для отображения в вебвью Mini Apps (системные контролы в правой части шапки)\n   */\n  webviewType?: WebviewType.INTERNAL | WebviewType.VKAPPS;\n  /**\n   * Тип приложения\n   */\n  app?: string;\n  /**\n   * Тип цветовой схемы – `light` или `dark`\n   */\n  appearance?: AppearanceType;\n  /**\n   * Включена ли анимация переходов между экранами в `Root` и `View`\n   */\n  transitionMotionEnabled?: boolean;\n  /**\n   * Платформа\n   */\n  platform?: PlatformType;\n}\n\nexport const defaultConfigProviderProps = {\n  webviewType: WebviewType.VKAPPS,\n  isWebView: vkBridge.isWebView(),\n  scheme: Scheme.BRIGHT_LIGHT,\n  transitionMotionEnabled: true,\n  platform: platform(),\n  // appearance is auto-detected by default\n  // appearance: Appearance.LIGHT,\n};\n\nexport const ConfigProviderContext = React.createContext<ConfigProviderContextInterface>(defaultConfigProviderProps);\n"],"file":"ConfigProviderContext.js"}
+{"version":3,"sources":["../../../../src/components/ConfigProvider/ConfigProviderContext.tsx"],"names":["Appearance","Scheme","WebviewType","defaultConfigProviderProps","webviewType","VKAPPS","isWebView","vkBridge","scheme","BRIGHT_LIGHT","transitionMotionEnabled","platform","hasNewTokens","ConfigProviderContext","React","createContext"],"mappings":";;;;;;;;;;;AAAA;;AACA;;AAIA;;IAEYA,U;;;WAAAA,U;AAAAA,EAAAA,U;AAAAA,EAAAA,U;GAAAA,U,0BAAAA,U;;IAKAC,M;;;WAAAA,M;AAAAA,EAAAA,M;AAAAA,EAAAA,M;AAAAA,EAAAA,M;AAAAA,EAAAA,M;AAAAA,EAAAA,M;AAAAA,EAAAA,M;AAAAA,EAAAA,M;GAAAA,M,sBAAAA,M;;IA8BAC,W;;;WAAAA,W;AAAAA,EAAAA,W;AAAAA,EAAAA,W;GAAAA,W,2BAAAA,W;;AAkCL,IAAMC,0BAA0B,GAAG;AACxCC,EAAAA,WAAW,EAAEF,WAAW,CAACG,MADe;AAExCC,EAAAA,SAAS,EAAEC,kBAASD,SAAT,EAF6B;AAGxCE,EAAAA,MAAM,EAAEP,MAAM,CAACQ,YAHyB;AAIxCC,EAAAA,uBAAuB,EAAE,IAJe;AAKxCC,EAAAA,QAAQ,EAAE,yBAL8B;AAMxCC,EAAAA,YAAY,EAAE,KAN0B,CAOxC;AACA;;AARwC,CAAnC;;AAWA,IAAMC,qBAAqB,gBAChCC,KAAK,CAACC,aAAN,CACEZ,0BADF,CADK","sourcesContent":["import * as React from \"react\";\nimport vkBridge, {\n  AppearanceSchemeType,\n  AppearanceType,\n} from \"@vkontakte/vk-bridge\";\nimport { PlatformType, platform } from \"../../lib/platform\";\n\nexport enum Appearance {\n  DARK = \"dark\",\n  LIGHT = \"light\",\n}\n\nexport enum Scheme {\n  /**\n   * @deprecated будет удалено в 5.0.0\n   * версия оставлена для совместимости со старыми версиями клиентов\n   */\n  DEPRECATED_CLIENT_LIGHT = \"client_light\",\n  /**\n   * @deprecated будет удалено в 5.0.0\n   * версия оставлена для совместимости со старыми версиями клиентов\n   */\n  DEPRECATED_CLIENT_DARK = \"client_dark\",\n  /**\n   * @deprecated будет удалено в 5.0.0\n   * версия оставлена для совместимости с vkcom, когда там была только одна схема\n   */\n  VKCOM = \"vkcom\",\n\n  BRIGHT_LIGHT = \"bright_light\",\n  SPACE_GRAY = \"space_gray\",\n  VKCOM_LIGHT = \"vkcom_light\",\n  VKCOM_DARK = \"vkcom_dark\",\n}\n\nexport type AppearanceScheme =\n  | AppearanceSchemeType\n  | Scheme.VKCOM\n  | Scheme.VKCOM_DARK\n  | Scheme.VKCOM_LIGHT\n  | \"inherit\";\n\nexport enum WebviewType {\n  VKAPPS = \"vkapps\",\n  INTERNAL = \"internal\",\n}\n\nexport interface ConfigProviderContextInterface {\n  /**\n   * Подсказывает приложению, обёрнутому в `ConfigProvider`, где открыто приложение: внутри webview или в мобильном браузере\n   */\n  isWebView?: boolean;\n  /**\n   * Тип вебвью.<br>\n   * В случае `WebviewType.VKAPPS` интерфейс будет адаптирован для отображения в вебвью Mini Apps (системные контролы в правой части шапки)\n   */\n  webviewType?: WebviewType.INTERNAL | WebviewType.VKAPPS;\n  /**\n   * Тип приложения\n   */\n  app?: string;\n  /**\n   * Тип цветовой схемы – `light` или `dark`\n   */\n  appearance?: AppearanceType;\n  /**\n   * Включена ли анимация переходов между экранами в `Root` и `View`\n   */\n  transitionMotionEnabled?: boolean;\n  /**\n   * Платформа\n   */\n  platform?: PlatformType;\n  hasNewTokens?: boolean;\n}\n\nexport const defaultConfigProviderProps = {\n  webviewType: WebviewType.VKAPPS,\n  isWebView: vkBridge.isWebView(),\n  scheme: Scheme.BRIGHT_LIGHT,\n  transitionMotionEnabled: true,\n  platform: platform(),\n  hasNewTokens: false,\n  // appearance is auto-detected by default\n  // appearance: Appearance.LIGHT,\n};\n\nexport const ConfigProviderContext =\n  React.createContext<ConfigProviderContextInterface>(\n    defaultConfigProviderProps\n  );\n"],"file":"ConfigProviderContext.js"}

package/dist/cjs/components/ContentCard/ContentCard.d.ts

@@ -1,8 +1,9 @@
-import * as React from 'react';
-import { CardProps } from '../Card/Card';
-import { HasRef, HasRootRef } from '../../types';
-import './ContentCard.css';
-export interface ContentCardProps extends HasRootRef<HTMLDivElement>, React.ImgHTMLAttributes<HTMLImageElement>, HasRef<HTMLImageElement> {
+import * as React from "react";
+import { CardProps } from "../Card/Card";
+import { TappableProps } from "../Tappable/Tappable";
+import { HasRef, HasRootRef } from "../../types";
+import "./ContentCard.css";
+export interface ContentCardProps extends HasRootRef<HTMLDivElement>, Omit<TappableProps, "getRootRef" | "crossOrigin">, Omit<React.ImgHTMLAttributes<HTMLImageElement>, keyof React.HTMLAttributes<HTMLImageElement>>, HasRef<HTMLImageElement> {
     /**
      Текст над заголовком
      */
@@ -19,10 +20,6 @@ export interface ContentCardProps extends HasRootRef<HTMLDivElement>, React.ImgH
      Нижний текст
      */
     caption?: React.ReactNode;
-    /**
-      URL или путь к изображению
-     */
-    src?: string;
     /**
       @deprecated будет удалено в 5.0.0. Используйте src
      */
@@ -31,18 +28,7 @@ export interface ContentCardProps extends HasRootRef<HTMLDivElement>, React.ImgH
       Максимальная высота изображения
      */
     maxHeight?: number;
-    /**
-      Аналогично alt для img
-     */
-    alt?: string;
-    /**
-      Отключает Tappable у карточки
-     */
-    disabled?: boolean;
-    /**
-     В точности как у `<Card/>`
-     */
-    mode?: CardProps['mode'];
+    mode?: CardProps["mode"];
 }
 declare const ContentCard: React.FC<ContentCardProps>;
 export default ContentCard;

package/dist/cjs/components/ContentCard/ContentCard.js

@@ -29,6 +29,8 @@ var _usePlatform = require("../../hooks/usePlatform");
 
 var _utils = require("../../lib/utils");
 
+var _classNames = require("../../lib/classNames");
+
 var _excluded = ["subtitle", "header", "text", "caption", "className", "mode", "style", "getRootRef", "getRef", "maxHeight", "image", "src", "srcSet", "alt", "width", "height", "crossOrigin", "decoding", "loading", "referrerPolicy", "sizes", "useMap"];
 
 var ContentCard = function ContentCard(props) {
@@ -56,16 +58,19 @@ var ContentCard = function ContentCard(props) {
       useMap = props.useMap,
       restProps = (0, _objectWithoutProperties2.default)(props, _excluded);
   var platform = (0, _usePlatform.usePlatform)();
-  var disabled = restProps.disabled || typeof restProps.onClick !== 'function';
   var source = image || src;
   return (0, _jsxRuntime.createScopedElement)(_Card.default, {
     mode: mode,
     getRootRef: getRootRef,
-    vkuiClass: (0, _getClassName.getClassName)('ContentCard', platform),
+    vkuiClass: (0, _classNames.classNames)((0, _getClassName.getClassName)("ContentCard", platform), {
+      "ContentCard--disabled": restProps.disabled
+    }),
     style: style,
     className: className
   }, (0, _jsxRuntime.createScopedElement)(_Tappable.default, (0, _extends2.default)({}, restProps, {
-    disabled: disabled,
+    disabled: restProps.disabled || !restProps.onClick && !restProps.href,
+    hasHover: false,
+    hasActive: false,
     vkuiClass: "ContentCard__tappable"
   }), (source || srcSet) && (0, _jsxRuntime.createScopedElement)("img", {
     ref: getRef,
@@ -106,7 +111,7 @@ var ContentCard = function ContentCard(props) {
 };
 
 ContentCard.defaultProps = {
-  mode: 'shadow'
+  mode: "shadow"
 };
 var _default = ContentCard;
 exports.default = _default;

package/dist/cjs/components/ContentCard/ContentCard.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/ContentCard/ContentCard.tsx"],"names":["ContentCard","props","subtitle","header","text","caption","className","mode","style","getRootRef","getRef","maxHeight","image","src","srcSet","alt","width","height","crossOrigin","decoding","loading","referrerPolicy","sizes","useMap","restProps","platform","disabled","onClick","source","defaultProps"],"mappings":";;;;;;;;;;;;;;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;AA+CA,IAAMA,WAAuC,GAAG,SAA1CA,WAA0C,CAACC,KAAD,EAA6B;AAC3E,MACEC,QADF,GA0BID,KA1BJ,CACEC,QADF;AAAA,MAEEC,MAFF,GA0BIF,KA1BJ,CAEEE,MAFF;AAAA,MAGEC,IAHF,GA0BIH,KA1BJ,CAGEG,IAHF;AAAA,MAIEC,OAJF,GA0BIJ,KA1BJ,CAIEI,OAJF;AAAA,MAMEC,SANF,GA0BIL,KA1BJ,CAMEK,SANF;AAAA,MAOEC,IAPF,GA0BIN,KA1BJ,CAOEM,IAPF;AAAA,MAQEC,KARF,GA0BIP,KA1BJ,CAQEO,KARF;AAAA,MASEC,UATF,GA0BIR,KA1BJ,CASEQ,UATF;AAAA,MAWEC,MAXF,GA0BIT,KA1BJ,CAWES,MAXF;AAAA,MAYEC,SAZF,GA0BIV,KA1BJ,CAYEU,SAZF;AAAA,MAaEC,KAbF,GA0BIX,KA1BJ,CAaEW,KAbF;AAAA,MAcEC,GAdF,GA0BIZ,KA1BJ,CAcEY,GAdF;AAAA,MAeEC,MAfF,GA0BIb,KA1BJ,CAeEa,MAfF;AAAA,MAgBEC,GAhBF,GA0BId,KA1BJ,CAgBEc,GAhBF;AAAA,MAiBEC,KAjBF,GA0BIf,KA1BJ,CAiBEe,KAjBF;AAAA,MAkBEC,MAlBF,GA0BIhB,KA1BJ,CAkBEgB,MAlBF;AAAA,MAmBEC,WAnBF,GA0BIjB,KA1BJ,CAmBEiB,WAnBF;AAAA,MAoBEC,QApBF,GA0BIlB,KA1BJ,CAoBEkB,QApBF;AAAA,MAqBEC,OArBF,GA0BInB,KA1BJ,CAqBEmB,OArBF;AAAA,MAsBEC,cAtBF,GA0BIpB,KA1BJ,CAsBEoB,cAtBF;AAAA,MAuBEC,KAvBF,GA0BIrB,KA1BJ,CAuBEqB,KAvBF;AAAA,MAwBEC,MAxBF,GA0BItB,KA1BJ,CAwBEsB,MAxBF;AAAA,MAyBKC,SAzBL,0CA0BIvB,KA1BJ;AA2BA,MAAMwB,QAAQ,GAAG,+BAAjB;AAEA,MAAMC,QAAQ,GAAGF,SAAS,CAACE,QAAV,IAAsB,OAAOF,SAAS,CAACG,OAAjB,KAA6B,UAApE;AAEA,MAAMC,MAAM,GAAGhB,KAAK,IAAIC,GAAxB;AAEA,SACE,qCAAC,aAAD;AAAM,IAAA,IAAI,EAAEN,IAAZ;AAAkB,IAAA,UAAU,EAAEE,UAA9B;AAA0C,IAAA,SAAS,EAAE,gCAAa,aAAb,EAA4BgB,QAA5B,CAArD;AAA4F,IAAA,KAAK,EAAEjB,KAAnG;AAA0G,IAAA,SAAS,EAAEF;AAArH,KACE,qCAAC,iBAAD,6BAAckB,SAAd;AAAyB,IAAA,QAAQ,EAAEE,QAAnC;AAA6C,IAAA,SAAS,EAAC;AAAvD,MACG,CAACE,MAAM,IAAId,MAAX,KACC;AACE,IAAA,GAAG,EAAEJ,MADP;AAEE,IAAA,SAAS,EAAC,kBAFZ;AAGE,IAAA,GAAG,EAAEkB,MAHP;AAIE,IAAA,MAAM,EAAEd,MAJV;AAKE,IAAA,GAAG,EAAEC,GALP;AAME,IAAA,WAAW,EAAEG,WANf;AAOE,IAAA,QAAQ,EAAEC,QAPZ;AAQE,IAAA,OAAO,EAAEC,OARX;AASE,IAAA,cAAc,EAAEC,cATlB;AAUE,IAAA,KAAK,EAAEC,KAVT;AAWE,IAAA,MAAM,EAAEC,MAXV;AAYE,IAAA,MAAM,EAAEN,MAZV;AAaE,IAAA,KAAK,EAAE;AAAEN,MAAAA,SAAS,EAATA;AAAF,KAbT;AAcE,IAAA,KAAK,EAAC;AAdR,IAFJ,EAmBE;AAAK,IAAA,SAAS,EAAC;AAAf,KACG,yBAAaT,QAAb,KAA0B,qCAAC,gBAAD;AAAS,IAAA,IAAI,MAAb;AAAc,IAAA,SAAS,EAAC,mBAAxB;AAA4C,IAAA,MAAM,EAAC,UAAnD;AAA8D,IAAA,KAAK,EAAC;AAApE,KAAyEA,QAAzE,CAD7B,EAEG,yBAAaC,MAAb,KAAwB,qCAAC,cAAD;AAAO,IAAA,SAAS,EAAC,mBAAjB;AAAqC,IAAA,MAAM,EAAC,UAA5C;AAAuD,IAAA,KAAK,EAAC;AAA7D,KAAkEA,MAAlE,CAF3B,EAGG,yBAAaC,IAAb,KAAsB,qCAAC,aAAD;AAAM,IAAA,SAAS,EAAC,mBAAhB;AAAoC,IAAA,MAAM,EAAC;AAA3C,KAAsDA,IAAtD,CAHzB,EAIG,yBAAaC,OAAb,KAAyB,qCAAC,gBAAD;AAAS,IAAA,SAAS,EAAC,mBAAnB;AAAuC,IAAA,MAAM,EAAC,SAA9C;AAAwD,IAAA,KAAK,EAAC;AAA9D,KAAmEA,OAAnE,CAJ5B,CAnBF,CADF,CADF;AA8BD,CAhED;;AAkEAL,WAAW,CAAC6B,YAAZ,GAA2B;AACzBtB,EAAAA,IAAI,EAAE;AADmB,CAA3B;eAIeP,W","sourcesContent":["import * as React from 'react';\nimport Card, { CardProps } from '../Card/Card';\nimport Caption from '../Typography/Caption/Caption';\nimport Title from '../Typography/Title/Title';\nimport Text from '../Typography/Text/Text';\nimport Tappable from '../Tappable/Tappable';\nimport { getClassName } from '../../helpers/getClassName';\nimport { usePlatform } from '../../hooks/usePlatform';\nimport { hasReactNode } from '../../lib/utils';\nimport { HasRef, HasRootRef } from '../../types';\nimport './ContentCard.css';\n\nexport interface ContentCardProps extends HasRootRef<HTMLDivElement>, React.ImgHTMLAttributes<HTMLImageElement>, HasRef<HTMLImageElement> {\n  /**\n   Текст над заголовком\n   */\n  subtitle?: React.ReactNode;\n  /**\n   Заголовок\n   */\n  header?: React.ReactNode;\n  /**\n   Текст\n   */\n  text?: React.ReactNode;\n  /**\n   Нижний текст\n   */\n  caption?: React.ReactNode;\n  /**\n    URL или путь к изображению\n   */\n  src?: string;\n  /**\n    @deprecated будет удалено в 5.0.0. Используйте src\n   */\n  image?: string;\n  /**\n    Максимальная высота изображения\n   */\n  maxHeight?: number;\n  /**\n    Аналогично alt для img\n   */\n  alt?: string;\n  /**\n    Отключает Tappable у карточки\n   */\n  disabled?: boolean;\n  /**\n   В точности как у `<Card/>`\n   */\n  mode?: CardProps['mode'];\n}\n\nconst ContentCard: React.FC<ContentCardProps> = (props: ContentCardProps) => {\n  const {\n    subtitle,\n    header,\n    text,\n    caption,\n    // card props\n    className,\n    mode,\n    style,\n    getRootRef,\n    // img props\n    getRef,\n    maxHeight,\n    image,\n    src,\n    srcSet,\n    alt,\n    width,\n    height,\n    crossOrigin,\n    decoding,\n    loading,\n    referrerPolicy,\n    sizes,\n    useMap,\n    ...restProps\n  } = props;\n  const platform = usePlatform();\n\n  const disabled = restProps.disabled || typeof restProps.onClick !== 'function';\n\n  const source = image || src;\n\n  return (\n    <Card mode={mode} getRootRef={getRootRef} vkuiClass={getClassName('ContentCard', platform)} style={style} className={className}>\n      <Tappable {...restProps} disabled={disabled} vkuiClass=\"ContentCard__tappable\">\n        {(source || srcSet) && (\n          <img\n            ref={getRef}\n            vkuiClass=\"ContentCard__img\"\n            src={source}\n            srcSet={srcSet}\n            alt={alt}\n            crossOrigin={crossOrigin}\n            decoding={decoding}\n            loading={loading}\n            referrerPolicy={referrerPolicy}\n            sizes={sizes}\n            useMap={useMap}\n            height={height}\n            style={{ maxHeight }}\n            width=\"100%\"\n          />\n        )}\n        <div vkuiClass=\"ContentCard__body\">\n          {hasReactNode(subtitle) && <Caption caps vkuiClass=\"ContentCard__text\" weight=\"semibold\" level=\"3\">{subtitle}</Caption>}\n          {hasReactNode(header) && <Title vkuiClass=\"ContentCard__text\" weight=\"semibold\" level=\"3\">{header}</Title>}\n          {hasReactNode(text) && <Text vkuiClass=\"ContentCard__text\" weight=\"regular\">{text}</Text>}\n          {hasReactNode(caption) && <Caption vkuiClass=\"ContentCard__text\" weight=\"regular\" level=\"1\">{caption}</Caption>}\n        </div>\n      </Tappable>\n    </Card>\n  );\n};\n\nContentCard.defaultProps = {\n  mode: 'shadow',\n};\n\nexport default ContentCard;\n"],"file":"ContentCard.js"}
+{"version":3,"sources":["../../../../src/components/ContentCard/ContentCard.tsx"],"names":["ContentCard","props","subtitle","header","text","caption","className","mode","style","getRootRef","getRef","maxHeight","image","src","srcSet","alt","width","height","crossOrigin","decoding","loading","referrerPolicy","sizes","useMap","restProps","platform","source","disabled","onClick","href","defaultProps"],"mappings":"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","sourcesContent":["import * as React from \"react\";\nimport Card, { CardProps } from \"../Card/Card\";\nimport Caption from \"../Typography/Caption/Caption\";\nimport Title from \"../Typography/Title/Title\";\nimport Text from \"../Typography/Text/Text\";\nimport Tappable, { TappableProps } from \"../Tappable/Tappable\";\nimport { getClassName } from \"../../helpers/getClassName\";\nimport { usePlatform } from \"../../hooks/usePlatform\";\nimport { hasReactNode } from \"../../lib/utils\";\nimport { HasRef, HasRootRef } from \"../../types\";\nimport { classNames } from \"../../lib/classNames\";\nimport \"./ContentCard.css\";\n\nexport interface ContentCardProps\n  extends HasRootRef<HTMLDivElement>,\n    Omit<TappableProps, \"getRootRef\" | \"crossOrigin\">,\n    Omit<\n      React.ImgHTMLAttributes<HTMLImageElement>,\n      keyof React.HTMLAttributes<HTMLImageElement>\n    >,\n    HasRef<HTMLImageElement> {\n  /**\n   Текст над заголовком\n   */\n  subtitle?: React.ReactNode;\n  /**\n   Заголовок\n   */\n  header?: React.ReactNode;\n  /**\n   Текст\n   */\n  text?: React.ReactNode;\n  /**\n   Нижний текст\n   */\n  caption?: React.ReactNode;\n  /**\n    @deprecated будет удалено в 5.0.0. Используйте src\n   */\n  image?: string;\n  /**\n    Максимальная высота изображения\n   */\n  maxHeight?: number;\n  mode?: CardProps[\"mode\"];\n}\n\nconst ContentCard: React.FC<ContentCardProps> = (props: ContentCardProps) => {\n  const {\n    subtitle,\n    header,\n    text,\n    caption,\n    // card props\n    className,\n    mode,\n    style,\n    getRootRef,\n    // img props\n    getRef,\n    maxHeight,\n    image,\n    src,\n    srcSet,\n    alt,\n    width,\n    height,\n    crossOrigin,\n    decoding,\n    loading,\n    referrerPolicy,\n    sizes,\n    useMap,\n    ...restProps\n  } = props;\n  const platform = usePlatform();\n\n  const source = image || src;\n\n  return (\n    <Card\n      mode={mode}\n      getRootRef={getRootRef}\n      vkuiClass={classNames(getClassName(\"ContentCard\", platform), {\n        \"ContentCard--disabled\": restProps.disabled,\n      })}\n      style={style}\n      className={className}\n    >\n      <Tappable\n        {...restProps}\n        disabled={restProps.disabled || (!restProps.onClick && !restProps.href)}\n        hasHover={false}\n        hasActive={false}\n        vkuiClass=\"ContentCard__tappable\"\n      >\n        {(source || srcSet) && (\n          <img\n            ref={getRef}\n            vkuiClass=\"ContentCard__img\"\n            src={source}\n            srcSet={srcSet}\n            alt={alt}\n            crossOrigin={crossOrigin}\n            decoding={decoding}\n            loading={loading}\n            referrerPolicy={referrerPolicy}\n            sizes={sizes}\n            useMap={useMap}\n            height={height}\n            style={{ maxHeight }}\n            width=\"100%\"\n          />\n        )}\n        <div vkuiClass=\"ContentCard__body\">\n          {hasReactNode(subtitle) && (\n            <Caption\n              caps\n              vkuiClass=\"ContentCard__text\"\n              weight=\"semibold\"\n              level=\"3\"\n            >\n              {subtitle}\n            </Caption>\n          )}\n          {hasReactNode(header) && (\n            <Title vkuiClass=\"ContentCard__text\" weight=\"semibold\" level=\"3\">\n              {header}\n            </Title>\n          )}\n          {hasReactNode(text) && (\n            <Text vkuiClass=\"ContentCard__text\" weight=\"regular\">\n              {text}\n            </Text>\n          )}\n          {hasReactNode(caption) && (\n            <Caption vkuiClass=\"ContentCard__text\" weight=\"regular\" level=\"1\">\n              {caption}\n            </Caption>\n          )}\n        </div>\n      </Tappable>\n    </Card>\n  );\n};\n\nContentCard.defaultProps = {\n  mode: \"shadow\",\n};\n\nexport default ContentCard;\n"],"file":"ContentCard.js"}

package/dist/cjs/components/Counter/Counter.d.ts

@@ -1,11 +1,11 @@
-import * as React from 'react';
-import './Counter.css';
+import * as React from "react";
+import "./Counter.css";
 export interface CounterProps extends React.HTMLAttributes<HTMLSpanElement> {
     /**
      * Тип счетчика. При использовании компонента в качестве значения свойства `after` у `Button` эти значения игнорируются
      */
-    mode?: 'secondary' | 'primary' | 'prominent';
-    size?: 's' | 'm';
+    mode?: "secondary" | "primary" | "prominent";
+    size?: "s" | "m";
 }
 declare const _default: React.NamedExoticComponent<CounterProps>;
 export default _default;

package/dist/cjs/components/Counter/Counter.js

@@ -38,9 +38,9 @@ var CounterTypography = function CounterTypography(_ref) {
   var size = _ref.size,
       platform = _ref.platform,
       restProps = (0, _objectWithoutProperties2.default)(_ref, _excluded);
-  return size === 's' ? (0, _jsxRuntime.createScopedElement)(_Caption.default, (0, _extends2.default)({
+  return size === "s" ? (0, _jsxRuntime.createScopedElement)(_Caption.default, (0, _extends2.default)({
     level: "2",
-    weight: platform === _platform.VKCOM ? 'medium' : 'regular'
+    weight: platform === _platform.VKCOM ? "medium" : "regular"
   }, restProps)) : (0, _jsxRuntime.createScopedElement)(_Text.default, (0, _extends2.default)({
     weight: "medium"
   }, restProps));
@@ -58,7 +58,7 @@ var Counter = function Counter(props) {
   }
 
   return (0, _jsxRuntime.createScopedElement)("span", (0, _extends2.default)({}, restProps, {
-    vkuiClass: (0, _classNames.classNames)((0, _getClassName.getClassName)('Counter', platform), "Counter--".concat(mode), "Counter--s-".concat(size))
+    vkuiClass: (0, _classNames.classNames)((0, _getClassName.getClassName)("Counter", platform), "Counter--".concat(mode), "Counter--s-".concat(size))
   }), (0, _utils.hasReactNode)(children) && (0, _jsxRuntime.createScopedElement)(CounterTypography, {
     platform: platform,
     size: size,
@@ -67,8 +67,8 @@ var Counter = function Counter(props) {
 };
 
 Counter.defaultProps = {
-  mode: 'secondary',
-  size: 'm'
+  mode: "secondary",
+  size: "m"
 };
 
 var _default = /*#__PURE__*/React.memo(Counter);

package/dist/cjs/components/Counter/Counter.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/Counter/Counter.tsx"],"names":["CounterTypography","size","platform","restProps","VKCOM","Counter","props","mode","children","React","Children","count","defaultProps","memo"],"mappings":";;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;;AAcA,IAAMA,iBAAmD,GAAG,SAAtDA,iBAAsD,OAAsC;AAAA,MAAnCC,IAAmC,QAAnCA,IAAmC;AAAA,MAA7BC,QAA6B,QAA7BA,QAA6B;AAAA,MAAhBC,SAAgB;AAChG,SAAOF,IAAI,KAAK,GAAT,GACH,qCAAC,gBAAD;AAAS,IAAA,KAAK,EAAC,GAAf;AAAmB,IAAA,MAAM,EAAEC,QAAQ,KAAKE,eAAb,GAAqB,QAArB,GAAgC;AAA3D,KAA0ED,SAA1E,EADG,GAEH,qCAAC,aAAD;AAAM,IAAA,MAAM,EAAC;AAAb,KAA0BA,SAA1B,EAFJ;AAGD,CAJD;;AAMA,IAAME,OAA+B,GAAG,SAAlCA,OAAkC,CAACC,KAAD,EAAyB;AAC/D,MAAQC,IAAR,GAA+CD,KAA/C,CAAQC,IAAR;AAAA,MAAcN,IAAd,GAA+CK,KAA/C,CAAcL,IAAd;AAAA,MAAoBO,QAApB,GAA+CF,KAA/C,CAAoBE,QAApB;AAAA,MAAiCL,SAAjC,0CAA+CG,KAA/C;AACA,MAAMJ,QAAQ,GAAG,+BAAjB;;AAEA,MAAIO,KAAK,CAACC,QAAN,CAAeC,KAAf,CAAqBH,QAArB,MAAmC,CAAvC,EAA0C;AACxC,WAAO,IAAP;AACD;;AAED,SACE,wEACML,SADN;AAEE,IAAA,SAAS,EAAE,4BACT,gCAAa,SAAb,EAAwBD,QAAxB,CADS,qBAEGK,IAFH,wBAGKN,IAHL;AAFb,MAQG,yBAAaO,QAAb,KAA0B,qCAAC,iBAAD;AAAmB,IAAA,QAAQ,EAAEN,QAA7B;AAAuC,IAAA,IAAI,EAAED,IAA7C;AAAmD,IAAA,SAAS,EAAC;AAA7D,KAA4EO,QAA5E,CAR7B,CADF;AAYD,CApBD;;AAsBAH,OAAO,CAACO,YAAR,GAAuB;AACrBL,EAAAA,IAAI,EAAE,WADe;AAErBN,EAAAA,IAAI,EAAE;AAFe,CAAvB;;4BAKeQ,KAAK,CAACI,IAAN,CAAWR,OAAX,C","sourcesContent":["import * as React from 'react';\nimport { classNames } from '../../lib/classNames';\nimport { getClassName } from '../../helpers/getClassName';\nimport { usePlatform } from '../../hooks/usePlatform';\nimport Caption from '../Typography/Caption/Caption';\nimport Text from '../Typography/Text/Text';\nimport { VKCOM } from '../../lib/platform';\nimport { hasReactNode } from '../../lib/utils';\nimport { HasComponent, HasPlatform } from '../../types';\nimport './Counter.css';\n\nexport interface CounterProps extends React.HTMLAttributes<HTMLSpanElement> {\n  /**\n   * Тип счетчика. При использовании компонента в качестве значения свойства `after` у `Button` эти значения игнорируются\n   */\n  mode?: 'secondary' | 'primary' | 'prominent';\n  size?: 's' | 'm';\n}\n\ntype CounterTypographyProps = Pick<CounterProps, 'size'> & HasPlatform & HasComponent;\n\nconst CounterTypography: React.FC<CounterTypographyProps> = ({ size, platform, ...restProps }) => {\n  return size === 's'\n    ? <Caption level=\"2\" weight={platform === VKCOM ? 'medium' : 'regular'} {...restProps} />\n    : <Text weight=\"medium\" {...restProps} />;\n};\n\nconst Counter: React.FC<CounterProps> = (props: CounterProps) => {\n  const { mode, size, children, ...restProps } = props;\n  const platform = usePlatform();\n\n  if (React.Children.count(children) === 0) {\n    return null;\n  }\n\n  return (\n    <span\n      {...restProps}\n      vkuiClass={classNames(\n        getClassName('Counter', platform),\n        `Counter--${mode}`,\n        `Counter--s-${size}`,\n      )}\n    >\n      {hasReactNode(children) && <CounterTypography platform={platform} size={size} vkuiClass=\"Counter__in\">{children}</CounterTypography>}\n    </span>\n  );\n};\n\nCounter.defaultProps = {\n  mode: 'secondary',\n  size: 'm',\n};\n\nexport default React.memo(Counter);\n"],"file":"Counter.js"}
+{"version":3,"sources":["../../../../src/components/Counter/Counter.tsx"],"names":["CounterTypography","size","platform","restProps","VKCOM","Counter","props","mode","children","React","Children","count","defaultProps","memo"],"mappings":";;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;;AAgBA,IAAMA,iBAAmD,GAAG,SAAtDA,iBAAsD,OAItD;AAAA,MAHJC,IAGI,QAHJA,IAGI;AAAA,MAFJC,QAEI,QAFJA,QAEI;AAAA,MADDC,SACC;AACJ,SAAOF,IAAI,KAAK,GAAT,GACL,qCAAC,gBAAD;AACE,IAAA,KAAK,EAAC,GADR;AAEE,IAAA,MAAM,EAAEC,QAAQ,KAAKE,eAAb,GAAqB,QAArB,GAAgC;AAF1C,KAGMD,SAHN,EADK,GAOL,qCAAC,aAAD;AAAM,IAAA,MAAM,EAAC;AAAb,KAA0BA,SAA1B,EAPF;AASD,CAdD;;AAgBA,IAAME,OAA+B,GAAG,SAAlCA,OAAkC,CAACC,KAAD,EAAyB;AAC/D,MAAQC,IAAR,GAA+CD,KAA/C,CAAQC,IAAR;AAAA,MAAcN,IAAd,GAA+CK,KAA/C,CAAcL,IAAd;AAAA,MAAoBO,QAApB,GAA+CF,KAA/C,CAAoBE,QAApB;AAAA,MAAiCL,SAAjC,0CAA+CG,KAA/C;AACA,MAAMJ,QAAQ,GAAG,+BAAjB;;AAEA,MAAIO,KAAK,CAACC,QAAN,CAAeC,KAAf,CAAqBH,QAArB,MAAmC,CAAvC,EAA0C;AACxC,WAAO,IAAP;AACD;;AAED,SACE,wEACML,SADN;AAEE,IAAA,SAAS,EAAE,4BACT,gCAAa,SAAb,EAAwBD,QAAxB,CADS,qBAEGK,IAFH,wBAGKN,IAHL;AAFb,MAQG,yBAAaO,QAAb,KACC,qCAAC,iBAAD;AACE,IAAA,QAAQ,EAAEN,QADZ;AAEE,IAAA,IAAI,EAAED,IAFR;AAGE,IAAA,SAAS,EAAC;AAHZ,KAKGO,QALH,CATJ,CADF;AAoBD,CA5BD;;AA8BAH,OAAO,CAACO,YAAR,GAAuB;AACrBL,EAAAA,IAAI,EAAE,WADe;AAErBN,EAAAA,IAAI,EAAE;AAFe,CAAvB;;4BAKeQ,KAAK,CAACI,IAAN,CAAWR,OAAX,C","sourcesContent":["import * as React from \"react\";\nimport { classNames } from \"../../lib/classNames\";\nimport { getClassName } from \"../../helpers/getClassName\";\nimport { usePlatform } from \"../../hooks/usePlatform\";\nimport Caption from \"../Typography/Caption/Caption\";\nimport Text from \"../Typography/Text/Text\";\nimport { VKCOM } from \"../../lib/platform\";\nimport { hasReactNode } from \"../../lib/utils\";\nimport { HasComponent, HasPlatform } from \"../../types\";\nimport \"./Counter.css\";\n\nexport interface CounterProps extends React.HTMLAttributes<HTMLSpanElement> {\n  /**\n   * Тип счетчика. При использовании компонента в качестве значения свойства `after` у `Button` эти значения игнорируются\n   */\n  mode?: \"secondary\" | \"primary\" | \"prominent\";\n  size?: \"s\" | \"m\";\n}\n\ntype CounterTypographyProps = Pick<CounterProps, \"size\"> &\n  HasPlatform &\n  HasComponent;\n\nconst CounterTypography: React.FC<CounterTypographyProps> = ({\n  size,\n  platform,\n  ...restProps\n}) => {\n  return size === \"s\" ? (\n    <Caption\n      level=\"2\"\n      weight={platform === VKCOM ? \"medium\" : \"regular\"}\n      {...restProps}\n    />\n  ) : (\n    <Text weight=\"medium\" {...restProps} />\n  );\n};\n\nconst Counter: React.FC<CounterProps> = (props: CounterProps) => {\n  const { mode, size, children, ...restProps } = props;\n  const platform = usePlatform();\n\n  if (React.Children.count(children) === 0) {\n    return null;\n  }\n\n  return (\n    <span\n      {...restProps}\n      vkuiClass={classNames(\n        getClassName(\"Counter\", platform),\n        `Counter--${mode}`,\n        `Counter--s-${size}`\n      )}\n    >\n      {hasReactNode(children) && (\n        <CounterTypography\n          platform={platform}\n          size={size}\n          vkuiClass=\"Counter__in\"\n        >\n          {children}\n        </CounterTypography>\n      )}\n    </span>\n  );\n};\n\nCounter.defaultProps = {\n  mode: \"secondary\",\n  size: \"m\",\n};\n\nexport default React.memo(Counter);\n"],"file":"Counter.js"}

package/dist/cjs/components/CustomScrollView/CustomScrollView.d.ts

@@ -1,9 +1,10 @@
-import * as React from 'react';
-import { DOMProps } from '../../lib/dom';
-import './CustomScrollView.css';
+import * as React from "react";
+import { DOMProps } from "../../lib/dom";
+import "./CustomScrollView.css";
 interface Props extends DOMProps {
     windowResize?: boolean;
     boxRef: React.Ref<HTMLDivElement>;
+    className?: HTMLDivElement["className"];
 }
 declare const _default: React.FC<Props>;
 export default _default;