@vkontakte/vkui 4.20.0 → 4.22.1

package/dist/components/FocusTrap/FocusTrap.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/FocusTrap/FocusTrap.tsx"],"names":["React","useExternRef","useGlobalEventListener","useTimeout","FOCUSABLE_ELEMENTS_LIST","Keys","pressedKey","useDOM","useIsomorphicLayoutEffect","noop","AppRootContext","FOCUSABLE_ELEMENTS","join","FocusTrap","Component","onClose","restoreFocus","timeout","getRootRef","children","restProps","ref","document","window","activeElement","useState","focusableNodes","setFocusableNodes","restoreFocusTo","setRestoreFocusTo","useContext","keyboardInput","focusOnTrapMount","current","contains","length","focus","set","nodes","querySelectorAll","forEach","focusableEl","getComputedStyle","display","visibility","push","focusOnTrapUnmount","onDocumentKeydown","e","TAB","lastIdx","targetIdx","findIndex","node","target","shouldFocusFirstNode","shiftKey","preventDefault","ESCAPE","capture"],"mappings":"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","sourcesContent":["import * as React from 'react';\nimport { useExternRef } from '../../hooks/useExternRef';\nimport { useGlobalEventListener } from '../../hooks/useGlobalEventListener';\nimport { useTimeout } from '../../hooks/useTimeout';\nimport { FOCUSABLE_ELEMENTS_LIST, Keys, pressedKey } from '../../lib/accessibility';\nimport { useDOM } from '../../lib/dom';\nimport { useIsomorphicLayoutEffect } from '../../lib/useIsomorphicLayoutEffect';\nimport { noop } from '../../lib/utils';\nimport { HasRootRef } from '../../types';\nimport { AppRootContext } from '../AppRoot/AppRootContext';\n\nconst FOCUSABLE_ELEMENTS: string = FOCUSABLE_ELEMENTS_LIST.join();\n\nexport interface FocusTrapProps extends React.AllHTMLAttributes<HTMLElement>, HasRootRef<HTMLElement> {\n  Component?: React.ElementType;\n  onClose?: (props?: any) => void;\n  restoreFocus?: boolean;\n  timeout?: number;\n}\n\nexport const FocusTrap: React.FC<FocusTrapProps> = ({\n  Component = 'div',\n  onClose = noop,\n  restoreFocus = true,\n  timeout = 0,\n  getRootRef,\n  children,\n  ...restProps\n}) => {\n  const ref = useExternRef<HTMLElement>(getRootRef);\n\n  const { document, window } = useDOM();\n  const activeElement = document.activeElement as HTMLElement;\n\n  const [focusableNodes, setFocusableNodes] = React.useState<HTMLElement[]>(null);\n  const [restoreFocusTo, setRestoreFocusTo] = React.useState<HTMLElement>(null);\n\n  // HANDLE TRAP MOUNT\n\n  const { keyboardInput } = React.useContext(AppRootContext);\n  const focusOnTrapMount = useTimeout(() => {\n    if (keyboardInput && !ref.current?.contains(activeElement) && focusableNodes?.length) {\n      focusableNodes[0].focus();\n    }\n  }, timeout);\n  useIsomorphicLayoutEffect(() => {\n    focusOnTrapMount.set();\n  }, []);\n\n  // HANDLE FOCUSABLE NODES\n\n  useIsomorphicLayoutEffect(() => {\n    if (!ref.current) {\n      return noop();\n    }\n\n    const nodes: HTMLElement[] = [];\n    // eslint-disable-next-line no-restricted-properties\n    ref.current?.querySelectorAll(FOCUSABLE_ELEMENTS).forEach((focusableEl) => {\n      const { display, visibility } = window.getComputedStyle(focusableEl);\n\n      if (display !== 'none' && visibility !== 'hidden') {\n        nodes.push(focusableEl as HTMLElement);\n      }\n    });\n\n    if (nodes?.length) {\n      setFocusableNodes(nodes);\n    }\n\n    return noop();\n  }, [children]);\n\n  // HANDLE TRAP UNMOUNT\n\n  const focusOnTrapUnmount = useTimeout(() => {\n    if (restoreFocusTo) {\n      restoreFocusTo.focus();\n    }\n  }, timeout);\n  useIsomorphicLayoutEffect(() => {\n    if (restoreFocus) {\n      setRestoreFocusTo(activeElement);\n\n      return () => {\n        focusOnTrapUnmount.set();\n      };\n    }\n\n    return noop();\n  }, [restoreFocus]);\n\n  const onDocumentKeydown = (e: KeyboardEvent) => {\n    if (pressedKey(e) === Keys.TAB && focusableNodes?.length) {\n      const lastIdx = focusableNodes.length - 1;\n      const targetIdx = focusableNodes.findIndex((node) => node === e.target);\n\n      const shouldFocusFirstNode = targetIdx === -1 || targetIdx === lastIdx && !e.shiftKey;\n\n      if (shouldFocusFirstNode || targetIdx === 0 && e.shiftKey) {\n        e.preventDefault();\n\n        const node = focusableNodes[shouldFocusFirstNode ? 0 : lastIdx];\n\n        if (node !== activeElement) {\n          node.focus();\n        }\n\n        return false;\n      }\n    }\n\n    if (pressedKey(e) === Keys.ESCAPE) {\n      onClose();\n    }\n\n    return true;\n  };\n  useGlobalEventListener(document, 'keydown', onDocumentKeydown, { capture: true });\n\n  return (\n    <Component ref={ref} {...restProps}>\n      {children}\n    </Component>\n  );\n};\n"],"file":"FocusTrap.js"}
+{"version":3,"sources":["../../../src/components/FocusTrap/FocusTrap.tsx"],"names":["React","useExternRef","useGlobalEventListener","useTimeout","FOCUSABLE_ELEMENTS_LIST","Keys","pressedKey","useDOM","useIsomorphicLayoutEffect","noop","AppRootContext","FOCUSABLE_ELEMENTS","join","FocusTrap","Component","onClose","restoreFocus","timeout","getRootRef","children","restProps","ref","document","window","activeElement","useState","focusableNodes","setFocusableNodes","restoreFocusTo","setRestoreFocusTo","useContext","keyboardInput","focusOnTrapMount","current","contains","length","focus","set","nodes","Array","prototype","forEach","call","querySelectorAll","focusableEl","getComputedStyle","display","visibility","push","focusOnTrapUnmount","onDocumentKeydown","e","TAB","lastIdx","targetIdx","findIndex","node","target","shouldFocusFirstNode","shiftKey","preventDefault","ESCAPE","capture"],"mappings":"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","sourcesContent":["import * as React from 'react';\nimport { useExternRef } from '../../hooks/useExternRef';\nimport { useGlobalEventListener } from '../../hooks/useGlobalEventListener';\nimport { useTimeout } from '../../hooks/useTimeout';\nimport { FOCUSABLE_ELEMENTS_LIST, Keys, pressedKey } from '../../lib/accessibility';\nimport { useDOM } from '../../lib/dom';\nimport { useIsomorphicLayoutEffect } from '../../lib/useIsomorphicLayoutEffect';\nimport { noop } from '../../lib/utils';\nimport { HasComponent, HasRootRef } from '../../types';\nimport { AppRootContext } from '../AppRoot/AppRootContext';\n\nconst FOCUSABLE_ELEMENTS: string = FOCUSABLE_ELEMENTS_LIST.join();\n\nexport interface FocusTrapProps extends React.AllHTMLAttributes<HTMLElement>, HasRootRef<HTMLElement>, HasComponent {\n  onClose?: (props?: any) => void;\n  restoreFocus?: boolean;\n  timeout?: number;\n}\n\nexport const FocusTrap: React.FC<FocusTrapProps> = ({\n  Component = 'div',\n  onClose = noop,\n  restoreFocus = true,\n  timeout = 0,\n  getRootRef,\n  children,\n  ...restProps\n}) => {\n  const ref = useExternRef<HTMLElement>(getRootRef);\n\n  const { document, window } = useDOM();\n  const activeElement = document.activeElement as HTMLElement;\n\n  const [focusableNodes, setFocusableNodes] = React.useState<HTMLElement[]>(null);\n  const [restoreFocusTo, setRestoreFocusTo] = React.useState<HTMLElement>(null);\n\n  // HANDLE TRAP MOUNT\n\n  const { keyboardInput } = React.useContext(AppRootContext);\n  const focusOnTrapMount = useTimeout(() => {\n    if (keyboardInput && !ref.current?.contains(activeElement) && focusableNodes?.length) {\n      focusableNodes[0].focus();\n    }\n  }, timeout);\n  useIsomorphicLayoutEffect(() => {\n    focusOnTrapMount.set();\n  }, []);\n\n  // HANDLE FOCUSABLE NODES\n\n  useIsomorphicLayoutEffect(() => {\n    if (!ref.current) {\n      return noop();\n    }\n\n    const nodes: HTMLElement[] = [];\n    Array.prototype.forEach.call(\n      // eslint-disable-next-line no-restricted-properties\n      ref.current.querySelectorAll(FOCUSABLE_ELEMENTS),\n      (focusableEl: Element) => {\n        const { display, visibility } = window.getComputedStyle(focusableEl);\n\n        if (display !== 'none' && visibility !== 'hidden') {\n          nodes.push(focusableEl as HTMLElement);\n        }\n      },\n    );\n\n    if (nodes?.length) {\n      setFocusableNodes(nodes);\n    }\n\n    return noop();\n  }, [children]);\n\n  // HANDLE TRAP UNMOUNT\n\n  const focusOnTrapUnmount = useTimeout(() => {\n    if (restoreFocusTo) {\n      restoreFocusTo.focus();\n    }\n  }, timeout);\n  useIsomorphicLayoutEffect(() => {\n    if (restoreFocus) {\n      setRestoreFocusTo(activeElement);\n\n      return () => {\n        focusOnTrapUnmount.set();\n      };\n    }\n\n    return noop();\n  }, [restoreFocus]);\n\n  const onDocumentKeydown = (e: KeyboardEvent) => {\n    if (pressedKey(e) === Keys.TAB && focusableNodes?.length) {\n      const lastIdx = focusableNodes.length - 1;\n      const targetIdx = focusableNodes.findIndex((node) => node === e.target);\n\n      const shouldFocusFirstNode = targetIdx === -1 || targetIdx === lastIdx && !e.shiftKey;\n\n      if (shouldFocusFirstNode || targetIdx === 0 && e.shiftKey) {\n        e.preventDefault();\n\n        const node = focusableNodes[shouldFocusFirstNode ? 0 : lastIdx];\n\n        if (node !== activeElement) {\n          node.focus();\n        }\n\n        return false;\n      }\n    }\n\n    if (pressedKey(e) === Keys.ESCAPE) {\n      onClose();\n    }\n\n    return true;\n  };\n  useGlobalEventListener(document, 'keydown', onDocumentKeydown, { capture: true });\n\n  return (\n    <Component ref={ref} {...restProps}>\n      {children}\n    </Component>\n  );\n};\n"],"file":"FocusTrap.js"}

package/dist/components/FormField/FormField.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { HasRootRef } from '../../types';
+import { HasComponent, HasRootRef } from '../../types';
 import './FormField.css';
 export interface FormFieldProps {
     /**
@@ -7,8 +7,7 @@ export interface FormFieldProps {
      */
     after?: React.ReactNode;
 }
-interface FormFieldOwnProps extends React.AllHTMLAttributes<HTMLElement>, HasRootRef<HTMLElement>, FormFieldProps {
-    Component?: React.ElementType;
+interface FormFieldOwnProps extends React.AllHTMLAttributes<HTMLElement>, HasRootRef<HTMLElement>, HasComponent, FormFieldProps {
     disabled?: boolean;
 }
 export declare const FormField: React.FC<FormFieldOwnProps>;

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/FormField/FormField.tsx"],"names":["React","getClassName","classNames","usePlatform","hasReactNode","useAdaptivity","FormField","Component","children","getRootRef","after","disabled","restProps","platform","sizeY","useState","hover","setHover","handleMouseEnter","e","stopPropagation","handleMouseLeave"],"mappings":";;;;;AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,SAASC,YAAT;AACA,SAASC,UAAT;AACA,SAASC,WAAT;AAEA,SAASC,YAAT;AACA,SAASC,aAAT;AAkBA,OAAO,IAAMC,SAAsC,GAAG,SAAzCA,SAAyC,OAO7B;AAAA,4BANvBC,SAMuB;AAAA,MANvBA,SAMuB,+BANX,KAMW;AAAA,MALvBC,QAKuB,QALvBA,QAKuB;AAAA,MAJvBC,UAIuB,QAJvBA,UAIuB;AAAA,MAHvBC,KAGuB,QAHvBA,KAGuB;AAAA,MAFvBC,QAEuB,QAFvBA,QAEuB;AAAA,MADpBC,SACoB;;AACvB,MAAMC,QAAQ,GAAGV,WAAW,EAA5B;;AACA,uBAAkBE,aAAa,EAA/B;AAAA,MAAQS,KAAR,kBAAQA,KAAR;;AACA,wBAA0Bd,KAAK,CAACe,QAAN,CAAe,KAAf,CAA1B;AAAA;AAAA,MAAOC,KAAP;AAAA,MAAcC,QAAd;;AAEA,MAAMC,gBAAgB,GAAG,SAAnBA,gBAAmB,CAACC,CAAD,EAAmB;AAC1CA,IAAAA,CAAC,CAACC,eAAF;AACAH,IAAAA,QAAQ,CAAC,IAAD,CAAR;AACD,GAHD;;AAKA,MAAMI,gBAAgB,GAAG,SAAnBA,gBAAmB,CAACF,CAAD,EAAmB;AAC1CA,IAAAA,CAAC,CAACC,eAAF;AACAH,IAAAA,QAAQ,CAAC,KAAD,CAAR;AACD,GAHD;;AAKA,SACE,oBAAC,SAAD;AACE,IAAA,IAAI,EAAC;AADP,KAEML,SAFN;AAGE,IAAA,GAAG,EAAEH,UAHP;AAIE,IAAA,YAAY,EAAES,gBAJhB;AAKE,IAAA,YAAY,EAAEG,gBALhB;AAME,IAAA,SAAS,EAAEnB,UAAU,CACnBD,YAAY,CAAC,WAAD,EAAcY,QAAd,CADO,6BAECC,KAFD,GAGnB;AACE,6BAAuBH;AADzB,KAHmB;AANvB,MAcGH,QAdH,EAeGJ,YAAY,CAACM,KAAD,CAAZ,IACC;AAAK,IAAA,IAAI,EAAC,cAAV;AAAyB,IAAA,SAAS,EAAC;AAAnC,KACGA,KADH,CAhBJ,EAoBE;AAAK,IAAA,IAAI,EAAC,cAAV;AAAyB,IAAA,SAAS,EAAER,UAAU,CAAC,mBAAD,EAAsB;AAClE,kCAA4B,CAACS,QAAD,IAAaK;AADyB,KAAtB;AAA9C,IApBF,CADF;AA0BD,CAhDM","sourcesContent":["import * as React from 'react';\nimport { getClassName } from '../../helpers/getClassName';\nimport { classNames } from '../../lib/classNames';\nimport { usePlatform } from '../../hooks/usePlatform';\nimport { HasRootRef } from '../../types';\nimport { hasReactNode } from '../../lib/utils';\nimport { useAdaptivity } from '../../hooks/useAdaptivity';\nimport './FormField.css';\n\nexport interface FormFieldProps {\n  /**\n   * Иконка 12|16|20|24|28 или `IconButton`.\n   */\n  after?: React.ReactNode;\n}\n\ninterface FormFieldOwnProps extends\n  React.AllHTMLAttributes<HTMLElement>,\n  HasRootRef<HTMLElement>,\n  FormFieldProps {\n  Component?: React.ElementType;\n  disabled?: boolean;\n}\n\nexport const FormField: React.FC<FormFieldOwnProps> = ({\n  Component = 'div',\n  children,\n  getRootRef,\n  after,\n  disabled,\n  ...restProps\n}: FormFieldOwnProps) => {\n  const platform = usePlatform();\n  const { sizeY } = useAdaptivity();\n  const [hover, setHover] = React.useState(false);\n\n  const handleMouseEnter = (e: MouseEvent) => {\n    e.stopPropagation();\n    setHover(true);\n  };\n\n  const handleMouseLeave = (e: MouseEvent) => {\n    e.stopPropagation();\n    setHover(false);\n  };\n\n  return (\n    <Component\n      role=\"presentation\"\n      {...restProps}\n      ref={getRootRef}\n      onMouseEnter={handleMouseEnter}\n      onMouseLeave={handleMouseLeave}\n      vkuiClass={classNames(\n        getClassName('FormField', platform),\n        `FormField--sizeY-${sizeY}`,\n        {\n          'FormField--disabled': disabled,\n        },\n      )}\n    >\n      {children}\n      {hasReactNode(after) && (\n        <div role=\"presentation\" vkuiClass=\"FormField__after\">\n          {after}\n        </div>\n      )}\n      <div role=\"presentation\" vkuiClass={classNames('FormField__border', {\n        'FormField__border--hover': !disabled && hover,\n      })} />\n    </Component>\n  );\n};\n"],"file":"FormField.js"}
+{"version":3,"sources":["../../../src/components/FormField/FormField.tsx"],"names":["React","getClassName","classNames","usePlatform","hasReactNode","useAdaptivity","FormField","Component","children","getRootRef","after","disabled","restProps","platform","sizeY","useState","hover","setHover","handleMouseEnter","e","stopPropagation","handleMouseLeave"],"mappings":";;;;;AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,SAASC,YAAT;AACA,SAASC,UAAT;AACA,SAASC,WAAT;AAEA,SAASC,YAAT;AACA,SAASC,aAAT;AAkBA,OAAO,IAAMC,SAAsC,GAAG,SAAzCA,SAAyC,OAO7B;AAAA,4BANvBC,SAMuB;AAAA,MANvBA,SAMuB,+BANX,KAMW;AAAA,MALvBC,QAKuB,QALvBA,QAKuB;AAAA,MAJvBC,UAIuB,QAJvBA,UAIuB;AAAA,MAHvBC,KAGuB,QAHvBA,KAGuB;AAAA,MAFvBC,QAEuB,QAFvBA,QAEuB;AAAA,MADpBC,SACoB;;AACvB,MAAMC,QAAQ,GAAGV,WAAW,EAA5B;;AACA,uBAAkBE,aAAa,EAA/B;AAAA,MAAQS,KAAR,kBAAQA,KAAR;;AACA,wBAA0Bd,KAAK,CAACe,QAAN,CAAe,KAAf,CAA1B;AAAA;AAAA,MAAOC,KAAP;AAAA,MAAcC,QAAd;;AAEA,MAAMC,gBAAgB,GAAG,SAAnBA,gBAAmB,CAACC,CAAD,EAAmB;AAC1CA,IAAAA,CAAC,CAACC,eAAF;AACAH,IAAAA,QAAQ,CAAC,IAAD,CAAR;AACD,GAHD;;AAKA,MAAMI,gBAAgB,GAAG,SAAnBA,gBAAmB,CAACF,CAAD,EAAmB;AAC1CA,IAAAA,CAAC,CAACC,eAAF;AACAH,IAAAA,QAAQ,CAAC,KAAD,CAAR;AACD,GAHD;;AAKA,SACE,oBAAC,SAAD;AACE,IAAA,IAAI,EAAC;AADP,KAEML,SAFN;AAGE,IAAA,GAAG,EAAEH,UAHP;AAIE,IAAA,YAAY,EAAES,gBAJhB;AAKE,IAAA,YAAY,EAAEG,gBALhB;AAME,IAAA,SAAS,EAAEnB,UAAU,CACnBD,YAAY,CAAC,WAAD,EAAcY,QAAd,CADO,6BAECC,KAFD,GAGnB;AACE,6BAAuBH;AADzB,KAHmB;AANvB,MAcGH,QAdH,EAeGJ,YAAY,CAACM,KAAD,CAAZ,IACC;AAAK,IAAA,IAAI,EAAC,cAAV;AAAyB,IAAA,SAAS,EAAC;AAAnC,KACGA,KADH,CAhBJ,EAoBE;AAAK,IAAA,IAAI,EAAC,cAAV;AAAyB,IAAA,SAAS,EAAER,UAAU,CAAC,mBAAD,EAAsB;AAClE,kCAA4B,CAACS,QAAD,IAAaK;AADyB,KAAtB;AAA9C,IApBF,CADF;AA0BD,CAhDM","sourcesContent":["import * as React from 'react';\nimport { getClassName } from '../../helpers/getClassName';\nimport { classNames } from '../../lib/classNames';\nimport { usePlatform } from '../../hooks/usePlatform';\nimport { HasComponent, HasRootRef } from '../../types';\nimport { hasReactNode } from '../../lib/utils';\nimport { useAdaptivity } from '../../hooks/useAdaptivity';\nimport './FormField.css';\n\nexport interface FormFieldProps {\n  /**\n   * Иконка 12|16|20|24|28 или `IconButton`.\n   */\n  after?: React.ReactNode;\n}\n\ninterface FormFieldOwnProps extends\n  React.AllHTMLAttributes<HTMLElement>,\n  HasRootRef<HTMLElement>,\n  HasComponent,\n  FormFieldProps {\n  disabled?: boolean;\n}\n\nexport const FormField: React.FC<FormFieldOwnProps> = ({\n  Component = 'div',\n  children,\n  getRootRef,\n  after,\n  disabled,\n  ...restProps\n}: FormFieldOwnProps) => {\n  const platform = usePlatform();\n  const { sizeY } = useAdaptivity();\n  const [hover, setHover] = React.useState(false);\n\n  const handleMouseEnter = (e: MouseEvent) => {\n    e.stopPropagation();\n    setHover(true);\n  };\n\n  const handleMouseLeave = (e: MouseEvent) => {\n    e.stopPropagation();\n    setHover(false);\n  };\n\n  return (\n    <Component\n      role=\"presentation\"\n      {...restProps}\n      ref={getRootRef}\n      onMouseEnter={handleMouseEnter}\n      onMouseLeave={handleMouseLeave}\n      vkuiClass={classNames(\n        getClassName('FormField', platform),\n        `FormField--sizeY-${sizeY}`,\n        {\n          'FormField--disabled': disabled,\n        },\n      )}\n    >\n      {children}\n      {hasReactNode(after) && (\n        <div role=\"presentation\" vkuiClass=\"FormField__after\">\n          {after}\n        </div>\n      )}\n      <div role=\"presentation\" vkuiClass={classNames('FormField__border', {\n        'FormField__border--hover': !disabled && hover,\n      })} />\n    </Component>\n  );\n};\n"],"file":"FormField.js"}

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

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

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/FormItem/FormItem.tsx"],"names":["React","classNames","useExternRef","usePlatform","getClassName","hasReactNode","Subhead","Caption","useAdaptivity","Removable","FormItem","children","top","bottom","status","Component","removable","onRemove","removePlaceholder","getRootRef","restProps","platform","rootEl","sizeY","wrappedChildren","e","current"],"mappings":";;;;AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AAEA,SAASC,UAAT;AACA,SAASC,YAAT;AACA,SAASC,WAAT;AACA,SAASC,YAAT;AACA,SAASC,YAAT;AACA,OAAOC,OAAP;AACA,OAAOC,OAAP;AACA,SAASC,aAAT;AACA,SAASC,SAAT;AAcA,OAAO,IAAMC,QAAiC,GAAG,SAApCA,QAAoC,OAW5B;AAAA,MAVnBC,QAUmB,QAVnBA,QAUmB;AAAA,MATnBC,GASmB,QATnBA,GASmB;AAAA,MARnBC,MAQmB,QARnBA,MAQmB;AAAA,yBAPnBC,MAOmB;AAAA,MAPnBA,MAOmB,4BAPV,SAOU;AAAA,4BANnBC,SAMmB;AAAA,MANnBA,SAMmB,+BANP,KAMO;AAAA,MALnBC,SAKmB,QALnBA,SAKmB;AAAA,MAJnBC,SAImB,QAJnBA,QAImB;AAAA,mCAHnBC,iBAGmB;AAAA,MAHnBA,iBAGmB,sCAHC,SAGD;AAAA,MAFnBC,UAEmB,QAFnBA,UAEmB;AAAA,MADhBC,SACgB;;AACnB,MAAMC,QAAQ,GAAGlB,WAAW,EAA5B;AACA,MAAMmB,MAAM,GAAGpB,YAAY,CAACiB,UAAD,CAA3B;;AACA,uBAAkBX,aAAa,EAA/B;AAAA,MAAQe,KAAR,kBAAQA,KAAR;;AAEA,MAAMC,eAAe,GACnB,oBAAC,KAAD,CAAO,QAAP,QACGnB,YAAY,CAACO,GAAD,CAAZ,IAAqB,oBAAC,OAAD;AAAS,IAAA,MAAM,EAAC,SAAhB;AAA0B,IAAA,SAAS,EAAC;AAApC,KAAqDA,GAArD,CADxB,EAEGD,QAFH,EAGGN,YAAY,CAACQ,MAAD,CAAZ,IAAwB,oBAAC,OAAD;AAAS,IAAA,KAAK,EAAC,GAAf;AAAmB,IAAA,MAAM,EAAC,SAA1B;AAAoC,IAAA,SAAS,EAAC;AAA9C,KAAkEA,MAAlE,CAH3B,CADF;AAQA,SACE,oBAAC,SAAD,eACMO,SADN;AAEE,IAAA,GAAG,EAAEE,MAFP;AAGE,IAAA,SAAS,EAAErB,UAAU,CACnBG,YAAY,CAAC,UAAD,EAAaiB,QAAb,CADO,sBAENP,MAFM,6BAGAS,KAHA,GAInB;AACE,2BAAqBlB,YAAY,CAACO,GAAD,CADnC;AAEE,6BAAuBI;AAFzB,KAJmB;AAHvB,MAaGA,SAAS,GACR,oBAAC,SAAD;AAAW,IAAA,KAAK,EAAC,OAAjB;AAAyB,IAAA,QAAQ,EAAE,kBAACS,CAAD;AAAA,aAAOR,SAAQ,CAACQ,CAAD,EAAIH,MAAJ,aAAIA,MAAJ,uBAAIA,MAAM,CAAEI,OAAZ,CAAf;AAAA,KAAnC;AAAwE,IAAA,iBAAiB,EAAER;AAA3F,KACE;AAAK,IAAA,SAAS,EAAC;AAAf,KACGM,eADH,CADF,CADQ,GAMNA,eAnBN,CADF;AAuBD,CA/CM","sourcesContent":["import * as React from 'react';\nimport { HasRootRef } from '../../types';\nimport { classNames } from '../../lib/classNames';\nimport { useExternRef } from '../../hooks/useExternRef';\nimport { usePlatform } from '../../hooks/usePlatform';\nimport { getClassName } from '../../helpers/getClassName';\nimport { hasReactNode } from '../../lib/utils';\nimport Subhead from '../Typography/Subhead/Subhead';\nimport Caption from '../Typography/Caption/Caption';\nimport { useAdaptivity } from '../../hooks/useAdaptivity';\nimport { Removable, RemovableProps } from '../Removable/Removable';\nimport './FormItem.css';\n\nexport interface FormItemProps extends React.AllHTMLAttributes<HTMLElement>, RemovableProps, HasRootRef<HTMLElement> {\n  top?: React.ReactNode;\n  bottom?: React.ReactNode;\n  status?: 'default' | 'error' | 'valid';\n  Component?: React.ElementType;\n  /**\n   * Дает возможность удалить `FormItem`. Рекомендуется использовать только для `Input` или `Select`.\n   */\n  removable?: boolean;\n}\n\nexport const FormItem: React.FC<FormItemProps> = ({\n  children,\n  top,\n  bottom,\n  status = 'default',\n  Component = 'div',\n  removable,\n  onRemove,\n  removePlaceholder = 'Удалить',\n  getRootRef,\n  ...restProps\n}: FormItemProps) => {\n  const platform = usePlatform();\n  const rootEl = useExternRef(getRootRef);\n  const { sizeY } = useAdaptivity();\n\n  const wrappedChildren = (\n    <React.Fragment>\n      {hasReactNode(top) && <Subhead weight=\"regular\" vkuiClass=\"FormItem__top\">{top}</Subhead>}\n      {children}\n      {hasReactNode(bottom) && <Caption level=\"1\" weight=\"regular\" vkuiClass=\"FormItem__bottom\">{bottom}</Caption>}\n    </React.Fragment>\n  );\n\n  return (\n    <Component\n      {...restProps}\n      ref={rootEl}\n      vkuiClass={classNames(\n        getClassName('FormItem', platform),\n        `FormItem--${status}`,\n        `FormItem--sizeY-${sizeY}`,\n        {\n          'FormItem--withTop': hasReactNode(top),\n          'FormItem--removable': removable,\n        },\n      )}\n    >\n      {removable ? (\n        <Removable align=\"start\" onRemove={(e) => onRemove(e, rootEl?.current)} removePlaceholder={removePlaceholder}>\n          <div vkuiClass=\"FormItem__removable\">\n            {wrappedChildren}\n          </div>\n        </Removable>\n      ) : wrappedChildren}\n    </Component>\n  );\n};\n"],"file":"FormItem.js"}
+{"version":3,"sources":["../../../src/components/FormItem/FormItem.tsx"],"names":["React","classNames","useExternRef","usePlatform","getClassName","hasReactNode","Subhead","Caption","useAdaptivity","Removable","FormItem","children","top","bottom","status","Component","removable","onRemove","removePlaceholder","getRootRef","restProps","platform","rootEl","sizeY","wrappedChildren","e","current"],"mappings":";;;;AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AAEA,SAASC,UAAT;AACA,SAASC,YAAT;AACA,SAASC,WAAT;AACA,SAASC,YAAT;AACA,SAASC,YAAT;AACA,OAAOC,OAAP;AACA,OAAOC,OAAP;AACA,SAASC,aAAT;AACA,SAASC,SAAT;AAaA,OAAO,IAAMC,QAAiC,GAAG,SAApCA,QAAoC,OAW5B;AAAA,MAVnBC,QAUmB,QAVnBA,QAUmB;AAAA,MATnBC,GASmB,QATnBA,GASmB;AAAA,MARnBC,MAQmB,QARnBA,MAQmB;AAAA,yBAPnBC,MAOmB;AAAA,MAPnBA,MAOmB,4BAPV,SAOU;AAAA,4BANnBC,SAMmB;AAAA,MANnBA,SAMmB,+BANP,KAMO;AAAA,MALnBC,SAKmB,QALnBA,SAKmB;AAAA,MAJnBC,SAImB,QAJnBA,QAImB;AAAA,mCAHnBC,iBAGmB;AAAA,MAHnBA,iBAGmB,sCAHC,SAGD;AAAA,MAFnBC,UAEmB,QAFnBA,UAEmB;AAAA,MADhBC,SACgB;;AACnB,MAAMC,QAAQ,GAAGlB,WAAW,EAA5B;AACA,MAAMmB,MAAM,GAAGpB,YAAY,CAACiB,UAAD,CAA3B;;AACA,uBAAkBX,aAAa,EAA/B;AAAA,MAAQe,KAAR,kBAAQA,KAAR;;AAEA,MAAMC,eAAe,GACnB,oBAAC,KAAD,CAAO,QAAP,QACGnB,YAAY,CAACO,GAAD,CAAZ,IAAqB,oBAAC,OAAD;AAAS,IAAA,MAAM,EAAC,SAAhB;AAA0B,IAAA,SAAS,EAAC;AAApC,KAAqDA,GAArD,CADxB,EAEGD,QAFH,EAGGN,YAAY,CAACQ,MAAD,CAAZ,IAAwB,oBAAC,OAAD;AAAS,IAAA,KAAK,EAAC,GAAf;AAAmB,IAAA,MAAM,EAAC,SAA1B;AAAoC,IAAA,SAAS,EAAC;AAA9C,KAAkEA,MAAlE,CAH3B,CADF;AAQA,SACE,oBAAC,SAAD,eACMO,SADN;AAEE,IAAA,GAAG,EAAEE,MAFP;AAGE,IAAA,SAAS,EAAErB,UAAU,CACnBG,YAAY,CAAC,UAAD,EAAaiB,QAAb,CADO,sBAENP,MAFM,6BAGAS,KAHA,GAInB;AACE,2BAAqBlB,YAAY,CAACO,GAAD,CADnC;AAEE,6BAAuBI;AAFzB,KAJmB;AAHvB,MAaGA,SAAS,GACR,oBAAC,SAAD;AAAW,IAAA,KAAK,EAAC,OAAjB;AAAyB,IAAA,QAAQ,EAAE,kBAACS,CAAD;AAAA,aAAOR,SAAQ,CAACQ,CAAD,EAAIH,MAAJ,aAAIA,MAAJ,uBAAIA,MAAM,CAAEI,OAAZ,CAAf;AAAA,KAAnC;AAAwE,IAAA,iBAAiB,EAAER;AAA3F,KACE;AAAK,IAAA,SAAS,EAAC;AAAf,KACGM,eADH,CADF,CADQ,GAMNA,eAnBN,CADF;AAuBD,CA/CM","sourcesContent":["import * as React from 'react';\nimport { HasComponent, HasRootRef } from '../../types';\nimport { classNames } from '../../lib/classNames';\nimport { useExternRef } from '../../hooks/useExternRef';\nimport { usePlatform } from '../../hooks/usePlatform';\nimport { getClassName } from '../../helpers/getClassName';\nimport { hasReactNode } from '../../lib/utils';\nimport Subhead from '../Typography/Subhead/Subhead';\nimport Caption from '../Typography/Caption/Caption';\nimport { useAdaptivity } from '../../hooks/useAdaptivity';\nimport { Removable, RemovableProps } from '../Removable/Removable';\nimport './FormItem.css';\n\nexport interface FormItemProps extends React.AllHTMLAttributes<HTMLElement>, HasRootRef<HTMLElement>, HasComponent, RemovableProps {\n  top?: React.ReactNode;\n  bottom?: React.ReactNode;\n  status?: 'default' | 'error' | 'valid';\n  /**\n   * Дает возможность удалить `FormItem`. Рекомендуется использовать только для `Input` или `Select`.\n   */\n  removable?: boolean;\n}\n\nexport const FormItem: React.FC<FormItemProps> = ({\n  children,\n  top,\n  bottom,\n  status = 'default',\n  Component = 'div',\n  removable,\n  onRemove,\n  removePlaceholder = 'Удалить',\n  getRootRef,\n  ...restProps\n}: FormItemProps) => {\n  const platform = usePlatform();\n  const rootEl = useExternRef(getRootRef);\n  const { sizeY } = useAdaptivity();\n\n  const wrappedChildren = (\n    <React.Fragment>\n      {hasReactNode(top) && <Subhead weight=\"regular\" vkuiClass=\"FormItem__top\">{top}</Subhead>}\n      {children}\n      {hasReactNode(bottom) && <Caption level=\"1\" weight=\"regular\" vkuiClass=\"FormItem__bottom\">{bottom}</Caption>}\n    </React.Fragment>\n  );\n\n  return (\n    <Component\n      {...restProps}\n      ref={rootEl}\n      vkuiClass={classNames(\n        getClassName('FormItem', platform),\n        `FormItem--${status}`,\n        `FormItem--sizeY-${sizeY}`,\n        {\n          'FormItem--withTop': hasReactNode(top),\n          'FormItem--removable': removable,\n        },\n      )}\n    >\n      {removable ? (\n        <Removable align=\"start\" onRemove={(e) => onRemove(e, rootEl?.current)} removePlaceholder={removePlaceholder}>\n          <div vkuiClass=\"FormItem__removable\">\n            {wrappedChildren}\n          </div>\n        </Removable>\n      ) : wrappedChildren}\n    </Component>\n  );\n};\n"],"file":"FormItem.js"}

package/dist/components/FormLayout/FormLayout.d.ts

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

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/FormLayout/FormLayout.tsx"],"names":["getClassName","usePlatform","preventDefault","e","FormLayout","props","children","Component","getRef","onSubmit","restProps","platform","defaultProps"],"mappings":";;;;AACA,SAASA,YAAT;AACA,SAASC,WAAT;;AAIA,IAAMC,cAAc,GAAG,SAAjBA,cAAiB,CAACC,CAAD;AAAA,SAAwBA,CAAC,CAACD,cAAF,EAAxB;AAAA,CAAvB;;AAMA,IAAME,UAAoD,GAAG,SAAvDA,UAAuD,CAACC,KAAD,EAA4B;AACvF,MACEC,QADF,GAMID,KANJ,CACEC,QADF;AAAA,MAEEC,SAFF,GAMIF,KANJ,CAEEE,SAFF;AAAA,MAGEC,MAHF,GAMIH,KANJ,CAGEG,MAHF;AAAA,MAIEC,QAJF,GAMIJ,KANJ,CAIEI,QAJF;AAAA,MAKKC,SALL,4BAMIL,KANJ;;AAQA,MAAMM,QAAQ,GAAGV,WAAW,EAA5B;AACA,SACE,oBAAC,SAAD,eACMS,SADN;AAEE,IAAA,SAAS,EAAEV,YAAY,CAAC,YAAD,EAAeW,QAAf,CAFzB;AAGE,IAAA,QAAQ,EAAEF,QAHZ;AAIE,IAAA,GAAG,EAAED;AAJP,MAME;AAAK,IAAA,SAAS,EAAC;AAAf,KACGF,QADH,CANF,EASGC,SAAS,KAAK,MAAd,IACC;AAAO,IAAA,IAAI,EAAC,QAAZ;AAAqB,IAAA,SAAS,EAAC,oBAA/B;AAAoD,IAAA,KAAK,EAAC;AAA1D,IAVJ,CADF;AAeD,CAzBD;;AA2BAH,UAAU,CAACQ,YAAX,GAA0B;AACxBL,EAAAA,SAAS,EAAE,MADa;AAExBE,EAAAA,QAAQ,EAAEP;AAFc,CAA1B;AAKA,eAAeE,UAAf","sourcesContent":["import * as React from 'react';\nimport { getClassName } from '../../helpers/getClassName';\nimport { usePlatform } from '../../hooks/usePlatform';\nimport { HasRef } from '../../types';\nimport './FormLayout.css';\n\nconst preventDefault = (e: React.FormEvent) => e.preventDefault();\n\nexport interface FormLayoutProps extends React.AllHTMLAttributes<HTMLElement>, HasRef<HTMLElement> {\n  Component?: React.ElementType;\n}\n\nconst FormLayout: React.FunctionComponent<FormLayoutProps> = (props: FormLayoutProps) => {\n  const {\n    children,\n    Component,\n    getRef,\n    onSubmit,\n    ...restProps\n  } = props;\n\n  const platform = usePlatform();\n  return (\n    <Component\n      {...restProps}\n      vkuiClass={getClassName('FormLayout', platform)}\n      onSubmit={onSubmit}\n      ref={getRef}\n    >\n      <div vkuiClass=\"FormLayout__container\">\n        {children}\n      </div>\n      {Component === 'form' &&\n        <input type=\"submit\" vkuiClass=\"FormLayout__submit\" value=\"\" />\n      }\n    </Component>\n  );\n};\n\nFormLayout.defaultProps = {\n  Component: 'form',\n  onSubmit: preventDefault,\n};\n\nexport default FormLayout;\n"],"file":"FormLayout.js"}
+{"version":3,"sources":["../../../src/components/FormLayout/FormLayout.tsx"],"names":["getClassName","usePlatform","preventDefault","e","FormLayout","props","children","Component","getRef","onSubmit","restProps","platform","defaultProps"],"mappings":";;;;AACA,SAASA,YAAT;AACA,SAASC,WAAT;;AAIA,IAAMC,cAAc,GAAG,SAAjBA,cAAiB,CAACC,CAAD;AAAA,SAAwBA,CAAC,CAACD,cAAF,EAAxB;AAAA,CAAvB;;AAIA,IAAME,UAAoD,GAAG,SAAvDA,UAAuD,CAACC,KAAD,EAA4B;AACvF,MACEC,QADF,GAMID,KANJ,CACEC,QADF;AAAA,MAEEC,SAFF,GAMIF,KANJ,CAEEE,SAFF;AAAA,MAGEC,MAHF,GAMIH,KANJ,CAGEG,MAHF;AAAA,MAIEC,QAJF,GAMIJ,KANJ,CAIEI,QAJF;AAAA,MAKKC,SALL,4BAMIL,KANJ;;AAQA,MAAMM,QAAQ,GAAGV,WAAW,EAA5B;AACA,SACE,oBAAC,SAAD,eACMS,SADN;AAEE,IAAA,SAAS,EAAEV,YAAY,CAAC,YAAD,EAAeW,QAAf,CAFzB;AAGE,IAAA,QAAQ,EAAEF,QAHZ;AAIE,IAAA,GAAG,EAAED;AAJP,MAME;AAAK,IAAA,SAAS,EAAC;AAAf,KACGF,QADH,CANF,EASGC,SAAS,KAAK,MAAd,IACC;AAAO,IAAA,IAAI,EAAC,QAAZ;AAAqB,IAAA,SAAS,EAAC,oBAA/B;AAAoD,IAAA,KAAK,EAAC;AAA1D,IAVJ,CADF;AAeD,CAzBD;;AA2BAH,UAAU,CAACQ,YAAX,GAA0B;AACxBL,EAAAA,SAAS,EAAE,MADa;AAExBE,EAAAA,QAAQ,EAAEP;AAFc,CAA1B;AAKA,eAAeE,UAAf","sourcesContent":["import * as React from 'react';\nimport { getClassName } from '../../helpers/getClassName';\nimport { usePlatform } from '../../hooks/usePlatform';\nimport { HasComponent, HasRef } from '../../types';\nimport './FormLayout.css';\n\nconst preventDefault = (e: React.FormEvent) => e.preventDefault();\n\nexport type FormLayoutProps = React.AllHTMLAttributes<HTMLElement> & HasRef<HTMLElement> & HasComponent;\n\nconst FormLayout: React.FunctionComponent<FormLayoutProps> = (props: FormLayoutProps) => {\n  const {\n    children,\n    Component,\n    getRef,\n    onSubmit,\n    ...restProps\n  } = props;\n\n  const platform = usePlatform();\n  return (\n    <Component\n      {...restProps}\n      vkuiClass={getClassName('FormLayout', platform)}\n      onSubmit={onSubmit}\n      ref={getRef}\n    >\n      <div vkuiClass=\"FormLayout__container\">\n        {children}\n      </div>\n      {Component === 'form' &&\n        <input type=\"submit\" vkuiClass=\"FormLayout__submit\" value=\"\" />\n      }\n    </Component>\n  );\n};\n\nFormLayout.defaultProps = {\n  Component: 'form',\n  onSubmit: preventDefault,\n};\n\nexport default FormLayout;\n"],"file":"FormLayout.js"}

package/dist/components/FormLayoutGroup/FormLayoutGroup.js

@@ -33,6 +33,7 @@ var FormLayoutGroup = function FormLayoutGroup(_ref) {
       'FormLayoutGroup--removable': isRemovable
     })
   }, restProps), isRemovable ? createScopedElement(Removable, {
+    vkuiClass: "FormLayoutGroup__removable",
     align: "start",
     removePlaceholder: removePlaceholder,
     onRemove: function onRemove(e) {

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/FormLayoutGroup/FormLayoutGroup.tsx"],"names":["getClassName","classNames","useExternRef","usePlatform","Removable","useAdaptivity","FormLayoutGroup","children","mode","removable","removePlaceholder","onRemove","getRootRef","restProps","platform","sizeY","isRemovable","rootEl","e","current"],"mappings":";;;;AAEA,SAASA,YAAT;AACA,SAASC,UAAT;AACA,SAASC,YAAT;AACA,SAASC,WAAT;AACA,SAASC,SAAT;AACA,SAASC,aAAT;;AAWA,IAAMC,eAA+C,GAAG,SAAlDA,eAAkD,OAQ5B;AAAA,MAP1BC,QAO0B,QAP1BA,QAO0B;AAAA,uBAN1BC,IAM0B;AAAA,MAN1BA,IAM0B,0BANnB,UAMmB;AAAA,MAL1BC,SAK0B,QAL1BA,SAK0B;AAAA,mCAJ1BC,iBAI0B;AAAA,MAJ1BA,iBAI0B,sCAJN,SAIM;AAAA,MAH1BC,SAG0B,QAH1BA,QAG0B;AAAA,MAF1BC,UAE0B,QAF1BA,UAE0B;AAAA,MADvBC,SACuB;;AAC1B,MAAMC,QAAQ,GAAGX,WAAW,EAA5B;;AACA,uBAAkBE,aAAa,EAA/B;AAAA,MAAQU,KAAR,kBAAQA,KAAR;;AACA,MAAMC,WAAW,GAAGP,SAAS,IAAID,IAAI,KAAK,YAA1C;AACA,MAAMS,MAAM,GAAGf,YAAY,CAACU,UAAD,CAA3B;AAEA,SACE;AACE,IAAA,GAAG,EAAEK,MADP;AAEE,IAAA,SAAS,EAAEhB,UAAU,CACnBD,YAAY,CAAC,iBAAD,EAAoBc,QAApB,CADO,mCAEOC,KAFP,8BAGCP,IAHD,GAGS;AAC1B,oCAA8BQ;AADJ,KAHT;AAFvB,KASMH,SATN,GAUGG,WAAW,GACR,oBAAC,SAAD;AAAW,IAAA,KAAK,EAAC,OAAjB;AAAyB,IAAA,iBAAiB,EAAEN,iBAA5C;AAA+D,IAAA,QAAQ,EAAE,kBAACQ,CAAD;AAAA,aAAOP,SAAQ,CAACO,CAAD,EAAID,MAAJ,aAAIA,MAAJ,uBAAIA,MAAM,CAAEE,OAAZ,CAAf;AAAA;AAAzE,KAA+GZ,QAA/G,CADQ,GAERA,QAZN,CADF;AAiBD,CA/BD;;AAiCA,eAAeD,eAAf","sourcesContent":["import * as React from 'react';\nimport { HasRootRef } from '../../types';\nimport { getClassName } from '../../helpers/getClassName';\nimport { classNames } from '../../lib/classNames';\nimport { useExternRef } from '../../hooks/useExternRef';\nimport { usePlatform } from '../../hooks/usePlatform';\nimport { Removable, RemovableProps } from '../Removable/Removable';\nimport { useAdaptivity } from '../../hooks/useAdaptivity';\nimport './FormLayoutGroup.css';\n\nexport interface FormLayoutGroupProps extends React.HTMLAttributes<HTMLDivElement>, RemovableProps, HasRootRef<HTMLDivElement> {\n  mode?: 'vertical' | 'horizontal';\n  /**\n   * Только для режима horizontal. Дает возможность удалить всю группу `FormItem`.\n   */\n  removable?: boolean;\n}\n\nconst FormLayoutGroup: React.FC<FormLayoutGroupProps> = ({\n  children,\n  mode = 'vertical',\n  removable,\n  removePlaceholder = 'Удалить',\n  onRemove,\n  getRootRef,\n  ...restProps\n}: FormLayoutGroupProps) => {\n  const platform = usePlatform();\n  const { sizeY } = useAdaptivity();\n  const isRemovable = removable && mode === 'horizontal';\n  const rootEl = useExternRef(getRootRef);\n\n  return (\n    <div\n      ref={rootEl}\n      vkuiClass={classNames(\n        getClassName('FormLayoutGroup', platform),\n        `FormLayoutGroup--sizeY-${sizeY}`,\n        `FormLayoutGroup--${mode}`, {\n          'FormLayoutGroup--removable': isRemovable,\n        },\n      )}\n      {...restProps}>\n      {isRemovable\n        ? <Removable align=\"start\" removePlaceholder={removePlaceholder} onRemove={(e) => onRemove(e, rootEl?.current)}>{children}</Removable>\n        : children\n      }\n    </div>\n  );\n};\n\nexport default FormLayoutGroup;\n"],"file":"FormLayoutGroup.js"}
+{"version":3,"sources":["../../../src/components/FormLayoutGroup/FormLayoutGroup.tsx"],"names":["getClassName","classNames","useExternRef","usePlatform","Removable","useAdaptivity","FormLayoutGroup","children","mode","removable","removePlaceholder","onRemove","getRootRef","restProps","platform","sizeY","isRemovable","rootEl","e","current"],"mappings":";;;;AAEA,SAASA,YAAT;AACA,SAASC,UAAT;AACA,SAASC,YAAT;AACA,SAASC,WAAT;AACA,SAASC,SAAT;AACA,SAASC,aAAT;;AAWA,IAAMC,eAA+C,GAAG,SAAlDA,eAAkD,OAQ5B;AAAA,MAP1BC,QAO0B,QAP1BA,QAO0B;AAAA,uBAN1BC,IAM0B;AAAA,MAN1BA,IAM0B,0BANnB,UAMmB;AAAA,MAL1BC,SAK0B,QAL1BA,SAK0B;AAAA,mCAJ1BC,iBAI0B;AAAA,MAJ1BA,iBAI0B,sCAJN,SAIM;AAAA,MAH1BC,SAG0B,QAH1BA,QAG0B;AAAA,MAF1BC,UAE0B,QAF1BA,UAE0B;AAAA,MADvBC,SACuB;;AAC1B,MAAMC,QAAQ,GAAGX,WAAW,EAA5B;;AACA,uBAAkBE,aAAa,EAA/B;AAAA,MAAQU,KAAR,kBAAQA,KAAR;;AACA,MAAMC,WAAW,GAAGP,SAAS,IAAID,IAAI,KAAK,YAA1C;AACA,MAAMS,MAAM,GAAGf,YAAY,CAACU,UAAD,CAA3B;AAEA,SACE;AACE,IAAA,GAAG,EAAEK,MADP;AAEE,IAAA,SAAS,EAAEhB,UAAU,CACnBD,YAAY,CAAC,iBAAD,EAAoBc,QAApB,CADO,mCAEOC,KAFP,8BAGCP,IAHD,GAGS;AAC1B,oCAA8BQ;AADJ,KAHT;AAFvB,KASMH,SATN,GAUGG,WAAW,GAER,oBAAC,SAAD;AACE,IAAA,SAAS,EAAC,4BADZ;AAEE,IAAA,KAAK,EAAC,OAFR;AAGE,IAAA,iBAAiB,EAAEN,iBAHrB;AAIE,IAAA,QAAQ,EAAE,kBAACQ,CAAD;AAAA,aAAOP,SAAQ,CAACO,CAAD,EAAID,MAAJ,aAAIA,MAAJ,uBAAIA,MAAM,CAAEE,OAAZ,CAAf;AAAA;AAJZ,KAMGZ,QANH,CAFQ,GAWRA,QArBN,CADF;AA0BD,CAxCD;;AA0CA,eAAeD,eAAf","sourcesContent":["import * as React from 'react';\nimport { HasRootRef } from '../../types';\nimport { getClassName } from '../../helpers/getClassName';\nimport { classNames } from '../../lib/classNames';\nimport { useExternRef } from '../../hooks/useExternRef';\nimport { usePlatform } from '../../hooks/usePlatform';\nimport { Removable, RemovableProps } from '../Removable/Removable';\nimport { useAdaptivity } from '../../hooks/useAdaptivity';\nimport './FormLayoutGroup.css';\n\nexport interface FormLayoutGroupProps extends React.HTMLAttributes<HTMLDivElement>, RemovableProps, HasRootRef<HTMLDivElement> {\n  mode?: 'vertical' | 'horizontal';\n  /**\n   * Только для режима horizontal. Дает возможность удалить всю группу `FormItem`.\n   */\n  removable?: boolean;\n}\n\nconst FormLayoutGroup: React.FC<FormLayoutGroupProps> = ({\n  children,\n  mode = 'vertical',\n  removable,\n  removePlaceholder = 'Удалить',\n  onRemove,\n  getRootRef,\n  ...restProps\n}: FormLayoutGroupProps) => {\n  const platform = usePlatform();\n  const { sizeY } = useAdaptivity();\n  const isRemovable = removable && mode === 'horizontal';\n  const rootEl = useExternRef(getRootRef);\n\n  return (\n    <div\n      ref={rootEl}\n      vkuiClass={classNames(\n        getClassName('FormLayoutGroup', platform),\n        `FormLayoutGroup--sizeY-${sizeY}`,\n        `FormLayoutGroup--${mode}`, {\n          'FormLayoutGroup--removable': isRemovable,\n        },\n      )}\n      {...restProps}>\n      {isRemovable\n        ? (\n          <Removable\n            vkuiClass=\"FormLayoutGroup__removable\"\n            align=\"start\"\n            removePlaceholder={removePlaceholder}\n            onRemove={(e) => onRemove(e, rootEl?.current)}\n          >\n            {children}\n          </Removable>\n        )\n        : children\n      }\n    </div>\n  );\n};\n\nexport default FormLayoutGroup;\n"],"file":"FormLayoutGroup.js"}

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

@@ -0,0 +1,9 @@
+import * as React from 'react';
+import { HasRootRef } from '../../types';
+import './GridAvatar.css';
+export interface GridAvatarProps extends React.HTMLAttributes<HTMLDivElement>, HasRootRef<HTMLDivElement> {
+    src?: string[];
+    size?: number;
+    shadow?: boolean;
+}
+export declare const GridAvatar: React.FC<GridAvatarProps>;

package/dist/components/GridAvatar/GridAvatar.js

@@ -0,0 +1,41 @@
+import _extends from "@babel/runtime/helpers/extends";
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+var _excluded = ["src", "size", "shadow"];
+import { createScopedElement } from "../../lib/jsxRuntime";
+import Avatar, { AVATAR_DEFAULT_SHADOW, AVATAR_DEFAULT_SIZE } from "../Avatar/Avatar";
+import { classNames } from "../../lib/classNames";
+import { warnOnce } from "../../lib/warnOnce";
+var MIN_GRID_LENGTH = 1;
+var MAX_GRID_LENGTH = 4;
+var warn = warnOnce('GridAvatar');
+export var GridAvatar = function GridAvatar(_ref) {
+  var _ref$src = _ref.src,
+      src = _ref$src === void 0 ? [] : _ref$src,
+      _ref$size = _ref.size,
+      size = _ref$size === void 0 ? AVATAR_DEFAULT_SIZE : _ref$size,
+      _ref$shadow = _ref.shadow,
+      shadow = _ref$shadow === void 0 ? AVATAR_DEFAULT_SHADOW : _ref$shadow,
+      restProps = _objectWithoutProperties(_ref, _excluded);
+
+  if (process.env.NODE_ENV === 'development' && src.length > MAX_GRID_LENGTH) {
+    warn("\u0420\u0430\u0437\u043C\u0435\u0440 \u043F\u0440\u043E\u043F\u0430 src (".concat(src.length, ") \u0431\u043E\u043B\u044C\u0448\u0435 \u043C\u0430\u043A\u0441\u0438\u043C\u0430\u043B\u044C\u043D\u043E\u0433\u043E (").concat(MAX_GRID_LENGTH, ")"));
+  }
+
+  var count = Math.max(MIN_GRID_LENGTH, Math.min(MAX_GRID_LENGTH, src.length));
+  return createScopedElement(Avatar, _extends({}, restProps, {
+    vkuiClass: classNames('GridAvatar', "GridAvatar--images-".concat(count)),
+    shadow: shadow,
+    size: size
+  }), createScopedElement("div", {
+    vkuiClass: "GridAvatar__in"
+  }, src.slice(0, MAX_GRID_LENGTH).map(function (src, i) {
+    return createScopedElement("div", {
+      key: i,
+      vkuiClass: "GridAvatar__item",
+      style: {
+        backgroundImage: "url(".concat(src, ")")
+      }
+    });
+  })));
+};
+//# sourceMappingURL=GridAvatar.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/GridAvatar/GridAvatar.tsx"],"names":["Avatar","AVATAR_DEFAULT_SHADOW","AVATAR_DEFAULT_SIZE","classNames","warnOnce","MIN_GRID_LENGTH","MAX_GRID_LENGTH","warn","GridAvatar","src","size","shadow","restProps","process","env","NODE_ENV","length","count","Math","max","min","slice","map","i","backgroundImage"],"mappings":";;;;AACA,OAAOA,MAAP,IAAiBC,qBAAjB,EAAwCC,mBAAxC;AACA,SAASC,UAAT;AACA,SAASC,QAAT;AAUA,IAAMC,eAAe,GAAG,CAAxB;AACA,IAAMC,eAAe,GAAG,CAAxB;AAEA,IAAMC,IAAI,GAAGH,QAAQ,CAAC,YAAD,CAArB;AAEA,OAAO,IAAMI,UAAqC,GAAG,SAAxCA,UAAwC,OAK9B;AAAA,sBAJrBC,GAIqB;AAAA,MAJrBA,GAIqB,yBAJf,EAIe;AAAA,uBAHrBC,IAGqB;AAAA,MAHrBA,IAGqB,0BAHdR,mBAGc;AAAA,yBAFrBS,MAEqB;AAAA,MAFrBA,MAEqB,4BAFZV,qBAEY;AAAA,MADlBW,SACkB;;AACrB,MAAIC,OAAO,CAACC,GAAR,CAAYC,QAAZ,KAAyB,aAAzB,IAA0CN,GAAG,CAACO,MAAJ,GAAaV,eAA3D,EAA4E;AAC1EC,IAAAA,IAAI,oFAAsBE,GAAG,CAACO,MAA1B,oIAA2DV,eAA3D,OAAJ;AACD;;AAED,MAAMW,KAAK,GAAGC,IAAI,CAACC,GAAL,CAASd,eAAT,EAA0Ba,IAAI,CAACE,GAAL,CAASd,eAAT,EAA0BG,GAAG,CAACO,MAA9B,CAA1B,CAAd;AAEA,SACE,oBAAC,MAAD,eACMJ,SADN;AAEE,IAAA,SAAS,EAAET,UAAU,CACnB,YADmB,+BAEGc,KAFH,EAFvB;AAME,IAAA,MAAM,EAAEN,MANV;AAOE,IAAA,IAAI,EAAED;AAPR,MASE;AAAK,IAAA,SAAS,EAAC;AAAf,KACGD,GAAG,CAACY,KAAJ,CAAU,CAAV,EAAaf,eAAb,EAA8BgB,GAA9B,CAAkC,UAACb,GAAD,EAAMc,CAAN,EAAY;AAC7C,WACE;AACE,MAAA,GAAG,EAAEA,CADP;AAEE,MAAA,SAAS,EAAC,kBAFZ;AAGE,MAAA,KAAK,EAAE;AAAEC,QAAAA,eAAe,gBAASf,GAAT;AAAjB;AAHT,MADF;AAQD,GATA,CADH,CATF,CADF;AAwBD,CApCM","sourcesContent":["import * as React from 'react';\nimport Avatar, { AVATAR_DEFAULT_SHADOW, AVATAR_DEFAULT_SIZE } from '../Avatar/Avatar';\nimport { classNames } from '../../lib/classNames';\nimport { warnOnce } from '../../lib/warnOnce';\nimport { HasRootRef } from '../../types';\nimport './GridAvatar.css';\n\nexport interface GridAvatarProps extends React.HTMLAttributes<HTMLDivElement>, HasRootRef<HTMLDivElement> {\n  src?: string[];\n  size?: number;\n  shadow?: boolean;\n}\n\nconst MIN_GRID_LENGTH = 1;\nconst MAX_GRID_LENGTH = 4;\n\nconst warn = warnOnce('GridAvatar');\n\nexport const GridAvatar: React.FC<GridAvatarProps> = ({\n  src = [],\n  size = AVATAR_DEFAULT_SIZE,\n  shadow = AVATAR_DEFAULT_SHADOW,\n  ...restProps\n}: GridAvatarProps) => {\n  if (process.env.NODE_ENV === 'development' && src.length > MAX_GRID_LENGTH) {\n    warn(`Размер пропа src (${src.length}) больше максимального (${MAX_GRID_LENGTH})`);\n  }\n\n  const count = Math.max(MIN_GRID_LENGTH, Math.min(MAX_GRID_LENGTH, src.length));\n\n  return (\n    <Avatar\n      {...restProps}\n      vkuiClass={classNames(\n        'GridAvatar',\n        `GridAvatar--images-${count}`,\n      )}\n      shadow={shadow}\n      size={size}\n    >\n      <div vkuiClass=\"GridAvatar__in\">\n        {src.slice(0, MAX_GRID_LENGTH).map((src, i) => {\n          return (\n            <div\n              key={i}\n              vkuiClass=\"GridAvatar__item\"\n              style={{ backgroundImage: `url(${src})` }}\n            >\n            </div>\n          );\n        })}\n      </div>\n    </Avatar>\n  );\n};\n"],"file":"GridAvatar.js"}

package/dist/components/Header/Header.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/Header/Header.tsx"],"names":["getClassName","classNames","usePlatform","hasReactNode","isPrimitiveReactNode","Platform","Headline","Caption","Title","Text","Subhead","HeaderContent","platform","mode","restProps","IOS","VKCOM","HeaderAside","HeaderSubtitle","Header","children","subtitle","indicator","aside","getRootRef","multiline","defaultProps"],"mappings":"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","sourcesContent":["import * as React from 'react';\nimport { getClassName } from '../../helpers/getClassName';\nimport { classNames } from '../../lib/classNames';\nimport { usePlatform } from '../../hooks/usePlatform';\nimport { HasPlatform, HasRootRef } from '../../types';\nimport { hasReactNode, isPrimitiveReactNode } from '../../lib/utils';\nimport { Platform } from '../../lib/platform';\nimport Headline from '../Typography/Headline/Headline';\nimport Caption from '../Typography/Caption/Caption';\nimport Title from '../Typography/Title/Title';\nimport Text from '../Typography/Text/Text';\nimport Subhead from '../Typography/Subhead/Subhead';\nimport './Header.css';\n\nexport interface HeaderProps extends React.HTMLAttributes<HTMLElement>, HasRootRef<HTMLElement> {\n  mode?: 'primary' | 'secondary' | 'tertiary';\n  subtitle?: React.ReactNode;\n  /**\n   * Допускаются иконки, текст, Link\n   */\n  aside?: React.ReactNode;\n  /**\n   * Допускаются текст, Indicator\n   */\n  indicator?: React.ReactNode;\n  multiline?: boolean;\n}\n\ntype HeaderContentProps = Pick<HeaderProps, 'children' | 'mode'> & HasPlatform & { Component: React.ElementType };\n\nconst HeaderContent: React.FC<HeaderContentProps> = ({ platform, mode, ...restProps }) => {\n  if (platform === Platform.IOS) {\n    switch (mode) {\n      case 'primary':\n      case 'tertiary':\n        return <Title weight=\"semibold\" level=\"3\" {...restProps} />;\n      case 'secondary':\n        return <Caption level=\"1\" weight=\"semibold\" caps {...restProps} />;\n    }\n  }\n\n  if (platform === Platform.VKCOM) {\n    switch (mode) {\n      case 'primary':\n        return <Headline weight=\"regular\" {...restProps} />;\n      case 'secondary':\n      case 'tertiary':\n        return <Caption level=\"1\" weight=\"regular\" {...restProps} />;\n    }\n  }\n\n  switch (mode) {\n    case 'primary':\n    case 'tertiary':\n      return <Headline weight=\"medium\" {...restProps} />;\n    case 'secondary':\n      return <Caption level=\"1\" weight=\"medium\" caps {...restProps} />;\n  }\n};\n\ntype HeaderAsideProps = Pick<HeaderProps, 'aside'> & HasPlatform & { Component: React.ElementType };\n\nconst HeaderAside: React.FC<HeaderAsideProps> = ({ platform, ...restProps }) => {\n  return platform === Platform.VKCOM\n    ? <Subhead weight=\"regular\" {...restProps} />\n    : <Text weight=\"regular\" {...restProps} />;\n};\n\ntype HeaderSubtitleProps = Pick<HeaderProps, 'subtitle' | 'mode'> & { Component: React.ElementType };\n\nconst HeaderSubtitle: React.FC<HeaderSubtitleProps> = ({ mode, ...restProps }) => {\n  return mode === 'secondary'\n    ? <Subhead weight=\"regular\" {...restProps} />\n    : <Caption weight=\"regular\" level=\"1\" {...restProps} />;\n};\n\nconst Header: React.FC<HeaderProps> = ({\n  mode,\n  children,\n  subtitle,\n  indicator,\n  aside,\n  getRootRef,\n  multiline,\n  ...restProps\n}: HeaderProps) => {\n  const platform = usePlatform();\n\n  return (\n    <header\n      {...restProps}\n      ref={getRootRef}\n      vkuiClass={classNames(getClassName('Header', platform), `Header--mode-${mode}`, { 'Header--pi': isPrimitiveReactNode(indicator) })}\n    >\n      <div vkuiClass=\"Header__main\">\n        <HeaderContent vkuiClass=\"Header__content\" Component=\"span\" mode={mode} platform={platform}>\n          <span vkuiClass={classNames('Header__content-in', { 'Header__content-in--multiline': multiline })}>{children}</span>\n          {hasReactNode(indicator) && (\n            <Caption\n              vkuiClass=\"Header__indicator\"\n              weight={mode === 'primary' || mode === 'secondary' ? 'medium' : 'regular'}\n              level=\"1\"\n            >\n              {indicator}\n            </Caption>\n          )}\n        </HeaderContent>\n\n        {hasReactNode(subtitle) && <HeaderSubtitle vkuiClass=\"Header__subtitle\" Component=\"span\">{subtitle}</HeaderSubtitle>}\n      </div>\n\n      {hasReactNode(aside) && <HeaderAside vkuiClass=\"Header__aside\" Component=\"span\" platform={platform}>{aside}</HeaderAside>}\n    </header>\n  );\n};\n\nHeader.defaultProps = {\n  mode: 'primary',\n};\n\nexport default Header;\n"],"file":"Header.js"}
+{"version":3,"sources":["../../../src/components/Header/Header.tsx"],"names":["getClassName","classNames","usePlatform","hasReactNode","isPrimitiveReactNode","Platform","Headline","Caption","Title","Text","Subhead","HeaderContent","platform","mode","restProps","IOS","VKCOM","HeaderAside","HeaderSubtitle","Header","children","subtitle","indicator","aside","getRootRef","multiline","defaultProps"],"mappings":"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","sourcesContent":["import * as React from 'react';\nimport { getClassName } from '../../helpers/getClassName';\nimport { classNames } from '../../lib/classNames';\nimport { usePlatform } from '../../hooks/usePlatform';\nimport { HasComponent, HasPlatform, HasRootRef } from '../../types';\nimport { hasReactNode, isPrimitiveReactNode } from '../../lib/utils';\nimport { Platform } from '../../lib/platform';\nimport Headline from '../Typography/Headline/Headline';\nimport Caption from '../Typography/Caption/Caption';\nimport Title from '../Typography/Title/Title';\nimport Text from '../Typography/Text/Text';\nimport Subhead from '../Typography/Subhead/Subhead';\nimport './Header.css';\n\nexport interface HeaderProps extends React.HTMLAttributes<HTMLElement>, HasRootRef<HTMLElement> {\n  mode?: 'primary' | 'secondary' | 'tertiary';\n  subtitle?: React.ReactNode;\n  /**\n   * Допускаются иконки, текст, Link\n   */\n  aside?: React.ReactNode;\n  /**\n   * Допускаются текст, Indicator\n   */\n  indicator?: React.ReactNode;\n  multiline?: boolean;\n}\n\ntype HeaderContentProps = Pick<HeaderProps, 'children' | 'mode'> & HasPlatform & HasComponent;\n\nconst HeaderContent: React.FC<HeaderContentProps> = ({ platform, mode, ...restProps }) => {\n  if (platform === Platform.IOS) {\n    switch (mode) {\n      case 'primary':\n      case 'tertiary':\n        return <Title weight=\"semibold\" level=\"3\" {...restProps} />;\n      case 'secondary':\n        return <Caption level=\"1\" weight=\"semibold\" caps {...restProps} />;\n    }\n  }\n\n  if (platform === Platform.VKCOM) {\n    switch (mode) {\n      case 'primary':\n        return <Headline weight=\"regular\" {...restProps} />;\n      case 'secondary':\n      case 'tertiary':\n        return <Caption level=\"1\" weight=\"regular\" {...restProps} />;\n    }\n  }\n\n  switch (mode) {\n    case 'primary':\n    case 'tertiary':\n      return <Headline weight=\"medium\" {...restProps} />;\n    case 'secondary':\n      return <Caption level=\"1\" weight=\"medium\" caps {...restProps} />;\n  }\n};\n\ntype HeaderAsideProps = Pick<HeaderProps, 'aside'> & HasPlatform & HasComponent;\n\nconst HeaderAside: React.FC<HeaderAsideProps> = ({ platform, ...restProps }) => {\n  return platform === Platform.VKCOM\n    ? <Subhead weight=\"regular\" {...restProps} />\n    : <Text weight=\"regular\" {...restProps} />;\n};\n\ntype HeaderSubtitleProps = Pick<HeaderProps, 'subtitle' | 'mode'> & HasComponent;\n\nconst HeaderSubtitle: React.FC<HeaderSubtitleProps> = ({ mode, ...restProps }) => {\n  return mode === 'secondary'\n    ? <Subhead weight=\"regular\" {...restProps} />\n    : <Caption weight=\"regular\" level=\"1\" {...restProps} />;\n};\n\nconst Header: React.FC<HeaderProps> = ({\n  mode,\n  children,\n  subtitle,\n  indicator,\n  aside,\n  getRootRef,\n  multiline,\n  ...restProps\n}: HeaderProps) => {\n  const platform = usePlatform();\n\n  return (\n    <header\n      {...restProps}\n      ref={getRootRef}\n      vkuiClass={classNames(getClassName('Header', platform), `Header--mode-${mode}`, { 'Header--pi': isPrimitiveReactNode(indicator) })}\n    >\n      <div vkuiClass=\"Header__main\">\n        <HeaderContent vkuiClass=\"Header__content\" Component=\"span\" mode={mode} platform={platform}>\n          <span vkuiClass={classNames('Header__content-in', { 'Header__content-in--multiline': multiline })}>{children}</span>\n          {hasReactNode(indicator) && (\n            <Caption\n              vkuiClass=\"Header__indicator\"\n              weight={mode === 'primary' || mode === 'secondary' ? 'medium' : 'regular'}\n              level=\"1\"\n            >\n              {indicator}\n            </Caption>\n          )}\n        </HeaderContent>\n\n        {hasReactNode(subtitle) && <HeaderSubtitle vkuiClass=\"Header__subtitle\" Component=\"span\">{subtitle}</HeaderSubtitle>}\n      </div>\n\n      {hasReactNode(aside) && <HeaderAside vkuiClass=\"Header__aside\" Component=\"span\" platform={platform}>{aside}</HeaderAside>}\n    </header>\n  );\n};\n\nHeader.defaultProps = {\n  mode: 'primary',\n};\n\nexport default Header;\n"],"file":"Header.js"}

package/dist/components/HorizontalCell/HorizontalCell.d.ts

@@ -1,8 +1,7 @@
 import * as React from 'react';
-import { HasRef, HasRootRef } from '../../types';
+import { HasComponent, HasRef, HasRootRef } from '../../types';
 import './HorizontalCell.css';
-export interface HorizontalCellProps extends React.AnchorHTMLAttributes<HTMLElement>, HasRootRef<HTMLDivElement>, HasRef<HTMLDivElement> {
-    Component?: React.ElementType;
+export interface HorizontalCellProps extends React.AnchorHTMLAttributes<HTMLElement>, HasRootRef<HTMLDivElement>, HasRef<HTMLDivElement>, HasComponent {
     size?: 's' | 'm' | 'l';
     header?: React.ReactNode;
     subtitle?: React.ReactNode;

package/dist/components/HorizontalCell/HorizontalCell.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/HorizontalCell/HorizontalCell.tsx"],"names":["classNames","getClassName","usePlatform","hasReactNode","Caption","Tappable","Subhead","Avatar","CellTypography","size","children","restProps","HorizontalCell","className","header","style","subtitle","getRootRef","getRef","platform"],"mappings":";;;;;AACA,SAASA,UAAT;AACA,SAASC,YAAT;AACA,SAASC,WAAT;AACA,SAASC,YAAT;AACA,OAAOC,OAAP;AACA,OAAOC,QAAP;AACA,OAAOC,OAAP;AACA,OAAOC,MAAP;;AAQA,IAAMC,cAA6C,GAAG,SAAhDA,cAAgD,OAA2D;AAAA,MAAxDC,IAAwD,QAAxDA,IAAwD;AAAA,MAAlDC,QAAkD,QAAlDA,QAAkD;AAAA,MAArCC,SAAqC;;AAC/G,SAAOF,IAAI,KAAK,GAAT,GACH,oBAAC,OAAD;AAAS,IAAA,KAAK,EAAC,GAAf;AAAmB,IAAA,MAAM,EAAC;AAA1B,KAAwCE,SAAxC,GAAoDD,QAApD,CADG,GAEH,oBAAC,OAAD;AAAS,IAAA,MAAM,EAAC;AAAhB,KAA8BC,SAA9B,GAA0CD,QAA1C,CAFJ;AAGD,CAJD;;AAiBA,OAAO,IAAME,cAA6C,GAAG,SAAhDA,cAAgD,QAUlC;AAAA,MATzBC,SASyB,SATzBA,SASyB;AAAA,MARzBC,MAQyB,SARzBA,MAQyB;AAAA,MAPzBC,KAOyB,SAPzBA,KAOyB;AAAA,MANzBC,QAMyB,SANzBA,QAMyB;AAAA,yBALzBP,IAKyB;AAAA,MALzBA,IAKyB,2BALlB,GAKkB;AAAA,6BAJzBC,QAIyB;AAAA,MAJzBA,QAIyB,+BAJd,oBAAC,MAAD;AAAQ,IAAA,IAAI,EAAE;AAAd,IAIc;AAAA,MAHzBO,UAGyB,SAHzBA,UAGyB;AAAA,MAFzBC,MAEyB,SAFzBA,MAEyB;AAAA,MADtBP,SACsB;;AACzB,MAAMQ,QAAQ,GAAGjB,WAAW,EAA5B;AAEA,SACE;AACE,IAAA,SAAS,EAAEF,UAAU,CAACC,YAAY,CAAC,gBAAD,EAAmBkB,QAAnB,CAAb,4BAA8DV,IAA9D,EADvB;AAEE,IAAA,GAAG,EAAEQ,UAFP;AAGE,IAAA,KAAK,EAAEF,KAHT;AAIE,IAAA,SAAS,EAAEF;AAJb,KAME,oBAAC,QAAD;AACE,IAAA,SAAS,EAAC,sBADZ;AAEE,IAAA,UAAU,EAAEK;AAFd,KAGMP,SAHN,GAKGR,YAAY,CAACO,QAAD,CAAZ,IAA0B;AAAK,IAAA,SAAS,EAAC;AAAf,KAAwCA,QAAxC,CAL7B,EAME;AAAK,IAAA,SAAS,EAAC;AAAf,KACGP,YAAY,CAACW,MAAD,CAAZ,IACC,oBAAC,cAAD;AAAgB,IAAA,IAAI,EAAEL,IAAtB;AAA4B,IAAA,SAAS,EAAC;AAAtC,KAA+DK,MAA/D,CAFJ,EAIGX,YAAY,CAACa,QAAD,CAAZ,IAA0B,oBAAC,OAAD;AAAS,IAAA,MAAM,EAAC,SAAhB;AAA0B,IAAA,KAAK,EAAC,GAAhC;AAAoC,IAAA,SAAS,EAAC;AAA9C,KAA0EA,QAA1E,CAJ7B,CANF,CANF,CADF;AAsBD,CAnCM","sourcesContent":["import * as React from 'react';\nimport { classNames } from '../../lib/classNames';\nimport { getClassName } from '../../helpers/getClassName';\nimport { usePlatform } from '../../hooks/usePlatform';\nimport { hasReactNode } from '../../lib/utils';\nimport Caption from '../Typography/Caption/Caption';\nimport Tappable from '../Tappable/Tappable';\nimport Subhead from '../Typography/Subhead/Subhead';\nimport Avatar from '../Avatar/Avatar';\nimport { HasRef, HasRootRef } from '../../types';\nimport './HorizontalCell.css';\n\ninterface CellTypographyProps extends React.HTMLAttributes<HTMLDivElement> {\n  size: HorizontalCellProps['size'];\n}\n\nconst CellTypography: React.FC<CellTypographyProps> = ({ size, children, ...restProps }: CellTypographyProps) => {\n  return size === 's'\n    ? <Caption level=\"2\" weight=\"regular\" {...restProps}>{children}</Caption>\n    : <Subhead weight=\"regular\" {...restProps}>{children}</Subhead>;\n};\n\nexport interface HorizontalCellProps extends\n  React.AnchorHTMLAttributes<HTMLElement>,\n  HasRootRef<HTMLDivElement>,\n  HasRef<HTMLDivElement> {\n  Component?: React.ElementType;\n  size?: 's' | 'm' | 'l';\n  header?: React.ReactNode;\n  subtitle?: React.ReactNode;\n  disabled?: boolean;\n}\n\nexport const HorizontalCell: React.FC<HorizontalCellProps> = ({\n  className,\n  header,\n  style,\n  subtitle,\n  size = 's',\n  children = <Avatar size={56} />,\n  getRootRef,\n  getRef,\n  ...restProps\n}: HorizontalCellProps) => {\n  const platform = usePlatform();\n\n  return (\n    <div\n      vkuiClass={classNames(getClassName('HorizontalCell', platform), `HorizontalCell--${size}`)}\n      ref={getRootRef}\n      style={style}\n      className={className}\n    >\n      <Tappable\n        vkuiClass=\"HorizontalCell__body\"\n        getRootRef={getRef}\n        {...restProps}\n      >\n        {hasReactNode(children) && <div vkuiClass=\"HorizontalCell__image\">{children}</div>}\n        <div vkuiClass=\"HorizontalCell__content\">\n          {hasReactNode(header) && (\n            <CellTypography size={size} vkuiClass=\"HorizontalCell__title\">{header}</CellTypography>\n          )}\n          {hasReactNode(subtitle) && <Caption weight=\"regular\" level=\"1\" vkuiClass=\"HorizontalCell__subtitle\">{subtitle}</Caption>}\n        </div>\n      </Tappable>\n    </div>\n  );\n};\n"],"file":"HorizontalCell.js"}
+{"version":3,"sources":["../../../src/components/HorizontalCell/HorizontalCell.tsx"],"names":["classNames","getClassName","usePlatform","hasReactNode","Caption","Tappable","Subhead","Avatar","CellTypography","size","children","restProps","HorizontalCell","className","header","style","subtitle","getRootRef","getRef","platform"],"mappings":";;;;;AACA,SAASA,UAAT;AACA,SAASC,YAAT;AACA,SAASC,WAAT;AACA,SAASC,YAAT;AACA,OAAOC,OAAP;AACA,OAAOC,QAAP;AACA,OAAOC,OAAP;AACA,OAAOC,MAAP;;AAQA,IAAMC,cAA6C,GAAG,SAAhDA,cAAgD,OAA2D;AAAA,MAAxDC,IAAwD,QAAxDA,IAAwD;AAAA,MAAlDC,QAAkD,QAAlDA,QAAkD;AAAA,MAArCC,SAAqC;;AAC/G,SAAOF,IAAI,KAAK,GAAT,GACH,oBAAC,OAAD;AAAS,IAAA,KAAK,EAAC,GAAf;AAAmB,IAAA,MAAM,EAAC;AAA1B,KAAwCE,SAAxC,GAAoDD,QAApD,CADG,GAEH,oBAAC,OAAD;AAAS,IAAA,MAAM,EAAC;AAAhB,KAA8BC,SAA9B,GAA0CD,QAA1C,CAFJ;AAGD,CAJD;;AAiBA,OAAO,IAAME,cAA6C,GAAG,SAAhDA,cAAgD,QAUlC;AAAA,MATzBC,SASyB,SATzBA,SASyB;AAAA,MARzBC,MAQyB,SARzBA,MAQyB;AAAA,MAPzBC,KAOyB,SAPzBA,KAOyB;AAAA,MANzBC,QAMyB,SANzBA,QAMyB;AAAA,yBALzBP,IAKyB;AAAA,MALzBA,IAKyB,2BALlB,GAKkB;AAAA,6BAJzBC,QAIyB;AAAA,MAJzBA,QAIyB,+BAJd,oBAAC,MAAD;AAAQ,IAAA,IAAI,EAAE;AAAd,IAIc;AAAA,MAHzBO,UAGyB,SAHzBA,UAGyB;AAAA,MAFzBC,MAEyB,SAFzBA,MAEyB;AAAA,MADtBP,SACsB;;AACzB,MAAMQ,QAAQ,GAAGjB,WAAW,EAA5B;AAEA,SACE;AACE,IAAA,SAAS,EAAEF,UAAU,CAACC,YAAY,CAAC,gBAAD,EAAmBkB,QAAnB,CAAb,4BAA8DV,IAA9D,EADvB;AAEE,IAAA,GAAG,EAAEQ,UAFP;AAGE,IAAA,KAAK,EAAEF,KAHT;AAIE,IAAA,SAAS,EAAEF;AAJb,KAME,oBAAC,QAAD;AACE,IAAA,SAAS,EAAC,sBADZ;AAEE,IAAA,UAAU,EAAEK;AAFd,KAGMP,SAHN,GAKGR,YAAY,CAACO,QAAD,CAAZ,IAA0B;AAAK,IAAA,SAAS,EAAC;AAAf,KAAwCA,QAAxC,CAL7B,EAME;AAAK,IAAA,SAAS,EAAC;AAAf,KACGP,YAAY,CAACW,MAAD,CAAZ,IACC,oBAAC,cAAD;AAAgB,IAAA,IAAI,EAAEL,IAAtB;AAA4B,IAAA,SAAS,EAAC;AAAtC,KAA+DK,MAA/D,CAFJ,EAIGX,YAAY,CAACa,QAAD,CAAZ,IAA0B,oBAAC,OAAD;AAAS,IAAA,MAAM,EAAC,SAAhB;AAA0B,IAAA,KAAK,EAAC,GAAhC;AAAoC,IAAA,SAAS,EAAC;AAA9C,KAA0EA,QAA1E,CAJ7B,CANF,CANF,CADF;AAsBD,CAnCM","sourcesContent":["import * as React from 'react';\nimport { classNames } from '../../lib/classNames';\nimport { getClassName } from '../../helpers/getClassName';\nimport { usePlatform } from '../../hooks/usePlatform';\nimport { hasReactNode } from '../../lib/utils';\nimport Caption from '../Typography/Caption/Caption';\nimport Tappable from '../Tappable/Tappable';\nimport Subhead from '../Typography/Subhead/Subhead';\nimport Avatar from '../Avatar/Avatar';\nimport { HasComponent, HasRef, HasRootRef } from '../../types';\nimport './HorizontalCell.css';\n\ninterface CellTypographyProps extends React.HTMLAttributes<HTMLDivElement> {\n  size: HorizontalCellProps['size'];\n}\n\nconst CellTypography: React.FC<CellTypographyProps> = ({ size, children, ...restProps }: CellTypographyProps) => {\n  return size === 's'\n    ? <Caption level=\"2\" weight=\"regular\" {...restProps}>{children}</Caption>\n    : <Subhead weight=\"regular\" {...restProps}>{children}</Subhead>;\n};\n\nexport interface HorizontalCellProps extends\n  React.AnchorHTMLAttributes<HTMLElement>,\n  HasRootRef<HTMLDivElement>,\n  HasRef<HTMLDivElement>,\n  HasComponent {\n  size?: 's' | 'm' | 'l';\n  header?: React.ReactNode;\n  subtitle?: React.ReactNode;\n  disabled?: boolean;\n}\n\nexport const HorizontalCell: React.FC<HorizontalCellProps> = ({\n  className,\n  header,\n  style,\n  subtitle,\n  size = 's',\n  children = <Avatar size={56} />,\n  getRootRef,\n  getRef,\n  ...restProps\n}: HorizontalCellProps) => {\n  const platform = usePlatform();\n\n  return (\n    <div\n      vkuiClass={classNames(getClassName('HorizontalCell', platform), `HorizontalCell--${size}`)}\n      ref={getRootRef}\n      style={style}\n      className={className}\n    >\n      <Tappable\n        vkuiClass=\"HorizontalCell__body\"\n        getRootRef={getRef}\n        {...restProps}\n      >\n        {hasReactNode(children) && <div vkuiClass=\"HorizontalCell__image\">{children}</div>}\n        <div vkuiClass=\"HorizontalCell__content\">\n          {hasReactNode(header) && (\n            <CellTypography size={size} vkuiClass=\"HorizontalCell__title\">{header}</CellTypography>\n          )}\n          {hasReactNode(subtitle) && <Caption weight=\"regular\" level=\"1\" vkuiClass=\"HorizontalCell__subtitle\">{subtitle}</Caption>}\n        </div>\n      </Tappable>\n    </div>\n  );\n};\n"],"file":"HorizontalCell.js"}

package/dist/components/HorizontalScroll/HorizontalScroll.d.ts

@@ -2,15 +2,16 @@ import * as React from 'react';
 import { AdaptivityProps } from '../../hoc/withAdaptivity';
 import { HasRef } from '../../types';
 import './HorizontalScroll.css';
+export declare type ScrollPositionHandler = (currentPosition: number) => number;
 export interface HorizontalScrollProps extends React.HTMLAttributes<HTMLDivElement>, AdaptivityProps, HasRef<HTMLDivElement> {
     /**
      * Функция для расчета величины прокрутки при клике на левую стрелку.
      */
-    getScrollToLeft?: (currentPosition: number) => number;
+    getScrollToLeft?: ScrollPositionHandler;
     /**
      * Функция для расчета величины прокрутки при клике на правую стрелку.
      */
-    getScrollToRight?: (currentPosition: number) => number;
+    getScrollToRight?: ScrollPositionHandler;
     showArrows?: boolean;
     scrollAnimationDuration?: number;
 }

package/dist/components/HorizontalScroll/HorizontalScroll.js

@@ -84,15 +84,16 @@ function doScroll(_ref) {
   })();
 }
 
-var HorizontalScroll = function HorizontalScroll(props) {
-  var children = props.children,
-      getScrollToLeft = props.getScrollToLeft,
-      getScrollToRight = props.getScrollToRight,
-      showArrows = props.showArrows,
-      scrollAnimationDuration = props.scrollAnimationDuration,
-      hasMouse = props.hasMouse,
-      getRef = props.getRef,
-      restProps = _objectWithoutProperties(props, _excluded);
+var HorizontalScroll = function HorizontalScroll(_ref2) {
+  var children = _ref2.children,
+      getScrollToLeft = _ref2.getScrollToLeft,
+      getScrollToRight = _ref2.getScrollToRight,
+      _ref2$showArrows = _ref2.showArrows,
+      showArrows = _ref2$showArrows === void 0 ? true : _ref2$showArrows,
+      scrollAnimationDuration = _ref2.scrollAnimationDuration,
+      hasMouse = _ref2.hasMouse,
+      getRef = _ref2.getRef,
+      restProps = _objectWithoutProperties(_ref2, _excluded);
 
   var _React$useState = React.useState(false),
       _React$useState2 = _slicedToArray(_React$useState, 2),
@@ -169,9 +170,6 @@ var HorizontalScroll = function HorizontalScroll(props) {
   }, children)));
 };
 
-HorizontalScroll.defaultProps = {
-  showArrows: true
-};
 export default withAdaptivity(HorizontalScroll, {
   hasMouse: true
 });

package/dist/components/HorizontalScroll/HorizontalScroll.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/HorizontalScroll/HorizontalScroll.tsx"],"names":["React","usePlatform","getClassName","withAdaptivity","HorizontalScrollArrow","easeInOutSine","useEventListener","useExternRef","now","performance","Date","SCROLL_ONE_FRAME_TIME","doScroll","scrollElement","getScrollPosition","animationQueue","onScrollToRightBorder","onScrollEnd","onScrollStart","initialScrollWidth","scrollAnimationDuration","maxLeft","offsetWidth","startLeft","scrollLeft","endLeft","startTime","scroll","time","elapsed","Math","min","value","currentLeft","ceil","max","requestAnimationFrame","shift","length","HorizontalScroll","props","children","getScrollToLeft","getScrollToRight","showArrows","hasMouse","getRef","restProps","useState","canScrollLeft","setCanScrollLeft","canScrollRight","setCanScrollRight","isCustomScrollingRef","useRef","scrollerRef","platform","scrollTo","current","push","firstElementChild","scrollWidth","onscroll","useCallback","scrollEvent","useEffect","add","defaultProps"],"mappings":"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","sourcesContent":["import * as React from 'react';\nimport { usePlatform } from '../../hooks/usePlatform';\nimport { getClassName } from '../../helpers/getClassName';\nimport { withAdaptivity, AdaptivityProps } from '../../hoc/withAdaptivity';\nimport HorizontalScrollArrow from './HorizontalScrollArrow';\nimport { easeInOutSine } from '../../lib/fx';\nimport { useEventListener } from '../../hooks/useEventListener';\nimport { useExternRef } from '../../hooks/useExternRef';\nimport { HasRef } from '../../types';\nimport './HorizontalScroll.css';\n\ninterface ScrollContext {\n  scrollElement: HTMLElement | null;\n  scrollAnimationDuration: number;\n  animationQueue: VoidFunction[];\n  getScrollPosition: (currentPosition: number) => number;\n  onScrollToRightBorder: VoidFunction;\n  onScrollEnd: VoidFunction;\n  onScrollStart: VoidFunction;\n  /**\n   * Начальная ширина прокрутки.\n   * В некоторых случаях может отличаться от текущей ширины прокрутки из-за transforms: translate\n   */\n  initialScrollWidth: number;\n}\n\nexport interface HorizontalScrollProps extends\n  React.HTMLAttributes<HTMLDivElement>,\n  AdaptivityProps,\n  HasRef<HTMLDivElement> {\n  /**\n   * Функция для расчета величины прокрутки при клике на левую стрелку.\n   */\n  getScrollToLeft?: (currentPosition: number) => number;\n  /**\n   * Функция для расчета величины прокрутки при клике на правую стрелку.\n   */\n  getScrollToRight?: (currentPosition: number) => number;\n  showArrows?: boolean;\n  scrollAnimationDuration?: number;\n}\n\n/**\n * timing method\n */\nfunction now() {\n  return performance && performance.now ? performance.now() : Date.now();\n}\n\n/**\n * Код анимации скрола, на основе полифила: https://github.com/iamdustan/smoothscroll\n * Константа взята из полифила (468), на дизайн-ревью уточнили до 250\n * @var {number} SCROLL_ONE_FRAME_TIME время анимации скролла\n */\nconst SCROLL_ONE_FRAME_TIME = 250;\n\nfunction doScroll({\n  scrollElement,\n  getScrollPosition,\n  animationQueue,\n  onScrollToRightBorder,\n  onScrollEnd,\n  onScrollStart,\n  initialScrollWidth,\n  scrollAnimationDuration = SCROLL_ONE_FRAME_TIME,\n}: ScrollContext) {\n  if (!scrollElement || !getScrollPosition) {\n    return;\n  }\n\n  /**\n   * максимальное значение сдвига влево\n   */\n  const maxLeft = initialScrollWidth - scrollElement.offsetWidth;\n\n  let startLeft = scrollElement.scrollLeft;\n  let endLeft = getScrollPosition(startLeft);\n\n  onScrollStart();\n\n  if (endLeft >= maxLeft) {\n    onScrollToRightBorder();\n    endLeft = maxLeft;\n  }\n\n  const startTime = now();\n\n  (function scroll() {\n    if (!scrollElement) {\n      onScrollEnd();\n      return;\n    }\n\n    const time = now();\n    const elapsed = Math.min((time - startTime) / scrollAnimationDuration, 1);\n\n    const value = easeInOutSine(elapsed);\n\n    const currentLeft = startLeft + (endLeft - startLeft) * value;\n    scrollElement.scrollLeft = Math.ceil(currentLeft);\n\n    if (scrollElement.scrollLeft !== Math.max(0, endLeft)) {\n      requestAnimationFrame(scroll);\n      return;\n    }\n\n    onScrollEnd();\n    animationQueue.shift();\n    if (animationQueue.length > 0) {\n      animationQueue[0]();\n    }\n  })();\n}\n\nconst HorizontalScroll: React.FC<HorizontalScrollProps> = (props: HorizontalScrollProps) => {\n  const {\n    children,\n    getScrollToLeft,\n    getScrollToRight,\n    showArrows,\n    scrollAnimationDuration,\n    hasMouse,\n    getRef,\n    ...restProps\n  } = props;\n\n  const [canScrollLeft, setCanScrollLeft] = React.useState(false);\n  const [canScrollRight, setCanScrollRight] = React.useState(false);\n\n  const isCustomScrollingRef = React.useRef(false);\n\n  const scrollerRef = useExternRef(getRef);\n\n  const animationQueue = React.useRef<VoidFunction[]>([]);\n\n  const platform = usePlatform();\n\n  function scrollTo(getScrollPosition: (offset: number) => number) {\n    const scrollElement = scrollerRef.current;\n\n    animationQueue.current.push(() => doScroll({\n      scrollElement,\n      getScrollPosition,\n      animationQueue: animationQueue.current,\n      onScrollToRightBorder: () => setCanScrollRight(false),\n      onScrollEnd: () => isCustomScrollingRef.current = false,\n      onScrollStart: () => isCustomScrollingRef.current = true,\n      initialScrollWidth: scrollElement?.firstElementChild?.scrollWidth || 0,\n      scrollAnimationDuration,\n    }));\n    if (animationQueue.current.length === 1) {\n      animationQueue.current[0]();\n    }\n  }\n\n  const onscroll = React.useCallback(() => {\n    if (showArrows && hasMouse && scrollerRef.current && !isCustomScrollingRef.current) {\n      const scrollElement = scrollerRef.current;\n\n      setCanScrollLeft(scrollElement.scrollLeft > 0);\n      setCanScrollRight(scrollElement.scrollLeft + scrollElement.offsetWidth < scrollElement.scrollWidth);\n    }\n  }, [hasMouse]);\n\n  const scrollEvent = useEventListener('scroll', onscroll);\n  React.useEffect(() => scrollEvent.add(scrollerRef.current), []);\n  React.useEffect(onscroll, [scrollerRef, children]);\n\n  return (\n    <div {...restProps} vkuiClass={getClassName('HorizontalScroll', platform)}>\n      {showArrows && hasMouse && canScrollLeft &&\n      <HorizontalScrollArrow\n        direction=\"left\"\n        onClick={() => scrollTo(getScrollToLeft)}\n      />\n      }\n      {showArrows && hasMouse && canScrollRight &&\n      <HorizontalScrollArrow\n        direction=\"right\"\n        onClick={() => scrollTo(getScrollToRight)}\n      />\n      }\n      <div vkuiClass=\"HorizontalScroll__in\" ref={scrollerRef}>\n        <div vkuiClass=\"HorizontalScroll__in-wrapper\">\n          {children}\n        </div>\n      </div>\n    </div>\n  );\n};\n\nHorizontalScroll.defaultProps = {\n  showArrows: true,\n};\n\nexport default withAdaptivity(HorizontalScroll, {\n  hasMouse: true,\n});\n"],"file":"HorizontalScroll.js"}
+{"version":3,"sources":["../../../src/components/HorizontalScroll/HorizontalScroll.tsx"],"names":["React","usePlatform","getClassName","withAdaptivity","HorizontalScrollArrow","easeInOutSine","useEventListener","useExternRef","now","performance","Date","SCROLL_ONE_FRAME_TIME","doScroll","scrollElement","getScrollPosition","animationQueue","onScrollToRightBorder","onScrollEnd","onScrollStart","initialScrollWidth","scrollAnimationDuration","maxLeft","offsetWidth","startLeft","scrollLeft","endLeft","startTime","scroll","time","elapsed","Math","min","value","currentLeft","ceil","max","requestAnimationFrame","shift","length","HorizontalScroll","children","getScrollToLeft","getScrollToRight","showArrows","hasMouse","getRef","restProps","useState","canScrollLeft","setCanScrollLeft","canScrollRight","setCanScrollRight","isCustomScrollingRef","useRef","scrollerRef","platform","scrollTo","current","push","firstElementChild","scrollWidth","onscroll","useCallback","scrollEvent","useEffect","add"],"mappings":"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","sourcesContent":["import * as React from 'react';\nimport { usePlatform } from '../../hooks/usePlatform';\nimport { getClassName } from '../../helpers/getClassName';\nimport { withAdaptivity, AdaptivityProps } from '../../hoc/withAdaptivity';\nimport HorizontalScrollArrow from './HorizontalScrollArrow';\nimport { easeInOutSine } from '../../lib/fx';\nimport { useEventListener } from '../../hooks/useEventListener';\nimport { useExternRef } from '../../hooks/useExternRef';\nimport { HasRef } from '../../types';\nimport './HorizontalScroll.css';\n\ninterface ScrollContext {\n  scrollElement: HTMLElement | null;\n  scrollAnimationDuration: number;\n  animationQueue: VoidFunction[];\n  getScrollPosition: (currentPosition: number) => number;\n  onScrollToRightBorder: VoidFunction;\n  onScrollEnd: VoidFunction;\n  onScrollStart: VoidFunction;\n  /**\n   * Начальная ширина прокрутки.\n   * В некоторых случаях может отличаться от текущей ширины прокрутки из-за transforms: translate\n   */\n  initialScrollWidth: number;\n}\n\nexport type ScrollPositionHandler = (currentPosition: number) => number;\n\nexport interface HorizontalScrollProps extends\n  React.HTMLAttributes<HTMLDivElement>,\n  AdaptivityProps,\n  HasRef<HTMLDivElement> {\n  /**\n   * Функция для расчета величины прокрутки при клике на левую стрелку.\n   */\n  getScrollToLeft?: ScrollPositionHandler;\n  /**\n   * Функция для расчета величины прокрутки при клике на правую стрелку.\n   */\n  getScrollToRight?: ScrollPositionHandler;\n  showArrows?: boolean;\n  scrollAnimationDuration?: number;\n}\n\n/**\n * timing method\n */\nfunction now() {\n  return performance && performance.now ? performance.now() : Date.now();\n}\n\n/**\n * Код анимации скрола, на основе полифила: https://github.com/iamdustan/smoothscroll\n * Константа взята из полифила (468), на дизайн-ревью уточнили до 250\n * @var {number} SCROLL_ONE_FRAME_TIME время анимации скролла\n */\nconst SCROLL_ONE_FRAME_TIME = 250;\n\nfunction doScroll({\n  scrollElement,\n  getScrollPosition,\n  animationQueue,\n  onScrollToRightBorder,\n  onScrollEnd,\n  onScrollStart,\n  initialScrollWidth,\n  scrollAnimationDuration = SCROLL_ONE_FRAME_TIME,\n}: ScrollContext) {\n  if (!scrollElement || !getScrollPosition) {\n    return;\n  }\n\n  /**\n   * максимальное значение сдвига влево\n   */\n  const maxLeft = initialScrollWidth - scrollElement.offsetWidth;\n\n  let startLeft = scrollElement.scrollLeft;\n  let endLeft = getScrollPosition(startLeft);\n\n  onScrollStart();\n\n  if (endLeft >= maxLeft) {\n    onScrollToRightBorder();\n    endLeft = maxLeft;\n  }\n\n  const startTime = now();\n\n  (function scroll() {\n    if (!scrollElement) {\n      onScrollEnd();\n      return;\n    }\n\n    const time = now();\n    const elapsed = Math.min((time - startTime) / scrollAnimationDuration, 1);\n\n    const value = easeInOutSine(elapsed);\n\n    const currentLeft = startLeft + (endLeft - startLeft) * value;\n    scrollElement.scrollLeft = Math.ceil(currentLeft);\n\n    if (scrollElement.scrollLeft !== Math.max(0, endLeft)) {\n      requestAnimationFrame(scroll);\n      return;\n    }\n\n    onScrollEnd();\n    animationQueue.shift();\n    if (animationQueue.length > 0) {\n      animationQueue[0]();\n    }\n  })();\n}\n\nconst HorizontalScroll: React.FC<HorizontalScrollProps> = ({\n  children,\n  getScrollToLeft,\n  getScrollToRight,\n  showArrows = true,\n  scrollAnimationDuration,\n  hasMouse,\n  getRef,\n  ...restProps\n}: HorizontalScrollProps) => {\n  const [canScrollLeft, setCanScrollLeft] = React.useState(false);\n  const [canScrollRight, setCanScrollRight] = React.useState(false);\n\n  const isCustomScrollingRef = React.useRef(false);\n\n  const scrollerRef = useExternRef(getRef);\n\n  const animationQueue = React.useRef<VoidFunction[]>([]);\n\n  const platform = usePlatform();\n\n  function scrollTo(getScrollPosition: (offset: number) => number) {\n    const scrollElement = scrollerRef.current;\n\n    animationQueue.current.push(() => doScroll({\n      scrollElement,\n      getScrollPosition,\n      animationQueue: animationQueue.current,\n      onScrollToRightBorder: () => setCanScrollRight(false),\n      onScrollEnd: () => isCustomScrollingRef.current = false,\n      onScrollStart: () => isCustomScrollingRef.current = true,\n      initialScrollWidth: scrollElement?.firstElementChild?.scrollWidth || 0,\n      scrollAnimationDuration,\n    }));\n    if (animationQueue.current.length === 1) {\n      animationQueue.current[0]();\n    }\n  }\n\n  const onscroll = React.useCallback(() => {\n    if (showArrows && hasMouse && scrollerRef.current && !isCustomScrollingRef.current) {\n      const scrollElement = scrollerRef.current;\n\n      setCanScrollLeft(scrollElement.scrollLeft > 0);\n      setCanScrollRight(scrollElement.scrollLeft + scrollElement.offsetWidth < scrollElement.scrollWidth);\n    }\n  }, [hasMouse]);\n\n  const scrollEvent = useEventListener('scroll', onscroll);\n  React.useEffect(() => scrollEvent.add(scrollerRef.current), []);\n  React.useEffect(onscroll, [scrollerRef, children]);\n\n  return (\n    <div {...restProps} vkuiClass={getClassName('HorizontalScroll', platform)}>\n      {showArrows && hasMouse && canScrollLeft &&\n      <HorizontalScrollArrow\n        direction=\"left\"\n        onClick={() => scrollTo(getScrollToLeft)}\n      />\n      }\n      {showArrows && hasMouse && canScrollRight &&\n      <HorizontalScrollArrow\n        direction=\"right\"\n        onClick={() => scrollTo(getScrollToRight)}\n      />\n      }\n      <div vkuiClass=\"HorizontalScroll__in\" ref={scrollerRef}>\n        <div vkuiClass=\"HorizontalScroll__in-wrapper\">\n          {children}\n        </div>\n      </div>\n    </div>\n  );\n};\n\nexport default withAdaptivity(HorizontalScroll, {\n  hasMouse: true,\n});\n"],"file":"HorizontalScroll.js"}

package/dist/components/InitialsAvatar/InitialsAvatar.d.ts

@@ -0,0 +1,33 @@
+import * as React from 'react';
+import { HasRootRef } from '../../types';
+import './InitialsAvatar.css';
+/**
+ * Градиенты, которые можно использовать в алгоритме поиска градиентов по числовому идентификатору пользователя.
+ * @example user.id % 6 + 1
+ */
+export declare type InitialsAvatarNumberGradients = 1 | 2 | 3 | 4 | 5 | 6;
+export declare type InitialsAvatarTextGradients = 'red' | 'pink' | 'orange' | 'yellow' | 'green' | 'l-blue' | 'blue' | 'violet';
+export interface InitialsAvatarProps extends React.HTMLAttributes<HTMLDivElement>, HasRootRef<HTMLDivElement> {
+    children?: React.ReactNode;
+    /**
+     * `'red' | 'pink' | 'orange' | 'yellow' | 'green' | 'l-blue' | 'blue' | 'violet'`
+     *
+     * Если передано число, то оно будет сконвертировано в строчное представление цвета по следующей схеме:
+     *
+     * 1: 'red'
+     *
+     * 2: 'orange'
+     *
+     * 3: 'yellow'
+     *
+     * 4: 'green'
+     *
+     * 5: 'l-blue'
+     *
+     * 6: 'violet'
+     */
+    gradientColor?: InitialsAvatarNumberGradients | InitialsAvatarTextGradients;
+    size?: number;
+    shadow?: boolean;
+}
+export declare const InitialsAvatar: React.FC<InitialsAvatarProps>;

package/dist/components/InitialsAvatar/InitialsAvatar.js

@@ -0,0 +1,46 @@
+import _extends from "@babel/runtime/helpers/extends";
+import _objectSpread from "@babel/runtime/helpers/objectSpread2";
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+var _excluded = ["size", "shadow", "children", "gradientColor", "style"];
+import { createScopedElement } from "../../lib/jsxRuntime";
+import { classNames } from "../../lib/classNames";
+import Avatar, { AVATAR_DEFAULT_SHADOW, AVATAR_DEFAULT_SIZE } from "../Avatar/Avatar";
+var COLORS_NUMBER_TO_TEXT_MAP = {
+  1: 'red',
+  2: 'orange',
+  3: 'yellow',
+  4: 'green',
+  5: 'l-blue',
+  6: 'violet'
+};
+
+function getInitialsFontSize(avatarSize) {
+  var calculatedFontSize = Math.ceil(avatarSize * 0.36);
+  var evenFix = calculatedFontSize % 2;
+  return calculatedFontSize + evenFix;
+}
+
+export var InitialsAvatar = function InitialsAvatar(_ref) {
+  var _ref$size = _ref.size,
+      size = _ref$size === void 0 ? AVATAR_DEFAULT_SIZE : _ref$size,
+      _ref$shadow = _ref.shadow,
+      shadow = _ref$shadow === void 0 ? AVATAR_DEFAULT_SHADOW : _ref$shadow,
+      children = _ref.children,
+      gradientColor = _ref.gradientColor,
+      style = _ref.style,
+      restProps = _objectWithoutProperties(_ref, _excluded);
+
+  var gradientName = typeof gradientColor === 'string' ? gradientColor : COLORS_NUMBER_TO_TEXT_MAP[gradientColor];
+  return createScopedElement(Avatar, _extends({}, restProps, {
+    style: _objectSpread(_objectSpread({}, style), {}, {
+      fontSize: getInitialsFontSize(size)
+    }),
+    shadow: shadow,
+    size: size,
+    vkuiClass: classNames('InitialsAvatar', "InitialsAvatar--color-".concat(gradientName))
+  }), createScopedElement("span", {
+    "aria-hidden": "true",
+    vkuiClass: "InitialsAvatar__text"
+  }, children));
+};
+//# sourceMappingURL=InitialsAvatar.js.map

package/dist/components/InitialsAvatar/InitialsAvatar.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/InitialsAvatar/InitialsAvatar.tsx"],"names":["classNames","Avatar","AVATAR_DEFAULT_SHADOW","AVATAR_DEFAULT_SIZE","COLORS_NUMBER_TO_TEXT_MAP","getInitialsFontSize","avatarSize","calculatedFontSize","Math","ceil","evenFix","InitialsAvatar","size","shadow","children","gradientColor","style","restProps","gradientName","fontSize"],"mappings":";;;;;AAEA,SAASA,UAAT;AACA,OAAOC,MAAP,IAAiBC,qBAAjB,EAAwCC,mBAAxC;AA0CA,IAAMC,yBAA6F,GAAG;AACpG,KAAG,KADiG;AAEpG,KAAG,QAFiG;AAGpG,KAAG,QAHiG;AAIpG,KAAG,OAJiG;AAKpG,KAAG,QALiG;AAMpG,KAAG;AANiG,CAAtG;;AASA,SAASC,mBAAT,CAA6BC,UAA7B,EAAiD;AAC/C,MAAMC,kBAAkB,GAAGC,IAAI,CAACC,IAAL,CAAUH,UAAU,GAAG,IAAvB,CAA3B;AACA,MAAMI,OAAO,GAAGH,kBAAkB,GAAG,CAArC;AACA,SAAOA,kBAAkB,GAAGG,OAA5B;AACD;;AAED,OAAO,IAAMC,cAA6C,GAAG,SAAhDA,cAAgD,OAOlC;AAAA,uBANzBC,IAMyB;AAAA,MANzBA,IAMyB,0BANlBT,mBAMkB;AAAA,yBALzBU,MAKyB;AAAA,MALzBA,MAKyB,4BALhBX,qBAKgB;AAAA,MAJzBY,QAIyB,QAJzBA,QAIyB;AAAA,MAHzBC,aAGyB,QAHzBA,aAGyB;AAAA,MAFzBC,KAEyB,QAFzBA,KAEyB;AAAA,MADtBC,SACsB;;AACzB,MAAMC,YAAY,GAAG,OAAOH,aAAP,KAAyB,QAAzB,GAAoCA,aAApC,GAAoDX,yBAAyB,CAACW,aAAD,CAAlG;AAEA,SACE,oBAAC,MAAD,eACME,SADN;AAEE,IAAA,KAAK,kCACAD,KADA;AAEHG,MAAAA,QAAQ,EAAEd,mBAAmB,CAACO,IAAD;AAF1B,MAFP;AAME,IAAA,MAAM,EAAEC,MANV;AAOE,IAAA,IAAI,EAAED,IAPR;AAQE,IAAA,SAAS,EAAEZ,UAAU,CACnB,gBADmB,kCAEMkB,YAFN;AARvB,MAaE;AAAM,mBAAY,MAAlB;AAAyB,IAAA,SAAS,EAAC;AAAnC,KACGJ,QADH,CAbF,CADF;AAmBD,CA7BM","sourcesContent":["import * as React from 'react';\nimport { HasRootRef } from '../../types';\nimport { classNames } from '../../lib/classNames';\nimport Avatar, { AVATAR_DEFAULT_SHADOW, AVATAR_DEFAULT_SIZE } from '../Avatar/Avatar';\nimport './InitialsAvatar.css';\n\n/**\n * Градиенты, которые можно использовать в алгоритме поиска градиентов по числовому идентификатору пользователя.\n * @example user.id % 6 + 1\n */\nexport type InitialsAvatarNumberGradients = 1 | 2 | 3 | 4 | 5 | 6;\nexport type InitialsAvatarTextGradients =\n  | 'red'\n  | 'pink'\n  | 'orange'\n  | 'yellow'\n  | 'green'\n  | 'l-blue'\n  | 'blue'\n  | 'violet';\n\nexport interface InitialsAvatarProps extends React.HTMLAttributes<HTMLDivElement>, HasRootRef<HTMLDivElement> {\n  children?: React.ReactNode;\n  /**\n   * `'red' | 'pink' | 'orange' | 'yellow' | 'green' | 'l-blue' | 'blue' | 'violet'`\n   *\n   * Если передано число, то оно будет сконвертировано в строчное представление цвета по следующей схеме:\n   *\n   * 1: 'red'\n   *\n   * 2: 'orange'\n   *\n   * 3: 'yellow'\n   *\n   * 4: 'green'\n   *\n   * 5: 'l-blue'\n   *\n   * 6: 'violet'\n   */\n  gradientColor?: InitialsAvatarNumberGradients | InitialsAvatarTextGradients;\n  size?: number;\n  shadow?: boolean;\n}\n\nconst COLORS_NUMBER_TO_TEXT_MAP: Record<InitialsAvatarNumberGradients, InitialsAvatarTextGradients> = {\n  1: 'red',\n  2: 'orange',\n  3: 'yellow',\n  4: 'green',\n  5: 'l-blue',\n  6: 'violet',\n};\n\nfunction getInitialsFontSize(avatarSize: number) {\n  const calculatedFontSize = Math.ceil(avatarSize * 0.36);\n  const evenFix = calculatedFontSize % 2;\n  return calculatedFontSize + evenFix;\n}\n\nexport const InitialsAvatar: React.FC<InitialsAvatarProps> = ({\n  size = AVATAR_DEFAULT_SIZE,\n  shadow = AVATAR_DEFAULT_SHADOW,\n  children,\n  gradientColor,\n  style,\n  ...restProps\n}: InitialsAvatarProps) => {\n  const gradientName = typeof gradientColor === 'string' ? gradientColor : COLORS_NUMBER_TO_TEXT_MAP[gradientColor];\n\n  return (\n    <Avatar\n      {...restProps}\n      style={{\n        ...style,\n        fontSize: getInitialsFontSize(size),\n      }}\n      shadow={shadow}\n      size={size}\n      vkuiClass={classNames(\n        'InitialsAvatar',\n        `InitialsAvatar--color-${gradientName}`,\n      )}\n    >\n      <span aria-hidden=\"true\" vkuiClass=\"InitialsAvatar__text\">\n        {children}\n      </span>\n    </Avatar>\n  );\n};\n"],"file":"InitialsAvatar.js"}

package/dist/components/Link/Link.d.ts

@@ -1,7 +1,6 @@
 import * as React from 'react';
 import { TappableProps } from '../Tappable/Tappable';
 import './Link.css';
-export interface LinkProps extends React.AnchorHTMLAttributes<HTMLElement>, TappableProps {
-}
+export declare type LinkProps = TappableProps;
 declare const Link: React.FC<LinkProps>;
 export default Link;

package/dist/components/Link/Link.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/Link/Link.tsx"],"names":["getClassName","usePlatform","Tappable","Link","children","restProps","platform","href"],"mappings":";;;;AACA,SAASA,YAAT;AACA,SAASC,WAAT;AACA,OAAOC,QAAP;;AAKA,IAAMC,IAAyB,GAAG,SAA5BA,IAA4B,OAGjB;AAAA,MAFfC,QAEe,QAFfA,QAEe;AAAA,MADZC,SACY;;AACf,MAAMC,QAAQ,GAAGL,WAAW,EAA5B;AAEA,SACE,oBAAC,QAAD;AACE,IAAA,SAAS,EAAEI,SAAS,CAACE,IAAV,GAAiB,GAAjB,GAAuB;AADpC,KAEMF,SAFN;AAGE,IAAA,SAAS,EAAEL,YAAY,CAAC,MAAD,EAASM,QAAT,CAHzB;AAIE,IAAA,SAAS,EAAE,KAJb;AAKE,IAAA,SAAS,EAAC,SALZ;AAME,IAAA,gBAAgB,EAAC;AANnB,MAQGF,QARH,CADF;AAYD,CAlBD;;AAoBA,eAAeD,IAAf","sourcesContent":["import * as React from 'react';\nimport { getClassName } from '../../helpers/getClassName';\nimport { usePlatform } from '../../hooks/usePlatform';\nimport Tappable, { TappableProps } from '../Tappable/Tappable';\nimport './Link.css';\n\nexport interface LinkProps extends React.AnchorHTMLAttributes<HTMLElement>, TappableProps {}\n\nconst Link: React.FC<LinkProps> = ({\n  children,\n  ...restProps\n}: LinkProps) => {\n  const platform = usePlatform();\n\n  return (\n    <Tappable\n      Component={restProps.href ? 'a' : 'button'}\n      {...restProps}\n      vkuiClass={getClassName('Link', platform)}\n      hasActive={false}\n      hoverMode=\"opacity\"\n      focusVisibleMode=\"outside\"\n    >\n      {children}\n    </Tappable>\n  );\n};\n\nexport default Link;\n"],"file":"Link.js"}
+{"version":3,"sources":["../../../src/components/Link/Link.tsx"],"names":["getClassName","usePlatform","Tappable","Link","children","restProps","platform","href"],"mappings":";;;;AACA,SAASA,YAAT;AACA,SAASC,WAAT;AACA,OAAOC,QAAP;;AAKA,IAAMC,IAAyB,GAAG,SAA5BA,IAA4B,OAGjB;AAAA,MAFfC,QAEe,QAFfA,QAEe;AAAA,MADZC,SACY;;AACf,MAAMC,QAAQ,GAAGL,WAAW,EAA5B;AAEA,SACE,oBAAC,QAAD;AACE,IAAA,SAAS,EAAEI,SAAS,CAACE,IAAV,GAAiB,GAAjB,GAAuB;AADpC,KAEMF,SAFN;AAGE,IAAA,SAAS,EAAEL,YAAY,CAAC,MAAD,EAASM,QAAT,CAHzB;AAIE,IAAA,SAAS,EAAE,KAJb;AAKE,IAAA,SAAS,EAAC,SALZ;AAME,IAAA,gBAAgB,EAAC;AANnB,MAQGF,QARH,CADF;AAYD,CAlBD;;AAoBA,eAAeD,IAAf","sourcesContent":["import * as React from 'react';\nimport { getClassName } from '../../helpers/getClassName';\nimport { usePlatform } from '../../hooks/usePlatform';\nimport Tappable, { TappableProps } from '../Tappable/Tappable';\nimport './Link.css';\n\nexport type LinkProps = TappableProps;\n\nconst Link: React.FC<LinkProps> = ({\n  children,\n  ...restProps\n}: LinkProps) => {\n  const platform = usePlatform();\n\n  return (\n    <Tappable\n      Component={restProps.href ? 'a' : 'button'}\n      {...restProps}\n      vkuiClass={getClassName('Link', platform)}\n      hasActive={false}\n      hoverMode=\"opacity\"\n      focusVisibleMode=\"outside\"\n    >\n      {children}\n    </Tappable>\n  );\n};\n\nexport default Link;\n"],"file":"Link.js"}