@vkontakte/vkui 4.27.2 → 4.29.0

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/FormField/FormField.tsx"],"names":["FormField","Component","children","getRootRef","after","disabled","restProps","platform","sizeY","React","useState","hover","setHover","handleMouseEnter","e","stopPropagation","handleMouseLeave"],"mappings":";;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AAEA;;AACA;;;;AAkBO,IAAMA,SAAsC,GAAG,SAAzCA,SAAyC,OAO7B;AAAA,4BANvBC,SAMuB;AAAA,MANvBA,SAMuB,+BANX,KAMW;AAAA,MALvBC,QAKuB,QALvBA,QAKuB;AAAA,MAJvBC,UAIuB,QAJvBA,UAIuB;AAAA,MAHvBC,KAGuB,QAHvBA,KAGuB;AAAA,MAFvBC,QAEuB,QAFvBA,QAEuB;AAAA,MADpBC,SACoB;AACvB,MAAMC,QAAQ,GAAG,+BAAjB;;AACA,uBAAkB,oCAAlB;AAAA,MAAQC,KAAR,kBAAQA,KAAR;;AACA,wBAA0BC,KAAK,CAACC,QAAN,CAAe,KAAf,CAA1B;AAAA;AAAA,MAAOC,KAAP;AAAA,MAAcC,QAAd;;AAEA,MAAMC,gBAAgB,GAAG,SAAnBA,gBAAmB,CAACC,CAAD,EAAmB;AAC1CA,IAAAA,CAAC,CAACC,eAAF;AACAH,IAAAA,QAAQ,CAAC,IAAD,CAAR;AACD,GAHD;;AAKA,MAAMI,gBAAgB,GAAG,SAAnBA,gBAAmB,CAACF,CAAD,EAAmB;AAC1CA,IAAAA,CAAC,CAACC,eAAF;AACAH,IAAAA,QAAQ,CAAC,KAAD,CAAR;AACD,GAHD;;AAKA,SACE,qCAAC,SAAD;AACE,IAAA,IAAI,EAAC;AADP,KAEMN,SAFN;AAGE,IAAA,GAAG,EAAEH,UAHP;AAIE,IAAA,YAAY,EAAEU,gBAJhB;AAKE,IAAA,YAAY,EAAEG,gBALhB;AAME,IAAA,SAAS,EAAE,4BACT,gCAAa,WAAb,EAA0BT,QAA1B,CADS,6BAEWC,KAFX,GAGT;AACE,6BAAuBH;AADzB,KAHS;AANb,MAcGH,QAdH,EAeG,yBAAaE,KAAb,KACC;AAAK,IAAA,IAAI,EAAC,cAAV;AAAyB,IAAA,SAAS,EAAC;AAAnC,KACGA,KADH,CAhBJ,EAoBE;AACE,IAAA,IAAI,EAAC,cADP;AAEE,IAAA,SAAS,EAAE,4BAAW,mBAAX,EAAgC;AACzC,kCAA4B,CAACC,QAAD,IAAaM;AADA,KAAhC;AAFb,IApBF,CADF;AA6BD,CAnDM","sourcesContent":["import * as React from \"react\";\nimport { getClassName } from \"../../helpers/getClassName\";\nimport { classNames } from \"../../lib/classNames\";\nimport { usePlatform } from \"../../hooks/usePlatform\";\nimport { HasComponent, HasRootRef } from \"../../types\";\nimport { hasReactNode } from \"../../lib/utils\";\nimport { useAdaptivity } from \"../../hooks/useAdaptivity\";\nimport \"./FormField.css\";\n\nexport interface FormFieldProps {\n  /**\n   * Иконка 12|16|20|24|28 или `IconButton`.\n   */\n  after?: React.ReactNode;\n}\n\ninterface FormFieldOwnProps\n  extends React.AllHTMLAttributes<HTMLElement>,\n    HasRootRef<HTMLElement>,\n    HasComponent,\n    FormFieldProps {\n  disabled?: boolean;\n}\n\nexport const FormField: React.FC<FormFieldOwnProps> = ({\n  Component = \"div\",\n  children,\n  getRootRef,\n  after,\n  disabled,\n  ...restProps\n}: FormFieldOwnProps) => {\n  const platform = usePlatform();\n  const { sizeY } = useAdaptivity();\n  const [hover, setHover] = React.useState(false);\n\n  const handleMouseEnter = (e: MouseEvent) => {\n    e.stopPropagation();\n    setHover(true);\n  };\n\n  const handleMouseLeave = (e: MouseEvent) => {\n    e.stopPropagation();\n    setHover(false);\n  };\n\n  return (\n    <Component\n      role=\"presentation\"\n      {...restProps}\n      ref={getRootRef}\n      onMouseEnter={handleMouseEnter}\n      onMouseLeave={handleMouseLeave}\n      vkuiClass={classNames(\n        getClassName(\"FormField\", platform),\n        `FormField--sizeY-${sizeY}`,\n        {\n          \"FormField--disabled\": disabled,\n        }\n      )}\n    >\n      {children}\n      {hasReactNode(after) && (\n        <div role=\"presentation\" vkuiClass=\"FormField__after\">\n          {after}\n        </div>\n      )}\n      <div\n        role=\"presentation\"\n        vkuiClass={classNames(\"FormField__border\", {\n          \"FormField__border--hover\": !disabled && hover,\n        })}\n      />\n    </Component>\n  );\n};\n"],"file":"FormField.js"}
+{"version":3,"sources":["../../../../src/components/FormField/FormField.tsx"],"names":["FormField","Component","children","getRootRef","after","disabled","restProps","platform","sizeY","React","useState","hover","setHover","handleMouseEnter","e","stopPropagation","handleMouseLeave"],"mappings":";;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AAEA;;AACA;;;;AAkBO,IAAMA,SAAsC,GAAG,SAAzCA,SAAyC,OAO7B;AAAA,4BANvBC,SAMuB;AAAA,MANvBA,SAMuB,+BANX,KAMW;AAAA,MALvBC,QAKuB,QALvBA,QAKuB;AAAA,MAJvBC,UAIuB,QAJvBA,UAIuB;AAAA,MAHvBC,KAGuB,QAHvBA,KAGuB;AAAA,MAFvBC,QAEuB,QAFvBA,QAEuB;AAAA,MADpBC,SACoB;AACvB,MAAMC,QAAQ,GAAG,+BAAjB;;AACA,uBAAkB,oCAAlB;AAAA,MAAQC,KAAR,kBAAQA,KAAR;;AACA,wBAA0BC,KAAK,CAACC,QAAN,CAAe,KAAf,CAA1B;AAAA;AAAA,MAAOC,KAAP;AAAA,MAAcC,QAAd;;AAEA,MAAMC,gBAAgB,GAAG,SAAnBA,gBAAmB,CAACC,CAAD,EAAmB;AAC1CA,IAAAA,CAAC,CAACC,eAAF;AACAH,IAAAA,QAAQ,CAAC,IAAD,CAAR;AACD,GAHD;;AAKA,MAAMI,gBAAgB,GAAG,SAAnBA,gBAAmB,CAACF,CAAD,EAAmB;AAC1CA,IAAAA,CAAC,CAACC,eAAF;AACAH,IAAAA,QAAQ,CAAC,KAAD,CAAR;AACD,GAHD;;AAKA,SACE,qCAAC,SAAD;AACE,IAAA,IAAI,EAAC;AADP,KAEMN,SAFN;AAGE,IAAA,GAAG,EAAEH,UAHP;AAIE,IAAA,YAAY,EAAEU,gBAJhB;AAKE,IAAA,YAAY,EAAEG,gBALhB;AAME,IAAA,SAAS,EAAE,4BACT,gCAAa,WAAb,EAA0BT,QAA1B,CADS,6BAEWC,KAFX,GAGTH,QAAQ,IAAI,qBAHH;AANb,MAYGH,QAZH,EAaG,yBAAaE,KAAb,KACC;AAAK,IAAA,IAAI,EAAC,cAAV;AAAyB,IAAA,SAAS,EAAC;AAAnC,KACGA,KADH,CAdJ,EAkBE;AACE,IAAA,IAAI,EAAC,cADP;AAEE,IAAA,SAAS,EAAE,4BACT,mBADS,EAET,CAACC,QAAD,IAAaM,KAAb,IAAsB,0BAFb;AAFb,IAlBF,CADF;AA4BD,CAlDM","sourcesContent":["import * as React from \"react\";\nimport { getClassName } from \"../../helpers/getClassName\";\nimport { classNames } from \"../../lib/classNames\";\nimport { usePlatform } from \"../../hooks/usePlatform\";\nimport { HasComponent, HasRootRef } from \"../../types\";\nimport { hasReactNode } from \"../../lib/utils\";\nimport { useAdaptivity } from \"../../hooks/useAdaptivity\";\nimport \"./FormField.css\";\n\nexport interface FormFieldProps {\n  /**\n   * Иконка 12|16|20|24|28 или `IconButton`.\n   */\n  after?: React.ReactNode;\n}\n\ninterface FormFieldOwnProps\n  extends React.AllHTMLAttributes<HTMLElement>,\n    HasRootRef<HTMLElement>,\n    HasComponent,\n    FormFieldProps {\n  disabled?: boolean;\n}\n\nexport const FormField: React.FC<FormFieldOwnProps> = ({\n  Component = \"div\",\n  children,\n  getRootRef,\n  after,\n  disabled,\n  ...restProps\n}: FormFieldOwnProps) => {\n  const platform = usePlatform();\n  const { sizeY } = useAdaptivity();\n  const [hover, setHover] = React.useState(false);\n\n  const handleMouseEnter = (e: MouseEvent) => {\n    e.stopPropagation();\n    setHover(true);\n  };\n\n  const handleMouseLeave = (e: MouseEvent) => {\n    e.stopPropagation();\n    setHover(false);\n  };\n\n  return (\n    <Component\n      role=\"presentation\"\n      {...restProps}\n      ref={getRootRef}\n      onMouseEnter={handleMouseEnter}\n      onMouseLeave={handleMouseLeave}\n      vkuiClass={classNames(\n        getClassName(\"FormField\", platform),\n        `FormField--sizeY-${sizeY}`,\n        disabled && \"FormField--disabled\"\n      )}\n    >\n      {children}\n      {hasReactNode(after) && (\n        <div role=\"presentation\" vkuiClass=\"FormField__after\">\n          {after}\n        </div>\n      )}\n      <div\n        role=\"presentation\"\n        vkuiClass={classNames(\n          \"FormField__border\",\n          !disabled && hover && \"FormField__border--hover\"\n        )}\n      />\n    </Component>\n  );\n};\n"],"file":"FormField.js"}

package/dist/cjs/components/FormItem/FormItem.js

@@ -27,9 +27,9 @@ var _getClassName = require("../../helpers/getClassName");
 
 var _utils = require("../../lib/utils");
 
-var _Subhead = _interopRequireDefault(require("../Typography/Subhead/Subhead"));
+var _Subhead = require("../Typography/Subhead/Subhead");
 
-var _Caption = _interopRequireDefault(require("../Typography/Caption/Caption"));
+var _Caption = require("../Typography/Caption/Caption");
 
 var _useAdaptivity2 = require("../../hooks/useAdaptivity");
 
@@ -59,15 +59,14 @@ var FormItem = function FormItem(_ref) {
   var _useAdaptivity = (0, _useAdaptivity2.useAdaptivity)(),
       sizeY = _useAdaptivity.sizeY;
 
-  var wrappedChildren = (0, _jsxRuntime.createScopedElement)(React.Fragment, null, (0, _utils.hasReactNode)(top) && (0, _jsxRuntime.createScopedElement)(_Subhead.default, {
+  var wrappedChildren = (0, _jsxRuntime.createScopedElement)(React.Fragment, null, (0, _utils.hasReactNode)(top) && (0, _jsxRuntime.createScopedElement)(_Subhead.Subhead, {
     vkuiClass: "FormItem__top"
-  }, top), children, (0, _utils.hasReactNode)(bottom) && (0, _jsxRuntime.createScopedElement)(_Caption.default, {
-    level: "1",
-    weight: "regular",
+  }, top), children, (0, _utils.hasReactNode)(bottom) && (0, _jsxRuntime.createScopedElement)(_Caption.Caption, {
     vkuiClass: "FormItem__bottom"
   }, bottom));
   return (0, _jsxRuntime.createScopedElement)(Component, (0, _extends2.default)({}, restProps, {
-    ref: rootEl,
+    ref: rootEl // eslint-disable-next-line vkui/no-object-expression-in-arguments
+    ,
     vkuiClass: (0, _classNames.classNames)((0, _getClassName.getClassName)("FormItem", platform), "FormItem--".concat(status), "FormItem--sizeY-".concat(sizeY), {
       "FormItem--withTop": (0, _utils.hasReactNode)(top),
       "FormItem--removable": removable

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/FormItem/FormItem.tsx"],"names":["FormItem","children","top","bottom","status","Component","removable","onRemove","noop","removePlaceholder","getRootRef","restProps","platform","rootEl","sizeY","wrappedChildren","e","current"],"mappings":";;;;;;;;;;;;;;;;;AAAA;;AAEA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;AAiBO,IAAMA,QAAiC,GAAG,SAApCA,QAAoC,OAW5B;AAAA,MAVnBC,QAUmB,QAVnBA,QAUmB;AAAA,MATnBC,GASmB,QATnBA,GASmB;AAAA,MARnBC,MAQmB,QARnBA,MAQmB;AAAA,yBAPnBC,MAOmB;AAAA,MAPnBA,MAOmB,4BAPV,SAOU;AAAA,4BANnBC,SAMmB;AAAA,MANnBA,SAMmB,+BANP,KAMO;AAAA,MALnBC,SAKmB,QALnBA,SAKmB;AAAA,2BAJnBC,QAImB;AAAA,MAJnBA,SAImB,8BAJRC,WAIQ;AAAA,mCAHnBC,iBAGmB;AAAA,MAHnBA,iBAGmB,sCAHC,SAGD;AAAA,MAFnBC,UAEmB,QAFnBA,UAEmB;AAAA,MADhBC,SACgB;;AACnB,MAAMC,QAAQ,GAAG,+BAAjB;AACA,MAAMC,MAAM,GAAG,gCAAaH,UAAb,CAAf;;AACA,uBAAkB,oCAAlB;AAAA,MAAQI,KAAR,kBAAQA,KAAR;;AAEA,MAAMC,eAAe,GACnB,qCAAC,KAAD,CAAO,QAAP,QACG,yBAAab,GAAb,KAAqB,qCAAC,gBAAD;AAAS,IAAA,SAAS,EAAC;AAAnB,KAAoCA,GAApC,CADxB,EAEGD,QAFH,EAGG,yBAAaE,MAAb,KACC,qCAAC,gBAAD;AAAS,IAAA,KAAK,EAAC,GAAf;AAAmB,IAAA,MAAM,EAAC,SAA1B;AAAoC,IAAA,SAAS,EAAC;AAA9C,KACGA,MADH,CAJJ,CADF;AAYA,SACE,qCAAC,SAAD,6BACMQ,SADN;AAEE,IAAA,GAAG,EAAEE,MAFP;AAGE,IAAA,SAAS,EAAE,4BACT,gCAAa,UAAb,EAAyBD,QAAzB,CADS,sBAEIR,MAFJ,6BAGUU,KAHV,GAIT;AACE,2BAAqB,yBAAaZ,GAAb,CADvB;AAEE,6BAAuBI;AAFzB,KAJS;AAHb,MAaGA,SAAS,GACR,qCAAC,oBAAD;AACE,IAAA,KAAK,EAAC,OADR;AAEE,IAAA,QAAQ,EAAE,kBAACU,CAAD,EAAO;AACf,UAAIH,MAAJ,aAAIA,MAAJ,eAAIA,MAAM,CAAEI,OAAZ,EAAqB;AACnBV,QAAAA,SAAQ,CAACS,CAAD,EAAIH,MAAM,CAACI,OAAX,CAAR;AACD;AACF,KANH;AAOE,IAAA,iBAAiB,EAAER;AAPrB,KASE;AAAK,IAAA,SAAS,EAAC;AAAf,KAAsCM,eAAtC,CATF,CADQ,GAaRA,eA1BJ,CADF;AA+BD,CA3DM","sourcesContent":["import * as React from \"react\";\nimport { HasComponent, HasRootRef } from \"../../types\";\nimport { classNames } from \"../../lib/classNames\";\nimport { useExternRef } from \"../../hooks/useExternRef\";\nimport { usePlatform } from \"../../hooks/usePlatform\";\nimport { getClassName } from \"../../helpers/getClassName\";\nimport { hasReactNode, noop } from \"../../lib/utils\";\nimport Subhead from \"../Typography/Subhead/Subhead\";\nimport Caption from \"../Typography/Caption/Caption\";\nimport { useAdaptivity } from \"../../hooks/useAdaptivity\";\nimport { Removable, RemovableProps } from \"../Removable/Removable\";\nimport \"./FormItem.css\";\n\nexport interface FormItemProps\n  extends React.AllHTMLAttributes<HTMLElement>,\n    HasRootRef<HTMLElement>,\n    HasComponent,\n    RemovableProps {\n  top?: React.ReactNode;\n  bottom?: React.ReactNode;\n  status?: \"default\" | \"error\" | \"valid\";\n  /**\n   * Дает возможность удалить `FormItem`. Рекомендуется использовать только для `Input` или `Select`.\n   */\n  removable?: boolean;\n}\n\nexport const FormItem: React.FC<FormItemProps> = ({\n  children,\n  top,\n  bottom,\n  status = \"default\",\n  Component = \"div\",\n  removable,\n  onRemove = noop,\n  removePlaceholder = \"Удалить\",\n  getRootRef,\n  ...restProps\n}: FormItemProps) => {\n  const platform = usePlatform();\n  const rootEl = useExternRef(getRootRef);\n  const { sizeY } = useAdaptivity();\n\n  const wrappedChildren = (\n    <React.Fragment>\n      {hasReactNode(top) && <Subhead vkuiClass=\"FormItem__top\">{top}</Subhead>}\n      {children}\n      {hasReactNode(bottom) && (\n        <Caption level=\"1\" weight=\"regular\" vkuiClass=\"FormItem__bottom\">\n          {bottom}\n        </Caption>\n      )}\n    </React.Fragment>\n  );\n\n  return (\n    <Component\n      {...restProps}\n      ref={rootEl}\n      vkuiClass={classNames(\n        getClassName(\"FormItem\", platform),\n        `FormItem--${status}`,\n        `FormItem--sizeY-${sizeY}`,\n        {\n          \"FormItem--withTop\": hasReactNode(top),\n          \"FormItem--removable\": removable,\n        }\n      )}\n    >\n      {removable ? (\n        <Removable\n          align=\"start\"\n          onRemove={(e) => {\n            if (rootEl?.current) {\n              onRemove(e, rootEl.current);\n            }\n          }}\n          removePlaceholder={removePlaceholder}\n        >\n          <div vkuiClass=\"FormItem__removable\">{wrappedChildren}</div>\n        </Removable>\n      ) : (\n        wrappedChildren\n      )}\n    </Component>\n  );\n};\n"],"file":"FormItem.js"}
+{"version":3,"sources":["../../../../src/components/FormItem/FormItem.tsx"],"names":["FormItem","children","top","bottom","status","Component","removable","onRemove","noop","removePlaceholder","getRootRef","restProps","platform","rootEl","sizeY","wrappedChildren","e","current"],"mappings":";;;;;;;;;;;;;;;;;AAAA;;AAEA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;AAiBO,IAAMA,QAAiC,GAAG,SAApCA,QAAoC,OAW5B;AAAA,MAVnBC,QAUmB,QAVnBA,QAUmB;AAAA,MATnBC,GASmB,QATnBA,GASmB;AAAA,MARnBC,MAQmB,QARnBA,MAQmB;AAAA,yBAPnBC,MAOmB;AAAA,MAPnBA,MAOmB,4BAPV,SAOU;AAAA,4BANnBC,SAMmB;AAAA,MANnBA,SAMmB,+BANP,KAMO;AAAA,MALnBC,SAKmB,QALnBA,SAKmB;AAAA,2BAJnBC,QAImB;AAAA,MAJnBA,SAImB,8BAJRC,WAIQ;AAAA,mCAHnBC,iBAGmB;AAAA,MAHnBA,iBAGmB,sCAHC,SAGD;AAAA,MAFnBC,UAEmB,QAFnBA,UAEmB;AAAA,MADhBC,SACgB;;AACnB,MAAMC,QAAQ,GAAG,+BAAjB;AACA,MAAMC,MAAM,GAAG,gCAAaH,UAAb,CAAf;;AACA,uBAAkB,oCAAlB;AAAA,MAAQI,KAAR,kBAAQA,KAAR;;AAEA,MAAMC,eAAe,GACnB,qCAAC,KAAD,CAAO,QAAP,QACG,yBAAab,GAAb,KAAqB,qCAAC,gBAAD;AAAS,IAAA,SAAS,EAAC;AAAnB,KAAoCA,GAApC,CADxB,EAEGD,QAFH,EAGG,yBAAaE,MAAb,KACC,qCAAC,gBAAD;AAAS,IAAA,SAAS,EAAC;AAAnB,KAAuCA,MAAvC,CAJJ,CADF;AAUA,SACE,qCAAC,SAAD,6BACMQ,SADN;AAEE,IAAA,GAAG,EAAEE,MAFP,CAGE;AAHF;AAIE,IAAA,SAAS,EAAE,4BACT,gCAAa,UAAb,EAAyBD,QAAzB,CADS,sBAEIR,MAFJ,6BAGUU,KAHV,GAIT;AACE,2BAAqB,yBAAaZ,GAAb,CADvB;AAEE,6BAAuBI;AAFzB,KAJS;AAJb,MAcGA,SAAS,GACR,qCAAC,oBAAD;AACE,IAAA,KAAK,EAAC,OADR;AAEE,IAAA,QAAQ,EAAE,kBAACU,CAAD,EAAO;AACf,UAAIH,MAAJ,aAAIA,MAAJ,eAAIA,MAAM,CAAEI,OAAZ,EAAqB;AACnBV,QAAAA,SAAQ,CAACS,CAAD,EAAIH,MAAM,CAACI,OAAX,CAAR;AACD;AACF,KANH;AAOE,IAAA,iBAAiB,EAAER;AAPrB,KASE;AAAK,IAAA,SAAS,EAAC;AAAf,KAAsCM,eAAtC,CATF,CADQ,GAaRA,eA3BJ,CADF;AAgCD,CA1DM","sourcesContent":["import * as React from \"react\";\nimport { HasComponent, HasRootRef } from \"../../types\";\nimport { classNames } from \"../../lib/classNames\";\nimport { useExternRef } from \"../../hooks/useExternRef\";\nimport { usePlatform } from \"../../hooks/usePlatform\";\nimport { getClassName } from \"../../helpers/getClassName\";\nimport { hasReactNode, noop } from \"../../lib/utils\";\nimport { Subhead } from \"../Typography/Subhead/Subhead\";\nimport { Caption } from \"../Typography/Caption/Caption\";\nimport { useAdaptivity } from \"../../hooks/useAdaptivity\";\nimport { Removable, RemovableProps } from \"../Removable/Removable\";\nimport \"./FormItem.css\";\n\nexport interface FormItemProps\n  extends React.AllHTMLAttributes<HTMLElement>,\n    HasRootRef<HTMLElement>,\n    HasComponent,\n    RemovableProps {\n  top?: React.ReactNode;\n  bottom?: React.ReactNode;\n  status?: \"default\" | \"error\" | \"valid\";\n  /**\n   * Дает возможность удалить `FormItem`. Рекомендуется использовать только для `Input` или `Select`.\n   */\n  removable?: boolean;\n}\n\nexport const FormItem: React.FC<FormItemProps> = ({\n  children,\n  top,\n  bottom,\n  status = \"default\",\n  Component = \"div\",\n  removable,\n  onRemove = noop,\n  removePlaceholder = \"Удалить\",\n  getRootRef,\n  ...restProps\n}: FormItemProps) => {\n  const platform = usePlatform();\n  const rootEl = useExternRef(getRootRef);\n  const { sizeY } = useAdaptivity();\n\n  const wrappedChildren = (\n    <React.Fragment>\n      {hasReactNode(top) && <Subhead vkuiClass=\"FormItem__top\">{top}</Subhead>}\n      {children}\n      {hasReactNode(bottom) && (\n        <Caption vkuiClass=\"FormItem__bottom\">{bottom}</Caption>\n      )}\n    </React.Fragment>\n  );\n\n  return (\n    <Component\n      {...restProps}\n      ref={rootEl}\n      // eslint-disable-next-line vkui/no-object-expression-in-arguments\n      vkuiClass={classNames(\n        getClassName(\"FormItem\", platform),\n        `FormItem--${status}`,\n        `FormItem--sizeY-${sizeY}`,\n        {\n          \"FormItem--withTop\": hasReactNode(top),\n          \"FormItem--removable\": removable,\n        }\n      )}\n    >\n      {removable ? (\n        <Removable\n          align=\"start\"\n          onRemove={(e) => {\n            if (rootEl?.current) {\n              onRemove(e, rootEl.current);\n            }\n          }}\n          removePlaceholder={removePlaceholder}\n        >\n          <div vkuiClass=\"FormItem__removable\">{wrappedChildren}</div>\n        </Removable>\n      ) : (\n        wrappedChildren\n      )}\n    </Component>\n  );\n};\n"],"file":"FormItem.js"}

package/dist/cjs/components/FormLayoutGroup/FormLayoutGroup.js

@@ -49,7 +49,8 @@ var FormLayoutGroup = function FormLayoutGroup(_ref) {
   var isRemovable = removable && mode === "horizontal";
   var rootEl = (0, _useExternRef.useExternRef)(getRootRef);
   return (0, _jsxRuntime.createScopedElement)("div", (0, _extends2.default)({
-    ref: rootEl,
+    ref: rootEl // eslint-disable-next-line vkui/no-object-expression-in-arguments
+    ,
     vkuiClass: (0, _classNames.classNames)((0, _getClassName.getClassName)("FormLayoutGroup", platform), "FormLayoutGroup--sizeY-".concat(sizeY), "FormLayoutGroup--".concat(mode), {
       "FormLayoutGroup--removable": isRemovable
     })

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/FormLayoutGroup/FormLayoutGroup.tsx"],"names":["FormLayoutGroup","children","mode","removable","removePlaceholder","onRemove","noop","getRootRef","restProps","platform","sizeY","isRemovable","rootEl","e","current"],"mappings":";;;;;;;;;;;;;;;AAEA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;AAcA,IAAMA,eAA+C,GAAG,SAAlDA,eAAkD,OAQ5B;AAAA,MAP1BC,QAO0B,QAP1BA,QAO0B;AAAA,uBAN1BC,IAM0B;AAAA,MAN1BA,IAM0B,0BANnB,UAMmB;AAAA,MAL1BC,SAK0B,QAL1BA,SAK0B;AAAA,mCAJ1BC,iBAI0B;AAAA,MAJ1BA,iBAI0B,sCAJN,SAIM;AAAA,2BAH1BC,QAG0B;AAAA,MAH1BA,SAG0B,8BAHfC,WAGe;AAAA,MAF1BC,UAE0B,QAF1BA,UAE0B;AAAA,MADvBC,SACuB;;AAC1B,MAAMC,QAAQ,GAAG,+BAAjB;;AACA,uBAAkB,oCAAlB;AAAA,MAAQC,KAAR,kBAAQA,KAAR;;AACA,MAAMC,WAAW,GAAGR,SAAS,IAAID,IAAI,KAAK,YAA1C;AACA,MAAMU,MAAM,GAAG,gCAAaL,UAAb,CAAf;AAEA,SACE;AACE,IAAA,GAAG,EAAEK,MADP;AAEE,IAAA,SAAS,EAAE,4BACT,gCAAa,iBAAb,EAAgCH,QAAhC,CADS,mCAEiBC,KAFjB,8BAGWR,IAHX,GAIT;AACE,oCAA8BS;AADhC,KAJS;AAFb,KAUMH,SAVN,GAYGG,WAAW,GACV,qCAAC,oBAAD;AACE,IAAA,SAAS,EAAC,4BADZ;AAEE,IAAA,KAAK,EAAC,OAFR;AAGE,IAAA,iBAAiB,EAAEP,iBAHrB;AAIE,IAAA,QAAQ,EAAE,kBAACS,CAAD,EAAO;AACf,UAAID,MAAJ,aAAIA,MAAJ,eAAIA,MAAM,CAAEE,OAAZ,EAAqB;AACnBT,QAAAA,SAAQ,CAACQ,CAAD,EAAID,MAAM,CAACE,OAAX,CAAR;AACD;AACF;AARH,KAUGb,QAVH,CADU,GAcVA,QA1BJ,CADF;AA+BD,CA7CD,C,CA+CA;;;eACeD,e","sourcesContent":["import * as React from \"react\";\nimport { HasRootRef } from \"../../types\";\nimport { getClassName } from \"../../helpers/getClassName\";\nimport { classNames } from \"../../lib/classNames\";\nimport { noop } from \"../../lib/utils\";\nimport { useExternRef } from \"../../hooks/useExternRef\";\nimport { usePlatform } from \"../../hooks/usePlatform\";\nimport { Removable, RemovableProps } from \"../Removable/Removable\";\nimport { useAdaptivity } from \"../../hooks/useAdaptivity\";\nimport \"./FormLayoutGroup.css\";\n\nexport interface FormLayoutGroupProps\n  extends React.HTMLAttributes<HTMLDivElement>,\n    RemovableProps,\n    HasRootRef<HTMLDivElement> {\n  mode?: \"vertical\" | \"horizontal\";\n  /**\n   * Только для режима horizontal. Дает возможность удалить всю группу `FormItem`.\n   */\n  removable?: boolean;\n}\n\nconst FormLayoutGroup: React.FC<FormLayoutGroupProps> = ({\n  children,\n  mode = \"vertical\",\n  removable,\n  removePlaceholder = \"Удалить\",\n  onRemove = noop,\n  getRootRef,\n  ...restProps\n}: FormLayoutGroupProps) => {\n  const platform = usePlatform();\n  const { sizeY } = useAdaptivity();\n  const isRemovable = removable && mode === \"horizontal\";\n  const rootEl = useExternRef(getRootRef);\n\n  return (\n    <div\n      ref={rootEl}\n      vkuiClass={classNames(\n        getClassName(\"FormLayoutGroup\", platform),\n        `FormLayoutGroup--sizeY-${sizeY}`,\n        `FormLayoutGroup--${mode}`,\n        {\n          \"FormLayoutGroup--removable\": isRemovable,\n        }\n      )}\n      {...restProps}\n    >\n      {isRemovable ? (\n        <Removable\n          vkuiClass=\"FormLayoutGroup__removable\"\n          align=\"start\"\n          removePlaceholder={removePlaceholder}\n          onRemove={(e) => {\n            if (rootEl?.current) {\n              onRemove(e, rootEl.current);\n            }\n          }}\n        >\n          {children}\n        </Removable>\n      ) : (\n        children\n      )}\n    </div>\n  );\n};\n\n// eslint-disable-next-line import/no-default-export\nexport default FormLayoutGroup;\n"],"file":"FormLayoutGroup.js"}
+{"version":3,"sources":["../../../../src/components/FormLayoutGroup/FormLayoutGroup.tsx"],"names":["FormLayoutGroup","children","mode","removable","removePlaceholder","onRemove","noop","getRootRef","restProps","platform","sizeY","isRemovable","rootEl","e","current"],"mappings":";;;;;;;;;;;;;;;AAEA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;AAcA,IAAMA,eAA+C,GAAG,SAAlDA,eAAkD,OAQ5B;AAAA,MAP1BC,QAO0B,QAP1BA,QAO0B;AAAA,uBAN1BC,IAM0B;AAAA,MAN1BA,IAM0B,0BANnB,UAMmB;AAAA,MAL1BC,SAK0B,QAL1BA,SAK0B;AAAA,mCAJ1BC,iBAI0B;AAAA,MAJ1BA,iBAI0B,sCAJN,SAIM;AAAA,2BAH1BC,QAG0B;AAAA,MAH1BA,SAG0B,8BAHfC,WAGe;AAAA,MAF1BC,UAE0B,QAF1BA,UAE0B;AAAA,MADvBC,SACuB;;AAC1B,MAAMC,QAAQ,GAAG,+BAAjB;;AACA,uBAAkB,oCAAlB;AAAA,MAAQC,KAAR,kBAAQA,KAAR;;AACA,MAAMC,WAAW,GAAGR,SAAS,IAAID,IAAI,KAAK,YAA1C;AACA,MAAMU,MAAM,GAAG,gCAAaL,UAAb,CAAf;AAEA,SACE;AACE,IAAA,GAAG,EAAEK,MADP,CAEE;AAFF;AAGE,IAAA,SAAS,EAAE,4BACT,gCAAa,iBAAb,EAAgCH,QAAhC,CADS,mCAEiBC,KAFjB,8BAGWR,IAHX,GAIT;AACE,oCAA8BS;AADhC,KAJS;AAHb,KAWMH,SAXN,GAaGG,WAAW,GACV,qCAAC,oBAAD;AACE,IAAA,SAAS,EAAC,4BADZ;AAEE,IAAA,KAAK,EAAC,OAFR;AAGE,IAAA,iBAAiB,EAAEP,iBAHrB;AAIE,IAAA,QAAQ,EAAE,kBAACS,CAAD,EAAO;AACf,UAAID,MAAJ,aAAIA,MAAJ,eAAIA,MAAM,CAAEE,OAAZ,EAAqB;AACnBT,QAAAA,SAAQ,CAACQ,CAAD,EAAID,MAAM,CAACE,OAAX,CAAR;AACD;AACF;AARH,KAUGb,QAVH,CADU,GAcVA,QA3BJ,CADF;AAgCD,CA9CD,C,CAgDA;;;eACeD,e","sourcesContent":["import * as React from \"react\";\nimport { HasRootRef } from \"../../types\";\nimport { getClassName } from \"../../helpers/getClassName\";\nimport { classNames } from \"../../lib/classNames\";\nimport { noop } from \"../../lib/utils\";\nimport { useExternRef } from \"../../hooks/useExternRef\";\nimport { usePlatform } from \"../../hooks/usePlatform\";\nimport { Removable, RemovableProps } from \"../Removable/Removable\";\nimport { useAdaptivity } from \"../../hooks/useAdaptivity\";\nimport \"./FormLayoutGroup.css\";\n\nexport interface FormLayoutGroupProps\n  extends React.HTMLAttributes<HTMLDivElement>,\n    RemovableProps,\n    HasRootRef<HTMLDivElement> {\n  mode?: \"vertical\" | \"horizontal\";\n  /**\n   * Только для режима horizontal. Дает возможность удалить всю группу `FormItem`.\n   */\n  removable?: boolean;\n}\n\nconst FormLayoutGroup: React.FC<FormLayoutGroupProps> = ({\n  children,\n  mode = \"vertical\",\n  removable,\n  removePlaceholder = \"Удалить\",\n  onRemove = noop,\n  getRootRef,\n  ...restProps\n}: FormLayoutGroupProps) => {\n  const platform = usePlatform();\n  const { sizeY } = useAdaptivity();\n  const isRemovable = removable && mode === \"horizontal\";\n  const rootEl = useExternRef(getRootRef);\n\n  return (\n    <div\n      ref={rootEl}\n      // eslint-disable-next-line vkui/no-object-expression-in-arguments\n      vkuiClass={classNames(\n        getClassName(\"FormLayoutGroup\", platform),\n        `FormLayoutGroup--sizeY-${sizeY}`,\n        `FormLayoutGroup--${mode}`,\n        {\n          \"FormLayoutGroup--removable\": isRemovable,\n        }\n      )}\n      {...restProps}\n    >\n      {isRemovable ? (\n        <Removable\n          vkuiClass=\"FormLayoutGroup__removable\"\n          align=\"start\"\n          removePlaceholder={removePlaceholder}\n          onRemove={(e) => {\n            if (rootEl?.current) {\n              onRemove(e, rootEl.current);\n            }\n          }}\n        >\n          {children}\n        </Removable>\n      ) : (\n        children\n      )}\n    </div>\n  );\n};\n\n// eslint-disable-next-line import/no-default-export\nexport default FormLayoutGroup;\n"],"file":"FormLayoutGroup.js"}

package/dist/cjs/components/FormStatus/FormStatus.js

@@ -21,7 +21,7 @@ var _usePlatform = require("../../hooks/usePlatform");
 
 var _Headline = _interopRequireDefault(require("../Typography/Headline/Headline"));
 
-var _Caption = _interopRequireDefault(require("../Typography/Caption/Caption"));
+var _Caption = require("../Typography/Caption/Caption");
 
 var _utils = require("../../lib/utils");
 
@@ -39,14 +39,9 @@ var FormStatus = function FormStatus(_ref) {
   }), (0, _utils.hasReactNode)(header) && (0, _jsxRuntime.createScopedElement)(_Headline.default, {
     weight: "medium",
     vkuiClass: "FormStatus__header"
-  }, header), dangerouslySetInnerHTML && (0, _jsxRuntime.createScopedElement)(_Caption.default, {
-    level: "1",
-    weight: "regular",
+  }, header), dangerouslySetInnerHTML && (0, _jsxRuntime.createScopedElement)(_Caption.Caption, {
     dangerouslySetInnerHTML: dangerouslySetInnerHTML
-  }), (0, _utils.hasReactNode)(children) && !dangerouslySetInnerHTML && (0, _jsxRuntime.createScopedElement)(_Caption.default, {
-    level: "1",
-    weight: "regular"
-  }, children));
+  }), (0, _utils.hasReactNode)(children) && !dangerouslySetInnerHTML && (0, _jsxRuntime.createScopedElement)(_Caption.Caption, null, children));
 };
 
 exports.FormStatus = FormStatus;

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/FormStatus/FormStatus.tsx"],"names":["FormStatus","mode","header","children","dangerouslySetInnerHTML","restProps","platform"],"mappings":";;;;;;;;;;;;;;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;AAQO,IAAMA,UAAoD,GAAG,SAAvDA,UAAuD,OAM7C;AAAA,MALrBC,IAKqB,QALrBA,IAKqB;AAAA,MAJrBC,MAIqB,QAJrBA,MAIqB;AAAA,MAHrBC,QAGqB,QAHrBA,QAGqB;AAAA,MAFrBC,uBAEqB,QAFrBA,uBAEqB;AAAA,MADlBC,SACkB;AACrB,MAAMC,QAAQ,GAAG,+BAAjB;AAEA,SACE,uEACMD,SADN;AAEE,IAAA,SAAS,EAAE,4BACT,gCAAa,YAAb,EAA2BC,QAA3B,CADS,wBAEML,IAFN;AAFb,MAOG,yBAAaC,MAAb,KACC,qCAAC,iBAAD;AAAU,IAAA,MAAM,EAAC,QAAjB;AAA0B,IAAA,SAAS,EAAC;AAApC,KACGA,MADH,CARJ,EAYGE,uBAAuB,IACtB,qCAAC,gBAAD;AACE,IAAA,KAAK,EAAC,GADR;AAEE,IAAA,MAAM,EAAC,SAFT;AAGE,IAAA,uBAAuB,EAAEA;AAH3B,IAbJ,EAmBG,yBAAaD,QAAb,KAA0B,CAACC,uBAA3B,IACC,qCAAC,gBAAD;AAAS,IAAA,KAAK,EAAC,GAAf;AAAmB,IAAA,MAAM,EAAC;AAA1B,KACGD,QADH,CApBJ,CADF;AA2BD,CApCM","sourcesContent":["import * as React from \"react\";\nimport { classNames } from \"../../lib/classNames\";\nimport { getClassName } from \"../../helpers/getClassName\";\nimport { usePlatform } from \"../../hooks/usePlatform\";\nimport Headline from \"../Typography/Headline/Headline\";\nimport Caption from \"../Typography/Caption/Caption\";\nimport { hasReactNode } from \"../../lib/utils\";\nimport \"./FormStatus.css\";\n\nexport interface FormStatusProps extends React.HTMLAttributes<HTMLDivElement> {\n  mode?: \"default\" | \"error\";\n  header?: React.ReactNode;\n}\n\nexport const FormStatus: React.FunctionComponent<FormStatusProps> = ({\n  mode,\n  header,\n  children,\n  dangerouslySetInnerHTML,\n  ...restProps\n}: FormStatusProps) => {\n  const platform = usePlatform();\n\n  return (\n    <div\n      {...restProps}\n      vkuiClass={classNames(\n        getClassName(\"FormStatus\", platform),\n        `FormStatus--${mode}`\n      )}\n    >\n      {hasReactNode(header) && (\n        <Headline weight=\"medium\" vkuiClass=\"FormStatus__header\">\n          {header}\n        </Headline>\n      )}\n      {dangerouslySetInnerHTML && (\n        <Caption\n          level=\"1\"\n          weight=\"regular\"\n          dangerouslySetInnerHTML={dangerouslySetInnerHTML}\n        />\n      )}\n      {hasReactNode(children) && !dangerouslySetInnerHTML && (\n        <Caption level=\"1\" weight=\"regular\">\n          {children}\n        </Caption>\n      )}\n    </div>\n  );\n};\n"],"file":"FormStatus.js"}
+{"version":3,"sources":["../../../../src/components/FormStatus/FormStatus.tsx"],"names":["FormStatus","mode","header","children","dangerouslySetInnerHTML","restProps","platform"],"mappings":";;;;;;;;;;;;;;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;AAQO,IAAMA,UAAoD,GAAG,SAAvDA,UAAuD,OAM7C;AAAA,MALrBC,IAKqB,QALrBA,IAKqB;AAAA,MAJrBC,MAIqB,QAJrBA,MAIqB;AAAA,MAHrBC,QAGqB,QAHrBA,QAGqB;AAAA,MAFrBC,uBAEqB,QAFrBA,uBAEqB;AAAA,MADlBC,SACkB;AACrB,MAAMC,QAAQ,GAAG,+BAAjB;AAEA,SACE,uEACMD,SADN;AAEE,IAAA,SAAS,EAAE,4BACT,gCAAa,YAAb,EAA2BC,QAA3B,CADS,wBAEML,IAFN;AAFb,MAOG,yBAAaC,MAAb,KACC,qCAAC,iBAAD;AAAU,IAAA,MAAM,EAAC,QAAjB;AAA0B,IAAA,SAAS,EAAC;AAApC,KACGA,MADH,CARJ,EAYGE,uBAAuB,IACtB,qCAAC,gBAAD;AAAS,IAAA,uBAAuB,EAAEA;AAAlC,IAbJ,EAeG,yBAAaD,QAAb,KAA0B,CAACC,uBAA3B,IACC,qCAAC,gBAAD,QAAUD,QAAV,CAhBJ,CADF;AAqBD,CA9BM","sourcesContent":["import * as React from \"react\";\nimport { classNames } from \"../../lib/classNames\";\nimport { getClassName } from \"../../helpers/getClassName\";\nimport { usePlatform } from \"../../hooks/usePlatform\";\nimport Headline from \"../Typography/Headline/Headline\";\nimport { Caption } from \"../Typography/Caption/Caption\";\nimport { hasReactNode } from \"../../lib/utils\";\nimport \"./FormStatus.css\";\n\nexport interface FormStatusProps extends React.HTMLAttributes<HTMLDivElement> {\n  mode?: \"default\" | \"error\";\n  header?: React.ReactNode;\n}\n\nexport const FormStatus: React.FunctionComponent<FormStatusProps> = ({\n  mode,\n  header,\n  children,\n  dangerouslySetInnerHTML,\n  ...restProps\n}: FormStatusProps) => {\n  const platform = usePlatform();\n\n  return (\n    <div\n      {...restProps}\n      vkuiClass={classNames(\n        getClassName(\"FormStatus\", platform),\n        `FormStatus--${mode}`\n      )}\n    >\n      {hasReactNode(header) && (\n        <Headline weight=\"medium\" vkuiClass=\"FormStatus__header\">\n          {header}\n        </Headline>\n      )}\n      {dangerouslySetInnerHTML && (\n        <Caption dangerouslySetInnerHTML={dangerouslySetInnerHTML} />\n      )}\n      {hasReactNode(children) && !dangerouslySetInnerHTML && (\n        <Caption>{children}</Caption>\n      )}\n    </div>\n  );\n};\n"],"file":"FormStatus.js"}

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

@@ -11,6 +11,14 @@ export interface BaseGalleryProps extends Omit<React.HTMLAttributes<HTMLDivEleme
     onEnd?({ targetIndex }: {
         targetIndex: number;
     }): void;
+    /**
+     * Будет вызвано при клике на кнопку-стрелку влево
+     */
+    onPrevClick?(): void;
+    /**
+     * Будет вызвано при клике на кнопку-стрелку вправо
+     */
+    onNextClick?(): void;
     bullets?: "dark" | "light" | false;
     isDraggable?: boolean;
     showArrows?: boolean;
@@ -35,5 +43,5 @@ export interface GallerySlidesState {
     coordX: number;
     width: number;
 }
-declare const _default: React.FC<Pick<GalleryProps, "hidden" | "dir" | "slot" | "style" | "title" | "timeout" | "color" | "translate" | "bullets" | "prefix" | "children" | "className" | "id" | "lang" | "role" | "tabIndex" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "draggable" | "placeholder" | "spellCheck" | "radioGroup" | "about" | "datatype" | "inlist" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "align" | "onEnd" | "getRootRef" | "getRef" | "showArrows" | "slideWidth" | "slideIndex" | "isDraggable" | "initialSlideIndex">>;
+declare const _default: React.FC<Pick<GalleryProps, "hidden" | "dir" | "slot" | "style" | "title" | "timeout" | "color" | "translate" | "bullets" | "prefix" | "children" | "className" | "id" | "lang" | "role" | "tabIndex" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "draggable" | "placeholder" | "spellCheck" | "radioGroup" | "about" | "datatype" | "inlist" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "align" | "onEnd" | "getRootRef" | "getRef" | "showArrows" | "slideWidth" | "slideIndex" | "onPrevClick" | "onNextClick" | "isDraggable" | "initialSlideIndex">>;
 export default _default;

package/dist/cjs/components/Gallery/Gallery.js

@@ -118,7 +118,8 @@ var BaseGallery = /*#__PURE__*/function (_React$Component) {
       var _this$props2 = _this.props,
           _this$props2$slideInd = _this$props2.slideIndex,
           slideIndex = _this$props2$slideInd === void 0 ? 0 : _this$props2$slideInd,
-          onChange = _this$props2.onChange;
+          onChange = _this$props2.onChange,
+          onPrevClick = _this$props2.onPrevClick;
 
       if (_this.canSlideLeft) {
         _this.setState({
@@ -127,13 +128,16 @@ var BaseGallery = /*#__PURE__*/function (_React$Component) {
         }, function () {
           return onChange === null || onChange === void 0 ? void 0 : onChange(slideIndex - 1);
         });
+
+        onPrevClick === null || onPrevClick === void 0 ? void 0 : onPrevClick();
       }
     });
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "slideRight", function () {
       var _this$props3 = _this.props,
           _this$props3$slideInd = _this$props3.slideIndex,
           slideIndex = _this$props3$slideInd === void 0 ? 0 : _this$props3$slideInd,
-          onChange = _this$props3.onChange;
+          onChange = _this$props3.onChange,
+          onNextClick = _this$props3.onNextClick;
 
       if (_this.canSlideRight) {
         _this.setState({
@@ -142,6 +146,8 @@ var BaseGallery = /*#__PURE__*/function (_React$Component) {
         }, function () {
           return onChange === null || onChange === void 0 ? void 0 : onChange(slideIndex + 1);
         });
+
+        onNextClick === null || onNextClick === void 0 ? void 0 : onNextClick();
       }
     });
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "getSlideRef", function (id) {
@@ -505,6 +511,7 @@ var BaseGallery = /*#__PURE__*/function (_React$Component) {
         transition: animation ? "transform ".concat(duration, "s cubic-bezier(.1, 0, .25, 1)") : "none"
       };
       return (0, _jsxRuntime.createScopedElement)("div", (0, _extends2.default)({}, restProps, {
+        // eslint-disable-next-line vkui/no-object-expression-in-arguments
         vkuiClass: (0, _classNames.classNames)((0, _getClassName.getClassName)("Gallery", platform), "Gallery--".concat(align), {
           "Gallery--dragging": dragging,
           "Gallery--custom-width": slideWidth === "custom"
@@ -534,6 +541,7 @@ var BaseGallery = /*#__PURE__*/function (_React$Component) {
         vkuiClass: (0, _classNames.classNames)("Gallery__bullets", "Gallery__bullets--".concat(bullets))
       }, React.Children.map(children, function (_item, index) {
         return (0, _jsxRuntime.createScopedElement)("div", {
+          // eslint-disable-next-line vkui/no-object-expression-in-arguments
           vkuiClass: (0, _classNames.classNames)("Gallery__bullet", {
             "Gallery__bullet--active": index === slideIndex
           }),

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/Gallery/Gallery.tsx"],"names":["BaseGallery","props","setState","animation","e","isDraggable","isFullyVisible","originalEvent","preventDefault","isSlideX","onDragStart","state","deltaX","shiftX","dragging","targetIndex","isSlide","getTarget","slideIndex","onDragEnd","onChange","onEnd","initializeSlides","canSlideLeft","canSlideRight","id","slide","slidesStore","viewport","getRef","container","getRootRef","containerWidth","slides","duration","slideWidth","align","options","React","Children","map","children","_item","i","elem","coordX","offsetLeft","width","offsetWidth","layerWidth","reduce","val","min","calcMin","max","calcMax","undefined","calculateIndent","isValidShift","validateIndent","window","requestAnimationFrame","viewportWidth","isCenterWithCustomWidth","length","targetSlide","indent","Number","value","expectDeltaX","shift","direction","item","index","previousValue","Math","abs","currentValue","addEventListener","onResize","prevProps","widthChanged","isPropUpdate","slideCountChanged","count","isCustomWidth","removeEventListener","bullets","platform","hasMouse","showArrows","document","restProps","calculateDragIndent","layerStyle","WebkitTransform","transform","WebkitTransition","transition","onStart","onMoveX","getViewportRef","getSlideRef","slideLeft","slideRight","Component","BaseGalleryAdaptive","Gallery","initialSlideIndex","timeout","useState","localSlideIndex","setSlideIndex","isControlled","Boolean","toArray","filter","childCount","handleChange","useCallback","current","autoplay","useEffect","set","clear","safeSlideIndex"],"mappings":"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","sourcesContent":["import * as React from \"react\";\nimport { getClassName } from \"../../helpers/getClassName\";\nimport { Touch, TouchEventHandler, TouchEvent } from \"../Touch/Touch\";\nimport { classNames } from \"../../lib/classNames\";\nimport { withPlatform } from \"../../hoc/withPlatform\";\nimport { HasAlign, HasPlatform, HasRef, HasRootRef } from \"../../types\";\nimport { withDOM, DOMProps } from \"../../lib/dom\";\nimport { setRef } from \"../../lib/utils\";\nimport { withAdaptivity, AdaptivityProps } from \"../../hoc/withAdaptivity\";\nimport HorizontalScrollArrow from \"../HorizontalScroll/HorizontalScrollArrow\";\nimport { clamp } from \"../../helpers/math\";\nimport { useTimeout } from \"../../hooks/useTimeout\";\nimport \"./Gallery.css\";\n\nexport interface BaseGalleryProps\n  extends Omit<\n      React.HTMLAttributes<HTMLDivElement>,\n      \"onChange\" | \"onDragStart\" | \"onDragEnd\"\n    >,\n    HasPlatform,\n    HasAlign,\n    HasRootRef<HTMLDivElement>,\n    HasRef<HTMLElement> {\n  slideWidth?: string | number;\n  slideIndex?: number;\n  onDragStart?: TouchEventHandler;\n  onDragEnd?: TouchEventHandler;\n  onChange?(current: number): void;\n  onEnd?({ targetIndex }: { targetIndex: number }): void;\n  bullets?: \"dark\" | \"light\" | false;\n  isDraggable?: boolean;\n  showArrows?: boolean;\n}\n\nexport interface GalleryProps extends BaseGalleryProps {\n  initialSlideIndex?: number;\n  timeout?: number;\n}\n\nexport interface GalleryState {\n  containerWidth: number;\n  layerWidth?: number;\n  min?: number;\n  max?: number;\n  deltaX: number;\n  shiftX: number;\n  slides: GallerySlidesState[];\n  animation: boolean;\n  duration: number;\n  dragging?: boolean;\n}\n\nexport interface GallerySlidesState {\n  coordX: number;\n  width: number;\n}\n\ntype GetSlideRef = (index: number) => React.RefCallback<HTMLElement>;\n\nclass BaseGallery extends React.Component<\n  BaseGalleryProps & DOMProps & AdaptivityProps,\n  GalleryState\n> {\n  constructor(props: GalleryProps) {\n    super(props);\n\n    this.state = {\n      containerWidth: 0,\n      deltaX: 0,\n      shiftX: 0,\n      slides: [],\n      animation: true,\n      duration: 0.24,\n    };\n\n    this.slidesStore = {};\n  }\n\n  container: HTMLDivElement | null = null;\n  slidesStore: {\n    [index: string]: HTMLElement | null;\n  };\n  viewport: HTMLElement | null = null;\n\n  static defaultProps: Partial<BaseGalleryProps> = {\n    slideWidth: \"100%\",\n    children: \"\",\n    align: \"left\",\n    bullets: false,\n    isDraggable: true,\n  };\n\n  get isCenterWithCustomWidth() {\n    return this.props.slideWidth === \"custom\" && this.props.align === \"center\";\n  }\n\n  initializeSlides(options: { animation?: boolean } = {}) {\n    const slides =\n      React.Children.map(\n        this.props.children,\n        (_item: React.ReactNode, i: number): GallerySlidesState => {\n          const elem = this.slidesStore[`slide-${i}`];\n          return {\n            coordX: elem?.offsetLeft ?? 0,\n            width: elem?.offsetWidth ?? 0,\n          };\n        }\n      ) ?? [];\n\n    const containerWidth = this.container?.offsetWidth ?? 0;\n    const layerWidth = slides.reduce(\n      (val: number, slide: GallerySlidesState) => slide.width + val,\n      0\n    );\n\n    const min = this.calcMin({ containerWidth, layerWidth, slides });\n    const max = this.calcMax({ slides });\n\n    this.setState({ min, max, layerWidth, containerWidth, slides }, () => {\n      if (this.props.slideIndex !== undefined) {\n        const shiftX = this.calculateIndent(this.props.slideIndex);\n        if (this.state.shiftX === shiftX) {\n          return;\n        }\n        const isValidShift =\n          this.state.shiftX === this.validateIndent(this.state.shiftX);\n        const { animation = isValidShift } = options;\n        this.setState({ shiftX, animation }, () => {\n          if (!this.state.animation) {\n            this.props.window?.requestAnimationFrame(() =>\n              this.setState({ animation: true })\n            );\n          }\n        });\n      }\n    });\n  }\n\n  calcMin({\n    containerWidth,\n    layerWidth = 0,\n    slides,\n  }: Pick<GalleryState, \"containerWidth\" | \"layerWidth\" | \"slides\">) {\n    const viewportWidth = this.viewport?.offsetWidth ?? 0;\n    switch (this.props.align) {\n      case \"left\":\n        return containerWidth - layerWidth;\n      case \"right\":\n        return viewportWidth - layerWidth;\n      case \"center\":\n        if (this.isCenterWithCustomWidth && slides.length) {\n          const { coordX, width } = slides[slides.length - 1];\n          return viewportWidth / 2 - coordX - width / 2;\n        } else {\n          return (\n            viewportWidth - (containerWidth - viewportWidth) / 2 - layerWidth\n          );\n        }\n    }\n    return undefined;\n  }\n\n  calcMax({ slides }: Pick<GalleryState, \"slides\">) {\n    const viewportWidth = this.viewport?.offsetWidth ?? 0;\n    if (this.isCenterWithCustomWidth && slides.length) {\n      const { width, coordX } = slides[0];\n      return viewportWidth / 2 - coordX - width / 2;\n    } else {\n      return 0;\n    }\n  }\n\n  /*\n   * Считает отступ слоя галереи\n   */\n  calculateIndent(targetIndex: number) {\n    const { slides } = this.state;\n\n    if (this.isFullyVisible) {\n      return 0;\n    }\n\n    const targetSlide = slides.length ? slides[targetIndex] : null;\n\n    if (targetSlide) {\n      const { coordX, width } = targetSlide;\n\n      if (this.isCenterWithCustomWidth) {\n        const viewportWidth = this.viewport?.offsetWidth ?? 0;\n        return viewportWidth / 2 - coordX - width / 2;\n      }\n\n      return this.validateIndent(-1 * coordX);\n    } else {\n      return 0;\n    }\n  }\n\n  /*\n   * Считает отступ слоя галереи во время драга\n   */\n  calculateDragIndent() {\n    const { shiftX, deltaX, min = 0, max = 0 } = this.state;\n    const indent = shiftX + deltaX;\n\n    if (indent > max) {\n      return max + Number((indent - max) / 3);\n    } else if (indent < min) {\n      return min + Number((indent - min) / 3);\n    }\n\n    return indent;\n  }\n\n  validateIndent(value: number) {\n    const { min = 0, max = 0 } = this.state;\n\n    if (value < min) {\n      return min;\n    } else if (value > max) {\n      return max;\n    }\n\n    return value;\n  }\n\n  get isFullyVisible() {\n    return (this.state.layerWidth ?? 0) <= this.state.containerWidth;\n  }\n\n  /*\n   * Получает индекс слайда, к которому будет осуществлен переход\n   */\n  getTarget(e: TouchEvent) {\n    const { slides, deltaX, shiftX, max = 0 } = this.state;\n    const { slideIndex = 0 } = this.props;\n    const expectDeltaX = (deltaX / e.duration) * 240 * 0.6;\n    const shift = shiftX + deltaX + expectDeltaX - max;\n    const direction = deltaX < 0 ? 1 : -1;\n\n    // Находим ближайшую границу слайда к текущему отступу\n    let targetIndex = slides.reduce(\n      (val: number, item: GallerySlidesState, index: number) => {\n        const previousValue = Math.abs(slides[val].coordX + shift);\n        const currentValue = Math.abs(item.coordX + shift);\n\n        return previousValue < currentValue ? val : index;\n      },\n      slideIndex\n    );\n\n    if (targetIndex === slideIndex) {\n      let targetSlide = slideIndex + direction;\n\n      if (targetSlide >= 0 && targetSlide < slides.length) {\n        if (Math.abs(deltaX) > slides[targetSlide].width * 0.05) {\n          targetIndex = targetSlide;\n        }\n      }\n    }\n\n    return targetIndex;\n  }\n\n  onStart: TouchEventHandler = () => {\n    this.setState({\n      animation: false,\n    });\n  };\n\n  onMoveX: TouchEventHandler = (e: TouchEvent) => {\n    if (this.props.isDraggable && !this.isFullyVisible) {\n      e.originalEvent.preventDefault();\n\n      if (e.isSlideX) {\n        this.props.onDragStart && this.props.onDragStart(e);\n\n        if (\n          this.state.deltaX !== e.shiftX ||\n          this.state.dragging !== e.isSlideX\n        ) {\n          this.setState({\n            deltaX: e.shiftX,\n            dragging: e.isSlideX,\n          });\n        }\n      }\n    }\n  };\n\n  onEnd: TouchEventHandler = (e: TouchEvent) => {\n    const targetIndex = e.isSlide\n      ? this.getTarget(e)\n      : this.props.slideIndex ?? 0;\n    this.props.onDragEnd && this.props.onDragEnd(e);\n    this.setState({ deltaX: 0, animation: true }, () =>\n      this.props.onChange?.(targetIndex)\n    );\n\n    if (this.props.onEnd) {\n      this.props.onEnd({ targetIndex });\n    }\n  };\n\n  onResize: VoidFunction = () => this.initializeSlides({ animation: false });\n\n  get canSlideLeft() {\n    // shiftX is negative number <= 0, we can swipe back only if it is < 0\n    return !this.isFullyVisible && this.state.shiftX < 0;\n  }\n\n  get canSlideRight() {\n    const { containerWidth, layerWidth = 0, shiftX, slides } = this.state;\n    const { align, slideIndex = 0 } = this.props;\n    return (\n      !this.isFullyVisible &&\n      // we can't move right when gallery layer fully scrolled right, if gallery aligned by left side\n      ((align === \"left\" && containerWidth - shiftX < layerWidth) ||\n        // otherwise we need to check current slide index (align = right or align = center)\n        (align !== \"left\" && slideIndex < slides.length - 1))\n    );\n  }\n\n  slideLeft = () => {\n    const { slideIndex = 0, onChange } = this.props;\n    if (this.canSlideLeft) {\n      this.setState({ deltaX: 0, animation: true }, () =>\n        onChange?.(slideIndex - 1)\n      );\n    }\n  };\n\n  slideRight = () => {\n    const { slideIndex = 0, onChange } = this.props;\n    if (this.canSlideRight) {\n      this.setState({ deltaX: 0, animation: true }, () =>\n        onChange?.(slideIndex + 1)\n      );\n    }\n  };\n\n  getSlideRef: GetSlideRef = (id: number) => (slide) => {\n    this.slidesStore[`slide-${id}`] = slide;\n  };\n\n  getViewportRef: React.RefCallback<HTMLElement> = (viewport) => {\n    this.viewport = viewport;\n    if (this.props.getRef) {\n      setRef(viewport, this.props.getRef);\n    }\n  };\n\n  getRootRef: React.RefCallback<HTMLDivElement> = (container) => {\n    this.container = container;\n    if (this.props.getRootRef) {\n      setRef(container, this.props.getRootRef);\n    }\n  };\n\n  componentDidMount() {\n    this.initializeSlides({ animation: false });\n    this.props.window!.addEventListener(\"resize\", this.onResize);\n  }\n\n  componentDidUpdate(prevProps: GalleryProps) {\n    const widthChanged = this.props.slideWidth !== prevProps.slideWidth;\n    const isPropUpdate = this.props !== prevProps;\n    const slideCountChanged =\n      React.Children.count(this.props.children) !==\n      React.Children.count(prevProps.children);\n    const isCustomWidth = this.props.slideWidth === \"custom\";\n\n    // в любом из этих случаев позиция могла поменяться\n    if (widthChanged || slideCountChanged || (isCustomWidth && isPropUpdate)) {\n      this.initializeSlides();\n    } else if (this.props.slideIndex !== prevProps.slideIndex) {\n      this.setState({\n        animation: true,\n        deltaX: 0,\n        shiftX: this.calculateIndent(this.props.slideIndex ?? 0),\n      });\n    }\n  }\n\n  componentWillUnmount() {\n    this.props.window!.removeEventListener(\"resize\", this.onResize);\n  }\n\n  render() {\n    const { animation, duration, dragging } = this.state;\n    const {\n      children,\n      slideWidth,\n      slideIndex = 0,\n      isDraggable,\n      onDragStart,\n      onDragEnd,\n      onChange,\n      onEnd,\n      align,\n      bullets,\n      platform,\n      hasMouse,\n      showArrows,\n      window,\n      document,\n      getRef,\n      getRootRef,\n      ...restProps\n    } = this.props;\n\n    const indent = dragging\n      ? this.calculateDragIndent()\n      : this.calculateIndent(slideIndex);\n\n    const layerStyle = {\n      WebkitTransform: `translateX(${indent}px)`,\n      transform: `translateX(${indent}px)`,\n      WebkitTransition: animation\n        ? `-webkit-transform ${duration}s cubic-bezier(.1, 0, .25, 1)`\n        : \"none\",\n      transition: animation\n        ? `transform ${duration}s cubic-bezier(.1, 0, .25, 1)`\n        : \"none\",\n    };\n\n    return (\n      <div\n        {...restProps}\n        vkuiClass={classNames(\n          getClassName(\"Gallery\", platform),\n          `Gallery--${align}`,\n          {\n            \"Gallery--dragging\": dragging,\n            \"Gallery--custom-width\": slideWidth === \"custom\",\n          }\n        )}\n        ref={this.getRootRef}\n      >\n        <Touch\n          vkuiClass=\"Gallery__viewport\"\n          onStartX={this.onStart}\n          onMoveX={this.onMoveX}\n          onEnd={this.onEnd}\n          noSlideClick\n          style={{ width: slideWidth === \"custom\" ? \"100%\" : slideWidth }}\n          getRootRef={this.getViewportRef}\n        >\n          <div vkuiClass=\"Gallery__layer\" style={layerStyle}>\n            {React.Children.map(\n              children,\n              (item: React.ReactNode, i: number) => (\n                <div\n                  vkuiClass=\"Gallery__slide\"\n                  key={`slide-${i}`}\n                  ref={this.getSlideRef(i)}\n                >\n                  {item}\n                </div>\n              )\n            )}\n          </div>\n        </Touch>\n\n        {bullets && (\n          <div\n            aria-hidden=\"true\"\n            vkuiClass={classNames(\n              \"Gallery__bullets\",\n              `Gallery__bullets--${bullets}`\n            )}\n          >\n            {React.Children.map(\n              children,\n              (_item: React.ReactNode, index: number) => (\n                <div\n                  vkuiClass={classNames(\"Gallery__bullet\", {\n                    \"Gallery__bullet--active\": index === slideIndex,\n                  })}\n                  key={index}\n                />\n              )\n            )}\n          </div>\n        )}\n\n        {showArrows && hasMouse && this.canSlideLeft && (\n          <HorizontalScrollArrow direction=\"left\" onClick={this.slideLeft} />\n        )}\n        {showArrows && hasMouse && this.canSlideRight && (\n          <HorizontalScrollArrow direction=\"right\" onClick={this.slideRight} />\n        )}\n      </div>\n    );\n  }\n}\n\nconst BaseGalleryAdaptive = withAdaptivity(withDOM(BaseGallery), {\n  hasMouse: true,\n});\n\nconst Gallery: React.FC<GalleryProps> = ({\n  initialSlideIndex = 0,\n  children,\n  timeout = 0,\n  onChange,\n  ...props\n}: GalleryProps) => {\n  const [localSlideIndex, setSlideIndex] = React.useState(initialSlideIndex);\n  const isControlled = typeof props.slideIndex === \"number\";\n  const slideIndex = isControlled ? props.slideIndex ?? 0 : localSlideIndex;\n  const isDraggable = !isControlled || Boolean(onChange);\n  const slides = React.Children.toArray(children).filter((item) =>\n    Boolean(item)\n  );\n  const childCount = slides.length;\n\n  const handleChange: GalleryProps[\"onChange\"] = React.useCallback(\n    (current) => {\n      if (current === slideIndex) {\n        return;\n      }\n      !isControlled && setSlideIndex(current);\n      onChange && onChange(current);\n    },\n    [isControlled, onChange, slideIndex]\n  );\n\n  const autoplay = useTimeout(\n    () => handleChange((slideIndex + 1) % childCount),\n    timeout\n  );\n  React.useEffect(\n    () => (timeout ? autoplay.set() : autoplay.clear()),\n    [timeout, slideIndex, autoplay]\n  );\n\n  // prevent invalid slideIndex\n  // any slide index is invalid with no slides, just keep it as is\n  const safeSlideIndex =\n    childCount > 0 ? clamp(slideIndex, 0, childCount - 1) : slideIndex;\n  // notify parent in controlled mode\n  React.useEffect(() => {\n    if (onChange && safeSlideIndex !== slideIndex) {\n      onChange(safeSlideIndex);\n    }\n  }, [onChange, safeSlideIndex, slideIndex]);\n\n  return (\n    <BaseGalleryAdaptive\n      isDraggable={isDraggable}\n      {...props}\n      slideIndex={safeSlideIndex}\n      onChange={handleChange}\n    >\n      {slides}\n    </BaseGalleryAdaptive>\n  );\n};\n\n// eslint-disable-next-line import/no-default-export\nexport default withPlatform(Gallery);\n"],"file":"Gallery.js"}
+{"version":3,"sources":["../../../../src/components/Gallery/Gallery.tsx"],"names":["BaseGallery","props","setState","animation","e","isDraggable","isFullyVisible","originalEvent","preventDefault","isSlideX","onDragStart","state","deltaX","shiftX","dragging","targetIndex","isSlide","getTarget","slideIndex","onDragEnd","onChange","onEnd","initializeSlides","onPrevClick","canSlideLeft","onNextClick","canSlideRight","id","slide","slidesStore","viewport","getRef","container","getRootRef","containerWidth","slides","duration","slideWidth","align","options","React","Children","map","children","_item","i","elem","coordX","offsetLeft","width","offsetWidth","layerWidth","reduce","val","min","calcMin","max","calcMax","undefined","calculateIndent","isValidShift","validateIndent","window","requestAnimationFrame","viewportWidth","isCenterWithCustomWidth","length","targetSlide","indent","Number","value","expectDeltaX","shift","direction","item","index","previousValue","Math","abs","currentValue","addEventListener","onResize","prevProps","widthChanged","isPropUpdate","slideCountChanged","count","isCustomWidth","removeEventListener","bullets","platform","hasMouse","showArrows","document","restProps","calculateDragIndent","layerStyle","WebkitTransform","transform","WebkitTransition","transition","onStart","onMoveX","getViewportRef","getSlideRef","slideLeft","slideRight","Component","BaseGalleryAdaptive","Gallery","initialSlideIndex","timeout","useState","localSlideIndex","setSlideIndex","isControlled","Boolean","toArray","filter","childCount","handleChange","useCallback","current","autoplay","useEffect","set","clear","safeSlideIndex"],"mappings":"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","sourcesContent":["import * as React from \"react\";\nimport { getClassName } from \"../../helpers/getClassName\";\nimport { Touch, TouchEventHandler, TouchEvent } from \"../Touch/Touch\";\nimport { classNames } from \"../../lib/classNames\";\nimport { withPlatform } from \"../../hoc/withPlatform\";\nimport { HasAlign, HasPlatform, HasRef, HasRootRef } from \"../../types\";\nimport { withDOM, DOMProps } from \"../../lib/dom\";\nimport { setRef } from \"../../lib/utils\";\nimport { withAdaptivity, AdaptivityProps } from \"../../hoc/withAdaptivity\";\nimport HorizontalScrollArrow from \"../HorizontalScroll/HorizontalScrollArrow\";\nimport { clamp } from \"../../helpers/math\";\nimport { useTimeout } from \"../../hooks/useTimeout\";\nimport \"./Gallery.css\";\n\nexport interface BaseGalleryProps\n  extends Omit<\n      React.HTMLAttributes<HTMLDivElement>,\n      \"onChange\" | \"onDragStart\" | \"onDragEnd\"\n    >,\n    HasPlatform,\n    HasAlign,\n    HasRootRef<HTMLDivElement>,\n    HasRef<HTMLElement> {\n  slideWidth?: string | number;\n  slideIndex?: number;\n  onDragStart?: TouchEventHandler;\n  onDragEnd?: TouchEventHandler;\n  onChange?(current: number): void;\n  onEnd?({ targetIndex }: { targetIndex: number }): void;\n  /**\n   * Будет вызвано при клике на кнопку-стрелку влево\n   */\n  onPrevClick?(): void;\n  /**\n   * Будет вызвано при клике на кнопку-стрелку вправо\n   */\n  onNextClick?(): void;\n  bullets?: \"dark\" | \"light\" | false;\n  isDraggable?: boolean;\n  showArrows?: boolean;\n}\n\nexport interface GalleryProps extends BaseGalleryProps {\n  initialSlideIndex?: number;\n  timeout?: number;\n}\n\nexport interface GalleryState {\n  containerWidth: number;\n  layerWidth?: number;\n  min?: number;\n  max?: number;\n  deltaX: number;\n  shiftX: number;\n  slides: GallerySlidesState[];\n  animation: boolean;\n  duration: number;\n  dragging?: boolean;\n}\n\nexport interface GallerySlidesState {\n  coordX: number;\n  width: number;\n}\n\ntype GetSlideRef = (index: number) => React.RefCallback<HTMLElement>;\n\nclass BaseGallery extends React.Component<\n  BaseGalleryProps & DOMProps & AdaptivityProps,\n  GalleryState\n> {\n  constructor(props: GalleryProps) {\n    super(props);\n\n    this.state = {\n      containerWidth: 0,\n      deltaX: 0,\n      shiftX: 0,\n      slides: [],\n      animation: true,\n      duration: 0.24,\n    };\n\n    this.slidesStore = {};\n  }\n\n  container: HTMLDivElement | null = null;\n  slidesStore: {\n    [index: string]: HTMLElement | null;\n  };\n  viewport: HTMLElement | null = null;\n\n  static defaultProps: Partial<BaseGalleryProps> = {\n    slideWidth: \"100%\",\n    children: \"\",\n    align: \"left\",\n    bullets: false,\n    isDraggable: true,\n  };\n\n  get isCenterWithCustomWidth() {\n    return this.props.slideWidth === \"custom\" && this.props.align === \"center\";\n  }\n\n  initializeSlides(options: { animation?: boolean } = {}) {\n    const slides =\n      React.Children.map(\n        this.props.children,\n        (_item: React.ReactNode, i: number): GallerySlidesState => {\n          const elem = this.slidesStore[`slide-${i}`];\n          return {\n            coordX: elem?.offsetLeft ?? 0,\n            width: elem?.offsetWidth ?? 0,\n          };\n        }\n      ) ?? [];\n\n    const containerWidth = this.container?.offsetWidth ?? 0;\n    const layerWidth = slides.reduce(\n      (val: number, slide: GallerySlidesState) => slide.width + val,\n      0\n    );\n\n    const min = this.calcMin({ containerWidth, layerWidth, slides });\n    const max = this.calcMax({ slides });\n\n    this.setState({ min, max, layerWidth, containerWidth, slides }, () => {\n      if (this.props.slideIndex !== undefined) {\n        const shiftX = this.calculateIndent(this.props.slideIndex);\n        if (this.state.shiftX === shiftX) {\n          return;\n        }\n        const isValidShift =\n          this.state.shiftX === this.validateIndent(this.state.shiftX);\n        const { animation = isValidShift } = options;\n        this.setState({ shiftX, animation }, () => {\n          if (!this.state.animation) {\n            this.props.window?.requestAnimationFrame(() =>\n              this.setState({ animation: true })\n            );\n          }\n        });\n      }\n    });\n  }\n\n  calcMin({\n    containerWidth,\n    layerWidth = 0,\n    slides,\n  }: Pick<GalleryState, \"containerWidth\" | \"layerWidth\" | \"slides\">) {\n    const viewportWidth = this.viewport?.offsetWidth ?? 0;\n    switch (this.props.align) {\n      case \"left\":\n        return containerWidth - layerWidth;\n      case \"right\":\n        return viewportWidth - layerWidth;\n      case \"center\":\n        if (this.isCenterWithCustomWidth && slides.length) {\n          const { coordX, width } = slides[slides.length - 1];\n          return viewportWidth / 2 - coordX - width / 2;\n        } else {\n          return (\n            viewportWidth - (containerWidth - viewportWidth) / 2 - layerWidth\n          );\n        }\n    }\n    return undefined;\n  }\n\n  calcMax({ slides }: Pick<GalleryState, \"slides\">) {\n    const viewportWidth = this.viewport?.offsetWidth ?? 0;\n    if (this.isCenterWithCustomWidth && slides.length) {\n      const { width, coordX } = slides[0];\n      return viewportWidth / 2 - coordX - width / 2;\n    } else {\n      return 0;\n    }\n  }\n\n  /*\n   * Считает отступ слоя галереи\n   */\n  calculateIndent(targetIndex: number) {\n    const { slides } = this.state;\n\n    if (this.isFullyVisible) {\n      return 0;\n    }\n\n    const targetSlide = slides.length ? slides[targetIndex] : null;\n\n    if (targetSlide) {\n      const { coordX, width } = targetSlide;\n\n      if (this.isCenterWithCustomWidth) {\n        const viewportWidth = this.viewport?.offsetWidth ?? 0;\n        return viewportWidth / 2 - coordX - width / 2;\n      }\n\n      return this.validateIndent(-1 * coordX);\n    } else {\n      return 0;\n    }\n  }\n\n  /*\n   * Считает отступ слоя галереи во время драга\n   */\n  calculateDragIndent() {\n    const { shiftX, deltaX, min = 0, max = 0 } = this.state;\n    const indent = shiftX + deltaX;\n\n    if (indent > max) {\n      return max + Number((indent - max) / 3);\n    } else if (indent < min) {\n      return min + Number((indent - min) / 3);\n    }\n\n    return indent;\n  }\n\n  validateIndent(value: number) {\n    const { min = 0, max = 0 } = this.state;\n\n    if (value < min) {\n      return min;\n    } else if (value > max) {\n      return max;\n    }\n\n    return value;\n  }\n\n  get isFullyVisible() {\n    return (this.state.layerWidth ?? 0) <= this.state.containerWidth;\n  }\n\n  /*\n   * Получает индекс слайда, к которому будет осуществлен переход\n   */\n  getTarget(e: TouchEvent) {\n    const { slides, deltaX, shiftX, max = 0 } = this.state;\n    const { slideIndex = 0 } = this.props;\n    const expectDeltaX = (deltaX / e.duration) * 240 * 0.6;\n    const shift = shiftX + deltaX + expectDeltaX - max;\n    const direction = deltaX < 0 ? 1 : -1;\n\n    // Находим ближайшую границу слайда к текущему отступу\n    let targetIndex = slides.reduce(\n      (val: number, item: GallerySlidesState, index: number) => {\n        const previousValue = Math.abs(slides[val].coordX + shift);\n        const currentValue = Math.abs(item.coordX + shift);\n\n        return previousValue < currentValue ? val : index;\n      },\n      slideIndex\n    );\n\n    if (targetIndex === slideIndex) {\n      let targetSlide = slideIndex + direction;\n\n      if (targetSlide >= 0 && targetSlide < slides.length) {\n        if (Math.abs(deltaX) > slides[targetSlide].width * 0.05) {\n          targetIndex = targetSlide;\n        }\n      }\n    }\n\n    return targetIndex;\n  }\n\n  onStart: TouchEventHandler = () => {\n    this.setState({\n      animation: false,\n    });\n  };\n\n  onMoveX: TouchEventHandler = (e: TouchEvent) => {\n    if (this.props.isDraggable && !this.isFullyVisible) {\n      e.originalEvent.preventDefault();\n\n      if (e.isSlideX) {\n        this.props.onDragStart && this.props.onDragStart(e);\n\n        if (\n          this.state.deltaX !== e.shiftX ||\n          this.state.dragging !== e.isSlideX\n        ) {\n          this.setState({\n            deltaX: e.shiftX,\n            dragging: e.isSlideX,\n          });\n        }\n      }\n    }\n  };\n\n  onEnd: TouchEventHandler = (e: TouchEvent) => {\n    const targetIndex = e.isSlide\n      ? this.getTarget(e)\n      : this.props.slideIndex ?? 0;\n    this.props.onDragEnd && this.props.onDragEnd(e);\n    this.setState({ deltaX: 0, animation: true }, () =>\n      this.props.onChange?.(targetIndex)\n    );\n\n    if (this.props.onEnd) {\n      this.props.onEnd({ targetIndex });\n    }\n  };\n\n  onResize: VoidFunction = () => this.initializeSlides({ animation: false });\n\n  get canSlideLeft() {\n    // shiftX is negative number <= 0, we can swipe back only if it is < 0\n    return !this.isFullyVisible && this.state.shiftX < 0;\n  }\n\n  get canSlideRight() {\n    const { containerWidth, layerWidth = 0, shiftX, slides } = this.state;\n    const { align, slideIndex = 0 } = this.props;\n    return (\n      !this.isFullyVisible &&\n      // we can't move right when gallery layer fully scrolled right, if gallery aligned by left side\n      ((align === \"left\" && containerWidth - shiftX < layerWidth) ||\n        // otherwise we need to check current slide index (align = right or align = center)\n        (align !== \"left\" && slideIndex < slides.length - 1))\n    );\n  }\n\n  slideLeft = () => {\n    const { slideIndex = 0, onChange, onPrevClick } = this.props;\n    if (this.canSlideLeft) {\n      this.setState({ deltaX: 0, animation: true }, () =>\n        onChange?.(slideIndex - 1)\n      );\n      onPrevClick?.();\n    }\n  };\n\n  slideRight = () => {\n    const { slideIndex = 0, onChange, onNextClick } = this.props;\n    if (this.canSlideRight) {\n      this.setState({ deltaX: 0, animation: true }, () =>\n        onChange?.(slideIndex + 1)\n      );\n      onNextClick?.();\n    }\n  };\n\n  getSlideRef: GetSlideRef = (id: number) => (slide) => {\n    this.slidesStore[`slide-${id}`] = slide;\n  };\n\n  getViewportRef: React.RefCallback<HTMLElement> = (viewport) => {\n    this.viewport = viewport;\n    if (this.props.getRef) {\n      setRef(viewport, this.props.getRef);\n    }\n  };\n\n  getRootRef: React.RefCallback<HTMLDivElement> = (container) => {\n    this.container = container;\n    if (this.props.getRootRef) {\n      setRef(container, this.props.getRootRef);\n    }\n  };\n\n  componentDidMount() {\n    this.initializeSlides({ animation: false });\n    this.props.window!.addEventListener(\"resize\", this.onResize);\n  }\n\n  componentDidUpdate(prevProps: GalleryProps) {\n    const widthChanged = this.props.slideWidth !== prevProps.slideWidth;\n    const isPropUpdate = this.props !== prevProps;\n    const slideCountChanged =\n      React.Children.count(this.props.children) !==\n      React.Children.count(prevProps.children);\n    const isCustomWidth = this.props.slideWidth === \"custom\";\n\n    // в любом из этих случаев позиция могла поменяться\n    if (widthChanged || slideCountChanged || (isCustomWidth && isPropUpdate)) {\n      this.initializeSlides();\n    } else if (this.props.slideIndex !== prevProps.slideIndex) {\n      this.setState({\n        animation: true,\n        deltaX: 0,\n        shiftX: this.calculateIndent(this.props.slideIndex ?? 0),\n      });\n    }\n  }\n\n  componentWillUnmount() {\n    this.props.window!.removeEventListener(\"resize\", this.onResize);\n  }\n\n  render() {\n    const { animation, duration, dragging } = this.state;\n    const {\n      children,\n      slideWidth,\n      slideIndex = 0,\n      isDraggable,\n      onDragStart,\n      onDragEnd,\n      onChange,\n      onEnd,\n      align,\n      bullets,\n      platform,\n      hasMouse,\n      showArrows,\n      window,\n      document,\n      getRef,\n      getRootRef,\n      ...restProps\n    } = this.props;\n\n    const indent = dragging\n      ? this.calculateDragIndent()\n      : this.calculateIndent(slideIndex);\n\n    const layerStyle = {\n      WebkitTransform: `translateX(${indent}px)`,\n      transform: `translateX(${indent}px)`,\n      WebkitTransition: animation\n        ? `-webkit-transform ${duration}s cubic-bezier(.1, 0, .25, 1)`\n        : \"none\",\n      transition: animation\n        ? `transform ${duration}s cubic-bezier(.1, 0, .25, 1)`\n        : \"none\",\n    };\n\n    return (\n      <div\n        {...restProps}\n        // eslint-disable-next-line vkui/no-object-expression-in-arguments\n        vkuiClass={classNames(\n          getClassName(\"Gallery\", platform),\n          `Gallery--${align}`,\n          {\n            \"Gallery--dragging\": dragging,\n            \"Gallery--custom-width\": slideWidth === \"custom\",\n          }\n        )}\n        ref={this.getRootRef}\n      >\n        <Touch\n          vkuiClass=\"Gallery__viewport\"\n          onStartX={this.onStart}\n          onMoveX={this.onMoveX}\n          onEnd={this.onEnd}\n          noSlideClick\n          style={{ width: slideWidth === \"custom\" ? \"100%\" : slideWidth }}\n          getRootRef={this.getViewportRef}\n        >\n          <div vkuiClass=\"Gallery__layer\" style={layerStyle}>\n            {React.Children.map(\n              children,\n              (item: React.ReactNode, i: number) => (\n                <div\n                  vkuiClass=\"Gallery__slide\"\n                  key={`slide-${i}`}\n                  ref={this.getSlideRef(i)}\n                >\n                  {item}\n                </div>\n              )\n            )}\n          </div>\n        </Touch>\n\n        {bullets && (\n          <div\n            aria-hidden=\"true\"\n            vkuiClass={classNames(\n              \"Gallery__bullets\",\n              `Gallery__bullets--${bullets}`\n            )}\n          >\n            {React.Children.map(\n              children,\n              (_item: React.ReactNode, index: number) => (\n                <div\n                  // eslint-disable-next-line vkui/no-object-expression-in-arguments\n                  vkuiClass={classNames(\"Gallery__bullet\", {\n                    \"Gallery__bullet--active\": index === slideIndex,\n                  })}\n                  key={index}\n                />\n              )\n            )}\n          </div>\n        )}\n\n        {showArrows && hasMouse && this.canSlideLeft && (\n          <HorizontalScrollArrow direction=\"left\" onClick={this.slideLeft} />\n        )}\n        {showArrows && hasMouse && this.canSlideRight && (\n          <HorizontalScrollArrow direction=\"right\" onClick={this.slideRight} />\n        )}\n      </div>\n    );\n  }\n}\n\nconst BaseGalleryAdaptive = withAdaptivity(withDOM(BaseGallery), {\n  hasMouse: true,\n});\n\nconst Gallery: React.FC<GalleryProps> = ({\n  initialSlideIndex = 0,\n  children,\n  timeout = 0,\n  onChange,\n  ...props\n}: GalleryProps) => {\n  const [localSlideIndex, setSlideIndex] = React.useState(initialSlideIndex);\n  const isControlled = typeof props.slideIndex === \"number\";\n  const slideIndex = isControlled ? props.slideIndex ?? 0 : localSlideIndex;\n  const isDraggable = !isControlled || Boolean(onChange);\n  const slides = React.Children.toArray(children).filter((item) =>\n    Boolean(item)\n  );\n  const childCount = slides.length;\n\n  const handleChange: GalleryProps[\"onChange\"] = React.useCallback(\n    (current) => {\n      if (current === slideIndex) {\n        return;\n      }\n      !isControlled && setSlideIndex(current);\n      onChange && onChange(current);\n    },\n    [isControlled, onChange, slideIndex]\n  );\n\n  const autoplay = useTimeout(\n    () => handleChange((slideIndex + 1) % childCount),\n    timeout\n  );\n  React.useEffect(\n    () => (timeout ? autoplay.set() : autoplay.clear()),\n    [timeout, slideIndex, autoplay]\n  );\n\n  // prevent invalid slideIndex\n  // any slide index is invalid with no slides, just keep it as is\n  const safeSlideIndex =\n    childCount > 0 ? clamp(slideIndex, 0, childCount - 1) : slideIndex;\n  // notify parent in controlled mode\n  React.useEffect(() => {\n    if (onChange && safeSlideIndex !== slideIndex) {\n      onChange(safeSlideIndex);\n    }\n  }, [onChange, safeSlideIndex, slideIndex]);\n\n  return (\n    <BaseGalleryAdaptive\n      isDraggable={isDraggable}\n      {...props}\n      slideIndex={safeSlideIndex}\n      onChange={handleChange}\n    >\n      {slides}\n    </BaseGalleryAdaptive>\n  );\n};\n\n// eslint-disable-next-line import/no-default-export\nexport default withPlatform(Gallery);\n"],"file":"Gallery.js"}

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

@@ -5,4 +5,5 @@ import "./GridAvatar.css";
 export interface GridAvatarProps extends React.HTMLAttributes<HTMLDivElement>, HasRootRef<HTMLDivElement>, Pick<AvatarProps, "size" | "shadow" | "badge"> {
     src?: string[];
 }
+export declare const MAX_GRID_LENGTH = 4;
 export declare const GridAvatar: React.FC<GridAvatarProps>;

package/dist/cjs/components/GridAvatar/GridAvatar.js

@@ -5,7 +5,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.GridAvatar = void 0;
+exports.MAX_GRID_LENGTH = exports.GridAvatar = void 0;
 
 var _jsxRuntime = require("../../lib/jsxRuntime");
 
@@ -20,8 +20,8 @@ var _classNames = require("../../lib/classNames");
 var _warnOnce = require("../../lib/warnOnce");
 
 var _excluded = ["src"];
-var MIN_GRID_LENGTH = 1;
 var MAX_GRID_LENGTH = 4;
+exports.MAX_GRID_LENGTH = MAX_GRID_LENGTH;
 var warn = (0, _warnOnce.warnOnce)("GridAvatar");
 
 var GridAvatar = function GridAvatar(_ref) {
@@ -30,14 +30,14 @@ var GridAvatar = function GridAvatar(_ref) {
       restProps = (0, _objectWithoutProperties2.default)(_ref, _excluded);
 
   if (process.env.NODE_ENV === "development" && src.length > MAX_GRID_LENGTH) {
-    warn("\u0420\u0430\u0437\u043C\u0435\u0440 \u043F\u0440\u043E\u043F\u0430 src (".concat(src.length, ") \u0431\u043E\u043B\u044C\u0448\u0435 \u043C\u0430\u043A\u0441\u0438\u043C\u0430\u043B\u044C\u043D\u043E\u0433\u043E (").concat(MAX_GRID_LENGTH, ")"));
+    warn("\u0414\u043B\u0438\u043D\u0430 \u043C\u0430\u0441\u0441\u0438\u0432\u0430 src (".concat(src.length, ") \u0431\u043E\u043B\u044C\u0448\u0435 \u043C\u0430\u043A\u0441\u0438\u043C\u0430\u043B\u044C\u043D\u043E\u0439 (").concat(MAX_GRID_LENGTH, ")"));
   }
 
-  var count = Math.max(MIN_GRID_LENGTH, Math.min(MAX_GRID_LENGTH, src.length));
   return (0, _jsxRuntime.createScopedElement)(_Avatar.default, (0, _extends2.default)({}, restProps, {
-    vkuiClass: (0, _classNames.classNames)("GridAvatar", "GridAvatar--images-".concat(count))
+    vkuiClass: (0, _classNames.classNames)("GridAvatar")
   }), (0, _jsxRuntime.createScopedElement)("div", {
-    vkuiClass: "GridAvatar__in"
+    vkuiClass: "GridAvatar__in",
+    "aria-hidden": "true"
   }, src.slice(0, MAX_GRID_LENGTH).map(function (src, i) {
     return (0, _jsxRuntime.createScopedElement)("div", {
       key: i,

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/GridAvatar/GridAvatar.tsx"],"names":["MIN_GRID_LENGTH","MAX_GRID_LENGTH","warn","GridAvatar","src","restProps","process","env","NODE_ENV","length","count","Math","max","min","slice","map","i","backgroundImage"],"mappings":";;;;;;;;;;;;;;;AACA;;AACA;;AACA;;;AAWA,IAAMA,eAAe,GAAG,CAAxB;AACA,IAAMC,eAAe,GAAG,CAAxB;AAEA,IAAMC,IAAI,GAAG,wBAAS,YAAT,CAAb;;AAEO,IAAMC,UAAqC,GAAG,SAAxCA,UAAwC,OAG9B;AAAA,sBAFrBC,GAEqB;AAAA,MAFrBA,GAEqB,yBAFf,EAEe;AAAA,MADlBC,SACkB;;AACrB,MAAIC,OAAO,CAACC,GAAR,CAAYC,QAAZ,KAAyB,aAAzB,IAA0CJ,GAAG,CAACK,MAAJ,GAAaR,eAA3D,EAA4E;AAC1EC,IAAAA,IAAI,oFACmBE,GAAG,CAACK,MADvB,oIACwDR,eADxD,OAAJ;AAGD;;AAED,MAAMS,KAAK,GAAGC,IAAI,CAACC,GAAL,CACZZ,eADY,EAEZW,IAAI,CAACE,GAAL,CAASZ,eAAT,EAA0BG,GAAG,CAACK,MAA9B,CAFY,CAAd;AAKA,SACE,qCAAC,eAAD,6BACMJ,SADN;AAEE,IAAA,SAAS,EAAE,4BAAW,YAAX,+BAA+CK,KAA/C;AAFb,MAIE;AAAK,IAAA,SAAS,EAAC;AAAf,KACGN,GAAG,CAACU,KAAJ,CAAU,CAAV,EAAab,eAAb,EAA8Bc,GAA9B,CAAkC,UAACX,GAAD,EAAMY,CAAN,EAAY;AAC7C,WACE;AACE,MAAA,GAAG,EAAEA,CADP;AAEE,MAAA,SAAS,EAAC,kBAFZ;AAGE,MAAA,KAAK,EAAE;AAAEC,QAAAA,eAAe,gBAASb,GAAT;AAAjB;AAHT,MADF;AAOD,GARA,CADH,CAJF,CADF;AAkBD,CAjCM","sourcesContent":["import * as React from \"react\";\nimport Avatar, { AvatarProps } from \"../Avatar/Avatar\";\nimport { classNames } from \"../../lib/classNames\";\nimport { warnOnce } from \"../../lib/warnOnce\";\nimport { HasRootRef } from \"../../types\";\nimport \"./GridAvatar.css\";\n\nexport interface GridAvatarProps\n  extends React.HTMLAttributes<HTMLDivElement>,\n    HasRootRef<HTMLDivElement>,\n    Pick<AvatarProps, \"size\" | \"shadow\" | \"badge\"> {\n  src?: string[];\n}\n\nconst MIN_GRID_LENGTH = 1;\nconst MAX_GRID_LENGTH = 4;\n\nconst warn = warnOnce(\"GridAvatar\");\n\nexport const GridAvatar: React.FC<GridAvatarProps> = ({\n  src = [],\n  ...restProps\n}: GridAvatarProps) => {\n  if (process.env.NODE_ENV === \"development\" && src.length > MAX_GRID_LENGTH) {\n    warn(\n      `Размер пропа src (${src.length}) больше максимального (${MAX_GRID_LENGTH})`\n    );\n  }\n\n  const count = Math.max(\n    MIN_GRID_LENGTH,\n    Math.min(MAX_GRID_LENGTH, src.length)\n  );\n\n  return (\n    <Avatar\n      {...restProps}\n      vkuiClass={classNames(\"GridAvatar\", `GridAvatar--images-${count}`)}\n    >\n      <div vkuiClass=\"GridAvatar__in\">\n        {src.slice(0, MAX_GRID_LENGTH).map((src, i) => {\n          return (\n            <div\n              key={i}\n              vkuiClass=\"GridAvatar__item\"\n              style={{ backgroundImage: `url(${src})` }}\n            ></div>\n          );\n        })}\n      </div>\n    </Avatar>\n  );\n};\n"],"file":"GridAvatar.js"}
+{"version":3,"sources":["../../../../src/components/GridAvatar/GridAvatar.tsx"],"names":["MAX_GRID_LENGTH","warn","GridAvatar","src","restProps","process","env","NODE_ENV","length","slice","map","i","backgroundImage"],"mappings":";;;;;;;;;;;;;;;AACA;;AACA;;AACA;;;AAWO,IAAMA,eAAe,GAAG,CAAxB;;AAEP,IAAMC,IAAI,GAAG,wBAAS,YAAT,CAAb;;AACO,IAAMC,UAAqC,GAAG,SAAxCA,UAAwC,OAG/C;AAAA,sBAFJC,GAEI;AAAA,MAFJA,GAEI,yBAFE,EAEF;AAAA,MADDC,SACC;;AACJ,MAAIC,OAAO,CAACC,GAAR,CAAYC,QAAZ,KAAyB,aAAzB,IAA0CJ,GAAG,CAACK,MAAJ,GAAaR,eAA3D,EAA4E;AAC1EC,IAAAA,IAAI,0FACoBE,GAAG,CAACK,MADxB,8HACwDR,eADxD,OAAJ;AAGD;;AAED,SACE,qCAAC,eAAD,6BAAYI,SAAZ;AAAuB,IAAA,SAAS,EAAE,4BAAW,YAAX;AAAlC,MACE;AAAK,IAAA,SAAS,EAAC,gBAAf;AAAgC,mBAAY;AAA5C,KACGD,GAAG,CAACM,KAAJ,CAAU,CAAV,EAAaT,eAAb,EAA8BU,GAA9B,CAAkC,UAACP,GAAD,EAAMQ,CAAN;AAAA,WACjC;AACE,MAAA,GAAG,EAAEA,CADP;AAEE,MAAA,SAAS,EAAC,kBAFZ;AAGE,MAAA,KAAK,EAAE;AAAEC,QAAAA,eAAe,gBAAST,GAAT;AAAjB;AAHT,MADiC;AAAA,GAAlC,CADH,CADF,CADF;AAaD,CAvBM","sourcesContent":["import * as React from \"react\";\nimport Avatar, { AvatarProps } from \"../Avatar/Avatar\";\nimport { classNames } from \"../../lib/classNames\";\nimport { warnOnce } from \"../../lib/warnOnce\";\nimport { HasRootRef } from \"../../types\";\nimport \"./GridAvatar.css\";\n\nexport interface GridAvatarProps\n  extends React.HTMLAttributes<HTMLDivElement>,\n    HasRootRef<HTMLDivElement>,\n    Pick<AvatarProps, \"size\" | \"shadow\" | \"badge\"> {\n  src?: string[];\n}\n\nexport const MAX_GRID_LENGTH = 4;\n\nconst warn = warnOnce(\"GridAvatar\");\nexport const GridAvatar: React.FC<GridAvatarProps> = ({\n  src = [],\n  ...restProps\n}) => {\n  if (process.env.NODE_ENV === \"development\" && src.length > MAX_GRID_LENGTH) {\n    warn(\n      `Длина массива src (${src.length}) больше максимальной (${MAX_GRID_LENGTH})`\n    );\n  }\n\n  return (\n    <Avatar {...restProps} vkuiClass={classNames(\"GridAvatar\")}>\n      <div vkuiClass=\"GridAvatar__in\" aria-hidden=\"true\">\n        {src.slice(0, MAX_GRID_LENGTH).map((src, i) => (\n          <div\n            key={i}\n            vkuiClass=\"GridAvatar__item\"\n            style={{ backgroundImage: `url(${src})` }}\n          />\n        ))}\n      </div>\n    </Avatar>\n  );\n};\n"],"file":"GridAvatar.js"}

package/dist/cjs/components/Group/Group.js

@@ -27,7 +27,7 @@ var _Separator = _interopRequireDefault(require("../Separator/Separator"));
 
 var _utils = require("../../lib/utils");
 
-var _Caption = _interopRequireDefault(require("../Typography/Caption/Caption"));
+var _Caption = require("../Typography/Caption/Caption");
 
 var _withAdaptivity = require("../../hoc/withAdaptivity");
 
@@ -60,11 +60,10 @@ var Group = function Group(props) {
     vkuiClass: (0, _classNames.classNames)((0, _getClassName.getClassName)("Group", platform), "Group--sizeX-".concat(sizeX), "Group--".concat(computedMode))
   }), (0, _jsxRuntime.createScopedElement)("div", {
     vkuiClass: "Group__inner"
-  }, header, children, (0, _utils.hasReactNode)(description) && (0, _jsxRuntime.createScopedElement)(_Caption.default, {
-    vkuiClass: "Group__description",
-    weight: "regular",
-    level: "1"
-  }, description)), separator !== "hide" && (0, _jsxRuntime.createScopedElement)(_Separator.default, {
+  }, header, children, (0, _utils.hasReactNode)(description) && (0, _jsxRuntime.createScopedElement)(_Caption.Caption, {
+    vkuiClass: "Group__description"
+  }, description)), separator !== "hide" && (0, _jsxRuntime.createScopedElement)(_Separator.default // eslint-disable-next-line vkui/no-object-expression-in-arguments
+  , {
     vkuiClass: (0, _classNames.classNames)("Group__separator", {
       "Group__separator--force": separator === "show"
     }),

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/Group/Group.tsx"],"names":["Group","props","header","description","children","separator","getRootRef","mode","sizeX","restProps","React","useContext","ModalRootContext","isInsideModal","platform","computedMode","SizeType","COMPACT","defaultProps"],"mappings":";;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AAEA;;AACA;;AACA;;AACA;;AACA;;AAKA;;;;AAwBA,IAAMA,KAA2B,GAAG,SAA9BA,KAA8B,CAACC,KAAD,EAAuB;AACzD,MACEC,MADF,GASID,KATJ,CACEC,MADF;AAAA,MAEEC,WAFF,GASIF,KATJ,CAEEE,WAFF;AAAA,MAGEC,QAHF,GASIH,KATJ,CAGEG,QAHF;AAAA,MAIEC,SAJF,GASIJ,KATJ,CAIEI,SAJF;AAAA,MAKEC,UALF,GASIL,KATJ,CAKEK,UALF;AAAA,MAMEC,IANF,GASIN,KATJ,CAMEM,IANF;AAAA,MAOEC,KAPF,GASIP,KATJ,CAOEO,KAPF;AAAA,MAQKC,SARL,0CASIR,KATJ;;AAUA,0BAA0BS,KAAK,CAACC,UAAN,CAAiBC,yBAAjB,CAA1B;AAAA,MAAQC,aAAR,qBAAQA,aAAR;;AACA,MAAMC,QAAQ,GAAG,+BAAjB;AAEA,MAAIC,YAAgC,GAAGR,IAAvC;;AAEA,MAAI,CAACA,IAAL,EAAW;AACTQ,IAAAA,YAAY,GACVP,KAAK,KAAKQ,yBAASC,OAAnB,IAA8BJ,aAA9B,GAA8C,OAA9C,GAAwD,MAD1D;AAED;;AAED,SACE,2EACMJ,SADN;AAEE,IAAA,GAAG,EAAEH,UAFP;AAGE,IAAA,SAAS,EAAE,4BACT,gCAAa,OAAb,EAAsBQ,QAAtB,CADS,yBAEON,KAFP,oBAGCO,YAHD;AAHb,MASE;AAAK,IAAA,SAAS,EAAC;AAAf,KACGb,MADH,EAEGE,QAFH,EAGG,yBAAaD,WAAb,KACC,qCAAC,gBAAD;AAAS,IAAA,SAAS,EAAC,oBAAnB;AAAwC,IAAA,MAAM,EAAC,SAA/C;AAAyD,IAAA,KAAK,EAAC;AAA/D,KACGA,WADH,CAJJ,CATF,EAmBGE,SAAS,KAAK,MAAd,IACC,qCAAC,kBAAD;AACE,IAAA,SAAS,EAAE,4BAAW,kBAAX,EAA+B;AACxC,iCAA2BA,SAAS,KAAK;AADD,KAA/B,CADb;AAIE,IAAA,QAAQ,EAAEU,YAAY,KAAK;AAJ7B,IApBJ,CADF;AA8BD,CAnDD;;AAqDAf,KAAK,CAACkB,YAAN,GAAqB;AACnBb,EAAAA,SAAS,EAAE;AADQ,CAArB,C,CAIA;;eACe,oCAAeL,KAAf,EAAsB;AAAEQ,EAAAA,KAAK,EAAE;AAAT,CAAtB,C","sourcesContent":["import * as React from \"react\";\nimport { getClassName } from \"../../helpers/getClassName\";\nimport { classNames } from \"../../lib/classNames\";\nimport { HasRootRef } from \"../../types\";\nimport { usePlatform } from \"../../hooks/usePlatform\";\nimport Separator from \"../Separator/Separator\";\nimport { hasReactNode } from \"../../lib/utils\";\nimport Caption from \"../Typography/Caption/Caption\";\nimport {\n  withAdaptivity,\n  AdaptivityProps,\n  SizeType,\n} from \"../../hoc/withAdaptivity\";\nimport ModalRootContext from \"../ModalRoot/ModalRootContext\";\nimport \"./Group.css\";\n\nexport interface GroupProps\n  extends HasRootRef<HTMLElement>,\n    React.HTMLAttributes<HTMLElement>,\n    AdaptivityProps {\n  header?: React.ReactNode;\n  description?: React.ReactNode;\n  /**\n    show - разделитель всегда показывается,\n    hide – разделитель всегда спрятан,\n    auto – разделитель рисуется автоматически между соседними группами.\n   */\n  separator?: \"show\" | \"hide\" | \"auto\";\n  /**\n   * Режим отображения. Если установлен 'card', выглядит как карточка c\n   * обводкой и внешними отступами. Если 'plain' — без отступов и обводки.\n   * По умолчанию режим отображения зависит от `sizeX`. В модальных окнах\n   * по умолчанию 'plain'.\n   */\n  mode?: \"plain\" | \"card\";\n}\n\nconst Group: React.FC<GroupProps> = (props: GroupProps) => {\n  const {\n    header,\n    description,\n    children,\n    separator,\n    getRootRef,\n    mode,\n    sizeX,\n    ...restProps\n  } = props;\n  const { isInsideModal } = React.useContext(ModalRootContext);\n  const platform = usePlatform();\n\n  let computedMode: GroupProps[\"mode\"] = mode;\n\n  if (!mode) {\n    computedMode =\n      sizeX === SizeType.COMPACT || isInsideModal ? \"plain\" : \"card\";\n  }\n\n  return (\n    <section\n      {...restProps}\n      ref={getRootRef}\n      vkuiClass={classNames(\n        getClassName(\"Group\", platform),\n        `Group--sizeX-${sizeX}`,\n        `Group--${computedMode}`\n      )}\n    >\n      <div vkuiClass=\"Group__inner\">\n        {header}\n        {children}\n        {hasReactNode(description) && (\n          <Caption vkuiClass=\"Group__description\" weight=\"regular\" level=\"1\">\n            {description}\n          </Caption>\n        )}\n      </div>\n\n      {separator !== \"hide\" && (\n        <Separator\n          vkuiClass={classNames(\"Group__separator\", {\n            \"Group__separator--force\": separator === \"show\",\n          })}\n          expanded={computedMode === \"card\"}\n        />\n      )}\n    </section>\n  );\n};\n\nGroup.defaultProps = {\n  separator: \"auto\",\n};\n\n// eslint-disable-next-line import/no-default-export\nexport default withAdaptivity(Group, { sizeX: true });\n"],"file":"Group.js"}
+{"version":3,"sources":["../../../../src/components/Group/Group.tsx"],"names":["Group","props","header","description","children","separator","getRootRef","mode","sizeX","restProps","React","useContext","ModalRootContext","isInsideModal","platform","computedMode","SizeType","COMPACT","defaultProps"],"mappings":";;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AAEA;;AACA;;AACA;;AACA;;AACA;;AAKA;;;;AAwBA,IAAMA,KAA2B,GAAG,SAA9BA,KAA8B,CAACC,KAAD,EAAuB;AACzD,MACEC,MADF,GASID,KATJ,CACEC,MADF;AAAA,MAEEC,WAFF,GASIF,KATJ,CAEEE,WAFF;AAAA,MAGEC,QAHF,GASIH,KATJ,CAGEG,QAHF;AAAA,MAIEC,SAJF,GASIJ,KATJ,CAIEI,SAJF;AAAA,MAKEC,UALF,GASIL,KATJ,CAKEK,UALF;AAAA,MAMEC,IANF,GASIN,KATJ,CAMEM,IANF;AAAA,MAOEC,KAPF,GASIP,KATJ,CAOEO,KAPF;AAAA,MAQKC,SARL,0CASIR,KATJ;;AAUA,0BAA0BS,KAAK,CAACC,UAAN,CAAiBC,yBAAjB,CAA1B;AAAA,MAAQC,aAAR,qBAAQA,aAAR;;AACA,MAAMC,QAAQ,GAAG,+BAAjB;AAEA,MAAIC,YAAgC,GAAGR,IAAvC;;AAEA,MAAI,CAACA,IAAL,EAAW;AACTQ,IAAAA,YAAY,GACVP,KAAK,KAAKQ,yBAASC,OAAnB,IAA8BJ,aAA9B,GAA8C,OAA9C,GAAwD,MAD1D;AAED;;AAED,SACE,2EACMJ,SADN;AAEE,IAAA,GAAG,EAAEH,UAFP;AAGE,IAAA,SAAS,EAAE,4BACT,gCAAa,OAAb,EAAsBQ,QAAtB,CADS,yBAEON,KAFP,oBAGCO,YAHD;AAHb,MASE;AAAK,IAAA,SAAS,EAAC;AAAf,KACGb,MADH,EAEGE,QAFH,EAGG,yBAAaD,WAAb,KACC,qCAAC,gBAAD;AAAS,IAAA,SAAS,EAAC;AAAnB,KAAyCA,WAAzC,CAJJ,CATF,EAiBGE,SAAS,KAAK,MAAd,IACC,qCAAC,kBAAD,CACE;AADF;AAEE,IAAA,SAAS,EAAE,4BAAW,kBAAX,EAA+B;AACxC,iCAA2BA,SAAS,KAAK;AADD,KAA/B,CAFb;AAKE,IAAA,QAAQ,EAAEU,YAAY,KAAK;AAL7B,IAlBJ,CADF;AA6BD,CAlDD;;AAoDAf,KAAK,CAACkB,YAAN,GAAqB;AACnBb,EAAAA,SAAS,EAAE;AADQ,CAArB,C,CAIA;;eACe,oCAAeL,KAAf,EAAsB;AAAEQ,EAAAA,KAAK,EAAE;AAAT,CAAtB,C","sourcesContent":["import * as React from \"react\";\nimport { getClassName } from \"../../helpers/getClassName\";\nimport { classNames } from \"../../lib/classNames\";\nimport { HasRootRef } from \"../../types\";\nimport { usePlatform } from \"../../hooks/usePlatform\";\nimport Separator from \"../Separator/Separator\";\nimport { hasReactNode } from \"../../lib/utils\";\nimport { Caption } from \"../Typography/Caption/Caption\";\nimport {\n  withAdaptivity,\n  AdaptivityProps,\n  SizeType,\n} from \"../../hoc/withAdaptivity\";\nimport ModalRootContext from \"../ModalRoot/ModalRootContext\";\nimport \"./Group.css\";\n\nexport interface GroupProps\n  extends HasRootRef<HTMLElement>,\n    React.HTMLAttributes<HTMLElement>,\n    AdaptivityProps {\n  header?: React.ReactNode;\n  description?: React.ReactNode;\n  /**\n    show - разделитель всегда показывается,\n    hide – разделитель всегда спрятан,\n    auto – разделитель рисуется автоматически между соседними группами.\n   */\n  separator?: \"show\" | \"hide\" | \"auto\";\n  /**\n   * Режим отображения. Если установлен 'card', выглядит как карточка c\n   * обводкой и внешними отступами. Если 'plain' — без отступов и обводки.\n   * По умолчанию режим отображения зависит от `sizeX`. В модальных окнах\n   * по умолчанию 'plain'.\n   */\n  mode?: \"plain\" | \"card\";\n}\n\nconst Group: React.FC<GroupProps> = (props: GroupProps) => {\n  const {\n    header,\n    description,\n    children,\n    separator,\n    getRootRef,\n    mode,\n    sizeX,\n    ...restProps\n  } = props;\n  const { isInsideModal } = React.useContext(ModalRootContext);\n  const platform = usePlatform();\n\n  let computedMode: GroupProps[\"mode\"] = mode;\n\n  if (!mode) {\n    computedMode =\n      sizeX === SizeType.COMPACT || isInsideModal ? \"plain\" : \"card\";\n  }\n\n  return (\n    <section\n      {...restProps}\n      ref={getRootRef}\n      vkuiClass={classNames(\n        getClassName(\"Group\", platform),\n        `Group--sizeX-${sizeX}`,\n        `Group--${computedMode}`\n      )}\n    >\n      <div vkuiClass=\"Group__inner\">\n        {header}\n        {children}\n        {hasReactNode(description) && (\n          <Caption vkuiClass=\"Group__description\">{description}</Caption>\n        )}\n      </div>\n\n      {separator !== \"hide\" && (\n        <Separator\n          // eslint-disable-next-line vkui/no-object-expression-in-arguments\n          vkuiClass={classNames(\"Group__separator\", {\n            \"Group__separator--force\": separator === \"show\",\n          })}\n          expanded={computedMode === \"card\"}\n        />\n      )}\n    </section>\n  );\n};\n\nGroup.defaultProps = {\n  separator: \"auto\",\n};\n\n// eslint-disable-next-line import/no-default-export\nexport default withAdaptivity(Group, { sizeX: true });\n"],"file":"Group.js"}