@vkontakte/vkui 5.2.4 → 5.3.1

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

@@ -1 +1 @@
-{"version":3,"file":"Spinner.js","names":["React","Icon16Spinner","Icon24Spinner","Icon32Spinner","Icon44Spinner","classNames","Spinner","memo","size","ariaLabel","className","restProps","SpinnerIcon","small","regular","medium","large","displayName"],"sources":["../../../../src/components/Spinner/Spinner.tsx"],"sourcesContent":["import * as React from 'react';\nimport { Icon16Spinner, Icon24Spinner, Icon32Spinner, Icon44Spinner } from '@vkontakte/icons';\nimport { classNames } from '@vkontakte/vkjs';\nimport styles from './Spinner.module.css';\n\nexport interface SpinnerProps extends React.HTMLAttributes<HTMLSpanElement> {\n  size?: 'small' | 'regular' | 'medium' | 'large';\n}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/Spinner\n */\nexport const Spinner = React.memo(\n  ({\n    size = 'regular',\n    'aria-label': ariaLabel = 'Загружается...',\n    className,\n    ...restProps\n  }: SpinnerProps) => {\n    const SpinnerIcon = {\n      small: Icon16Spinner,\n      regular: Icon24Spinner,\n      medium: Icon32Spinner,\n      large: Icon44Spinner,\n    }[size];\n\n    return (\n      <span\n        role=\"status\"\n        aria-label={ariaLabel}\n        {...restProps}\n        className={classNames(styles['Spinner'], className)}\n      >\n        <SpinnerIcon className={styles['Spinner__self']} />\n      </span>\n    );\n  },\n);\n\nSpinner.displayName = 'Spinner';\n"],"mappings":";;;AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,aAAa,EAAEC,aAAa,EAAEC,aAAa,EAAEC,aAAa,QAAQ,kBAAkB;AAC7F,SAASC,UAAU,QAAQ,iBAAiB;AAAC;AAO7C;AACA;AACA;AACA,OAAO,IAAMC,OAAO,gBAAGN,KAAK,CAACO,IAAI,CAC/B,gBAKoB;EAAA,qBAJlBC,IAAI;IAAJA,IAAI,0BAAG,SAAS;IAAA,sBAChB,YAAY;IAAEC,SAAS,+BAAG,gBAAgB;IAC1CC,SAAS,QAATA,SAAS;IACNC,SAAS;EAEZ,IAAMC,WAAW,GAAG;IAClBC,KAAK,EAAEZ,aAAa;IACpBa,OAAO,EAAEZ,aAAa;IACtBa,MAAM,EAAEZ,aAAa;IACrBa,KAAK,EAAEZ;EACT,CAAC,CAACI,IAAI,CAAC;EAEP,oBACE;IACE,IAAI,EAAC,QAAQ;IACb,cAAYC;EAAU,GAClBE,SAAS;IACb,SAAS,EAAEN,UAAU,gBAAoBK,SAAS;EAAE,iBAEpD,oBAAC,WAAW;IAAC,SAAS;EAA0B,EAAG,CAC9C;AAEX,CAAC,CACF;AAEDJ,OAAO,CAACW,WAAW,GAAG,SAAS"}
+{"version":3,"sources":["../../../../src/components/Spinner/Spinner.tsx"],"sourcesContent":["import * as React from 'react';\nimport { Icon16Spinner, Icon24Spinner, Icon32Spinner, Icon44Spinner } from '@vkontakte/icons';\nimport { classNames } from '@vkontakte/vkjs';\nimport styles from './Spinner.module.css';\n\nexport interface SpinnerProps extends React.HTMLAttributes<HTMLSpanElement> {\n  size?: 'small' | 'regular' | 'medium' | 'large';\n}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/Spinner\n */\nexport const Spinner = React.memo(\n  ({\n    size = 'regular',\n    'aria-label': ariaLabel = 'Загружается...',\n    className,\n    ...restProps\n  }: SpinnerProps) => {\n    const SpinnerIcon = {\n      small: Icon16Spinner,\n      regular: Icon24Spinner,\n      medium: Icon32Spinner,\n      large: Icon44Spinner,\n    }[size];\n\n    return (\n      <span\n        role=\"status\"\n        aria-label={ariaLabel}\n        {...restProps}\n        className={classNames(styles['Spinner'], className)}\n      >\n        <SpinnerIcon className={styles['Spinner__self']} />\n      </span>\n    );\n  },\n);\n\nSpinner.displayName = 'Spinner';\n"],"names":["React","Icon16Spinner","Icon24Spinner","Icon32Spinner","Icon44Spinner","classNames","styles","Spinner","memo","size","ariaLabel","className","restProps","SpinnerIcon","small","regular","medium","large","span","role","aria-label","displayName"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,aAAa,EAAEC,aAAa,EAAEC,aAAa,EAAEC,aAAa,QAAQ,mBAAmB;AAC9F,SAASC,UAAU,QAAQ,kBAAkB;AAC7C,OAAOC,YAAY,uBAAuB;AAM1C;;CAEC,GACD,OAAO,MAAMC,wBAAUP,MAAMQ,IAAI,CAC/B,CAAC,EACCC,MAAO,UAAS,EAChB,cAAcC,YAAY,gBAAgB,CAAA,EAC1CC,UAAS,EACT,GAAGC,WACU,GAAK;IAClB,MAAMC,cAAc;QAClBC,OAAOb;QACPc,SAASb;QACTc,QAAQb;QACRc,OAAOb;IACT,CAAC,CAACK,KAAK;IAEP,qBACE,oBAACS;QACCC,MAAK;QACLC,cAAYV;QACX,GAAGE,SAAS;QACbD,WAAWN,WAAWC,MAAM,CAAC,UAAU,EAAEK;qBAEzC,oBAACE;QAAYF,WAAWL,MAAM,CAAC,gBAAgB;;AAGrD,GACA;AAEFC,QAAQc,WAAW,GAAG"}

package/dist/cssm/components/SplitCol/SplitCol.js

@@ -1,8 +1,3 @@
-import _extends from "@babel/runtime/helpers/extends";
-import _objectSpread from "@babel/runtime/helpers/objectSpread2";
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-var _excluded = ["children", "width", "maxWidth", "minWidth", "spaced", "animate", "fixed", "style", "autoSpaced", "stretchedOnMobile", "className"];
 import * as React from 'react';
 import { classNames } from '@vkontakte/vkjs';
 import { useAdaptivity } from '../../hooks/useAdaptivity';
@@ -12,83 +7,70 @@ import { ViewWidth, viewWidthToClassName } from '../../lib/adaptivity';
 import { matchMediaListAddListener, matchMediaListRemoveListener } from '../../lib/matchMedia';
 import { warnOnce } from '../../lib/warnOnce';
 import { SplitColContext } from './SplitColContext';
-import "./SplitCol.module.css";
-var breakpointClassNames = {
-  none: "vkuiSplitCol--viewWidth-none",
-  tabletMinus: "vkuiSplitCol--viewWidth-tabletMinus",
-  smallTabletPlus: "vkuiSplitCol--viewWidth-smallTabletPlus"
+import styles from './SplitCol.module.css';
+const breakpointClassNames = {
+    none: classNames(styles['SplitCol--viewWidth-none'], 'vkuiInternalSplitCol--viewWidth-none'),
+    tabletMinus: styles['SplitCol--viewWidth-tabletMinus'],
+    smallTabletPlus: styles['SplitCol--viewWidth-smallTabletPlus'],
+    tabletPlus: 'vkuiInternalSplitCol--viewWidth-tabletPlus'
 };
 function useTransitionAnimate(animateProp) {
-  var _useAdaptivity = useAdaptivity(),
-    viewWidth = _useAdaptivity.viewWidth;
-  var _React$useState = React.useState(Boolean(animateProp)),
-    _React$useState2 = _slicedToArray(_React$useState, 2),
-    animate = _React$useState2[0],
-    setAnimate = _React$useState2[1];
-  var mediaQueries = useMediaQueries();
-  React.useEffect(function () {
-    if (animateProp !== undefined) {
-      setAnimate(animateProp);
-      return;
-    }
-    if (viewWidth !== undefined) {
-      setAnimate(viewWidth < ViewWidth.TABLET);
-      return;
-    }
-
-    // eslint-disable-next-line no-restricted-properties
-    var listener = function listener() {
-      return setAnimate(!mediaQueries.smallTabletPlus.matches);
-    };
-    listener();
-    matchMediaListAddListener(mediaQueries.smallTabletPlus, listener);
-    return function () {
-      matchMediaListRemoveListener(mediaQueries.smallTabletPlus, listener);
-    };
-  }, [animateProp, viewWidth, mediaQueries]);
-  return animate;
+    const { viewWidth  } = useAdaptivity();
+    const [animate, setAnimate] = React.useState(Boolean(animateProp));
+    const mediaQueries = useMediaQueries();
+    React.useEffect(()=>{
+        if (animateProp !== undefined) {
+            setAnimate(animateProp);
+            return;
+        }
+        if (viewWidth !== undefined) {
+            setAnimate(viewWidth < ViewWidth.TABLET);
+            return;
+        }
+        // eslint-disable-next-line no-restricted-properties
+        const listener = ()=>setAnimate(!mediaQueries.smallTabletPlus.matches);
+        listener();
+        matchMediaListAddListener(mediaQueries.smallTabletPlus, listener);
+        return ()=>{
+            matchMediaListRemoveListener(mediaQueries.smallTabletPlus, listener);
+        };
+    }, [
+        animateProp,
+        viewWidth,
+        mediaQueries
+    ]);
+    return animate;
 }
-var warn = warnOnce('SplitCol');
-
+const warn = warnOnce('SplitCol');
 /**
  * @see https://vkcom.github.io/VKUI/#/SplitCol
- */
-export var SplitCol = function SplitCol(props) {
-  var children = props.children,
-    width = props.width,
-    maxWidth = props.maxWidth,
-    minWidth = props.minWidth,
-    spaced = props.spaced,
-    animateProp = props.animate,
-    fixed = props.fixed,
-    style = props.style,
-    autoSpaced = props.autoSpaced,
-    stretchedOnMobile = props.stretchedOnMobile,
-    className = props.className,
-    restProps = _objectWithoutProperties(props, _excluded);
-  var baseRef = React.useRef(null);
-  var _useAdaptivity2 = useAdaptivity(),
-    viewWidth = _useAdaptivity2.viewWidth;
-  var animate = useTransitionAnimate(animateProp);
-  var contextValue = useObjectMemo({
-    colRef: baseRef,
-    animate: animate
-  });
-  if (process.env.NODE_ENV === 'development' && spaced !== undefined) {
-    warn('Свойство spaced устарело и будет удалено в v6. Используйте autoSpaced');
-  }
-  return /*#__PURE__*/React.createElement("div", _extends({}, restProps, {
-    style: _objectSpread(_objectSpread({}, style), {}, {
-      width: width,
-      maxWidth: maxWidth,
-      minWidth: minWidth
-    }),
-    ref: baseRef,
-    className: classNames("vkuiSplitCol", viewWidthToClassName(breakpointClassNames, viewWidth), spaced && "vkuiSplitCol--spaced", spaced === undefined && "vkuiSplitCol--spaced-none", autoSpaced && "vkuiSplitCol--spaced-auto", fixed && "vkuiSplitCol--fixed", stretchedOnMobile && "vkuiSplitCol--stretched-on-mobile", className)
-  }), /*#__PURE__*/React.createElement(SplitColContext.Provider, {
-    value: contextValue
-  }, fixed ? /*#__PURE__*/React.createElement("div", {
-    className: "vkuiSplitCol__fixedInner"
-  }, children) : children));
+ */ export const SplitCol = (props)=>{
+    const { children , width , maxWidth , minWidth , spaced , animate: animateProp , fixed , style , autoSpaced , stretchedOnMobile , className , ...restProps } = props;
+    const baseRef = React.useRef(null);
+    const { viewWidth  } = useAdaptivity();
+    const animate = useTransitionAnimate(animateProp);
+    const contextValue = useObjectMemo({
+        colRef: baseRef,
+        animate
+    });
+    if (process.env.NODE_ENV === 'development' && spaced !== undefined) {
+        warn('Свойство spaced устарело и будет удалено в v6. Используйте autoSpaced');
+    }
+    return /*#__PURE__*/ React.createElement("div", {
+        ...restProps,
+        style: {
+            ...style,
+            width: width,
+            maxWidth: maxWidth,
+            minWidth: minWidth
+        },
+        ref: baseRef,
+        className: classNames(styles['SplitCol'], viewWidthToClassName(breakpointClassNames, viewWidth), spaced && classNames(styles['SplitCol--spaced'], 'vkuiInternalSplitCol--spaced'), spaced === undefined && classNames(styles['SplitCol--spaced-none'], 'vkuiInternalSplitCol--spaced-none'), autoSpaced && classNames(styles['SplitCol--spaced-auto'], 'vkuiInternalSplitCol--spaced-auto'), fixed && styles['SplitCol--fixed'], stretchedOnMobile && styles['SplitCol--stretched-on-mobile'], className)
+    }, /*#__PURE__*/ React.createElement(SplitColContext.Provider, {
+        value: contextValue
+    }, fixed ? /*#__PURE__*/ React.createElement("div", {
+        className: styles['SplitCol__fixedInner']
+    }, children) : children));
 };
+
 //# sourceMappingURL=SplitCol.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"SplitCol.js","names":["React","classNames","useAdaptivity","useMediaQueries","useObjectMemo","ViewWidth","viewWidthToClassName","matchMediaListAddListener","matchMediaListRemoveListener","warnOnce","SplitColContext","breakpointClassNames","none","tabletMinus","smallTabletPlus","useTransitionAnimate","animateProp","viewWidth","useState","Boolean","animate","setAnimate","mediaQueries","useEffect","undefined","TABLET","listener","matches","warn","SplitCol","props","children","width","maxWidth","minWidth","spaced","fixed","style","autoSpaced","stretchedOnMobile","className","restProps","baseRef","useRef","contextValue","colRef","process","env","NODE_ENV"],"sources":["../../../../src/components/SplitCol/SplitCol.tsx"],"sourcesContent":["import * as React from 'react';\nimport { classNames } from '@vkontakte/vkjs';\nimport { useAdaptivity } from '../../hooks/useAdaptivity';\nimport { useMediaQueries } from '../../hooks/useMediaQueries';\nimport { useObjectMemo } from '../../hooks/useObjectMemo';\nimport { ViewWidth, viewWidthToClassName } from '../../lib/adaptivity';\nimport { matchMediaListAddListener, matchMediaListRemoveListener } from '../../lib/matchMedia';\nimport { warnOnce } from '../../lib/warnOnce';\nimport { SplitColContext } from './SplitColContext';\nimport styles from './SplitCol.module.css';\n\nconst breakpointClassNames = {\n  none: styles['SplitCol--viewWidth-none'],\n  tabletMinus: styles['SplitCol--viewWidth-tabletMinus'],\n  smallTabletPlus: styles['SplitCol--viewWidth-smallTabletPlus'],\n};\n\nfunction useTransitionAnimate(animateProp?: boolean) {\n  const { viewWidth } = useAdaptivity();\n  const [animate, setAnimate] = React.useState(Boolean(animateProp));\n  const mediaQueries = useMediaQueries();\n\n  React.useEffect(() => {\n    if (animateProp !== undefined) {\n      setAnimate(animateProp);\n      return;\n    }\n\n    if (viewWidth !== undefined) {\n      setAnimate(viewWidth < ViewWidth.TABLET);\n      return;\n    }\n\n    // eslint-disable-next-line no-restricted-properties\n    const listener = () => setAnimate(!mediaQueries.smallTabletPlus.matches);\n    listener();\n\n    matchMediaListAddListener(mediaQueries.smallTabletPlus, listener);\n    return () => {\n      matchMediaListRemoveListener(mediaQueries.smallTabletPlus, listener);\n    };\n  }, [animateProp, viewWidth, mediaQueries]);\n\n  return animate;\n}\n\nexport interface SplitColProps extends React.HTMLAttributes<HTMLDivElement> {\n  width?: number | string;\n  maxWidth?: number | string;\n  minWidth?: number | string;\n  /**\n   * Если false, то переходы между Panel происходят без анимации\n   */\n  animate?: boolean;\n  /**\n   * Если true, то добавляются боковые отступы фиксированной величины\n   *\n   * @deprecated используйте autoSpaced\n   */\n  spaced?: boolean;\n  /**\n   * Если true, то добавляются боковые отступы фиксированной величины при ширине больше чем `smallTablet`\n   */\n  autoSpaced?: boolean;\n  fixed?: boolean;\n  /**\n   * Если true, то ширина контейнера становится 100% при ширине меньше чем `tablet`\n   */\n  stretchedOnMobile?: boolean;\n}\n\nconst warn = warnOnce('SplitCol');\n\n/**\n * @see https://vkcom.github.io/VKUI/#/SplitCol\n */\nexport const SplitCol = (props: SplitColProps) => {\n  const {\n    children,\n    width,\n    maxWidth,\n    minWidth,\n    spaced,\n    animate: animateProp,\n    fixed,\n    style,\n    autoSpaced,\n    stretchedOnMobile,\n    className,\n    ...restProps\n  } = props;\n  const baseRef = React.useRef<HTMLDivElement>(null);\n  const { viewWidth } = useAdaptivity();\n  const animate = useTransitionAnimate(animateProp);\n\n  const contextValue = useObjectMemo({\n    colRef: baseRef,\n    animate,\n  });\n\n  if (process.env.NODE_ENV === 'development' && spaced !== undefined) {\n    warn('Свойство spaced устарело и будет удалено в v6. Используйте autoSpaced');\n  }\n\n  return (\n    <div\n      {...restProps}\n      style={{\n        ...style,\n        width: width,\n        maxWidth: maxWidth,\n        minWidth: minWidth,\n      }}\n      ref={baseRef}\n      className={classNames(\n        styles['SplitCol'],\n        viewWidthToClassName(breakpointClassNames, viewWidth),\n        spaced && styles['SplitCol--spaced'],\n        spaced === undefined && styles['SplitCol--spaced-none'],\n        autoSpaced && styles['SplitCol--spaced-auto'],\n        fixed && styles['SplitCol--fixed'],\n        stretchedOnMobile && styles['SplitCol--stretched-on-mobile'],\n        className,\n      )}\n    >\n      <SplitColContext.Provider value={contextValue}>\n        {fixed ? <div className={styles['SplitCol__fixedInner']}>{children}</div> : children}\n      </SplitColContext.Provider>\n    </div>\n  );\n};\n"],"mappings":";;;;;AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,UAAU,QAAQ,iBAAiB;AAC5C,SAASC,aAAa,QAAQ,2BAA2B;AACzD,SAASC,eAAe,QAAQ,6BAA6B;AAC7D,SAASC,aAAa,QAAQ,2BAA2B;AACzD,SAASC,SAAS,EAAEC,oBAAoB,QAAQ,sBAAsB;AACtE,SAASC,yBAAyB,EAAEC,4BAA4B,QAAQ,sBAAsB;AAC9F,SAASC,QAAQ,QAAQ,oBAAoB;AAC7C,SAASC,eAAe,QAAQ,mBAAmB;AAAC;AAGpD,IAAMC,oBAAoB,GAAG;EAC3BC,IAAI,gCAAoC;EACxCC,WAAW,uCAA2C;EACtDC,eAAe;AACjB,CAAC;AAED,SAASC,oBAAoB,CAACC,WAAqB,EAAE;EACnD,qBAAsBd,aAAa,EAAE;IAA7Be,SAAS,kBAATA,SAAS;EACjB,sBAA8BjB,KAAK,CAACkB,QAAQ,CAACC,OAAO,CAACH,WAAW,CAAC,CAAC;IAAA;IAA3DI,OAAO;IAAEC,UAAU;EAC1B,IAAMC,YAAY,GAAGnB,eAAe,EAAE;EAEtCH,KAAK,CAACuB,SAAS,CAAC,YAAM;IACpB,IAAIP,WAAW,KAAKQ,SAAS,EAAE;MAC7BH,UAAU,CAACL,WAAW,CAAC;MACvB;IACF;IAEA,IAAIC,SAAS,KAAKO,SAAS,EAAE;MAC3BH,UAAU,CAACJ,SAAS,GAAGZ,SAAS,CAACoB,MAAM,CAAC;MACxC;IACF;;IAEA;IACA,IAAMC,QAAQ,GAAG,SAAXA,QAAQ;MAAA,OAASL,UAAU,CAAC,CAACC,YAAY,CAACR,eAAe,CAACa,OAAO,CAAC;IAAA;IACxED,QAAQ,EAAE;IAEVnB,yBAAyB,CAACe,YAAY,CAACR,eAAe,EAAEY,QAAQ,CAAC;IACjE,OAAO,YAAM;MACXlB,4BAA4B,CAACc,YAAY,CAACR,eAAe,EAAEY,QAAQ,CAAC;IACtE,CAAC;EACH,CAAC,EAAE,CAACV,WAAW,EAAEC,SAAS,EAAEK,YAAY,CAAC,CAAC;EAE1C,OAAOF,OAAO;AAChB;AA2BA,IAAMQ,IAAI,GAAGnB,QAAQ,CAAC,UAAU,CAAC;;AAEjC;AACA;AACA;AACA,OAAO,IAAMoB,QAAQ,GAAG,SAAXA,QAAQ,CAAIC,KAAoB,EAAK;EAChD,IACEC,QAAQ,GAYND,KAAK,CAZPC,QAAQ;IACRC,KAAK,GAWHF,KAAK,CAXPE,KAAK;IACLC,QAAQ,GAUNH,KAAK,CAVPG,QAAQ;IACRC,QAAQ,GASNJ,KAAK,CATPI,QAAQ;IACRC,MAAM,GAQJL,KAAK,CARPK,MAAM;IACGnB,WAAW,GAOlBc,KAAK,CAPPV,OAAO;IACPgB,KAAK,GAMHN,KAAK,CANPM,KAAK;IACLC,KAAK,GAKHP,KAAK,CALPO,KAAK;IACLC,UAAU,GAIRR,KAAK,CAJPQ,UAAU;IACVC,iBAAiB,GAGfT,KAAK,CAHPS,iBAAiB;IACjBC,SAAS,GAEPV,KAAK,CAFPU,SAAS;IACNC,SAAS,4BACVX,KAAK;EACT,IAAMY,OAAO,GAAG1C,KAAK,CAAC2C,MAAM,CAAiB,IAAI,CAAC;EAClD,sBAAsBzC,aAAa,EAAE;IAA7Be,SAAS,mBAATA,SAAS;EACjB,IAAMG,OAAO,GAAGL,oBAAoB,CAACC,WAAW,CAAC;EAEjD,IAAM4B,YAAY,GAAGxC,aAAa,CAAC;IACjCyC,MAAM,EAAEH,OAAO;IACftB,OAAO,EAAPA;EACF,CAAC,CAAC;EAEF,IAAI0B,OAAO,CAACC,GAAG,CAACC,QAAQ,KAAK,aAAa,IAAIb,MAAM,KAAKX,SAAS,EAAE;IAClEI,IAAI,CAAC,uEAAuE,CAAC;EAC/E;EAEA,oBACE,wCACMa,SAAS;IACb,KAAK,kCACAJ,KAAK;MACRL,KAAK,EAAEA,KAAK;MACZC,QAAQ,EAAEA,QAAQ;MAClBC,QAAQ,EAAEA;IAAQ,EAClB;IACF,GAAG,EAAEQ,OAAQ;IACb,SAAS,EAAEzC,UAAU,iBAEnBK,oBAAoB,CAACK,oBAAoB,EAAEM,SAAS,CAAC,EACrDkB,MAAM,0BAA8B,EACpCA,MAAM,KAAKX,SAAS,+BAAmC,EACvDc,UAAU,+BAAmC,EAC7CF,KAAK,yBAA6B,EAClCG,iBAAiB,uCAA2C,EAC5DC,SAAS;EACT,iBAEF,oBAAC,eAAe,CAAC,QAAQ;IAAC,KAAK,EAAEI;EAAa,GAC3CR,KAAK,gBAAG;IAAK,SAAS;EAAiC,GAAEL,QAAQ,CAAO,GAAGA,QAAQ,CAC3D,CACvB;AAEV,CAAC"}
+{"version":3,"sources":["../../../../src/components/SplitCol/SplitCol.tsx"],"sourcesContent":["import * as React from 'react';\nimport { classNames } from '@vkontakte/vkjs';\nimport { useAdaptivity } from '../../hooks/useAdaptivity';\nimport { useMediaQueries } from '../../hooks/useMediaQueries';\nimport { useObjectMemo } from '../../hooks/useObjectMemo';\nimport { ViewWidth, viewWidthToClassName } from '../../lib/adaptivity';\nimport { matchMediaListAddListener, matchMediaListRemoveListener } from '../../lib/matchMedia';\nimport { warnOnce } from '../../lib/warnOnce';\nimport { SplitColContext } from './SplitColContext';\nimport styles from './SplitCol.module.css';\n\nconst breakpointClassNames = {\n  none: classNames(styles['SplitCol--viewWidth-none'], 'vkuiInternalSplitCol--viewWidth-none'),\n  tabletMinus: styles['SplitCol--viewWidth-tabletMinus'],\n  smallTabletPlus: styles['SplitCol--viewWidth-smallTabletPlus'],\n  tabletPlus: 'vkuiInternalSplitCol--viewWidth-tabletPlus',\n};\n\nfunction useTransitionAnimate(animateProp?: boolean) {\n  const { viewWidth } = useAdaptivity();\n  const [animate, setAnimate] = React.useState(Boolean(animateProp));\n  const mediaQueries = useMediaQueries();\n\n  React.useEffect(() => {\n    if (animateProp !== undefined) {\n      setAnimate(animateProp);\n      return;\n    }\n\n    if (viewWidth !== undefined) {\n      setAnimate(viewWidth < ViewWidth.TABLET);\n      return;\n    }\n\n    // eslint-disable-next-line no-restricted-properties\n    const listener = () => setAnimate(!mediaQueries.smallTabletPlus.matches);\n    listener();\n\n    matchMediaListAddListener(mediaQueries.smallTabletPlus, listener);\n    return () => {\n      matchMediaListRemoveListener(mediaQueries.smallTabletPlus, listener);\n    };\n  }, [animateProp, viewWidth, mediaQueries]);\n\n  return animate;\n}\n\nexport interface SplitColProps extends React.HTMLAttributes<HTMLDivElement> {\n  width?: number | string;\n  maxWidth?: number | string;\n  minWidth?: number | string;\n  /**\n   * Если false, то переходы между Panel происходят без анимации\n   */\n  animate?: boolean;\n  /**\n   * Если true, то добавляются боковые отступы фиксированной величины\n   *\n   * @deprecated используйте autoSpaced\n   */\n  spaced?: boolean;\n  /**\n   * Если true, то добавляются боковые отступы фиксированной величины при ширине больше чем `smallTablet`\n   */\n  autoSpaced?: boolean;\n  fixed?: boolean;\n  /**\n   * Если true, то ширина контейнера становится 100% при ширине меньше чем `tablet`\n   */\n  stretchedOnMobile?: boolean;\n}\n\nconst warn = warnOnce('SplitCol');\n\n/**\n * @see https://vkcom.github.io/VKUI/#/SplitCol\n */\nexport const SplitCol = (props: SplitColProps) => {\n  const {\n    children,\n    width,\n    maxWidth,\n    minWidth,\n    spaced,\n    animate: animateProp,\n    fixed,\n    style,\n    autoSpaced,\n    stretchedOnMobile,\n    className,\n    ...restProps\n  } = props;\n  const baseRef = React.useRef<HTMLDivElement>(null);\n  const { viewWidth } = useAdaptivity();\n  const animate = useTransitionAnimate(animateProp);\n\n  const contextValue = useObjectMemo({\n    colRef: baseRef,\n    animate,\n  });\n\n  if (process.env.NODE_ENV === 'development' && spaced !== undefined) {\n    warn('Свойство spaced устарело и будет удалено в v6. Используйте autoSpaced');\n  }\n\n  return (\n    <div\n      {...restProps}\n      style={{\n        ...style,\n        width: width,\n        maxWidth: maxWidth,\n        minWidth: minWidth,\n      }}\n      ref={baseRef}\n      className={classNames(\n        styles['SplitCol'],\n        viewWidthToClassName(breakpointClassNames, viewWidth),\n        spaced && classNames(styles['SplitCol--spaced'], 'vkuiInternalSplitCol--spaced'),\n        spaced === undefined &&\n          classNames(styles['SplitCol--spaced-none'], 'vkuiInternalSplitCol--spaced-none'),\n        autoSpaced &&\n          classNames(styles['SplitCol--spaced-auto'], 'vkuiInternalSplitCol--spaced-auto'),\n        fixed && styles['SplitCol--fixed'],\n        stretchedOnMobile && styles['SplitCol--stretched-on-mobile'],\n        className,\n      )}\n    >\n      <SplitColContext.Provider value={contextValue}>\n        {fixed ? <div className={styles['SplitCol__fixedInner']}>{children}</div> : children}\n      </SplitColContext.Provider>\n    </div>\n  );\n};\n"],"names":["React","classNames","useAdaptivity","useMediaQueries","useObjectMemo","ViewWidth","viewWidthToClassName","matchMediaListAddListener","matchMediaListRemoveListener","warnOnce","SplitColContext","styles","breakpointClassNames","none","tabletMinus","smallTabletPlus","tabletPlus","useTransitionAnimate","animateProp","viewWidth","animate","setAnimate","useState","Boolean","mediaQueries","useEffect","undefined","TABLET","listener","matches","warn","SplitCol","props","children","width","maxWidth","minWidth","spaced","fixed","style","autoSpaced","stretchedOnMobile","className","restProps","baseRef","useRef","contextValue","colRef","process","env","NODE_ENV","div","ref","Provider","value"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,UAAU,QAAQ,kBAAkB;AAC7C,SAASC,aAAa,QAAQ,4BAA4B;AAC1D,SAASC,eAAe,QAAQ,8BAA8B;AAC9D,SAASC,aAAa,QAAQ,4BAA4B;AAC1D,SAASC,SAAS,EAAEC,oBAAoB,QAAQ,uBAAuB;AACvE,SAASC,yBAAyB,EAAEC,4BAA4B,QAAQ,uBAAuB;AAC/F,SAASC,QAAQ,QAAQ,qBAAqB;AAC9C,SAASC,eAAe,QAAQ,oBAAoB;AACpD,OAAOC,YAAY,wBAAwB;AAE3C,MAAMC,uBAAuB;IAC3BC,MAAMZ,WAAWU,MAAM,CAAC,2BAA2B,EAAE;IACrDG,aAAaH,MAAM,CAAC,kCAAkC;IACtDI,iBAAiBJ,MAAM,CAAC,sCAAsC;IAC9DK,YAAY;AACd;AAEA,SAASC,qBAAqBC,WAAqB,EAAE;IACnD,MAAM,EAAEC,UAAS,EAAE,GAAGjB;IACtB,MAAM,CAACkB,SAASC,WAAW,GAAGrB,MAAMsB,QAAQ,CAACC,QAAQL;IACrD,MAAMM,eAAerB;IAErBH,MAAMyB,SAAS,CAAC,IAAM;QACpB,IAAIP,gBAAgBQ,WAAW;YAC7BL,WAAWH;YACX;QACF,CAAC;QAED,IAAIC,cAAcO,WAAW;YAC3BL,WAAWF,YAAYd,UAAUsB,MAAM;YACvC;QACF,CAAC;QAED,oDAAoD;QACpD,MAAMC,WAAW,IAAMP,WAAW,CAACG,aAAaT,eAAe,CAACc,OAAO;QACvED;QAEArB,0BAA0BiB,aAAaT,eAAe,EAAEa;QACxD,OAAO,IAAM;YACXpB,6BAA6BgB,aAAaT,eAAe,EAAEa;QAC7D;IACF,GAAG;QAACV;QAAaC;QAAWK;KAAa;IAEzC,OAAOJ;AACT;AA2BA,MAAMU,OAAOrB,SAAS;AAEtB;;CAEC,GACD,OAAO,MAAMsB,WAAW,CAACC,QAAyB;IAChD,MAAM,EACJC,SAAQ,EACRC,MAAK,EACLC,SAAQ,EACRC,SAAQ,EACRC,OAAM,EACNjB,SAASF,YAAW,EACpBoB,MAAK,EACLC,MAAK,EACLC,WAAU,EACVC,kBAAiB,EACjBC,UAAS,EACT,GAAGC,WACJ,GAAGX;IACJ,MAAMY,UAAU5C,MAAM6C,MAAM,CAAiB,IAAI;IACjD,MAAM,EAAE1B,UAAS,EAAE,GAAGjB;IACtB,MAAMkB,UAAUH,qBAAqBC;IAErC,MAAM4B,eAAe1C,cAAc;QACjC2C,QAAQH;QACRxB;IACF;IAEA,IAAI4B,QAAQC,GAAG,CAACC,QAAQ,KAAK,iBAAiBb,WAAWX,WAAW;QAClEI,KAAK;IACP,CAAC;IAED,qBACE,oBAACqB;QACE,GAAGR,SAAS;QACbJ,OAAO;YACL,GAAGA,KAAK;YACRL,OAAOA;YACPC,UAAUA;YACVC,UAAUA;QACZ;QACAgB,KAAKR;QACLF,WAAWzC,WACTU,MAAM,CAAC,WAAW,EAClBL,qBAAqBM,sBAAsBO,YAC3CkB,UAAUpC,WAAWU,MAAM,CAAC,mBAAmB,EAAE,iCACjD0B,WAAWX,aACTzB,WAAWU,MAAM,CAAC,wBAAwB,EAAE,sCAC9C6B,cACEvC,WAAWU,MAAM,CAAC,wBAAwB,EAAE,sCAC9C2B,SAAS3B,MAAM,CAAC,kBAAkB,EAClC8B,qBAAqB9B,MAAM,CAAC,gCAAgC,EAC5D+B;qBAGF,oBAAChC,gBAAgB2C,QAAQ;QAACC,OAAOR;OAC9BR,sBAAQ,oBAACa;QAAIT,WAAW/B,MAAM,CAAC,uBAAuB;OAAGsB,YAAkBA,QAAQ;AAI5F,EAAE"}

package/dist/cssm/components/SplitCol/SplitColContext.js

@@ -1,9 +1,8 @@
 import * as React from 'react';
-export var SplitColContext = /*#__PURE__*/React.createContext({
-  colRef: null,
-  animate: true
+export const SplitColContext = /*#__PURE__*/ React.createContext({
+    colRef: null,
+    animate: true
 });
-export var useSplitCol = function useSplitCol() {
-  return React.useContext(SplitColContext);
-};
+export const useSplitCol = ()=>React.useContext(SplitColContext);
+
 //# sourceMappingURL=SplitColContext.js.map

package/dist/cssm/components/SplitCol/SplitColContext.js.map

@@ -1 +1 @@
-{"version":3,"file":"SplitColContext.js","names":["React","SplitColContext","createContext","colRef","animate","useSplitCol","useContext"],"sources":["../../../../src/components/SplitCol/SplitColContext.tsx"],"sourcesContent":["import * as React from 'react';\n\nexport interface SplitColContextProps {\n  colRef: React.RefObject<HTMLDivElement> | null;\n  animate: boolean;\n}\n\nexport const SplitColContext = React.createContext<SplitColContextProps>({\n  colRef: null,\n  animate: true,\n});\n\nexport const useSplitCol = () => React.useContext(SplitColContext);\n"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAO9B,OAAO,IAAMC,eAAe,gBAAGD,KAAK,CAACE,aAAa,CAAuB;EACvEC,MAAM,EAAE,IAAI;EACZC,OAAO,EAAE;AACX,CAAC,CAAC;AAEF,OAAO,IAAMC,WAAW,GAAG,SAAdA,WAAW;EAAA,OAASL,KAAK,CAACM,UAAU,CAACL,eAAe,CAAC;AAAA"}
+{"version":3,"sources":["../../../../src/components/SplitCol/SplitColContext.tsx"],"sourcesContent":["import * as React from 'react';\n\nexport interface SplitColContextProps {\n  colRef: React.RefObject<HTMLDivElement> | null;\n  animate: boolean;\n}\n\nexport const SplitColContext = React.createContext<SplitColContextProps>({\n  colRef: null,\n  animate: true,\n});\n\nexport const useSplitCol = () => React.useContext(SplitColContext);\n"],"names":["React","SplitColContext","createContext","colRef","animate","useSplitCol","useContext"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAO/B,OAAO,MAAMC,gCAAkBD,MAAME,aAAa,CAAuB;IACvEC,QAAQ,IAAI;IACZC,SAAS,IAAI;AACf,GAAG;AAEH,OAAO,MAAMC,cAAc,IAAML,MAAMM,UAAU,CAACL,iBAAiB"}

package/dist/cssm/components/SplitLayout/SplitLayout.js

@@ -1,33 +1,23 @@
-import _extends from "@babel/runtime/helpers/extends";
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["popout", "modal", "header", "children", "getRootRef", "getRef", "className"];
 import * as React from 'react';
 import { classNames } from '@vkontakte/vkjs';
 import { usePlatform } from '../../hooks/usePlatform';
 import { Platform } from '../../lib/platform';
 import { PopoutRoot } from '../PopoutRoot/PopoutRoot';
-import "./SplitLayout.module.css";
+import styles from './SplitLayout.module.css';
 /**
  * @see https://vkcom.github.io/VKUI/#/SplitLayout
- */
-export var SplitLayout = function SplitLayout(_ref) {
-  var popout = _ref.popout,
-    modal = _ref.modal,
-    header = _ref.header,
-    children = _ref.children,
-    getRootRef = _ref.getRootRef,
-    getRef = _ref.getRef,
-    className = _ref.className,
-    restProps = _objectWithoutProperties(_ref, _excluded);
-  var platform = usePlatform();
-  return /*#__PURE__*/React.createElement(PopoutRoot, {
-    className: classNames("vkuiSplitLayout", platform === Platform.IOS && "vkuiSplitLayout--ios"),
-    popout: popout,
-    modal: modal,
-    getRootRef: getRootRef
-  }, header, /*#__PURE__*/React.createElement("div", _extends({}, restProps, {
-    ref: getRef,
-    className: classNames("vkuiSplitLayout__inner", !!header && "vkuiSplitLayout__inner--header", className)
-  }), children));
+ */ export const SplitLayout = ({ popout , modal , header , children , getRootRef , getRef , className , ...restProps })=>{
+    const platform = usePlatform();
+    return /*#__PURE__*/ React.createElement(PopoutRoot, {
+        className: classNames(styles['SplitLayout'], platform === Platform.IOS && styles['SplitLayout--ios']),
+        popout: popout,
+        modal: modal,
+        getRootRef: getRootRef
+    }, header, /*#__PURE__*/ React.createElement("div", {
+        ...restProps,
+        ref: getRef,
+        className: classNames(styles['SplitLayout__inner'], !!header && styles['SplitLayout__inner--header'], className)
+    }, children));
 };
+
 //# sourceMappingURL=SplitLayout.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"SplitLayout.js","names":["React","classNames","usePlatform","Platform","PopoutRoot","SplitLayout","popout","modal","header","children","getRootRef","getRef","className","restProps","platform","IOS"],"sources":["../../../../src/components/SplitLayout/SplitLayout.tsx"],"sourcesContent":["import * as React from 'react';\nimport { classNames } from '@vkontakte/vkjs';\nimport { usePlatform } from '../../hooks/usePlatform';\nimport { Platform } from '../../lib/platform';\nimport { HasRef, HasRootRef } from '../../types';\nimport { PopoutRoot } from '../PopoutRoot/PopoutRoot';\nimport styles from './SplitLayout.module.css';\n\nexport interface SplitLayoutProps\n  extends React.HTMLAttributes<HTMLDivElement>,\n    HasRootRef<HTMLDivElement>,\n    HasRef<HTMLDivElement> {\n  /**\n   * Свойство для отрисовки `Alert`, `ActionSheet` и `ScreenSpinner`.\n   */\n  popout?: React.ReactNode;\n  /**\n   * Свойство для отрисовки `ModalRoot`.\n   */\n  modal?: React.ReactNode;\n  header?: React.ReactNode;\n}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/SplitLayout\n */\nexport const SplitLayout = ({\n  popout,\n  modal,\n  header,\n  children,\n  getRootRef,\n  getRef,\n  className,\n  ...restProps\n}: SplitLayoutProps) => {\n  const platform = usePlatform();\n\n  return (\n    <PopoutRoot\n      className={classNames(\n        styles['SplitLayout'],\n        platform === Platform.IOS && styles['SplitLayout--ios'],\n      )}\n      popout={popout}\n      modal={modal}\n      getRootRef={getRootRef}\n    >\n      {header}\n      <div\n        {...restProps}\n        ref={getRef}\n        className={classNames(\n          styles['SplitLayout__inner'],\n          !!header && styles['SplitLayout__inner--header'],\n          className,\n        )}\n      >\n        {children}\n      </div>\n    </PopoutRoot>\n  );\n};\n"],"mappings":";;;AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,UAAU,QAAQ,iBAAiB;AAC5C,SAASC,WAAW,QAAQ,yBAAyB;AACrD,SAASC,QAAQ,QAAQ,oBAAoB;AAE7C,SAASC,UAAU,QAAQ,0BAA0B;AAAC;AAkBtD;AACA;AACA;AACA,OAAO,IAAMC,WAAW,GAAG,SAAdA,WAAW,OASA;EAAA,IARtBC,MAAM,QAANA,MAAM;IACNC,KAAK,QAALA,KAAK;IACLC,MAAM,QAANA,MAAM;IACNC,QAAQ,QAARA,QAAQ;IACRC,UAAU,QAAVA,UAAU;IACVC,MAAM,QAANA,MAAM;IACNC,SAAS,QAATA,SAAS;IACNC,SAAS;EAEZ,IAAMC,QAAQ,GAAGZ,WAAW,EAAE;EAE9B,oBACE,oBAAC,UAAU;IACT,SAAS,EAAED,UAAU,oBAEnBa,QAAQ,KAAKX,QAAQ,CAACY,GAAG,0BAA8B,CACvD;IACF,MAAM,EAAET,MAAO;IACf,KAAK,EAAEC,KAAM;IACb,UAAU,EAAEG;EAAW,GAEtBF,MAAM,eACP,wCACMK,SAAS;IACb,GAAG,EAAEF,MAAO;IACZ,SAAS,EAAEV,UAAU,2BAEnB,CAAC,CAACO,MAAM,oCAAwC,EAChDI,SAAS;EACT,IAEDH,QAAQ,CACL,CACK;AAEjB,CAAC"}
+{"version":3,"sources":["../../../../src/components/SplitLayout/SplitLayout.tsx"],"sourcesContent":["import * as React from 'react';\nimport { classNames } from '@vkontakte/vkjs';\nimport { usePlatform } from '../../hooks/usePlatform';\nimport { Platform } from '../../lib/platform';\nimport { HasRef, HasRootRef } from '../../types';\nimport { PopoutRoot } from '../PopoutRoot/PopoutRoot';\nimport styles from './SplitLayout.module.css';\n\nexport interface SplitLayoutProps\n  extends React.HTMLAttributes<HTMLDivElement>,\n    HasRootRef<HTMLDivElement>,\n    HasRef<HTMLDivElement> {\n  /**\n   * Свойство для отрисовки `Alert`, `ActionSheet` и `ScreenSpinner`.\n   */\n  popout?: React.ReactNode;\n  /**\n   * Свойство для отрисовки `ModalRoot`.\n   */\n  modal?: React.ReactNode;\n  header?: React.ReactNode;\n}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/SplitLayout\n */\nexport const SplitLayout = ({\n  popout,\n  modal,\n  header,\n  children,\n  getRootRef,\n  getRef,\n  className,\n  ...restProps\n}: SplitLayoutProps) => {\n  const platform = usePlatform();\n\n  return (\n    <PopoutRoot\n      className={classNames(\n        styles['SplitLayout'],\n        platform === Platform.IOS && styles['SplitLayout--ios'],\n      )}\n      popout={popout}\n      modal={modal}\n      getRootRef={getRootRef}\n    >\n      {header}\n      <div\n        {...restProps}\n        ref={getRef}\n        className={classNames(\n          styles['SplitLayout__inner'],\n          !!header && styles['SplitLayout__inner--header'],\n          className,\n        )}\n      >\n        {children}\n      </div>\n    </PopoutRoot>\n  );\n};\n"],"names":["React","classNames","usePlatform","Platform","PopoutRoot","styles","SplitLayout","popout","modal","header","children","getRootRef","getRef","className","restProps","platform","IOS","div","ref"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,UAAU,QAAQ,kBAAkB;AAC7C,SAASC,WAAW,QAAQ,0BAA0B;AACtD,SAASC,QAAQ,QAAQ,qBAAqB;AAE9C,SAASC,UAAU,QAAQ,2BAA2B;AACtD,OAAOC,YAAY,2BAA2B;AAiB9C;;CAEC,GACD,OAAO,MAAMC,cAAc,CAAC,EAC1BC,OAAM,EACNC,MAAK,EACLC,OAAM,EACNC,SAAQ,EACRC,WAAU,EACVC,OAAM,EACNC,UAAS,EACT,GAAGC,WACc,GAAK;IACtB,MAAMC,WAAWb;IAEjB,qBACE,oBAACE;QACCS,WAAWZ,WACTI,MAAM,CAAC,cAAc,EACrBU,aAAaZ,SAASa,GAAG,IAAIX,MAAM,CAAC,mBAAmB;QAEzDE,QAAQA;QACRC,OAAOA;QACPG,YAAYA;OAEXF,sBACD,oBAACQ;QACE,GAAGH,SAAS;QACbI,KAAKN;QACLC,WAAWZ,WACTI,MAAM,CAAC,qBAAqB,EAC5B,CAAC,CAACI,UAAUJ,MAAM,CAAC,6BAA6B,EAChDQ;OAGDH;AAIT,EAAE"}

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

@@ -1 +1 @@
-.vkuiSplitLayout{height:100%;position:relative;width:100%}.vkuiSplitLayout__inner{display:flex;height:100%;width:100%}.vkuiSplitLayout__inner--header{position:relative;z-index:11;z-index:var(--vkui_internal--z_index_split_layout_panel_header)}.vkuiSplitLayout--ios .vkuiSplitLayout__inner--header,.vkuiSplitLayout__inner--header{margin-top:calc(-1 * (56px + 0px));margin-top:calc(-1 * (var(--vkui--size_panel_header_height--regular) + var(--vkui_internal--safe_area_inset_top)))}.vkuiSplitLayout__popout{z-index:100;z-index:var(--vkui--z_index_popout)}.vkuiSplitLayout__modal,.vkuiSplitLayout__popout{height:100%;left:0;position:fixed;top:0;width:100%}.vkuiSplitLayout__modal{z-index:99;z-index:var(--vkui--z_index_modal)}.vkuiSplitLayout__modal:empty{display:none}
+.vkuiSplitLayout{height:100%;position:relative;width:100%}.vkuiSplitLayout__inner{display:flex;height:100%;width:100%}.vkuiSplitLayout__inner--header{position:relative;z-index:11;z-index:var(--vkui_internal--z_index_split_layout_panel_header)}.vkuiSplitLayout--ios .vkuiSplitLayout__inner--header,.vkuiSplitLayout__inner--header{margin-top:calc(-1 * (56px + 0px));margin-top:calc(-1 * (var(--vkui--size_panel_header_height--regular) + var(--vkui_internal--safe_area_inset_top)))}

package/dist/cssm/components/SubnavigationBar/SubnavigationBar.js

@@ -1,56 +1,34 @@
-import _extends from "@babel/runtime/helpers/extends";
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["mode", "children", "showArrows", "getScrollToLeft", "getScrollToRight", "scrollAnimationDuration", "className"];
 import * as React from 'react';
 import { classNames } from '@vkontakte/vkjs';
 import { HorizontalScroll } from '../HorizontalScroll/HorizontalScroll';
-import "./SubnavigationBar.module.css";
-var defaultScrollToLeft = function defaultScrollToLeft(x) {
-  return x - 240;
-};
-var defaultScrollToRight = function defaultScrollToRight(x) {
-  return x + 240;
-};
-
+import styles from './SubnavigationBar.module.css';
+const defaultScrollToLeft = (x)=>x - 240;
+const defaultScrollToRight = (x)=>x + 240;
 /**
  * @see https://vkcom.github.io/VKUI/#/SubnavigationBar
- */
-export var SubnavigationBar = function SubnavigationBar(_ref) {
-  var _ref$mode = _ref.mode,
-    mode = _ref$mode === void 0 ? 'overflow' : _ref$mode,
-    children = _ref.children,
-    _ref$showArrows = _ref.showArrows,
-    showArrows = _ref$showArrows === void 0 ? true : _ref$showArrows,
-    _ref$getScrollToLeft = _ref.getScrollToLeft,
-    getScrollToLeft = _ref$getScrollToLeft === void 0 ? defaultScrollToLeft : _ref$getScrollToLeft,
-    _ref$getScrollToRight = _ref.getScrollToRight,
-    getScrollToRight = _ref$getScrollToRight === void 0 ? defaultScrollToRight : _ref$getScrollToRight,
-    scrollAnimationDuration = _ref.scrollAnimationDuration,
-    className = _ref.className,
-    restProps = _objectWithoutProperties(_ref, _excluded);
-  var ScrollWrapper;
-  var scrollWrapperProps = {};
-  if (mode === 'fixed') {
-    ScrollWrapper = 'div';
-  } else {
-    ScrollWrapper = HorizontalScroll;
-    scrollWrapperProps = {
-      showArrows: showArrows,
-      getScrollToLeft: getScrollToLeft,
-      getScrollToRight: getScrollToRight,
-      scrollAnimationDuration: scrollAnimationDuration
-    };
-  }
-  return /*#__PURE__*/React.createElement("div", _extends({}, restProps, {
-    className: classNames("vkuiSubnavigationBar", styles["SubnavigationBar--mode-".concat(mode)], className)
-  }), /*#__PURE__*/React.createElement(ScrollWrapper, _extends({
-    className: "vkuiSubnavigationBar__in"
-  }, scrollWrapperProps), /*#__PURE__*/React.createElement("div", {
-    className: "vkuiSubnavigationBar__scrollIn"
-  }, children)));
-};
-var styles = {
-  "SubnavigationBar--mode-fixed": "vkuiSubnavigationBar--mode-fixed",
-  "SubnavigationBar--mode-overflow": "vkuiSubnavigationBar--mode-overflow"
+ */ export const SubnavigationBar = ({ mode ='overflow' , children , showArrows =true , getScrollToLeft =defaultScrollToLeft , getScrollToRight =defaultScrollToRight , scrollAnimationDuration , className , ...restProps })=>{
+    let ScrollWrapper;
+    let scrollWrapperProps = {};
+    if (mode === 'fixed') {
+        ScrollWrapper = 'div';
+    } else {
+        ScrollWrapper = HorizontalScroll;
+        scrollWrapperProps = {
+            showArrows,
+            getScrollToLeft,
+            getScrollToRight,
+            scrollAnimationDuration
+        };
+    }
+    return /*#__PURE__*/ React.createElement("div", {
+        ...restProps,
+        className: classNames('vkuiInternalSubnavigationBar', mode === 'fixed' && classNames('vkuiInternalSubnavigationBar--mode-fixed'), className)
+    }, /*#__PURE__*/ React.createElement(ScrollWrapper, {
+        className: styles['SubnavigationBar__in'],
+        ...scrollWrapperProps
+    }, /*#__PURE__*/ React.createElement("div", {
+        className: styles['SubnavigationBar__scrollIn']
+    }, children)));
 };
+
 //# sourceMappingURL=SubnavigationBar.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"SubnavigationBar.js","names":["React","classNames","HorizontalScroll","defaultScrollToLeft","x","defaultScrollToRight","SubnavigationBar","mode","children","showArrows","getScrollToLeft","getScrollToRight","scrollAnimationDuration","className","restProps","ScrollWrapper","scrollWrapperProps","styles"],"sources":["../../../../src/components/SubnavigationBar/SubnavigationBar.tsx"],"sourcesContent":["import * as React from 'react';\nimport { classNames } from '@vkontakte/vkjs';\nimport {\n  HorizontalScroll,\n  HorizontalScrollProps,\n  ScrollPositionHandler,\n} from '../HorizontalScroll/HorizontalScroll';\nimport styles from './SubnavigationBar.module.css';\n\nexport interface SubnavigationBarProps\n  extends React.HTMLAttributes<HTMLDivElement>,\n    Pick<\n      HorizontalScrollProps,\n      'showArrows' | 'getScrollToLeft' | 'getScrollToRight' | 'scrollAnimationDuration'\n    > {\n  mode?: 'fixed' | 'overflow';\n}\n\nconst defaultScrollToLeft: ScrollPositionHandler = (x) => x - 240;\n\nconst defaultScrollToRight: ScrollPositionHandler = (x) => x + 240;\n\n/**\n * @see https://vkcom.github.io/VKUI/#/SubnavigationBar\n */\nexport const SubnavigationBar = ({\n  mode = 'overflow',\n  children,\n  showArrows = true,\n  getScrollToLeft = defaultScrollToLeft,\n  getScrollToRight = defaultScrollToRight,\n  scrollAnimationDuration,\n  className,\n  ...restProps\n}: SubnavigationBarProps) => {\n  let ScrollWrapper: React.ElementType;\n  let scrollWrapperProps = {};\n\n  if (mode === 'fixed') {\n    ScrollWrapper = 'div';\n  } else {\n    ScrollWrapper = HorizontalScroll;\n    scrollWrapperProps = {\n      showArrows,\n      getScrollToLeft,\n      getScrollToRight,\n      scrollAnimationDuration,\n    };\n  }\n\n  return (\n    <div\n      {...restProps}\n      className={classNames(\n        styles['SubnavigationBar'],\n        styles[`SubnavigationBar--mode-${mode}`],\n        className,\n      )}\n    >\n      <ScrollWrapper className={styles['SubnavigationBar__in']} {...scrollWrapperProps}>\n        <div className={styles['SubnavigationBar__scrollIn']}>{children}</div>\n      </ScrollWrapper>\n    </div>\n  );\n};\n"],"mappings":";;;AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,UAAU,QAAQ,iBAAiB;AAC5C,SACEC,gBAAgB,QAGX,sCAAsC;AAAC;AAY9C,IAAMC,mBAA0C,GAAG,SAA7CA,mBAA0C,CAAIC,CAAC;EAAA,OAAKA,CAAC,GAAG,GAAG;AAAA;AAEjE,IAAMC,oBAA2C,GAAG,SAA9CA,oBAA2C,CAAID,CAAC;EAAA,OAAKA,CAAC,GAAG,GAAG;AAAA;;AAElE;AACA;AACA;AACA,OAAO,IAAME,gBAAgB,GAAG,SAAnBA,gBAAgB,OASA;EAAA,qBAR3BC,IAAI;IAAJA,IAAI,0BAAG,UAAU;IACjBC,QAAQ,QAARA,QAAQ;IAAA,uBACRC,UAAU;IAAVA,UAAU,gCAAG,IAAI;IAAA,4BACjBC,eAAe;IAAfA,eAAe,qCAAGP,mBAAmB;IAAA,6BACrCQ,gBAAgB;IAAhBA,gBAAgB,sCAAGN,oBAAoB;IACvCO,uBAAuB,QAAvBA,uBAAuB;IACvBC,SAAS,QAATA,SAAS;IACNC,SAAS;EAEZ,IAAIC,aAAgC;EACpC,IAAIC,kBAAkB,GAAG,CAAC,CAAC;EAE3B,IAAIT,IAAI,KAAK,OAAO,EAAE;IACpBQ,aAAa,GAAG,KAAK;EACvB,CAAC,MAAM;IACLA,aAAa,GAAGb,gBAAgB;IAChCc,kBAAkB,GAAG;MACnBP,UAAU,EAAVA,UAAU;MACVC,eAAe,EAAfA,eAAe;MACfC,gBAAgB,EAAhBA,gBAAgB;MAChBC,uBAAuB,EAAvBA;IACF,CAAC;EACH;EAEA,oBACE,wCACME,SAAS;IACb,SAAS,EAAEb,UAAU,yBAEnBgB,MAAM,kCAA2BV,IAAI,EAAG,EACxCM,SAAS;EACT,iBAEF,oBAAC,aAAa;IAAC,SAAS;EAAiC,GAAKG,kBAAkB,gBAC9E;IAAK,SAAS;EAAuC,GAAER,QAAQ,CAAO,CACxD,CACZ;AAEV,CAAC;AAAC;EAAA;EAAA;AAAA"}
+{"version":3,"sources":["../../../../src/components/SubnavigationBar/SubnavigationBar.tsx"],"sourcesContent":["import * as React from 'react';\nimport { classNames } from '@vkontakte/vkjs';\nimport {\n  HorizontalScroll,\n  HorizontalScrollProps,\n  ScrollPositionHandler,\n} from '../HorizontalScroll/HorizontalScroll';\nimport styles from './SubnavigationBar.module.css';\n\nexport interface SubnavigationBarProps\n  extends React.HTMLAttributes<HTMLDivElement>,\n    Pick<\n      HorizontalScrollProps,\n      'showArrows' | 'getScrollToLeft' | 'getScrollToRight' | 'scrollAnimationDuration'\n    > {\n  mode?: 'fixed' | 'overflow';\n}\n\nconst defaultScrollToLeft: ScrollPositionHandler = (x) => x - 240;\n\nconst defaultScrollToRight: ScrollPositionHandler = (x) => x + 240;\n\n/**\n * @see https://vkcom.github.io/VKUI/#/SubnavigationBar\n */\nexport const SubnavigationBar = ({\n  mode = 'overflow',\n  children,\n  showArrows = true,\n  getScrollToLeft = defaultScrollToLeft,\n  getScrollToRight = defaultScrollToRight,\n  scrollAnimationDuration,\n  className,\n  ...restProps\n}: SubnavigationBarProps) => {\n  let ScrollWrapper: React.ElementType;\n  let scrollWrapperProps = {};\n\n  if (mode === 'fixed') {\n    ScrollWrapper = 'div';\n  } else {\n    ScrollWrapper = HorizontalScroll;\n    scrollWrapperProps = {\n      showArrows,\n      getScrollToLeft,\n      getScrollToRight,\n      scrollAnimationDuration,\n    };\n  }\n\n  return (\n    <div\n      {...restProps}\n      className={classNames(\n        'vkuiInternalSubnavigationBar',\n        mode === 'fixed' && classNames('vkuiInternalSubnavigationBar--mode-fixed'),\n        className,\n      )}\n    >\n      <ScrollWrapper className={styles['SubnavigationBar__in']} {...scrollWrapperProps}>\n        <div className={styles['SubnavigationBar__scrollIn']}>{children}</div>\n      </ScrollWrapper>\n    </div>\n  );\n};\n"],"names":["React","classNames","HorizontalScroll","styles","defaultScrollToLeft","x","defaultScrollToRight","SubnavigationBar","mode","children","showArrows","getScrollToLeft","getScrollToRight","scrollAnimationDuration","className","restProps","ScrollWrapper","scrollWrapperProps","div"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,UAAU,QAAQ,kBAAkB;AAC7C,SACEC,gBAAgB,QAGX,uCAAuC;AAC9C,OAAOC,YAAY,gCAAgC;AAWnD,MAAMC,sBAA6C,CAACC,IAAMA,IAAI;AAE9D,MAAMC,uBAA8C,CAACD,IAAMA,IAAI;AAE/D;;CAEC,GACD,OAAO,MAAME,mBAAmB,CAAC,EAC/BC,MAAO,WAAU,EACjBC,SAAQ,EACRC,YAAa,IAAI,CAAA,EACjBC,iBAAkBP,oBAAmB,EACrCQ,kBAAmBN,qBAAoB,EACvCO,wBAAuB,EACvBC,UAAS,EACT,GAAGC,WACmB,GAAK;IAC3B,IAAIC;IACJ,IAAIC,qBAAqB,CAAC;IAE1B,IAAIT,SAAS,SAAS;QACpBQ,gBAAgB;IAClB,OAAO;QACLA,gBAAgBd;QAChBe,qBAAqB;YACnBP;YACAC;YACAC;YACAC;QACF;IACF,CAAC;IAED,qBACE,oBAACK;QACE,GAAGH,SAAS;QACbD,WAAWb,WACT,gCACAO,SAAS,WAAWP,WAAW,6CAC/Ba;qBAGF,oBAACE;QAAcF,WAAWX,MAAM,CAAC,uBAAuB;QAAG,GAAGc,kBAAkB;qBAC9E,oBAACC;QAAIJ,WAAWX,MAAM,CAAC,6BAA6B;OAAGM;AAI/D,EAAE"}

package/dist/cssm/components/SubnavigationButton/SubnavigationButton.js

@@ -1,8 +1,3 @@
-import _extends from "@babel/runtime/helpers/extends";
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-var _excluded = ["textLevel"],
-  _excluded2 = ["mode", "size", "selected", "textLevel", "before", "after", "expandable", "children", "className"];
 import * as React from 'react';
 import { Icon16Dropdown } from '@vkontakte/icons';
 import { classNames } from '@vkontakte/vkjs';
@@ -12,66 +7,51 @@ import { getTitleFromChildren } from '../../lib/utils';
 import { Tappable } from '../Tappable/Tappable';
 import { Caption } from '../Typography/Caption/Caption';
 import { Subhead } from '../Typography/Subhead/Subhead';
-import "./SubnavigationButton.module.css";
-var sizeYClassNames = _defineProperty({
-  none: "vkuiSubnavigationButton--sizeY-none"
-}, SizeType.COMPACT, "vkuiSubnavigationButton--sizeY-compact");
-var SubnavigationButtonTypography = function SubnavigationButtonTypography(_ref) {
-  var textLevel = _ref.textLevel,
-    restProps = _objectWithoutProperties(_ref, _excluded);
-  if (textLevel === '1') {
-    return /*#__PURE__*/React.createElement(Subhead, restProps);
-  }
-  return /*#__PURE__*/React.createElement(Caption, _extends({
-    level: textLevel === '2' ? '1' : '2'
-  }, restProps));
+import styles from './SubnavigationButton.module.css';
+const sizeYClassNames = {
+    none: styles['SubnavigationButton--sizeY-none'],
+    [SizeType.COMPACT]: styles['SubnavigationButton--sizeY-compact']
+};
+const SubnavigationButtonTypography = ({ textLevel , ...restProps })=>{
+    if (textLevel === '1') {
+        return /*#__PURE__*/ React.createElement(Subhead, restProps);
+    }
+    return /*#__PURE__*/ React.createElement(Caption, {
+        level: textLevel === '2' ? '1' : '2',
+        ...restProps
+    });
 };
-
 /**
  * @see https://vkcom.github.io/VKUI/#/SubnavigationButton
- */
-export var SubnavigationButton = function SubnavigationButton(_ref2) {
-  var _ref2$mode = _ref2.mode,
-    mode = _ref2$mode === void 0 ? 'primary' : _ref2$mode,
-    _ref2$size = _ref2.size,
-    size = _ref2$size === void 0 ? 'm' : _ref2$size,
-    selected = _ref2.selected,
-    _ref2$textLevel = _ref2.textLevel,
-    textLevel = _ref2$textLevel === void 0 ? '1' : _ref2$textLevel,
-    before = _ref2.before,
-    after = _ref2.after,
-    expandable = _ref2.expandable,
-    children = _ref2.children,
-    className = _ref2.className,
-    restProps = _objectWithoutProperties(_ref2, _excluded2);
-  var _useAdaptivity = useAdaptivity(),
-    _useAdaptivity$sizeY = _useAdaptivity.sizeY,
-    sizeY = _useAdaptivity$sizeY === void 0 ? 'none' : _useAdaptivity$sizeY;
-  return /*#__PURE__*/React.createElement(Tappable, _extends({}, restProps, {
-    hasActive: false,
-    focusVisibleMode: "outside",
-    className: classNames("vkuiSubnavigationButton", styles["SubnavigationButton--size-".concat(size)], styles["SubnavigationButton--mode-".concat(mode)], selected && "vkuiSubnavigationButton--selected", sizeY !== SizeType.REGULAR && sizeYClassNames[sizeY], className),
-    "aria-label": getTitleFromChildren(children)
-  }), /*#__PURE__*/React.createElement("span", {
-    className: "vkuiSubnavigationButton__in"
-  }, before && /*#__PURE__*/React.createElement("span", {
-    className: "vkuiSubnavigationButton__before"
-  }, before), /*#__PURE__*/React.createElement(SubnavigationButtonTypography, {
-    textLevel: textLevel,
-    className: "vkuiSubnavigationButton__label",
-    Component: "span"
-  }, children), after && /*#__PURE__*/React.createElement("span", {
-    className: "vkuiSubnavigationButton__after"
-  }, after), expandable && /*#__PURE__*/React.createElement(Icon16Dropdown, {
-    className: "vkuiSubnavigationButton__expandableIcon"
-  })));
-};
-var styles = {
-  "SubnavigationButton--size-s": "vkuiSubnavigationButton--size-s",
-  "SubnavigationButton--size-m": "vkuiSubnavigationButton--size-m",
-  "SubnavigationButton--size-l": "vkuiSubnavigationButton--size-l",
-  "SubnavigationButton--mode-primary": "vkuiSubnavigationButton--mode-primary",
-  "SubnavigationButton--mode-outline": "vkuiSubnavigationButton--mode-outline",
-  "SubnavigationButton--mode-tertiary": "vkuiSubnavigationButton--mode-tertiary"
+ */ export const SubnavigationButton = ({ mode ='primary' , size ='m' , selected , textLevel ='1' , before , after , expandable , children , className , ...restProps })=>{
+    const { sizeY ='none'  } = useAdaptivity();
+    return /*#__PURE__*/ React.createElement(Tappable, {
+        ...restProps,
+        hasActive: false,
+        focusVisibleMode: "outside",
+        className: classNames(styles['SubnavigationButton'], {
+            s: styles['SubnavigationButton--size-s'],
+            m: styles['SubnavigationButton--size-m'],
+            l: styles['SubnavigationButton--size-l']
+        }[size], {
+            primary: styles['SubnavigationButton--mode-primary'],
+            outline: styles['SubnavigationButton--mode-outline'],
+            tertiary: styles['SubnavigationButton--mode-tertiary']
+        }[mode], selected && styles['SubnavigationButton--selected'], sizeY !== SizeType.REGULAR && sizeYClassNames[sizeY], className),
+        "aria-label": getTitleFromChildren(children)
+    }, /*#__PURE__*/ React.createElement("span", {
+        className: styles['SubnavigationButton__in']
+    }, before && /*#__PURE__*/ React.createElement("span", {
+        className: styles['SubnavigationButton__before']
+    }, before), /*#__PURE__*/ React.createElement(SubnavigationButtonTypography, {
+        textLevel: textLevel,
+        className: styles['SubnavigationButton__label'],
+        Component: "span"
+    }, children), after && /*#__PURE__*/ React.createElement("span", {
+        className: styles['SubnavigationButton__after']
+    }, after), expandable && /*#__PURE__*/ React.createElement(Icon16Dropdown, {
+        className: styles['SubnavigationButton__expandableIcon']
+    })));
 };
+
 //# sourceMappingURL=SubnavigationButton.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"SubnavigationButton.js","names":["React","Icon16Dropdown","classNames","useAdaptivity","SizeType","getTitleFromChildren","Tappable","Caption","Subhead","sizeYClassNames","none","COMPACT","SubnavigationButtonTypography","textLevel","restProps","SubnavigationButton","mode","size","selected","before","after","expandable","children","className","sizeY","styles","REGULAR"],"sources":["../../../../src/components/SubnavigationButton/SubnavigationButton.tsx"],"sourcesContent":["import * as React from 'react';\nimport { Icon16Dropdown } from '@vkontakte/icons';\nimport { classNames } from '@vkontakte/vkjs';\nimport { useAdaptivity } from '../../hooks/useAdaptivity';\nimport { SizeType } from '../../lib/adaptivity';\nimport { getTitleFromChildren } from '../../lib/utils';\nimport { HasChildren, HasComponent } from '../../types';\nimport { Tappable, TappableProps } from '../Tappable/Tappable';\nimport { Caption } from '../Typography/Caption/Caption';\nimport { Subhead } from '../Typography/Subhead/Subhead';\nimport styles from './SubnavigationButton.module.css';\n\nconst sizeYClassNames = {\n  none: styles['SubnavigationButton--sizeY-none'],\n  [SizeType.COMPACT]: styles['SubnavigationButton--sizeY-compact'],\n};\n\nexport interface SubnavigationButtonProps extends Omit<TappableProps, 'size'> {\n  mode?: 'primary' | 'outline' | 'tertiary';\n  size?: 's' | 'm' | 'l';\n  selected?: boolean;\n  /**\n   * Размер шрифта. Этим свойством рекомендуется пользоваться, чтобы отрегулировать размер шрифта у кнопок в `<SubnavigationBar mode=\"fixed\" />`\n   */\n  textLevel?: '1' | '2' | '3';\n  /**\n   * Рекомендуется использовать только иконки с размером 24\n   */\n  before?: React.ReactNode;\n  /**\n   * Рекомендуется использовать только `<Counter size=\"s\" />` или `<Badge />`\n   */\n  after?: React.ReactNode;\n  expandable?: boolean;\n}\n\ntype SubnavigationButtonTypographyProps = Pick<\n  SubnavigationButtonProps,\n  'textLevel' | 'className'\n> &\n  HasComponent &\n  HasChildren;\n\nconst SubnavigationButtonTypography = ({\n  textLevel,\n  ...restProps\n}: SubnavigationButtonTypographyProps) => {\n  if (textLevel === '1') {\n    return <Subhead {...restProps} />;\n  }\n\n  return <Caption level={textLevel === '2' ? '1' : '2'} {...restProps} />;\n};\n\n/**\n * @see https://vkcom.github.io/VKUI/#/SubnavigationButton\n */\nexport const SubnavigationButton = ({\n  mode = 'primary',\n  size = 'm',\n  selected,\n  textLevel = '1',\n  before,\n  after,\n  expandable,\n  children,\n  className,\n  ...restProps\n}: SubnavigationButtonProps) => {\n  const { sizeY = 'none' } = useAdaptivity();\n\n  return (\n    <Tappable\n      {...restProps}\n      hasActive={false}\n      focusVisibleMode=\"outside\"\n      className={classNames(\n        styles['SubnavigationButton'],\n        styles[`SubnavigationButton--size-${size}`],\n        styles[`SubnavigationButton--mode-${mode}`],\n        selected && styles['SubnavigationButton--selected'],\n        sizeY !== SizeType.REGULAR && sizeYClassNames[sizeY],\n        className,\n      )}\n      aria-label={getTitleFromChildren(children)}\n    >\n      <span className={styles['SubnavigationButton__in']}>\n        {before && <span className={styles['SubnavigationButton__before']}>{before}</span>}\n        <SubnavigationButtonTypography\n          textLevel={textLevel}\n          className={styles['SubnavigationButton__label']}\n          Component=\"span\"\n        >\n          {children}\n        </SubnavigationButtonTypography>\n        {after && <span className={styles['SubnavigationButton__after']}>{after}</span>}\n        {expandable && <Icon16Dropdown className={styles['SubnavigationButton__expandableIcon']} />}\n      </span>\n    </Tappable>\n  );\n};\n"],"mappings":";;;;;AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,cAAc,QAAQ,kBAAkB;AACjD,SAASC,UAAU,QAAQ,iBAAiB;AAC5C,SAASC,aAAa,QAAQ,2BAA2B;AACzD,SAASC,QAAQ,QAAQ,sBAAsB;AAC/C,SAASC,oBAAoB,QAAQ,iBAAiB;AAEtD,SAASC,QAAQ,QAAuB,sBAAsB;AAC9D,SAASC,OAAO,QAAQ,+BAA+B;AACvD,SAASC,OAAO,QAAQ,+BAA+B;AAAC;AAGxD,IAAMC,eAAe;EACnBC,IAAI;AAA2C,GAC9CN,QAAQ,CAACO,OAAO,2CAClB;AA4BD,IAAMC,6BAA6B,GAAG,SAAhCA,6BAA6B,OAGO;EAAA,IAFxCC,SAAS,QAATA,SAAS;IACNC,SAAS;EAEZ,IAAID,SAAS,KAAK,GAAG,EAAE;IACrB,oBAAO,oBAAC,OAAO,EAAKC,SAAS,CAAI;EACnC;EAEA,oBAAO,oBAAC,OAAO;IAAC,KAAK,EAAED,SAAS,KAAK,GAAG,GAAG,GAAG,GAAG;EAAI,GAAKC,SAAS,EAAI;AACzE,CAAC;;AAED;AACA;AACA;AACA,OAAO,IAAMC,mBAAmB,GAAG,SAAtBA,mBAAmB,QAWA;EAAA,uBAV9BC,IAAI;IAAJA,IAAI,2BAAG,SAAS;IAAA,mBAChBC,IAAI;IAAJA,IAAI,2BAAG,GAAG;IACVC,QAAQ,SAARA,QAAQ;IAAA,wBACRL,SAAS;IAATA,SAAS,gCAAG,GAAG;IACfM,MAAM,SAANA,MAAM;IACNC,KAAK,SAALA,KAAK;IACLC,UAAU,SAAVA,UAAU;IACVC,QAAQ,SAARA,QAAQ;IACRC,SAAS,SAATA,SAAS;IACNT,SAAS;EAEZ,qBAA2BX,aAAa,EAAE;IAAA,sCAAlCqB,KAAK;IAALA,KAAK,qCAAG,MAAM;EAEtB,oBACE,oBAAC,QAAQ,eACHV,SAAS;IACb,SAAS,EAAE,KAAM;IACjB,gBAAgB,EAAC,SAAS;IAC1B,SAAS,EAAEZ,UAAU,4BAEnBuB,MAAM,qCAA8BR,IAAI,EAAG,EAC3CQ,MAAM,qCAA8BT,IAAI,EAAG,EAC3CE,QAAQ,uCAA2C,EACnDM,KAAK,KAAKpB,QAAQ,CAACsB,OAAO,IAAIjB,eAAe,CAACe,KAAK,CAAC,EACpDD,SAAS,CACT;IACF,cAAYlB,oBAAoB,CAACiB,QAAQ;EAAE,iBAE3C;IAAM,SAAS;EAAoC,GAChDH,MAAM,iBAAI;IAAM,SAAS;EAAwC,GAAEA,MAAM,CAAQ,eAClF,oBAAC,6BAA6B;IAC5B,SAAS,EAAEN,SAAU;IACrB,SAAS,kCAAuC;IAChD,SAAS,EAAC;EAAM,GAEfS,QAAQ,CACqB,EAC/BF,KAAK,iBAAI;IAAM,SAAS;EAAuC,GAAEA,KAAK,CAAQ,EAC9EC,UAAU,iBAAI,oBAAC,cAAc;IAAC,SAAS;EAAgD,EAAG,CACtF,CACE;AAEf,CAAC;AAAC;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;AAAA"}
+{"version":3,"sources":["../../../../src/components/SubnavigationButton/SubnavigationButton.tsx"],"sourcesContent":["import * as React from 'react';\nimport { Icon16Dropdown } from '@vkontakte/icons';\nimport { classNames } from '@vkontakte/vkjs';\nimport { useAdaptivity } from '../../hooks/useAdaptivity';\nimport { SizeType } from '../../lib/adaptivity';\nimport { getTitleFromChildren } from '../../lib/utils';\nimport { HasChildren, HasComponent } from '../../types';\nimport { Tappable, TappableProps } from '../Tappable/Tappable';\nimport { Caption } from '../Typography/Caption/Caption';\nimport { Subhead } from '../Typography/Subhead/Subhead';\nimport styles from './SubnavigationButton.module.css';\n\nconst sizeYClassNames = {\n  none: styles['SubnavigationButton--sizeY-none'],\n  [SizeType.COMPACT]: styles['SubnavigationButton--sizeY-compact'],\n};\n\nexport interface SubnavigationButtonProps extends Omit<TappableProps, 'size'> {\n  mode?: 'primary' | 'outline' | 'tertiary';\n  size?: 's' | 'm' | 'l';\n  selected?: boolean;\n  /**\n   * Размер шрифта. Этим свойством рекомендуется пользоваться, чтобы отрегулировать размер шрифта у кнопок в `<SubnavigationBar mode=\"fixed\" />`\n   */\n  textLevel?: '1' | '2' | '3';\n  /**\n   * Рекомендуется использовать только иконки с размером 24\n   */\n  before?: React.ReactNode;\n  /**\n   * Рекомендуется использовать только `<Counter size=\"s\" />` или `<Badge />`\n   */\n  after?: React.ReactNode;\n  expandable?: boolean;\n}\n\ntype SubnavigationButtonTypographyProps = Pick<\n  SubnavigationButtonProps,\n  'textLevel' | 'className'\n> &\n  HasComponent &\n  HasChildren;\n\nconst SubnavigationButtonTypography = ({\n  textLevel,\n  ...restProps\n}: SubnavigationButtonTypographyProps) => {\n  if (textLevel === '1') {\n    return <Subhead {...restProps} />;\n  }\n\n  return <Caption level={textLevel === '2' ? '1' : '2'} {...restProps} />;\n};\n\n/**\n * @see https://vkcom.github.io/VKUI/#/SubnavigationButton\n */\nexport const SubnavigationButton = ({\n  mode = 'primary',\n  size = 'm',\n  selected,\n  textLevel = '1',\n  before,\n  after,\n  expandable,\n  children,\n  className,\n  ...restProps\n}: SubnavigationButtonProps) => {\n  const { sizeY = 'none' } = useAdaptivity();\n\n  return (\n    <Tappable\n      {...restProps}\n      hasActive={false}\n      focusVisibleMode=\"outside\"\n      className={classNames(\n        styles['SubnavigationButton'],\n        {\n          s: styles['SubnavigationButton--size-s'],\n          m: styles['SubnavigationButton--size-m'],\n          l: styles['SubnavigationButton--size-l'],\n        }[size],\n        {\n          primary: styles['SubnavigationButton--mode-primary'],\n          outline: styles['SubnavigationButton--mode-outline'],\n          tertiary: styles['SubnavigationButton--mode-tertiary'],\n        }[mode],\n        selected && styles['SubnavigationButton--selected'],\n        sizeY !== SizeType.REGULAR && sizeYClassNames[sizeY],\n        className,\n      )}\n      aria-label={getTitleFromChildren(children)}\n    >\n      <span className={styles['SubnavigationButton__in']}>\n        {before && <span className={styles['SubnavigationButton__before']}>{before}</span>}\n        <SubnavigationButtonTypography\n          textLevel={textLevel}\n          className={styles['SubnavigationButton__label']}\n          Component=\"span\"\n        >\n          {children}\n        </SubnavigationButtonTypography>\n        {after && <span className={styles['SubnavigationButton__after']}>{after}</span>}\n        {expandable && <Icon16Dropdown className={styles['SubnavigationButton__expandableIcon']} />}\n      </span>\n    </Tappable>\n  );\n};\n"],"names":["React","Icon16Dropdown","classNames","useAdaptivity","SizeType","getTitleFromChildren","Tappable","Caption","Subhead","styles","sizeYClassNames","none","COMPACT","SubnavigationButtonTypography","textLevel","restProps","level","SubnavigationButton","mode","size","selected","before","after","expandable","children","className","sizeY","hasActive","focusVisibleMode","s","m","l","primary","outline","tertiary","REGULAR","aria-label","span","Component"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,cAAc,QAAQ,mBAAmB;AAClD,SAASC,UAAU,QAAQ,kBAAkB;AAC7C,SAASC,aAAa,QAAQ,4BAA4B;AAC1D,SAASC,QAAQ,QAAQ,uBAAuB;AAChD,SAASC,oBAAoB,QAAQ,kBAAkB;AAEvD,SAASC,QAAQ,QAAuB,uBAAuB;AAC/D,SAASC,OAAO,QAAQ,gCAAgC;AACxD,SAASC,OAAO,QAAQ,gCAAgC;AACxD,OAAOC,YAAY,mCAAmC;AAEtD,MAAMC,kBAAkB;IACtBC,MAAMF,MAAM,CAAC,kCAAkC;IAC/C,CAACL,SAASQ,OAAO,CAAC,EAAEH,MAAM,CAAC,qCAAqC;AAClE;AA4BA,MAAMI,gCAAgC,CAAC,EACrCC,UAAS,EACT,GAAGC,WACgC,GAAK;IACxC,IAAID,cAAc,KAAK;QACrB,qBAAO,oBAACN,SAAYO;IACtB,CAAC;IAED,qBAAO,oBAACR;QAAQS,OAAOF,cAAc,MAAM,MAAM,GAAG;QAAG,GAAGC,SAAS;;AACrE;AAEA;;CAEC,GACD,OAAO,MAAME,sBAAsB,CAAC,EAClCC,MAAO,UAAS,EAChBC,MAAO,IAAG,EACVC,SAAQ,EACRN,WAAY,IAAG,EACfO,OAAM,EACNC,MAAK,EACLC,WAAU,EACVC,SAAQ,EACRC,UAAS,EACT,GAAGV,WACsB,GAAK;IAC9B,MAAM,EAAEW,OAAQ,OAAM,EAAE,GAAGvB;IAE3B,qBACE,oBAACG;QACE,GAAGS,SAAS;QACbY,WAAW,KAAK;QAChBC,kBAAiB;QACjBH,WAAWvB,WACTO,MAAM,CAAC,sBAAsB,EAC7B;YACEoB,GAAGpB,MAAM,CAAC,8BAA8B;YACxCqB,GAAGrB,MAAM,CAAC,8BAA8B;YACxCsB,GAAGtB,MAAM,CAAC,8BAA8B;QAC1C,CAAC,CAACU,KAAK,EACP;YACEa,SAASvB,MAAM,CAAC,oCAAoC;YACpDwB,SAASxB,MAAM,CAAC,oCAAoC;YACpDyB,UAAUzB,MAAM,CAAC,qCAAqC;QACxD,CAAC,CAACS,KAAK,EACPE,YAAYX,MAAM,CAAC,gCAAgC,EACnDiB,UAAUtB,SAAS+B,OAAO,IAAIzB,eAAe,CAACgB,MAAM,EACpDD;QAEFW,cAAY/B,qBAAqBmB;qBAEjC,oBAACa;QAAKZ,WAAWhB,MAAM,CAAC,0BAA0B;OAC/CY,wBAAU,oBAACgB;QAAKZ,WAAWhB,MAAM,CAAC,8BAA8B;OAAGY,uBACpE,oBAACR;QACCC,WAAWA;QACXW,WAAWhB,MAAM,CAAC,6BAA6B;QAC/C6B,WAAU;OAETd,WAEFF,uBAAS,oBAACe;QAAKZ,WAAWhB,MAAM,CAAC,6BAA6B;OAAGa,QACjEC,4BAAc,oBAACtB;QAAewB,WAAWhB,MAAM,CAAC,sCAAsC;;AAI/F,EAAE"}