@vkontakte/vkui 4.35.3 → 4.36.0

package/dist/cssm/components/Textarea/Textarea.d.ts

@@ -1,8 +1,9 @@
 import * as React from "react";
+import { FormFieldProps } from "../FormField/FormField";
 import { HasRef, HasRootRef } from "../../types";
 import { AdaptivityProps } from "../../hoc/withAdaptivity";
 import "./Textarea.css";
-export interface TextareaProps extends React.TextareaHTMLAttributes<HTMLTextAreaElement>, HasRef<HTMLTextAreaElement>, HasRootRef<HTMLElement>, AdaptivityProps, Pick<React.CSSProperties, "maxHeight"> {
+export interface TextareaProps extends React.TextareaHTMLAttributes<HTMLTextAreaElement>, HasRef<HTMLTextAreaElement>, HasRootRef<HTMLElement>, AdaptivityProps, Pick<React.CSSProperties, "maxHeight">, Pick<FormFieldProps, "status"> {
     grow?: boolean;
     onResize?(el: HTMLTextAreaElement): void;
     defaultValue?: string;
@@ -10,4 +11,4 @@ export interface TextareaProps extends React.TextareaHTMLAttributes<HTMLTextArea
 /**
  * @see https://vkcom.github.io/VKUI/#/Textarea
  */
-export declare const Textarea: React.FC<Pick<TextareaProps, "required" | "disabled" | "hidden" | "dir" | "form" | "slot" | "style" | "title" | "color" | "wrap" | "maxHeight" | "translate" | "prefix" | "children" | "className" | "id" | "lang" | "name" | "role" | "tabIndex" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "draggable" | "placeholder" | "spellCheck" | "radioGroup" | "about" | "datatype" | "inlist" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "value" | "autoFocus" | "autoComplete" | "maxLength" | "minLength" | "readOnly" | "cols" | "dirName" | "rows" | "getRootRef" | "getRef" | "grow" | "onResize"> & import("../AdaptivityProvider/AdaptivityContext").SizeProps>;
+export declare const Textarea: React.FC<Pick<TextareaProps, "required" | "disabled" | "hidden" | "dir" | "form" | "slot" | "style" | "title" | "color" | "wrap" | "maxHeight" | "translate" | "prefix" | "children" | "className" | "id" | "lang" | "name" | "role" | "tabIndex" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "status" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "draggable" | "placeholder" | "spellCheck" | "radioGroup" | "about" | "datatype" | "inlist" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "value" | "autoFocus" | "autoComplete" | "maxLength" | "minLength" | "readOnly" | "cols" | "dirName" | "rows" | "getRootRef" | "getRef" | "grow" | "onResize"> & import("../AdaptivityProvider/AdaptivityContext").SizeProps>;

package/dist/cssm/components/Textarea/Textarea.js

@@ -1,7 +1,7 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["defaultValue", "grow", "style", "onResize", "className", "getRootRef", "getRef", "sizeY", "rows", "maxHeight"];
+var _excluded = ["defaultValue", "grow", "style", "onResize", "className", "getRootRef", "getRef", "sizeY", "rows", "maxHeight", "status"];
 import { createScopedElement } from "../../lib/jsxRuntime";
 import * as React from "react";
 import { classNames } from "../../lib/classNames";
@@ -25,6 +25,7 @@ var TextareaComponent = function TextareaComponent(_ref) {
       _ref$rows = _ref.rows,
       rows = _ref$rows === void 0 ? 2 : _ref$rows,
       maxHeight = _ref.maxHeight,
+      status = _ref.status,
       restProps = _objectWithoutProperties(_ref, _excluded);
 
   var _useEnsuredControl = useEnsuredControl(restProps, {
@@ -56,7 +57,8 @@ var TextareaComponent = function TextareaComponent(_ref) {
     className: className,
     style: style,
     getRootRef: getRootRef,
-    disabled: restProps.disabled
+    disabled: restProps.disabled,
+    status: status
   }, createScopedElement("textarea", _extends({}, restProps, {
     style: {
       maxHeight: maxHeight

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/Textarea/Textarea.tsx"],"names":["React","classNames","FormField","withAdaptivity","useEnsuredControl","useExternRef","TextareaComponent","defaultValue","grow","style","onResize","className","getRootRef","getRef","sizeY","rows","maxHeight","restProps","value","onChange","currentScrollHeight","useRef","elementRef","useEffect","el","current","offsetParent","height","scrollHeight","disabled","Textarea","displayName"],"mappings":";;;;;AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,SAASC,UAAT;AACA,SAASC,SAAT;AAEA,SAASC,cAAT;AACA,SAASC,iBAAT;AACA,SAASC,YAAT;AACA;;AAaA,IAAMC,iBAAiB,GAAG,SAApBA,iBAAoB,OAYL;AAAA,+BAXnBC,YAWmB;AAAA,MAXnBA,YAWmB,kCAXJ,EAWI;AAAA,uBAVnBC,IAUmB;AAAA,MAVnBA,IAUmB,0BAVZ,IAUY;AAAA,MATnBC,KASmB,QATnBA,KASmB;AAAA,MARnBC,QAQmB,QARnBA,QAQmB;AAAA,MAPnBC,SAOmB,QAPnBA,SAOmB;AAAA,MANnBC,UAMmB,QANnBA,UAMmB;AAAA,MALnBC,MAKmB,QALnBA,MAKmB;AAAA,MAJnBC,KAImB,QAJnBA,KAImB;AAAA,uBAHnBC,IAGmB;AAAA,MAHnBA,IAGmB,0BAHZ,CAGY;AAAA,MAFnBC,SAEmB,QAFnBA,SAEmB;AAAA,MADhBC,SACgB;;AACnB,2BAA0Bb,iBAAiB,CAACa,SAAD,EAAY;AAAEV,IAAAA,YAAY,EAAZA;AAAF,GAAZ,CAA3C;AAAA;AAAA,MAAOW,KAAP;AAAA,MAAcC,QAAd;;AACA,MAAMC,mBAAmB,GAAGpB,KAAK,CAACqB,MAAN,EAA5B;AACA,MAAMC,UAAU,GAAGjB,YAAY,CAACQ,MAAD,CAA/B,CAHmB,CAKnB;;AACAb,EAAAA,KAAK,CAACuB,SAAN,CAAgB,YAAM;AACpB,QAAMC,EAAE,GAAGF,UAAU,CAACG,OAAtB;;AAEA,QAAIjB,IAAI,IAAIgB,EAAJ,aAAIA,EAAJ,eAAIA,EAAE,CAAEE,YAAhB,EAA8B;AAC5BF,MAAAA,EAAE,CAACf,KAAH,CAASkB,MAAT,GAAkB,EAAlB;AACAH,MAAAA,EAAE,CAACf,KAAH,CAASkB,MAAT,aAAqBH,EAAE,CAACI,YAAxB;;AAEA,UAAIJ,EAAE,CAACI,YAAH,KAAoBR,mBAAmB,CAACK,OAAxC,IAAmDf,QAAvD,EAAiE;AAC/DA,QAAAA,QAAQ,CAACc,EAAD,CAAR;AACAJ,QAAAA,mBAAmB,CAACK,OAApB,GAA8BD,EAAE,CAACI,YAAjC;AACD;AACF;AACF,GAZD,EAYG,CAACpB,IAAD,EAAOU,KAAP,EAAcJ,KAAd,EAAqBQ,UAArB,EAAiCZ,QAAjC,CAZH;AAcA,SACE,oBAAC,SAAD;AACE,IAAA,SAAS,EAAET,UAAU,CACnB,UADmB,EAEnB;AAFmB,8BAGAa,KAHA,EADvB;AAME,IAAA,SAAS,EAAEH,SANb;AAOE,IAAA,KAAK,EAAEF,KAPT;AAQE,IAAA,UAAU,EAAEG,UARd;AASE,IAAA,QAAQ,EAAEK,SAAS,CAACY;AATtB,KAWE,6CACMZ,SADN;AAEE,IAAA,KAAK,EAAE;AAAED,MAAAA,SAAS,EAATA;AAAF,KAFT;AAGE,IAAA,IAAI,EAAED,IAHR;AAIE,IAAA,SAAS,EAAC,cAJZ;AAKE,IAAA,KAAK,EAAEG,KALT;AAME,IAAA,QAAQ,EAAEC,QANZ;AAOE,IAAA,GAAG,EAAEG;AAPP,KAXF,CADF;AAuBD,CAvDD;AAyDA;AACA;AACA;;;AACA,OAAO,IAAMQ,QAAQ,GAAG3B,cAAc,CAACG,iBAAD,EAAoB;AAAEQ,EAAAA,KAAK,EAAE;AAAT,CAApB,CAA/B;AAEPgB,QAAQ,CAACC,WAAT,GAAuB,UAAvB","sourcesContent":["import * as React from \"react\";\nimport { classNames } from \"../../lib/classNames\";\nimport { FormField } from \"../FormField/FormField\";\nimport { HasRef, HasRootRef } from \"../../types\";\nimport { withAdaptivity, AdaptivityProps } from \"../../hoc/withAdaptivity\";\nimport { useEnsuredControl } from \"../../hooks/useEnsuredControl\";\nimport { useExternRef } from \"../../hooks/useExternRef\";\nimport \"./Textarea.css\";\n\nexport interface TextareaProps\n  extends React.TextareaHTMLAttributes<HTMLTextAreaElement>,\n    HasRef<HTMLTextAreaElement>,\n    HasRootRef<HTMLElement>,\n    AdaptivityProps,\n    Pick<React.CSSProperties, \"maxHeight\"> {\n  grow?: boolean;\n  onResize?(el: HTMLTextAreaElement): void;\n  defaultValue?: string;\n}\n\nconst TextareaComponent = ({\n  defaultValue = \"\",\n  grow = true,\n  style,\n  onResize,\n  className,\n  getRootRef,\n  getRef,\n  sizeY,\n  rows = 2,\n  maxHeight,\n  ...restProps\n}: TextareaProps) => {\n  const [value, onChange] = useEnsuredControl(restProps, { defaultValue });\n  const currentScrollHeight = React.useRef<number>();\n  const elementRef = useExternRef(getRef);\n\n  // autosize input\n  React.useEffect(() => {\n    const el = elementRef.current;\n\n    if (grow && el?.offsetParent) {\n      el.style.height = \"\";\n      el.style.height = `${el.scrollHeight}px`;\n\n      if (el.scrollHeight !== currentScrollHeight.current && onResize) {\n        onResize(el);\n        currentScrollHeight.current = el.scrollHeight;\n      }\n    }\n  }, [grow, value, sizeY, elementRef, onResize]);\n\n  return (\n    <FormField\n      vkuiClass={classNames(\n        \"Textarea\",\n        // TODO. v5.0.0 Новая адаптивность\n        `Textarea--sizeY-${sizeY}`\n      )}\n      className={className}\n      style={style}\n      getRootRef={getRootRef}\n      disabled={restProps.disabled}\n    >\n      <textarea\n        {...restProps}\n        style={{ maxHeight }}\n        rows={rows}\n        vkuiClass=\"Textarea__el\"\n        value={value}\n        onChange={onChange}\n        ref={elementRef}\n      />\n    </FormField>\n  );\n};\n\n/**\n * @see https://vkcom.github.io/VKUI/#/Textarea\n */\nexport const Textarea = withAdaptivity(TextareaComponent, { sizeY: true });\n\nTextarea.displayName = \"Textarea\";\n"],"file":"Textarea.js"}
+{"version":3,"sources":["../../../../src/components/Textarea/Textarea.tsx"],"names":["React","classNames","FormField","withAdaptivity","useEnsuredControl","useExternRef","TextareaComponent","defaultValue","grow","style","onResize","className","getRootRef","getRef","sizeY","rows","maxHeight","status","restProps","value","onChange","currentScrollHeight","useRef","elementRef","useEffect","el","current","offsetParent","height","scrollHeight","disabled","Textarea","displayName"],"mappings":";;;;;AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,SAASC,UAAT;AACA,SAASC,SAAT;AAEA,SAASC,cAAT;AACA,SAASC,iBAAT;AACA,SAASC,YAAT;AACA;;AAcA,IAAMC,iBAAiB,GAAG,SAApBA,iBAAoB,OAaL;AAAA,+BAZnBC,YAYmB;AAAA,MAZnBA,YAYmB,kCAZJ,EAYI;AAAA,uBAXnBC,IAWmB;AAAA,MAXnBA,IAWmB,0BAXZ,IAWY;AAAA,MAVnBC,KAUmB,QAVnBA,KAUmB;AAAA,MATnBC,QASmB,QATnBA,QASmB;AAAA,MARnBC,SAQmB,QARnBA,SAQmB;AAAA,MAPnBC,UAOmB,QAPnBA,UAOmB;AAAA,MANnBC,MAMmB,QANnBA,MAMmB;AAAA,MALnBC,KAKmB,QALnBA,KAKmB;AAAA,uBAJnBC,IAImB;AAAA,MAJnBA,IAImB,0BAJZ,CAIY;AAAA,MAHnBC,SAGmB,QAHnBA,SAGmB;AAAA,MAFnBC,MAEmB,QAFnBA,MAEmB;AAAA,MADhBC,SACgB;;AACnB,2BAA0Bd,iBAAiB,CAACc,SAAD,EAAY;AAAEX,IAAAA,YAAY,EAAZA;AAAF,GAAZ,CAA3C;AAAA;AAAA,MAAOY,KAAP;AAAA,MAAcC,QAAd;;AACA,MAAMC,mBAAmB,GAAGrB,KAAK,CAACsB,MAAN,EAA5B;AACA,MAAMC,UAAU,GAAGlB,YAAY,CAACQ,MAAD,CAA/B,CAHmB,CAKnB;;AACAb,EAAAA,KAAK,CAACwB,SAAN,CAAgB,YAAM;AACpB,QAAMC,EAAE,GAAGF,UAAU,CAACG,OAAtB;;AAEA,QAAIlB,IAAI,IAAIiB,EAAJ,aAAIA,EAAJ,eAAIA,EAAE,CAAEE,YAAhB,EAA8B;AAC5BF,MAAAA,EAAE,CAAChB,KAAH,CAASmB,MAAT,GAAkB,EAAlB;AACAH,MAAAA,EAAE,CAAChB,KAAH,CAASmB,MAAT,aAAqBH,EAAE,CAACI,YAAxB;;AAEA,UAAIJ,EAAE,CAACI,YAAH,KAAoBR,mBAAmB,CAACK,OAAxC,IAAmDhB,QAAvD,EAAiE;AAC/DA,QAAAA,QAAQ,CAACe,EAAD,CAAR;AACAJ,QAAAA,mBAAmB,CAACK,OAApB,GAA8BD,EAAE,CAACI,YAAjC;AACD;AACF;AACF,GAZD,EAYG,CAACrB,IAAD,EAAOW,KAAP,EAAcL,KAAd,EAAqBS,UAArB,EAAiCb,QAAjC,CAZH;AAcA,SACE,oBAAC,SAAD;AACE,IAAA,SAAS,EAAET,UAAU,CACnB,UADmB,EAEnB;AAFmB,8BAGAa,KAHA,EADvB;AAME,IAAA,SAAS,EAAEH,SANb;AAOE,IAAA,KAAK,EAAEF,KAPT;AAQE,IAAA,UAAU,EAAEG,UARd;AASE,IAAA,QAAQ,EAAEM,SAAS,CAACY,QATtB;AAUE,IAAA,MAAM,EAAEb;AAVV,KAYE,6CACMC,SADN;AAEE,IAAA,KAAK,EAAE;AAAEF,MAAAA,SAAS,EAATA;AAAF,KAFT;AAGE,IAAA,IAAI,EAAED,IAHR;AAIE,IAAA,SAAS,EAAC,cAJZ;AAKE,IAAA,KAAK,EAAEI,KALT;AAME,IAAA,QAAQ,EAAEC,QANZ;AAOE,IAAA,GAAG,EAAEG;AAPP,KAZF,CADF;AAwBD,CAzDD;AA2DA;AACA;AACA;;;AACA,OAAO,IAAMQ,QAAQ,GAAG5B,cAAc,CAACG,iBAAD,EAAoB;AAAEQ,EAAAA,KAAK,EAAE;AAAT,CAApB,CAA/B;AAEPiB,QAAQ,CAACC,WAAT,GAAuB,UAAvB","sourcesContent":["import * as React from \"react\";\nimport { classNames } from \"../../lib/classNames\";\nimport { FormField, FormFieldProps } from \"../FormField/FormField\";\nimport { HasRef, HasRootRef } from \"../../types\";\nimport { withAdaptivity, AdaptivityProps } from \"../../hoc/withAdaptivity\";\nimport { useEnsuredControl } from \"../../hooks/useEnsuredControl\";\nimport { useExternRef } from \"../../hooks/useExternRef\";\nimport \"./Textarea.css\";\n\nexport interface TextareaProps\n  extends React.TextareaHTMLAttributes<HTMLTextAreaElement>,\n    HasRef<HTMLTextAreaElement>,\n    HasRootRef<HTMLElement>,\n    AdaptivityProps,\n    Pick<React.CSSProperties, \"maxHeight\">,\n    Pick<FormFieldProps, \"status\"> {\n  grow?: boolean;\n  onResize?(el: HTMLTextAreaElement): void;\n  defaultValue?: string;\n}\n\nconst TextareaComponent = ({\n  defaultValue = \"\",\n  grow = true,\n  style,\n  onResize,\n  className,\n  getRootRef,\n  getRef,\n  sizeY,\n  rows = 2,\n  maxHeight,\n  status,\n  ...restProps\n}: TextareaProps) => {\n  const [value, onChange] = useEnsuredControl(restProps, { defaultValue });\n  const currentScrollHeight = React.useRef<number>();\n  const elementRef = useExternRef(getRef);\n\n  // autosize input\n  React.useEffect(() => {\n    const el = elementRef.current;\n\n    if (grow && el?.offsetParent) {\n      el.style.height = \"\";\n      el.style.height = `${el.scrollHeight}px`;\n\n      if (el.scrollHeight !== currentScrollHeight.current && onResize) {\n        onResize(el);\n        currentScrollHeight.current = el.scrollHeight;\n      }\n    }\n  }, [grow, value, sizeY, elementRef, onResize]);\n\n  return (\n    <FormField\n      vkuiClass={classNames(\n        \"Textarea\",\n        // TODO. v5.0.0 Новая адаптивность\n        `Textarea--sizeY-${sizeY}`\n      )}\n      className={className}\n      style={style}\n      getRootRef={getRootRef}\n      disabled={restProps.disabled}\n      status={status}\n    >\n      <textarea\n        {...restProps}\n        style={{ maxHeight }}\n        rows={rows}\n        vkuiClass=\"Textarea__el\"\n        value={value}\n        onChange={onChange}\n        ref={elementRef}\n      />\n    </FormField>\n  );\n};\n\n/**\n * @see https://vkcom.github.io/VKUI/#/Textarea\n */\nexport const Textarea = withAdaptivity(TextareaComponent, { sizeY: true });\n\nTextarea.displayName = \"Textarea\";\n"],"file":"Textarea.js"}

package/dist/cssm/components/UsersStack/UsersStack.css

@@ -2,4 +2,4 @@
     --placeholder_icon_background,var(--vkui--color_image_placeholder_alpha)
   )}.vkuiUsersStack__photo--others{align-items:center;background:#99a2ad;background:var(
     --content_placeholder_icon,var(--vkui--color_icon_secondary)
-  );border-radius:50%;color:#f2f3f5;color:var(--vkui--color_icon_contrast_secondary,#f2f3f5);display:flex;justify-content:center}.vkuiUsersStack--size-xs .vkuiUsersStack__photo{height:16px;width:16px}.vkuiUsersStack--size-s .vkuiUsersStack__photo{height:24px;width:24px}.vkuiUsersStack--size-m .vkuiUsersStack__photo{height:32px;width:32px}.vkuiUsersStack__photo+.vkuiUsersStack__photo{margin-left:-2px}.vkuiUsersStack__text{flex:1;margin:0 0 0 8px;min-width:0}.vkuiUsersStack--l-vertical{flex-direction:column;justify-content:center}.vkuiUsersStack--l-vertical .vkuiUsersStack__text{margin:8px 0 0;text-align:center}.vkuiModalCardBase .vkuiUsersStack{margin-top:20px}
+  );border-radius:50%;color:#f2f3f5;color:var(--vkui--color_icon_contrast_secondary,#f2f3f5);display:flex;justify-content:center}.vkuiUsersStack--size-xs .vkuiUsersStack__photo{height:16px;width:16px}.vkuiUsersStack--size-s .vkuiUsersStack__photo{height:24px;width:24px}.vkuiUsersStack--size-m .vkuiUsersStack__photo{height:32px;width:32px}.vkuiUsersStack__photo+.vkuiUsersStack__photo{margin-left:-2px}.vkuiUsersStack__text{flex:1;margin:0 0 0 8px;min-width:0}.vkuiUsersStack--l-vertical{flex-direction:column;justify-content:center}.vkuiUsersStack--l-vertical .vkuiUsersStack__text{margin:8px 0 0;text-align:center}.vkuiModalCardBase .vkuiUsersStack{margin-top:20px}.vkuiUsersStack__mask--16-left{-webkit-clip-path:path("M2,13.285A8 8 0 0 0 8 16A8 8 0 0 0 8 0A8 8 0 0 0 2 2.715A8 8 0 0 1 2,13.285");clip-path:path("M2,13.285A8 8 0 0 0 8 16A8 8 0 0 0 8 0A8 8 0 0 0 2 2.715A8 8 0 0 1 2,13.285")}.vkuiUsersStack__mask--16-circle{-webkit-clip-path:circle(8px);clip-path:circle(8px)}.vkuiUsersStack__mask--24-left{-webkit-clip-path:path("M2,18.625A12 12 0 0 0 12 24A12 12 0 0 0 12 0A12 12 0 0 0 2 5.375A12 12 0 0 1 2,18.625");clip-path:path("M2,18.625A12 12 0 0 0 12 24A12 12 0 0 0 12 0A12 12 0 0 0 2 5.375A12 12 0 0 1 2,18.625")}.vkuiUsersStack__mask--24-circle{-webkit-clip-path:circle(12px);clip-path:circle(12px)}.vkuiUsersStack__mask--24-right{-webkit-clip-path:path("M22,18.625A12 12 0 0 1 12 24A12 12 0 0 1 12 0A12 12 0 0 1 22 5.375A12 12 0 0 0 22,18.625");clip-path:path("M22,18.625A12 12 0 0 1 12 24A12 12 0 0 1 12 0A12 12 0 0 1 22 5.375A12 12 0 0 0 22,18.625")}.vkuiUsersStack__mask--32-left{-webkit-clip-path:path("M2,23.75A16 16 0 0 0 16 32A16 16 0 0 0 16 0A16 16 0 0 0 2 8.25A16 16 0 0 1 2,23.75");clip-path:path("M2,23.75A16 16 0 0 0 16 32A16 16 0 0 0 16 0A16 16 0 0 0 2 8.25A16 16 0 0 1 2,23.75")}.vkuiUsersStack__mask--32-circle{-webkit-clip-path:circle(16px);clip-path:circle(16px)}.vkuiUsersStack__mask--32-right{-webkit-clip-path:path("M30,23.75A16 16 0 0 1 16 32A16 16 0 0 1 16 0A16 16 0 0 1 30 8.25A16 16 0 0 0 30,23.75");clip-path:path("M30,23.75A16 16 0 0 1 16 32A16 16 0 0 1 16 0A16 16 0 0 1 30 8.25A16 16 0 0 0 30,23.75")}

package/dist/cssm/components/UsersStack/UsersStack.js

@@ -1,37 +1,78 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["photos", "visibleCount", "size", "layout", "children"];
+var _excluded = ["photoSize", "direction"],
+    _excluded2 = ["photos", "visibleCount", "size", "layout", "children"];
 import { createScopedElement } from "../../lib/jsxRuntime";
 import { hasReactNode } from "../../lib/utils";
 import { classNames } from "../../lib/classNames";
-import { useIsomorphicLayoutEffect } from "../../lib/useIsomorphicLayoutEffect";
 import { Footnote } from "../Typography/Footnote/Footnote";
 import { Caption } from "../Typography/Caption/Caption";
-import { createMasks } from "./masks";
-import { useDOM } from "../../lib/dom";
 import "./UsersStack.css";
 
+function PathElement(_ref) {
+  var photoSize = _ref.photoSize,
+      direction = _ref.direction,
+      props = _objectWithoutProperties(_ref, _excluded);
+
+  switch (direction) {
+    case "circle":
+      var radius = photoSize / 2;
+      return createScopedElement("circle", _extends({
+        cx: radius,
+        cy: radius,
+        r: radius
+      }, props));
+
+    case "right":
+      switch (photoSize) {
+        case 24:
+          return createScopedElement("path", _extends({
+            d: "M22,18.625A12 12 0 0 1 12 24A12 12 0 0 1 12 0A12 12 0 0 1 22 5.375A12 12 0 0 0 22,18.625"
+          }, props));
+
+        default:
+          return createScopedElement("path", _extends({
+            d: "M30,23.75A16 16 0 0 1 16 32A16 16 0 0 1 16 0A16 16 0 0 1 30 8.25A16 16 0 0 0 30,23.75"
+          }, props));
+      }
+
+    default:
+      switch (photoSize) {
+        case 16:
+          return createScopedElement("path", _extends({
+            d: "M2,13.285A8 8 0 0 0 8 16A8 8 0 0 0 8 0A8 8 0 0 0 2 2.715A8 8 0 0 1 2,13.285"
+          }, props));
+
+        case 24:
+          return createScopedElement("path", _extends({
+            d: "M2,18.625A12 12 0 0 0 12 24A12 12 0 0 0 12 0A12 12 0 0 0 2 5.375A12 12 0 0 1 2,18.625"
+          }, props));
+
+        default:
+          return createScopedElement("path", _extends({
+            d: "M2,23.75A16 16 0 0 0 16 32A16 16 0 0 0 16 0A16 16 0 0 0 2 8.25A16 16 0 0 1 2,23.75"
+          }, props));
+      }
+
+  }
+}
 /**
  * @see https://vkcom.github.io/VKUI/#/UsersStack
  */
-export var UsersStack = function UsersStack(_ref) {
-  var _ref$photos = _ref.photos,
-      photos = _ref$photos === void 0 ? [] : _ref$photos,
-      _ref$visibleCount = _ref.visibleCount,
-      visibleCount = _ref$visibleCount === void 0 ? 3 : _ref$visibleCount,
-      _ref$size = _ref.size,
-      size = _ref$size === void 0 ? "s" : _ref$size,
-      _ref$layout = _ref.layout,
-      layout = _ref$layout === void 0 ? "horizontal" : _ref$layout,
-      children = _ref.children,
-      restProps = _objectWithoutProperties(_ref, _excluded);
 
-  var _useDOM = useDOM(),
-      document = _useDOM.document;
 
-  useIsomorphicLayoutEffect(function () {
-    createMasks(document);
-  }, [document]);
+export var UsersStack = function UsersStack(_ref2) {
+  var _ref2$photos = _ref2.photos,
+      photos = _ref2$photos === void 0 ? [] : _ref2$photos,
+      _ref2$visibleCount = _ref2.visibleCount,
+      visibleCount = _ref2$visibleCount === void 0 ? 3 : _ref2$visibleCount,
+      _ref2$size = _ref2.size,
+      size = _ref2$size === void 0 ? "s" : _ref2$size,
+      _ref2$layout = _ref2.layout,
+      layout = _ref2$layout === void 0 ? "horizontal" : _ref2$layout,
+      children = _ref2.children,
+      restProps = _objectWithoutProperties(_ref2, _excluded2);
+
   var othersCount = Math.max(0, photos.length - visibleCount);
   var canShowOthers = othersCount > 0 && size !== "xs";
   var CounterTypography = size === "m" ? Footnote : Caption;
@@ -49,24 +90,24 @@ export var UsersStack = function UsersStack(_ref) {
     role: "presentation"
   }, photosShown.map(function (photo, i) {
     var direction = i === 0 && !canShowOthers ? "circle" : directionClip;
-    var pathHref = "#users_stack_".concat(photoSize, "_").concat(direction);
-    var clipPathHref = "url(#users_stack_mask_".concat(photoSize, "_").concat(direction, ")");
     return createScopedElement("svg", {
       xmlns: "http://www.w3.org/2000/svg",
       vkuiClass: "UsersStack__photo",
       key: i,
       "aria-hidden": true
     }, createScopedElement("g", {
-      clipPath: clipPathHref
-    }, createScopedElement("use", {
-      vkuiClass: "UsersStack__fill",
-      href: pathHref
+      vkuiClass: "UsersStack__mask--".concat(photoSize, "-").concat(direction)
+    }, createScopedElement(PathElement, {
+      direction: direction,
+      photoSize: photoSize,
+      vkuiClass: "UsersStack__fill"
     }), createScopedElement("image", {
       href: photo,
       width: photoSize,
       height: photoSize
-    }), createScopedElement("use", {
-      href: pathHref,
+    }), createScopedElement(PathElement, {
+      direction: direction,
+      photoSize: photoSize,
       fill: "none",
       stroke: "rgba(0, 0, 0, 0.08)"
     })));

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/UsersStack/UsersStack.tsx"],"names":["hasReactNode","classNames","useIsomorphicLayoutEffect","Footnote","Caption","createMasks","useDOM","UsersStack","photos","visibleCount","size","layout","children","restProps","document","othersCount","Math","max","length","canShowOthers","CounterTypography","photoSize","xs","s","m","directionClip","photosShown","slice","map","photo","i","direction","pathHref","clipPathHref"],"mappings":"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","sourcesContent":["import * as React from \"react\";\nimport { hasReactNode } from \"../../lib/utils\";\nimport { classNames } from \"../../lib/classNames\";\nimport { useIsomorphicLayoutEffect } from \"../../lib/useIsomorphicLayoutEffect\";\nimport { Footnote } from \"../Typography/Footnote/Footnote\";\nimport { Caption } from \"../Typography/Caption/Caption\";\nimport { createMasks } from \"./masks\";\nimport { useDOM } from \"../../lib/dom\";\nimport \"./UsersStack.css\";\n\nexport interface UsersStackProps extends React.HTMLAttributes<HTMLDivElement> {\n  /**\n   * Массив ссылок на фотографии\n   */\n  photos?: string[];\n  /**\n   * Размер аватарок\n   */\n  size?: \"xs\" | \"s\" | \"m\"; // TODO: \"s\" | \"m\" | \"l\"\n  /**\n   * Вертикальный режим рекомендуется использовать с размером `m`\n   */\n  layout?: \"vertical\" | \"horizontal\";\n  /**\n   * Количество аватарок, которые будут показаны.\n   * Если в массиве `photos` больше элементов и используется размер `m`, то будет показано количество остальных элементов\n   */\n  visibleCount?: number;\n}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/UsersStack\n */\nexport const UsersStack = ({\n  photos = [],\n  visibleCount = 3,\n  size = \"s\",\n  layout = \"horizontal\",\n  children,\n  ...restProps\n}: UsersStackProps) => {\n  const { document } = useDOM();\n\n  useIsomorphicLayoutEffect(() => {\n    createMasks(document);\n  }, [document]);\n\n  const othersCount = Math.max(0, photos.length - visibleCount);\n  const canShowOthers = othersCount > 0 && size !== \"xs\";\n  const CounterTypography = size === \"m\" ? Footnote : Caption;\n\n  const photoSize = {\n    xs: 16,\n    s: 24,\n    m: 32,\n  }[size];\n  const directionClip = canShowOthers ? \"right\" : \"left\";\n\n  const photosShown = photos.slice(0, visibleCount);\n\n  return (\n    <div\n      {...restProps}\n      vkuiClass={classNames(\n        \"UsersStack\",\n        `UsersStack--size-${size}`,\n        `UsersStack--l-${layout}`,\n        canShowOthers && \"UsersStack--others\"\n      )}\n    >\n      <div vkuiClass=\"UsersStack__photos\" role=\"presentation\">\n        {photosShown.map((photo, i) => {\n          const direction =\n            i === 0 && !canShowOthers ? \"circle\" : directionClip;\n\n          const pathHref = `#users_stack_${photoSize}_${direction}`;\n          const clipPathHref = `url(#users_stack_mask_${photoSize}_${direction})`;\n\n          return (\n            <svg\n              xmlns=\"http://www.w3.org/2000/svg\"\n              vkuiClass=\"UsersStack__photo\"\n              key={i}\n              aria-hidden\n            >\n              <g clipPath={clipPathHref}>\n                <use vkuiClass=\"UsersStack__fill\" href={pathHref} />\n                <image href={photo} width={photoSize} height={photoSize} />\n                <use href={pathHref} fill=\"none\" stroke=\"rgba(0, 0, 0, 0.08)\" />\n              </g>\n            </svg>\n          );\n        })}\n\n        {canShowOthers && (\n          <CounterTypography\n            caps\n            weight=\"1\"\n            level=\"2\" // TODO: remove only level in #2343\n            vkuiClass=\"UsersStack__photo UsersStack__photo--others\"\n            aria-hidden\n          >\n            <span>+{othersCount}</span>\n          </CounterTypography>\n        )}\n      </div>\n      {hasReactNode(children) && (\n        <Footnote vkuiClass=\"UsersStack__text\">{children}</Footnote>\n      )}\n    </div>\n  );\n};\n"],"file":"UsersStack.js"}
+{"version":3,"sources":["../../../../src/components/UsersStack/UsersStack.tsx"],"names":["hasReactNode","classNames","Footnote","Caption","PathElement","photoSize","direction","props","radius","UsersStack","photos","visibleCount","size","layout","children","restProps","othersCount","Math","max","length","canShowOthers","CounterTypography","xs","s","m","directionClip","photosShown","slice","map","photo","i"],"mappings":"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","sourcesContent":["import * as React from \"react\";\nimport { hasReactNode } from \"../../lib/utils\";\nimport { classNames } from \"../../lib/classNames\";\nimport { Footnote } from \"../Typography/Footnote/Footnote\";\nimport { Caption } from \"../Typography/Caption/Caption\";\nimport \"./UsersStack.css\";\n\nexport interface UsersStackProps extends React.HTMLAttributes<HTMLDivElement> {\n  /**\n   * Массив ссылок на фотографии\n   */\n  photos?: string[];\n  /**\n   * Размер аватарок\n   */\n  size?: \"xs\" | \"s\" | \"m\"; // TODO: \"s\" | \"m\" | \"l\"\n  /**\n   * Вертикальный режим рекомендуется использовать с размером `m`\n   */\n  layout?: \"vertical\" | \"horizontal\";\n  /**\n   * Количество аватарок, которые будут показаны.\n   * Если в массиве `photos` больше элементов и используется размер `m`, то будет показано количество остальных элементов\n   */\n  visibleCount?: number;\n}\n\ninterface PathElementProps extends React.SVGAttributes<SVGElement> {\n  photoSize: number;\n  direction: \"circle\" | \"right\" | \"left\";\n}\n\nfunction PathElement({ photoSize, direction, ...props }: PathElementProps) {\n  switch (direction) {\n    case \"circle\":\n      const radius = photoSize / 2;\n\n      return <circle cx={radius} cy={radius} r={radius} {...props} />;\n\n    case \"right\":\n      switch (photoSize) {\n        case 24:\n          return (\n            <path\n              d=\"M22,18.625A12 12 0 0 1 12 24A12 12 0 0 1 12 0A12 12 0 0 1 22 5.375A12 12 0 0 0 22,18.625\"\n              {...props}\n            />\n          );\n\n        default:\n          return (\n            <path\n              d=\"M30,23.75A16 16 0 0 1 16 32A16 16 0 0 1 16 0A16 16 0 0 1 30 8.25A16 16 0 0 0 30,23.75\"\n              {...props}\n            />\n          );\n      }\n\n    default:\n      switch (photoSize) {\n        case 16:\n          return (\n            <path\n              d=\"M2,13.285A8 8 0 0 0 8 16A8 8 0 0 0 8 0A8 8 0 0 0 2 2.715A8 8 0 0 1 2,13.285\"\n              {...props}\n            />\n          );\n        case 24:\n          return (\n            <path\n              d=\"M2,18.625A12 12 0 0 0 12 24A12 12 0 0 0 12 0A12 12 0 0 0 2 5.375A12 12 0 0 1 2,18.625\"\n              {...props}\n            />\n          );\n\n        default:\n          return (\n            <path\n              d=\"M2,23.75A16 16 0 0 0 16 32A16 16 0 0 0 16 0A16 16 0 0 0 2 8.25A16 16 0 0 1 2,23.75\"\n              {...props}\n            />\n          );\n      }\n  }\n}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/UsersStack\n */\nexport const UsersStack = ({\n  photos = [],\n  visibleCount = 3,\n  size = \"s\",\n  layout = \"horizontal\",\n  children,\n  ...restProps\n}: UsersStackProps) => {\n  const othersCount = Math.max(0, photos.length - visibleCount);\n  const canShowOthers = othersCount > 0 && size !== \"xs\";\n  const CounterTypography = size === \"m\" ? Footnote : Caption;\n\n  const photoSize = {\n    xs: 16,\n    s: 24,\n    m: 32,\n  }[size];\n  const directionClip = canShowOthers ? \"right\" : \"left\";\n\n  const photosShown = photos.slice(0, visibleCount);\n\n  return (\n    <div\n      {...restProps}\n      vkuiClass={classNames(\n        \"UsersStack\",\n        `UsersStack--size-${size}`,\n        `UsersStack--l-${layout}`,\n        canShowOthers && \"UsersStack--others\"\n      )}\n    >\n      <div vkuiClass=\"UsersStack__photos\" role=\"presentation\">\n        {photosShown.map((photo, i) => {\n          const direction =\n            i === 0 && !canShowOthers ? \"circle\" : directionClip;\n\n          return (\n            <svg\n              xmlns=\"http://www.w3.org/2000/svg\"\n              vkuiClass=\"UsersStack__photo\"\n              key={i}\n              aria-hidden\n            >\n              <g vkuiClass={`UsersStack__mask--${photoSize}-${direction}`}>\n                <PathElement\n                  direction={direction}\n                  photoSize={photoSize}\n                  vkuiClass=\"UsersStack__fill\"\n                />\n                <image href={photo} width={photoSize} height={photoSize} />\n                <PathElement\n                  direction={direction}\n                  photoSize={photoSize}\n                  fill=\"none\"\n                  stroke=\"rgba(0, 0, 0, 0.08)\"\n                />\n              </g>\n            </svg>\n          );\n        })}\n\n        {canShowOthers && (\n          <CounterTypography\n            caps\n            weight=\"1\"\n            level=\"2\" // TODO: remove only level in #2343\n            vkuiClass=\"UsersStack__photo UsersStack__photo--others\"\n            aria-hidden\n          >\n            <span>+{othersCount}</span>\n          </CounterTypography>\n        )}\n      </div>\n      {hasReactNode(children) && (\n        <Footnote vkuiClass=\"UsersStack__text\">{children}</Footnote>\n      )}\n    </div>\n  );\n};\n"],"file":"UsersStack.js"}

package/dist/cssm/components/View/ViewInfinite.js

@@ -545,16 +545,7 @@ var ViewInfiniteComponent = /*#__PURE__*/function (_React$Component) {
         var scrollList = panelId && _this4.scrolls[panelId] || [];
         var scroll = scrollList[scrollList.length - 1] || 0;
         return createScopedElement("div", {
-          // eslint-disable-next-line vkui/no-object-expression-in-arguments
-          vkuiClass: classNames("View__panel", {
-            "View__panel--active": panelId === activePanel,
-            "View__panel--prev": panelId === prevPanel,
-            "View__panel--next": panelId === nextPanel,
-            "View__panel--swipe-back-prev": panelId === swipeBackPrevPanel,
-            "View__panel--swipe-back-next": panelId === swipeBackNextPanel,
-            "View__panel--swipe-back-success": swipeBackResult === SwipeBackResults.success,
-            "View__panel--swipe-back-failed": swipeBackResult === SwipeBackResults.fail
-          }),
+          vkuiClass: classNames("View__panel", panelId === activePanel && "View__panel--active", panelId === prevPanel && "View__panel--prev", panelId === nextPanel && "View__panel--next", panelId === swipeBackPrevPanel && "View__panel--swipe-back-prev", panelId === swipeBackNextPanel && "View__panel--swipe-back-next", swipeBackResult === SwipeBackResults.success && "View__panel--swipe-back-success", swipeBackResult === SwipeBackResults.fail && "View__panel--swipe-back-failed"),
           onAnimationEnd: isTransitionTarget ? _this4.transitionEndHandler : undefined,
           ref: function ref(el) {
             return panelId !== undefined && (_this4.panelNodes[panelId] = el);

package/dist/cssm/components/View/ViewInfinite.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/View/ViewInfinite.tsx"],"names":["React","classNames","transitionEvent","animationEvent","getClassName","IOS","ANDROID","VKCOM","Touch","withPlatform","withContext","ConfigProviderContext","SplitColContext","AppRootPortal","canUseDOM","withDOM","ScrollContext","NavTransitionProvider","getNavId","warnOnce","swipeBackExcluded","warn","SwipeBackResults","scrollsCache","ViewInfiniteComponent","props","undefined","e","includes","animationName","state","prevPanel","flushTransition","Boolean","isBack","propertyName","target","pickPanel","swipeBackNextPanel","swipeBackResult","fail","onSwipeBackCancel","success","onSwipeBackSuccess","window","platform","configProvider","isWebView","startX","innerWidth","browserSwipe","setState","onSwipeBack","animated","swipingBack","history","length","activePanel","prevScrolls","scrolls","scroll","getScroll","y","swipebackStartX","swipeBackPrevPanel","slice","swipeBackShift","shiftX","speed","duration","visiblePanels","nextPanel","document","Children","toArray","children","id","animationFinishTimeout","clearTimeout","prevProps","prevState","popout","blurActiveElement","modal","isBackCheck","from","to","firstLayerId","panels","map","panel","find","shouldDisableTransitionMotion","supported","setTimeout","transitionEndHandler","scrollPosition","prevPanelScrolls","newPanelScrolls","pop","scrollTo","onTransition","onSwipeBackStart","waitTransitionFinish","swipingBackTransitionEndHandler","transitionMotionEnabled","splitCol","animate","elem","eventHandler","name","removeEventListener","addEventListener","transitionFinishTimeout","activeElement","blur","panelNodes","panelId","isPrev","isNext","prevPanelTranslate","nextPanelTranslate","prevPanelShadow","boxShadow","transform","WebkitTransform","_1","nav","restProps","hasPopout","hasModal","filter","sort","isPrevPanel","isNextPanel","disableAnimation","modifiers","onMoveX","onEnd","compensateScroll","isTransitionTarget","scrollList","el","calcPanelSwipeStyles","marginTop","Component","ViewInfinite"],"mappings":"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","sourcesContent":["import * as React from \"react\";\nimport { classNames } from \"../../lib/classNames\";\nimport { transitionEvent, animationEvent } from \"../../lib/supportEvents\";\nimport { getClassName } from \"../../helpers/getClassName\";\nimport { IOS, ANDROID, VKCOM } from \"../../lib/platform\";\nimport { Touch, TouchEvent } from \"../Touch/Touch\";\nimport { HasPlatform } from \"../../types\";\nimport { withPlatform } from \"../../hoc/withPlatform\";\nimport { withContext } from \"../../hoc/withContext\";\nimport {\n  ConfigProviderContext,\n  ConfigProviderContextInterface,\n} from \"../ConfigProvider/ConfigProviderContext\";\nimport { SplitColContext, SplitColContextProps } from \"../SplitCol/SplitCol\";\nimport { AppRootPortal } from \"../AppRoot/AppRootPortal\";\nimport { canUseDOM, withDOM, DOMProps } from \"../../lib/dom\";\nimport {\n  ScrollContext,\n  ScrollContextInterface,\n} from \"../AppRoot/ScrollContext\";\nimport { NavTransitionProvider } from \"../NavTransitionContext/NavTransitionContext\";\nimport { getNavId, NavIdProps } from \"../../lib/getNavId\";\nimport { warnOnce } from \"../../lib/warnOnce\";\nimport { swipeBackExcluded } from \"./utils\";\nimport \"./View.css\";\n\nconst warn = warnOnce(\"ViewInfinite\");\n\nenum SwipeBackResults {\n  fail = 1,\n  success,\n}\n\ninterface Scrolls {\n  [index: string]: Array<number | undefined>;\n}\n\ninterface ViewsScrolls {\n  [index: string]: Scrolls;\n}\n\ntype TransitionEventHandler = (e?: TransitionEvent) => void;\n\nlet scrollsCache: ViewsScrolls = {};\n\nexport type TransitionParams = { from: string | null; to: string | null };\n\nexport interface ViewInfiniteProps\n  extends React.HTMLAttributes<HTMLElement>,\n    HasPlatform,\n    NavIdProps {\n  activePanel: string;\n  popout?: React.ReactNode;\n  modal?: React.ReactNode;\n  onTransition?(params: TransitionParams & { isBack: boolean }): void;\n  /**\n   * callback свайпа назад\n   */\n  onSwipeBack?(): void;\n  /**\n   * callback начала анимации свайпа назад.\n   */\n  onSwipeBackStart?(): void;\n  /**\n   * callback завершения анимации отмененного пользователем свайпа\n   */\n  onSwipeBackCancel?(): void;\n  history?: string[];\n  isBackCheck?(params: TransitionParams): boolean;\n  /**\n   * @ignore\n   */\n  splitCol?: SplitColContextProps;\n  /**\n   * @ignore\n   */\n  configProvider?: ConfigProviderContextInterface;\n  /**\n   * @ignore\n   */\n  scroll?: ScrollContextInterface;\n}\n\nexport interface ViewInfiniteState {\n  animated: boolean;\n\n  visiblePanels: Array<string | null>;\n  activePanel: string | null;\n  isBack?: boolean;\n  prevPanel: string | null;\n  nextPanel: string | null;\n\n  swipingBack: boolean;\n  swipebackStartX: number;\n  swipeBackShift: number;\n  swipeBackNextPanel: string | null;\n  swipeBackPrevPanel: string | null;\n  swipeBackResult: SwipeBackResults | null;\n\n  browserSwipe: boolean;\n}\n\nclass ViewInfiniteComponent extends React.Component<\n  ViewInfiniteProps & DOMProps,\n  ViewInfiniteState\n> {\n  constructor(props: ViewInfiniteProps) {\n    super(props);\n\n    this.state = {\n      animated: false,\n\n      visiblePanels: [props.activePanel],\n      activePanel: props.activePanel,\n      isBack: undefined,\n      prevPanel: null,\n      nextPanel: null,\n\n      swipingBack: false,\n      swipebackStartX: 0,\n      swipeBackShift: 0,\n      swipeBackNextPanel: null,\n      swipeBackPrevPanel: null,\n      swipeBackResult: null,\n\n      browserSwipe: false,\n    };\n  }\n\n  static defaultProps: Partial<ViewInfiniteProps> = {\n    history: [],\n  };\n\n  private scrolls = scrollsCache[getNavId(this.props, warn) as string] || {};\n  private transitionFinishTimeout: number | undefined = undefined;\n  private animationFinishTimeout: number | undefined = undefined;\n\n  get document() {\n    return this.props.document;\n  }\n\n  get window() {\n    return this.props.window;\n  }\n\n  get panels() {\n    return React.Children.toArray(this.props.children) as React.ReactElement[];\n  }\n\n  panelNodes: { [id: string]: HTMLDivElement | null } = {};\n\n  componentWillUnmount() {\n    const id = getNavId(this.props);\n    if (id) {\n      scrollsCache[id] = this.scrolls;\n    }\n    if (this.animationFinishTimeout) {\n      clearTimeout(this.animationFinishTimeout);\n    }\n  }\n\n  componentDidUpdate(\n    prevProps: ViewInfiniteProps,\n    prevState: ViewInfiniteState\n  ) {\n    this.props.popout && !prevProps.popout && this.blurActiveElement();\n    this.props.modal && !prevProps.modal && this.blurActiveElement();\n\n    // Нужен переход\n    if (\n      prevProps.activePanel !== this.props.activePanel &&\n      !prevState.swipingBack &&\n      !prevState.browserSwipe\n    ) {\n      let isBack = false;\n\n      if (this.props.isBackCheck) {\n        isBack = this.props.isBackCheck({\n          from: prevProps.activePanel,\n          to: this.props.activePanel,\n        });\n      } else {\n        const firstLayerId = this.panels\n          .map((panel) => getNavId(panel.props, warn))\n          .find(\n            (id) =>\n              id === prevProps.activePanel || id === this.props.activePanel\n          );\n        isBack = firstLayerId === this.props.activePanel;\n      }\n\n      this.blurActiveElement();\n\n      const prevScrolls = this.scrolls[prevProps.activePanel] || [];\n      const scrolls = {\n        ...this.scrolls,\n        [prevProps.activePanel]: [\n          ...prevScrolls,\n          this.props.scroll?.getScroll().y,\n        ],\n      };\n      this.scrolls = scrolls;\n\n      if (this.shouldDisableTransitionMotion()) {\n        this.flushTransition(prevProps.activePanel, isBack);\n      } else {\n        this.setState({\n          visiblePanels: [prevProps.activePanel, this.props.activePanel],\n          prevPanel: prevProps.activePanel,\n          nextPanel: this.props.activePanel,\n          activePanel: null,\n          animated: true,\n          isBack,\n        });\n\n        // Фолбек анимации перехода\n        if (!animationEvent.supported) {\n          if (this.animationFinishTimeout) {\n            clearTimeout(this.animationFinishTimeout);\n          }\n          this.animationFinishTimeout = setTimeout(\n            this.transitionEndHandler,\n            this.props.platform === ANDROID || this.props.platform === VKCOM\n              ? 300\n              : 600\n          );\n        }\n      }\n    }\n\n    // Закончилась анимация свайпа назад\n    if (\n      prevProps.activePanel !== this.props.activePanel &&\n      prevState.swipingBack\n    ) {\n      const nextPanel = this.state.swipeBackNextPanel;\n      const prevPanel = this.state.swipeBackPrevPanel;\n      let scrollPosition: undefined | number = undefined;\n\n      this.scrolls = {\n        ...this.scrolls,\n      };\n\n      if (prevPanel !== null) {\n        const prevPanelScrolls = [...(this.scrolls[prevPanel] || [])].slice(\n          0,\n          -1\n        );\n        this.scrolls[prevPanel] = prevPanelScrolls;\n      }\n      if (nextPanel !== null) {\n        const newPanelScrolls = [...(this.scrolls[nextPanel] || [])];\n        scrollPosition = newPanelScrolls.pop();\n        this.scrolls[nextPanel] = newPanelScrolls;\n      }\n\n      this.setState(\n        {\n          swipeBackPrevPanel: null,\n          swipeBackNextPanel: null,\n          swipingBack: false,\n          swipeBackResult: null,\n          swipebackStartX: 0,\n          swipeBackShift: 0,\n          activePanel: nextPanel,\n          visiblePanels: [nextPanel],\n        },\n        () => {\n          this.props.scroll?.scrollTo(0, scrollPosition);\n          prevProps.onTransition &&\n            prevProps.onTransition({\n              isBack: true,\n              from: prevPanel,\n              to: nextPanel,\n            });\n        }\n      );\n    }\n\n    // Начался свайп назад\n    if (!prevState.swipingBack && this.state.swipingBack) {\n      this.props.onSwipeBackStart && this.props.onSwipeBackStart();\n    }\n\n    // Началась анимация завершения свайпа назад.\n    if (!prevState.swipeBackResult && this.state.swipeBackResult) {\n      this.waitTransitionFinish(\n        this.pickPanel(this.state.swipeBackNextPanel),\n        this.swipingBackTransitionEndHandler\n      );\n    }\n\n    // Если свайп назад отменился (когда пользователь недостаточно сильно свайпнул)\n    if (\n      prevState.swipeBackResult === SwipeBackResults.fail &&\n      !this.state.swipeBackResult &&\n      this.state.activePanel !== null\n    ) {\n      const newPanelScrolls = [...(this.scrolls[this.state.activePanel] || [])];\n      const scrollPosition = newPanelScrolls.pop();\n      this.scrolls = {\n        ...this.scrolls,\n        [this.state.activePanel]: newPanelScrolls,\n      };\n\n      this.props.scroll?.scrollTo(0, scrollPosition);\n    }\n\n    // Закончился Safari свайп\n    if (\n      prevProps.activePanel !== this.props.activePanel &&\n      this.state.browserSwipe\n    ) {\n      this.setState({\n        browserSwipe: false,\n        nextPanel: null,\n        prevPanel: null,\n        animated: false,\n        visiblePanels: [this.props.activePanel],\n        activePanel: this.props.activePanel,\n      });\n    }\n  }\n\n  shouldDisableTransitionMotion(): boolean {\n    return (\n      this.props.configProvider?.transitionMotionEnabled === false ||\n      !this.props.splitCol?.animate\n    );\n  }\n\n  waitTransitionFinish(\n    elem: HTMLElement | null | undefined,\n    eventHandler: TransitionEventHandler\n  ): void {\n    if (transitionEvent.supported && transitionEvent.name && elem) {\n      elem.removeEventListener(\n        transitionEvent.name as keyof HTMLElementEventMap,\n        eventHandler as EventListener\n      );\n      elem.addEventListener(\n        transitionEvent.name as keyof HTMLElementEventMap,\n        eventHandler as EventListener\n      );\n    } else {\n      if (this.transitionFinishTimeout) {\n        clearTimeout(this.transitionFinishTimeout);\n      }\n\n      this.transitionFinishTimeout = setTimeout(\n        eventHandler,\n        this.props.platform === ANDROID || this.props.platform === VKCOM\n          ? 300\n          : 600\n      );\n    }\n  }\n\n  blurActiveElement(): void {\n    if (typeof this.window !== \"undefined\" && this.document?.activeElement) {\n      (this.document.activeElement as HTMLElement).blur();\n    }\n  }\n\n  pickPanel(id: string | null) {\n    if (id === null) {\n      return undefined;\n    }\n    return this.panelNodes[id];\n  }\n\n  flushTransition(prevPanel: string, isBack: boolean) {\n    const activePanel = this.props.activePanel;\n\n    const prevPanelScrolls = [...(this.scrolls[prevPanel] || [])].slice(0, -1);\n    const newPanelScrolls = [...(this.scrolls[activePanel] || [])];\n    const scrollPosition = isBack ? newPanelScrolls.pop() : 0;\n    if (isBack) {\n      this.scrolls = {\n        ...this.scrolls,\n        [prevPanel]: prevPanelScrolls,\n        [activePanel]: newPanelScrolls,\n      };\n    }\n\n    this.setState(\n      {\n        prevPanel: null,\n        nextPanel: null,\n        visiblePanels: [activePanel],\n        activePanel: activePanel,\n        animated: false,\n        isBack: undefined,\n      },\n      () => {\n        this.props.scroll?.scrollTo(0, isBack ? scrollPosition : 0);\n        this.props.onTransition &&\n          this.props.onTransition({ isBack, from: prevPanel, to: activePanel });\n      }\n    );\n  }\n\n  transitionEndHandler = (e?: React.AnimationEvent): void => {\n    if (\n      (!e ||\n        [\n          \"vkui-animation-ios-next-forward\",\n          \"vkui-animation-ios-prev-back\",\n          \"vkui-animation-view-next-forward\",\n          \"vkui-animation-view-prev-back\",\n        ].includes(e.animationName)) &&\n      this.state.prevPanel !== null\n    ) {\n      this.flushTransition(this.state.prevPanel, Boolean(this.state.isBack));\n    }\n  };\n\n  swipingBackTransitionEndHandler = (e?: TransitionEvent): void => {\n    // indexOf because of vendor prefixes in old browsers\n    if (\n      !e ||\n      (e.propertyName.includes(\"transform\") &&\n        e.target === this.pickPanel(this.state.swipeBackNextPanel))\n    ) {\n      switch (this.state.swipeBackResult) {\n        case SwipeBackResults.fail:\n          this.onSwipeBackCancel();\n          break;\n        case SwipeBackResults.success:\n          this.onSwipeBackSuccess();\n      }\n    }\n  };\n\n  onSwipeBackSuccess(): void {\n    this.props.onSwipeBack && this.props.onSwipeBack();\n  }\n\n  onSwipeBackCancel(): void {\n    this.props.onSwipeBackCancel && this.props.onSwipeBackCancel();\n    this.setState({\n      swipeBackPrevPanel: null,\n      swipeBackNextPanel: null,\n      swipingBack: false,\n      swipeBackResult: null,\n      swipebackStartX: 0,\n      swipeBackShift: 0,\n    });\n  }\n\n  onMoveX = (e: TouchEvent): void => {\n    if (swipeBackExcluded(e) || !this.window) {\n      return;\n    }\n\n    const { platform, configProvider } = this.props;\n\n    if (\n      platform === IOS &&\n      !configProvider?.isWebView &&\n      (e.startX <= 70 || e.startX >= this.window.innerWidth - 70) &&\n      !this.state.browserSwipe\n    ) {\n      this.setState({ browserSwipe: true });\n    }\n\n    if (\n      platform === IOS &&\n      configProvider?.isWebView &&\n      this.props.onSwipeBack\n    ) {\n      if (this.state.animated && e.startX <= 70) {\n        return;\n      }\n\n      if (\n        e.startX <= 70 &&\n        !this.state.swipingBack &&\n        (this.props.history?.length ?? 0) > 1\n      ) {\n        if (this.state.activePanel !== null) {\n          const prevScrolls = this.scrolls[this.state.activePanel] || [];\n          this.scrolls = {\n            ...this.scrolls,\n            [this.state.activePanel]: [\n              ...prevScrolls,\n              this.props.scroll?.getScroll().y,\n            ],\n          };\n        }\n\n        this.setState({\n          swipingBack: true,\n          swipebackStartX: e.startX,\n          swipeBackPrevPanel: this.state.activePanel,\n          swipeBackNextPanel: this.props.history!.slice(-2)[0],\n        });\n      }\n      if (this.state.swipingBack) {\n        let swipeBackShift;\n        if (e.shiftX < 0) {\n          swipeBackShift = 0;\n        } else if (\n          e.shiftX >\n          this.window.innerWidth - this.state.swipebackStartX\n        ) {\n          swipeBackShift = this.window.innerWidth;\n        } else {\n          swipeBackShift = e.shiftX;\n        }\n        this.setState({ swipeBackShift });\n      }\n    }\n  };\n\n  onEnd = (e: TouchEvent): void => {\n    if (this.state.swipingBack && this.window) {\n      const speed = (this.state.swipeBackShift / e.duration) * 1000;\n      if (this.state.swipeBackShift === 0) {\n        this.onSwipeBackCancel();\n      } else if (this.state.swipeBackShift >= this.window.innerWidth) {\n        this.onSwipeBackSuccess();\n      } else if (\n        speed > 250 ||\n        this.state.swipebackStartX + this.state.swipeBackShift >\n          this.window.innerWidth / 2\n      ) {\n        this.setState({ swipeBackResult: SwipeBackResults.success });\n      } else {\n        this.setState({ swipeBackResult: SwipeBackResults.fail });\n      }\n    }\n  };\n\n  calcPanelSwipeStyles(panelId: string | undefined): React.CSSProperties {\n    if (!canUseDOM || !this.window) {\n      return {};\n    }\n\n    const isPrev = panelId === this.state.swipeBackPrevPanel;\n    const isNext = panelId === this.state.swipeBackNextPanel;\n\n    if ((!isPrev && !isNext) || this.state.swipeBackResult) {\n      return {};\n    }\n\n    let prevPanelTranslate = `${this.state.swipeBackShift}px`;\n    let nextPanelTranslate = `${\n      -50 + (this.state.swipeBackShift * 100) / this.window.innerWidth / 2\n    }%`;\n    let prevPanelShadow =\n      (0.3 * (this.window.innerWidth - this.state.swipeBackShift)) /\n      this.window.innerWidth;\n\n    if (this.state.swipeBackResult) {\n      return isPrev\n        ? { boxShadow: `-2px 0 12px rgba(0, 0, 0, ${prevPanelShadow})` }\n        : {};\n    }\n\n    if (isNext) {\n      return {\n        transform: `translate3d(${nextPanelTranslate}, 0, 0)`,\n        WebkitTransform: `translate3d(${nextPanelTranslate}, 0, 0)`,\n      };\n    }\n    if (isPrev) {\n      return {\n        transform: `translate3d(${prevPanelTranslate}, 0, 0)`,\n        WebkitTransform: `translate3d(${prevPanelTranslate}, 0, 0)`,\n        boxShadow: `-2px 0 12px rgba(0, 0, 0, ${prevPanelShadow})`,\n      };\n    }\n\n    return {};\n  }\n\n  render() {\n    const {\n      popout,\n      modal,\n      platform,\n      activePanel: _1,\n      splitCol,\n      configProvider,\n      history,\n      id,\n      nav,\n      onTransition,\n      onSwipeBack,\n      onSwipeBackStart,\n      onSwipeBackCancel,\n      window,\n      document,\n      scroll,\n      isBackCheck,\n      ...restProps\n    } = this.props;\n    const {\n      prevPanel,\n      nextPanel,\n      activePanel,\n      isBack,\n      animated,\n      swipeBackPrevPanel,\n      swipeBackNextPanel,\n      swipeBackResult,\n      swipingBack,\n    } = this.state;\n\n    const hasPopout = !!popout;\n    const hasModal = !!modal;\n\n    const panels = this.panels\n      .filter((panel) => {\n        const panelId = getNavId(panel.props, warn);\n\n        return (\n          (panelId !== undefined &&\n            this.state.visiblePanels.includes(panelId)) ||\n          panelId === swipeBackPrevPanel ||\n          panelId === swipeBackNextPanel\n        );\n      })\n      .sort((panel) => {\n        const panelId = getNavId(panel.props, warn);\n        const isPrevPanel =\n          panelId === prevPanel || panelId === swipeBackPrevPanel;\n        const isNextPanel =\n          panelId === nextPanel || panelId === swipeBackNextPanel;\n\n        if (isNextPanel) {\n          return swipingBack || this.state.isBack ? -1 : 1;\n        }\n\n        if (isPrevPanel) {\n          return swipingBack || this.state.isBack ? 1 : -1;\n        }\n\n        return 0;\n      });\n\n    const disableAnimation = this.shouldDisableTransitionMotion();\n\n    const modifiers = {\n      \"View--animated\": !disableAnimation && this.state.animated,\n      \"View--swiping-back\": !disableAnimation && this.state.swipingBack,\n      \"View--no-motion\": disableAnimation,\n    };\n\n    return (\n      <Touch\n        Component=\"section\"\n        {...restProps}\n        vkuiClass={classNames(getClassName(\"View\", platform), modifiers)}\n        onMoveX={this.onMoveX}\n        onEnd={this.onEnd}\n      >\n        <div vkuiClass=\"View__panels\">\n          {panels.map((panel: React.ReactElement) => {\n            const panelId = getNavId(panel.props, warn);\n            const isPrev =\n              panelId === prevPanel || panelId === swipeBackPrevPanel;\n            const compensateScroll =\n              isPrev ||\n              panelId === swipeBackNextPanel ||\n              (panelId === nextPanel && isBack);\n            const isTransitionTarget =\n              animated && panelId === (isBack ? prevPanel : nextPanel);\n            const scrollList = (panelId && this.scrolls[panelId]) || [];\n            const scroll = scrollList[scrollList.length - 1] || 0;\n\n            return (\n              <div\n                // eslint-disable-next-line vkui/no-object-expression-in-arguments\n                vkuiClass={classNames(\"View__panel\", {\n                  \"View__panel--active\": panelId === activePanel,\n                  \"View__panel--prev\": panelId === prevPanel,\n                  \"View__panel--next\": panelId === nextPanel,\n                  \"View__panel--swipe-back-prev\":\n                    panelId === swipeBackPrevPanel,\n                  \"View__panel--swipe-back-next\":\n                    panelId === swipeBackNextPanel,\n                  \"View__panel--swipe-back-success\":\n                    swipeBackResult === SwipeBackResults.success,\n                  \"View__panel--swipe-back-failed\":\n                    swipeBackResult === SwipeBackResults.fail,\n                })}\n                onAnimationEnd={\n                  isTransitionTarget ? this.transitionEndHandler : undefined\n                }\n                ref={(el) =>\n                  panelId !== undefined && (this.panelNodes[panelId] = el)\n                }\n                style={this.calcPanelSwipeStyles(panelId)}\n                key={panelId}\n              >\n                <div\n                  vkuiClass=\"View__panel-in\"\n                  style={{ marginTop: compensateScroll ? -scroll : undefined }}\n                >\n                  <NavTransitionProvider\n                    entering={\n                      panelId === nextPanel || panelId === swipeBackNextPanel\n                    }\n                  >\n                    {panel}\n                  </NavTransitionProvider>\n                </div>\n              </div>\n            );\n          })}\n        </div>\n        <AppRootPortal>\n          {hasPopout && <div vkuiClass=\"View__popout\">{popout}</div>}\n          {hasModal && <div vkuiClass=\"View__modal\">{modal}</div>}\n        </AppRootPortal>\n      </Touch>\n    );\n  }\n}\n\nexport const ViewInfinite = withContext(\n  withContext(\n    withContext(\n      withPlatform(withDOM<ViewInfiniteProps>(ViewInfiniteComponent)),\n      SplitColContext,\n      \"splitCol\"\n    ),\n    ConfigProviderContext,\n    \"configProvider\"\n  ),\n  ScrollContext,\n  \"scroll\"\n);\n"],"file":"ViewInfinite.js"}
+{"version":3,"sources":["../../../../src/components/View/ViewInfinite.tsx"],"names":["React","classNames","transitionEvent","animationEvent","getClassName","IOS","ANDROID","VKCOM","Touch","withPlatform","withContext","ConfigProviderContext","SplitColContext","AppRootPortal","canUseDOM","withDOM","ScrollContext","NavTransitionProvider","getNavId","warnOnce","swipeBackExcluded","warn","SwipeBackResults","scrollsCache","ViewInfiniteComponent","props","undefined","e","includes","animationName","state","prevPanel","flushTransition","Boolean","isBack","propertyName","target","pickPanel","swipeBackNextPanel","swipeBackResult","fail","onSwipeBackCancel","success","onSwipeBackSuccess","window","platform","configProvider","isWebView","startX","innerWidth","browserSwipe","setState","onSwipeBack","animated","swipingBack","history","length","activePanel","prevScrolls","scrolls","scroll","getScroll","y","swipebackStartX","swipeBackPrevPanel","slice","swipeBackShift","shiftX","speed","duration","visiblePanels","nextPanel","document","Children","toArray","children","id","animationFinishTimeout","clearTimeout","prevProps","prevState","popout","blurActiveElement","modal","isBackCheck","from","to","firstLayerId","panels","map","panel","find","shouldDisableTransitionMotion","supported","setTimeout","transitionEndHandler","scrollPosition","prevPanelScrolls","newPanelScrolls","pop","scrollTo","onTransition","onSwipeBackStart","waitTransitionFinish","swipingBackTransitionEndHandler","transitionMotionEnabled","splitCol","animate","elem","eventHandler","name","removeEventListener","addEventListener","transitionFinishTimeout","activeElement","blur","panelNodes","panelId","isPrev","isNext","prevPanelTranslate","nextPanelTranslate","prevPanelShadow","boxShadow","transform","WebkitTransform","_1","nav","restProps","hasPopout","hasModal","filter","sort","isPrevPanel","isNextPanel","disableAnimation","modifiers","onMoveX","onEnd","compensateScroll","isTransitionTarget","scrollList","el","calcPanelSwipeStyles","marginTop","Component","ViewInfinite"],"mappings":"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","sourcesContent":["import * as React from \"react\";\nimport { classNames } from \"../../lib/classNames\";\nimport { transitionEvent, animationEvent } from \"../../lib/supportEvents\";\nimport { getClassName } from \"../../helpers/getClassName\";\nimport { IOS, ANDROID, VKCOM } from \"../../lib/platform\";\nimport { Touch, TouchEvent } from \"../Touch/Touch\";\nimport { HasPlatform } from \"../../types\";\nimport { withPlatform } from \"../../hoc/withPlatform\";\nimport { withContext } from \"../../hoc/withContext\";\nimport {\n  ConfigProviderContext,\n  ConfigProviderContextInterface,\n} from \"../ConfigProvider/ConfigProviderContext\";\nimport { SplitColContext, SplitColContextProps } from \"../SplitCol/SplitCol\";\nimport { AppRootPortal } from \"../AppRoot/AppRootPortal\";\nimport { canUseDOM, withDOM, DOMProps } from \"../../lib/dom\";\nimport {\n  ScrollContext,\n  ScrollContextInterface,\n} from \"../AppRoot/ScrollContext\";\nimport { NavTransitionProvider } from \"../NavTransitionContext/NavTransitionContext\";\nimport { getNavId, NavIdProps } from \"../../lib/getNavId\";\nimport { warnOnce } from \"../../lib/warnOnce\";\nimport { swipeBackExcluded } from \"./utils\";\nimport \"./View.css\";\n\nconst warn = warnOnce(\"ViewInfinite\");\n\nenum SwipeBackResults {\n  fail = 1,\n  success,\n}\n\ninterface Scrolls {\n  [index: string]: Array<number | undefined>;\n}\n\ninterface ViewsScrolls {\n  [index: string]: Scrolls;\n}\n\ntype TransitionEventHandler = (e?: TransitionEvent) => void;\n\nlet scrollsCache: ViewsScrolls = {};\n\nexport type TransitionParams = { from: string | null; to: string | null };\n\nexport interface ViewInfiniteProps\n  extends React.HTMLAttributes<HTMLElement>,\n    HasPlatform,\n    NavIdProps {\n  activePanel: string;\n  popout?: React.ReactNode;\n  modal?: React.ReactNode;\n  onTransition?(params: TransitionParams & { isBack: boolean }): void;\n  /**\n   * callback свайпа назад\n   */\n  onSwipeBack?(): void;\n  /**\n   * callback начала анимации свайпа назад.\n   */\n  onSwipeBackStart?(): void;\n  /**\n   * callback завершения анимации отмененного пользователем свайпа\n   */\n  onSwipeBackCancel?(): void;\n  history?: string[];\n  isBackCheck?(params: TransitionParams): boolean;\n  /**\n   * @ignore\n   */\n  splitCol?: SplitColContextProps;\n  /**\n   * @ignore\n   */\n  configProvider?: ConfigProviderContextInterface;\n  /**\n   * @ignore\n   */\n  scroll?: ScrollContextInterface;\n}\n\nexport interface ViewInfiniteState {\n  animated: boolean;\n\n  visiblePanels: Array<string | null>;\n  activePanel: string | null;\n  isBack?: boolean;\n  prevPanel: string | null;\n  nextPanel: string | null;\n\n  swipingBack: boolean;\n  swipebackStartX: number;\n  swipeBackShift: number;\n  swipeBackNextPanel: string | null;\n  swipeBackPrevPanel: string | null;\n  swipeBackResult: SwipeBackResults | null;\n\n  browserSwipe: boolean;\n}\n\nclass ViewInfiniteComponent extends React.Component<\n  ViewInfiniteProps & DOMProps,\n  ViewInfiniteState\n> {\n  constructor(props: ViewInfiniteProps) {\n    super(props);\n\n    this.state = {\n      animated: false,\n\n      visiblePanels: [props.activePanel],\n      activePanel: props.activePanel,\n      isBack: undefined,\n      prevPanel: null,\n      nextPanel: null,\n\n      swipingBack: false,\n      swipebackStartX: 0,\n      swipeBackShift: 0,\n      swipeBackNextPanel: null,\n      swipeBackPrevPanel: null,\n      swipeBackResult: null,\n\n      browserSwipe: false,\n    };\n  }\n\n  static defaultProps: Partial<ViewInfiniteProps> = {\n    history: [],\n  };\n\n  private scrolls = scrollsCache[getNavId(this.props, warn) as string] || {};\n  private transitionFinishTimeout: number | undefined = undefined;\n  private animationFinishTimeout: number | undefined = undefined;\n\n  get document() {\n    return this.props.document;\n  }\n\n  get window() {\n    return this.props.window;\n  }\n\n  get panels() {\n    return React.Children.toArray(this.props.children) as React.ReactElement[];\n  }\n\n  panelNodes: { [id: string]: HTMLDivElement | null } = {};\n\n  componentWillUnmount() {\n    const id = getNavId(this.props);\n    if (id) {\n      scrollsCache[id] = this.scrolls;\n    }\n    if (this.animationFinishTimeout) {\n      clearTimeout(this.animationFinishTimeout);\n    }\n  }\n\n  componentDidUpdate(\n    prevProps: ViewInfiniteProps,\n    prevState: ViewInfiniteState\n  ) {\n    this.props.popout && !prevProps.popout && this.blurActiveElement();\n    this.props.modal && !prevProps.modal && this.blurActiveElement();\n\n    // Нужен переход\n    if (\n      prevProps.activePanel !== this.props.activePanel &&\n      !prevState.swipingBack &&\n      !prevState.browserSwipe\n    ) {\n      let isBack = false;\n\n      if (this.props.isBackCheck) {\n        isBack = this.props.isBackCheck({\n          from: prevProps.activePanel,\n          to: this.props.activePanel,\n        });\n      } else {\n        const firstLayerId = this.panels\n          .map((panel) => getNavId(panel.props, warn))\n          .find(\n            (id) =>\n              id === prevProps.activePanel || id === this.props.activePanel\n          );\n        isBack = firstLayerId === this.props.activePanel;\n      }\n\n      this.blurActiveElement();\n\n      const prevScrolls = this.scrolls[prevProps.activePanel] || [];\n      const scrolls = {\n        ...this.scrolls,\n        [prevProps.activePanel]: [\n          ...prevScrolls,\n          this.props.scroll?.getScroll().y,\n        ],\n      };\n      this.scrolls = scrolls;\n\n      if (this.shouldDisableTransitionMotion()) {\n        this.flushTransition(prevProps.activePanel, isBack);\n      } else {\n        this.setState({\n          visiblePanels: [prevProps.activePanel, this.props.activePanel],\n          prevPanel: prevProps.activePanel,\n          nextPanel: this.props.activePanel,\n          activePanel: null,\n          animated: true,\n          isBack,\n        });\n\n        // Фолбек анимации перехода\n        if (!animationEvent.supported) {\n          if (this.animationFinishTimeout) {\n            clearTimeout(this.animationFinishTimeout);\n          }\n          this.animationFinishTimeout = setTimeout(\n            this.transitionEndHandler,\n            this.props.platform === ANDROID || this.props.platform === VKCOM\n              ? 300\n              : 600\n          );\n        }\n      }\n    }\n\n    // Закончилась анимация свайпа назад\n    if (\n      prevProps.activePanel !== this.props.activePanel &&\n      prevState.swipingBack\n    ) {\n      const nextPanel = this.state.swipeBackNextPanel;\n      const prevPanel = this.state.swipeBackPrevPanel;\n      let scrollPosition: undefined | number = undefined;\n\n      this.scrolls = {\n        ...this.scrolls,\n      };\n\n      if (prevPanel !== null) {\n        const prevPanelScrolls = [...(this.scrolls[prevPanel] || [])].slice(\n          0,\n          -1\n        );\n        this.scrolls[prevPanel] = prevPanelScrolls;\n      }\n      if (nextPanel !== null) {\n        const newPanelScrolls = [...(this.scrolls[nextPanel] || [])];\n        scrollPosition = newPanelScrolls.pop();\n        this.scrolls[nextPanel] = newPanelScrolls;\n      }\n\n      this.setState(\n        {\n          swipeBackPrevPanel: null,\n          swipeBackNextPanel: null,\n          swipingBack: false,\n          swipeBackResult: null,\n          swipebackStartX: 0,\n          swipeBackShift: 0,\n          activePanel: nextPanel,\n          visiblePanels: [nextPanel],\n        },\n        () => {\n          this.props.scroll?.scrollTo(0, scrollPosition);\n          prevProps.onTransition &&\n            prevProps.onTransition({\n              isBack: true,\n              from: prevPanel,\n              to: nextPanel,\n            });\n        }\n      );\n    }\n\n    // Начался свайп назад\n    if (!prevState.swipingBack && this.state.swipingBack) {\n      this.props.onSwipeBackStart && this.props.onSwipeBackStart();\n    }\n\n    // Началась анимация завершения свайпа назад.\n    if (!prevState.swipeBackResult && this.state.swipeBackResult) {\n      this.waitTransitionFinish(\n        this.pickPanel(this.state.swipeBackNextPanel),\n        this.swipingBackTransitionEndHandler\n      );\n    }\n\n    // Если свайп назад отменился (когда пользователь недостаточно сильно свайпнул)\n    if (\n      prevState.swipeBackResult === SwipeBackResults.fail &&\n      !this.state.swipeBackResult &&\n      this.state.activePanel !== null\n    ) {\n      const newPanelScrolls = [...(this.scrolls[this.state.activePanel] || [])];\n      const scrollPosition = newPanelScrolls.pop();\n      this.scrolls = {\n        ...this.scrolls,\n        [this.state.activePanel]: newPanelScrolls,\n      };\n\n      this.props.scroll?.scrollTo(0, scrollPosition);\n    }\n\n    // Закончился Safari свайп\n    if (\n      prevProps.activePanel !== this.props.activePanel &&\n      this.state.browserSwipe\n    ) {\n      this.setState({\n        browserSwipe: false,\n        nextPanel: null,\n        prevPanel: null,\n        animated: false,\n        visiblePanels: [this.props.activePanel],\n        activePanel: this.props.activePanel,\n      });\n    }\n  }\n\n  shouldDisableTransitionMotion(): boolean {\n    return (\n      this.props.configProvider?.transitionMotionEnabled === false ||\n      !this.props.splitCol?.animate\n    );\n  }\n\n  waitTransitionFinish(\n    elem: HTMLElement | null | undefined,\n    eventHandler: TransitionEventHandler\n  ): void {\n    if (transitionEvent.supported && transitionEvent.name && elem) {\n      elem.removeEventListener(\n        transitionEvent.name as keyof HTMLElementEventMap,\n        eventHandler as EventListener\n      );\n      elem.addEventListener(\n        transitionEvent.name as keyof HTMLElementEventMap,\n        eventHandler as EventListener\n      );\n    } else {\n      if (this.transitionFinishTimeout) {\n        clearTimeout(this.transitionFinishTimeout);\n      }\n\n      this.transitionFinishTimeout = setTimeout(\n        eventHandler,\n        this.props.platform === ANDROID || this.props.platform === VKCOM\n          ? 300\n          : 600\n      );\n    }\n  }\n\n  blurActiveElement(): void {\n    if (typeof this.window !== \"undefined\" && this.document?.activeElement) {\n      (this.document.activeElement as HTMLElement).blur();\n    }\n  }\n\n  pickPanel(id: string | null) {\n    if (id === null) {\n      return undefined;\n    }\n    return this.panelNodes[id];\n  }\n\n  flushTransition(prevPanel: string, isBack: boolean) {\n    const activePanel = this.props.activePanel;\n\n    const prevPanelScrolls = [...(this.scrolls[prevPanel] || [])].slice(0, -1);\n    const newPanelScrolls = [...(this.scrolls[activePanel] || [])];\n    const scrollPosition = isBack ? newPanelScrolls.pop() : 0;\n    if (isBack) {\n      this.scrolls = {\n        ...this.scrolls,\n        [prevPanel]: prevPanelScrolls,\n        [activePanel]: newPanelScrolls,\n      };\n    }\n\n    this.setState(\n      {\n        prevPanel: null,\n        nextPanel: null,\n        visiblePanels: [activePanel],\n        activePanel: activePanel,\n        animated: false,\n        isBack: undefined,\n      },\n      () => {\n        this.props.scroll?.scrollTo(0, isBack ? scrollPosition : 0);\n        this.props.onTransition &&\n          this.props.onTransition({ isBack, from: prevPanel, to: activePanel });\n      }\n    );\n  }\n\n  transitionEndHandler = (e?: React.AnimationEvent): void => {\n    if (\n      (!e ||\n        [\n          \"vkui-animation-ios-next-forward\",\n          \"vkui-animation-ios-prev-back\",\n          \"vkui-animation-view-next-forward\",\n          \"vkui-animation-view-prev-back\",\n        ].includes(e.animationName)) &&\n      this.state.prevPanel !== null\n    ) {\n      this.flushTransition(this.state.prevPanel, Boolean(this.state.isBack));\n    }\n  };\n\n  swipingBackTransitionEndHandler = (e?: TransitionEvent): void => {\n    // indexOf because of vendor prefixes in old browsers\n    if (\n      !e ||\n      (e.propertyName.includes(\"transform\") &&\n        e.target === this.pickPanel(this.state.swipeBackNextPanel))\n    ) {\n      switch (this.state.swipeBackResult) {\n        case SwipeBackResults.fail:\n          this.onSwipeBackCancel();\n          break;\n        case SwipeBackResults.success:\n          this.onSwipeBackSuccess();\n      }\n    }\n  };\n\n  onSwipeBackSuccess(): void {\n    this.props.onSwipeBack && this.props.onSwipeBack();\n  }\n\n  onSwipeBackCancel(): void {\n    this.props.onSwipeBackCancel && this.props.onSwipeBackCancel();\n    this.setState({\n      swipeBackPrevPanel: null,\n      swipeBackNextPanel: null,\n      swipingBack: false,\n      swipeBackResult: null,\n      swipebackStartX: 0,\n      swipeBackShift: 0,\n    });\n  }\n\n  onMoveX = (e: TouchEvent): void => {\n    if (swipeBackExcluded(e) || !this.window) {\n      return;\n    }\n\n    const { platform, configProvider } = this.props;\n\n    if (\n      platform === IOS &&\n      !configProvider?.isWebView &&\n      (e.startX <= 70 || e.startX >= this.window.innerWidth - 70) &&\n      !this.state.browserSwipe\n    ) {\n      this.setState({ browserSwipe: true });\n    }\n\n    if (\n      platform === IOS &&\n      configProvider?.isWebView &&\n      this.props.onSwipeBack\n    ) {\n      if (this.state.animated && e.startX <= 70) {\n        return;\n      }\n\n      if (\n        e.startX <= 70 &&\n        !this.state.swipingBack &&\n        (this.props.history?.length ?? 0) > 1\n      ) {\n        if (this.state.activePanel !== null) {\n          const prevScrolls = this.scrolls[this.state.activePanel] || [];\n          this.scrolls = {\n            ...this.scrolls,\n            [this.state.activePanel]: [\n              ...prevScrolls,\n              this.props.scroll?.getScroll().y,\n            ],\n          };\n        }\n\n        this.setState({\n          swipingBack: true,\n          swipebackStartX: e.startX,\n          swipeBackPrevPanel: this.state.activePanel,\n          swipeBackNextPanel: this.props.history!.slice(-2)[0],\n        });\n      }\n      if (this.state.swipingBack) {\n        let swipeBackShift;\n        if (e.shiftX < 0) {\n          swipeBackShift = 0;\n        } else if (\n          e.shiftX >\n          this.window.innerWidth - this.state.swipebackStartX\n        ) {\n          swipeBackShift = this.window.innerWidth;\n        } else {\n          swipeBackShift = e.shiftX;\n        }\n        this.setState({ swipeBackShift });\n      }\n    }\n  };\n\n  onEnd = (e: TouchEvent): void => {\n    if (this.state.swipingBack && this.window) {\n      const speed = (this.state.swipeBackShift / e.duration) * 1000;\n      if (this.state.swipeBackShift === 0) {\n        this.onSwipeBackCancel();\n      } else if (this.state.swipeBackShift >= this.window.innerWidth) {\n        this.onSwipeBackSuccess();\n      } else if (\n        speed > 250 ||\n        this.state.swipebackStartX + this.state.swipeBackShift >\n          this.window.innerWidth / 2\n      ) {\n        this.setState({ swipeBackResult: SwipeBackResults.success });\n      } else {\n        this.setState({ swipeBackResult: SwipeBackResults.fail });\n      }\n    }\n  };\n\n  calcPanelSwipeStyles(panelId: string | undefined): React.CSSProperties {\n    if (!canUseDOM || !this.window) {\n      return {};\n    }\n\n    const isPrev = panelId === this.state.swipeBackPrevPanel;\n    const isNext = panelId === this.state.swipeBackNextPanel;\n\n    if ((!isPrev && !isNext) || this.state.swipeBackResult) {\n      return {};\n    }\n\n    let prevPanelTranslate = `${this.state.swipeBackShift}px`;\n    let nextPanelTranslate = `${\n      -50 + (this.state.swipeBackShift * 100) / this.window.innerWidth / 2\n    }%`;\n    let prevPanelShadow =\n      (0.3 * (this.window.innerWidth - this.state.swipeBackShift)) /\n      this.window.innerWidth;\n\n    if (this.state.swipeBackResult) {\n      return isPrev\n        ? { boxShadow: `-2px 0 12px rgba(0, 0, 0, ${prevPanelShadow})` }\n        : {};\n    }\n\n    if (isNext) {\n      return {\n        transform: `translate3d(${nextPanelTranslate}, 0, 0)`,\n        WebkitTransform: `translate3d(${nextPanelTranslate}, 0, 0)`,\n      };\n    }\n    if (isPrev) {\n      return {\n        transform: `translate3d(${prevPanelTranslate}, 0, 0)`,\n        WebkitTransform: `translate3d(${prevPanelTranslate}, 0, 0)`,\n        boxShadow: `-2px 0 12px rgba(0, 0, 0, ${prevPanelShadow})`,\n      };\n    }\n\n    return {};\n  }\n\n  render() {\n    const {\n      popout,\n      modal,\n      platform,\n      activePanel: _1,\n      splitCol,\n      configProvider,\n      history,\n      id,\n      nav,\n      onTransition,\n      onSwipeBack,\n      onSwipeBackStart,\n      onSwipeBackCancel,\n      window,\n      document,\n      scroll,\n      isBackCheck,\n      ...restProps\n    } = this.props;\n    const {\n      prevPanel,\n      nextPanel,\n      activePanel,\n      isBack,\n      animated,\n      swipeBackPrevPanel,\n      swipeBackNextPanel,\n      swipeBackResult,\n      swipingBack,\n    } = this.state;\n\n    const hasPopout = !!popout;\n    const hasModal = !!modal;\n\n    const panels = this.panels\n      .filter((panel) => {\n        const panelId = getNavId(panel.props, warn);\n\n        return (\n          (panelId !== undefined &&\n            this.state.visiblePanels.includes(panelId)) ||\n          panelId === swipeBackPrevPanel ||\n          panelId === swipeBackNextPanel\n        );\n      })\n      .sort((panel) => {\n        const panelId = getNavId(panel.props, warn);\n        const isPrevPanel =\n          panelId === prevPanel || panelId === swipeBackPrevPanel;\n        const isNextPanel =\n          panelId === nextPanel || panelId === swipeBackNextPanel;\n\n        if (isNextPanel) {\n          return swipingBack || this.state.isBack ? -1 : 1;\n        }\n\n        if (isPrevPanel) {\n          return swipingBack || this.state.isBack ? 1 : -1;\n        }\n\n        return 0;\n      });\n\n    const disableAnimation = this.shouldDisableTransitionMotion();\n\n    const modifiers = {\n      \"View--animated\": !disableAnimation && this.state.animated,\n      \"View--swiping-back\": !disableAnimation && this.state.swipingBack,\n      \"View--no-motion\": disableAnimation,\n    };\n\n    return (\n      <Touch\n        Component=\"section\"\n        {...restProps}\n        vkuiClass={classNames(getClassName(\"View\", platform), modifiers)}\n        onMoveX={this.onMoveX}\n        onEnd={this.onEnd}\n      >\n        <div vkuiClass=\"View__panels\">\n          {panels.map((panel: React.ReactElement) => {\n            const panelId = getNavId(panel.props, warn);\n            const isPrev =\n              panelId === prevPanel || panelId === swipeBackPrevPanel;\n            const compensateScroll =\n              isPrev ||\n              panelId === swipeBackNextPanel ||\n              (panelId === nextPanel && isBack);\n            const isTransitionTarget =\n              animated && panelId === (isBack ? prevPanel : nextPanel);\n            const scrollList = (panelId && this.scrolls[panelId]) || [];\n            const scroll = scrollList[scrollList.length - 1] || 0;\n\n            return (\n              <div\n                vkuiClass={classNames(\n                  \"View__panel\",\n                  panelId === activePanel && \"View__panel--active\",\n                  panelId === prevPanel && \"View__panel--prev\",\n                  panelId === nextPanel && \"View__panel--next\",\n                  panelId === swipeBackPrevPanel &&\n                    \"View__panel--swipe-back-prev\",\n                  panelId === swipeBackNextPanel &&\n                    \"View__panel--swipe-back-next\",\n                  swipeBackResult === SwipeBackResults.success &&\n                    \"View__panel--swipe-back-success\",\n                  swipeBackResult === SwipeBackResults.fail &&\n                    \"View__panel--swipe-back-failed\"\n                )}\n                onAnimationEnd={\n                  isTransitionTarget ? this.transitionEndHandler : undefined\n                }\n                ref={(el) =>\n                  panelId !== undefined && (this.panelNodes[panelId] = el)\n                }\n                style={this.calcPanelSwipeStyles(panelId)}\n                key={panelId}\n              >\n                <div\n                  vkuiClass=\"View__panel-in\"\n                  style={{ marginTop: compensateScroll ? -scroll : undefined }}\n                >\n                  <NavTransitionProvider\n                    entering={\n                      panelId === nextPanel || panelId === swipeBackNextPanel\n                    }\n                  >\n                    {panel}\n                  </NavTransitionProvider>\n                </div>\n              </div>\n            );\n          })}\n        </div>\n        <AppRootPortal>\n          {hasPopout && <div vkuiClass=\"View__popout\">{popout}</div>}\n          {hasModal && <div vkuiClass=\"View__modal\">{modal}</div>}\n        </AppRootPortal>\n      </Touch>\n    );\n  }\n}\n\nexport const ViewInfinite = withContext(\n  withContext(\n    withContext(\n      withPlatform(withDOM<ViewInfiniteProps>(ViewInfiniteComponent)),\n      SplitColContext,\n      \"splitCol\"\n    ),\n    ConfigProviderContext,\n    \"configProvider\"\n  ),\n  ScrollContext,\n  \"scroll\"\n);\n"],"file":"ViewInfinite.js"}

package/dist/cssm/{components/ChipsInput → hooks}/useChipsInput.d.ts

@@ -1,6 +1,7 @@
 import * as React from "react";
-import { ChipsInputOption, ChipsInputProps } from "./ChipsInput";
-export declare const useChipsInput: <Option extends ChipsInputOption>(props: Partial<ChipsInputProps<Option>>) => {
+import { ChipOption } from "../components/Chip/Chip";
+import { ChipsInputBaseProps } from "../components/ChipsInputBase/ChipsInputBase";
+export declare const useChipsInput: <Option extends ChipOption>(props: Partial<ChipsInputBaseProps<Option>>) => {
     fieldValue: string | undefined;
     setFieldValue: React.Dispatch<React.SetStateAction<string | undefined>>;
     selectedOptions: Option[];
@@ -9,6 +10,6 @@ export declare const useChipsInput: <Option extends ChipsInputOption>(props: Par
     toggleOption: (newOption: Option, value?: boolean | undefined) => void;
     addOption: (newOption: Option) => void;
     addOptionFromInput: () => void;
-    removeOption: (value: string | number) => void;
+    removeOption: (value: any) => void;
     handleInputChange: (e: React.ChangeEvent<HTMLInputElement>) => void;
 };

package/dist/cssm/hooks/useChipsInput.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/hooks/useChipsInput.ts"],"names":["React","useChipsInput","props","value","getOptionValue","onChange","onInputChange","getNewOptionData","useState","inputValue","fieldValue","setFieldValue","selectedOptions","setSelectedOptions","clearInput","useCallback","target","handleInputChange","e","toggleOption","newOption","newSelectedOptions","filter","option","push","addOption","addOptionFromInput","trimmedValue","trim","undefined","removeOption","useEffect"],"mappings":"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","sourcesContent":["import * as React from \"react\";\nimport { ChipOption } from \"../components/Chip/Chip\";\nimport { ChipsInputBaseProps } from \"../components/ChipsInputBase/ChipsInputBase\";\n\nexport const useChipsInput = <Option extends ChipOption>(\n  props: Partial<ChipsInputBaseProps<Option>>\n) => {\n  const { value, getOptionValue, onChange, onInputChange, getNewOptionData } =\n    props;\n\n  const [fieldValue, setFieldValue] = React.useState(props.inputValue);\n  const [selectedOptions, setSelectedOptions] = React.useState(value ?? []);\n\n  const clearInput = React.useCallback(() => {\n    setFieldValue(\"\");\n    onInputChange!({ target: { value: \"\" } } as any);\n  }, [onInputChange]);\n\n  const handleInputChange = React.useCallback(\n    (e: React.ChangeEvent<HTMLInputElement>) => {\n      setFieldValue(e.target.value);\n      onInputChange!(e);\n    },\n    [onInputChange]\n  );\n\n  const toggleOption = React.useCallback(\n    (newOption: Option, value?: boolean) => {\n      const newSelectedOptions = selectedOptions.filter(\n        (option: Option) =>\n          getOptionValue!(newOption) !== getOptionValue!(option)\n      );\n\n      if (value === true) {\n        newSelectedOptions.push(newOption);\n      }\n\n      setSelectedOptions(newSelectedOptions);\n      onChange!(newSelectedOptions);\n    },\n    [selectedOptions, getOptionValue, onChange]\n  );\n\n  const addOption = React.useCallback(\n    (newOption: Option) => toggleOption(newOption, true),\n    [toggleOption]\n  );\n  const addOptionFromInput = React.useCallback(() => {\n    const trimmedValue = fieldValue?.trim();\n\n    if (trimmedValue) {\n      addOption(getNewOptionData!(undefined, trimmedValue));\n      clearInput();\n    }\n  }, [addOption, clearInput, getNewOptionData, fieldValue]);\n  const removeOption = React.useCallback(\n    (value) => {\n      toggleOption(getNewOptionData!(undefined, value as string), false);\n    },\n    [toggleOption, getNewOptionData]\n  );\n\n  React.useEffect(() => {\n    setSelectedOptions(value as Option[]);\n\n    return () => setSelectedOptions([]);\n  }, [props.value, value]);\n\n  React.useEffect(() => {\n    setFieldValue(props.inputValue);\n\n    return () => setFieldValue(\"\");\n  }, [props.inputValue]);\n\n  return {\n    fieldValue,\n    setFieldValue,\n    selectedOptions,\n    setSelectedOptions,\n    clearInput,\n    toggleOption,\n    addOption,\n    addOptionFromInput,\n    removeOption,\n    handleInputChange,\n  };\n};\n"],"file":"useChipsInput.js"}

package/{.cache/ts/src/components/ChipsSelect → dist/cssm/hooks}/useChipsSelect.d.ts

@@ -1,7 +1,7 @@
 import * as React from "react";
-import { ChipsInputOption } from "../ChipsInput/ChipsInput";
-import { ChipsSelectProps } from "./ChipsSelect";
-export declare const useChipsSelect: <Option extends ChipsInputOption>(props: Partial<ChipsSelectProps<Option>>) => {
+import { ChipsSelectProps } from "../components/ChipsSelect/ChipsSelect";
+import { ChipOption } from "../components/Chip/Chip";
+export declare const useChipsSelect: <Option extends ChipOption>(props: Partial<ChipsSelectProps<Option>>) => {
     fieldValue: string | undefined;
     handleInputChange: (e: React.ChangeEvent<HTMLInputElement> | undefined) => void;
     opened: boolean;
@@ -18,5 +18,5 @@ export declare const useChipsSelect: <Option extends ChipsInputOption>(props: Pa
     toggleOption: (newOption: Option, value?: boolean | undefined) => void;
     addOption: (newOption: Option) => void;
     addOptionFromInput: () => void;
-    removeOption: (value: string | number) => void;
+    removeOption: (value: any) => void;
 };

package/dist/{components/ChipsSelect → cssm/hooks}/useChipsSelect.js

@@ -5,7 +5,7 @@ import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProper
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 var _excluded = ["fieldValue", "selectedOptions"];
 import * as React from "react";
-import { useChipsInput } from "../ChipsInput/useChipsInput";
+import { useChipsInput } from "./useChipsInput";
 export var useChipsSelect = function useChipsSelect(props) {
   var options = props.options,
       filterFn = props.filterFn,

package/dist/cssm/hooks/useChipsSelect.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/hooks/useChipsSelect.ts"],"names":["React","useChipsInput","useChipsSelect","props","options","filterFn","getOptionLabel","getOptionValue","useState","opened","setOpened","focusedOptionIndex","setFocusedOptionIndex","focusedOption","setFocusedOption","fieldValue","selectedOptions","chipsInputState","handleInputChange","e","filteredOptions","useMemo","filter","option","length","filteredSet","Set","selected","map","item","includes","delete"],"mappings":"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","sourcesContent":["import * as React from \"react\";\nimport { useChipsInput } from \"./useChipsInput\";\nimport { ChipsSelectProps } from \"../components/ChipsSelect/ChipsSelect\";\nimport { ChipOption } from \"../components/Chip/Chip\";\n\nexport const useChipsSelect = <Option extends ChipOption>(\n  props: Partial<ChipsSelectProps<Option>>\n) => {\n  const { options, filterFn, getOptionLabel, getOptionValue } = props;\n\n  const [opened, setOpened] = React.useState(false);\n  const [focusedOptionIndex, setFocusedOptionIndex] = React.useState<\n    number | null\n  >(0);\n  const [focusedOption, setFocusedOption] = React.useState<Option | null>(null);\n\n  const { fieldValue, selectedOptions, ...chipsInputState } =\n    useChipsInput(props);\n\n  const handleInputChange = (\n    e: React.ChangeEvent<HTMLInputElement> | undefined\n  ) => {\n    if (!e) {\n      return;\n    }\n    chipsInputState.handleInputChange(e);\n\n    if (!opened) {\n      setOpened(true);\n      setFocusedOptionIndex(0);\n    }\n  };\n\n  let filteredOptions = React.useMemo(() => {\n    return filterFn\n      ? options!.filter((option) =>\n          filterFn(fieldValue, option, getOptionLabel)\n        )\n      : (options as Option[]);\n  }, [options, filterFn, fieldValue, getOptionLabel]);\n\n  filteredOptions = React.useMemo(() => {\n    if (!filteredOptions.length) {\n      return filteredOptions;\n    }\n\n    const filteredSet = new Set(filteredOptions);\n    const selected = selectedOptions.map((item) => getOptionValue!(item));\n\n    for (const item of filteredSet) {\n      if (selected.includes(getOptionValue!(item))) {\n        filteredSet.delete(item);\n      }\n    }\n\n    return [...filteredSet];\n  }, [filteredOptions, selectedOptions, getOptionValue]);\n\n  return {\n    ...chipsInputState,\n    fieldValue,\n    handleInputChange,\n    opened,\n    setOpened,\n    filteredOptions,\n    focusedOptionIndex,\n    setFocusedOptionIndex,\n    focusedOption,\n    setFocusedOption,\n    selectedOptions,\n  };\n};\n"],"file":"useChipsSelect.js"}