@vkontakte/vkui 4.22.0 → 4.24.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;AAAK,IAAA,IAAI,EAAC,cAAV;AAAyB,IAAA,SAAS,EAAE,4BAAW,mBAAX,EAAgC;AAClE,kCAA4B,CAACC,QAAD,IAAaM;AADyB,KAAhC;AAApC,IApBF,CADF;AA0BD,CAhDM","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 extends\n  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 role=\"presentation\" vkuiClass={classNames('FormField__border', {\n        'FormField__border--hover': !disabled && hover,\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,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"}

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

@@ -1,11 +1,11 @@
-import * as React from 'react';
-import { HasComponent, HasRootRef } from '../../types';
-import { RemovableProps } from '../Removable/Removable';
-import './FormItem.css';
+import * as React from "react";
+import { HasComponent, HasRootRef } from "../../types";
+import { RemovableProps } from "../Removable/Removable";
+import "./FormItem.css";
 export interface FormItemProps extends React.AllHTMLAttributes<HTMLElement>, HasRootRef<HTMLElement>, HasComponent, RemovableProps {
     top?: React.ReactNode;
     bottom?: React.ReactNode;
-    status?: 'default' | 'error' | 'valid';
+    status?: "default" | "error" | "valid";
     /**
      * Дает возможность удалить `FormItem`. Рекомендуется использовать только для `Input` или `Select`.
      */

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

@@ -42,15 +42,17 @@ var FormItem = function FormItem(_ref) {
       top = _ref.top,
       bottom = _ref.bottom,
       _ref$status = _ref.status,
-      status = _ref$status === void 0 ? 'default' : _ref$status,
+      status = _ref$status === void 0 ? "default" : _ref$status,
       _ref$Component = _ref.Component,
-      Component = _ref$Component === void 0 ? 'div' : _ref$Component,
+      Component = _ref$Component === void 0 ? "div" : _ref$Component,
       removable = _ref.removable,
-      _onRemove = _ref.onRemove,
+      _ref$onRemove = _ref.onRemove,
+      _onRemove = _ref$onRemove === void 0 ? _utils.noop : _ref$onRemove,
       _ref$removePlaceholde = _ref.removePlaceholder,
-      removePlaceholder = _ref$removePlaceholde === void 0 ? 'Удалить' : _ref$removePlaceholde,
+      removePlaceholder = _ref$removePlaceholde === void 0 ? "Удалить" : _ref$removePlaceholde,
       getRootRef = _ref.getRootRef,
       restProps = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+
   var platform = (0, _usePlatform.usePlatform)();
   var rootEl = (0, _useExternRef.useExternRef)(getRootRef);
 
@@ -67,9 +69,9 @@ var FormItem = function FormItem(_ref) {
   }, bottom));
   return (0, _jsxRuntime.createScopedElement)(Component, (0, _extends2.default)({}, restProps, {
     ref: rootEl,
-    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
+    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
     })
   }), removable ? (0, _jsxRuntime.createScopedElement)(_Removable.Removable, {
     align: "start",

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","removePlaceholder","getRootRef","restProps","platform","rootEl","sizeY","wrappedChildren","e","current"],"mappings":";;;;;;;;;;;;;;;;;AAAA;;AAEA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;AAaO,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,MAJnBC,SAImB,QAJnBA,QAImB;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,yBAAaZ,GAAb,KAAqB,qCAAC,gBAAD;AAAS,IAAA,MAAM,EAAC,SAAhB;AAA0B,IAAA,SAAS,EAAC;AAApC,KAAqDA,GAArD,CADxB,EAEGD,QAFH,EAGG,yBAAaE,MAAb,KAAwB,qCAAC,gBAAD;AAAS,IAAA,KAAK,EAAC,GAAf;AAAmB,IAAA,MAAM,EAAC,SAA1B;AAAoC,IAAA,SAAS,EAAC;AAA9C,KAAkEA,MAAlE,CAH3B,CADF;AAQA,SACE,qCAAC,SAAD,6BACMO,SADN;AAEE,IAAA,GAAG,EAAEE,MAFP;AAGE,IAAA,SAAS,EAAE,4BACT,gCAAa,UAAb,EAAyBD,QAAzB,CADS,sBAEIP,MAFJ,6BAGUS,KAHV,GAIT;AACE,2BAAqB,yBAAaX,GAAb,CADvB;AAEE,6BAAuBI;AAFzB,KAJS;AAHb,MAaGA,SAAS,GACR,qCAAC,oBAAD;AAAW,IAAA,KAAK,EAAC,OAAjB;AAAyB,IAAA,QAAQ,EAAE,kBAACS,CAAD;AAAA,aAAOR,SAAQ,CAACQ,CAAD,EAAIH,MAAJ,aAAIA,MAAJ,uBAAIA,MAAM,CAAEI,OAAZ,CAAf;AAAA,KAAnC;AAAwE,IAAA,iBAAiB,EAAER;AAA3F,KACE;AAAK,IAAA,SAAS,EAAC;AAAf,KACGM,eADH,CADF,CADQ,GAMNA,eAnBN,CADF;AAuBD,CA/CM","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 } 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 extends React.AllHTMLAttributes<HTMLElement>, HasRootRef<HTMLElement>, HasComponent, 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,\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 weight=\"regular\" vkuiClass=\"FormItem__top\">{top}</Subhead>}\n      {children}\n      {hasReactNode(bottom) && <Caption level=\"1\" weight=\"regular\" vkuiClass=\"FormItem__bottom\">{bottom}</Caption>}\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 align=\"start\" onRemove={(e) => onRemove(e, rootEl?.current)} removePlaceholder={removePlaceholder}>\n          <div vkuiClass=\"FormItem__removable\">\n            {wrappedChildren}\n          </div>\n        </Removable>\n      ) : wrappedChildren}\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,KACC,qCAAC,gBAAD;AAAS,IAAA,MAAM,EAAC,SAAhB;AAA0B,IAAA,SAAS,EAAC;AAApC,KACGA,GADH,CAFJ,EAMGD,QANH,EAOG,yBAAaE,MAAb,KACC,qCAAC,gBAAD;AAAS,IAAA,KAAK,EAAC,GAAf;AAAmB,IAAA,MAAM,EAAC,SAA1B;AAAoC,IAAA,SAAS,EAAC;AAA9C,KACGA,MADH,CARJ,CADF;AAgBA,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;AAAA,aAAOT,SAAQ,CAACS,CAAD,EAAIH,MAAJ,aAAIA,MAAJ,uBAAIA,MAAM,CAAEI,OAAZ,CAAf;AAAA,KAFZ;AAGE,IAAA,iBAAiB,EAAER;AAHrB,KAKE;AAAK,IAAA,SAAS,EAAC;AAAf,KAAsCM,eAAtC,CALF,CADQ,GASRA,eAtBJ,CADF;AA2BD,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) && (\n        <Subhead weight=\"regular\" vkuiClass=\"FormItem__top\">\n          {top}\n        </Subhead>\n      )}\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) => onRemove(e, rootEl?.current)}\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/FormLayout/FormLayout.d.ts

@@ -1,6 +1,6 @@
-import * as React from 'react';
-import { HasComponent, HasRef } from '../../types';
-import './FormLayout.css';
+import * as React from "react";
+import { HasComponent, HasRef } from "../../types";
+import "./FormLayout.css";
 export declare type FormLayoutProps = React.AllHTMLAttributes<HTMLElement> & HasRef<HTMLElement> & HasComponent;
 declare const FormLayout: React.FunctionComponent<FormLayoutProps>;
 export default FormLayout;

package/dist/cjs/components/FormLayout/FormLayout.js

@@ -31,12 +31,12 @@ var FormLayout = function FormLayout(props) {
       restProps = (0, _objectWithoutProperties2.default)(props, _excluded);
   var platform = (0, _usePlatform.usePlatform)();
   return (0, _jsxRuntime.createScopedElement)(Component, (0, _extends2.default)({}, restProps, {
-    vkuiClass: (0, _getClassName.getClassName)('FormLayout', platform),
+    vkuiClass: (0, _getClassName.getClassName)("FormLayout", platform),
     onSubmit: onSubmit,
     ref: getRef
   }), (0, _jsxRuntime.createScopedElement)("div", {
     vkuiClass: "FormLayout__container"
-  }, children), Component === 'form' && (0, _jsxRuntime.createScopedElement)("input", {
+  }, children), Component === "form" && (0, _jsxRuntime.createScopedElement)("input", {
     type: "submit",
     vkuiClass: "FormLayout__submit",
     value: ""
@@ -44,7 +44,7 @@ var FormLayout = function FormLayout(props) {
 };
 
 FormLayout.defaultProps = {
-  Component: 'form',
+  Component: "form",
   onSubmit: preventDefault
 };
 var _default = FormLayout;

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/FormLayout/FormLayout.tsx"],"names":["preventDefault","e","FormLayout","props","children","Component","getRef","onSubmit","restProps","platform","defaultProps"],"mappings":";;;;;;;;;;;;;;;AACA;;AACA;;;;AAIA,IAAMA,cAAc,GAAG,SAAjBA,cAAiB,CAACC,CAAD;AAAA,SAAwBA,CAAC,CAACD,cAAF,EAAxB;AAAA,CAAvB;;AAIA,IAAME,UAAoD,GAAG,SAAvDA,UAAuD,CAACC,KAAD,EAA4B;AACvF,MACEC,QADF,GAMID,KANJ,CACEC,QADF;AAAA,MAEEC,SAFF,GAMIF,KANJ,CAEEE,SAFF;AAAA,MAGEC,MAHF,GAMIH,KANJ,CAGEG,MAHF;AAAA,MAIEC,QAJF,GAMIJ,KANJ,CAIEI,QAJF;AAAA,MAKKC,SALL,0CAMIL,KANJ;AAQA,MAAMM,QAAQ,GAAG,+BAAjB;AACA,SACE,qCAAC,SAAD,6BACMD,SADN;AAEE,IAAA,SAAS,EAAE,gCAAa,YAAb,EAA2BC,QAA3B,CAFb;AAGE,IAAA,QAAQ,EAAEF,QAHZ;AAIE,IAAA,GAAG,EAAED;AAJP,MAME;AAAK,IAAA,SAAS,EAAC;AAAf,KACGF,QADH,CANF,EASGC,SAAS,KAAK,MAAd,IACC;AAAO,IAAA,IAAI,EAAC,QAAZ;AAAqB,IAAA,SAAS,EAAC,oBAA/B;AAAoD,IAAA,KAAK,EAAC;AAA1D,IAVJ,CADF;AAeD,CAzBD;;AA2BAH,UAAU,CAACQ,YAAX,GAA0B;AACxBL,EAAAA,SAAS,EAAE,MADa;AAExBE,EAAAA,QAAQ,EAAEP;AAFc,CAA1B;eAKeE,U","sourcesContent":["import * as React from 'react';\nimport { getClassName } from '../../helpers/getClassName';\nimport { usePlatform } from '../../hooks/usePlatform';\nimport { HasComponent, HasRef } from '../../types';\nimport './FormLayout.css';\n\nconst preventDefault = (e: React.FormEvent) => e.preventDefault();\n\nexport type FormLayoutProps = React.AllHTMLAttributes<HTMLElement> & HasRef<HTMLElement> & HasComponent;\n\nconst FormLayout: React.FunctionComponent<FormLayoutProps> = (props: FormLayoutProps) => {\n  const {\n    children,\n    Component,\n    getRef,\n    onSubmit,\n    ...restProps\n  } = props;\n\n  const platform = usePlatform();\n  return (\n    <Component\n      {...restProps}\n      vkuiClass={getClassName('FormLayout', platform)}\n      onSubmit={onSubmit}\n      ref={getRef}\n    >\n      <div vkuiClass=\"FormLayout__container\">\n        {children}\n      </div>\n      {Component === 'form' &&\n        <input type=\"submit\" vkuiClass=\"FormLayout__submit\" value=\"\" />\n      }\n    </Component>\n  );\n};\n\nFormLayout.defaultProps = {\n  Component: 'form',\n  onSubmit: preventDefault,\n};\n\nexport default FormLayout;\n"],"file":"FormLayout.js"}
+{"version":3,"sources":["../../../../src/components/FormLayout/FormLayout.tsx"],"names":["preventDefault","e","FormLayout","props","children","Component","getRef","onSubmit","restProps","platform","defaultProps"],"mappings":";;;;;;;;;;;;;;;AACA;;AACA;;;;AAIA,IAAMA,cAAc,GAAG,SAAjBA,cAAiB,CAACC,CAAD;AAAA,SAAwBA,CAAC,CAACD,cAAF,EAAxB;AAAA,CAAvB;;AAMA,IAAME,UAAoD,GAAG,SAAvDA,UAAuD,CAC3DC,KAD2D,EAExD;AACH,MAAQC,QAAR,GAAgED,KAAhE,CAAQC,QAAR;AAAA,MAAkBC,SAAlB,GAAgEF,KAAhE,CAAkBE,SAAlB;AAAA,MAA6BC,MAA7B,GAAgEH,KAAhE,CAA6BG,MAA7B;AAAA,MAAqCC,QAArC,GAAgEJ,KAAhE,CAAqCI,QAArC;AAAA,MAAkDC,SAAlD,0CAAgEL,KAAhE;AAEA,MAAMM,QAAQ,GAAG,+BAAjB;AACA,SACE,qCAAC,SAAD,6BACMD,SADN;AAEE,IAAA,SAAS,EAAE,gCAAa,YAAb,EAA2BC,QAA3B,CAFb;AAGE,IAAA,QAAQ,EAAEF,QAHZ;AAIE,IAAA,GAAG,EAAED;AAJP,MAME;AAAK,IAAA,SAAS,EAAC;AAAf,KAAwCF,QAAxC,CANF,EAOGC,SAAS,KAAK,MAAd,IACC;AAAO,IAAA,IAAI,EAAC,QAAZ;AAAqB,IAAA,SAAS,EAAC,oBAA/B;AAAoD,IAAA,KAAK,EAAC;AAA1D,IARJ,CADF;AAaD,CAnBD;;AAqBAH,UAAU,CAACQ,YAAX,GAA0B;AACxBL,EAAAA,SAAS,EAAE,MADa;AAExBE,EAAAA,QAAQ,EAAEP;AAFc,CAA1B;eAKeE,U","sourcesContent":["import * as React from \"react\";\nimport { getClassName } from \"../../helpers/getClassName\";\nimport { usePlatform } from \"../../hooks/usePlatform\";\nimport { HasComponent, HasRef } from \"../../types\";\nimport \"./FormLayout.css\";\n\nconst preventDefault = (e: React.FormEvent) => e.preventDefault();\n\nexport type FormLayoutProps = React.AllHTMLAttributes<HTMLElement> &\n  HasRef<HTMLElement> &\n  HasComponent;\n\nconst FormLayout: React.FunctionComponent<FormLayoutProps> = (\n  props: FormLayoutProps\n) => {\n  const { children, Component, getRef, onSubmit, ...restProps } = props;\n\n  const platform = usePlatform();\n  return (\n    <Component\n      {...restProps}\n      vkuiClass={getClassName(\"FormLayout\", platform)}\n      onSubmit={onSubmit}\n      ref={getRef}\n    >\n      <div vkuiClass=\"FormLayout__container\">{children}</div>\n      {Component === \"form\" && (\n        <input type=\"submit\" vkuiClass=\"FormLayout__submit\" value=\"\" />\n      )}\n    </Component>\n  );\n};\n\nFormLayout.defaultProps = {\n  Component: \"form\",\n  onSubmit: preventDefault,\n};\n\nexport default FormLayout;\n"],"file":"FormLayout.js"}

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

@@ -1,9 +1,9 @@
-import * as React from 'react';
-import { HasRootRef } from '../../types';
-import { RemovableProps } from '../Removable/Removable';
-import './FormLayoutGroup.css';
+import * as React from "react";
+import { HasRootRef } from "../../types";
+import { RemovableProps } from "../Removable/Removable";
+import "./FormLayoutGroup.css";
 export interface FormLayoutGroupProps extends React.HTMLAttributes<HTMLDivElement>, RemovableProps, HasRootRef<HTMLDivElement> {
-    mode?: 'vertical' | 'horizontal';
+    mode?: "vertical" | "horizontal";
     /**
      * Только для режима horizontal. Дает возможность удалить всю группу `FormItem`.
      */

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

@@ -17,6 +17,8 @@ var _getClassName = require("../../helpers/getClassName");
 
 var _classNames = require("../../lib/classNames");
 
+var _utils = require("../../lib/utils");
+
 var _useExternRef = require("../../hooks/useExternRef");
 
 var _usePlatform = require("../../hooks/usePlatform");
@@ -30,24 +32,26 @@ var _excluded = ["children", "mode", "removable", "removePlaceholder", "onRemove
 var FormLayoutGroup = function FormLayoutGroup(_ref) {
   var children = _ref.children,
       _ref$mode = _ref.mode,
-      mode = _ref$mode === void 0 ? 'vertical' : _ref$mode,
+      mode = _ref$mode === void 0 ? "vertical" : _ref$mode,
       removable = _ref.removable,
       _ref$removePlaceholde = _ref.removePlaceholder,
-      removePlaceholder = _ref$removePlaceholde === void 0 ? 'Удалить' : _ref$removePlaceholde,
-      _onRemove = _ref.onRemove,
+      removePlaceholder = _ref$removePlaceholde === void 0 ? "Удалить" : _ref$removePlaceholde,
+      _ref$onRemove = _ref.onRemove,
+      _onRemove = _ref$onRemove === void 0 ? _utils.noop : _ref$onRemove,
       getRootRef = _ref.getRootRef,
       restProps = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+
   var platform = (0, _usePlatform.usePlatform)();
 
   var _useAdaptivity = (0, _useAdaptivity2.useAdaptivity)(),
       sizeY = _useAdaptivity.sizeY;
 
-  var isRemovable = removable && mode === 'horizontal';
+  var isRemovable = removable && mode === "horizontal";
   var rootEl = (0, _useExternRef.useExternRef)(getRootRef);
   return (0, _jsxRuntime.createScopedElement)("div", (0, _extends2.default)({
     ref: rootEl,
-    vkuiClass: (0, _classNames.classNames)((0, _getClassName.getClassName)('FormLayoutGroup', platform), "FormLayoutGroup--sizeY-".concat(sizeY), "FormLayoutGroup--".concat(mode), {
-      'FormLayoutGroup--removable': isRemovable
+    vkuiClass: (0, _classNames.classNames)((0, _getClassName.getClassName)("FormLayoutGroup", platform), "FormLayoutGroup--sizeY-".concat(sizeY), "FormLayoutGroup--".concat(mode), {
+      "FormLayoutGroup--removable": isRemovable
     })
   }, restProps), isRemovable ? (0, _jsxRuntime.createScopedElement)(_Removable.Removable, {
     vkuiClass: "FormLayoutGroup__removable",

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","getRootRef","restProps","platform","sizeY","isRemovable","rootEl","e","current"],"mappings":";;;;;;;;;;;;;;;AAEA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;AAWA,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,MAH1BC,SAG0B,QAH1BA,QAG0B;AAAA,MAF1BC,UAE0B,QAF1BA,UAE0B;AAAA,MADvBC,SACuB;AAC1B,MAAMC,QAAQ,GAAG,+BAAjB;;AACA,uBAAkB,oCAAlB;AAAA,MAAQC,KAAR,kBAAQA,KAAR;;AACA,MAAMC,WAAW,GAAGP,SAAS,IAAID,IAAI,KAAK,YAA1C;AACA,MAAMS,MAAM,GAAG,gCAAaL,UAAb,CAAf;AAEA,SACE;AACE,IAAA,GAAG,EAAEK,MADP;AAEE,IAAA,SAAS,EAAE,4BACT,gCAAa,iBAAb,EAAgCH,QAAhC,CADS,mCAEiBC,KAFjB,8BAGWP,IAHX,GAGmB;AAC1B,oCAA8BQ;AADJ,KAHnB;AAFb,KASMH,SATN,GAUGG,WAAW,GAER,qCAAC,oBAAD;AACE,IAAA,SAAS,EAAC,4BADZ;AAEE,IAAA,KAAK,EAAC,OAFR;AAGE,IAAA,iBAAiB,EAAEN,iBAHrB;AAIE,IAAA,QAAQ,EAAE,kBAACQ,CAAD;AAAA,aAAOP,SAAQ,CAACO,CAAD,EAAID,MAAJ,aAAIA,MAAJ,uBAAIA,MAAM,CAAEE,OAAZ,CAAf;AAAA;AAJZ,KAMGZ,QANH,CAFQ,GAWRA,QArBN,CADF;AA0BD,CAxCD;;eA0CeD,e","sourcesContent":["import * as React from 'react';\nimport { HasRootRef } from '../../types';\nimport { getClassName } from '../../helpers/getClassName';\nimport { classNames } from '../../lib/classNames';\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 extends React.HTMLAttributes<HTMLDivElement>, RemovableProps, 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,\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          'FormLayoutGroup--removable': isRemovable,\n        },\n      )}\n      {...restProps}>\n      {isRemovable\n        ? (\n          <Removable\n            vkuiClass=\"FormLayoutGroup__removable\"\n            align=\"start\"\n            removePlaceholder={removePlaceholder}\n            onRemove={(e) => onRemove(e, rootEl?.current)}\n          >\n            {children}\n          </Removable>\n        )\n        : children\n      }\n    </div>\n  );\n};\n\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;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;AAAA,aAAOR,SAAQ,CAACQ,CAAD,EAAID,MAAJ,aAAIA,MAAJ,uBAAIA,MAAM,CAAEE,OAAZ,CAAf;AAAA;AAJZ,KAMGb,QANH,CADU,GAUVA,QAtBJ,CADF;AA2BD,CAzCD;;eA2CeD,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) => onRemove(e, rootEl?.current)}\n        >\n          {children}\n        </Removable>\n      ) : (\n        children\n      )}\n    </div>\n  );\n};\n\nexport default FormLayoutGroup;\n"],"file":"FormLayoutGroup.js"}

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

@@ -1,7 +1,7 @@
-import * as React from 'react';
-import './FormStatus.css';
+import * as React from "react";
+import "./FormStatus.css";
 export interface FormStatusProps extends React.HTMLAttributes<HTMLDivElement> {
-    mode?: 'default' | 'error';
+    mode?: "default" | "error";
     header?: React.ReactNode;
 }
 export declare const FormStatus: React.FunctionComponent<FormStatusProps>;

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

@@ -35,7 +35,7 @@ var FormStatus = function FormStatus(_ref) {
       restProps = (0, _objectWithoutProperties2.default)(_ref, _excluded);
   var platform = (0, _usePlatform.usePlatform)();
   return (0, _jsxRuntime.createScopedElement)("div", (0, _extends2.default)({}, restProps, {
-    vkuiClass: (0, _classNames.classNames)((0, _getClassName.getClassName)('FormStatus', platform), "FormStatus--".concat(mode))
+    vkuiClass: (0, _classNames.classNames)((0, _getClassName.getClassName)("FormStatus", platform), "FormStatus--".concat(mode))
   }), (0, _utils.hasReactNode)(header) && (0, _jsxRuntime.createScopedElement)(_Headline.default, {
     weight: "medium",
     vkuiClass: "FormStatus__header"

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,4BAAW,gCAAa,YAAb,EAA2BC,QAA3B,CAAX,wBAAgEL,IAAhE;AAFb,MAIG,yBAAaC,MAAb,KAAwB,qCAAC,iBAAD;AAAU,IAAA,MAAM,EAAC,QAAjB;AAA0B,IAAA,SAAS,EAAC;AAApC,KAA0DA,MAA1D,CAJ3B,EAKGE,uBAAuB,IACtB,qCAAC,gBAAD;AAAS,IAAA,KAAK,EAAC,GAAf;AAAmB,IAAA,MAAM,EAAC,SAA1B;AAAoC,IAAA,uBAAuB,EAAEA;AAA7D,IANJ,EAQG,yBAAaD,QAAb,KAA0B,CAACC,uBAA3B,IAAsD,qCAAC,gBAAD;AAAS,IAAA,KAAK,EAAC,GAAf;AAAmB,IAAA,MAAM,EAAC;AAA1B,KAAqCD,QAArC,CARzD,CADF;AAYD,CArBM","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(getClassName('FormStatus', platform), `FormStatus--${mode}`)}\n    >\n      {hasReactNode(header) && <Headline weight=\"medium\" vkuiClass=\"FormStatus__header\">{header}</Headline>}\n      {dangerouslySetInnerHTML &&\n        <Caption level=\"1\" weight=\"regular\" dangerouslySetInnerHTML={dangerouslySetInnerHTML} />\n      }\n      {hasReactNode(children) && !dangerouslySetInnerHTML && <Caption level=\"1\" weight=\"regular\">{children}</Caption>}\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;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"}

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

@@ -1,8 +1,8 @@
-import * as React from 'react';
-import { TouchEventHandler } from '../Touch/Touch';
-import { HasAlign, HasPlatform, HasRef, HasRootRef } from '../../types';
-import './Gallery.css';
-export interface BaseGalleryProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onChange' | 'onDragStart' | 'onDragEnd'>, HasPlatform, HasAlign, HasRootRef<HTMLDivElement>, HasRef<HTMLElement> {
+import * as React from "react";
+import { TouchEventHandler } from "../Touch/Touch";
+import { HasAlign, HasPlatform, HasRef, HasRootRef } from "../../types";
+import "./Gallery.css";
+export interface BaseGalleryProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "onChange" | "onDragStart" | "onDragEnd">, HasPlatform, HasAlign, HasRootRef<HTMLDivElement>, HasRef<HTMLElement> {
     slideWidth?: string | number;
     slideIndex?: number;
     onDragStart?: TouchEventHandler;
@@ -11,7 +11,7 @@ export interface BaseGalleryProps extends Omit<React.HTMLAttributes<HTMLDivEleme
     onEnd?({ targetIndex }: {
         targetIndex: number;
     }): void;
-    bullets?: 'dark' | 'light' | false;
+    bullets?: "dark" | "light" | false;
     isDraggable?: boolean;
     showArrows?: boolean;
 }

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

@@ -166,7 +166,7 @@ var BaseGallery = /*#__PURE__*/function (_React$Component) {
   (0, _createClass2.default)(BaseGallery, [{
     key: "isCenterWithCustomWidth",
     get: function get() {
-      return this.props.slideWidth === 'custom' && this.props.align === 'center';
+      return this.props.slideWidth === "custom" && this.props.align === "center";
     }
   }, {
     key: "initializeSlides",
@@ -235,13 +235,13 @@ var BaseGallery = /*#__PURE__*/function (_React$Component) {
       var viewportWidth = this.viewport.offsetWidth;
 
       switch (this.props.align) {
-        case 'left':
+        case "left":
           return containerWidth - layerWidth;
 
-        case 'right':
+        case "right":
           return viewportWidth - layerWidth;
 
-        case 'center':
+        case "center":
           if (this.isCenterWithCustomWidth && slides.length) {
             var _slides = slides[slides.length - 1],
                 coordX = _slides.coordX,
@@ -391,9 +391,7 @@ var BaseGallery = /*#__PURE__*/function (_React$Component) {
       var _this$props3 = this.props,
           align = _this$props3.align,
           slideIndex = _this$props3.slideIndex;
-      return !this.isFullyVisible && ( // we can't move right when gallery layer fully scrolled right, if gallery aligned by left side
-      align === 'left' && containerWidth - shiftX < layerWidth || // otherwise we need to check current slide index (align = right or align = center)
-      align !== 'left' && slideIndex < slides.length - 1);
+      return !this.isFullyVisible && (align === "left" && containerWidth - shiftX < layerWidth || align !== "left" && slideIndex < slides.length - 1);
     }
   }, {
     key: "componentDidMount",
@@ -401,7 +399,7 @@ var BaseGallery = /*#__PURE__*/function (_React$Component) {
       this.initializeSlides({
         animation: false
       });
-      this.props.window.addEventListener('resize', this.onResize);
+      this.props.window.addEventListener("resize", this.onResize);
     }
   }, {
     key: "componentDidUpdate",
@@ -409,7 +407,7 @@ var BaseGallery = /*#__PURE__*/function (_React$Component) {
       var widthChanged = this.props.slideWidth !== prevProps.slideWidth;
       var isPropUpdate = this.props !== prevProps;
       var slideCountChanged = React.Children.count(this.props.children) !== React.Children.count(prevProps.children);
-      var isCustomWidth = this.props.slideWidth === 'custom'; // в любом из этих случаев позиция могла поменяться
+      var isCustomWidth = this.props.slideWidth === "custom"; // в любом из этих случаев позиция могла поменяться
 
       if (widthChanged || slideCountChanged || isCustomWidth && isPropUpdate) {
         this.initializeSlides();
@@ -424,7 +422,7 @@ var BaseGallery = /*#__PURE__*/function (_React$Component) {
   }, {
     key: "componentWillUnmount",
     value: function componentWillUnmount() {
-      this.props.window.removeEventListener('resize', this.onResize);
+      this.props.window.removeEventListener("resize", this.onResize);
     }
   }, {
     key: "render",
@@ -458,13 +456,13 @@ var BaseGallery = /*#__PURE__*/function (_React$Component) {
       var layerStyle = {
         WebkitTransform: "translateX(".concat(indent, "px)"),
         transform: "translateX(".concat(indent, "px)"),
-        WebkitTransition: animation ? "-webkit-transform ".concat(duration, "s cubic-bezier(.1, 0, .25, 1)") : 'none',
-        transition: animation ? "transform ".concat(duration, "s cubic-bezier(.1, 0, .25, 1)") : 'none'
+        WebkitTransition: animation ? "-webkit-transform ".concat(duration, "s cubic-bezier(.1, 0, .25, 1)") : "none",
+        transition: animation ? "transform ".concat(duration, "s cubic-bezier(.1, 0, .25, 1)") : "none"
       };
       return (0, _jsxRuntime.createScopedElement)("div", (0, _extends2.default)({}, restProps, {
-        vkuiClass: (0, _classNames.classNames)((0, _getClassName.getClassName)('Gallery', platform), "Gallery--".concat(align), {
-          'Gallery--dragging': dragging,
-          'Gallery--custom-width': slideWidth === 'custom'
+        vkuiClass: (0, _classNames.classNames)((0, _getClassName.getClassName)("Gallery", platform), "Gallery--".concat(align), {
+          "Gallery--dragging": dragging,
+          "Gallery--custom-width": slideWidth === "custom"
         }),
         ref: this.getRootRef
       }), (0, _jsxRuntime.createScopedElement)(_Touch.Touch, {
@@ -474,7 +472,7 @@ var BaseGallery = /*#__PURE__*/function (_React$Component) {
         onEnd: this.onEnd,
         noSlideClick: true,
         style: {
-          width: slideWidth === 'custom' ? '100%' : slideWidth
+          width: slideWidth === "custom" ? "100%" : slideWidth
         },
         getRootRef: this.getViewportRef
       }, (0, _jsxRuntime.createScopedElement)("div", {
@@ -488,11 +486,11 @@ var BaseGallery = /*#__PURE__*/function (_React$Component) {
         }, item);
       }))), bullets && (0, _jsxRuntime.createScopedElement)("div", {
         "aria-hidden": "true",
-        vkuiClass: (0, _classNames.classNames)('Gallery__bullets', "Gallery__bullets--".concat(bullets))
+        vkuiClass: (0, _classNames.classNames)("Gallery__bullets", "Gallery__bullets--".concat(bullets))
       }, React.Children.map(children, function (_item, index) {
         return (0, _jsxRuntime.createScopedElement)("div", {
-          vkuiClass: (0, _classNames.classNames)('Gallery__bullet', {
-            'Gallery__bullet--active': index === slideIndex
+          vkuiClass: (0, _classNames.classNames)("Gallery__bullet", {
+            "Gallery__bullet--active": index === slideIndex
           }),
           key: index
         });
@@ -509,9 +507,9 @@ var BaseGallery = /*#__PURE__*/function (_React$Component) {
 }(React.Component);
 
 (0, _defineProperty2.default)(BaseGallery, "defaultProps", {
-  slideWidth: '100%',
-  children: '',
-  align: 'left',
+  slideWidth: "100%",
+  children: "",
+  align: "left",
   bullets: false,
   isDraggable: true
 });
@@ -532,7 +530,7 @@ var Gallery = function Gallery(_ref3) {
       localSlideIndex = _React$useState2[0],
       setSlideIndex = _React$useState2[1];
 
-  var isControlled = typeof props.slideIndex === 'number';
+  var isControlled = typeof props.slideIndex === "number";
   var slideIndex = isControlled ? props.slideIndex : localSlideIndex;
   var isDraggable = !isControlled || Boolean(onChange);
   var slides = React.Children.toArray(children).filter(function (item) {

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","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 extends\n  Omit<React.HTMLAttributes<HTMLDivElement>, 'onChange' | 'onDragStart' | 'onDragEnd'>,\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<BaseGalleryProps & DOMProps & AdaptivityProps, GalleryState> {\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;\n  slidesStore: {\n    [index: string]: HTMLElement;\n  };\n  viewport: HTMLElement;\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: GallerySlidesState[] = React.Children.map(\n      this.props.children,\n      (_item: React.ReactElement, i: number): GallerySlidesState => {\n        const elem = this.slidesStore[`slide-${i}`];\n        return {\n          coordX: elem.offsetLeft,\n          width: elem.offsetWidth,\n        };\n      });\n\n    const containerWidth = this.container.offsetWidth;\n    const layerWidth = slides.reduce((val: number, slide: GallerySlidesState) => slide.width + val, 0);\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      const shiftX = this.calculateIndent(this.props.slideIndex);\n      if (this.state.shiftX === shiftX) {\n        return;\n      }\n      const isValidShift = 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(() => this.setState({ animation: true }));\n        }\n      });\n    });\n  }\n\n  calcMin({ containerWidth, layerWidth, slides }: Pick<GalleryState, 'containerWidth' | 'layerWidth' | 'slides'>) {\n    const viewportWidth = this.viewport.offsetWidth;\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 viewportWidth - (containerWidth - viewportWidth) / 2 - layerWidth;\n        }\n    }\n  }\n\n  calcMax({ slides }: Pick<GalleryState, 'slides'>) {\n    const viewportWidth = this.viewport.offsetWidth;\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;\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, max } = 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, max } = 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 <= this.state.containerWidth;\n  }\n\n  /*\n   * Получает индекс слайда, к которому будет осуществлен переход\n   */\n  getTarget(e: TouchEvent) {\n    const { slides, deltaX, shiftX, max } = this.state;\n    const { slideIndex } = 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((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    }, slideIndex);\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 (this.state.deltaX !== e.shiftX || this.state.dragging !== e.isSlideX) {\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 ? this.getTarget(e) : this.props.slideIndex;\n    this.props.onDragEnd && this.props.onDragEnd(e);\n    this.setState({ deltaX: 0, animation: true }, () => this.props.onChange(targetIndex));\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, shiftX, slides } = this.state;\n    const { align, slideIndex } = this.props;\n    return !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, onChange } = this.props;\n    if (this.canSlideLeft) {\n      this.setState({ deltaX: 0, animation: true }, () => onChange(slideIndex - 1));\n    }\n  };\n\n  slideRight = () => {\n    const { slideIndex, onChange } = this.props;\n    if (this.canSlideRight) {\n      this.setState({ deltaX: 0, animation: true }, () => onChange(slideIndex + 1));\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    setRef(viewport, this.props.getRef);\n  };\n\n  getRootRef: React.RefCallback<HTMLDivElement> = (container) => {\n    this.container = container;\n    setRef(container, this.props.getRootRef);\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 = React.Children.count(this.props.children) !== 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),\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,\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 ? this.calculateDragIndent() : this.calculateIndent(slideIndex);\n\n    const layerStyle = {\n      WebkitTransform: `translateX(${indent}px)`,\n      transform: `translateX(${indent}px)`,\n      WebkitTransition: animation ? `-webkit-transform ${duration}s cubic-bezier(.1, 0, .25, 1)` : 'none',\n      transition: animation ? `transform ${duration}s cubic-bezier(.1, 0, .25, 1)` : 'none',\n    };\n\n    return (\n      <div\n        {...restProps}\n        vkuiClass={classNames(getClassName('Gallery', platform), `Gallery--${align}`, {\n          'Gallery--dragging': dragging,\n          'Gallery--custom-width': slideWidth === 'custom',\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(children, (item: React.ReactElement, i: number) =>\n              <div vkuiClass=\"Gallery__slide\" key={`slide-${i}`} ref={this.getSlideRef(i)}>{item}</div>,\n            )}\n          </div>\n        </Touch>\n\n        {bullets &&\n        <div aria-hidden=\"true\" vkuiClass={classNames('Gallery__bullets', `Gallery__bullets--${bullets}`)}>\n          {React.Children.map(children, (_item: React.ReactElement, index: number) =>\n            <div\n              vkuiClass={classNames('Gallery__bullet', { 'Gallery__bullet--active': index === slideIndex })}\n              key={index}\n            />,\n          )}\n        </div>\n        }\n\n        {showArrows && hasMouse && this.canSlideLeft && <HorizontalScrollArrow direction=\"left\" onClick={this.slideLeft} />}\n        {showArrows && hasMouse && this.canSlideRight && <HorizontalScrollArrow direction=\"right\" onClick={this.slideRight} />}\n      </div>\n    );\n  }\n}\n\nconst BaseGalleryAdaptive = withAdaptivity(withDOM<BaseGalleryProps>(BaseGallery), {\n  hasMouse: true,\n});\n\nconst Gallery: React.FC<GalleryProps> = ({\n  initialSlideIndex = 0,\n  children,\n  timeout,\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 : localSlideIndex;\n  const isDraggable = !isControlled || Boolean(onChange);\n  const slides = React.Children.toArray(children).filter((item) => Boolean(item));\n  const childCount = slides.length;\n\n  const handleChange: GalleryProps['onChange'] = React.useCallback((current) => {\n    if (current === slideIndex) {\n      return;\n    }\n    !isControlled && setSlideIndex(current);\n    onChange && onChange(current);\n  }, [onChange, slideIndex]);\n\n  const autoplay = useTimeout(() => handleChange((slideIndex + 1) % childCount), timeout);\n  React.useEffect(() => timeout ? autoplay.set() : autoplay.clear(), [timeout, slideIndex]);\n\n  // prevent invalid slideIndex\n  // any slide index is invalid with no slides, just keep it as is\n  const safeSlideIndex = 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  }, [safeSlideIndex]);\n\n  return (\n    <BaseGalleryAdaptive\n      isDraggable={isDraggable}\n      {...props}\n      slideIndex={safeSlideIndex}\n      onChange={handleChange}\n    >{slides}</BaseGalleryAdaptive>\n  );\n};\n\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","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","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;\n  slidesStore: {\n    [index: string]: HTMLElement;\n  };\n  viewport: HTMLElement;\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: GallerySlidesState[] = React.Children.map(\n      this.props.children,\n      (_item: React.ReactElement, i: number): GallerySlidesState => {\n        const elem = this.slidesStore[`slide-${i}`];\n        return {\n          coordX: elem.offsetLeft,\n          width: elem.offsetWidth,\n        };\n      }\n    );\n\n    const containerWidth = this.container.offsetWidth;\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      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  calcMin({\n    containerWidth,\n    layerWidth,\n    slides,\n  }: Pick<GalleryState, \"containerWidth\" | \"layerWidth\" | \"slides\">) {\n    const viewportWidth = this.viewport.offsetWidth;\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  }\n\n  calcMax({ slides }: Pick<GalleryState, \"slides\">) {\n    const viewportWidth = this.viewport.offsetWidth;\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;\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, max } = 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, max } = 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 <= this.state.containerWidth;\n  }\n\n  /*\n   * Получает индекс слайда, к которому будет осуществлен переход\n   */\n  getTarget(e: TouchEvent) {\n    const { slides, deltaX, shiftX, max } = this.state;\n    const { slideIndex } = 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 ? this.getTarget(e) : this.props.slideIndex;\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, shiftX, slides } = this.state;\n    const { align, slideIndex } = 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, 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, 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    setRef(viewport, this.props.getRef);\n  };\n\n  getRootRef: React.RefCallback<HTMLDivElement> = (container) => {\n    this.container = container;\n    setRef(container, this.props.getRootRef);\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),\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,\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.ReactElement, 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.ReactElement, 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(\n  withDOM<BaseGalleryProps>(BaseGallery),\n  {\n    hasMouse: true,\n  }\n);\n\nconst Gallery: React.FC<GalleryProps> = ({\n  initialSlideIndex = 0,\n  children,\n  timeout,\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 : 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    [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]\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  }, [safeSlideIndex]);\n\n  return (\n    <BaseGalleryAdaptive\n      isDraggable={isDraggable}\n      {...props}\n      slideIndex={safeSlideIndex}\n      onChange={handleChange}\n    >\n      {slides}\n    </BaseGalleryAdaptive>\n  );\n};\n\nexport default withPlatform(Gallery);\n"],"file":"Gallery.js"}