@vkontakte/vkui 5.2.4 → 5.3.1

package/dist/cssm/components/HoverPopper/HoverPopper.js

@@ -1,66 +1,48 @@
-import _extends from "@babel/runtime/helpers/extends";
-import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["getRef", "content", "children", "onShownChange", "shown", "showDelay", "hideDelay"];
 import * as React from 'react';
 import { useEventListener } from '../../hooks/useEventListener';
 import { usePatchChildrenRef } from '../../hooks/usePatchChildrenRef';
 import { useTimeout } from '../../hooks/useTimeout';
 import { useIsomorphicLayoutEffect } from '../../lib/useIsomorphicLayoutEffect';
 import { Popper } from '../Popper/Popper';
-export var HoverPopper = function HoverPopper(_ref) {
-  var getRef = _ref.getRef,
-    content = _ref.content,
-    children = _ref.children,
-    onShownChange = _ref.onShownChange,
-    _shown = _ref.shown,
-    _ref$showDelay = _ref.showDelay,
-    showDelay = _ref$showDelay === void 0 ? 150 : _ref$showDelay,
-    _ref$hideDelay = _ref.hideDelay,
-    hideDelay = _ref$hideDelay === void 0 ? 150 : _ref$hideDelay,
-    restProps = _objectWithoutProperties(_ref, _excluded);
-  var _React$useState = React.useState(_shown || false),
-    _React$useState2 = _slicedToArray(_React$useState, 2),
-    computedShown = _React$useState2[0],
-    setComputedShown = _React$useState2[1];
-  var shown = typeof _shown === 'boolean' ? _shown : computedShown;
-  var setShown = function setShown(value) {
-    if (typeof _shown !== 'boolean') {
-      setComputedShown(value);
-    }
-    typeof onShownChange === 'function' && onShownChange(value);
-  };
-  var showTimeout = useTimeout(function () {
-    setShown(true);
-  }, showDelay);
-  var hideTimeout = useTimeout(function () {
-    setShown(false);
-  }, hideDelay);
-  var _usePatchChildrenRef = usePatchChildrenRef(children),
-    _usePatchChildrenRef2 = _slicedToArray(_usePatchChildrenRef, 2),
-    childRef = _usePatchChildrenRef2[0],
-    child = _usePatchChildrenRef2[1];
-  var onTargetEnter = function onTargetEnter() {
-    hideTimeout.clear();
-    showTimeout.set();
-  };
-  var onTargetLeave = function onTargetLeave() {
-    showTimeout.clear();
-    hideTimeout.set();
-  };
-  var targetEnterListener = useEventListener('pointerenter', onTargetEnter);
-  var targetLeaveListener = useEventListener('pointerleave', onTargetLeave);
-  useIsomorphicLayoutEffect(function () {
-    if (childRef.current) {
-      targetEnterListener.add(childRef.current);
-      targetLeaveListener.add(childRef.current);
-    }
-  }, []);
-  return /*#__PURE__*/React.createElement(React.Fragment, null, child, shown && /*#__PURE__*/React.createElement(Popper, _extends({}, restProps, {
-    onMouseOver: hideTimeout.clear,
-    onMouseOut: onTargetLeave,
-    getRef: getRef,
-    targetRef: childRef
-  }), content));
+export const HoverPopper = ({ getRef , content , children , onShownChange , shown: _shown , showDelay =150 , hideDelay =150 , ...restProps })=>{
+    const [computedShown, setComputedShown] = React.useState(_shown || false);
+    const shown = typeof _shown === 'boolean' ? _shown : computedShown;
+    const setShown = (value)=>{
+        if (typeof _shown !== 'boolean') {
+            setComputedShown(value);
+        }
+        typeof onShownChange === 'function' && onShownChange(value);
+    };
+    const showTimeout = useTimeout(()=>{
+        setShown(true);
+    }, showDelay);
+    const hideTimeout = useTimeout(()=>{
+        setShown(false);
+    }, hideDelay);
+    const [childRef, child] = usePatchChildrenRef(children);
+    const onTargetEnter = ()=>{
+        hideTimeout.clear();
+        showTimeout.set();
+    };
+    const onTargetLeave = ()=>{
+        showTimeout.clear();
+        hideTimeout.set();
+    };
+    const targetEnterListener = useEventListener('pointerenter', onTargetEnter);
+    const targetLeaveListener = useEventListener('pointerleave', onTargetLeave);
+    useIsomorphicLayoutEffect(()=>{
+        if (childRef.current) {
+            targetEnterListener.add(childRef.current);
+            targetLeaveListener.add(childRef.current);
+        }
+    }, []);
+    return /*#__PURE__*/ React.createElement(React.Fragment, null, child, shown && /*#__PURE__*/ React.createElement(Popper, {
+        ...restProps,
+        onMouseOver: hideTimeout.clear,
+        onMouseOut: onTargetLeave,
+        getRef: getRef,
+        targetRef: childRef
+    }, content));
 };
+
 //# sourceMappingURL=HoverPopper.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"HoverPopper.js","names":["React","useEventListener","usePatchChildrenRef","useTimeout","useIsomorphicLayoutEffect","Popper","HoverPopper","getRef","content","children","onShownChange","_shown","shown","showDelay","hideDelay","restProps","useState","computedShown","setComputedShown","setShown","value","showTimeout","hideTimeout","childRef","child","onTargetEnter","clear","set","onTargetLeave","targetEnterListener","targetLeaveListener","current","add"],"sources":["../../../../src/components/HoverPopper/HoverPopper.tsx"],"sourcesContent":["import * as React from 'react';\nimport { useEventListener } from '../../hooks/useEventListener';\nimport { usePatchChildrenRef } from '../../hooks/usePatchChildrenRef';\nimport { useTimeout } from '../../hooks/useTimeout';\nimport { useIsomorphicLayoutEffect } from '../../lib/useIsomorphicLayoutEffect';\nimport { Popper, PopperCommonProps } from '../Popper/Popper';\n\nexport interface HoverPopperProps extends PopperCommonProps {\n  /**\n   * Содержимое тултипа\n   */\n  content?: React.ReactNode;\n  /**\n   * Если передан, то тултип будет показан/скрыт в зависимости от значения свойства\n   */\n  shown?: boolean;\n  /**\n   * Вызывается при каждом изменении видимости тултипа\n   */\n  onShownChange?: (shown: boolean) => void;\n  /**\n   * Количество миллисекунд, после которых произойдет показ дропдауна\n   */\n  showDelay?: number;\n  /**\n   * Количество миллисекунд, после которых произойдет скрытие дропдауна\n   */\n  hideDelay?: number;\n  /**\n   * Либо jsx-элемент (div, button, etc.), либо компонент со свойством `getRootRef`, которое применяется к корневому элементу компонента\n   */\n  children?: React.ReactElement;\n}\n\nexport const HoverPopper = ({\n  getRef,\n  content,\n  children,\n  onShownChange,\n  shown: _shown,\n  showDelay = 150,\n  hideDelay = 150,\n  ...restProps\n}: HoverPopperProps) => {\n  const [computedShown, setComputedShown] = React.useState(_shown || false);\n\n  const shown = typeof _shown === 'boolean' ? _shown : computedShown;\n\n  const setShown = (value: boolean) => {\n    if (typeof _shown !== 'boolean') {\n      setComputedShown(value);\n    }\n    typeof onShownChange === 'function' && onShownChange(value);\n  };\n\n  const showTimeout = useTimeout(() => {\n    setShown(true);\n  }, showDelay);\n\n  const hideTimeout = useTimeout(() => {\n    setShown(false);\n  }, hideDelay);\n\n  const [childRef, child] = usePatchChildrenRef(children);\n\n  const onTargetEnter = () => {\n    hideTimeout.clear();\n    showTimeout.set();\n  };\n\n  const onTargetLeave = () => {\n    showTimeout.clear();\n    hideTimeout.set();\n  };\n\n  const targetEnterListener = useEventListener('pointerenter', onTargetEnter);\n  const targetLeaveListener = useEventListener('pointerleave', onTargetLeave);\n\n  useIsomorphicLayoutEffect(() => {\n    if (childRef.current) {\n      targetEnterListener.add(childRef.current);\n      targetLeaveListener.add(childRef.current);\n    }\n  }, []);\n\n  return (\n    <React.Fragment>\n      {child}\n      {shown && (\n        <Popper\n          {...restProps}\n          onMouseOver={hideTimeout.clear}\n          onMouseOut={onTargetLeave}\n          getRef={getRef}\n          targetRef={childRef}\n        >\n          {content}\n        </Popper>\n      )}\n    </React.Fragment>\n  );\n};\n"],"mappings":";;;;AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,gBAAgB,QAAQ,8BAA8B;AAC/D,SAASC,mBAAmB,QAAQ,iCAAiC;AACrE,SAASC,UAAU,QAAQ,wBAAwB;AACnD,SAASC,yBAAyB,QAAQ,qCAAqC;AAC/E,SAASC,MAAM,QAA2B,kBAAkB;AA6B5D,OAAO,IAAMC,WAAW,GAAG,SAAdA,WAAW,OASA;EAAA,IARtBC,MAAM,QAANA,MAAM;IACNC,OAAO,QAAPA,OAAO;IACPC,QAAQ,QAARA,QAAQ;IACRC,aAAa,QAAbA,aAAa;IACNC,MAAM,QAAbC,KAAK;IAAA,sBACLC,SAAS;IAATA,SAAS,+BAAG,GAAG;IAAA,sBACfC,SAAS;IAATA,SAAS,+BAAG,GAAG;IACZC,SAAS;EAEZ,sBAA0Cf,KAAK,CAACgB,QAAQ,CAACL,MAAM,IAAI,KAAK,CAAC;IAAA;IAAlEM,aAAa;IAAEC,gBAAgB;EAEtC,IAAMN,KAAK,GAAG,OAAOD,MAAM,KAAK,SAAS,GAAGA,MAAM,GAAGM,aAAa;EAElE,IAAME,QAAQ,GAAG,SAAXA,QAAQ,CAAIC,KAAc,EAAK;IACnC,IAAI,OAAOT,MAAM,KAAK,SAAS,EAAE;MAC/BO,gBAAgB,CAACE,KAAK,CAAC;IACzB;IACA,OAAOV,aAAa,KAAK,UAAU,IAAIA,aAAa,CAACU,KAAK,CAAC;EAC7D,CAAC;EAED,IAAMC,WAAW,GAAGlB,UAAU,CAAC,YAAM;IACnCgB,QAAQ,CAAC,IAAI,CAAC;EAChB,CAAC,EAAEN,SAAS,CAAC;EAEb,IAAMS,WAAW,GAAGnB,UAAU,CAAC,YAAM;IACnCgB,QAAQ,CAAC,KAAK,CAAC;EACjB,CAAC,EAAEL,SAAS,CAAC;EAEb,2BAA0BZ,mBAAmB,CAACO,QAAQ,CAAC;IAAA;IAAhDc,QAAQ;IAAEC,KAAK;EAEtB,IAAMC,aAAa,GAAG,SAAhBA,aAAa,GAAS;IAC1BH,WAAW,CAACI,KAAK,EAAE;IACnBL,WAAW,CAACM,GAAG,EAAE;EACnB,CAAC;EAED,IAAMC,aAAa,GAAG,SAAhBA,aAAa,GAAS;IAC1BP,WAAW,CAACK,KAAK,EAAE;IACnBJ,WAAW,CAACK,GAAG,EAAE;EACnB,CAAC;EAED,IAAME,mBAAmB,GAAG5B,gBAAgB,CAAC,cAAc,EAAEwB,aAAa,CAAC;EAC3E,IAAMK,mBAAmB,GAAG7B,gBAAgB,CAAC,cAAc,EAAE2B,aAAa,CAAC;EAE3ExB,yBAAyB,CAAC,YAAM;IAC9B,IAAImB,QAAQ,CAACQ,OAAO,EAAE;MACpBF,mBAAmB,CAACG,GAAG,CAACT,QAAQ,CAACQ,OAAO,CAAC;MACzCD,mBAAmB,CAACE,GAAG,CAACT,QAAQ,CAACQ,OAAO,CAAC;IAC3C;EACF,CAAC,EAAE,EAAE,CAAC;EAEN,oBACE,oBAAC,KAAK,CAAC,QAAQ,QACZP,KAAK,EACLZ,KAAK,iBACJ,oBAAC,MAAM,eACDG,SAAS;IACb,WAAW,EAAEO,WAAW,CAACI,KAAM;IAC/B,UAAU,EAAEE,aAAc;IAC1B,MAAM,EAAErB,MAAO;IACf,SAAS,EAAEgB;EAAS,IAEnBf,OAAO,CAEX,CACc;AAErB,CAAC"}
+{"version":3,"sources":["../../../../src/components/HoverPopper/HoverPopper.tsx"],"sourcesContent":["import * as React from 'react';\nimport { useEventListener } from '../../hooks/useEventListener';\nimport { usePatchChildrenRef } from '../../hooks/usePatchChildrenRef';\nimport { useTimeout } from '../../hooks/useTimeout';\nimport { useIsomorphicLayoutEffect } from '../../lib/useIsomorphicLayoutEffect';\nimport { Popper, PopperCommonProps } from '../Popper/Popper';\n\nexport interface HoverPopperProps extends PopperCommonProps {\n  /**\n   * Содержимое тултипа\n   */\n  content?: React.ReactNode;\n  /**\n   * Если передан, то тултип будет показан/скрыт в зависимости от значения свойства\n   */\n  shown?: boolean;\n  /**\n   * Вызывается при каждом изменении видимости тултипа\n   */\n  onShownChange?: (shown: boolean) => void;\n  /**\n   * Количество миллисекунд, после которых произойдет показ дропдауна\n   */\n  showDelay?: number;\n  /**\n   * Количество миллисекунд, после которых произойдет скрытие дропдауна\n   */\n  hideDelay?: number;\n  /**\n   * Либо jsx-элемент (div, button, etc.), либо компонент со свойством `getRootRef`, которое применяется к корневому элементу компонента\n   */\n  children?: React.ReactElement;\n}\n\nexport const HoverPopper = ({\n  getRef,\n  content,\n  children,\n  onShownChange,\n  shown: _shown,\n  showDelay = 150,\n  hideDelay = 150,\n  ...restProps\n}: HoverPopperProps) => {\n  const [computedShown, setComputedShown] = React.useState(_shown || false);\n\n  const shown = typeof _shown === 'boolean' ? _shown : computedShown;\n\n  const setShown = (value: boolean) => {\n    if (typeof _shown !== 'boolean') {\n      setComputedShown(value);\n    }\n    typeof onShownChange === 'function' && onShownChange(value);\n  };\n\n  const showTimeout = useTimeout(() => {\n    setShown(true);\n  }, showDelay);\n\n  const hideTimeout = useTimeout(() => {\n    setShown(false);\n  }, hideDelay);\n\n  const [childRef, child] = usePatchChildrenRef(children);\n\n  const onTargetEnter = () => {\n    hideTimeout.clear();\n    showTimeout.set();\n  };\n\n  const onTargetLeave = () => {\n    showTimeout.clear();\n    hideTimeout.set();\n  };\n\n  const targetEnterListener = useEventListener('pointerenter', onTargetEnter);\n  const targetLeaveListener = useEventListener('pointerleave', onTargetLeave);\n\n  useIsomorphicLayoutEffect(() => {\n    if (childRef.current) {\n      targetEnterListener.add(childRef.current);\n      targetLeaveListener.add(childRef.current);\n    }\n  }, []);\n\n  return (\n    <React.Fragment>\n      {child}\n      {shown && (\n        <Popper\n          {...restProps}\n          onMouseOver={hideTimeout.clear}\n          onMouseOut={onTargetLeave}\n          getRef={getRef}\n          targetRef={childRef}\n        >\n          {content}\n        </Popper>\n      )}\n    </React.Fragment>\n  );\n};\n"],"names":["React","useEventListener","usePatchChildrenRef","useTimeout","useIsomorphicLayoutEffect","Popper","HoverPopper","getRef","content","children","onShownChange","shown","_shown","showDelay","hideDelay","restProps","computedShown","setComputedShown","useState","setShown","value","showTimeout","hideTimeout","childRef","child","onTargetEnter","clear","set","onTargetLeave","targetEnterListener","targetLeaveListener","current","add","Fragment","onMouseOver","onMouseOut","targetRef"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,gBAAgB,QAAQ,+BAA+B;AAChE,SAASC,mBAAmB,QAAQ,kCAAkC;AACtE,SAASC,UAAU,QAAQ,yBAAyB;AACpD,SAASC,yBAAyB,QAAQ,sCAAsC;AAChF,SAASC,MAAM,QAA2B,mBAAmB;AA6B7D,OAAO,MAAMC,cAAc,CAAC,EAC1BC,OAAM,EACNC,QAAO,EACPC,SAAQ,EACRC,cAAa,EACbC,OAAOC,OAAM,EACbC,WAAY,IAAG,EACfC,WAAY,IAAG,EACf,GAAGC,WACc,GAAK;IACtB,MAAM,CAACC,eAAeC,iBAAiB,GAAGjB,MAAMkB,QAAQ,CAACN,UAAU,KAAK;IAExE,MAAMD,QAAQ,OAAOC,WAAW,YAAYA,SAASI,aAAa;IAElE,MAAMG,WAAW,CAACC,QAAmB;QACnC,IAAI,OAAOR,WAAW,WAAW;YAC/BK,iBAAiBG;QACnB,CAAC;QACD,OAAOV,kBAAkB,cAAcA,cAAcU;IACvD;IAEA,MAAMC,cAAclB,WAAW,IAAM;QACnCgB,SAAS,IAAI;IACf,GAAGN;IAEH,MAAMS,cAAcnB,WAAW,IAAM;QACnCgB,SAAS,KAAK;IAChB,GAAGL;IAEH,MAAM,CAACS,UAAUC,MAAM,GAAGtB,oBAAoBO;IAE9C,MAAMgB,gBAAgB,IAAM;QAC1BH,YAAYI,KAAK;QACjBL,YAAYM,GAAG;IACjB;IAEA,MAAMC,gBAAgB,IAAM;QAC1BP,YAAYK,KAAK;QACjBJ,YAAYK,GAAG;IACjB;IAEA,MAAME,sBAAsB5B,iBAAiB,gBAAgBwB;IAC7D,MAAMK,sBAAsB7B,iBAAiB,gBAAgB2B;IAE7DxB,0BAA0B,IAAM;QAC9B,IAAImB,SAASQ,OAAO,EAAE;YACpBF,oBAAoBG,GAAG,CAACT,SAASQ,OAAO;YACxCD,oBAAoBE,GAAG,CAACT,SAASQ,OAAO;QAC1C,CAAC;IACH,GAAG,EAAE;IAEL,qBACE,oBAAC/B,MAAMiC,QAAQ,QACZT,OACAb,uBACC,oBAACN;QACE,GAAGU,SAAS;QACbmB,aAAaZ,YAAYI,KAAK;QAC9BS,YAAYP;QACZrB,QAAQA;QACR6B,WAAWb;OAEVf;AAKX,EAAE"}

package/dist/cssm/components/IconButton/IconButton.js

@@ -1,7 +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 = ["children", "className"];
 import * as React from 'react';
 import { classNames } from '@vkontakte/vkjs';
 import { useAdaptivity } from '../../hooks/useAdaptivity';
@@ -10,35 +6,30 @@ import { SizeType } from '../../lib/adaptivity';
 import { Platform } from '../../lib/platform';
 import { COMMON_WARNINGS, warnOnce } from '../../lib/warnOnce';
 import { Tappable } from '../Tappable/Tappable';
-import "./IconButton.module.css";
-var sizeYClassNames = _defineProperty({
-  none: "vkuiIconButton--sizeY-none"
-}, SizeType.COMPACT, "vkuiIconButton--sizeY-compact");
-var warn = warnOnce('IconButton');
-
+import styles from './IconButton.module.css';
+const sizeYClassNames = {
+    none: styles['IconButton--sizeY-none'],
+    [SizeType.COMPACT]: styles['IconButton--sizeY-compact']
+};
+const warn = warnOnce('IconButton');
 /**
  * @see https://vkcom.github.io/VKUI/#/IconButton
- */
-export var IconButton = function IconButton(_ref) {
-  var children = _ref.children,
-    className = _ref.className,
-    restProps = _objectWithoutProperties(_ref, _excluded);
-  var platform = usePlatform();
-  var _useAdaptivity = useAdaptivity(),
-    _useAdaptivity$sizeY = _useAdaptivity.sizeY,
-    sizeY = _useAdaptivity$sizeY === void 0 ? 'none' : _useAdaptivity$sizeY;
-  if (process.env.NODE_ENV === 'development') {
-    var isAccessible = restProps['aria-label'] || restProps['aria-labelledby'];
-    if (!isAccessible) {
-      warn(COMMON_WARNINGS.a11y[restProps.href ? 'link-name' : 'button-name'], 'error');
+ */ export const IconButton = ({ children , className , ...restProps })=>{
+    const platform = usePlatform();
+    const { sizeY ='none'  } = useAdaptivity();
+    if (process.env.NODE_ENV === 'development') {
+        const isAccessible = restProps['aria-label'] || restProps['aria-labelledby'];
+        if (!isAccessible) {
+            warn(COMMON_WARNINGS.a11y[restProps.href ? 'link-name' : 'button-name'], 'error');
+        }
     }
-  }
-  return /*#__PURE__*/React.createElement(Tappable, _extends({
-    activeEffectDelay: 200,
-    activeMode: "background",
-    Component: restProps.href ? 'a' : 'button'
-  }, restProps, {
-    className: classNames("vkuiIconButton", sizeY !== SizeType.REGULAR && sizeYClassNames[sizeY], platform === Platform.IOS && "vkuiIconButton--ios", className)
-  }), children);
+    return /*#__PURE__*/ React.createElement(Tappable, {
+        activeEffectDelay: 200,
+        activeMode: "background",
+        Component: restProps.href ? 'a' : 'button',
+        ...restProps,
+        className: classNames(styles['IconButton'], sizeY !== SizeType.REGULAR && sizeYClassNames[sizeY], platform === Platform.IOS && styles['IconButton--ios'], className)
+    }, children);
 };
+
 //# sourceMappingURL=IconButton.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"IconButton.js","names":["React","classNames","useAdaptivity","usePlatform","SizeType","Platform","COMMON_WARNINGS","warnOnce","Tappable","sizeYClassNames","none","COMPACT","warn","IconButton","children","className","restProps","platform","sizeY","process","env","NODE_ENV","isAccessible","a11y","href","REGULAR","IOS"],"sources":["../../../../src/components/IconButton/IconButton.tsx"],"sourcesContent":["import * as React from 'react';\nimport { classNames } from '@vkontakte/vkjs';\nimport { useAdaptivity } from '../../hooks/useAdaptivity';\nimport { usePlatform } from '../../hooks/usePlatform';\nimport { SizeType } from '../../lib/adaptivity';\nimport { Platform } from '../../lib/platform';\nimport { COMMON_WARNINGS, warnOnce } from '../../lib/warnOnce';\nimport { Tappable, TappableProps } from '../Tappable/Tappable';\nimport styles from './IconButton.module.css';\n\nconst sizeYClassNames = {\n  none: styles['IconButton--sizeY-none'],\n  [SizeType.COMPACT]: styles['IconButton--sizeY-compact'],\n};\n\nexport interface IconButtonProps extends TappableProps {\n  children?: React.ReactNode;\n}\n\nconst warn = warnOnce('IconButton');\n\n/**\n * @see https://vkcom.github.io/VKUI/#/IconButton\n */\nexport const IconButton = ({ children, className, ...restProps }: IconButtonProps) => {\n  const platform = usePlatform();\n  const { sizeY = 'none' } = useAdaptivity();\n\n  if (process.env.NODE_ENV === 'development') {\n    const isAccessible = restProps['aria-label'] || restProps['aria-labelledby'];\n\n    if (!isAccessible) {\n      warn(COMMON_WARNINGS.a11y[restProps.href ? 'link-name' : 'button-name'], 'error');\n    }\n  }\n\n  return (\n    <Tappable\n      activeEffectDelay={200}\n      activeMode=\"background\"\n      Component={restProps.href ? 'a' : 'button'}\n      {...restProps}\n      className={classNames(\n        styles['IconButton'],\n        sizeY !== SizeType.REGULAR && sizeYClassNames[sizeY],\n        platform === Platform.IOS && styles['IconButton--ios'],\n        className,\n      )}\n    >\n      {children}\n    </Tappable>\n  );\n};\n"],"mappings":";;;;AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,UAAU,QAAQ,iBAAiB;AAC5C,SAASC,aAAa,QAAQ,2BAA2B;AACzD,SAASC,WAAW,QAAQ,yBAAyB;AACrD,SAASC,QAAQ,QAAQ,sBAAsB;AAC/C,SAASC,QAAQ,QAAQ,oBAAoB;AAC7C,SAASC,eAAe,EAAEC,QAAQ,QAAQ,oBAAoB;AAC9D,SAASC,QAAQ,QAAuB,sBAAsB;AAAC;AAG/D,IAAMC,eAAe;EACnBC,IAAI;AAAkC,GACrCN,QAAQ,CAACO,OAAO,kCAClB;AAMD,IAAMC,IAAI,GAAGL,QAAQ,CAAC,YAAY,CAAC;;AAEnC;AACA;AACA;AACA,OAAO,IAAMM,UAAU,GAAG,SAAbA,UAAU,OAA+D;EAAA,IAAzDC,QAAQ,QAARA,QAAQ;IAAEC,SAAS,QAATA,SAAS;IAAKC,SAAS;EAC5D,IAAMC,QAAQ,GAAGd,WAAW,EAAE;EAC9B,qBAA2BD,aAAa,EAAE;IAAA,sCAAlCgB,KAAK;IAALA,KAAK,qCAAG,MAAM;EAEtB,IAAIC,OAAO,CAACC,GAAG,CAACC,QAAQ,KAAK,aAAa,EAAE;IAC1C,IAAMC,YAAY,GAAGN,SAAS,CAAC,YAAY,CAAC,IAAIA,SAAS,CAAC,iBAAiB,CAAC;IAE5E,IAAI,CAACM,YAAY,EAAE;MACjBV,IAAI,CAACN,eAAe,CAACiB,IAAI,CAACP,SAAS,CAACQ,IAAI,GAAG,WAAW,GAAG,aAAa,CAAC,EAAE,OAAO,CAAC;IACnF;EACF;EAEA,oBACE,oBAAC,QAAQ;IACP,iBAAiB,EAAE,GAAI;IACvB,UAAU,EAAC,YAAY;IACvB,SAAS,EAAER,SAAS,CAACQ,IAAI,GAAG,GAAG,GAAG;EAAS,GACvCR,SAAS;IACb,SAAS,EAAEf,UAAU,mBAEnBiB,KAAK,KAAKd,QAAQ,CAACqB,OAAO,IAAIhB,eAAe,CAACS,KAAK,CAAC,EACpDD,QAAQ,KAAKZ,QAAQ,CAACqB,GAAG,yBAA6B,EACtDX,SAAS;EACT,IAEDD,QAAQ,CACA;AAEf,CAAC"}
+{"version":3,"sources":["../../../../src/components/IconButton/IconButton.tsx"],"sourcesContent":["import * as React from 'react';\nimport { classNames } from '@vkontakte/vkjs';\nimport { useAdaptivity } from '../../hooks/useAdaptivity';\nimport { usePlatform } from '../../hooks/usePlatform';\nimport { SizeType } from '../../lib/adaptivity';\nimport { Platform } from '../../lib/platform';\nimport { COMMON_WARNINGS, warnOnce } from '../../lib/warnOnce';\nimport { Tappable, TappableProps } from '../Tappable/Tappable';\nimport styles from './IconButton.module.css';\n\nconst sizeYClassNames = {\n  none: styles['IconButton--sizeY-none'],\n  [SizeType.COMPACT]: styles['IconButton--sizeY-compact'],\n};\n\nexport interface IconButtonProps extends TappableProps {\n  children?: React.ReactNode;\n}\n\nconst warn = warnOnce('IconButton');\n\n/**\n * @see https://vkcom.github.io/VKUI/#/IconButton\n */\nexport const IconButton = ({ children, className, ...restProps }: IconButtonProps) => {\n  const platform = usePlatform();\n  const { sizeY = 'none' } = useAdaptivity();\n\n  if (process.env.NODE_ENV === 'development') {\n    const isAccessible = restProps['aria-label'] || restProps['aria-labelledby'];\n\n    if (!isAccessible) {\n      warn(COMMON_WARNINGS.a11y[restProps.href ? 'link-name' : 'button-name'], 'error');\n    }\n  }\n\n  return (\n    <Tappable\n      activeEffectDelay={200}\n      activeMode=\"background\"\n      Component={restProps.href ? 'a' : 'button'}\n      {...restProps}\n      className={classNames(\n        styles['IconButton'],\n        sizeY !== SizeType.REGULAR && sizeYClassNames[sizeY],\n        platform === Platform.IOS && styles['IconButton--ios'],\n        className,\n      )}\n    >\n      {children}\n    </Tappable>\n  );\n};\n"],"names":["React","classNames","useAdaptivity","usePlatform","SizeType","Platform","COMMON_WARNINGS","warnOnce","Tappable","styles","sizeYClassNames","none","COMPACT","warn","IconButton","children","className","restProps","platform","sizeY","process","env","NODE_ENV","isAccessible","a11y","href","activeEffectDelay","activeMode","Component","REGULAR","IOS"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,UAAU,QAAQ,kBAAkB;AAC7C,SAASC,aAAa,QAAQ,4BAA4B;AAC1D,SAASC,WAAW,QAAQ,0BAA0B;AACtD,SAASC,QAAQ,QAAQ,uBAAuB;AAChD,SAASC,QAAQ,QAAQ,qBAAqB;AAC9C,SAASC,eAAe,EAAEC,QAAQ,QAAQ,qBAAqB;AAC/D,SAASC,QAAQ,QAAuB,uBAAuB;AAC/D,OAAOC,YAAY,0BAA0B;AAE7C,MAAMC,kBAAkB;IACtBC,MAAMF,MAAM,CAAC,yBAAyB;IACtC,CAACL,SAASQ,OAAO,CAAC,EAAEH,MAAM,CAAC,4BAA4B;AACzD;AAMA,MAAMI,OAAON,SAAS;AAEtB;;CAEC,GACD,OAAO,MAAMO,aAAa,CAAC,EAAEC,SAAQ,EAAEC,UAAS,EAAE,GAAGC,WAA4B,GAAK;IACpF,MAAMC,WAAWf;IACjB,MAAM,EAAEgB,OAAQ,OAAM,EAAE,GAAGjB;IAE3B,IAAIkB,QAAQC,GAAG,CAACC,QAAQ,KAAK,eAAe;QAC1C,MAAMC,eAAeN,SAAS,CAAC,aAAa,IAAIA,SAAS,CAAC,kBAAkB;QAE5E,IAAI,CAACM,cAAc;YACjBV,KAAKP,gBAAgBkB,IAAI,CAACP,UAAUQ,IAAI,GAAG,cAAc,aAAa,CAAC,EAAE;QAC3E,CAAC;IACH,CAAC;IAED,qBACE,oBAACjB;QACCkB,mBAAmB;QACnBC,YAAW;QACXC,WAAWX,UAAUQ,IAAI,GAAG,MAAM,QAAQ;QACzC,GAAGR,SAAS;QACbD,WAAWf,WACTQ,MAAM,CAAC,aAAa,EACpBU,UAAUf,SAASyB,OAAO,IAAInB,eAAe,CAACS,MAAM,EACpDD,aAAab,SAASyB,GAAG,IAAIrB,MAAM,CAAC,kBAAkB,EACtDO;OAGDD;AAGP,EAAE"}

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

@@ -1 +1 @@
-.vkuiIconButton{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:none;border-radius:9999px;box-shadow:none;color:currentColor;display:block;height:48px;margin:0;padding:0;position:relative}.vkuiIconButton--sizeY-compact{height:44px}.vkuiIconButton[disabled]{opacity:.64;opacity:var(--vkui--opacity_disable_accessibility)}.vkuiIconButton--ios{border-radius:8px;border-radius:var(--vkui--size_border_radius--regular)}.vkuiIconButton .vkuiIcon--16{padding:16px}.vkuiIconButton .vkuiIcon--16.vkuiIcon--w-8{padding:16px 14px}.vkuiIconButton--sizeY-compact .vkuiIcon--16,.vkuiIconButton--sizeY-compact .vkuiIcon--16.vkuiIcon--w-8{padding:14px}.vkuiIconButton .vkuiIcon--24{padding:12px}.vkuiIconButton .vkuiIcon--28,.vkuiIconButton--sizeY-compact .vkuiIcon--24{padding:10px}.vkuiIconButton--sizeY-compact .vkuiIcon--28{padding:8px}@media (max-height:414.9px),(pointer:fine) and (min-width:768px){.vkuiIconButton--sizeY-none{height:44px}.vkuiIconButton--sizeY-none .vkuiIcon--16,.vkuiIconButton--sizeY-none .vkuiIcon--16.vkuiIcon--w-8{padding:14px}.vkuiIconButton--sizeY-none .vkuiIcon--24{padding:10px}.vkuiIconButton--sizeY-none .vkuiIcon--28{padding:8px}}.vkuiFormField__after .vkuiIconButton,.vkuiFormItem--removable .vkuiRemovable__content>.vkuiIconButton,.vkuiFormLayoutGroup--removable .vkuiRemovable__content>.vkuiIconButton{align-content:center;align-items:center;border-radius:8px;border-radius:var(--vkui--size_border_radius--regular);display:flex;height:44px;height:var(--vkui--size_field_height--regular);justify-content:center;width:44px;width:var(--vkui--size_field_height--regular)}.vkuiFormField__after .vkuiIconButton .vkuiIcon.vkuiIcon.vkuiIcon{padding:0}.vkuiFormField__after .vkuiIconButton--sizeY-compact{width:36px;width:var(--vkui--size_field_height--compact)}.vkuiFormField__after .vkuiIconButton--sizeY-compact,.vkuiFormItem--removable .vkuiRemovable__content>.vkuiIconButton--sizeY-compact,.vkuiFormLayoutGroup--removable .vkuiRemovable__content>.vkuiIconButton--sizeY-compact{height:36px;height:var(--vkui--size_field_height--compact)}@media (max-height:414.9px),(pointer:fine) and (min-width:768px){.vkuiFormField__after .vkuiIconButton--sizeY-none{width:36px;width:var(--vkui--size_field_height--compact)}.vkuiFormField__after .vkuiIconButton--sizeY-none,.vkuiFormItem--removable .vkuiRemovable__content>.vkuiIconButton--sizeY-none,.vkuiFormLayoutGroup--removable .vkuiRemovable__content>.vkuiIconButton--sizeY-none{height:36px;height:var(--vkui--size_field_height--compact)}}
+.vkuiIconButton{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:none;border-radius:9999px;box-shadow:none;color:currentColor;display:block;height:48px;margin:0;padding:0;position:relative}.vkuiIconButton--sizeY-compact{height:44px}.vkuiIconButton[disabled]{opacity:.64;opacity:var(--vkui--opacity_disable_accessibility)}.vkuiIconButton--ios{border-radius:8px;border-radius:var(--vkui--size_border_radius--regular)}.vkuiIconButton .vkuiIcon--16{padding:16px}.vkuiIconButton .vkuiIcon--16.vkuiIcon--w-8{padding:16px 14px}.vkuiIconButton--sizeY-compact .vkuiIcon--16,.vkuiIconButton--sizeY-compact .vkuiIcon--16.vkuiIcon--w-8{padding:14px}.vkuiIconButton .vkuiIcon--24{padding:12px}.vkuiIconButton .vkuiIcon--28,.vkuiIconButton--sizeY-compact .vkuiIcon--24{padding:10px}.vkuiIconButton--sizeY-compact .vkuiIcon--28{padding:8px}@media (max-height:414.9px),(pointer:fine) and (min-width:768px){.vkuiIconButton--sizeY-none{height:44px}.vkuiIconButton--sizeY-none .vkuiIcon--16,.vkuiIconButton--sizeY-none .vkuiIcon--16.vkuiIcon--w-8{padding:14px}.vkuiIconButton--sizeY-none .vkuiIcon--24{padding:10px}.vkuiIconButton--sizeY-none .vkuiIcon--28{padding:8px}}.vkuiInternalFormField__after .vkuiIconButton,.vkuiInternalFormItem--removable .vkuiInternalRemovable__content>.vkuiIconButton,.vkuiInternalFormLayoutGroup--removable .vkuiInternalRemovable__content>.vkuiIconButton{align-content:center;align-items:center;border-radius:8px;border-radius:var(--vkui--size_border_radius--regular);display:flex;height:44px;height:var(--vkui--size_field_height--regular);justify-content:center;width:44px;width:var(--vkui--size_field_height--regular)}.vkuiInternalFormField__after .vkuiIconButton .vkuiIcon.vkuiIcon.vkuiIcon{padding:0}.vkuiInternalFormField__after .vkuiIconButton--sizeY-compact{height:36px;height:var(--vkui--size_field_height--compact);width:36px;width:var(--vkui--size_field_height--compact)}.vkuiInternalFormItem--removable .vkuiInternalRemovable__content>.vkuiIconButton--sizeY-compact,.vkuiInternalFormLayoutGroup--removable .vkuiInternalRemovable__content>.vkuiIconButton--sizeY-compact{height:36px;height:var(--vkui--size_field_height--compact)}@media (max-height:414.9px),(pointer:fine) and (min-width:768px){.vkuiInternalFormField__after .vkuiIconButton--sizeY-none{width:36px;width:var(--vkui--size_field_height--compact)}.vkuiInternalFormField__after .vkuiIconButton--sizeY-none,.vkuiInternalFormItem--removable .vkuiInternalRemovable__content>.vkuiIconButton--sizeY-none,.vkuiInternalFormLayoutGroup--removable .vkuiInternalRemovable__content>.vkuiIconButton--sizeY-none{height:36px;height:var(--vkui--size_field_height--compact)}}

package/dist/cssm/components/Image/Image.js

@@ -1,78 +1,67 @@
-import _extends from "@babel/runtime/helpers/extends";
-import _objectSpread from "@babel/runtime/helpers/objectSpread2";
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["size", "borderRadius", "style", "className"];
 import * as React from 'react';
-import { classNames } from '@vkontakte/vkjs';
 import { ImageBase } from '../ImageBase/ImageBase';
 import { ImageBadge } from './ImageBadge/ImageBadge';
-import "./Image.module.css";
-export var IMAGE_DEFAULT_SIZE = 48;
+export const IMAGE_DEFAULT_SIZE = 48;
 /**
  * @see https://vkcom.github.io/VKUI/#/Image
- */
-export var Image = function Image(_ref) {
-  var _ref$size = _ref.size,
-    size = _ref$size === void 0 ? IMAGE_DEFAULT_SIZE : _ref$size,
-    _ref$borderRadius = _ref.borderRadius,
-    borderRadiusProp = _ref$borderRadius === void 0 ? 'm' : _ref$borderRadius,
-    style = _ref.style,
-    className = _ref.className,
-    restProps = _objectWithoutProperties(_ref, _excluded);
-  var borderRadius;
-  switch (borderRadiusProp) {
-    case 's':
-      {
-        if (size <= 32) {
-          borderRadius = 2;
-        } else if (size <= 56) {
-          borderRadius = 3;
-        }
-        borderRadius = 4;
-        break;
-      }
-    case 'm':
-      {
-        if (size <= 32) {
-          borderRadius = 3;
-        } else if (size <= 48) {
-          borderRadius = 4;
-        } else if (size <= 72) {
-          borderRadius = 6;
-        } else if (size <= 80) {
-          borderRadius = 8;
-        }
-        borderRadius = 10;
-        break;
-      }
-    case 'l':
-      {
-        if (size <= 16) {
-          borderRadius = 4;
-        } else if (size <= 20) {
-          borderRadius = 5;
-        } else if (size <= 32) {
-          borderRadius = 6;
-        } else if (size <= 40) {
-          borderRadius = 8;
-        } else if (size <= 48) {
-          borderRadius = 10;
-        } else if (size <= 56) {
-          borderRadius = 12;
-        } else if (size <= 64) {
-          borderRadius = 14;
-        }
-        borderRadius = 16;
-      }
-  }
-  return /*#__PURE__*/React.createElement(ImageBase, _extends({}, restProps, {
-    size: size,
-    style: _objectSpread(_objectSpread({}, style), {}, {
-      borderRadius: borderRadius
-    }),
-    className: classNames("vkuiImage", className)
-  }));
+ */ export const Image = ({ size =IMAGE_DEFAULT_SIZE , borderRadius: borderRadiusProp = 'm' , style , className , ...restProps })=>{
+    let borderRadius;
+    switch(borderRadiusProp){
+        case 's':
+            {
+                if (size <= 32) {
+                    borderRadius = 2;
+                } else if (size <= 56) {
+                    borderRadius = 3;
+                }
+                borderRadius = 4;
+                break;
+            }
+        case 'm':
+            {
+                if (size <= 32) {
+                    borderRadius = 3;
+                } else if (size <= 48) {
+                    borderRadius = 4;
+                } else if (size <= 72) {
+                    borderRadius = 6;
+                } else if (size <= 80) {
+                    borderRadius = 8;
+                }
+                borderRadius = 10;
+                break;
+            }
+        case 'l':
+            {
+                if (size <= 16) {
+                    borderRadius = 4;
+                } else if (size <= 20) {
+                    borderRadius = 5;
+                } else if (size <= 32) {
+                    borderRadius = 6;
+                } else if (size <= 40) {
+                    borderRadius = 8;
+                } else if (size <= 48) {
+                    borderRadius = 10;
+                } else if (size <= 56) {
+                    borderRadius = 12;
+                } else if (size <= 64) {
+                    borderRadius = 14;
+                }
+                borderRadius = 16;
+            }
+    }
+    return /*#__PURE__*/ React.createElement(ImageBase, {
+        ...restProps,
+        size: size,
+        style: {
+            ...style,
+            borderRadius
+        },
+        className: className
+    });
 };
 Image.Badge = ImageBadge;
 Image.Overlay = ImageBase.Overlay;
+
 //# sourceMappingURL=Image.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Image.js","names":["React","classNames","ImageBase","ImageBadge","IMAGE_DEFAULT_SIZE","Image","size","borderRadius","borderRadiusProp","style","className","restProps","Badge","Overlay"],"sources":["../../../../src/components/Image/Image.tsx"],"sourcesContent":["import * as React from 'react';\nimport { classNames } from '@vkontakte/vkjs';\nimport { ImageBase, type ImageBaseOverlayProps, type ImageBaseProps } from '../ImageBase/ImageBase';\nimport { ImageBadge, type ImageBadgeProps } from './ImageBadge/ImageBadge';\nimport styles from './Image.module.css';\n\nexport type { ImageBadgeProps, ImageBaseOverlayProps as ImageOverlayProps };\n\nexport const IMAGE_DEFAULT_SIZE = 48;\n\nexport interface ImageProps extends Omit<ImageBaseProps, 'badge'> {\n  /**\n   * Размер закругления.\n   */\n  borderRadius?: 's' | 'l' | 'm';\n}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/Image\n */\nexport const Image = ({\n  size = IMAGE_DEFAULT_SIZE,\n  borderRadius: borderRadiusProp = 'm',\n  style,\n  className,\n  ...restProps\n}: ImageProps) => {\n  let borderRadius: number;\n\n  switch (borderRadiusProp) {\n    case 's': {\n      if (size <= 32) {\n        borderRadius = 2;\n      } else if (size <= 56) {\n        borderRadius = 3;\n      }\n      borderRadius = 4;\n      break;\n    }\n    case 'm': {\n      if (size <= 32) {\n        borderRadius = 3;\n      } else if (size <= 48) {\n        borderRadius = 4;\n      } else if (size <= 72) {\n        borderRadius = 6;\n      } else if (size <= 80) {\n        borderRadius = 8;\n      }\n      borderRadius = 10;\n      break;\n    }\n    case 'l': {\n      if (size <= 16) {\n        borderRadius = 4;\n      } else if (size <= 20) {\n        borderRadius = 5;\n      } else if (size <= 32) {\n        borderRadius = 6;\n      } else if (size <= 40) {\n        borderRadius = 8;\n      } else if (size <= 48) {\n        borderRadius = 10;\n      } else if (size <= 56) {\n        borderRadius = 12;\n      } else if (size <= 64) {\n        borderRadius = 14;\n      }\n      borderRadius = 16;\n    }\n  }\n\n  return (\n    <ImageBase\n      {...restProps}\n      size={size}\n      style={{ ...style, borderRadius }}\n      className={classNames(styles['Image'], className)}\n    />\n  );\n};\n\nImage.Badge = ImageBadge;\n\nImage.Overlay = ImageBase.Overlay;\n"],"mappings":";;;;AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,UAAU,QAAQ,iBAAiB;AAC5C,SAASC,SAAS,QAAyD,wBAAwB;AACnG,SAASC,UAAU,QAA8B,yBAAyB;AAAC;AAK3E,OAAO,IAAMC,kBAAkB,GAAG,EAAE;AASpC;AACA;AACA;AACA,OAAO,IAAMC,KAAK,GAAG,SAARA,KAAK,OAMA;EAAA,qBALhBC,IAAI;IAAJA,IAAI,0BAAGF,kBAAkB;IAAA,yBACzBG,YAAY;IAAEC,gBAAgB,kCAAG,GAAG;IACpCC,KAAK,QAALA,KAAK;IACLC,SAAS,QAATA,SAAS;IACNC,SAAS;EAEZ,IAAIJ,YAAoB;EAExB,QAAQC,gBAAgB;IACtB,KAAK,GAAG;MAAE;QACR,IAAIF,IAAI,IAAI,EAAE,EAAE;UACdC,YAAY,GAAG,CAAC;QAClB,CAAC,MAAM,IAAID,IAAI,IAAI,EAAE,EAAE;UACrBC,YAAY,GAAG,CAAC;QAClB;QACAA,YAAY,GAAG,CAAC;QAChB;MACF;IACA,KAAK,GAAG;MAAE;QACR,IAAID,IAAI,IAAI,EAAE,EAAE;UACdC,YAAY,GAAG,CAAC;QAClB,CAAC,MAAM,IAAID,IAAI,IAAI,EAAE,EAAE;UACrBC,YAAY,GAAG,CAAC;QAClB,CAAC,MAAM,IAAID,IAAI,IAAI,EAAE,EAAE;UACrBC,YAAY,GAAG,CAAC;QAClB,CAAC,MAAM,IAAID,IAAI,IAAI,EAAE,EAAE;UACrBC,YAAY,GAAG,CAAC;QAClB;QACAA,YAAY,GAAG,EAAE;QACjB;MACF;IACA,KAAK,GAAG;MAAE;QACR,IAAID,IAAI,IAAI,EAAE,EAAE;UACdC,YAAY,GAAG,CAAC;QAClB,CAAC,MAAM,IAAID,IAAI,IAAI,EAAE,EAAE;UACrBC,YAAY,GAAG,CAAC;QAClB,CAAC,MAAM,IAAID,IAAI,IAAI,EAAE,EAAE;UACrBC,YAAY,GAAG,CAAC;QAClB,CAAC,MAAM,IAAID,IAAI,IAAI,EAAE,EAAE;UACrBC,YAAY,GAAG,CAAC;QAClB,CAAC,MAAM,IAAID,IAAI,IAAI,EAAE,EAAE;UACrBC,YAAY,GAAG,EAAE;QACnB,CAAC,MAAM,IAAID,IAAI,IAAI,EAAE,EAAE;UACrBC,YAAY,GAAG,EAAE;QACnB,CAAC,MAAM,IAAID,IAAI,IAAI,EAAE,EAAE;UACrBC,YAAY,GAAG,EAAE;QACnB;QACAA,YAAY,GAAG,EAAE;MACnB;EAAC;EAGH,oBACE,oBAAC,SAAS,eACJI,SAAS;IACb,IAAI,EAAEL,IAAK;IACX,KAAK,kCAAOG,KAAK;MAAEF,YAAY,EAAZA;IAAY,EAAG;IAClC,SAAS,EAAEN,UAAU,cAAkBS,SAAS;EAAE,GAClD;AAEN,CAAC;AAEDL,KAAK,CAACO,KAAK,GAAGT,UAAU;AAExBE,KAAK,CAACQ,OAAO,GAAGX,SAAS,CAACW,OAAO"}
+{"version":3,"sources":["../../../../src/components/Image/Image.tsx"],"sourcesContent":["import * as React from 'react';\nimport { ImageBase, type ImageBaseOverlayProps, type ImageBaseProps } from '../ImageBase/ImageBase';\nimport { ImageBadge, type ImageBadgeProps } from './ImageBadge/ImageBadge';\n\nexport type { ImageBadgeProps, ImageBaseOverlayProps as ImageOverlayProps };\n\nexport const IMAGE_DEFAULT_SIZE = 48;\n\nexport interface ImageProps extends Omit<ImageBaseProps, 'badge'> {\n  /**\n   * Размер закругления.\n   */\n  borderRadius?: 's' | 'l' | 'm';\n}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/Image\n */\nexport const Image = ({\n  size = IMAGE_DEFAULT_SIZE,\n  borderRadius: borderRadiusProp = 'm',\n  style,\n  className,\n  ...restProps\n}: ImageProps) => {\n  let borderRadius: number;\n\n  switch (borderRadiusProp) {\n    case 's': {\n      if (size <= 32) {\n        borderRadius = 2;\n      } else if (size <= 56) {\n        borderRadius = 3;\n      }\n      borderRadius = 4;\n      break;\n    }\n    case 'm': {\n      if (size <= 32) {\n        borderRadius = 3;\n      } else if (size <= 48) {\n        borderRadius = 4;\n      } else if (size <= 72) {\n        borderRadius = 6;\n      } else if (size <= 80) {\n        borderRadius = 8;\n      }\n      borderRadius = 10;\n      break;\n    }\n    case 'l': {\n      if (size <= 16) {\n        borderRadius = 4;\n      } else if (size <= 20) {\n        borderRadius = 5;\n      } else if (size <= 32) {\n        borderRadius = 6;\n      } else if (size <= 40) {\n        borderRadius = 8;\n      } else if (size <= 48) {\n        borderRadius = 10;\n      } else if (size <= 56) {\n        borderRadius = 12;\n      } else if (size <= 64) {\n        borderRadius = 14;\n      }\n      borderRadius = 16;\n    }\n  }\n\n  return (\n    <ImageBase\n      {...restProps}\n      size={size}\n      style={{ ...style, borderRadius }}\n      className={className}\n    />\n  );\n};\n\nImage.Badge = ImageBadge;\n\nImage.Overlay = ImageBase.Overlay;\n"],"names":["React","ImageBase","ImageBadge","IMAGE_DEFAULT_SIZE","Image","size","borderRadius","borderRadiusProp","style","className","restProps","Badge","Overlay"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,SAAS,QAAyD,yBAAyB;AACpG,SAASC,UAAU,QAA8B,0BAA0B;AAI3E,OAAO,MAAMC,qBAAqB,GAAG;AASrC;;CAEC,GACD,OAAO,MAAMC,QAAQ,CAAC,EACpBC,MAAOF,mBAAkB,EACzBG,cAAcC,mBAAmB,GAAG,CAAA,EACpCC,MAAK,EACLC,UAAS,EACT,GAAGC,WACQ,GAAK;IAChB,IAAIJ;IAEJ,OAAQC;QACN,KAAK;YAAK;gBACR,IAAIF,QAAQ,IAAI;oBACdC,eAAe;gBACjB,OAAO,IAAID,QAAQ,IAAI;oBACrBC,eAAe;gBACjB,CAAC;gBACDA,eAAe;gBACf,KAAM;YACR;QACA,KAAK;YAAK;gBACR,IAAID,QAAQ,IAAI;oBACdC,eAAe;gBACjB,OAAO,IAAID,QAAQ,IAAI;oBACrBC,eAAe;gBACjB,OAAO,IAAID,QAAQ,IAAI;oBACrBC,eAAe;gBACjB,OAAO,IAAID,QAAQ,IAAI;oBACrBC,eAAe;gBACjB,CAAC;gBACDA,eAAe;gBACf,KAAM;YACR;QACA,KAAK;YAAK;gBACR,IAAID,QAAQ,IAAI;oBACdC,eAAe;gBACjB,OAAO,IAAID,QAAQ,IAAI;oBACrBC,eAAe;gBACjB,OAAO,IAAID,QAAQ,IAAI;oBACrBC,eAAe;gBACjB,OAAO,IAAID,QAAQ,IAAI;oBACrBC,eAAe;gBACjB,OAAO,IAAID,QAAQ,IAAI;oBACrBC,eAAe;gBACjB,OAAO,IAAID,QAAQ,IAAI;oBACrBC,eAAe;gBACjB,OAAO,IAAID,QAAQ,IAAI;oBACrBC,eAAe;gBACjB,CAAC;gBACDA,eAAe;YACjB;IACF;IAEA,qBACE,oBAACL;QACE,GAAGS,SAAS;QACbL,MAAMA;QACNG,OAAO;YAAE,GAAGA,KAAK;YAAEF;QAAa;QAChCG,WAAWA;;AAGjB,EAAE;AAEFL,MAAMO,KAAK,GAAGT;AAEdE,MAAMQ,OAAO,GAAGX,UAAUW,OAAO"}

package/dist/cssm/components/Image/ImageBadge/ImageBadge.d.ts

@@ -1,4 +1,4 @@
 /// <reference types="react" />
 import { type ImageBaseBadgeProps } from '../../ImageBase/ImageBase';
-export declare type ImageBadgeProps = ImageBaseBadgeProps;
+export type ImageBadgeProps = ImageBaseBadgeProps;
 export declare const ImageBadge: ({ className, ...restProps }: ImageBadgeProps) => JSX.Element;

package/dist/cssm/components/Image/ImageBadge/ImageBadge.js

@@ -1,17 +1,13 @@
-import _extends from "@babel/runtime/helpers/extends";
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["className"];
 import * as React from 'react';
 import { classNames } from '@vkontakte/vkjs';
 import { ImageBase, ImageBaseContext } from '../../ImageBase/ImageBase';
-import "./ImageBadge.module.css";
-export var ImageBadge = function ImageBadge(_ref) {
-  var className = _ref.className,
-    restProps = _objectWithoutProperties(_ref, _excluded);
-  var _React$useContext = React.useContext(ImageBaseContext),
-    size = _React$useContext.size;
-  return /*#__PURE__*/React.createElement(ImageBase.Badge, _extends({}, restProps, {
-    className: classNames("vkuiImageBadge", size < 96 && "vkuiImageBadge--shifted", className)
-  }));
+import styles from './ImageBadge.module.css';
+export const ImageBadge = ({ className , ...restProps })=>{
+    const { size  } = React.useContext(ImageBaseContext);
+    return /*#__PURE__*/ React.createElement(ImageBase.Badge, {
+        ...restProps,
+        className: classNames(styles['ImageBadge'], size < 96 && styles['ImageBadge--shifted'], className)
+    });
 };
+
 //# sourceMappingURL=ImageBadge.js.map

package/dist/cssm/components/Image/ImageBadge/ImageBadge.js.map

@@ -1 +1 @@
-{"version":3,"file":"ImageBadge.js","names":["React","classNames","ImageBase","ImageBaseContext","ImageBadge","className","restProps","useContext","size"],"sources":["../../../../../src/components/Image/ImageBadge/ImageBadge.tsx"],"sourcesContent":["import * as React from 'react';\nimport { classNames } from '@vkontakte/vkjs';\nimport { ImageBase, type ImageBaseBadgeProps, ImageBaseContext } from '../../ImageBase/ImageBase';\nimport styles from './ImageBadge.module.css';\n\nexport type ImageBadgeProps = ImageBaseBadgeProps;\n\nexport const ImageBadge = ({ className, ...restProps }: ImageBadgeProps) => {\n  const { size } = React.useContext(ImageBaseContext);\n  return (\n    <ImageBase.Badge\n      {...restProps}\n      className={classNames(\n        styles['ImageBadge'],\n        size < 96 && styles['ImageBadge--shifted'],\n        className,\n      )}\n    />\n  );\n};\n"],"mappings":";;;AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,UAAU,QAAQ,iBAAiB;AAC5C,SAASC,SAAS,EAA4BC,gBAAgB,QAAQ,2BAA2B;AAAC;AAKlG,OAAO,IAAMC,UAAU,GAAG,SAAbA,UAAU,OAAqD;EAAA,IAA/CC,SAAS,QAATA,SAAS;IAAKC,SAAS;EAClD,wBAAiBN,KAAK,CAACO,UAAU,CAACJ,gBAAgB,CAAC;IAA3CK,IAAI,qBAAJA,IAAI;EACZ,oBACE,oBAAC,SAAS,CAAC,KAAK,eACVF,SAAS;IACb,SAAS,EAAEL,UAAU,mBAEnBO,IAAI,GAAG,EAAE,6BAAiC,EAC1CH,SAAS;EACT,GACF;AAEN,CAAC"}
+{"version":3,"sources":["../../../../../src/components/Image/ImageBadge/ImageBadge.tsx"],"sourcesContent":["import * as React from 'react';\nimport { classNames } from '@vkontakte/vkjs';\nimport { ImageBase, type ImageBaseBadgeProps, ImageBaseContext } from '../../ImageBase/ImageBase';\nimport styles from './ImageBadge.module.css';\n\nexport type ImageBadgeProps = ImageBaseBadgeProps;\n\nexport const ImageBadge = ({ className, ...restProps }: ImageBadgeProps) => {\n  const { size } = React.useContext(ImageBaseContext);\n  return (\n    <ImageBase.Badge\n      {...restProps}\n      className={classNames(\n        styles['ImageBadge'],\n        size < 96 && styles['ImageBadge--shifted'],\n        className,\n      )}\n    />\n  );\n};\n"],"names":["React","classNames","ImageBase","ImageBaseContext","styles","ImageBadge","className","restProps","size","useContext","Badge"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,UAAU,QAAQ,kBAAkB;AAC7C,SAASC,SAAS,EAA4BC,gBAAgB,QAAQ,4BAA4B;AAClG,OAAOC,YAAY,0BAA0B;AAI7C,OAAO,MAAMC,aAAa,CAAC,EAAEC,UAAS,EAAE,GAAGC,WAA4B,GAAK;IAC1E,MAAM,EAAEC,KAAI,EAAE,GAAGR,MAAMS,UAAU,CAACN;IAClC,qBACE,oBAACD,UAAUQ,KAAK;QACb,GAAGH,SAAS;QACbD,WAAWL,WACTG,MAAM,CAAC,aAAa,EACpBI,OAAO,MAAMJ,MAAM,CAAC,sBAAsB,EAC1CE;;AAIR,EAAE"}