@vkontakte/vkui 4.22.0 → 4.24.0

package/dist/components/FormField/FormField.js

@@ -3,7 +3,7 @@ import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 var _excluded = ["Component", "children", "getRootRef", "after", "disabled"];
 import { createScopedElement } from "../../lib/jsxRuntime";
-import * as React from 'react';
+import * as React from "react";
 import { getClassName } from "../../helpers/getClassName";
 import { classNames } from "../../lib/classNames";
 import { usePlatform } from "../../hooks/usePlatform";
@@ -11,7 +11,7 @@ import { hasReactNode } from "../../lib/utils";
 import { useAdaptivity } from "../../hooks/useAdaptivity";
 export var FormField = function FormField(_ref) {
   var _ref$Component = _ref.Component,
-      Component = _ref$Component === void 0 ? 'div' : _ref$Component,
+      Component = _ref$Component === void 0 ? "div" : _ref$Component,
       children = _ref.children,
       getRootRef = _ref.getRootRef,
       after = _ref.after,
@@ -44,16 +44,16 @@ export var FormField = function FormField(_ref) {
     ref: getRootRef,
     onMouseEnter: handleMouseEnter,
     onMouseLeave: handleMouseLeave,
-    vkuiClass: classNames(getClassName('FormField', platform), "FormField--sizeY-".concat(sizeY), {
-      'FormField--disabled': disabled
+    vkuiClass: classNames(getClassName("FormField", platform), "FormField--sizeY-".concat(sizeY), {
+      "FormField--disabled": disabled
     })
   }), children, hasReactNode(after) && createScopedElement("div", {
     role: "presentation",
     vkuiClass: "FormField__after"
   }, after), createScopedElement("div", {
     role: "presentation",
-    vkuiClass: classNames('FormField__border', {
-      'FormField__border--hover': !disabled && hover
+    vkuiClass: classNames("FormField__border", {
+      "FormField__border--hover": !disabled && hover
     })
   }));
 };

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/FormField/FormField.tsx"],"names":["React","getClassName","classNames","usePlatform","hasReactNode","useAdaptivity","FormField","Component","children","getRootRef","after","disabled","restProps","platform","sizeY","useState","hover","setHover","handleMouseEnter","e","stopPropagation","handleMouseLeave"],"mappings":";;;;;AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,SAASC,YAAT;AACA,SAASC,UAAT;AACA,SAASC,WAAT;AAEA,SAASC,YAAT;AACA,SAASC,aAAT;AAkBA,OAAO,IAAMC,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,GAAGV,WAAW,EAA5B;;AACA,uBAAkBE,aAAa,EAA/B;AAAA,MAAQS,KAAR,kBAAQA,KAAR;;AACA,wBAA0Bd,KAAK,CAACe,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,oBAAC,SAAD;AACE,IAAA,IAAI,EAAC;AADP,KAEML,SAFN;AAGE,IAAA,GAAG,EAAEH,UAHP;AAIE,IAAA,YAAY,EAAES,gBAJhB;AAKE,IAAA,YAAY,EAAEG,gBALhB;AAME,IAAA,SAAS,EAAEnB,UAAU,CACnBD,YAAY,CAAC,WAAD,EAAcY,QAAd,CADO,6BAECC,KAFD,GAGnB;AACE,6BAAuBH;AADzB,KAHmB;AANvB,MAcGH,QAdH,EAeGJ,YAAY,CAACM,KAAD,CAAZ,IACC;AAAK,IAAA,IAAI,EAAC,cAAV;AAAyB,IAAA,SAAS,EAAC;AAAnC,KACGA,KADH,CAhBJ,EAoBE;AAAK,IAAA,IAAI,EAAC,cAAV;AAAyB,IAAA,SAAS,EAAER,UAAU,CAAC,mBAAD,EAAsB;AAClE,kCAA4B,CAACS,QAAD,IAAaK;AADyB,KAAtB;AAA9C,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":["React","getClassName","classNames","usePlatform","hasReactNode","useAdaptivity","FormField","Component","children","getRootRef","after","disabled","restProps","platform","sizeY","useState","hover","setHover","handleMouseEnter","e","stopPropagation","handleMouseLeave"],"mappings":";;;;;AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,SAASC,YAAT;AACA,SAASC,UAAT;AACA,SAASC,WAAT;AAEA,SAASC,YAAT;AACA,SAASC,aAAT;AAkBA,OAAO,IAAMC,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,GAAGV,WAAW,EAA5B;;AACA,uBAAkBE,aAAa,EAA/B;AAAA,MAAQS,KAAR,kBAAQA,KAAR;;AACA,wBAA0Bd,KAAK,CAACe,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,oBAAC,SAAD;AACE,IAAA,IAAI,EAAC;AADP,KAEML,SAFN;AAGE,IAAA,GAAG,EAAEH,UAHP;AAIE,IAAA,YAAY,EAAES,gBAJhB;AAKE,IAAA,YAAY,EAAEG,gBALhB;AAME,IAAA,SAAS,EAAEnB,UAAU,CACnBD,YAAY,CAAC,WAAD,EAAcY,QAAd,CADO,6BAECC,KAFD,GAGnB;AACE,6BAAuBH;AADzB,KAHmB;AANvB,MAcGH,QAdH,EAeGJ,YAAY,CAACM,KAAD,CAAZ,IACC;AAAK,IAAA,IAAI,EAAC,cAAV;AAAyB,IAAA,SAAS,EAAC;AAAnC,KACGA,KADH,CAhBJ,EAoBE;AACE,IAAA,IAAI,EAAC,cADP;AAEE,IAAA,SAAS,EAAER,UAAU,CAAC,mBAAD,EAAsB;AACzC,kCAA4B,CAACS,QAAD,IAAaK;AADA,KAAtB;AAFvB,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/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/components/FormItem/FormItem.js

@@ -2,12 +2,12 @@ import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 var _excluded = ["children", "top", "bottom", "status", "Component", "removable", "onRemove", "removePlaceholder", "getRootRef"];
 import { createScopedElement } from "../../lib/jsxRuntime";
-import * as React from 'react';
+import * as React from "react";
 import { classNames } from "../../lib/classNames";
 import { useExternRef } from "../../hooks/useExternRef";
 import { usePlatform } from "../../hooks/usePlatform";
 import { getClassName } from "../../helpers/getClassName";
-import { hasReactNode } from "../../lib/utils";
+import { hasReactNode, noop } from "../../lib/utils";
 import Subhead from "../Typography/Subhead/Subhead";
 import Caption from "../Typography/Caption/Caption";
 import { useAdaptivity } from "../../hooks/useAdaptivity";
@@ -17,13 +17,14 @@ export 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 ? 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 = _objectWithoutProperties(_ref, _excluded);
 
@@ -43,9 +44,9 @@ export var FormItem = function FormItem(_ref) {
   }, bottom));
   return createScopedElement(Component, _extends({}, restProps, {
     ref: rootEl,
-    vkuiClass: classNames(getClassName('FormItem', platform), "FormItem--".concat(status), "FormItem--sizeY-".concat(sizeY), {
-      'FormItem--withTop': hasReactNode(top),
-      'FormItem--removable': removable
+    vkuiClass: classNames(getClassName("FormItem", platform), "FormItem--".concat(status), "FormItem--sizeY-".concat(sizeY), {
+      "FormItem--withTop": hasReactNode(top),
+      "FormItem--removable": removable
     })
   }), removable ? createScopedElement(Removable, {
     align: "start",

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/FormItem/FormItem.tsx"],"names":["React","classNames","useExternRef","usePlatform","getClassName","hasReactNode","Subhead","Caption","useAdaptivity","Removable","FormItem","children","top","bottom","status","Component","removable","onRemove","removePlaceholder","getRootRef","restProps","platform","rootEl","sizeY","wrappedChildren","e","current"],"mappings":";;;;AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AAEA,SAASC,UAAT;AACA,SAASC,YAAT;AACA,SAASC,WAAT;AACA,SAASC,YAAT;AACA,SAASC,YAAT;AACA,OAAOC,OAAP;AACA,OAAOC,OAAP;AACA,SAASC,aAAT;AACA,SAASC,SAAT;AAaA,OAAO,IAAMC,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,GAAGlB,WAAW,EAA5B;AACA,MAAMmB,MAAM,GAAGpB,YAAY,CAACiB,UAAD,CAA3B;;AACA,uBAAkBX,aAAa,EAA/B;AAAA,MAAQe,KAAR,kBAAQA,KAAR;;AAEA,MAAMC,eAAe,GACnB,oBAAC,KAAD,CAAO,QAAP,QACGnB,YAAY,CAACO,GAAD,CAAZ,IAAqB,oBAAC,OAAD;AAAS,IAAA,MAAM,EAAC,SAAhB;AAA0B,IAAA,SAAS,EAAC;AAApC,KAAqDA,GAArD,CADxB,EAEGD,QAFH,EAGGN,YAAY,CAACQ,MAAD,CAAZ,IAAwB,oBAAC,OAAD;AAAS,IAAA,KAAK,EAAC,GAAf;AAAmB,IAAA,MAAM,EAAC,SAA1B;AAAoC,IAAA,SAAS,EAAC;AAA9C,KAAkEA,MAAlE,CAH3B,CADF;AAQA,SACE,oBAAC,SAAD,eACMO,SADN;AAEE,IAAA,GAAG,EAAEE,MAFP;AAGE,IAAA,SAAS,EAAErB,UAAU,CACnBG,YAAY,CAAC,UAAD,EAAaiB,QAAb,CADO,sBAENP,MAFM,6BAGAS,KAHA,GAInB;AACE,2BAAqBlB,YAAY,CAACO,GAAD,CADnC;AAEE,6BAAuBI;AAFzB,KAJmB;AAHvB,MAaGA,SAAS,GACR,oBAAC,SAAD;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":["React","classNames","useExternRef","usePlatform","getClassName","hasReactNode","noop","Subhead","Caption","useAdaptivity","Removable","FormItem","children","top","bottom","status","Component","removable","onRemove","removePlaceholder","getRootRef","restProps","platform","rootEl","sizeY","wrappedChildren","e","current"],"mappings":";;;;AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AAEA,SAASC,UAAT;AACA,SAASC,YAAT;AACA,SAASC,WAAT;AACA,SAASC,YAAT;AACA,SAASC,YAAT,EAAuBC,IAAvB;AACA,OAAOC,OAAP;AACA,OAAOC,OAAP;AACA,SAASC,aAAT;AACA,SAASC,SAAT;AAiBA,OAAO,IAAMC,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,8BAJRZ,IAIQ;AAAA,mCAHnBa,iBAGmB;AAAA,MAHnBA,iBAGmB,sCAHC,SAGD;AAAA,MAFnBC,UAEmB,QAFnBA,UAEmB;AAAA,MADhBC,SACgB;;AACnB,MAAMC,QAAQ,GAAGnB,WAAW,EAA5B;AACA,MAAMoB,MAAM,GAAGrB,YAAY,CAACkB,UAAD,CAA3B;;AACA,uBAAkBX,aAAa,EAA/B;AAAA,MAAQe,KAAR,kBAAQA,KAAR;;AAEA,MAAMC,eAAe,GACnB,oBAAC,KAAD,CAAO,QAAP,QACGpB,YAAY,CAACQ,GAAD,CAAZ,IACC,oBAAC,OAAD;AAAS,IAAA,MAAM,EAAC,SAAhB;AAA0B,IAAA,SAAS,EAAC;AAApC,KACGA,GADH,CAFJ,EAMGD,QANH,EAOGP,YAAY,CAACS,MAAD,CAAZ,IACC,oBAAC,OAAD;AAAS,IAAA,KAAK,EAAC,GAAf;AAAmB,IAAA,MAAM,EAAC,SAA1B;AAAoC,IAAA,SAAS,EAAC;AAA9C,KACGA,MADH,CARJ,CADF;AAgBA,SACE,oBAAC,SAAD,eACMO,SADN;AAEE,IAAA,GAAG,EAAEE,MAFP;AAGE,IAAA,SAAS,EAAEtB,UAAU,CACnBG,YAAY,CAAC,UAAD,EAAakB,QAAb,CADO,sBAENP,MAFM,6BAGAS,KAHA,GAInB;AACE,2BAAqBnB,YAAY,CAACQ,GAAD,CADnC;AAEE,6BAAuBI;AAFzB,KAJmB;AAHvB,MAaGA,SAAS,GACR,oBAAC,SAAD;AACE,IAAA,KAAK,EAAC,OADR;AAEE,IAAA,QAAQ,EAAE,kBAACS,CAAD;AAAA,aAAOR,SAAQ,CAACQ,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/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/components/FormLayout/FormLayout.js

@@ -18,12 +18,12 @@ var FormLayout = function FormLayout(props) {
 
   var platform = usePlatform();
   return createScopedElement(Component, _extends({}, restProps, {
-    vkuiClass: getClassName('FormLayout', platform),
+    vkuiClass: getClassName("FormLayout", platform),
     onSubmit: onSubmit,
     ref: getRef
   }), createScopedElement("div", {
     vkuiClass: "FormLayout__container"
-  }, children), Component === 'form' && createScopedElement("input", {
+  }, children), Component === "form" && createScopedElement("input", {
     type: "submit",
     vkuiClass: "FormLayout__submit",
     value: ""
@@ -31,7 +31,7 @@ var FormLayout = function FormLayout(props) {
 };
 
 FormLayout.defaultProps = {
-  Component: 'form',
+  Component: "form",
   onSubmit: preventDefault
 };
 export default FormLayout;

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/FormLayout/FormLayout.tsx"],"names":["getClassName","usePlatform","preventDefault","e","FormLayout","props","children","Component","getRef","onSubmit","restProps","platform","defaultProps"],"mappings":";;;;AACA,SAASA,YAAT;AACA,SAASC,WAAT;;AAIA,IAAMC,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,4BAMIL,KANJ;;AAQA,MAAMM,QAAQ,GAAGV,WAAW,EAA5B;AACA,SACE,oBAAC,SAAD,eACMS,SADN;AAEE,IAAA,SAAS,EAAEV,YAAY,CAAC,YAAD,EAAeW,QAAf,CAFzB;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;AAKA,eAAeE,UAAf","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":["getClassName","usePlatform","preventDefault","e","FormLayout","props","children","Component","getRef","onSubmit","restProps","platform","defaultProps"],"mappings":";;;;AACA,SAASA,YAAT;AACA,SAASC,WAAT;;AAIA,IAAMC,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,4BAAgEL,KAAhE;;AAEA,MAAMM,QAAQ,GAAGV,WAAW,EAA5B;AACA,SACE,oBAAC,SAAD,eACMS,SADN;AAEE,IAAA,SAAS,EAAEV,YAAY,CAAC,YAAD,EAAeW,QAAf,CAFzB;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;AAKA,eAAeE,UAAf","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/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/components/FormLayoutGroup/FormLayoutGroup.js

@@ -4,6 +4,7 @@ var _excluded = ["children", "mode", "removable", "removePlaceholder", "onRemove
 import { createScopedElement } from "../../lib/jsxRuntime";
 import { getClassName } from "../../helpers/getClassName";
 import { classNames } from "../../lib/classNames";
+import { noop } from "../../lib/utils";
 import { useExternRef } from "../../hooks/useExternRef";
 import { usePlatform } from "../../hooks/usePlatform";
 import { Removable } from "../Removable/Removable";
@@ -12,11 +13,12 @@ import { useAdaptivity } from "../../hooks/useAdaptivity";
 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 ? noop : _ref$onRemove,
       getRootRef = _ref.getRootRef,
       restProps = _objectWithoutProperties(_ref, _excluded);
 
@@ -25,12 +27,12 @@ var FormLayoutGroup = function FormLayoutGroup(_ref) {
   var _useAdaptivity = useAdaptivity(),
       sizeY = _useAdaptivity.sizeY;
 
-  var isRemovable = removable && mode === 'horizontal';
+  var isRemovable = removable && mode === "horizontal";
   var rootEl = useExternRef(getRootRef);
   return createScopedElement("div", _extends({
     ref: rootEl,
-    vkuiClass: classNames(getClassName('FormLayoutGroup', platform), "FormLayoutGroup--sizeY-".concat(sizeY), "FormLayoutGroup--".concat(mode), {
-      'FormLayoutGroup--removable': isRemovable
+    vkuiClass: classNames(getClassName("FormLayoutGroup", platform), "FormLayoutGroup--sizeY-".concat(sizeY), "FormLayoutGroup--".concat(mode), {
+      "FormLayoutGroup--removable": isRemovable
     })
   }, restProps), isRemovable ? createScopedElement(Removable, {
     vkuiClass: "FormLayoutGroup__removable",

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/FormLayoutGroup/FormLayoutGroup.tsx"],"names":["getClassName","classNames","useExternRef","usePlatform","Removable","useAdaptivity","FormLayoutGroup","children","mode","removable","removePlaceholder","onRemove","getRootRef","restProps","platform","sizeY","isRemovable","rootEl","e","current"],"mappings":";;;;AAEA,SAASA,YAAT;AACA,SAASC,UAAT;AACA,SAASC,YAAT;AACA,SAASC,WAAT;AACA,SAASC,SAAT;AACA,SAASC,aAAT;;AAWA,IAAMC,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,GAAGX,WAAW,EAA5B;;AACA,uBAAkBE,aAAa,EAA/B;AAAA,MAAQU,KAAR,kBAAQA,KAAR;;AACA,MAAMC,WAAW,GAAGP,SAAS,IAAID,IAAI,KAAK,YAA1C;AACA,MAAMS,MAAM,GAAGf,YAAY,CAACU,UAAD,CAA3B;AAEA,SACE;AACE,IAAA,GAAG,EAAEK,MADP;AAEE,IAAA,SAAS,EAAEhB,UAAU,CACnBD,YAAY,CAAC,iBAAD,EAAoBc,QAApB,CADO,mCAEOC,KAFP,8BAGCP,IAHD,GAGS;AAC1B,oCAA8BQ;AADJ,KAHT;AAFvB,KASMH,SATN,GAUGG,WAAW,GAER,oBAAC,SAAD;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;;AA0CA,eAAeD,eAAf","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":["getClassName","classNames","noop","useExternRef","usePlatform","Removable","useAdaptivity","FormLayoutGroup","children","mode","removable","removePlaceholder","onRemove","getRootRef","restProps","platform","sizeY","isRemovable","rootEl","e","current"],"mappings":";;;;AAEA,SAASA,YAAT;AACA,SAASC,UAAT;AACA,SAASC,IAAT;AACA,SAASC,YAAT;AACA,SAASC,WAAT;AACA,SAASC,SAAT;AACA,SAASC,aAAT;;AAcA,IAAMC,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,8BAHfV,IAGe;AAAA,MAF1BW,UAE0B,QAF1BA,UAE0B;AAAA,MADvBC,SACuB;;AAC1B,MAAMC,QAAQ,GAAGX,WAAW,EAA5B;;AACA,uBAAkBE,aAAa,EAA/B;AAAA,MAAQU,KAAR,kBAAQA,KAAR;;AACA,MAAMC,WAAW,GAAGP,SAAS,IAAID,IAAI,KAAK,YAA1C;AACA,MAAMS,MAAM,GAAGf,YAAY,CAACU,UAAD,CAA3B;AAEA,SACE;AACE,IAAA,GAAG,EAAEK,MADP;AAEE,IAAA,SAAS,EAAEjB,UAAU,CACnBD,YAAY,CAAC,iBAAD,EAAoBe,QAApB,CADO,mCAEOC,KAFP,8BAGCP,IAHD,GAInB;AACE,oCAA8BQ;AADhC,KAJmB;AAFvB,KAUMH,SAVN,GAYGG,WAAW,GACV,oBAAC,SAAD;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,CADU,GAUVA,QAtBJ,CADF;AA2BD,CAzCD;;AA2CA,eAAeD,eAAf","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/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/components/FormStatus/FormStatus.js

@@ -17,7 +17,7 @@ export var FormStatus = function FormStatus(_ref) {
 
   var platform = usePlatform();
   return createScopedElement("div", _extends({}, restProps, {
-    vkuiClass: classNames(getClassName('FormStatus', platform), "FormStatus--".concat(mode))
+    vkuiClass: classNames(getClassName("FormStatus", platform), "FormStatus--".concat(mode))
   }), hasReactNode(header) && createScopedElement(Headline, {
     weight: "medium",
     vkuiClass: "FormStatus__header"

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/FormStatus/FormStatus.tsx"],"names":["classNames","getClassName","usePlatform","Headline","Caption","hasReactNode","FormStatus","mode","header","children","dangerouslySetInnerHTML","restProps","platform"],"mappings":";;;;AACA,SAASA,UAAT;AACA,SAASC,YAAT;AACA,SAASC,WAAT;AACA,OAAOC,QAAP;AACA,OAAOC,OAAP;AACA,SAASC,YAAT;AAQA,OAAO,IAAMC,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,GAAGV,WAAW,EAA5B;AAEA,SACE,wCACMS,SADN;AAEE,IAAA,SAAS,EAAEX,UAAU,CAACC,YAAY,CAAC,YAAD,EAAeW,QAAf,CAAb,wBAAsDL,IAAtD;AAFvB,MAIGF,YAAY,CAACG,MAAD,CAAZ,IAAwB,oBAAC,QAAD;AAAU,IAAA,MAAM,EAAC,QAAjB;AAA0B,IAAA,SAAS,EAAC;AAApC,KAA0DA,MAA1D,CAJ3B,EAKGE,uBAAuB,IACtB,oBAAC,OAAD;AAAS,IAAA,KAAK,EAAC,GAAf;AAAmB,IAAA,MAAM,EAAC,SAA1B;AAAoC,IAAA,uBAAuB,EAAEA;AAA7D,IANJ,EAQGL,YAAY,CAACI,QAAD,CAAZ,IAA0B,CAACC,uBAA3B,IAAsD,oBAAC,OAAD;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":["classNames","getClassName","usePlatform","Headline","Caption","hasReactNode","FormStatus","mode","header","children","dangerouslySetInnerHTML","restProps","platform"],"mappings":";;;;AACA,SAASA,UAAT;AACA,SAASC,YAAT;AACA,SAASC,WAAT;AACA,OAAOC,QAAP;AACA,OAAOC,OAAP;AACA,SAASC,YAAT;AAQA,OAAO,IAAMC,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,GAAGV,WAAW,EAA5B;AAEA,SACE,wCACMS,SADN;AAEE,IAAA,SAAS,EAAEX,UAAU,CACnBC,YAAY,CAAC,YAAD,EAAeW,QAAf,CADO,wBAEJL,IAFI;AAFvB,MAOGF,YAAY,CAACG,MAAD,CAAZ,IACC,oBAAC,QAAD;AAAU,IAAA,MAAM,EAAC,QAAjB;AAA0B,IAAA,SAAS,EAAC;AAApC,KACGA,MADH,CARJ,EAYGE,uBAAuB,IACtB,oBAAC,OAAD;AACE,IAAA,KAAK,EAAC,GADR;AAEE,IAAA,MAAM,EAAC,SAFT;AAGE,IAAA,uBAAuB,EAAEA;AAH3B,IAbJ,EAmBGL,YAAY,CAACI,QAAD,CAAZ,IAA0B,CAACC,uBAA3B,IACC,oBAAC,OAAD;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/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/components/Gallery/Gallery.js

@@ -10,7 +10,7 @@ import _defineProperty from "@babel/runtime/helpers/defineProperty";
 var _excluded = ["children", "slideWidth", "slideIndex", "isDraggable", "onDragStart", "onDragEnd", "onChange", "onEnd", "align", "bullets", "platform", "hasMouse", "showArrows", "window", "document", "getRef", "getRootRef"],
     _excluded2 = ["initialSlideIndex", "children", "timeout", "onChange"];
 import { createScopedElement } from "../../lib/jsxRuntime";
-import * as React from 'react';
+import * as React from "react";
 import { getClassName } from "../../helpers/getClassName";
 import { Touch } from "../Touch/Touch";
 import { classNames } from "../../lib/classNames";
@@ -148,7 +148,7 @@ var BaseGallery = /*#__PURE__*/function (_React$Component) {
   _createClass(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",
@@ -217,13 +217,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,
@@ -373,9 +373,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",
@@ -383,7 +381,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",
@@ -391,7 +389,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();
@@ -406,7 +404,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",
@@ -442,13 +440,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 createScopedElement("div", _extends({}, restProps, {
-        vkuiClass: classNames(getClassName('Gallery', platform), "Gallery--".concat(align), {
-          'Gallery--dragging': dragging,
-          'Gallery--custom-width': slideWidth === 'custom'
+        vkuiClass: classNames(getClassName("Gallery", platform), "Gallery--".concat(align), {
+          "Gallery--dragging": dragging,
+          "Gallery--custom-width": slideWidth === "custom"
         }),
         ref: this.getRootRef
       }), createScopedElement(Touch, {
@@ -458,7 +456,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
       }, createScopedElement("div", {
@@ -472,11 +470,11 @@ var BaseGallery = /*#__PURE__*/function (_React$Component) {
         }, item);
       }))), bullets && createScopedElement("div", {
         "aria-hidden": "true",
-        vkuiClass: classNames('Gallery__bullets', "Gallery__bullets--".concat(bullets))
+        vkuiClass: classNames("Gallery__bullets", "Gallery__bullets--".concat(bullets))
       }, React.Children.map(children, function (_item, index) {
         return createScopedElement("div", {
-          vkuiClass: classNames('Gallery__bullet', {
-            'Gallery__bullet--active': index === slideIndex
+          vkuiClass: classNames("Gallery__bullet", {
+            "Gallery__bullet--active": index === slideIndex
           }),
           key: index
         });
@@ -494,9 +492,9 @@ var BaseGallery = /*#__PURE__*/function (_React$Component) {
 }(React.Component);
 
 _defineProperty(BaseGallery, "defaultProps", {
-  slideWidth: '100%',
-  children: '',
-  align: 'left',
+  slideWidth: "100%",
+  children: "",
+  align: "left",
   bullets: false,
   isDraggable: true
 });
@@ -518,7 +516,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) {