@vkontakte/vkui 5.2.4 → 5.3.1

package/dist/cssm/components/DropdownIcon/DropdownIcon.js

@@ -1,24 +1,18 @@
-import _extends from "@babel/runtime/helpers/extends";
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["opened", "className"];
 import * as React from 'react';
 import { Icon20ChevronUp, Icon20Dropdown, Icon24ChevronDown, Icon24ChevronUp } from '@vkontakte/icons';
 import { classNames } from '@vkontakte/vkjs';
 import { useAdaptivityConditionalRender } from '../../hooks/useAdaptivityConditionalRender';
-import "./DropdownIcon.module.css";
-export var DropdownIcon = function DropdownIcon(_ref) {
-  var _ref$opened = _ref.opened,
-    opened = _ref$opened === void 0 ? false : _ref$opened,
-    className = _ref.className,
-    restProps = _objectWithoutProperties(_ref, _excluded);
-  var _useAdaptivityConditi = useAdaptivityConditionalRender(),
-    sizeY = _useAdaptivityConditi.sizeY;
-  var IconCompact = opened ? Icon20ChevronUp : Icon20Dropdown;
-  var IconRegular = opened ? Icon24ChevronUp : Icon24ChevronDown;
-  return /*#__PURE__*/React.createElement(React.Fragment, null, sizeY.compact && /*#__PURE__*/React.createElement(IconCompact, _extends({
-    className: classNames("vkuiDropdownIcon", sizeY.compact.className, className)
-  }, restProps)), sizeY.regular && /*#__PURE__*/React.createElement(IconRegular, _extends({
-    className: classNames("vkuiDropdownIcon", sizeY.regular.className, className)
-  }, restProps)));
+export const DropdownIcon = ({ opened =false , className , ...restProps })=>{
+    const { sizeY  } = useAdaptivityConditionalRender();
+    const IconCompact = opened ? Icon20ChevronUp : Icon20Dropdown;
+    const IconRegular = opened ? Icon24ChevronUp : Icon24ChevronDown;
+    return /*#__PURE__*/ React.createElement(React.Fragment, null, sizeY.compact && /*#__PURE__*/ React.createElement(IconCompact, {
+        className: classNames(sizeY.compact.className, className),
+        ...restProps
+    }), sizeY.regular && /*#__PURE__*/ React.createElement(IconRegular, {
+        className: classNames(sizeY.regular.className, className),
+        ...restProps
+    }));
 };
+
 //# sourceMappingURL=DropdownIcon.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"DropdownIcon.js","names":["React","Icon20ChevronUp","Icon20Dropdown","Icon24ChevronDown","Icon24ChevronUp","classNames","useAdaptivityConditionalRender","DropdownIcon","opened","className","restProps","sizeY","IconCompact","IconRegular","compact","regular"],"sources":["../../../../src/components/DropdownIcon/DropdownIcon.tsx"],"sourcesContent":["import * as React from 'react';\nimport {\n  Icon20ChevronUp,\n  Icon20Dropdown,\n  Icon24ChevronDown,\n  Icon24ChevronUp,\n} from '@vkontakte/icons';\nimport { classNames } from '@vkontakte/vkjs';\nimport { useAdaptivityConditionalRender } from '../../hooks/useAdaptivityConditionalRender';\nimport styles from './DropdownIcon.module.css';\n\nexport interface DropdownIconProps extends React.HTMLAttributes<SVGSVGElement> {\n  opened?: boolean;\n}\n\nexport const DropdownIcon = ({ opened = false, className, ...restProps }: DropdownIconProps) => {\n  const { sizeY } = useAdaptivityConditionalRender();\n  const IconCompact = opened ? Icon20ChevronUp : Icon20Dropdown;\n  const IconRegular = opened ? Icon24ChevronUp : Icon24ChevronDown;\n\n  return (\n    <React.Fragment>\n      {sizeY.compact && (\n        <IconCompact\n          className={classNames(styles['DropdownIcon'], sizeY.compact.className, className)}\n          {...restProps}\n        />\n      )}\n      {sizeY.regular && (\n        <IconRegular\n          className={classNames(styles['DropdownIcon'], sizeY.regular.className, className)}\n          {...restProps}\n        />\n      )}\n    </React.Fragment>\n  );\n};\n"],"mappings":";;;AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SACEC,eAAe,EACfC,cAAc,EACdC,iBAAiB,EACjBC,eAAe,QACV,kBAAkB;AACzB,SAASC,UAAU,QAAQ,iBAAiB;AAC5C,SAASC,8BAA8B,QAAQ,4CAA4C;AAAC;AAO5F,OAAO,IAAMC,YAAY,GAAG,SAAfA,YAAY,OAAuE;EAAA,uBAAjEC,MAAM;IAANA,MAAM,4BAAG,KAAK;IAAEC,SAAS,QAATA,SAAS;IAAKC,SAAS;EACpE,4BAAkBJ,8BAA8B,EAAE;IAA1CK,KAAK,yBAALA,KAAK;EACb,IAAMC,WAAW,GAAGJ,MAAM,GAAGP,eAAe,GAAGC,cAAc;EAC7D,IAAMW,WAAW,GAAGL,MAAM,GAAGJ,eAAe,GAAGD,iBAAiB;EAEhE,oBACE,oBAAC,KAAK,CAAC,QAAQ,QACZQ,KAAK,CAACG,OAAO,iBACZ,oBAAC,WAAW;IACV,SAAS,EAAET,UAAU,qBAAyBM,KAAK,CAACG,OAAO,CAACL,SAAS,EAAEA,SAAS;EAAE,GAC9EC,SAAS,EAEhB,EACAC,KAAK,CAACI,OAAO,iBACZ,oBAAC,WAAW;IACV,SAAS,EAAEV,UAAU,qBAAyBM,KAAK,CAACI,OAAO,CAACN,SAAS,EAAEA,SAAS;EAAE,GAC9EC,SAAS,EAEhB,CACc;AAErB,CAAC"}
+{"version":3,"sources":["../../../../src/components/DropdownIcon/DropdownIcon.tsx"],"sourcesContent":["import * as React from 'react';\nimport {\n  Icon20ChevronUp,\n  Icon20Dropdown,\n  Icon24ChevronDown,\n  Icon24ChevronUp,\n} from '@vkontakte/icons';\nimport { classNames } from '@vkontakte/vkjs';\nimport { useAdaptivityConditionalRender } from '../../hooks/useAdaptivityConditionalRender';\n\nexport interface DropdownIconProps extends React.HTMLAttributes<SVGSVGElement> {\n  opened?: boolean;\n}\n\nexport const DropdownIcon = ({ opened = false, className, ...restProps }: DropdownIconProps) => {\n  const { sizeY } = useAdaptivityConditionalRender();\n  const IconCompact = opened ? Icon20ChevronUp : Icon20Dropdown;\n  const IconRegular = opened ? Icon24ChevronUp : Icon24ChevronDown;\n\n  return (\n    <React.Fragment>\n      {sizeY.compact && (\n        <IconCompact className={classNames(sizeY.compact.className, className)} {...restProps} />\n      )}\n      {sizeY.regular && (\n        <IconRegular className={classNames(sizeY.regular.className, className)} {...restProps} />\n      )}\n    </React.Fragment>\n  );\n};\n"],"names":["React","Icon20ChevronUp","Icon20Dropdown","Icon24ChevronDown","Icon24ChevronUp","classNames","useAdaptivityConditionalRender","DropdownIcon","opened","className","restProps","sizeY","IconCompact","IconRegular","Fragment","compact","regular"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SACEC,eAAe,EACfC,cAAc,EACdC,iBAAiB,EACjBC,eAAe,QACV,mBAAmB;AAC1B,SAASC,UAAU,QAAQ,kBAAkB;AAC7C,SAASC,8BAA8B,QAAQ,6CAA6C;AAM5F,OAAO,MAAMC,eAAe,CAAC,EAAEC,QAAS,KAAK,CAAA,EAAEC,UAAS,EAAE,GAAGC,WAA8B,GAAK;IAC9F,MAAM,EAAEC,MAAK,EAAE,GAAGL;IAClB,MAAMM,cAAcJ,SAASP,kBAAkBC,cAAc;IAC7D,MAAMW,cAAcL,SAASJ,kBAAkBD,iBAAiB;IAEhE,qBACE,oBAACH,MAAMc,QAAQ,QACZH,MAAMI,OAAO,kBACZ,oBAACH;QAAYH,WAAWJ,WAAWM,MAAMI,OAAO,CAACN,SAAS,EAAEA;QAAa,GAAGC,SAAS;QAEtFC,MAAMK,OAAO,kBACZ,oBAACH;QAAYJ,WAAWJ,WAAWM,MAAMK,OAAO,CAACP,SAAS,EAAEA;QAAa,GAAGC,SAAS;;AAI7F,EAAE"}

package/dist/cssm/components/Epic/Epic.js

@@ -1,36 +1,24 @@
-import _extends from "@babel/runtime/helpers/extends";
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["activeStory", "tabbar", "children", "className"];
 import * as React from 'react';
 import { classNames } from '@vkontakte/vkjs';
 import { getNavId } from '../../lib/getNavId';
 import { warnOnce } from '../../lib/warnOnce';
 import { ScrollSaver } from './ScrollSaver';
-import "./Epic.module.css";
-var warn = warnOnce('Epic');
-
+import styles from './Epic.module.css';
+const warn = warnOnce('Epic');
 /**
  * @see https://vkcom.github.io/VKUI/#/Epic
- */
-export var Epic = function Epic(props) {
-  var _ref;
-  var scroll = React.useRef({}).current;
-  var activeStory = props.activeStory,
-    tabbar = props.tabbar,
-    children = props.children,
-    className = props.className,
-    restProps = _objectWithoutProperties(props, _excluded);
-  var story = (_ref = React.Children.toArray(children).find(function (story) {
-    return /*#__PURE__*/React.isValidElement(story) && getNavId(story.props, warn) === activeStory;
-  })) !== null && _ref !== void 0 ? _ref : null;
-  return /*#__PURE__*/React.createElement("div", _extends({}, restProps, {
-    className: classNames("vkuiEpic", tabbar && "vkuiEpic--hasTabbar", className)
-  }), /*#__PURE__*/React.createElement(ScrollSaver, {
-    key: activeStory,
-    initialScroll: scroll[activeStory] || 0,
-    saveScroll: function saveScroll(value) {
-      return scroll[activeStory] = value;
-    }
-  }, story), tabbar);
+ */ export const Epic = (props)=>{
+    const scroll = React.useRef({}).current;
+    const { activeStory , tabbar , children , className , ...restProps } = props;
+    const story = React.Children.toArray(children).find((story)=>/*#__PURE__*/ React.isValidElement(story) && getNavId(story.props, warn) === activeStory) ?? null;
+    return /*#__PURE__*/ React.createElement("div", {
+        ...restProps,
+        className: classNames(styles['Epic'], tabbar && 'vkuiInternalEpic--hasTabbar', className)
+    }, /*#__PURE__*/ React.createElement(ScrollSaver, {
+        key: activeStory,
+        initialScroll: scroll[activeStory] || 0,
+        saveScroll: (value)=>scroll[activeStory] = value
+    }, story), tabbar);
 };
+
 //# sourceMappingURL=Epic.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Epic.js","names":["React","classNames","getNavId","warnOnce","ScrollSaver","warn","Epic","props","scroll","useRef","current","activeStory","tabbar","children","className","restProps","story","Children","toArray","find","isValidElement","value"],"sources":["../../../../src/components/Epic/Epic.tsx"],"sourcesContent":["import * as React from 'react';\nimport { classNames } from '@vkontakte/vkjs';\nimport { getNavId } from '../../lib/getNavId';\nimport { warnOnce } from '../../lib/warnOnce';\nimport { ScrollSaver } from './ScrollSaver';\nimport styles from './Epic.module.css';\n\nexport interface EpicProps extends React.HTMLAttributes<HTMLDivElement> {\n  tabbar?: React.ReactNode;\n  activeStory: string;\n}\n\nconst warn = warnOnce('Epic');\n\n/**\n * @see https://vkcom.github.io/VKUI/#/Epic\n */\nexport const Epic = (props: EpicProps) => {\n  const scroll = React.useRef<{ [key: string]: number }>({}).current;\n  const { activeStory, tabbar, children, className, ...restProps } = props;\n\n  const story =\n    (React.Children.toArray(children).find(\n      (story) => React.isValidElement(story) && getNavId(story.props, warn) === activeStory,\n    ) as React.ReactElement | undefined) ?? null;\n\n  return (\n    <div\n      {...restProps}\n      className={classNames(styles['Epic'], tabbar && styles['Epic--hasTabbar'], className)}\n    >\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"],"mappings":";;;AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,UAAU,QAAQ,iBAAiB;AAC5C,SAASC,QAAQ,QAAQ,oBAAoB;AAC7C,SAASC,QAAQ,QAAQ,oBAAoB;AAC7C,SAASC,WAAW,QAAQ,eAAe;AAAC;AAQ5C,IAAMC,IAAI,GAAGF,QAAQ,CAAC,MAAM,CAAC;;AAE7B;AACA;AACA;AACA,OAAO,IAAMG,IAAI,GAAG,SAAPA,IAAI,CAAIC,KAAgB,EAAK;EAAA;EACxC,IAAMC,MAAM,GAAGR,KAAK,CAACS,MAAM,CAA4B,CAAC,CAAC,CAAC,CAACC,OAAO;EAClE,IAAQC,WAAW,GAAgDJ,KAAK,CAAhEI,WAAW;IAAEC,MAAM,GAAwCL,KAAK,CAAnDK,MAAM;IAAEC,QAAQ,GAA8BN,KAAK,CAA3CM,QAAQ;IAAEC,SAAS,GAAmBP,KAAK,CAAjCO,SAAS;IAAKC,SAAS,4BAAKR,KAAK;EAExE,IAAMS,KAAK,WACRhB,KAAK,CAACiB,QAAQ,CAACC,OAAO,CAACL,QAAQ,CAAC,CAACM,IAAI,CACpC,UAACH,KAAK;IAAA,OAAK,aAAAhB,KAAK,CAACoB,cAAc,CAACJ,KAAK,CAAC,IAAId,QAAQ,CAACc,KAAK,CAACT,KAAK,EAAEF,IAAI,CAAC,KAAKM,WAAW;EAAA,EACtF,uCAAuC,IAAI;EAE9C,oBACE,wCACMI,SAAS;IACb,SAAS,EAAEd,UAAU,aAAiBW,MAAM,yBAA6B,EAAEE,SAAS;EAAE,iBAEtF,oBAAC,WAAW;IACV,GAAG,EAAEH,WAAY;IACjB,aAAa,EAAEH,MAAM,CAACG,WAAW,CAAC,IAAI,CAAE;IACxC,UAAU,EAAE,oBAACU,KAAK;MAAA,OAAMb,MAAM,CAACG,WAAW,CAAC,GAAGU,KAAK;IAAA;EAAE,GAEpDL,KAAK,CACM,EACbJ,MAAM,CACH;AAEV,CAAC"}
+{"version":3,"sources":["../../../../src/components/Epic/Epic.tsx"],"sourcesContent":["import * as React from 'react';\nimport { classNames } from '@vkontakte/vkjs';\nimport { getNavId } from '../../lib/getNavId';\nimport { warnOnce } from '../../lib/warnOnce';\nimport { ScrollSaver } from './ScrollSaver';\nimport styles from './Epic.module.css';\n\nexport interface EpicProps extends React.HTMLAttributes<HTMLDivElement> {\n  tabbar?: React.ReactNode;\n  activeStory: string;\n}\n\nconst warn = warnOnce('Epic');\n\n/**\n * @see https://vkcom.github.io/VKUI/#/Epic\n */\nexport const Epic = (props: EpicProps) => {\n  const scroll = React.useRef<{ [key: string]: number }>({}).current;\n  const { activeStory, tabbar, children, className, ...restProps } = props;\n\n  const story =\n    (React.Children.toArray(children).find(\n      (story) => React.isValidElement(story) && getNavId(story.props, warn) === activeStory,\n    ) as React.ReactElement | undefined) ?? null;\n\n  return (\n    <div\n      {...restProps}\n      className={classNames(styles['Epic'], tabbar && 'vkuiInternalEpic--hasTabbar', className)}\n    >\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"],"names":["React","classNames","getNavId","warnOnce","ScrollSaver","styles","warn","Epic","props","scroll","useRef","current","activeStory","tabbar","children","className","restProps","story","Children","toArray","find","isValidElement","div","key","initialScroll","saveScroll","value"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,UAAU,QAAQ,kBAAkB;AAC7C,SAASC,QAAQ,QAAQ,qBAAqB;AAC9C,SAASC,QAAQ,QAAQ,qBAAqB;AAC9C,SAASC,WAAW,QAAQ,gBAAgB;AAC5C,OAAOC,YAAY,oBAAoB;AAOvC,MAAMC,OAAOH,SAAS;AAEtB;;CAEC,GACD,OAAO,MAAMI,OAAO,CAACC,QAAqB;IACxC,MAAMC,SAAST,MAAMU,MAAM,CAA4B,CAAC,GAAGC,OAAO;IAClE,MAAM,EAAEC,YAAW,EAAEC,OAAM,EAAEC,SAAQ,EAAEC,UAAS,EAAE,GAAGC,WAAW,GAAGR;IAEnE,MAAMS,QACJ,AAACjB,MAAMkB,QAAQ,CAACC,OAAO,CAACL,UAAUM,IAAI,CACpC,CAACH,sBAAUjB,MAAMqB,cAAc,CAACJ,UAAUf,SAASe,MAAMT,KAAK,EAAEF,UAAUM,gBACpC,IAAI;IAE9C,qBACE,oBAACU;QACE,GAAGN,SAAS;QACbD,WAAWd,WAAWI,MAAM,CAAC,OAAO,EAAEQ,UAAU,+BAA+BE;qBAE/E,oBAACX;QACCmB,KAAKX;QACLY,eAAef,MAAM,CAACG,YAAY,IAAI;QACtCa,YAAY,CAACC,QAAWjB,MAAM,CAACG,YAAY,GAAGc;OAE7CT,QAEFJ;AAGP,EAAE"}

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

@@ -3,22 +3,15 @@ import { useIsomorphicLayoutEffect } from '../../lib/useIsomorphicLayoutEffect';
 import { ScrollContext } from '../AppRoot/ScrollContext';
 /**
  * @see https://vkcom.github.io/VKUI/#/ScrollSaver
- */
-export var ScrollSaver = function ScrollSaver(_ref) {
-  var children = _ref.children,
-    initialScroll = _ref.initialScroll,
-    saveScroll = _ref.saveScroll;
-  var _React$useContext = React.useContext(ScrollContext),
-    getScroll = _React$useContext.getScroll,
-    scrollTo = _React$useContext.scrollTo;
-  useIsomorphicLayoutEffect(function () {
-    if (typeof initialScroll === 'number') {
-      scrollTo(0, initialScroll);
-    }
-    return function () {
-      return saveScroll(getScroll().y);
-    };
-  }, []);
-  return /*#__PURE__*/React.createElement(React.Fragment, null, children);
+ */ export const ScrollSaver = ({ children , initialScroll , saveScroll  })=>{
+    const { getScroll , scrollTo  } = React.useContext(ScrollContext);
+    useIsomorphicLayoutEffect(()=>{
+        if (typeof initialScroll === 'number') {
+            scrollTo(0, initialScroll);
+        }
+        return ()=>saveScroll(getScroll().y);
+    }, []);
+    return /*#__PURE__*/ React.createElement(React.Fragment, null, children);
 };
+
 //# sourceMappingURL=ScrollSaver.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ScrollSaver.js","names":["React","useIsomorphicLayoutEffect","ScrollContext","ScrollSaver","children","initialScroll","saveScroll","useContext","getScroll","scrollTo","y"],"sources":["../../../../src/components/Epic/ScrollSaver.tsx"],"sourcesContent":["import * as React from 'react';\nimport { useIsomorphicLayoutEffect } from '../../lib/useIsomorphicLayoutEffect';\nimport { ScrollContext } from '../AppRoot/ScrollContext';\n\nexport interface ScrollSaverProps {\n  initialScroll?: number;\n  saveScroll: (this: void, scroll: number) => any;\n  children?: React.ReactNode;\n}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/ScrollSaver\n */\nexport const ScrollSaver = ({ children, initialScroll, saveScroll }: ScrollSaverProps) => {\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 <React.Fragment>{children}</React.Fragment>;\n};\n"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,yBAAyB,QAAQ,qCAAqC;AAC/E,SAASC,aAAa,QAAQ,0BAA0B;AAQxD;AACA;AACA;AACA,OAAO,IAAMC,WAAW,GAAG,SAAdA,WAAW,OAAkE;EAAA,IAA5DC,QAAQ,QAARA,QAAQ;IAAEC,aAAa,QAAbA,aAAa;IAAEC,UAAU,QAAVA,UAAU;EAC/D,wBAAgCN,KAAK,CAACO,UAAU,CAACL,aAAa,CAAC;IAAvDM,SAAS,qBAATA,SAAS;IAAEC,QAAQ,qBAARA,QAAQ;EAC3BR,yBAAyB,CAAC,YAAM;IAC9B,IAAI,OAAOI,aAAa,KAAK,QAAQ,EAAE;MACrCI,QAAQ,CAAC,CAAC,EAAEJ,aAAa,CAAC;IAC5B;IACA,OAAO;MAAA,OAAMC,UAAU,CAACE,SAAS,EAAE,CAACE,CAAC,CAAC;IAAA;EACxC,CAAC,EAAE,EAAE,CAAC;EACN,oBAAO,oBAAC,KAAK,CAAC,QAAQ,QAAEN,QAAQ,CAAkB;AACpD,CAAC"}
+{"version":3,"sources":["../../../../src/components/Epic/ScrollSaver.tsx"],"sourcesContent":["import * as React from 'react';\nimport { useIsomorphicLayoutEffect } from '../../lib/useIsomorphicLayoutEffect';\nimport { ScrollContext } from '../AppRoot/ScrollContext';\n\nexport interface ScrollSaverProps {\n  initialScroll?: number;\n  saveScroll: (this: void, scroll: number) => any;\n  children?: React.ReactNode;\n}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/ScrollSaver\n */\nexport const ScrollSaver = ({ children, initialScroll, saveScroll }: ScrollSaverProps) => {\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 <React.Fragment>{children}</React.Fragment>;\n};\n"],"names":["React","useIsomorphicLayoutEffect","ScrollContext","ScrollSaver","children","initialScroll","saveScroll","getScroll","scrollTo","useContext","y","Fragment"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,yBAAyB,QAAQ,sCAAsC;AAChF,SAASC,aAAa,QAAQ,2BAA2B;AAQzD;;CAEC,GACD,OAAO,MAAMC,cAAc,CAAC,EAAEC,SAAQ,EAAEC,cAAa,EAAEC,WAAU,EAAoB,GAAK;IACxF,MAAM,EAAEC,UAAS,EAAEC,SAAQ,EAAE,GAAGR,MAAMS,UAAU,CAACP;IACjDD,0BAA0B,IAAM;QAC9B,IAAI,OAAOI,kBAAkB,UAAU;YACrCG,SAAS,GAAGH;QACd,CAAC;QACD,OAAO,IAAMC,WAAWC,YAAYG,CAAC;IACvC,GAAG,EAAE;IACL,qBAAO,oBAACV,MAAMW,QAAQ,QAAEP;AAC1B,EAAE"}

package/dist/cssm/components/File/File.js

@@ -1,49 +1,28 @@
-import _extends from "@babel/runtime/helpers/extends";
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["children", "align", "size", "mode", "stretched", "before", "after", "loading", "className", "style", "getRef", "getRootRef", "appearance"];
 import * as React from 'react';
-import { classNames } from '@vkontakte/vkjs';
 import { Button } from '../Button/Button';
 import { VisuallyHiddenInput } from '../VisuallyHiddenInput/VisuallyHiddenInput';
-import "./File.module.css";
 /**
  * @see https://vkcom.github.io/VKUI/#/File
- */
-export var File = function File(_ref) {
-  var _ref$children = _ref.children,
-    children = _ref$children === void 0 ? 'Выберите файл' : _ref$children,
-    _ref$align = _ref.align,
-    align = _ref$align === void 0 ? 'left' : _ref$align,
-    size = _ref.size,
-    mode = _ref.mode,
-    stretched = _ref.stretched,
-    before = _ref.before,
-    after = _ref.after,
-    loading = _ref.loading,
-    className = _ref.className,
-    style = _ref.style,
-    getRef = _ref.getRef,
-    getRootRef = _ref.getRootRef,
-    appearance = _ref.appearance,
-    restProps = _objectWithoutProperties(_ref, _excluded);
-  return /*#__PURE__*/React.createElement(Button, {
-    Component: "label",
-    align: align,
-    className: classNames("vkuiFile", className),
-    stretched: stretched,
-    mode: mode,
-    appearance: appearance,
-    size: size,
-    before: before,
-    after: after,
-    loading: loading,
-    style: style,
-    getRootRef: getRootRef,
-    disabled: restProps.disabled
-  }, /*#__PURE__*/React.createElement(VisuallyHiddenInput, _extends({}, restProps, {
-    className: "vkuiFile__input",
-    type: "file",
-    getRef: getRef
-  })), children);
+ */ export const File = ({ children ='Выберите файл' , align ='left' , size , mode , stretched , before , after , loading , className , style , getRef , getRootRef , appearance , ...restProps })=>{
+    return /*#__PURE__*/ React.createElement(Button, {
+        Component: "label",
+        align: align,
+        className: className,
+        stretched: stretched,
+        mode: mode,
+        appearance: appearance,
+        size: size,
+        before: before,
+        after: after,
+        loading: loading,
+        style: style,
+        getRootRef: getRootRef,
+        disabled: restProps.disabled
+    }, /*#__PURE__*/ React.createElement(VisuallyHiddenInput, {
+        ...restProps,
+        type: "file",
+        getRef: getRef
+    }), children);
 };
+
 //# sourceMappingURL=File.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"File.js","names":["React","classNames","Button","VisuallyHiddenInput","File","children","align","size","mode","stretched","before","after","loading","className","style","getRef","getRootRef","appearance","restProps","disabled"],"sources":["../../../../src/components/File/File.tsx"],"sourcesContent":["import * as React from 'react';\nimport { classNames } from '@vkontakte/vkjs';\nimport { HasRef, HasRootRef } from '../../types';\nimport { Button, VKUIButtonProps } from '../Button/Button';\nimport { VisuallyHiddenInput } from '../VisuallyHiddenInput/VisuallyHiddenInput';\nimport styles from './File.module.css';\n\nexport interface FileProps\n  extends Omit<VKUIButtonProps, 'type'>,\n    Omit<React.InputHTMLAttributes<HTMLInputElement>, 'type' | 'size'>,\n    HasRef<HTMLInputElement>,\n    HasRootRef<HTMLElement> {}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/File\n */\nexport const File = ({\n  children = 'Выберите файл',\n  align = 'left',\n  size,\n  mode,\n  stretched,\n  before,\n  after,\n  loading,\n  className,\n  style,\n  getRef,\n  getRootRef,\n  appearance,\n  ...restProps\n}: FileProps) => {\n  return (\n    <Button\n      Component=\"label\"\n      align={align}\n      className={classNames(styles['File'], className)}\n      stretched={stretched}\n      mode={mode}\n      appearance={appearance}\n      size={size}\n      before={before}\n      after={after}\n      loading={loading}\n      style={style}\n      getRootRef={getRootRef}\n      disabled={restProps.disabled}\n    >\n      <VisuallyHiddenInput\n        {...restProps}\n        className={styles['File__input']}\n        type=\"file\"\n        getRef={getRef}\n      />\n      {children}\n    </Button>\n  );\n};\n"],"mappings":";;;AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,UAAU,QAAQ,iBAAiB;AAE5C,SAASC,MAAM,QAAyB,kBAAkB;AAC1D,SAASC,mBAAmB,QAAQ,4CAA4C;AAAC;AASjF;AACA;AACA;AACA,OAAO,IAAMC,IAAI,GAAG,SAAPA,IAAI,OAeA;EAAA,yBAdfC,QAAQ;IAARA,QAAQ,8BAAG,eAAe;IAAA,kBAC1BC,KAAK;IAALA,KAAK,2BAAG,MAAM;IACdC,IAAI,QAAJA,IAAI;IACJC,IAAI,QAAJA,IAAI;IACJC,SAAS,QAATA,SAAS;IACTC,MAAM,QAANA,MAAM;IACNC,KAAK,QAALA,KAAK;IACLC,OAAO,QAAPA,OAAO;IACPC,SAAS,QAATA,SAAS;IACTC,KAAK,QAALA,KAAK;IACLC,MAAM,QAANA,MAAM;IACNC,UAAU,QAAVA,UAAU;IACVC,UAAU,QAAVA,UAAU;IACPC,SAAS;EAEZ,oBACE,oBAAC,MAAM;IACL,SAAS,EAAC,OAAO;IACjB,KAAK,EAAEZ,KAAM;IACb,SAAS,EAAEL,UAAU,aAAiBY,SAAS,CAAE;IACjD,SAAS,EAAEJ,SAAU;IACrB,IAAI,EAAED,IAAK;IACX,UAAU,EAAES,UAAW;IACvB,IAAI,EAAEV,IAAK;IACX,MAAM,EAAEG,MAAO;IACf,KAAK,EAAEC,KAAM;IACb,OAAO,EAAEC,OAAQ;IACjB,KAAK,EAAEE,KAAM;IACb,UAAU,EAAEE,UAAW;IACvB,QAAQ,EAAEE,SAAS,CAACC;EAAS,gBAE7B,oBAAC,mBAAmB,eACdD,SAAS;IACb,SAAS,mBAAwB;IACjC,IAAI,EAAC,MAAM;IACX,MAAM,EAAEH;EAAO,GACf,EACDV,QAAQ,CACF;AAEb,CAAC"}
+{"version":3,"sources":["../../../../src/components/File/File.tsx"],"sourcesContent":["import * as React from 'react';\nimport { HasRef, HasRootRef } from '../../types';\nimport { Button, VKUIButtonProps } from '../Button/Button';\nimport { VisuallyHiddenInput } from '../VisuallyHiddenInput/VisuallyHiddenInput';\n\nexport interface FileProps\n  extends Omit<VKUIButtonProps, 'type'>,\n    Omit<React.InputHTMLAttributes<HTMLInputElement>, 'type' | 'size'>,\n    HasRef<HTMLInputElement>,\n    HasRootRef<HTMLElement> {}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/File\n */\nexport const File = ({\n  children = 'Выберите файл',\n  align = 'left',\n  size,\n  mode,\n  stretched,\n  before,\n  after,\n  loading,\n  className,\n  style,\n  getRef,\n  getRootRef,\n  appearance,\n  ...restProps\n}: FileProps) => {\n  return (\n    <Button\n      Component=\"label\"\n      align={align}\n      className={className}\n      stretched={stretched}\n      mode={mode}\n      appearance={appearance}\n      size={size}\n      before={before}\n      after={after}\n      loading={loading}\n      style={style}\n      getRootRef={getRootRef}\n      disabled={restProps.disabled}\n    >\n      <VisuallyHiddenInput {...restProps} type=\"file\" getRef={getRef} />\n      {children}\n    </Button>\n  );\n};\n"],"names":["React","Button","VisuallyHiddenInput","File","children","align","size","mode","stretched","before","after","loading","className","style","getRef","getRootRef","appearance","restProps","Component","disabled","type"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAE/B,SAASC,MAAM,QAAyB,mBAAmB;AAC3D,SAASC,mBAAmB,QAAQ,6CAA6C;AAQjF;;CAEC,GACD,OAAO,MAAMC,OAAO,CAAC,EACnBC,UAAW,gBAAe,EAC1BC,OAAQ,OAAM,EACdC,KAAI,EACJC,KAAI,EACJC,UAAS,EACTC,OAAM,EACNC,MAAK,EACLC,QAAO,EACPC,UAAS,EACTC,MAAK,EACLC,OAAM,EACNC,WAAU,EACVC,WAAU,EACV,GAAGC,WACO,GAAK;IACf,qBACE,oBAAChB;QACCiB,WAAU;QACVb,OAAOA;QACPO,WAAWA;QACXJ,WAAWA;QACXD,MAAMA;QACNS,YAAYA;QACZV,MAAMA;QACNG,QAAQA;QACRC,OAAOA;QACPC,SAASA;QACTE,OAAOA;QACPE,YAAYA;QACZI,UAAUF,UAAUE,QAAQ;qBAE5B,oBAACjB;QAAqB,GAAGe,SAAS;QAAEG,MAAK;QAAON,QAAQA;QACvDV;AAGP,EAAE"}

package/dist/cssm/components/FixedLayout/FixedLayout.js

@@ -1,8 +1,3 @@
-import _extends from "@babel/runtime/helpers/extends";
-import _objectSpread from "@babel/runtime/helpers/objectSpread2";
-import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["children", "style", "vertical", "getRootRef", "getRef", "filled", "className"];
 import * as React from 'react';
 import { classNames } from '@vkontakte/vkjs';
 import { useExternRef } from '../../hooks/useExternRef';
@@ -12,50 +7,41 @@ import { useDOM } from '../../lib/dom';
 import { Platform } from '../../lib/platform';
 import { SplitColContext } from '../SplitCol/SplitColContext';
 import { TooltipContainer } from '../Tooltip/TooltipContainer';
-import "./FixedLayout.module.css";
+import styles from './FixedLayout.module.css';
 /**
  * @see https://vkcom.github.io/VKUI/#/FixedLayout
- */
-export var FixedLayout = function FixedLayout(_ref) {
-  var children = _ref.children,
-    style = _ref.style,
-    vertical = _ref.vertical,
-    getRootRef = _ref.getRootRef,
-    getRef = _ref.getRef,
-    filled = _ref.filled,
-    className = _ref.className,
-    restProps = _objectWithoutProperties(_ref, _excluded);
-  var platform = usePlatform();
-  var ref = useExternRef(getRootRef, getRef); // TODO: v6 удалить getRef
-  var _React$useState = React.useState(undefined),
-    _React$useState2 = _slicedToArray(_React$useState, 2),
-    width = _React$useState2[0],
-    setWidth = _React$useState2[1];
-  var _useDOM = useDOM(),
-    window = _useDOM.window;
-  var _React$useContext = React.useContext(SplitColContext),
-    colRef = _React$useContext.colRef;
-  var doResize = function doResize() {
-    if (colRef !== null && colRef !== void 0 && colRef.current) {
-      var computedStyle = getComputedStyle(colRef.current);
-      setWidth("".concat(colRef.current.clientWidth - parseFloat(computedStyle.paddingLeft) - parseFloat(computedStyle.paddingRight), "px"));
-    } else {
-      setWidth(undefined);
-    }
-  };
-  React.useEffect(doResize, [colRef, platform]);
-  useGlobalEventListener(window, 'resize', doResize);
-  return /*#__PURE__*/React.createElement(TooltipContainer, _extends({}, restProps, {
-    fixed: true,
-    ref: ref,
-    className: classNames("vkuiFixedLayout", platform === Platform.IOS && "vkuiFixedLayout--ios", filled && "vkuiFixedLayout--filled", vertical && styles["FixedLayout--vertical-".concat(vertical)], className),
-    style: _objectSpread(_objectSpread({}, style), {}, {
-      width: width
-    })
-  }), children);
-};
-var styles = {
-  "FixedLayout--vertical-top": "vkuiFixedLayout--vertical-top",
-  "FixedLayout--vertical-bottom": "vkuiFixedLayout--vertical-bottom"
+ */ export const FixedLayout = ({ children , style , vertical , getRootRef , getRef , filled , className , ...restProps })=>{
+    const platform = usePlatform();
+    const ref = useExternRef(getRootRef, getRef); // TODO: v6 удалить getRef
+    const [width, setWidth] = React.useState(undefined);
+    const { window  } = useDOM();
+    const { colRef  } = React.useContext(SplitColContext);
+    const doResize = ()=>{
+        if (colRef?.current) {
+            const computedStyle = getComputedStyle(colRef.current);
+            setWidth(`${colRef.current.clientWidth - parseFloat(computedStyle.paddingLeft) - parseFloat(computedStyle.paddingRight)}px`);
+        } else {
+            setWidth(undefined);
+        }
+    };
+    React.useEffect(doResize, [
+        colRef,
+        platform
+    ]);
+    useGlobalEventListener(window, 'resize', doResize);
+    return /*#__PURE__*/ React.createElement(TooltipContainer, {
+        ...restProps,
+        fixed: true,
+        ref: ref,
+        className: classNames(styles['FixedLayout'], platform === Platform.IOS && 'vkuiInternalFixedLayout--ios', filled && styles['FixedLayout--filled'], vertical && ({
+            top: styles['FixedLayout--vertical-top'],
+            bottom: classNames(styles['FixedLayout--vertical-bottom'], 'vkuiInternalFixedLayout--vertical-bottom')
+        })[vertical], className),
+        style: {
+            ...style,
+            width
+        }
+    }, children);
 };
+
 //# sourceMappingURL=FixedLayout.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"FixedLayout.js","names":["React","classNames","useExternRef","useGlobalEventListener","usePlatform","useDOM","Platform","SplitColContext","TooltipContainer","FixedLayout","children","style","vertical","getRootRef","getRef","filled","className","restProps","platform","ref","useState","undefined","width","setWidth","window","useContext","colRef","doResize","current","computedStyle","getComputedStyle","clientWidth","parseFloat","paddingLeft","paddingRight","useEffect","IOS","styles"],"sources":["../../../../src/components/FixedLayout/FixedLayout.tsx"],"sourcesContent":["import * as React from 'react';\nimport { classNames } from '@vkontakte/vkjs';\nimport { useExternRef } from '../../hooks/useExternRef';\nimport { useGlobalEventListener } from '../../hooks/useGlobalEventListener';\nimport { usePlatform } from '../../hooks/usePlatform';\nimport { useDOM } from '../../lib/dom';\nimport { Platform } from '../../lib/platform';\nimport { HasRef, HasRootRef } from '../../types';\nimport { SplitColContext } from '../SplitCol/SplitColContext';\nimport { TooltipContainer } from '../Tooltip/TooltipContainer';\nimport styles from './FixedLayout.module.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\n/**\n * @see https://vkcom.github.io/VKUI/#/FixedLayout\n */\nexport const FixedLayout = ({\n  children,\n  style,\n  vertical,\n  getRootRef,\n  getRef,\n  filled,\n  className,\n  ...restProps\n}: FixedLayoutProps) => {\n  const platform = usePlatform();\n  const ref = useExternRef(getRootRef, getRef); // TODO: v6 удалить getRef\n  const [width, setWidth] = React.useState<string | undefined>(undefined);\n  const { window } = useDOM();\n  const { colRef } = React.useContext(SplitColContext);\n  const doResize = () => {\n    if (colRef?.current) {\n      const computedStyle = getComputedStyle(colRef.current);\n\n      setWidth(\n        `${\n          colRef.current.clientWidth -\n          parseFloat(computedStyle.paddingLeft) -\n          parseFloat(computedStyle.paddingRight)\n        }px`,\n      );\n    } else {\n      setWidth(undefined);\n    }\n  };\n  React.useEffect(doResize, [colRef, platform]);\n  useGlobalEventListener(window, 'resize', doResize);\n\n  return (\n    <TooltipContainer\n      {...restProps}\n      fixed\n      ref={ref}\n      className={classNames(\n        styles['FixedLayout'],\n        platform === Platform.IOS && styles['FixedLayout--ios'],\n        filled && styles['FixedLayout--filled'],\n        vertical && styles[`FixedLayout--vertical-${vertical}`],\n        className,\n      )}\n      style={{ ...style, width }}\n    >\n      {children}\n    </TooltipContainer>\n  );\n};\n"],"mappings":";;;;;AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,UAAU,QAAQ,iBAAiB;AAC5C,SAASC,YAAY,QAAQ,0BAA0B;AACvD,SAASC,sBAAsB,QAAQ,oCAAoC;AAC3E,SAASC,WAAW,QAAQ,yBAAyB;AACrD,SAASC,MAAM,QAAQ,eAAe;AACtC,SAASC,QAAQ,QAAQ,oBAAoB;AAE7C,SAASC,eAAe,QAAQ,6BAA6B;AAC7D,SAASC,gBAAgB,QAAQ,6BAA6B;AAAC;AAsB/D;AACA;AACA;AACA,OAAO,IAAMC,WAAW,GAAG,SAAdA,WAAW,OASA;EAAA,IARtBC,QAAQ,QAARA,QAAQ;IACRC,KAAK,QAALA,KAAK;IACLC,QAAQ,QAARA,QAAQ;IACRC,UAAU,QAAVA,UAAU;IACVC,MAAM,QAANA,MAAM;IACNC,MAAM,QAANA,MAAM;IACNC,SAAS,QAATA,SAAS;IACNC,SAAS;EAEZ,IAAMC,QAAQ,GAAGd,WAAW,EAAE;EAC9B,IAAMe,GAAG,GAAGjB,YAAY,CAACW,UAAU,EAAEC,MAAM,CAAC,CAAC,CAAC;EAC9C,sBAA0Bd,KAAK,CAACoB,QAAQ,CAAqBC,SAAS,CAAC;IAAA;IAAhEC,KAAK;IAAEC,QAAQ;EACtB,cAAmBlB,MAAM,EAAE;IAAnBmB,MAAM,WAANA,MAAM;EACd,wBAAmBxB,KAAK,CAACyB,UAAU,CAAClB,eAAe,CAAC;IAA5CmB,MAAM,qBAANA,MAAM;EACd,IAAMC,QAAQ,GAAG,SAAXA,QAAQ,GAAS;IACrB,IAAID,MAAM,aAANA,MAAM,eAANA,MAAM,CAAEE,OAAO,EAAE;MACnB,IAAMC,aAAa,GAAGC,gBAAgB,CAACJ,MAAM,CAACE,OAAO,CAAC;MAEtDL,QAAQ,WAEJG,MAAM,CAACE,OAAO,CAACG,WAAW,GAC1BC,UAAU,CAACH,aAAa,CAACI,WAAW,CAAC,GACrCD,UAAU,CAACH,aAAa,CAACK,YAAY,CAAC,QAEzC;IACH,CAAC,MAAM;MACLX,QAAQ,CAACF,SAAS,CAAC;IACrB;EACF,CAAC;EACDrB,KAAK,CAACmC,SAAS,CAACR,QAAQ,EAAE,CAACD,MAAM,EAAER,QAAQ,CAAC,CAAC;EAC7Cf,sBAAsB,CAACqB,MAAM,EAAE,QAAQ,EAAEG,QAAQ,CAAC;EAElD,oBACE,oBAAC,gBAAgB,eACXV,SAAS;IACb,KAAK;IACL,GAAG,EAAEE,GAAI;IACT,SAAS,EAAElB,UAAU,oBAEnBiB,QAAQ,KAAKZ,QAAQ,CAAC8B,GAAG,0BAA8B,EACvDrB,MAAM,6BAAiC,EACvCH,QAAQ,IAAIyB,MAAM,iCAA0BzB,QAAQ,EAAG,EACvDI,SAAS,CACT;IACF,KAAK,kCAAOL,KAAK;MAAEW,KAAK,EAALA;IAAK;EAAG,IAE1BZ,QAAQ,CACQ;AAEvB,CAAC;AAAC;EAAA;EAAA;AAAA"}
+{"version":3,"sources":["../../../../src/components/FixedLayout/FixedLayout.tsx"],"sourcesContent":["import * as React from 'react';\nimport { classNames } from '@vkontakte/vkjs';\nimport { useExternRef } from '../../hooks/useExternRef';\nimport { useGlobalEventListener } from '../../hooks/useGlobalEventListener';\nimport { usePlatform } from '../../hooks/usePlatform';\nimport { useDOM } from '../../lib/dom';\nimport { Platform } from '../../lib/platform';\nimport { HasRef, HasRootRef } from '../../types';\nimport { SplitColContext } from '../SplitCol/SplitColContext';\nimport { TooltipContainer } from '../Tooltip/TooltipContainer';\nimport styles from './FixedLayout.module.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\n/**\n * @see https://vkcom.github.io/VKUI/#/FixedLayout\n */\nexport const FixedLayout = ({\n  children,\n  style,\n  vertical,\n  getRootRef,\n  getRef,\n  filled,\n  className,\n  ...restProps\n}: FixedLayoutProps) => {\n  const platform = usePlatform();\n  const ref = useExternRef(getRootRef, getRef); // TODO: v6 удалить getRef\n  const [width, setWidth] = React.useState<string | undefined>(undefined);\n  const { window } = useDOM();\n  const { colRef } = React.useContext(SplitColContext);\n  const doResize = () => {\n    if (colRef?.current) {\n      const computedStyle = getComputedStyle(colRef.current);\n\n      setWidth(\n        `${\n          colRef.current.clientWidth -\n          parseFloat(computedStyle.paddingLeft) -\n          parseFloat(computedStyle.paddingRight)\n        }px`,\n      );\n    } else {\n      setWidth(undefined);\n    }\n  };\n  React.useEffect(doResize, [colRef, platform]);\n  useGlobalEventListener(window, 'resize', doResize);\n\n  return (\n    <TooltipContainer\n      {...restProps}\n      fixed\n      ref={ref}\n      className={classNames(\n        styles['FixedLayout'],\n        platform === Platform.IOS && 'vkuiInternalFixedLayout--ios',\n        filled && styles['FixedLayout--filled'],\n        vertical &&\n          {\n            top: styles['FixedLayout--vertical-top'],\n            bottom: classNames(\n              styles['FixedLayout--vertical-bottom'],\n              'vkuiInternalFixedLayout--vertical-bottom',\n            ),\n          }[vertical],\n        className,\n      )}\n      style={{ ...style, width }}\n    >\n      {children}\n    </TooltipContainer>\n  );\n};\n"],"names":["React","classNames","useExternRef","useGlobalEventListener","usePlatform","useDOM","Platform","SplitColContext","TooltipContainer","styles","FixedLayout","children","style","vertical","getRootRef","getRef","filled","className","restProps","platform","ref","width","setWidth","useState","undefined","window","colRef","useContext","doResize","current","computedStyle","getComputedStyle","clientWidth","parseFloat","paddingLeft","paddingRight","useEffect","fixed","IOS","top","bottom"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,UAAU,QAAQ,kBAAkB;AAC7C,SAASC,YAAY,QAAQ,2BAA2B;AACxD,SAASC,sBAAsB,QAAQ,qCAAqC;AAC5E,SAASC,WAAW,QAAQ,0BAA0B;AACtD,SAASC,MAAM,QAAQ,gBAAgB;AACvC,SAASC,QAAQ,QAAQ,qBAAqB;AAE9C,SAASC,eAAe,QAAQ,8BAA8B;AAC9D,SAASC,gBAAgB,QAAQ,8BAA8B;AAC/D,OAAOC,YAAY,2BAA2B;AAqB9C;;CAEC,GACD,OAAO,MAAMC,cAAc,CAAC,EAC1BC,SAAQ,EACRC,MAAK,EACLC,SAAQ,EACRC,WAAU,EACVC,OAAM,EACNC,OAAM,EACNC,UAAS,EACT,GAAGC,WACc,GAAK;IACtB,MAAMC,WAAWf;IACjB,MAAMgB,MAAMlB,aAAaY,YAAYC,SAAS,0BAA0B;IACxE,MAAM,CAACM,OAAOC,SAAS,GAAGtB,MAAMuB,QAAQ,CAAqBC;IAC7D,MAAM,EAAEC,OAAM,EAAE,GAAGpB;IACnB,MAAM,EAAEqB,OAAM,EAAE,GAAG1B,MAAM2B,UAAU,CAACpB;IACpC,MAAMqB,WAAW,IAAM;QACrB,IAAIF,QAAQG,SAAS;YACnB,MAAMC,gBAAgBC,iBAAiBL,OAAOG,OAAO;YAErDP,SACE,CAAC,EACCI,OAAOG,OAAO,CAACG,WAAW,GAC1BC,WAAWH,cAAcI,WAAW,IACpCD,WAAWH,cAAcK,YAAY,EACtC,EAAE,CAAC;QAER,OAAO;YACLb,SAASE;QACX,CAAC;IACH;IACAxB,MAAMoC,SAAS,CAACR,UAAU;QAACF;QAAQP;KAAS;IAC5ChB,uBAAuBsB,QAAQ,UAAUG;IAEzC,qBACE,oBAACpB;QACE,GAAGU,SAAS;QACbmB,OAAAA,IAAK;QACLjB,KAAKA;QACLH,WAAWhB,WACTQ,MAAM,CAAC,cAAc,EACrBU,aAAab,SAASgC,GAAG,IAAI,gCAC7BtB,UAAUP,MAAM,CAAC,sBAAsB,EACvCI,YACE,CAAA;YACE0B,KAAK9B,MAAM,CAAC,4BAA4B;YACxC+B,QAAQvC,WACNQ,MAAM,CAAC,+BAA+B,EACtC;QAEJ,CAAA,CAAC,CAACI,SAAS,EACbI;QAEFL,OAAO;YAAE,GAAGA,KAAK;YAAES;QAAM;OAExBV;AAGP,EAAE"}

package/dist/cssm/components/FixedLayout/FixedLayout.module.css

@@ -1 +1 @@
-.vkuiFixedLayout{box-sizing:border-box;left:auto;padding-left:0;padding-left:var(--vkui_internal--safe_area_inset_left);padding-right:0;padding-right:var(--vkui_internal--safe_area_inset_right);position:fixed;z-index:3;z-index:var(--vkui_internal--z_index_fixed_layout)}.vkuiFixedLayout--filled{background:#fff;background:var(--vkui--color_background_content)}.vkuiFixedLayout--vertical-top{top:0;width:100%}.vkuiFixedLayout--vertical-bottom{bottom:0;padding-bottom:0;padding-bottom:var(--vkui_internal--safe_area_inset_bottom);width:100%}.vkuiEpic--hasTabbar .vkuiFixedLayout--vertical-bottom{padding-bottom:calc(48px + 0px);padding-bottom:calc(var(--vkui_internal--tabbar_height) + var(--vkui_internal--safe_area_inset_bottom))}.vkuiPanelHeader~* .vkuiFixedLayout--vertical-top:not(.vkuiPanelHeader__fixed),.vkuiPanelHeader~.vkuiFixedLayout--vertical-top{top:calc(56px + 0px);top:calc(var(--vkui--size_panel_header_height--regular) + var(--vkui_internal--safe_area_inset_top))}.vkuiFixedLayout.vkuiPanelHeaderContext{z-index:4;z-index:var(--vkui_internal--z_index_panel_header_context)}
+.vkuiFixedLayout{box-sizing:border-box;left:auto;padding-left:0;padding-left:var(--vkui_internal--safe_area_inset_left);padding-right:0;padding-right:var(--vkui_internal--safe_area_inset_right);position:fixed;z-index:3;z-index:var(--vkui_internal--z_index_fixed_layout)}.vkuiFixedLayout--filled{background:#fff;background:var(--vkui--color_background_content)}.vkuiFixedLayout--vertical-top{top:0;width:100%}.vkuiFixedLayout--vertical-bottom{bottom:0;padding-bottom:0;padding-bottom:var(--vkui_internal--safe_area_inset_bottom);width:100%}.vkuiInternalEpic--hasTabbar .vkuiFixedLayout--vertical-bottom{padding-bottom:calc(48px + 0px);padding-bottom:calc(var(--vkui_internal--tabbar_height) + var(--vkui_internal--safe_area_inset_bottom))}.vkuiInternalPanelHeader~* .vkuiFixedLayout--vertical-top:not(.vkuiPanelHeader__fixed),.vkuiInternalPanelHeader~.vkuiFixedLayout--vertical-top{top:calc(56px + 0px);top:calc(var(--vkui--size_panel_header_height--regular) + var(--vkui_internal--safe_area_inset_top))}

package/dist/cssm/components/FocusTrap/FocusTrap.js

@@ -1,7 +1,3 @@
-import _extends from "@babel/runtime/helpers/extends";
-import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["Component", "onClose", "restoreFocus", "timeout", "getRootRef", "children"];
 import * as React from 'react';
 import { useExternRef } from '../../hooks/useExternRef';
 import { useGlobalEventListener } from '../../hooks/useGlobalEventListener';
@@ -10,115 +6,89 @@ import { FOCUSABLE_ELEMENTS_LIST, Keys, pressedKey } from '../../lib/accessibili
 import { useDOM } from '../../lib/dom';
 import { useIsomorphicLayoutEffect } from '../../lib/useIsomorphicLayoutEffect';
 import { AppRootContext } from '../AppRoot/AppRootContext';
-var FOCUSABLE_ELEMENTS = FOCUSABLE_ELEMENTS_LIST.join();
+const FOCUSABLE_ELEMENTS = FOCUSABLE_ELEMENTS_LIST.join();
 /**
  * @see https://vkcom.github.io/VKUI/#/FocusTrap
- */
-export var FocusTrap = function FocusTrap(_ref) {
-  var _ref$Component = _ref.Component,
-    Component = _ref$Component === void 0 ? 'div' : _ref$Component,
-    onClose = _ref.onClose,
-    _ref$restoreFocus = _ref.restoreFocus,
-    restoreFocus = _ref$restoreFocus === void 0 ? true : _ref$restoreFocus,
-    _ref$timeout = _ref.timeout,
-    timeout = _ref$timeout === void 0 ? 0 : _ref$timeout,
-    getRootRef = _ref.getRootRef,
-    children = _ref.children,
-    restProps = _objectWithoutProperties(_ref, _excluded);
-  var ref = useExternRef(getRootRef);
-  var _useDOM = useDOM(),
-    document = _useDOM.document,
-    window = _useDOM.window;
-  var _React$useState = React.useState(null),
-    _React$useState2 = _slicedToArray(_React$useState, 2),
-    focusableNodes = _React$useState2[0],
-    setFocusableNodes = _React$useState2[1];
-  var _React$useState3 = React.useState(null),
-    _React$useState4 = _slicedToArray(_React$useState3, 2),
-    restoreFocusTo = _React$useState4[0],
-    setRestoreFocusTo = _React$useState4[1];
-
-  // HANDLE TRAP MOUNT
-
-  var _React$useContext = React.useContext(AppRootContext),
-    keyboardInput = _React$useContext.keyboardInput;
-  var focusOnTrapMount = useTimeout(function () {
-    var _ref$current;
-    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);
-  useIsomorphicLayoutEffect(function () {
-    focusOnTrapMount.set();
-  }, []);
-
-  // HANDLE FOCUSABLE NODES
-
-  useIsomorphicLayoutEffect(function () {
-    if (!ref.current) {
-      return;
-    }
-    var nodes = [];
-    Array.prototype.forEach.call(
-    // eslint-disable-next-line no-restricted-properties
-    ref.current.querySelectorAll(FOCUSABLE_ELEMENTS), function (focusableEl) {
-      var _getComputedStyle = window.getComputedStyle(focusableEl),
-        display = _getComputedStyle.display,
-        visibility = _getComputedStyle.visibility;
-      if (display !== 'none' && visibility !== 'hidden') {
-        nodes.push(focusableEl);
-      }
-    });
-    if (nodes.length === 0) {
-      // Чтобы фокус был хотя бы на родителе
-      nodes.push(ref.current);
-    }
-    setFocusableNodes(nodes);
-  }, [children]);
-
-  // HANDLE TRAP UNMOUNT
-
-  var focusOnTrapUnmount = useTimeout(function () {
-    if (restoreFocusTo) {
-      restoreFocusTo.focus();
-    }
-  }, timeout);
-  useIsomorphicLayoutEffect(function () {
-    if (restoreFocus && document.activeElement) {
-      setRestoreFocusTo(document.activeElement);
-      return function () {
-        focusOnTrapUnmount.set();
-      };
-    }
-    return;
-  }, [restoreFocus]);
-  var onDocumentKeydown = function onDocumentKeydown(e) {
-    if (pressedKey(e) === Keys.TAB && focusableNodes !== null && focusableNodes !== void 0 && focusableNodes.length) {
-      var lastIdx = focusableNodes.length - 1;
-      var targetIdx = focusableNodes.findIndex(function (node) {
-        return node === e.target;
-      });
-      var shouldFocusFirstNode = targetIdx === -1 || targetIdx === lastIdx && !e.shiftKey;
-      if (shouldFocusFirstNode || targetIdx === 0 && e.shiftKey) {
-        e.preventDefault();
-        var node = focusableNodes[shouldFocusFirstNode ? 0 : lastIdx];
-        if (node !== document.activeElement) {
-          node.focus();
+ */ export const FocusTrap = ({ Component ='div' , onClose , restoreFocus =true , timeout =0 , getRootRef , children , ...restProps })=>{
+    const ref = useExternRef(getRootRef);
+    const { document , window  } = useDOM();
+    const [focusableNodes, setFocusableNodes] = React.useState(null);
+    const [restoreFocusTo, setRestoreFocusTo] = React.useState(null);
+    // HANDLE TRAP MOUNT
+    const { keyboardInput  } = React.useContext(AppRootContext);
+    const focusOnTrapMount = useTimeout(()=>{
+        if (keyboardInput && !ref.current?.contains(document.activeElement) && focusableNodes?.length) {
+            focusableNodes[0].focus();
+        }
+    }, timeout);
+    useIsomorphicLayoutEffect(()=>{
+        focusOnTrapMount.set();
+    }, []);
+    // HANDLE FOCUSABLE NODES
+    useIsomorphicLayoutEffect(()=>{
+        if (!ref.current) {
+            return;
         }
-        return false;
-      }
-    }
-    if (onClose && pressedKey(e) === Keys.ESCAPE) {
-      onClose();
-    }
-    return true;
-  };
-  useGlobalEventListener(document, 'keydown', onDocumentKeydown, {
-    capture: true
-  });
-  return /*#__PURE__*/React.createElement(Component, _extends({
-    tabIndex: -1,
-    ref: ref
-  }, restProps), children);
+        const nodes = [];
+        Array.prototype.forEach.call(// eslint-disable-next-line no-restricted-properties
+        ref.current.querySelectorAll(FOCUSABLE_ELEMENTS), (focusableEl)=>{
+            const { display , visibility  } = window.getComputedStyle(focusableEl);
+            if (display !== 'none' && visibility !== 'hidden') {
+                nodes.push(focusableEl);
+            }
+        });
+        if (nodes.length === 0) {
+            // Чтобы фокус был хотя бы на родителе
+            nodes.push(ref.current);
+        }
+        setFocusableNodes(nodes);
+    }, [
+        children
+    ]);
+    // HANDLE TRAP UNMOUNT
+    const focusOnTrapUnmount = useTimeout(()=>{
+        if (restoreFocusTo) {
+            restoreFocusTo.focus();
+        }
+    }, timeout);
+    useIsomorphicLayoutEffect(()=>{
+        if (restoreFocus && document.activeElement) {
+            setRestoreFocusTo(document.activeElement);
+            return ()=>{
+                focusOnTrapUnmount.set();
+            };
+        }
+        return;
+    }, [
+        restoreFocus
+    ]);
+    const onDocumentKeydown = (e)=>{
+        if (pressedKey(e) === Keys.TAB && focusableNodes?.length) {
+            const lastIdx = focusableNodes.length - 1;
+            const targetIdx = focusableNodes.findIndex((node)=>node === e.target);
+            const shouldFocusFirstNode = targetIdx === -1 || targetIdx === lastIdx && !e.shiftKey;
+            if (shouldFocusFirstNode || targetIdx === 0 && e.shiftKey) {
+                e.preventDefault();
+                const node = focusableNodes[shouldFocusFirstNode ? 0 : lastIdx];
+                if (node !== document.activeElement) {
+                    node.focus();
+                }
+                return false;
+            }
+        }
+        if (onClose && pressedKey(e) === Keys.ESCAPE) {
+            onClose();
+        }
+        return true;
+    };
+    useGlobalEventListener(document, 'keydown', onDocumentKeydown, {
+        capture: true
+    });
+    return /*#__PURE__*/ React.createElement(Component, {
+        tabIndex: -1,
+        ref: ref,
+        ...restProps
+    }, children);
 };
+
 //# sourceMappingURL=FocusTrap.js.map