@vkontakte/vkui 4.22.0 → 4.24.0

package/dist/cjs/components/Dropdown/Dropdown.js

@@ -0,0 +1,56 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Dropdown = void 0;
+
+var _jsxRuntime = require("../../lib/jsxRuntime");
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+
+var _HoverPopper = require("../HoverPopper/HoverPopper");
+
+var _ClickPopper = require("../ClickPopper/ClickPopper");
+
+var _getClassName = require("../../helpers/getClassName");
+
+var _usePlatform = require("../../hooks/usePlatform");
+
+var _excluded = ["action", "hideDelay", "showDelay"];
+
+var Dropdown = function Dropdown(_ref) {
+  var _ref$action = _ref.action,
+      action = _ref$action === void 0 ? "click" : _ref$action,
+      hideDelay = _ref.hideDelay,
+      showDelay = _ref.showDelay,
+      popperProps = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+  var platform = (0, _usePlatform.usePlatform)();
+  var Component;
+  var actionSpecificProps = {};
+
+  switch (action) {
+    case "click":
+      Component = _ClickPopper.ClickPopper;
+      break;
+
+    case "hover":
+      actionSpecificProps = {
+        hideDelay: hideDelay,
+        showDelay: showDelay
+      };
+      Component = _HoverPopper.HoverPopper;
+      break;
+  }
+
+  return (0, _jsxRuntime.createScopedElement)(Component, (0, _extends2.default)({
+    vkuiClass: (0, _getClassName.getClassName)("Dropdown", platform)
+  }, actionSpecificProps, popperProps));
+};
+
+exports.Dropdown = Dropdown;
+//# sourceMappingURL=Dropdown.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/Dropdown/Dropdown.tsx"],"names":["Dropdown","action","hideDelay","showDelay","popperProps","platform","Component","actionSpecificProps","ClickPopper","HoverPopper"],"mappings":";;;;;;;;;;;;;;;AACA;;AACA;;AACA;;AACA;;;;AAkDO,IAAMA,QAAiC,GAAG,SAApCA,QAAoC,OAK5B;AAAA,yBAJnBC,MAImB;AAAA,MAJnBA,MAImB,4BAJV,OAIU;AAAA,MAHnBC,SAGmB,QAHnBA,SAGmB;AAAA,MAFnBC,SAEmB,QAFnBA,SAEmB;AAAA,MADhBC,WACgB;AACnB,MAAMC,QAAQ,GAAG,+BAAjB;AAEA,MAAIC,SAAJ;AACA,MAAIC,mBAA2C,GAAG,EAAlD;;AAEA,UAAQN,MAAR;AACE,SAAK,OAAL;AACEK,MAAAA,SAAS,GAAGE,wBAAZ;AACA;;AACF,SAAK,OAAL;AACED,MAAAA,mBAAmB,GAAG;AAAEL,QAAAA,SAAS,EAATA,SAAF;AAAaC,QAAAA,SAAS,EAATA;AAAb,OAAtB;AACAG,MAAAA,SAAS,GAAGG,wBAAZ;AACA;AAPJ;;AAUA,SACE,qCAAC,SAAD;AACE,IAAA,SAAS,EAAE,gCAAa,UAAb,EAAyBJ,QAAzB;AADb,KAEME,mBAFN,EAGMH,WAHN,EADF;AAOD,CA5BM","sourcesContent":["import * as React from \"react\";\nimport { HoverPopper, HoverPopperProps } from \"../HoverPopper/HoverPopper\";\nimport { ClickPopper } from \"../ClickPopper/ClickPopper\";\nimport { getClassName } from \"../../helpers/getClassName\";\nimport { usePlatform } from \"../../hooks/usePlatform\";\nimport { Placement } from \"../Popper/Popper\";\nimport \"./Dropdown.css\";\n\n// Приходится избегать экстендов от HoverPopperProps, ClickPopperProps и PopperProps, потому что react-docgen не умеет в Omit.\n// Ждём либо фикса react-docgen (что вряд ли), либо переезда на react-docgen-typescript, где такой проблемы нет.\nexport interface DropdownProps {\n  /**\n   * По умолчанию компонент выберет наилучшее расположение сам. Но его можно задать извне с помощью этого свойства\n   */\n  placement?: Placement;\n  /**\n   * Отступ по вспомогательной оси\n   */\n  offsetSkidding?: number;\n  /**\n   * Отступ по главной оси\n   */\n  offsetDistance?: number;\n  onPlacementChange?: (data: { placement?: Placement }) => void;\n  /**\n   * Содержимое тултипа\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  action?: \"click\" | \"hover\";\n  /**\n   * Актуально только для action=\"hover\"\n   * Количество миллисекунд, после которых произойдет показ дропдауна\n   */\n  showDelay?: HoverPopperProps[\"showDelay\"];\n  /**\n   * Актуально только для action=\"hover\"\n   * Количество миллисекунд, после которых произойдет скрытие дропдауна\n   */\n  hideDelay?: HoverPopperProps[\"hideDelay\"];\n}\n\nexport const Dropdown: React.FC<DropdownProps> = ({\n  action = \"click\",\n  hideDelay,\n  showDelay,\n  ...popperProps\n}: DropdownProps) => {\n  const platform = usePlatform();\n\n  let Component;\n  let actionSpecificProps: Partial<DropdownProps> = {};\n\n  switch (action) {\n    case \"click\":\n      Component = ClickPopper;\n      break;\n    case \"hover\":\n      actionSpecificProps = { hideDelay, showDelay };\n      Component = HoverPopper;\n      break;\n  }\n\n  return (\n    <Component\n      vkuiClass={getClassName(\"Dropdown\", platform)}\n      {...actionSpecificProps}\n      {...popperProps}\n    />\n  );\n};\n"],"file":"Dropdown.js"}

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

@@ -1,3 +1,3 @@
-import * as React from 'react';
-import './DropdownIcon.css';
+import * as React from "react";
+import "./DropdownIcon.css";
 export declare const DropdownIcon: React.FC<React.HTMLAttributes<HTMLElement>>;

package/dist/cjs/components/DropdownIcon/DropdownIcon.js

@@ -29,7 +29,7 @@ var DropdownIcon = function DropdownIcon(props) {
 
   var Icon = sizeY === _AdaptivityContext.SizeType.COMPACT ? _icons.Icon20Dropdown : _icons.Icon24ChevronDown;
   return (0, _jsxRuntime.createScopedElement)(Icon, (0, _extends2.default)({
-    vkuiClass: (0, _getClassName.getClassName)('DropdownIcon', platform)
+    vkuiClass: (0, _getClassName.getClassName)("DropdownIcon", platform)
   }, props));
 };
 

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/DropdownIcon/DropdownIcon.tsx"],"names":["DropdownIcon","props","platform","sizeY","Icon","SizeType","COMPACT","Icon20Dropdown","Icon24ChevronDown"],"mappings":";;;;;;;;;;;;;AACA;;AACA;;AACA;;AACA;;AACA;;AAGO,IAAMA,YAAyD,GAAG,SAA5DA,YAA4D,CAACC,KAAD,EAAW;AAClF,MAAMC,QAAQ,GAAG,+BAAjB;;AACA,uBAAkB,oCAAlB;AAAA,MAAQC,KAAR,kBAAQA,KAAR;;AAEA,MAAMC,IAAI,GAAGD,KAAK,KAAKE,4BAASC,OAAnB,GACTC,qBADS,GAETC,wBAFJ;AAIA,SACE,qCAAC,IAAD;AAAM,IAAA,SAAS,EAAE,gCAAa,cAAb,EAA6BN,QAA7B;AAAjB,KAA6DD,KAA7D,EADF;AAGD,CAXM","sourcesContent":["import * as React from 'react';\nimport { Icon20Dropdown, Icon24ChevronDown } from '@vkontakte/icons';\nimport { SizeType } from '../AdaptivityProvider/AdaptivityContext';\nimport { getClassName } from '../../helpers/getClassName';\nimport { useAdaptivity } from '../../hooks/useAdaptivity';\nimport { usePlatform } from '../../hooks/usePlatform';\nimport './DropdownIcon.css';\n\nexport const DropdownIcon: React.FC<React.HTMLAttributes<HTMLElement>> = (props) => {\n  const platform = usePlatform();\n  const { sizeY } = useAdaptivity();\n\n  const Icon = sizeY === SizeType.COMPACT\n    ? Icon20Dropdown\n    : Icon24ChevronDown;\n\n  return (\n    <Icon vkuiClass={getClassName('DropdownIcon', platform)} {...props} />\n  );\n};\n"],"file":"DropdownIcon.js"}
+{"version":3,"sources":["../../../../src/components/DropdownIcon/DropdownIcon.tsx"],"names":["DropdownIcon","props","platform","sizeY","Icon","SizeType","COMPACT","Icon20Dropdown","Icon24ChevronDown"],"mappings":";;;;;;;;;;;;;AACA;;AACA;;AACA;;AACA;;AACA;;AAGO,IAAMA,YAAyD,GAAG,SAA5DA,YAA4D,CACvEC,KADuE,EAEpE;AACH,MAAMC,QAAQ,GAAG,+BAAjB;;AACA,uBAAkB,oCAAlB;AAAA,MAAQC,KAAR,kBAAQA,KAAR;;AAEA,MAAMC,IAAI,GAAGD,KAAK,KAAKE,4BAASC,OAAnB,GAA6BC,qBAA7B,GAA8CC,wBAA3D;AAEA,SAAO,qCAAC,IAAD;AAAM,IAAA,SAAS,EAAE,gCAAa,cAAb,EAA6BN,QAA7B;AAAjB,KAA6DD,KAA7D,EAAP;AACD,CATM","sourcesContent":["import * as React from \"react\";\nimport { Icon20Dropdown, Icon24ChevronDown } from \"@vkontakte/icons\";\nimport { SizeType } from \"../AdaptivityProvider/AdaptivityContext\";\nimport { getClassName } from \"../../helpers/getClassName\";\nimport { useAdaptivity } from \"../../hooks/useAdaptivity\";\nimport { usePlatform } from \"../../hooks/usePlatform\";\nimport \"./DropdownIcon.css\";\n\nexport const DropdownIcon: React.FC<React.HTMLAttributes<HTMLElement>> = (\n  props\n) => {\n  const platform = usePlatform();\n  const { sizeY } = useAdaptivity();\n\n  const Icon = sizeY === SizeType.COMPACT ? Icon20Dropdown : Icon24ChevronDown;\n\n  return <Icon vkuiClass={getClassName(\"DropdownIcon\", platform)} {...props} />;\n};\n"],"file":"DropdownIcon.js"}

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

@@ -1,6 +1,6 @@
-import * as React from 'react';
-import { AdaptivityProps } from '../../hoc/withAdaptivity';
-import './Epic.css';
+import * as React from "react";
+import { AdaptivityProps } from "../../hoc/withAdaptivity";
+import "./Epic.css";
 export interface EpicProps extends React.HTMLAttributes<HTMLDivElement>, AdaptivityProps {
     tabbar?: React.ReactNode;
     activeStory: string;

package/dist/cjs/components/Epic/Epic.js

@@ -30,7 +30,7 @@ var _getNavId = require("../../lib/getNavId");
 var _warnOnce = require("../../lib/warnOnce");
 
 var _excluded = ["activeStory", "tabbar", "children", "viewWidth"];
-var warn = (0, _warnOnce.warnOnce)('Epic');
+var warn = (0, _warnOnce.warnOnce)("Epic");
 
 var Epic = function Epic(props) {
   var platform = (0, _usePlatform.usePlatform)();
@@ -41,15 +41,15 @@ var Epic = function Epic(props) {
       viewWidth = props.viewWidth,
       restProps = (0, _objectWithoutProperties2.default)(props, _excluded);
 
-  if (process.env.NODE_ENV === 'development' && !tabbar && viewWidth < _withAdaptivity.ViewWidth.SMALL_TABLET) {
-    warn('Using Epic without tabbar is not recommended on mobile');
+  if (process.env.NODE_ENV === "development" && !tabbar && viewWidth < _withAdaptivity.ViewWidth.SMALL_TABLET) {
+    warn("Using Epic without tabbar is not recommended on mobile");
   }
 
   var story = React.Children.toArray(children).find(function (story) {
     return (0, _getNavId.getNavId)(story.props, warn) === activeStory;
   }) || null;
   return (0, _jsxRuntime.createScopedElement)("div", (0, _extends2.default)({}, restProps, {
-    vkuiClass: (0, _getClassName.getClassName)('Epic', platform)
+    vkuiClass: (0, _getClassName.getClassName)("Epic", platform)
   }), (0, _jsxRuntime.createScopedElement)(_ScrollSaver.ScrollSaver, {
     key: activeStory,
     initialScroll: scroll[activeStory] || 0,

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/Epic/Epic.tsx"],"names":["warn","Epic","props","platform","scroll","React","useRef","current","activeStory","tabbar","children","viewWidth","restProps","process","env","NODE_ENV","ViewWidth","SMALL_TABLET","story","Children","toArray","find","value"],"mappings":";;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;AAQA,IAAMA,IAAI,GAAG,wBAAS,MAAT,CAAb;;AAEO,IAAMC,IAAyB,GAAG,SAA5BA,IAA4B,CAACC,KAAD,EAAsB;AAC7D,MAAMC,QAAQ,GAAG,+BAAjB;AACA,MAAMC,MAAM,GAAGC,KAAK,CAACC,MAAN,CAAwC,EAAxC,EAA4CC,OAA3D;AACA,MAAQC,WAAR,GAAmEN,KAAnE,CAAQM,WAAR;AAAA,MAAqBC,MAArB,GAAmEP,KAAnE,CAAqBO,MAArB;AAAA,MAA6BC,QAA7B,GAAmER,KAAnE,CAA6BQ,QAA7B;AAAA,MAAuCC,SAAvC,GAAmET,KAAnE,CAAuCS,SAAvC;AAAA,MAAqDC,SAArD,0CAAmEV,KAAnE;;AAEA,MAAIW,OAAO,CAACC,GAAR,CAAYC,QAAZ,KAAyB,aAAzB,IAA0C,CAACN,MAA3C,IAAqDE,SAAS,GAAGK,0BAAUC,YAA/E,EAA6F;AAC3FjB,IAAAA,IAAI,CAAC,wDAAD,CAAJ;AACD;;AACD,MAAMkB,KAAK,GAAIb,KAAK,CAACc,QAAN,CAAeC,OAAf,CAAuBV,QAAvB,CAAD,CACXW,IADW,CACN,UAACH,KAAD;AAAA,WAAW,wBAASA,KAAK,CAAChB,KAAf,EAAsBF,IAAtB,MAAgCQ,WAA3C;AAAA,GADM,KACqD,IADnE;AAGA,SACE,uEAASI,SAAT;AAAoB,IAAA,SAAS,EAAE,gCAAa,MAAb,EAAqBT,QAArB;AAA/B,MACE,qCAAC,wBAAD;AACE,IAAA,GAAG,EAAEK,WADP;AAEE,IAAA,aAAa,EAAEJ,MAAM,CAACI,WAAD,CAAN,IAAuB,CAFxC;AAGE,IAAA,UAAU,EAAE,oBAACc,KAAD;AAAA,aAAWlB,MAAM,CAACI,WAAD,CAAN,GAAsBc,KAAjC;AAAA;AAHd,KAIEJ,KAJF,CADF,EAMGT,MANH,CADF;AAUD,CArBM;;;;eAuBQ,oCAAeR,IAAf,EAAqB;AAClCU,EAAAA,SAAS,EAAE;AADuB,CAArB,C","sourcesContent":["import * as React from 'react';\nimport { getClassName } from '../../helpers/getClassName';\nimport { usePlatform } from '../../hooks/usePlatform';\nimport { withAdaptivity, ViewWidth, AdaptivityProps } from '../../hoc/withAdaptivity';\nimport { ScrollSaver } from './ScrollSaver';\nimport { getNavId } from '../../lib/getNavId';\nimport { warnOnce } from '../../lib/warnOnce';\nimport './Epic.css';\n\nexport interface EpicProps extends React.HTMLAttributes<HTMLDivElement>, AdaptivityProps {\n  tabbar?: React.ReactNode;\n  activeStory: string;\n}\n\nconst warn = warnOnce('Epic');\n\nexport const Epic: React.FC<EpicProps> = (props: EpicProps) => {\n  const platform = usePlatform();\n  const scroll = React.useRef<{ [key: string]: number }>({}).current;\n  const { activeStory, tabbar, children, viewWidth, ...restProps } = props;\n\n  if (process.env.NODE_ENV === 'development' && !tabbar && viewWidth < ViewWidth.SMALL_TABLET) {\n    warn('Using Epic without tabbar is not recommended on mobile');\n  }\n  const story = (React.Children.toArray(children) as React.ReactElement[])\n    .find((story) => getNavId(story.props, warn) === activeStory) || null;\n\n  return (\n    <div {...restProps} vkuiClass={getClassName('Epic', platform)}>\n      <ScrollSaver\n        key={activeStory}\n        initialScroll={scroll[activeStory] || 0}\n        saveScroll={(value) => scroll[activeStory] = value}\n      >{story}</ScrollSaver>\n      {tabbar}\n    </div>\n  );\n};\n\nexport default withAdaptivity(Epic, {\n  viewWidth: true,\n});\n"],"file":"Epic.js"}
+{"version":3,"sources":["../../../../src/components/Epic/Epic.tsx"],"names":["warn","Epic","props","platform","scroll","React","useRef","current","activeStory","tabbar","children","viewWidth","restProps","process","env","NODE_ENV","ViewWidth","SMALL_TABLET","story","Children","toArray","find","value"],"mappings":";;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AAKA;;AACA;;AACA;;;AAUA,IAAMA,IAAI,GAAG,wBAAS,MAAT,CAAb;;AAEO,IAAMC,IAAyB,GAAG,SAA5BA,IAA4B,CAACC,KAAD,EAAsB;AAC7D,MAAMC,QAAQ,GAAG,+BAAjB;AACA,MAAMC,MAAM,GAAGC,KAAK,CAACC,MAAN,CAAwC,EAAxC,EAA4CC,OAA3D;AACA,MAAQC,WAAR,GAAmEN,KAAnE,CAAQM,WAAR;AAAA,MAAqBC,MAArB,GAAmEP,KAAnE,CAAqBO,MAArB;AAAA,MAA6BC,QAA7B,GAAmER,KAAnE,CAA6BQ,QAA7B;AAAA,MAAuCC,SAAvC,GAAmET,KAAnE,CAAuCS,SAAvC;AAAA,MAAqDC,SAArD,0CAAmEV,KAAnE;;AAEA,MACEW,OAAO,CAACC,GAAR,CAAYC,QAAZ,KAAyB,aAAzB,IACA,CAACN,MADD,IAEAE,SAAS,GAAGK,0BAAUC,YAHxB,EAIE;AACAjB,IAAAA,IAAI,CAAC,wDAAD,CAAJ;AACD;;AACD,MAAMkB,KAAK,GACRb,KAAK,CAACc,QAAN,CAAeC,OAAf,CAAuBV,QAAvB,CAAD,CAA2DW,IAA3D,CACE,UAACH,KAAD;AAAA,WAAW,wBAASA,KAAK,CAAChB,KAAf,EAAsBF,IAAtB,MAAgCQ,WAA3C;AAAA,GADF,KAEK,IAHP;AAKA,SACE,uEAASI,SAAT;AAAoB,IAAA,SAAS,EAAE,gCAAa,MAAb,EAAqBT,QAArB;AAA/B,MACE,qCAAC,wBAAD;AACE,IAAA,GAAG,EAAEK,WADP;AAEE,IAAA,aAAa,EAAEJ,MAAM,CAACI,WAAD,CAAN,IAAuB,CAFxC;AAGE,IAAA,UAAU,EAAE,oBAACc,KAAD;AAAA,aAAYlB,MAAM,CAACI,WAAD,CAAN,GAAsBc,KAAlC;AAAA;AAHd,KAKGJ,KALH,CADF,EAQGT,MARH,CADF;AAYD,CA7BM;;;;eA+BQ,oCAAeR,IAAf,EAAqB;AAClCU,EAAAA,SAAS,EAAE;AADuB,CAArB,C","sourcesContent":["import * as React from \"react\";\nimport { getClassName } from \"../../helpers/getClassName\";\nimport { usePlatform } from \"../../hooks/usePlatform\";\nimport {\n  withAdaptivity,\n  ViewWidth,\n  AdaptivityProps,\n} from \"../../hoc/withAdaptivity\";\nimport { ScrollSaver } from \"./ScrollSaver\";\nimport { getNavId } from \"../../lib/getNavId\";\nimport { warnOnce } from \"../../lib/warnOnce\";\nimport \"./Epic.css\";\n\nexport interface EpicProps\n  extends React.HTMLAttributes<HTMLDivElement>,\n    AdaptivityProps {\n  tabbar?: React.ReactNode;\n  activeStory: string;\n}\n\nconst warn = warnOnce(\"Epic\");\n\nexport const Epic: React.FC<EpicProps> = (props: EpicProps) => {\n  const platform = usePlatform();\n  const scroll = React.useRef<{ [key: string]: number }>({}).current;\n  const { activeStory, tabbar, children, viewWidth, ...restProps } = props;\n\n  if (\n    process.env.NODE_ENV === \"development\" &&\n    !tabbar &&\n    viewWidth < ViewWidth.SMALL_TABLET\n  ) {\n    warn(\"Using Epic without tabbar is not recommended on mobile\");\n  }\n  const story =\n    (React.Children.toArray(children) as React.ReactElement[]).find(\n      (story) => getNavId(story.props, warn) === activeStory\n    ) || null;\n\n  return (\n    <div {...restProps} vkuiClass={getClassName(\"Epic\", platform)}>\n      <ScrollSaver\n        key={activeStory}\n        initialScroll={scroll[activeStory] || 0}\n        saveScroll={(value) => (scroll[activeStory] = value)}\n      >\n        {story}\n      </ScrollSaver>\n      {tabbar}\n    </div>\n  );\n};\n\nexport default withAdaptivity(Epic, {\n  viewWidth: true,\n});\n"],"file":"Epic.js"}

package/dist/cjs/components/Epic/ScrollSaver.d.ts

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import * as React from "react";
 export interface ScrollSaverProps {
     children: React.ReactElement;
     initialScroll?: number;

package/dist/cjs/components/Epic/ScrollSaver.js

@@ -23,7 +23,7 @@ var ScrollSaver = function ScrollSaver(_ref) {
       scrollTo = _React$useContext.scrollTo;
 
   (0, _useIsomorphicLayoutEffect.useIsomorphicLayoutEffect)(function () {
-    if (typeof initialScroll === 'number') {
+    if (typeof initialScroll === "number") {
       scrollTo(0, initialScroll);
     }
 

package/dist/cjs/components/Epic/ScrollSaver.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/Epic/ScrollSaver.tsx"],"names":["ScrollSaver","children","initialScroll","saveScroll","React","useContext","ScrollContext","getScroll","scrollTo","y"],"mappings":";;;;;;;;;AAAA;;AACA;;AACA;;AAQO,IAAMA,WAAuC,GAAG,SAA1CA,WAA0C,OAA6C;AAAA,MAA1CC,QAA0C,QAA1CA,QAA0C;AAAA,MAAhCC,aAAgC,QAAhCA,aAAgC;AAAA,MAAjBC,UAAiB,QAAjBA,UAAiB;;AAClG,0BAAgCC,KAAK,CAACC,UAAN,CAAiBC,4BAAjB,CAAhC;AAAA,MAAQC,SAAR,qBAAQA,SAAR;AAAA,MAAmBC,QAAnB,qBAAmBA,QAAnB;;AACA,4DAA0B,YAAM;AAC9B,QAAI,OAAON,aAAP,KAAyB,QAA7B,EAAuC;AACrCM,MAAAA,QAAQ,CAAC,CAAD,EAAIN,aAAJ,CAAR;AACD;;AACD,WAAO;AAAA,aAAMC,UAAU,CAACI,SAAS,GAAGE,CAAb,CAAhB;AAAA,KAAP;AACD,GALD,EAKG,EALH;AAMA,SAAOR,QAAP;AACD,CATM","sourcesContent":["import * as React from 'react';\nimport { ScrollContext } from '../AppRoot/ScrollContext';\nimport { useIsomorphicLayoutEffect } from '../../lib/useIsomorphicLayoutEffect';\n\nexport interface ScrollSaverProps {\n  children: React.ReactElement;\n  initialScroll?: number;\n  saveScroll: (scroll: number) => any;\n}\n\nexport const ScrollSaver: React.FC<ScrollSaverProps> = ({ children, initialScroll, saveScroll }) => {\n  const { getScroll, scrollTo } = React.useContext(ScrollContext);\n  useIsomorphicLayoutEffect(() => {\n    if (typeof initialScroll === 'number') {\n      scrollTo(0, initialScroll);\n    }\n    return () => saveScroll(getScroll().y);\n  }, []);\n  return children;\n};\n"],"file":"ScrollSaver.js"}
+{"version":3,"sources":["../../../../src/components/Epic/ScrollSaver.tsx"],"names":["ScrollSaver","children","initialScroll","saveScroll","React","useContext","ScrollContext","getScroll","scrollTo","y"],"mappings":";;;;;;;;;AAAA;;AACA;;AACA;;AAQO,IAAMA,WAAuC,GAAG,SAA1CA,WAA0C,OAIjD;AAAA,MAHJC,QAGI,QAHJA,QAGI;AAAA,MAFJC,aAEI,QAFJA,aAEI;AAAA,MADJC,UACI,QADJA,UACI;;AACJ,0BAAgCC,KAAK,CAACC,UAAN,CAAiBC,4BAAjB,CAAhC;AAAA,MAAQC,SAAR,qBAAQA,SAAR;AAAA,MAAmBC,QAAnB,qBAAmBA,QAAnB;;AACA,4DAA0B,YAAM;AAC9B,QAAI,OAAON,aAAP,KAAyB,QAA7B,EAAuC;AACrCM,MAAAA,QAAQ,CAAC,CAAD,EAAIN,aAAJ,CAAR;AACD;;AACD,WAAO;AAAA,aAAMC,UAAU,CAACI,SAAS,GAAGE,CAAb,CAAhB;AAAA,KAAP;AACD,GALD,EAKG,EALH;AAMA,SAAOR,QAAP;AACD,CAbM","sourcesContent":["import * as React from \"react\";\nimport { ScrollContext } from \"../AppRoot/ScrollContext\";\nimport { useIsomorphicLayoutEffect } from \"../../lib/useIsomorphicLayoutEffect\";\n\nexport interface ScrollSaverProps {\n  children: React.ReactElement;\n  initialScroll?: number;\n  saveScroll: (scroll: number) => any;\n}\n\nexport const ScrollSaver: React.FC<ScrollSaverProps> = ({\n  children,\n  initialScroll,\n  saveScroll,\n}) => {\n  const { getScroll, scrollTo } = React.useContext(ScrollContext);\n  useIsomorphicLayoutEffect(() => {\n    if (typeof initialScroll === \"number\") {\n      scrollTo(0, initialScroll);\n    }\n    return () => saveScroll(getScroll().y);\n  }, []);\n  return children;\n};\n"],"file":"ScrollSaver.js"}

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

@@ -1,9 +1,9 @@
-import * as React from 'react';
-import { VKUIButtonProps } from '../Button/Button';
-import { HasRef, HasRootRef } from '../../types';
-import './File.css';
-export interface FileProps extends Omit<VKUIButtonProps, 'size' | 'type'>, Omit<React.InputHTMLAttributes<HTMLInputElement>, 'onClick' | 'type'>, Pick<React.HTMLAttributes<HTMLElement>, 'onClick'>, HasRef<HTMLInputElement>, HasRootRef<HTMLElement> {
-    controlSize?: VKUIButtonProps['size'];
+import * as React from "react";
+import { VKUIButtonProps } from "../Button/Button";
+import { HasRef, HasRootRef } from "../../types";
+import "./File.css";
+export interface FileProps extends Omit<VKUIButtonProps, "size" | "type">, Omit<React.InputHTMLAttributes<HTMLInputElement>, "onClick" | "type">, Pick<React.HTMLAttributes<HTMLElement>, "onClick">, HasRef<HTMLInputElement>, HasRootRef<HTMLElement> {
+    controlSize?: VKUIButtonProps["size"];
 }
 declare const File: React.FunctionComponent<FileProps>;
 export default File;

package/dist/cjs/components/File/File.js

@@ -21,7 +21,7 @@ var _usePlatform = require("../../hooks/usePlatform");
 
 var _useExternRef = require("../../hooks/useExternRef");
 
-var _excluded = ["children", "align", "controlSize", "mode", "stretched", "before", "className", "style", "getRef", "getRootRef", "onClick"];
+var _excluded = ["children", "align", "controlSize", "mode", "stretched", "before", "className", "style", "getRef", "getRootRef", "onClick", "appearance"];
 
 var File = function File(props) {
   var children = props.children,
@@ -35,15 +35,17 @@ var File = function File(props) {
       getRef = props.getRef,
       getRootRef = props.getRootRef,
       _onClick = props.onClick,
+      appearance = props.appearance,
       restProps = (0, _objectWithoutProperties2.default)(props, _excluded);
   var platform = (0, _usePlatform.usePlatform)();
   var inputRef = (0, _useExternRef.useExternRef)(getRef);
   return (0, _jsxRuntime.createScopedElement)(_Button.default, {
     align: align,
-    vkuiClass: (0, _getClassName.getClassName)('File', platform),
+    vkuiClass: (0, _getClassName.getClassName)("File", platform),
     className: className,
     stretched: stretched,
     mode: mode,
+    appearance: appearance,
     size: controlSize,
     before: before,
     style: style,
@@ -62,8 +64,8 @@ var File = function File(props) {
 };
 
 File.defaultProps = {
-  children: 'Выберите файл',
-  align: 'left'
+  children: "Выберите файл",
+  align: "left"
 };
 var _default = File;
 exports.default = _default;

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/File/File.tsx"],"names":["File","props","children","align","controlSize","mode","stretched","before","className","style","getRef","getRootRef","onClick","restProps","platform","inputRef","disabled","e","current","click","defaultProps"],"mappings":";;;;;;;;;;;;;;;AACA;;AACA;;AAEA;;AACA;;;;AAYA,IAAMA,IAAwC,GAAG,SAA3CA,IAA2C,CAACC,KAAD,EAAsB;AACrE,MAAQC,QAAR,GACuDD,KADvD,CAAQC,QAAR;AAAA,MAAkBC,KAAlB,GACuDF,KADvD,CAAkBE,KAAlB;AAAA,MAAyBC,WAAzB,GACuDH,KADvD,CAAyBG,WAAzB;AAAA,MAAsCC,IAAtC,GACuDJ,KADvD,CAAsCI,IAAtC;AAAA,MAA4CC,SAA5C,GACuDL,KADvD,CAA4CK,SAA5C;AAAA,MAAuDC,MAAvD,GACuDN,KADvD,CAAuDM,MAAvD;AAAA,MAA+DC,SAA/D,GACuDP,KADvD,CAA+DO,SAA/D;AAAA,MACEC,KADF,GACuDR,KADvD,CACEQ,KADF;AAAA,MACSC,MADT,GACuDT,KADvD,CACSS,MADT;AAAA,MACiBC,UADjB,GACuDV,KADvD,CACiBU,UADjB;AAAA,MAC6BC,QAD7B,GACuDX,KADvD,CAC6BW,OAD7B;AAAA,MACyCC,SADzC,0CACuDZ,KADvD;AAGA,MAAMa,QAAQ,GAAG,+BAAjB;AACA,MAAMC,QAAQ,GAAG,gCAAaL,MAAb,CAAjB;AAEA,SACE,qCAAC,eAAD;AACE,IAAA,KAAK,EAAEP,KADT;AAEE,IAAA,SAAS,EAAE,gCAAa,MAAb,EAAqBW,QAArB,CAFb;AAGE,IAAA,SAAS,EAAEN,SAHb;AAIE,IAAA,SAAS,EAAEF,SAJb;AAKE,IAAA,IAAI,EAAED,IALR;AAME,IAAA,IAAI,EAAED,WANR;AAOE,IAAA,MAAM,EAAEG,MAPV;AAQE,IAAA,KAAK,EAAEE,KART;AASE,IAAA,UAAU,EAAEE,UATd;AAUE,IAAA,QAAQ,EAAEE,SAAS,CAACG,QAVtB;AAWE,IAAA,IAAI,EAAC,QAXP;AAYE,IAAA,OAAO,EAAE,iBAACC,CAAD,EAAO;AACdF,MAAAA,QAAQ,CAACG,OAAT,CAAiBC,KAAjB;AACAP,MAAAA,QAAO,IAAIA,QAAO,CAACK,CAAD,CAAlB;AACD;AAfH,KAiBE,yEAAWJ,SAAX;AAAsB,IAAA,SAAS,EAAC,aAAhC;AAA8C,IAAA,IAAI,EAAC,MAAnD;AAA0D,IAAA,GAAG,EAAEE;AAA/D,KAjBF,EAkBGb,QAlBH,CADF;AAsBD,CA7BD;;AA+BAF,IAAI,CAACoB,YAAL,GAAoB;AAClBlB,EAAAA,QAAQ,EAAE,eADQ;AAElBC,EAAAA,KAAK,EAAE;AAFW,CAApB;eAKeH,I","sourcesContent":["import * as React from 'react';\nimport { getClassName } from '../../helpers/getClassName';\nimport Button, { VKUIButtonProps } from '../Button/Button';\nimport { HasRef, HasRootRef } from '../../types';\nimport { usePlatform } from '../../hooks/usePlatform';\nimport { useExternRef } from '../../hooks/useExternRef';\nimport './File.css';\n\nexport interface FileProps extends\n  Omit<VKUIButtonProps, 'size' | 'type'>,\n  Omit<React.InputHTMLAttributes<HTMLInputElement>, 'onClick' | 'type'>,\n  Pick<React.HTMLAttributes<HTMLElement>, 'onClick'>,\n  HasRef<HTMLInputElement>,\n  HasRootRef<HTMLElement> {\n  controlSize?: VKUIButtonProps['size'];\n}\n\nconst File: React.FunctionComponent<FileProps> = (props: FileProps) => {\n  const { children, align, controlSize, mode, stretched, before, className,\n    style, getRef, getRootRef, onClick, ...restProps } = props;\n\n  const platform = usePlatform();\n  const inputRef = useExternRef(getRef);\n\n  return (\n    <Button\n      align={align}\n      vkuiClass={getClassName('File', platform)}\n      className={className}\n      stretched={stretched}\n      mode={mode}\n      size={controlSize}\n      before={before}\n      style={style}\n      getRootRef={getRootRef}\n      disabled={restProps.disabled}\n      type=\"button\"\n      onClick={(e) => {\n        inputRef.current.click();\n        onClick && onClick(e);\n      }}\n    >\n      <input {...restProps} vkuiClass=\"File__input\" type=\"file\" ref={inputRef} />\n      {children}\n    </Button>\n  );\n};\n\nFile.defaultProps = {\n  children: 'Выберите файл',\n  align: 'left',\n};\n\nexport default File;\n"],"file":"File.js"}
+{"version":3,"sources":["../../../../src/components/File/File.tsx"],"names":["File","props","children","align","controlSize","mode","stretched","before","className","style","getRef","getRootRef","onClick","appearance","restProps","platform","inputRef","disabled","e","current","click","defaultProps"],"mappings":";;;;;;;;;;;;;;;AACA;;AACA;;AAEA;;AACA;;;;AAYA,IAAMA,IAAwC,GAAG,SAA3CA,IAA2C,CAACC,KAAD,EAAsB;AACrE,MACEC,QADF,GAcID,KAdJ,CACEC,QADF;AAAA,MAEEC,KAFF,GAcIF,KAdJ,CAEEE,KAFF;AAAA,MAGEC,WAHF,GAcIH,KAdJ,CAGEG,WAHF;AAAA,MAIEC,IAJF,GAcIJ,KAdJ,CAIEI,IAJF;AAAA,MAKEC,SALF,GAcIL,KAdJ,CAKEK,SALF;AAAA,MAMEC,MANF,GAcIN,KAdJ,CAMEM,MANF;AAAA,MAOEC,SAPF,GAcIP,KAdJ,CAOEO,SAPF;AAAA,MAQEC,KARF,GAcIR,KAdJ,CAQEQ,KARF;AAAA,MASEC,MATF,GAcIT,KAdJ,CASES,MATF;AAAA,MAUEC,UAVF,GAcIV,KAdJ,CAUEU,UAVF;AAAA,MAWEC,QAXF,GAcIX,KAdJ,CAWEW,OAXF;AAAA,MAYEC,UAZF,GAcIZ,KAdJ,CAYEY,UAZF;AAAA,MAaKC,SAbL,0CAcIb,KAdJ;AAgBA,MAAMc,QAAQ,GAAG,+BAAjB;AACA,MAAMC,QAAQ,GAAG,gCAAaN,MAAb,CAAjB;AAEA,SACE,qCAAC,eAAD;AACE,IAAA,KAAK,EAAEP,KADT;AAEE,IAAA,SAAS,EAAE,gCAAa,MAAb,EAAqBY,QAArB,CAFb;AAGE,IAAA,SAAS,EAAEP,SAHb;AAIE,IAAA,SAAS,EAAEF,SAJb;AAKE,IAAA,IAAI,EAAED,IALR;AAME,IAAA,UAAU,EAAEQ,UANd;AAOE,IAAA,IAAI,EAAET,WAPR;AAQE,IAAA,MAAM,EAAEG,MARV;AASE,IAAA,KAAK,EAAEE,KATT;AAUE,IAAA,UAAU,EAAEE,UAVd;AAWE,IAAA,QAAQ,EAAEG,SAAS,CAACG,QAXtB;AAYE,IAAA,IAAI,EAAC,QAZP;AAaE,IAAA,OAAO,EAAE,iBAACC,CAAD,EAAO;AACdF,MAAAA,QAAQ,CAACG,OAAT,CAAiBC,KAAjB;AACAR,MAAAA,QAAO,IAAIA,QAAO,CAACM,CAAD,CAAlB;AACD;AAhBH,KAkBE,yEACMJ,SADN;AAEE,IAAA,SAAS,EAAC,aAFZ;AAGE,IAAA,IAAI,EAAC,MAHP;AAIE,IAAA,GAAG,EAAEE;AAJP,KAlBF,EAwBGd,QAxBH,CADF;AA4BD,CAhDD;;AAkDAF,IAAI,CAACqB,YAAL,GAAoB;AAClBnB,EAAAA,QAAQ,EAAE,eADQ;AAElBC,EAAAA,KAAK,EAAE;AAFW,CAApB;eAKeH,I","sourcesContent":["import * as React from \"react\";\nimport { getClassName } from \"../../helpers/getClassName\";\nimport Button, { VKUIButtonProps } from \"../Button/Button\";\nimport { HasRef, HasRootRef } from \"../../types\";\nimport { usePlatform } from \"../../hooks/usePlatform\";\nimport { useExternRef } from \"../../hooks/useExternRef\";\nimport \"./File.css\";\n\nexport interface FileProps\n  extends Omit<VKUIButtonProps, \"size\" | \"type\">,\n    Omit<React.InputHTMLAttributes<HTMLInputElement>, \"onClick\" | \"type\">,\n    Pick<React.HTMLAttributes<HTMLElement>, \"onClick\">,\n    HasRef<HTMLInputElement>,\n    HasRootRef<HTMLElement> {\n  controlSize?: VKUIButtonProps[\"size\"];\n}\n\nconst File: React.FunctionComponent<FileProps> = (props: FileProps) => {\n  const {\n    children,\n    align,\n    controlSize,\n    mode,\n    stretched,\n    before,\n    className,\n    style,\n    getRef,\n    getRootRef,\n    onClick,\n    appearance,\n    ...restProps\n  } = props;\n\n  const platform = usePlatform();\n  const inputRef = useExternRef(getRef);\n\n  return (\n    <Button\n      align={align}\n      vkuiClass={getClassName(\"File\", platform)}\n      className={className}\n      stretched={stretched}\n      mode={mode}\n      appearance={appearance}\n      size={controlSize}\n      before={before}\n      style={style}\n      getRootRef={getRootRef}\n      disabled={restProps.disabled}\n      type=\"button\"\n      onClick={(e) => {\n        inputRef.current.click();\n        onClick && onClick(e);\n      }}\n    >\n      <input\n        {...restProps}\n        vkuiClass=\"File__input\"\n        type=\"file\"\n        ref={inputRef}\n      />\n      {children}\n    </Button>\n  );\n};\n\nFile.defaultProps = {\n  children: \"Выберите файл\",\n  align: \"left\",\n};\n\nexport default File;\n"],"file":"File.js"}

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

@@ -1,8 +1,8 @@
-import * as React from 'react';
-import { HasRef, HasRootRef } from '../../types';
-import './FixedLayout.css';
+import * as React from "react";
+import { HasRef, HasRootRef } from "../../types";
+import "./FixedLayout.css";
 export interface FixedLayoutProps extends React.HTMLAttributes<HTMLDivElement>, HasRootRef<HTMLDivElement>, HasRef<HTMLDivElement> {
-    vertical?: 'top' | 'bottom';
+    vertical?: "top" | "bottom";
     /**
      * Это свойство определяет, будет ли фон компонента окрашен в цвет фона контента.
      * Это часто необходимо для фиксированных кнопок в нижней части экрана.
@@ -10,7 +10,7 @@ export interface FixedLayoutProps extends React.HTMLAttributes<HTMLDivElement>,
     filled?: boolean;
 }
 export interface FixedLayoutState {
-    position: 'absolute' | null;
+    position: "absolute" | null;
     top: number;
     bottom: number;
     width: string;

package/dist/cjs/components/FixedLayout/FixedLayout.js

@@ -63,12 +63,12 @@ var FixedLayout = function FixedLayout(_ref) {
   };
 
   React.useEffect(doResize, []);
-  (0, _useGlobalEventListener.useGlobalEventListener)(window, 'resize', doResize);
+  (0, _useGlobalEventListener.useGlobalEventListener)(window, "resize", doResize);
   return (0, _jsxRuntime.createScopedElement)(_TooltipContainer.TooltipContainer, (0, _extends2.default)({}, restProps, {
     fixed: true,
     ref: getRootRef,
-    vkuiClass: (0, _classNames.classNames)((0, _getClassName.getClassName)('FixedLayout', platform), {
-      'FixedLayout--filled': filled
+    vkuiClass: (0, _classNames.classNames)((0, _getClassName.getClassName)("FixedLayout", platform), {
+      "FixedLayout--filled": filled
     }, "FixedLayout--".concat(vertical)),
     style: (0, _objectSpread2.default)((0, _objectSpread2.default)({}, style), {}, {
       width: width

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/FixedLayout/FixedLayout.tsx"],"names":["FixedLayout","children","style","vertical","getRootRef","getRef","filled","restProps","platform","React","useState","width","setWidth","window","useContext","SplitColContext","colRef","doResize","current","offsetWidth","useEffect"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AAEA;;AACA;;AACA;;AACA;;AACA;;;;AAsBA,IAAMA,WAAuC,GAAG,SAA1CA,WAA0C,OAGxB;AAAA,MAFtBC,QAEsB,QAFtBA,QAEsB;AAAA,MAFZC,KAEY,QAFZA,KAEY;AAAA,MAFLC,QAEK,QAFLA,QAEK;AAAA,MAFKC,UAEL,QAFKA,UAEL;AAAA,MAFiBC,MAEjB,QAFiBA,MAEjB;AAAA,MAFyBC,MAEzB,QAFyBA,MAEzB;AAAA,MADnBC,SACmB;AACtB,MAAMC,QAAQ,GAAG,+BAAjB;;AACA,wBAA0BC,KAAK,CAACC,QAAN,CAAuB,IAAvB,CAA1B;AAAA;AAAA,MAAOC,KAAP;AAAA,MAAcC,QAAd;;AACA,gBAAmB,kBAAnB;AAAA,MAAQC,MAAR,WAAQA,MAAR;;AACA,0BAAmBJ,KAAK,CAACK,UAAN,CAAiBC,yBAAjB,CAAnB;AAAA,MAAQC,MAAR,qBAAQA,MAAR;;AACA,MAAMC,QAAQ,GAAG,SAAXA,QAAW;AAAA,WAAML,QAAQ,CAACI,MAAM,SAAN,IAAAA,MAAM,WAAN,IAAAA,MAAM,CAAEE,OAAR,aAAqBF,MAAM,CAACE,OAAP,CAAeC,WAApC,UAAsD,IAAvD,CAAd;AAAA,GAAjB;;AACAV,EAAAA,KAAK,CAACW,SAAN,CAAgBH,QAAhB,EAA0B,EAA1B;AACA,sDAAuBJ,MAAvB,EAA+B,QAA/B,EAAyCI,QAAzC;AAEA,SACE,qCAAC,kCAAD,6BACMV,SADN;AAEE,IAAA,KAAK,MAFP;AAGE,IAAA,GAAG,EAAEH,UAHP;AAIE,IAAA,SAAS,EAAE,4BAAW,gCAAa,aAAb,EAA4BI,QAA5B,CAAX,EAAkD;AAC3D,6BAAuBF;AADoC,KAAlD,yBAEQH,QAFR,EAJb;AAOE,IAAA,KAAK,8DAAOD,KAAP;AAAcS,MAAAA,KAAK,EAALA;AAAd;AAPP,MASE;AAAK,IAAA,SAAS,EAAC,iBAAf;AAAiC,IAAA,GAAG,EAAEN;AAAtC,KAA+CJ,QAA/C,CATF,CADF;AAaD,CAzBD;;eA2BeD,W","sourcesContent":["import * as React from 'react';\nimport { getClassName } from '../../helpers/getClassName';\nimport { classNames } from '../../lib/classNames';\nimport { HasRef, HasRootRef } from '../../types';\nimport { SplitColContext } from '../SplitCol/SplitCol';\nimport { TooltipContainer } from '../Tooltip/TooltipContainer';\nimport { useDOM } from '../../lib/dom';\nimport { useGlobalEventListener } from '../../hooks/useGlobalEventListener';\nimport { usePlatform } from '../../hooks/usePlatform';\nimport './FixedLayout.css';\n\nexport interface FixedLayoutProps extends\n  React.HTMLAttributes<HTMLDivElement>,\n  HasRootRef<HTMLDivElement>,\n  HasRef<HTMLDivElement> {\n  vertical?: 'top' | 'bottom';\n  /**\n   * Это свойство определяет, будет ли фон компонента окрашен в цвет фона контента.\n   * Это часто необходимо для фиксированных кнопок в нижней части экрана.\n   */\n  filled?: boolean;\n}\n\nexport interface FixedLayoutState {\n  position: 'absolute' | null;\n  top: number;\n  bottom: number;\n  width: string;\n}\n\nconst FixedLayout: React.FC<FixedLayoutProps> = ({\n  children, style, vertical, getRootRef, getRef, filled,\n  ...restProps\n}: FixedLayoutProps) => {\n  const platform = usePlatform();\n  const [width, setWidth] = React.useState<string>(null);\n  const { window } = useDOM();\n  const { colRef } = React.useContext(SplitColContext);\n  const doResize = () => setWidth(colRef?.current ? `${colRef.current.offsetWidth}px` : null);\n  React.useEffect(doResize, []);\n  useGlobalEventListener(window, 'resize', doResize);\n\n  return (\n    <TooltipContainer\n      {...restProps}\n      fixed\n      ref={getRootRef}\n      vkuiClass={classNames(getClassName('FixedLayout', platform), {\n        'FixedLayout--filled': filled,\n      }, `FixedLayout--${vertical}`)}\n      style={{ ...style, width }}\n    >\n      <div vkuiClass=\"FixedLayout__in\" ref={getRef}>{children}</div>\n    </TooltipContainer>\n  );\n};\n\nexport default FixedLayout;\n"],"file":"FixedLayout.js"}
+{"version":3,"sources":["../../../../src/components/FixedLayout/FixedLayout.tsx"],"names":["FixedLayout","children","style","vertical","getRootRef","getRef","filled","restProps","platform","React","useState","width","setWidth","window","useContext","SplitColContext","colRef","doResize","current","offsetWidth","useEffect"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AAEA;;AACA;;AACA;;AACA;;AACA;;;;AAsBA,IAAMA,WAAuC,GAAG,SAA1CA,WAA0C,OAQxB;AAAA,MAPtBC,QAOsB,QAPtBA,QAOsB;AAAA,MANtBC,KAMsB,QANtBA,KAMsB;AAAA,MALtBC,QAKsB,QALtBA,QAKsB;AAAA,MAJtBC,UAIsB,QAJtBA,UAIsB;AAAA,MAHtBC,MAGsB,QAHtBA,MAGsB;AAAA,MAFtBC,MAEsB,QAFtBA,MAEsB;AAAA,MADnBC,SACmB;AACtB,MAAMC,QAAQ,GAAG,+BAAjB;;AACA,wBAA0BC,KAAK,CAACC,QAAN,CAAuB,IAAvB,CAA1B;AAAA;AAAA,MAAOC,KAAP;AAAA,MAAcC,QAAd;;AACA,gBAAmB,kBAAnB;AAAA,MAAQC,MAAR,WAAQA,MAAR;;AACA,0BAAmBJ,KAAK,CAACK,UAAN,CAAiBC,yBAAjB,CAAnB;AAAA,MAAQC,MAAR,qBAAQA,MAAR;;AACA,MAAMC,QAAQ,GAAG,SAAXA,QAAW;AAAA,WACfL,QAAQ,CAACI,MAAM,SAAN,IAAAA,MAAM,WAAN,IAAAA,MAAM,CAAEE,OAAR,aAAqBF,MAAM,CAACE,OAAP,CAAeC,WAApC,UAAsD,IAAvD,CADO;AAAA,GAAjB;;AAEAV,EAAAA,KAAK,CAACW,SAAN,CAAgBH,QAAhB,EAA0B,EAA1B;AACA,sDAAuBJ,MAAvB,EAA+B,QAA/B,EAAyCI,QAAzC;AAEA,SACE,qCAAC,kCAAD,6BACMV,SADN;AAEE,IAAA,KAAK,MAFP;AAGE,IAAA,GAAG,EAAEH,UAHP;AAIE,IAAA,SAAS,EAAE,4BACT,gCAAa,aAAb,EAA4BI,QAA5B,CADS,EAET;AACE,6BAAuBF;AADzB,KAFS,yBAKOH,QALP,EAJb;AAWE,IAAA,KAAK,8DAAOD,KAAP;AAAcS,MAAAA,KAAK,EAALA;AAAd;AAXP,MAaE;AAAK,IAAA,SAAS,EAAC,iBAAf;AAAiC,IAAA,GAAG,EAAEN;AAAtC,KACGJ,QADH,CAbF,CADF;AAmBD,CArCD;;eAuCeD,W","sourcesContent":["import * as React from \"react\";\nimport { getClassName } from \"../../helpers/getClassName\";\nimport { classNames } from \"../../lib/classNames\";\nimport { HasRef, HasRootRef } from \"../../types\";\nimport { SplitColContext } from \"../SplitCol/SplitCol\";\nimport { TooltipContainer } from \"../Tooltip/TooltipContainer\";\nimport { useDOM } from \"../../lib/dom\";\nimport { useGlobalEventListener } from \"../../hooks/useGlobalEventListener\";\nimport { usePlatform } from \"../../hooks/usePlatform\";\nimport \"./FixedLayout.css\";\n\nexport interface FixedLayoutProps\n  extends React.HTMLAttributes<HTMLDivElement>,\n    HasRootRef<HTMLDivElement>,\n    HasRef<HTMLDivElement> {\n  vertical?: \"top\" | \"bottom\";\n  /**\n   * Это свойство определяет, будет ли фон компонента окрашен в цвет фона контента.\n   * Это часто необходимо для фиксированных кнопок в нижней части экрана.\n   */\n  filled?: boolean;\n}\n\nexport interface FixedLayoutState {\n  position: \"absolute\" | null;\n  top: number;\n  bottom: number;\n  width: string;\n}\n\nconst FixedLayout: React.FC<FixedLayoutProps> = ({\n  children,\n  style,\n  vertical,\n  getRootRef,\n  getRef,\n  filled,\n  ...restProps\n}: FixedLayoutProps) => {\n  const platform = usePlatform();\n  const [width, setWidth] = React.useState<string>(null);\n  const { window } = useDOM();\n  const { colRef } = React.useContext(SplitColContext);\n  const doResize = () =>\n    setWidth(colRef?.current ? `${colRef.current.offsetWidth}px` : null);\n  React.useEffect(doResize, []);\n  useGlobalEventListener(window, \"resize\", doResize);\n\n  return (\n    <TooltipContainer\n      {...restProps}\n      fixed\n      ref={getRootRef}\n      vkuiClass={classNames(\n        getClassName(\"FixedLayout\", platform),\n        {\n          \"FixedLayout--filled\": filled,\n        },\n        `FixedLayout--${vertical}`\n      )}\n      style={{ ...style, width }}\n    >\n      <div vkuiClass=\"FixedLayout__in\" ref={getRef}>\n        {children}\n      </div>\n    </TooltipContainer>\n  );\n};\n\nexport default FixedLayout;\n"],"file":"FixedLayout.js"}

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

@@ -1,5 +1,5 @@
-import * as React from 'react';
-import { HasComponent, HasRootRef } from '../../types';
+import * as React from "react";
+import { HasComponent, HasRootRef } from "../../types";
 export interface FocusTrapProps extends React.AllHTMLAttributes<HTMLElement>, HasRootRef<HTMLElement>, HasComponent {
     onClose?: (props?: any) => void;
     restoreFocus?: boolean;

package/dist/cjs/components/FocusTrap/FocusTrap.js

@@ -41,7 +41,7 @@ var FOCUSABLE_ELEMENTS = _accessibility.FOCUSABLE_ELEMENTS_LIST.join();
 
 var FocusTrap = function FocusTrap(_ref) {
   var _ref$Component = _ref.Component,
-      Component = _ref$Component === void 0 ? 'div' : _ref$Component,
+      Component = _ref$Component === void 0 ? "div" : _ref$Component,
       _ref$onClose = _ref.onClose,
       onClose = _ref$onClose === void 0 ? _utils.noop : _ref$onClose,
       _ref$restoreFocus = _ref.restoreFocus,
@@ -57,8 +57,6 @@ var FocusTrap = function FocusTrap(_ref) {
       document = _useDOM.document,
       window = _useDOM.window;
 
-  var activeElement = document.activeElement;
-
   var _React$useState = React.useState(null),
       _React$useState2 = (0, _slicedToArray2.default)(_React$useState, 2),
       focusableNodes = _React$useState2[0],
@@ -76,7 +74,7 @@ var FocusTrap = function FocusTrap(_ref) {
   var focusOnTrapMount = (0, _useTimeout.useTimeout)(function () {
     var _ref$current;
 
-    if (keyboardInput && !((_ref$current = ref.current) !== null && _ref$current !== void 0 && _ref$current.contains(activeElement)) && focusableNodes !== null && focusableNodes !== void 0 && focusableNodes.length) {
+    if (keyboardInput && !((_ref$current = ref.current) !== null && _ref$current !== void 0 && _ref$current.contains(document.activeElement)) && focusableNodes !== null && focusableNodes !== void 0 && focusableNodes.length) {
       focusableNodes[0].focus();
     }
   }, timeout);
@@ -85,20 +83,18 @@ var FocusTrap = function FocusTrap(_ref) {
   }, []); // HANDLE FOCUSABLE NODES
 
   (0, _useIsomorphicLayoutEffect.useIsomorphicLayoutEffect)(function () {
-    var _ref$current2;
-
     if (!ref.current) {
       return (0, _utils.noop)();
     }
 
-    var nodes = []; // eslint-disable-next-line no-restricted-properties
-
-    (_ref$current2 = ref.current) === null || _ref$current2 === void 0 ? void 0 : _ref$current2.querySelectorAll(FOCUSABLE_ELEMENTS).forEach(function (focusableEl) {
+    var nodes = [];
+    Array.prototype.forEach.call( // eslint-disable-next-line no-restricted-properties
+    ref.current.querySelectorAll(FOCUSABLE_ELEMENTS), function (focusableEl) {
       var _window$getComputedSt = window.getComputedStyle(focusableEl),
           display = _window$getComputedSt.display,
           visibility = _window$getComputedSt.visibility;
 
-      if (display !== 'none' && visibility !== 'hidden') {
+      if (display !== "none" && visibility !== "hidden") {
         nodes.push(focusableEl);
       }
     });
@@ -116,8 +112,8 @@ var FocusTrap = function FocusTrap(_ref) {
     }
   }, timeout);
   (0, _useIsomorphicLayoutEffect.useIsomorphicLayoutEffect)(function () {
-    if (restoreFocus) {
-      setRestoreFocusTo(activeElement);
+    if (restoreFocus && document.activeElement) {
+      setRestoreFocusTo(document.activeElement);
       return function () {
         focusOnTrapUnmount.set();
       };
@@ -138,7 +134,7 @@ var FocusTrap = function FocusTrap(_ref) {
         e.preventDefault();
         var node = focusableNodes[shouldFocusFirstNode ? 0 : lastIdx];
 
-        if (node !== activeElement) {
+        if (node !== document.activeElement) {
           node.focus();
         }
 
@@ -153,7 +149,7 @@ var FocusTrap = function FocusTrap(_ref) {
     return true;
   };
 
-  (0, _useGlobalEventListener.useGlobalEventListener)(document, 'keydown', onDocumentKeydown, {
+  (0, _useGlobalEventListener.useGlobalEventListener)(document, "keydown", onDocumentKeydown, {
     capture: true
   });
   return (0, _jsxRuntime.createScopedElement)(Component, (0, _extends2.default)({

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/FocusTrap/FocusTrap.tsx"],"names":["FOCUSABLE_ELEMENTS","FOCUSABLE_ELEMENTS_LIST","join","FocusTrap","Component","onClose","noop","restoreFocus","timeout","getRootRef","children","restProps","ref","document","window","activeElement","React","useState","focusableNodes","setFocusableNodes","restoreFocusTo","setRestoreFocusTo","useContext","AppRootContext","keyboardInput","focusOnTrapMount","current","contains","length","focus","set","nodes","querySelectorAll","forEach","focusableEl","getComputedStyle","display","visibility","push","focusOnTrapUnmount","onDocumentKeydown","e","Keys","TAB","lastIdx","targetIdx","findIndex","node","target","shouldFocusFirstNode","shiftKey","preventDefault","ESCAPE","capture"],"mappings":"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","sourcesContent":["import * as React from 'react';\nimport { useExternRef } from '../../hooks/useExternRef';\nimport { useGlobalEventListener } from '../../hooks/useGlobalEventListener';\nimport { useTimeout } from '../../hooks/useTimeout';\nimport { FOCUSABLE_ELEMENTS_LIST, Keys, pressedKey } from '../../lib/accessibility';\nimport { useDOM } from '../../lib/dom';\nimport { useIsomorphicLayoutEffect } from '../../lib/useIsomorphicLayoutEffect';\nimport { noop } from '../../lib/utils';\nimport { HasComponent, HasRootRef } from '../../types';\nimport { AppRootContext } from '../AppRoot/AppRootContext';\n\nconst FOCUSABLE_ELEMENTS: string = FOCUSABLE_ELEMENTS_LIST.join();\n\nexport interface FocusTrapProps extends React.AllHTMLAttributes<HTMLElement>, HasRootRef<HTMLElement>, HasComponent {\n  onClose?: (props?: any) => void;\n  restoreFocus?: boolean;\n  timeout?: number;\n}\n\nexport const FocusTrap: React.FC<FocusTrapProps> = ({\n  Component = 'div',\n  onClose = noop,\n  restoreFocus = true,\n  timeout = 0,\n  getRootRef,\n  children,\n  ...restProps\n}) => {\n  const ref = useExternRef<HTMLElement>(getRootRef);\n\n  const { document, window } = useDOM();\n  const activeElement = document.activeElement as HTMLElement;\n\n  const [focusableNodes, setFocusableNodes] = React.useState<HTMLElement[]>(null);\n  const [restoreFocusTo, setRestoreFocusTo] = React.useState<HTMLElement>(null);\n\n  // HANDLE TRAP MOUNT\n\n  const { keyboardInput } = React.useContext(AppRootContext);\n  const focusOnTrapMount = useTimeout(() => {\n    if (keyboardInput && !ref.current?.contains(activeElement) && focusableNodes?.length) {\n      focusableNodes[0].focus();\n    }\n  }, timeout);\n  useIsomorphicLayoutEffect(() => {\n    focusOnTrapMount.set();\n  }, []);\n\n  // HANDLE FOCUSABLE NODES\n\n  useIsomorphicLayoutEffect(() => {\n    if (!ref.current) {\n      return noop();\n    }\n\n    const nodes: HTMLElement[] = [];\n    // eslint-disable-next-line no-restricted-properties\n    ref.current?.querySelectorAll(FOCUSABLE_ELEMENTS).forEach((focusableEl) => {\n      const { display, visibility } = window.getComputedStyle(focusableEl);\n\n      if (display !== 'none' && visibility !== 'hidden') {\n        nodes.push(focusableEl as HTMLElement);\n      }\n    });\n\n    if (nodes?.length) {\n      setFocusableNodes(nodes);\n    }\n\n    return noop();\n  }, [children]);\n\n  // HANDLE TRAP UNMOUNT\n\n  const focusOnTrapUnmount = useTimeout(() => {\n    if (restoreFocusTo) {\n      restoreFocusTo.focus();\n    }\n  }, timeout);\n  useIsomorphicLayoutEffect(() => {\n    if (restoreFocus) {\n      setRestoreFocusTo(activeElement);\n\n      return () => {\n        focusOnTrapUnmount.set();\n      };\n    }\n\n    return noop();\n  }, [restoreFocus]);\n\n  const onDocumentKeydown = (e: KeyboardEvent) => {\n    if (pressedKey(e) === Keys.TAB && focusableNodes?.length) {\n      const lastIdx = focusableNodes.length - 1;\n      const targetIdx = focusableNodes.findIndex((node) => node === e.target);\n\n      const shouldFocusFirstNode = targetIdx === -1 || targetIdx === lastIdx && !e.shiftKey;\n\n      if (shouldFocusFirstNode || targetIdx === 0 && e.shiftKey) {\n        e.preventDefault();\n\n        const node = focusableNodes[shouldFocusFirstNode ? 0 : lastIdx];\n\n        if (node !== activeElement) {\n          node.focus();\n        }\n\n        return false;\n      }\n    }\n\n    if (pressedKey(e) === Keys.ESCAPE) {\n      onClose();\n    }\n\n    return true;\n  };\n  useGlobalEventListener(document, 'keydown', onDocumentKeydown, { capture: true });\n\n  return (\n    <Component ref={ref} {...restProps}>\n      {children}\n    </Component>\n  );\n};\n"],"file":"FocusTrap.js"}
+{"version":3,"sources":["../../../../src/components/FocusTrap/FocusTrap.tsx"],"names":["FOCUSABLE_ELEMENTS","FOCUSABLE_ELEMENTS_LIST","join","FocusTrap","Component","onClose","noop","restoreFocus","timeout","getRootRef","children","restProps","ref","document","window","React","useState","focusableNodes","setFocusableNodes","restoreFocusTo","setRestoreFocusTo","useContext","AppRootContext","keyboardInput","focusOnTrapMount","current","contains","activeElement","length","focus","set","nodes","Array","prototype","forEach","call","querySelectorAll","focusableEl","getComputedStyle","display","visibility","push","focusOnTrapUnmount","onDocumentKeydown","e","Keys","TAB","lastIdx","targetIdx","findIndex","node","target","shouldFocusFirstNode","shiftKey","preventDefault","ESCAPE","capture"],"mappings":"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","sourcesContent":["import * as React from \"react\";\nimport { useExternRef } from \"../../hooks/useExternRef\";\nimport { useGlobalEventListener } from \"../../hooks/useGlobalEventListener\";\nimport { useTimeout } from \"../../hooks/useTimeout\";\nimport {\n  FOCUSABLE_ELEMENTS_LIST,\n  Keys,\n  pressedKey,\n} from \"../../lib/accessibility\";\nimport { useDOM } from \"../../lib/dom\";\nimport { useIsomorphicLayoutEffect } from \"../../lib/useIsomorphicLayoutEffect\";\nimport { noop } from \"../../lib/utils\";\nimport { HasComponent, HasRootRef } from \"../../types\";\nimport { AppRootContext } from \"../AppRoot/AppRootContext\";\n\nconst FOCUSABLE_ELEMENTS: string = FOCUSABLE_ELEMENTS_LIST.join();\n\nexport interface FocusTrapProps\n  extends React.AllHTMLAttributes<HTMLElement>,\n    HasRootRef<HTMLElement>,\n    HasComponent {\n  onClose?: (props?: any) => void;\n  restoreFocus?: boolean;\n  timeout?: number;\n}\n\nexport const FocusTrap: React.FC<FocusTrapProps> = ({\n  Component = \"div\",\n  onClose = noop,\n  restoreFocus = true,\n  timeout = 0,\n  getRootRef,\n  children,\n  ...restProps\n}) => {\n  const ref = useExternRef<HTMLElement>(getRootRef);\n\n  const { document, window } = useDOM();\n\n  const [focusableNodes, setFocusableNodes] =\n    React.useState<HTMLElement[]>(null);\n  const [restoreFocusTo, setRestoreFocusTo] = React.useState<HTMLElement>(null);\n\n  // HANDLE TRAP MOUNT\n\n  const { keyboardInput } = React.useContext(AppRootContext);\n  const focusOnTrapMount = useTimeout(() => {\n    if (\n      keyboardInput &&\n      !ref.current?.contains(document.activeElement) &&\n      focusableNodes?.length\n    ) {\n      focusableNodes[0].focus();\n    }\n  }, timeout);\n  useIsomorphicLayoutEffect(() => {\n    focusOnTrapMount.set();\n  }, []);\n\n  // HANDLE FOCUSABLE NODES\n\n  useIsomorphicLayoutEffect(() => {\n    if (!ref.current) {\n      return noop();\n    }\n\n    const nodes: HTMLElement[] = [];\n    Array.prototype.forEach.call(\n      // eslint-disable-next-line no-restricted-properties\n      ref.current.querySelectorAll(FOCUSABLE_ELEMENTS),\n      (focusableEl: Element) => {\n        const { display, visibility } = window.getComputedStyle(focusableEl);\n\n        if (display !== \"none\" && visibility !== \"hidden\") {\n          nodes.push(focusableEl as HTMLElement);\n        }\n      }\n    );\n\n    if (nodes?.length) {\n      setFocusableNodes(nodes);\n    }\n\n    return noop();\n  }, [children]);\n\n  // HANDLE TRAP UNMOUNT\n\n  const focusOnTrapUnmount = useTimeout(() => {\n    if (restoreFocusTo) {\n      restoreFocusTo.focus();\n    }\n  }, timeout);\n  useIsomorphicLayoutEffect(() => {\n    if (restoreFocus && document.activeElement) {\n      setRestoreFocusTo(document.activeElement as HTMLElement);\n\n      return () => {\n        focusOnTrapUnmount.set();\n      };\n    }\n\n    return noop();\n  }, [restoreFocus]);\n\n  const onDocumentKeydown = (e: KeyboardEvent) => {\n    if (pressedKey(e) === Keys.TAB && focusableNodes?.length) {\n      const lastIdx = focusableNodes.length - 1;\n      const targetIdx = focusableNodes.findIndex((node) => node === e.target);\n\n      const shouldFocusFirstNode =\n        targetIdx === -1 || (targetIdx === lastIdx && !e.shiftKey);\n\n      if (shouldFocusFirstNode || (targetIdx === 0 && e.shiftKey)) {\n        e.preventDefault();\n\n        const node = focusableNodes[shouldFocusFirstNode ? 0 : lastIdx];\n\n        if (node !== document.activeElement) {\n          node.focus();\n        }\n\n        return false;\n      }\n    }\n\n    if (pressedKey(e) === Keys.ESCAPE) {\n      onClose();\n    }\n\n    return true;\n  };\n  useGlobalEventListener(document, \"keydown\", onDocumentKeydown, {\n    capture: true,\n  });\n\n  return (\n    <Component ref={ref} {...restProps}>\n      {children}\n    </Component>\n  );\n};\n"],"file":"FocusTrap.js"}

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

@@ -1,6 +1,6 @@
-import * as React from 'react';
-import './FocusVisible.css';
-export declare type FocusVisibleMode = 'inside' | 'outside';
+import * as React from "react";
+import "./FocusVisible.css";
+export declare type FocusVisibleMode = "inside" | "outside";
 interface FocusVisibleProps {
     mode: FocusVisibleMode;
 }

package/dist/cjs/components/FocusVisible/FocusVisible.js

@@ -13,7 +13,7 @@ var FocusVisible = function FocusVisible(_ref) {
   var mode = _ref.mode;
   return (0, _jsxRuntime.createScopedElement)("span", {
     "aria-hidden": "true",
-    vkuiClass: (0, _classNames.classNames)('FocusVisible', "FocusVisible--".concat(mode))
+    vkuiClass: (0, _classNames.classNames)("FocusVisible", "FocusVisible--".concat(mode))
   });
 };
 

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/FocusVisible/FocusVisible.tsx"],"names":["FocusVisible","mode"],"mappings":";;;;;;;;;AACA;;AASO,IAAMA,YAAyC,GAAG,SAA5CA,YAA4C;AAAA,MAAGC,IAAH,QAAGA,IAAH;AAAA,SACvD;AAAM,mBAAY,MAAlB;AAAyB,IAAA,SAAS,EAAE,4BAAW,cAAX,0BAA4CA,IAA5C;AAApC,IADuD;AAAA,CAAlD","sourcesContent":["import * as React from 'react';\nimport { classNames } from '../../lib/classNames';\nimport './FocusVisible.css';\n\nexport type FocusVisibleMode = 'inside' | 'outside';\n\ninterface FocusVisibleProps {\n  mode: FocusVisibleMode;\n}\n\nexport const FocusVisible: React.FC<FocusVisibleProps> = ({ mode }: FocusVisibleProps) => (\n  <span aria-hidden=\"true\" vkuiClass={classNames('FocusVisible', `FocusVisible--${mode}`)} />\n);\n"],"file":"FocusVisible.js"}
+{"version":3,"sources":["../../../../src/components/FocusVisible/FocusVisible.tsx"],"names":["FocusVisible","mode"],"mappings":";;;;;;;;;AACA;;AASO,IAAMA,YAAyC,GAAG,SAA5CA,YAA4C;AAAA,MACvDC,IADuD,QACvDA,IADuD;AAAA,SAGvD;AACE,mBAAY,MADd;AAEE,IAAA,SAAS,EAAE,4BAAW,cAAX,0BAA4CA,IAA5C;AAFb,IAHuD;AAAA,CAAlD","sourcesContent":["import * as React from \"react\";\nimport { classNames } from \"../../lib/classNames\";\nimport \"./FocusVisible.css\";\n\nexport type FocusVisibleMode = \"inside\" | \"outside\";\n\ninterface FocusVisibleProps {\n  mode: FocusVisibleMode;\n}\n\nexport const FocusVisible: React.FC<FocusVisibleProps> = ({\n  mode,\n}: FocusVisibleProps) => (\n  <span\n    aria-hidden=\"true\"\n    vkuiClass={classNames(\"FocusVisible\", `FocusVisible--${mode}`)}\n  />\n);\n"],"file":"FocusVisible.js"}

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

@@ -1,5 +1,5 @@
-import * as React from 'react';
-import './Footer.css';
-declare type FooterProps = React.AllHTMLAttributes<HTMLElement>;
-declare const Footer: React.FC<FooterProps>;
-export default Footer;
+import * as React from "react";
+import { HasComponent } from "../../types";
+import "./Footer.css";
+export declare type FooterProps = React.AllHTMLAttributes<HTMLElement> & HasComponent;
+export declare const Footer: React.FC<FooterProps>;

package/dist/cjs/components/Footer/Footer.js

@@ -5,7 +5,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = void 0;
+exports.Footer = void 0;
 
 var _jsxRuntime = require("../../lib/jsxRuntime");
 
@@ -29,6 +29,5 @@ var Footer = function Footer(_ref) {
   }), children);
 };
 
-var _default = Footer;
-exports.default = _default;
+exports.Footer = Footer;
 //# sourceMappingURL=Footer.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/Footer/Footer.tsx"],"names":["Footer","children","restProps"],"mappings":";;;;;;;;;;;;;;;AACA;;;;AAKA,IAAMA,MAA6B,GAAG,SAAhCA,MAAgC,OAA6C;AAAA,MAA1CC,QAA0C,QAA1CA,QAA0C;AAAA,MAA7BC,SAA6B;AACjF,SACE,qCAAC,gBAAD;AAAS,IAAA,SAAS,EAAC;AAAnB,KAAgCA,SAAhC;AAA2C,IAAA,KAAK,EAAC,GAAjD;AAAqD,IAAA,MAAM,EAAC,SAA5D;AAAsE,IAAA,SAAS,EAAC;AAAhF,MACGD,QADH,CADF;AAKD,CAND;;eAQeD,M","sourcesContent":["import * as React from 'react';\nimport Caption from '../Typography/Caption/Caption';\nimport './Footer.css';\n\ntype FooterProps = React.AllHTMLAttributes<HTMLElement>;\n\nconst Footer: React.FC<FooterProps> = ({ children, ...restProps }: FooterProps) => {\n  return (\n    <Caption Component=\"footer\" {...restProps} level=\"1\" weight=\"regular\" vkuiClass=\"Footer\">\n      {children}\n    </Caption>\n  );\n};\n\nexport default Footer;\n"],"file":"Footer.js"}
+{"version":3,"sources":["../../../../src/components/Footer/Footer.tsx"],"names":["Footer","children","restProps"],"mappings":";;;;;;;;;;;;;;;AAEA;;;;AAKO,IAAMA,MAA6B,GAAG,SAAhCA,MAAgC,OAG1B;AAAA,MAFjBC,QAEiB,QAFjBA,QAEiB;AAAA,MADdC,SACc;AACjB,SACE,qCAAC,gBAAD;AACE,IAAA,SAAS,EAAC;AADZ,KAEMA,SAFN;AAGE,IAAA,KAAK,EAAC,GAHR;AAIE,IAAA,MAAM,EAAC,SAJT;AAKE,IAAA,SAAS,EAAC;AALZ,MAOGD,QAPH,CADF;AAWD,CAfM","sourcesContent":["import * as React from \"react\";\nimport { HasComponent } from \"../../types\";\nimport Caption from \"../Typography/Caption/Caption\";\nimport \"./Footer.css\";\n\nexport type FooterProps = React.AllHTMLAttributes<HTMLElement> & HasComponent;\n\nexport const Footer: React.FC<FooterProps> = ({\n  children,\n  ...restProps\n}: FooterProps) => {\n  return (\n    <Caption\n      Component=\"footer\"\n      {...restProps}\n      level=\"1\"\n      weight=\"regular\"\n      vkuiClass=\"Footer\"\n    >\n      {children}\n    </Caption>\n  );\n};\n"],"file":"Footer.js"}

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

@@ -1,6 +1,6 @@
-import * as React from 'react';
-import { HasComponent, HasRootRef } from '../../types';
-import './FormField.css';
+import * as React from "react";
+import { HasComponent, HasRootRef } from "../../types";
+import "./FormField.css";
 export interface FormFieldProps {
     /**
      * Иконка 12|16|20|24|28 или `IconButton`.

package/dist/cjs/components/FormField/FormField.js

@@ -33,7 +33,7 @@ var _excluded = ["Component", "children", "getRootRef", "after", "disabled"];
 
 var FormField = function FormField(_ref) {
   var _ref$Component = _ref.Component,
-      Component = _ref$Component === void 0 ? 'div' : _ref$Component,
+      Component = _ref$Component === void 0 ? "div" : _ref$Component,
       children = _ref.children,
       getRootRef = _ref.getRootRef,
       after = _ref.after,
@@ -65,16 +65,16 @@ var FormField = function FormField(_ref) {
     ref: getRootRef,
     onMouseEnter: handleMouseEnter,
     onMouseLeave: handleMouseLeave,
-    vkuiClass: (0, _classNames.classNames)((0, _getClassName.getClassName)('FormField', platform), "FormField--sizeY-".concat(sizeY), {
-      'FormField--disabled': disabled
+    vkuiClass: (0, _classNames.classNames)((0, _getClassName.getClassName)("FormField", platform), "FormField--sizeY-".concat(sizeY), {
+      "FormField--disabled": disabled
     })
   }), children, (0, _utils.hasReactNode)(after) && (0, _jsxRuntime.createScopedElement)("div", {
     role: "presentation",
     vkuiClass: "FormField__after"
   }, after), (0, _jsxRuntime.createScopedElement)("div", {
     role: "presentation",
-    vkuiClass: (0, _classNames.classNames)('FormField__border', {
-      'FormField__border--hover': !disabled && hover
+    vkuiClass: (0, _classNames.classNames)("FormField__border", {
+      "FormField__border--hover": !disabled && hover
     })
   }));
 };