npm - @vkontakte/vkui - Versions diffs - 4.22.2 → 4.25.1 - Mend

@vkontakte/vkui 4.22.2 → 4.25.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (2336) hide show

package/dist/cjs/components/Snackbar/Snackbar.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../../src/components/Snackbar/Snackbar.tsx"],"names":["SnackbarComponent","props","children","layout","action","before","after","viewWidth","duration","onActionClick","onClose","restProps","platform","waitTransitionFinish","React","useState","closing","setClosing","touched","setTouched","shiftXPercentRef","useRef","shiftXCurrentRef","bodyElRef","innerElRef","animationFrameRef","isDesktop","ViewWidth","SMALL_TABLET","transitionFinishDurationFallback","ANDROID","VKCOM","close","current","handleActionClick","e","closeTimeout","setBodyTransform","percent","cancelAnimationFrame","requestAnimationFrame","style","transform","onTouchStart","clear","onTouchMoveX","event","shiftX","originalEvent","preventDefault","offsetWidth","onTouchEnd","callback","shiftXCurrent","expectTranslateY","set","useEffect","resolvedLayout","displayName","defaultProps","Snackbar"],"mappings":";;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AAEA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;AAoCA,IAAMA,iBAA0C,GAAG,SAA7CA,iBAA6C,CAACC,KAAD,EAA0B;AAC3E,MACEC,QADF,GAWID,KAXJ,CACEC,QADF;AAAA,MAEEC,MAFF,GAWIF,KAXJ,CAEEE,MAFF;AAAA,MAGEC,MAHF,GAWIH,KAXJ,CAGEG,MAHF;AAAA,MAIEC,MAJF,GAWIJ,KAXJ,CAIEI,MAJF;AAAA,MAKEC,KALF,GAWIL,KAXJ,CAKEK,KALF;AAAA,MAMEC,SANF,GAWIN,KAXJ,CAMEM,SANF;AAAA,MAOEC,QAPF,GAWIP,KAXJ,CAOEO,QAPF;AAAA,MAQEC,aARF,GAWIR,KAXJ,CAQEQ,aARF;AAAA,MASEC,OATF,GAWIT,KAXJ,CASES,OATF;AAAA,MAUKC,SAVL,0CAWIV,KAXJ;AAaA,MAAMW,QAAQ,GAAG,+BAAjB;;AAEA,8BAAiC,uDAAjC;AAAA,MAAQC,oBAAR,yBAAQA,oBAAR;;AAEA,wBAA8BC,KAAK,CAACC,QAAN,CAAe,KAAf,CAA9B;AAAA;AAAA,MAAOC,OAAP;AAAA,MAAgBC,UAAhB;;AACA,yBAA8BH,KAAK,CAACC,QAAN,CAAe,KAAf,CAA9B;AAAA;AAAA,MAAOG,OAAP;AAAA,MAAgBC,UAAhB;;AAEA,MAAMC,gBAAgB,GAAGN,KAAK,CAACO,MAAN,CAAqB,CAArB,CAAzB;AACA,MAAMC,gBAAgB,GAAGR,KAAK,CAACO,MAAN,CAAqB,CAArB,CAAzB;AAEA,MAAME,SAAS,GAAGT,KAAK,CAACO,MAAN,CAAoC,IAApC,CAAlB;AACA,MAAMG,UAAU,GAAGV,KAAK,CAACO,MAAN,CAAoC,IAApC,CAAnB;AAEA,MAAMI,iBAAiB,GAAGX,KAAK,CAACO,MAAN,CAA8D,IAA9D,CAA1B;AAEA,MAAMK,SAAS,GAAGnB,SAAS,IAAIoB,0BAAUC,YAAzC;AACA,MAAMC,gCAAgC,GAAGjB,QAAQ,KAAKkB,iBAAb,IAAwBlB,QAAQ,KAAKmB,eAArC,GAA6C,GAA7C,GAAmD,GAA5F;;AAEA,MAAMC,KAAK,GAAG,SAARA,KAAQ,GAAM;AAClBf,IAAAA,UAAU,CAAC,IAAD,CAAV;AACAJ,IAAAA,oBAAoB,CAACW,UAAU,CAACS,OAAZ,EAAqB,YAAM;AAC7CvB,MAAAA,OAAO;AACR,KAFmB,EAEjBmB,gCAFiB,CAApB;AAGD,GALD;;AAOA,MAAMK,iBAAuD,GAAG,SAA1DA,iBAA0D,CAACC,CAAD,EAAO;AACrEH,IAAAA,KAAK;;AAEL,QAAI5B,MAAM,IAAI,OAAOK,aAAP,KAAyB,UAAvC,EAAmD;AACjDA,MAAAA,aAAa,CAAC0B,CAAD,CAAb;AACD;AACF,GAND;;AAQA,MAAMC,YAAY,GAAG,4BAAWJ,KAAX,EAAkBxB,QAAlB,CAArB;;AAEA,MAAM6B,gBAAgB,GAAG,SAAnBA,gBAAmB,CAACC,OAAD,EAAqB;AAC5CC,IAAAA,oBAAoB,CAACd,iBAAiB,CAACQ,OAAnB,CAApB;AACAR,IAAAA,iBAAiB,CAACQ,OAAlB,GAA4BO,qBAAqB,CAAC,YAAM;AACtD,UAAIjB,SAAS,CAACU,OAAd,EAAuB;AACrBV,QAAAA,SAAS,CAACU,OAAV,CAAkBQ,KAAlB,CAAwBC,SAAxB,yBAAmDJ,OAAnD;AACD;AACF,KAJgD,CAAjD;AAKD,GAPD;;AASA,MAAMK,YAAY,GAAGP,YAAY,CAACQ,KAAlC;;AAEA,MAAMC,YAAY,GAAG,SAAfA,YAAe,CAACC,KAAD,EAAuB;AAC1C,QAAQC,MAAR,GAAkCD,KAAlC,CAAQC,MAAR;AAAA,QAAgBC,aAAhB,GAAkCF,KAAlC,CAAgBE,aAAhB;AACAA,IAAAA,aAAa,CAACC,cAAd;;AAEA,QAAI,CAAC/B,OAAL,EAAc;AACZC,MAAAA,UAAU,CAAC,IAAD,CAAV;AACD;;AAEDC,IAAAA,gBAAgB,CAACa,OAAjB,GAA2Bc,MAAM,GAAGxB,SAAS,CAACU,OAAV,CAAkBiB,WAA3B,GAAyC,GAApE;AACA5B,IAAAA,gBAAgB,CAACW,OAAjB,GAA2B,mBAAOb,gBAAgB,CAACa,OAAxB,EAAiC,EAAjC,EAAqC,GAArC,EAA0CrB,QAAQ,KAAKkB,iBAAb,IAAwBlB,QAAQ,KAAKmB,eAA/E,CAA3B;AAEAM,IAAAA,gBAAgB,CAACf,gBAAgB,CAACW,OAAlB,CAAhB;AACD,GAZD;;AAcA,MAAMkB,UAAU,GAAG,SAAbA,UAAa,CAAChB,CAAD,EAAmB;AACpC,QAAIiB,QAAJ;;AAEA,QAAIlC,OAAJ,EAAa;AACX,UAAImC,aAAa,GAAG/B,gBAAgB,CAACW,OAArC;AACA,UAAMqB,gBAAgB,GAAGD,aAAa,GAAGlB,CAAC,CAAC3B,QAAlB,GAA6B,GAA7B,GAAmC,GAA5D;AACA6C,MAAAA,aAAa,GAAGA,aAAa,GAAGC,gBAAhC;;AAEA,UAAI5B,SAAS,IAAI2B,aAAa,IAAI,CAAC,EAAnC,EAAuC;AACrCjB,QAAAA,YAAY,CAACQ,KAAb;AACA/B,QAAAA,oBAAoB,CAACU,SAAS,CAACU,OAAX,EAAoB,YAAM;AAC5CvB,UAAAA,OAAO;AACR,SAFmB,EAEjBmB,gCAFiB,CAApB;AAGAQ,QAAAA,gBAAgB,CAAC,CAAC,GAAF,CAAhB;AACD,OAND,MAMO,IAAI,CAACX,SAAD,IAAc2B,aAAa,IAAI,EAAnC,EAAuC;AAC5CjB,QAAAA,YAAY,CAACQ,KAAb;AACA/B,QAAAA,oBAAoB,CAACU,SAAS,CAACU,OAAX,EAAoB,YAAM;AAC5CvB,UAAAA,OAAO;AACR,SAFmB,EAEjBmB,gCAFiB,CAApB;AAGAQ,QAAAA,gBAAgB,CAAC,GAAD,CAAhB;AACD,OANM,MAMA;AACLe,QAAAA,QAAQ,GAAG,oBAAM;AACfhB,UAAAA,YAAY,CAACmB,GAAb;AACAlB,UAAAA,gBAAgB,CAAC,CAAD,CAAhB;AACD,SAHD;AAID;AACF,KAvBD,MAuBO;AACLD,MAAAA,YAAY,CAACmB,GAAb;AACD;;AAEDpC,IAAAA,UAAU,CAAC,KAAD,CAAV;AACAiC,IAAAA,QAAQ,IAAIZ,qBAAqB,CAACY,QAAD,CAAjC;AACD,GAhCD;;AAkCAtC,EAAAA,KAAK,CAAC0C,SAAN,CAAgBpB,YAAY,CAACmB,GAA7B,EAAkC,EAAlC;AAEA,MAAME,cAAc,GAAGnD,KAAK,IAAIoB,SAAT,GAAqB,UAArB,GAAkCvB,MAAzD;AAEA,SACE,qCAAC,4BAAD,QACE,uEACMQ,SADN;AAEE,IAAA,SAAS,EAAE,4BAAW,gCAAa,UAAb,EAAyBC,QAAzB,CAAX,wBAA8D6C,cAA9D,GAAgF;AACzF,2BAAqBzC,OADoE;AAEzF,2BAAqBE,OAFoE;AAGzF,2BAAqBQ;AAHoE,KAAhF;AAFb,MAQE,qCAAC,YAAD;AACE,IAAA,SAAS,EAAC,cADZ;AAEE,IAAA,UAAU,EAAEF,UAFd;AAGE,IAAA,OAAO,EAAEmB,YAHX;AAIE,IAAA,OAAO,EAAEE,YAJX;AAKE,IAAA,KAAK,EAAEM;AALT,KAOE;AAAK,IAAA,SAAS,EAAC,gBAAf;AAAgC,IAAA,GAAG,EAAE5B;AAArC,KACGlB,MAAM,IACP;AAAK,IAAA,SAAS,EAAC;AAAf,KACGA,MADH,CAFF,EAME;AAAK,IAAA,SAAS,EAAC;AAAf,KACE,qCAAC,aAAD;AAAM,IAAA,MAAM,EAAC,SAAb;AAAuB,IAAA,SAAS,EAAC;AAAjC,KAA2DH,QAA3D,CADF,EAGGE,MAAM,IACP,qCAAC,eAAD;AAAQ,IAAA,KAAK,EAAC,MAAd;AAAqB,IAAA,QAAQ,EAAE,KAA/B;AAAsC,IAAA,IAAI,EAAC,UAA3C;AAAsD,IAAA,IAAI,EAAC,GAA3D;AAA+D,IAAA,SAAS,EAAC,kBAAzE;AAA4F,IAAA,OAAO,EAAE8B;AAArG,KACG9B,MADH,CAJF,CANF,EAeGE,KAAK,IACN;AAAK,IAAA,SAAS,EAAC;AAAf,KACGA,KADH,CAhBF,CAPF,CARF,CADF,CADF;AAyCD,CAzJD;;AA2JAN,iBAAiB,CAAC0D,WAAlB,GAAgC,UAAhC;AAEA1D,iBAAiB,CAAC2D,YAAlB,GAAiC;AAC/BnD,EAAAA,QAAQ,EAAE,IADqB;AAE/BL,EAAAA,MAAM,EAAE;AAFuB,CAAjC;AAKO,IAAMyD,QAAQ,GAAG,oCAAe5D,iBAAf,EAAkC;AACxDO,EAAAA,SAAS,EAAE;AAD6C,CAAlC,CAAjB","sourcesContent":["import * as React from 'react';\nimport { Touch, TouchEvent } from '../Touch/Touch';\nimport { classNames } from '../../lib/classNames';\nimport { HasPlatform } from '../../types';\nimport { getClassName } from '../../helpers/getClassName';\nimport { ANDROID, VKCOM } from '../../lib/platform';\nimport { rubber } from '../../lib/touch';\nimport { withAdaptivity, AdaptivityProps, ViewWidth } from '../../hoc/withAdaptivity';\nimport Text from '../Typography/Text/Text';\nimport Button from '../Button/Button';\nimport { AppRootPortal } from '../AppRoot/AppRootPortal';\nimport { useWaitTransitionFinish } from '../../hooks/useWaitTransitionFinish';\nimport { usePlatform } from '../../hooks/usePlatform';\nimport { useTimeout } from '../../hooks/useTimeout';\nimport './Snackbar.css';\n\nexport interface SnackbarProps extends React.HTMLAttributes<HTMLElement>, HasPlatform, AdaptivityProps {\n /*\n Название кнопки действия в уведомлении\n /\n action?: string \| React.ComponentType;\n\n /\n Будет вызвано при клике на кнопку действия\n /\n onActionClick?: (e: React.MouseEvent) => void;\n\n /\n Цветная иконка 24x24 пикселя\n /\n before?: React.ReactNode;\n /\n Контент в правой части, может быть `<Avatar size={32} />`\n /\n after?: React.ReactNode;\n /\n Варианты расположения кнопки\n /\n layout?: 'vertical' \| 'horizontal';\n /\n Время в миллисекундах, через которое плашка скроется\n /\n duration?: number;\n /\n Обработчик закрытия уведомления\n /\n onClose: () => void;\n}\n\nconst SnackbarComponent: React.FC<SnackbarProps> = (props: SnackbarProps) => {\n const {\n children,\n layout,\n action,\n before,\n after,\n viewWidth,\n duration,\n onActionClick,\n onClose,\n ...restProps\n } = props;\n\n const platform = usePlatform();\n\n const { waitTransitionFinish } = useWaitTransitionFinish();\n\n const [closing, setClosing] = React.useState(false);\n const [touched, setTouched] = React.useState(false);\n\n const shiftXPercentRef = React.useRef<number>(0);\n const shiftXCurrentRef = React.useRef<number>(0);\n\n const bodyElRef = React.useRef<HTMLDivElement \| null>(null);\n const innerElRef = React.useRef<HTMLDivElement \| null>(null);\n\n const animationFrameRef = React.useRef<ReturnType<typeof requestAnimationFrame> \| null>(null);\n\n const isDesktop = viewWidth >= ViewWidth.SMALL_TABLET;\n const transitionFinishDurationFallback = platform === ANDROID \|\| platform === VKCOM ? 400 : 320;\n\n const close = () => {\n setClosing(true);\n waitTransitionFinish(innerElRef.current, () => {\n onClose();\n }, transitionFinishDurationFallback);\n };\n\n const handleActionClick: React.MouseEventHandler<HTMLElement> = (e) => {\n close();\n\n if (action && typeof onActionClick === 'function') {\n onActionClick(e);\n }\n };\n\n const closeTimeout = useTimeout(close, duration);\n\n const setBodyTransform = (percent: number) => {\n cancelAnimationFrame(animationFrameRef.current);\n animationFrameRef.current = requestAnimationFrame(() => {\n if (bodyElRef.current) {\n bodyElRef.current.style.transform = `translate3d(${percent}%, 0, 0)`;\n }\n });\n };\n\n const onTouchStart = closeTimeout.clear;\n\n const onTouchMoveX = (event: TouchEvent) => {\n const { shiftX, originalEvent } = event;\n originalEvent.preventDefault();\n\n if (!touched) {\n setTouched(true);\n }\n\n shiftXPercentRef.current = shiftX / bodyElRef.current.offsetWidth 100;\n shiftXCurrentRef.current = rubber(shiftXPercentRef.current, 72, 1.2, platform === ANDROID \|\| platform === VKCOM);\n\n setBodyTransform(shiftXCurrentRef.current);\n };\n\n const onTouchEnd = (e: TouchEvent) => {\n let callback: VoidFunction \| undefined;\n\n if (touched) {\n let shiftXCurrent = shiftXCurrentRef.current;\n const expectTranslateY = shiftXCurrent / e.duration * 240 * 0.6;\n shiftXCurrent = shiftXCurrent + expectTranslateY;\n\n if (isDesktop && shiftXCurrent <= -50) {\n closeTimeout.clear();\n waitTransitionFinish(bodyElRef.current, () => {\n onClose();\n }, transitionFinishDurationFallback);\n setBodyTransform(-120);\n } else if (!isDesktop && shiftXCurrent >= 50) {\n closeTimeout.clear();\n waitTransitionFinish(bodyElRef.current, () => {\n onClose();\n }, transitionFinishDurationFallback);\n setBodyTransform(120);\n } else {\n callback = () => {\n closeTimeout.set();\n setBodyTransform(0);\n };\n }\n } else {\n closeTimeout.set();\n }\n\n setTouched(false);\n callback && requestAnimationFrame(callback);\n };\n\n React.useEffect(closeTimeout.set, []);\n\n const resolvedLayout = after \|\| isDesktop ? 'vertical' : layout;\n\n return (\n <AppRootPortal>\n <div\n {...restProps}\n vkuiClass={classNames(getClassName('Snackbar', platform), `Snackbar--l-${resolvedLayout}`, {\n 'Snackbar--closing': closing,\n 'Snackbar--touched': touched,\n 'Snackbar--desktop': isDesktop,\n })}\n >\n <Touch\n vkuiClass=\"Snackbar__in\"\n getRootRef={innerElRef}\n onStart={onTouchStart}\n onMoveX={onTouchMoveX}\n onEnd={onTouchEnd}\n >\n <div vkuiClass=\"Snackbar__body\" ref={bodyElRef}>\n {before &&\n <div vkuiClass=\"Snackbar__before\">\n {before}\n </div>}\n\n <div vkuiClass=\"Snackbar__content\">\n <Text weight=\"regular\" vkuiClass=\"Snackbar__content-text\">{children}</Text>\n\n {action &&\n <Button align=\"left\" hasHover={false} mode=\"tertiary\" size=\"s\" vkuiClass=\"Snackbar__action\" onClick={handleActionClick}>\n {action}\n </Button>}\n </div>\n\n {after &&\n <div vkuiClass=\"Snackbar__after\">\n {after}\n </div>}\n </div>\n </Touch>\n </div>\n </AppRootPortal>\n );\n};\n\nSnackbarComponent.displayName = 'Snackbar';\n\nSnackbarComponent.defaultProps = {\n duration: 4000,\n layout: 'horizontal',\n};\n\nexport const Snackbar = withAdaptivity(SnackbarComponent, {\n viewWidth: true,\n});\n"],"file":"Snackbar.js"}
1	+ {"version":3,"sources":["../../../../src/components/Snackbar/Snackbar.tsx"],"names":["SnackbarComponent","props","children","layout","action","before","after","viewWidth","duration","onActionClick","onClose","restProps","platform","waitTransitionFinish","React","useState","closing","setClosing","touched","setTouched","shiftXPercentRef","useRef","shiftXCurrentRef","bodyElRef","innerElRef","animationFrameRef","isDesktop","ViewWidth","SMALL_TABLET","transitionFinishDurationFallback","ANDROID","VKCOM","close","current","handleActionClick","e","closeTimeout","setBodyTransform","percent","cancelAnimationFrame","requestAnimationFrame","style","transform","onTouchStart","clear","onTouchMoveX","event","shiftX","originalEvent","preventDefault","offsetWidth","onTouchEnd","callback","shiftXCurrent","expectTranslateY","set","useEffect","resolvedLayout","displayName","defaultProps","Snackbar"],"mappings":"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","sourcesContent":["import * as React from \"react\";\nimport { Touch, TouchEvent } from \"../Touch/Touch\";\nimport { classNames } from \"../../lib/classNames\";\nimport { HasPlatform } from \"../../types\";\nimport { getClassName } from \"../../helpers/getClassName\";\nimport { ANDROID, VKCOM } from \"../../lib/platform\";\nimport { rubber } from \"../../lib/touch\";\nimport { withAdaptivity, ViewWidth } from \"../../hoc/withAdaptivity\";\nimport Text from \"../Typography/Text/Text\";\nimport Button from \"../Button/Button\";\nimport { AppRootPortal } from \"../AppRoot/AppRootPortal\";\nimport { useWaitTransitionFinish } from \"../../hooks/useWaitTransitionFinish\";\nimport { usePlatform } from \"../../hooks/usePlatform\";\nimport { useTimeout } from \"../../hooks/useTimeout\";\nimport { AdaptivityContextInterface } from \"../AdaptivityProvider/AdaptivityContext\";\nimport \"./Snackbar.css\";\n\nexport interface SnackbarProps\n extends React.HTMLAttributes<HTMLElement>,\n HasPlatform,\n AdaptivityContextInterface {\n /*\n Название кнопки действия в уведомлении\n /\n action?: string \| React.ComponentType;\n\n /\n Будет вызвано при клике на кнопку действия\n /\n onActionClick?: (e: React.MouseEvent) => void;\n\n /\n Цветная иконка 24x24 пикселя\n /\n before?: React.ReactNode;\n /\n Контент в правой части, может быть `<Avatar size={32} />`\n /\n after?: React.ReactNode;\n /\n Варианты расположения кнопки\n /\n layout?: \"vertical\" \| \"horizontal\";\n /\n Время в миллисекундах, через которое плашка скроется\n /\n duration?: number;\n /\n Обработчик закрытия уведомления\n /\n onClose: () => void;\n}\n\nconst SnackbarComponent: React.FC<SnackbarProps> = (props: SnackbarProps) => {\n const {\n children,\n layout,\n action,\n before,\n after,\n viewWidth,\n duration = 0,\n onActionClick,\n onClose,\n ...restProps\n } = props;\n\n const platform = usePlatform();\n\n const { waitTransitionFinish } = useWaitTransitionFinish();\n\n const [closing, setClosing] = React.useState(false);\n const [touched, setTouched] = React.useState(false);\n\n const shiftXPercentRef = React.useRef<number>(0);\n const shiftXCurrentRef = React.useRef<number>(0);\n\n const bodyElRef = React.useRef<HTMLDivElement \| null>(null);\n const innerElRef = React.useRef<HTMLDivElement \| null>(null);\n\n const animationFrameRef = React.useRef<ReturnType<\n typeof requestAnimationFrame\n > \| null>(null);\n\n const isDesktop = viewWidth >= ViewWidth.SMALL_TABLET;\n const transitionFinishDurationFallback =\n platform === ANDROID \|\| platform === VKCOM ? 400 : 320;\n\n const close = () => {\n setClosing(true);\n waitTransitionFinish(\n innerElRef.current,\n () => {\n onClose();\n },\n transitionFinishDurationFallback\n );\n };\n\n const handleActionClick: React.MouseEventHandler<HTMLElement> = (e) => {\n close();\n\n if (action && typeof onActionClick === \"function\") {\n onActionClick(e);\n }\n };\n\n const closeTimeout = useTimeout(close, duration);\n\n const setBodyTransform = (percent: number) => {\n if (animationFrameRef.current !== null) {\n cancelAnimationFrame(animationFrameRef.current);\n }\n animationFrameRef.current = requestAnimationFrame(() => {\n if (bodyElRef.current) {\n bodyElRef.current.style.transform = `translate3d(${percent}%, 0, 0)`;\n }\n });\n };\n\n const onTouchStart = closeTimeout.clear;\n\n const onTouchMoveX = (event: TouchEvent) => {\n const { shiftX, originalEvent } = event;\n originalEvent.preventDefault();\n\n if (!touched) {\n setTouched(true);\n }\n\n shiftXPercentRef.current =\n (shiftX / (bodyElRef.current?.offsetWidth ?? 0)) 100;\n shiftXCurrentRef.current = rubber(\n shiftXPercentRef.current,\n 72,\n 1.2,\n platform === ANDROID \|\| platform === VKCOM\n );\n\n setBodyTransform(shiftXCurrentRef.current);\n };\n\n const onTouchEnd = (e: TouchEvent) => {\n let callback: VoidFunction \| undefined;\n\n if (touched) {\n let shiftXCurrent = shiftXCurrentRef.current;\n const expectTranslateY = (shiftXCurrent / e.duration) * 240 * 0.6;\n shiftXCurrent = shiftXCurrent + expectTranslateY;\n\n if (isDesktop && shiftXCurrent <= -50) {\n closeTimeout.clear();\n waitTransitionFinish(\n bodyElRef.current,\n () => {\n onClose();\n },\n transitionFinishDurationFallback\n );\n setBodyTransform(-120);\n } else if (!isDesktop && shiftXCurrent >= 50) {\n closeTimeout.clear();\n waitTransitionFinish(\n bodyElRef.current,\n () => {\n onClose();\n },\n transitionFinishDurationFallback\n );\n setBodyTransform(120);\n } else {\n callback = () => {\n closeTimeout.set();\n setBodyTransform(0);\n };\n }\n } else {\n closeTimeout.set();\n }\n\n setTouched(false);\n callback && requestAnimationFrame(callback);\n };\n\n React.useEffect(() => closeTimeout.set(), [closeTimeout]);\n\n const resolvedLayout = after \|\| isDesktop ? \"vertical\" : layout;\n\n return (\n <AppRootPortal>\n <div\n {...restProps}\n vkuiClass={classNames(\n getClassName(\"Snackbar\", platform),\n `Snackbar--l-${resolvedLayout}`,\n {\n \"Snackbar--closing\": closing,\n \"Snackbar--touched\": touched,\n \"Snackbar--desktop\": isDesktop,\n }\n )}\n >\n <Touch\n vkuiClass=\"Snackbar__in\"\n getRootRef={innerElRef}\n onStart={onTouchStart}\n onMoveX={onTouchMoveX}\n onEnd={onTouchEnd}\n >\n <div vkuiClass=\"Snackbar__body\" ref={bodyElRef}>\n {before && <div vkuiClass=\"Snackbar__before\">{before}</div>}\n\n <div vkuiClass=\"Snackbar__content\">\n <Text weight=\"regular\" vkuiClass=\"Snackbar__content-text\">\n {children}\n </Text>\n\n {action && (\n <Button\n align=\"left\"\n hasHover={false}\n mode=\"tertiary\"\n size=\"s\"\n vkuiClass=\"Snackbar__action\"\n onClick={handleActionClick}\n >\n {action}\n </Button>\n )}\n </div>\n\n {after && <div vkuiClass=\"Snackbar__after\">{after}</div>}\n </div>\n </Touch>\n </div>\n </AppRootPortal>\n );\n};\n\nSnackbarComponent.displayName = \"Snackbar\";\n\nSnackbarComponent.defaultProps = {\n duration: 4000,\n layout: \"horizontal\",\n};\n\nexport const Snackbar = withAdaptivity(SnackbarComponent, {\n viewWidth: true,\n});\n"],"file":"Snackbar.js"}

package/dist/cjs/components/Spacing/Spacing.d.ts CHANGED Viewed

@@ -1,5 +1,5 @@
-import * as React from 'react';
-import './Spacing.css';
+import * as React from "react";
+import "./Spacing.css";
 export interface SpacingProps extends React.HTMLAttributes<HTMLDivElement> {
     /**
      * Высота спэйсинга
@@ -13,6 +13,6 @@ export interface SpacingProps extends React.HTMLAttributes<HTMLDivElement> {
      * - separator='top'
      * - separator='bottom'
      */
-    separator?: boolean | 'top' | 'bottom' | 'center';
+    separator?: boolean | "top" | "bottom" | "center";
 }
 export declare const Spacing: React.FC<SpacingProps>;

package/dist/cjs/components/Spacing/Spacing.js CHANGED Viewed

@@ -34,11 +34,11 @@ var Spacing = function Spacing(_ref) {
   }, style);
   return (0, _jsxRuntime.createScopedElement)("div", (0, _extends2.default)({}, restProps, {
     "aria-hidden": "true",
-    vkuiClass: (0, _classNames.classNames)((0, _getClassName.getClassName)('Spacing', platfrom), {
-      'Spacing--separator': !!separator,
-      'Spacing--separator-center': separator === true || separator === 'center',
-      'Spacing--separator-top': separator === 'top',
-      'Spacing--separator-bottom': separator === 'bottom'
+    vkuiClass: (0, _classNames.classNames)((0, _getClassName.getClassName)("Spacing", platfrom), {
+      "Spacing--separator": !!separator,
+      "Spacing--separator-center": separator === true || separator === "center",
+      "Spacing--separator-top": separator === "top",
+      "Spacing--separator-bottom": separator === "bottom"
     }),
     style: styles
   }));

package/dist/cjs/components/Spacing/Spacing.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../../src/components/Spacing/Spacing.tsx"],"names":["Spacing","size","separator","style","restProps","platfrom","styles","height","defaultProps"],"mappings":";;;;;;;;;;;;;;;;;AACA;;AACA;;AACA;;;;AAmBO,IAAMA,OAA+B,GAAG,SAAlCA,OAAkC,~~OAA4D~~;AAAA,~~MAAzDC~~,~~IAAyD~~,~~QAAzDA~~,~~IAAyD~~;AAAA,~~MAAnDC~~,~~SAAmD~~,~~QAAnDA~~,~~SAAmD~~;AAAA,~~MAAxCC~~,~~KAAwC~~,~~QAAxCA~~,~~KAAwC~~;AAAA,~~MAA9BC~~,~~SAA8B~~;~~AACzG~~,MAAMC,QAAQ,GAAG,+BAAjB;AACA,MAAMC,MAAM;AACVC,IAAAA,MAAM,EAAEN;AADE,KAEPE,KAFO,CAAZ;AAKA,SACE,uEACMC,SADN;AAEE,mBAAY,MAFd;AAGE,IAAA,SAAS,EAAE,4BAAW,gCAAa,SAAb,EAAwBC,QAAxB,CAAX,EAA8C;AACvD,4BAAsB,CAAC,CAACH,SAD+B;AAEvD,~~mCAA6BA~~,SAAS,KAAK,IAAd,IAAsBA,SAAS,KAAK,~~QAFV~~;~~AAGvD~~,gCAA0BA,SAAS,KAAK,~~KAHe~~;~~AAIvD~~,mCAA6BA,SAAS,KAAK;~~AAJY~~,KAA9C,CAHb;~~AASE~~,IAAA,KAAK,EAAEI;~~AATT~~,KADF;~~AAaD~~,~~CApBM~~;;;~~AAsBPN~~,OAAO,CAACQ,YAAR,GAAuB;AACrBP,EAAAA,IAAI,EAAE;AADe,CAAvB","sourcesContent":["import * as React from 'react';\nimport { classNames } from '../../lib/classNames';\nimport { usePlatform } from '../../hooks/usePlatform';\nimport { getClassName } from '../../helpers/getClassName';\nimport './Spacing.css';\n\nexport interface SpacingProps extends React.HTMLAttributes<HTMLDivElement> {\n /*\n Высота спэйсинга\n /\n size?: number;\n /\n Настройка положения сепаратора:\n \n - separator=false (default) - без сепаратора\n * - separator=true \| separator='center' - сепаратор располагается по середине\n * - separator='top'\n * - separator='bottom'\n */\n separator?: boolean \| 'top' \| 'bottom' \| 'center';\n}\n\nexport const Spacing: React.FC<SpacingProps> = ({ size, separator, style, ...restProps }: SpacingProps) => {\n const platfrom = usePlatform();\n const styles = {\n height: size,\n ...style,\n };\n\n return (\n <div\n {...restProps}\n aria-hidden=\"true\"\n vkuiClass={classNames(getClassName('Spacing', platfrom), {\n 'Spacing--separator': !!separator,\n 'Spacing--separator-center': separator === true \|\| separator === 'center',\n 'Spacing--separator-top': separator === 'top',\n 'Spacing--separator-bottom': separator === 'bottom',\n })}\n style={styles}\n />\n );\n};\n\nSpacing.defaultProps = {\n size: 8,\n};\n"],"file":"Spacing.js"}
1	+ {"version":3,"sources":["../../../../src/components/Spacing/Spacing.tsx"],"names":["Spacing","size","separator","style","restProps","platfrom","styles","height","defaultProps"],"mappings":";;;;;;;;;;;;;;;;;AACA;;AACA;;AACA;;;;AAmBO,IAAMA,OAA+B,GAAG,SAAlCA,OAAkC,OAK3B;AAAA,MAJlBC,IAIkB,QAJlBA,IAIkB;AAAA,MAHlBC,SAGkB,QAHlBA,SAGkB;AAAA,MAFlBC,KAEkB,QAFlBA,KAEkB;AAAA,MADfC,SACe;AAClB,MAAMC,QAAQ,GAAG,+BAAjB;AACA,MAAMC,MAAM;AACVC,IAAAA,MAAM,EAAEN;AADE,KAEPE,KAFO,CAAZ;AAKA,SACE,uEACMC,SADN;AAEE,mBAAY,MAFd;AAGE,IAAA,SAAS,EAAE,4BAAW,gCAAa,SAAb,EAAwBC,QAAxB,CAAX,EAA8C;AACvD,4BAAsB,CAAC,CAACH,SAD+B;AAEvD,mCACEA,SAAS,KAAK,IAAd,IAAsBA,SAAS,KAAK,QAHiB;AAIvD,gCAA0BA,SAAS,KAAK,KAJe;AAKvD,mCAA6BA,SAAS,KAAK;AALY,KAA9C,CAHb;AAUE,IAAA,KAAK,EAAEI;AAVT,KADF;AAcD,CA1BM;;;AA4BPN,OAAO,CAACQ,YAAR,GAAuB;AACrBP,EAAAA,IAAI,EAAE;AADe,CAAvB","sourcesContent":["import * as React from \"react\";\nimport { classNames } from \"../../lib/classNames\";\nimport { usePlatform } from \"../../hooks/usePlatform\";\nimport { getClassName } from \"../../helpers/getClassName\";\nimport \"./Spacing.css\";\n\nexport interface SpacingProps extends React.HTMLAttributes<HTMLDivElement> {\n /*\n Высота спэйсинга\n /\n size?: number;\n /\n Настройка положения сепаратора:\n \n - separator=false (default) - без сепаратора\n * - separator=true \| separator='center' - сепаратор располагается по середине\n * - separator='top'\n * - separator='bottom'\n */\n separator?: boolean \| \"top\" \| \"bottom\" \| \"center\";\n}\n\nexport const Spacing: React.FC<SpacingProps> = ({\n size,\n separator,\n style,\n ...restProps\n}: SpacingProps) => {\n const platfrom = usePlatform();\n const styles = {\n height: size,\n ...style,\n };\n\n return (\n <div\n {...restProps}\n aria-hidden=\"true\"\n vkuiClass={classNames(getClassName(\"Spacing\", platfrom), {\n \"Spacing--separator\": !!separator,\n \"Spacing--separator-center\":\n separator === true \|\| separator === \"center\",\n \"Spacing--separator-top\": separator === \"top\",\n \"Spacing--separator-bottom\": separator === \"bottom\",\n })}\n style={styles}\n />\n );\n};\n\nSpacing.defaultProps = {\n size: 8,\n};\n"],"file":"Spacing.js"}

package/dist/cjs/components/Spinner/Spinner.d.ts CHANGED Viewed

@@ -1,7 +1,7 @@
-import * as React from 'react';
-import './Spinner.css';
+import * as React from "react";
+import "./Spinner.css";
 export interface SpinnerProps extends React.HTMLAttributes<HTMLSpanElement> {
-    size?: 'small' | 'regular' | 'large' | 'medium';
+    size?: "small" | "regular" | "large" | "medium";
 }
 declare const _default: React.NamedExoticComponent<SpinnerProps>;
 export default _default;

package/dist/cjs/components/Spinner/Spinner.js CHANGED Viewed

@@ -31,22 +31,22 @@ var Spinner = function Spinner(_ref) {
   var platform = (0, _usePlatform.usePlatform)();
   var SpinnerIcon = _icons.Icon24Spinner;
-  if (size === 'large') {
+  if (size === "large") {
     SpinnerIcon = _icons.Icon44Spinner;
   }
-  if (size === 'medium') {
+  if (size === "medium") {
     SpinnerIcon = _icons.Icon32Spinner;
   }
-  if (size === 'small') {
+  if (size === "small") {
     SpinnerIcon = _icons.Icon16Spinner;
   }
   return (0, _jsxRuntime.createScopedElement)("span", (0, _extends2.default)({
     role: "status"
   }, restProps, {
-    vkuiClass: (0, _getClassName.getClassName)('Spinner', platform)
+    vkuiClass: (0, _getClassName.getClassName)("Spinner", platform)
   }), (0, _jsxRuntime.createScopedElement)(SpinnerIcon, {
     "aria-hidden": "true",
     vkuiClass: "Spinner__self"
@@ -54,9 +54,9 @@ var Spinner = function Spinner(_ref) {
 };
 Spinner.defaultProps = {
-  'size': 'regular',
-  'aria-label': 'Загружается...'
-};
+  size: "regular",
+  "aria-label": "Загружается..."
+}; // eslint-disable-next-line import/no-default-export
 var _default = /*#__PURE__*/React.memo(Spinner);

package/dist/cjs/components/Spinner/Spinner.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../../src/components/Spinner/Spinner.tsx"],"names":["Spinner","size","restProps","platform","SpinnerIcon","Icon24Spinner","Icon44Spinner","Icon32Spinner","Icon16Spinner","defaultProps","React","memo"],"mappings":";;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;~~AACA~~;;;;AAOA,IAAMA,OAA+B,GAAG,SAAlCA,OAAkC,~~OAA0C~~;AAAA,~~MAAvCC~~,~~IAAuC~~,~~QAAvCA~~,~~IAAuC~~;AAAA,~~MAA9BC~~,~~SAA8B~~;~~AAChF~~,MAAMC,QAAQ,GAAG,+BAAjB;AAEA,MAAIC,WAAW,GAAGC,oBAAlB;;AAEA,MAAIJ,IAAI,KAAK,OAAb,EAAsB;AACpBG,IAAAA,WAAW,GAAGE,oBAAd;AACD;;AAED,MAAIL,IAAI,KAAK,QAAb,EAAuB;AACrBG,IAAAA,WAAW,GAAGG,oBAAd;AACD;;AAED,MAAIN,IAAI,KAAK,OAAb,EAAsB;AACpBG,IAAAA,WAAW,GAAGI,oBAAd;AACD;;AAED,SACE;~~AAAM~~,IAAA,IAAI,EAAC;~~AAAX~~,~~KAAwBN~~,~~SAAxB~~;~~AAAmC~~,IAAA,SAAS,EAAE,gCAAa,SAAb,EAAwBC,QAAxB;~~AAA9C~~,~~MACE~~,qCAAC,WAAD;AAAa,mBAAY,MAAzB;AAAgC,IAAA,SAAS,EAAC;AAA1C,~~IADF~~,CADF;~~AAKD~~,~~CAtBD~~;;~~AAwBAH~~,OAAO,CAACS,YAAR,GAAuB;~~AACrB~~,~~UAAQ~~,~~SADa~~;AAErB,gBAAc;AAFO,CAAvB;;~~4BAKeC~~,KAAK,CAACC,IAAN,CAAWX,OAAX,C","sourcesContent":["import * as React from 'react';\nimport { getClassName } from '../../helpers/getClassName';\nimport { Icon24Spinner, Icon32Spinner, Icon44Spinner, Icon16Spinner } from '@vkontakte/icons';\nimport { usePlatform } from '../../hooks/usePlatform';\nimport './Spinner.css';\n\nexport interface SpinnerProps extends React.HTMLAttributes<HTMLSpanElement> {\n size?: 'small' \| 'regular' \| 'large' \| 'medium';\n}\n\nconst Spinner: React.FC<SpinnerProps> = ({ size, ...restProps }: SpinnerProps) => {\n const platform = usePlatform();\n\n let SpinnerIcon = Icon24Spinner;\n\n if (size === 'large') {\n SpinnerIcon = Icon44Spinner;\n }\n\n if (size === 'medium') {\n SpinnerIcon = Icon32Spinner;\n }\n\n if (size === 'small') {\n SpinnerIcon = Icon16Spinner;\n }\n\n return (\n <span role=\"status\" {...restProps} vkuiClass={getClassName('Spinner', platform)}>\n <SpinnerIcon aria-hidden=\"true\" vkuiClass=\"Spinner__self\" />\n </span>\n );\n};\n\nSpinner.defaultProps = {\n 'size': 'regular',\n 'aria-label': ~~'Загружается...'~~,\n};\n\nexport default React.memo(Spinner);\n"],"file":"Spinner.js"}
1	+ {"version":3,"sources":["../../../../src/components/Spinner/Spinner.tsx"],"names":["Spinner","size","restProps","platform","SpinnerIcon","Icon24Spinner","Icon44Spinner","Icon32Spinner","Icon16Spinner","defaultProps","React","memo"],"mappings":";;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AAMA;;;;AAOA,IAAMA,OAA+B,GAAG,SAAlCA,OAAkC,OAGpB;AAAA,MAFlBC,IAEkB,QAFlBA,IAEkB;AAAA,MADfC,SACe;AAClB,MAAMC,QAAQ,GAAG,+BAAjB;AAEA,MAAIC,WAAW,GAAGC,oBAAlB;;AAEA,MAAIJ,IAAI,KAAK,OAAb,EAAsB;AACpBG,IAAAA,WAAW,GAAGE,oBAAd;AACD;;AAED,MAAIL,IAAI,KAAK,QAAb,EAAuB;AACrBG,IAAAA,WAAW,GAAGG,oBAAd;AACD;;AAED,MAAIN,IAAI,KAAK,OAAb,EAAsB;AACpBG,IAAAA,WAAW,GAAGI,oBAAd;AACD;;AAED,SACE;AACE,IAAA,IAAI,EAAC;AADP,KAEMN,SAFN;AAGE,IAAA,SAAS,EAAE,gCAAa,SAAb,EAAwBC,QAAxB;AAHb,MAKE,qCAAC,WAAD;AAAa,mBAAY,MAAzB;AAAgC,IAAA,SAAS,EAAC;AAA1C,IALF,CADF;AASD,CA7BD;;AA+BAH,OAAO,CAACS,YAAR,GAAuB;AACrBR,EAAAA,IAAI,EAAE,SADe;AAErB,gBAAc;AAFO,CAAvB,C,CAKA;;4BACeS,KAAK,CAACC,IAAN,CAAWX,OAAX,C","sourcesContent":["import * as React from \"react\";\nimport { getClassName } from \"../../helpers/getClassName\";\nimport {\n Icon24Spinner,\n Icon32Spinner,\n Icon44Spinner,\n Icon16Spinner,\n} from \"@vkontakte/icons\";\nimport { usePlatform } from \"../../hooks/usePlatform\";\nimport \"./Spinner.css\";\n\nexport interface SpinnerProps extends React.HTMLAttributes<HTMLSpanElement> {\n size?: \"small\" \| \"regular\" \| \"large\" \| \"medium\";\n}\n\nconst Spinner: React.FC<SpinnerProps> = ({\n size,\n ...restProps\n}: SpinnerProps) => {\n const platform = usePlatform();\n\n let SpinnerIcon = Icon24Spinner;\n\n if (size === \"large\") {\n SpinnerIcon = Icon44Spinner;\n }\n\n if (size === \"medium\") {\n SpinnerIcon = Icon32Spinner;\n }\n\n if (size === \"small\") {\n SpinnerIcon = Icon16Spinner;\n }\n\n return (\n <span\n role=\"status\"\n {...restProps}\n vkuiClass={getClassName(\"Spinner\", platform)}\n >\n <SpinnerIcon aria-hidden=\"true\" vkuiClass=\"Spinner__self\" />\n </span>\n );\n};\n\nSpinner.defaultProps = {\n size: \"regular\",\n \"aria-label\": \"Загружается...\",\n};\n\n// eslint-disable-next-line import/no-default-export\nexport default React.memo(Spinner);\n"],"file":"Spinner.js"}

package/dist/cjs/components/SplitCol/SplitCol.d.ts CHANGED Viewed

@@ -1,7 +1,7 @@
-import * as React from 'react';
-import './SplitCol.css';
+import * as React from "react";
+import "./SplitCol.css";
 export interface SplitColContextProps {
-    colRef: React.RefObject<HTMLDivElement>;
+    colRef: React.RefObject<HTMLDivElement> | null;
     animate: boolean;
 }
 export declare const SplitColContext: React.Context<SplitColContextProps>;

package/dist/cjs/components/SplitCol/SplitCol.js CHANGED Viewed

@@ -7,7 +7,7 @@ var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWild
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.SplitCol = exports.SplitColContext = void 0;
+exports.SplitColContext = exports.SplitCol = void 0;
 var _jsxRuntime = require("../../lib/jsxRuntime");
@@ -39,7 +39,7 @@ var SplitCol = function SplitCol(props) {
       fixed = props.fixed,
       style = props.style,
       restProps = (0, _objectWithoutProperties2.default)(props, _excluded);
-  var baseRef = React.useRef();
+  var baseRef = React.useRef(null);
   var contextValue = React.useMemo(function () {
     return {
       colRef: baseRef,
@@ -53,9 +53,9 @@ var SplitCol = function SplitCol(props) {
       minWidth: minWidth
     }),
     ref: baseRef,
-    vkuiClass: (0, _classNames.classNames)('SplitCol', {
-      'SplitCol--spaced': spaced,
-      'SplitCol--fixed': fixed
+    vkuiClass: (0, _classNames.classNames)("SplitCol", {
+      "SplitCol--spaced": spaced,
+      "SplitCol--fixed": fixed
     })
   }), (0, _jsxRuntime.createScopedElement)(SplitColContext.Provider, {
     value: contextValue

package/dist/cjs/components/SplitCol/SplitCol.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../../src/components/SplitCol/SplitCol.tsx"],"names":["SplitColContext","React","createContext","colRef","animate","SplitCol","props","children","width","maxWidth","minWidth","spaced","fixed","style","restProps","baseRef","useRef","contextValue","useMemo"],"mappings":";;;;;;;;;;;;;;;;;;;AAAA;;AACA;;;AAQO,IAAMA,eAAe,gBAAGC,KAAK,CAACC,aAAN,CAA0C;AACvEC,EAAAA,MAAM,EAAE,IAD+D;AAEvEC,EAAAA,OAAO,EAAE;AAF8D,CAA1C,CAAxB;;;AAoBA,IAAMC,QAAiC,GAAG,SAApCA,QAAoC,CAACC,KAAD,EAA0B;AACzE,~~MAAQC~~,~~QAAR~~,~~GAAqGD~~,~~KAArG~~,~~CAAQC~~,~~QAAR~~;AAAA,~~MAAkBC~~,~~KAAlB~~,~~GAAqGF~~,~~KAArG~~,~~CAAkBE~~,~~KAAlB~~;AAAA,~~MAAyBC~~,~~QAAzB~~,~~GAAqGH~~,~~KAArG~~,~~CAAyBG~~,~~QAAzB~~;AAAA,~~MAAmCC~~,~~QAAnC~~,~~GAAqGJ~~,~~KAArG~~,~~CAAmCI~~,~~QAAnC~~;AAAA,~~MAA6CC~~,~~MAA7C~~,~~GAAqGL~~,~~KAArG~~,~~CAA6CK~~,~~MAA7C~~;AAAA,~~uBAAqGL~~,~~KAArG~~,~~CAAqDF~~,~~OAArD~~;AAAA,~~MAAqDA~~,~~OAArD~~,+~~BAA+D~~,~~KAA/D~~;AAAA,~~MAAsEQ~~,~~KAAtE~~,~~GAAqGN~~,~~KAArG~~,~~CAAsEM~~,~~KAAtE~~;AAAA,~~MAA6EC~~,~~KAA7E~~,~~GAAqGP~~,~~KAArG~~,~~CAA6EO~~,~~KAA7E~~;AAAA,~~MAAuFC~~,~~SAAvF~~,~~0CAAqGR~~,~~KAArG~~;~~AACA~~,MAAMS,OAAO,GAAGd,KAAK,CAACe,MAAN,~~EAAhB~~;AAEA,MAAMC,YAAY,GAAGhB,KAAK,CAACiB,OAAN,CAAc,YAAM;AACvC,WAAO;AACLf,MAAAA,MAAM,EAAEY,OADH;AAELX,MAAAA,OAAO,EAAPA;AAFK,KAAP;AAID,GALoB,EAKlB,CAACW,OAAD,EAAUX,OAAV,CALkB,CAArB;AAOA,SACE,uEACMU,SADN;AAEE,IAAA,KAAK,8DACAD,KADA;AAEHL,MAAAA,KAAK,EAAEA,KAFJ;AAGHC,MAAAA,QAAQ,EAAEA,QAHP;AAIHC,MAAAA,QAAQ,EAAEA;AAJP,MAFP;AAQE,IAAA,GAAG,EAAEK,OARP;AASE,IAAA,SAAS,EAAE,4BAAW,UAAX,EAAuB;AAChC,0BAAoBJ,MADY;AAEhC,yBAAmBC;AAFa,KAAvB;AATb,MAcE,qCAAC,eAAD,CAAiB,QAAjB;AAA0B,IAAA,KAAK,EAAEK;AAAjC,KACGL,KAAK,~~GAAG~~;AAAK,IAAA,SAAS,EAAC;AAAf,KAAuCL,QAAvC,~~CAAH~~,~~GAA4DA~~,~~QADpE~~,CAdF,CADF;~~AAoBD~~,~~CA/BM~~","sourcesContent":["import * as React from 'react';\nimport { classNames } from '../../lib/classNames';\nimport './SplitCol.css';\n\nexport interface SplitColContextProps {\n colRef: React.RefObject<HTMLDivElement~~>;\~~n animate: boolean;\n}\n\nexport const SplitColContext = React.createContext<SplitColContextProps>({\n colRef: null,\n animate: true,\n});\n\nexport interface SplitColProps extends React.HTMLAttributes<HTMLDivElement> {\n width?: number \| string;\n maxWidth?: number \| string;\n minWidth?: number \| string;\n /*\n Если false, то переходы между Panel происходят без анимации\n /\n animate?: boolean;\n /\n Если true, то добавляются боковые отступы фиксированной величины\n */\n spaced?: boolean;\n fixed?: boolean;\n}\n\nexport const SplitCol: React.FC<SplitColProps> = (props: SplitColProps) => {\n const { children, width, maxWidth, minWidth, spaced, animate = false, fixed, style, ...restProps } = props;\n const baseRef = React.useRef<HTMLDivElement>();\n\n const contextValue = React.useMemo(() => {\n return {\n colRef: baseRef,\n animate,\n };\n }, [baseRef, animate]);\n\n return (\n <div\n {...restProps}\n style={{\n ...style,\n width: width,\n maxWidth: maxWidth,\n minWidth: minWidth,\n }}\n ref={baseRef}\n vkuiClass={classNames('SplitCol', {\n 'SplitCol--spaced': spaced,\n 'SplitCol--fixed': fixed,\n })}\n >\n <SplitColContext.Provider value={contextValue}>\n {fixed ? <div vkuiClass=\"SplitCol__fixedInner\">{children}</div> : children}\n </SplitColContext.Provider>\n </div>\n );\n};\n"],"file":"SplitCol.js"}
1	+ {"version":3,"sources":["../../../../src/components/SplitCol/SplitCol.tsx"],"names":["SplitColContext","React","createContext","colRef","animate","SplitCol","props","children","width","maxWidth","minWidth","spaced","fixed","style","restProps","baseRef","useRef","contextValue","useMemo"],"mappings":";;;;;;;;;;;;;;;;;;;AAAA;;AACA;;;AAQO,IAAMA,eAAe,gBAAGC,KAAK,CAACC,aAAN,CAA0C;AACvEC,EAAAA,MAAM,EAAE,IAD+D;AAEvEC,EAAAA,OAAO,EAAE;AAF8D,CAA1C,CAAxB;;;AAoBA,IAAMC,QAAiC,GAAG,SAApCA,QAAoC,CAACC,KAAD,EAA0B;AACzE,MACEC,QADF,GAUID,KAVJ,CACEC,QADF;AAAA,MAEEC,KAFF,GAUIF,KAVJ,CAEEE,KAFF;AAAA,MAGEC,QAHF,GAUIH,KAVJ,CAGEG,QAHF;AAAA,MAIEC,QAJF,GAUIJ,KAVJ,CAIEI,QAJF;AAAA,MAKEC,MALF,GAUIL,KAVJ,CAKEK,MALF;AAAA,uBAUIL,KAVJ,CAMEF,OANF;AAAA,MAMEA,OANF,+BAMY,KANZ;AAAA,MAOEQ,KAPF,GAUIN,KAVJ,CAOEM,KAPF;AAAA,MAQEC,KARF,GAUIP,KAVJ,CAQEO,KARF;AAAA,MASKC,SATL,0CAUIR,KAVJ;AAWA,MAAMS,OAAO,GAAGd,KAAK,CAACe,MAAN,CAA6B,IAA7B,CAAhB;AAEA,MAAMC,YAAY,GAAGhB,KAAK,CAACiB,OAAN,CAAc,YAAM;AACvC,WAAO;AACLf,MAAAA,MAAM,EAAEY,OADH;AAELX,MAAAA,OAAO,EAAPA;AAFK,KAAP;AAID,GALoB,EAKlB,CAACW,OAAD,EAAUX,OAAV,CALkB,CAArB;AAOA,SACE,uEACMU,SADN;AAEE,IAAA,KAAK,8DACAD,KADA;AAEHL,MAAAA,KAAK,EAAEA,KAFJ;AAGHC,MAAAA,QAAQ,EAAEA,QAHP;AAIHC,MAAAA,QAAQ,EAAEA;AAJP,MAFP;AAQE,IAAA,GAAG,EAAEK,OARP;AASE,IAAA,SAAS,EAAE,4BAAW,UAAX,EAAuB;AAChC,0BAAoBJ,MADY;AAEhC,yBAAmBC;AAFa,KAAvB;AATb,MAcE,qCAAC,eAAD,CAAiB,QAAjB;AAA0B,IAAA,KAAK,EAAEK;AAAjC,KACGL,KAAK,GACJ;AAAK,IAAA,SAAS,EAAC;AAAf,KAAuCL,QAAvC,CADI,GAGJA,QAJJ,CAdF,CADF;AAwBD,CA7CM","sourcesContent":["import * as React from \"react\";\nimport { classNames } from \"../../lib/classNames\";\nimport \"./SplitCol.css\";\n\nexport interface SplitColContextProps {\n colRef: React.RefObject<HTMLDivElement> \| null;\n animate: boolean;\n}\n\nexport const SplitColContext = React.createContext<SplitColContextProps>({\n colRef: null,\n animate: true,\n});\n\nexport interface SplitColProps extends React.HTMLAttributes<HTMLDivElement> {\n width?: number \| string;\n maxWidth?: number \| string;\n minWidth?: number \| string;\n /*\n Если false, то переходы между Panel происходят без анимации\n /\n animate?: boolean;\n /\n Если true, то добавляются боковые отступы фиксированной величины\n */\n spaced?: boolean;\n fixed?: boolean;\n}\n\nexport const SplitCol: React.FC<SplitColProps> = (props: SplitColProps) => {\n const {\n children,\n width,\n maxWidth,\n minWidth,\n spaced,\n animate = false,\n fixed,\n style,\n ...restProps\n } = props;\n const baseRef = React.useRef<HTMLDivElement>(null);\n\n const contextValue = React.useMemo(() => {\n return {\n colRef: baseRef,\n animate,\n };\n }, [baseRef, animate]);\n\n return (\n <div\n {...restProps}\n style={{\n ...style,\n width: width,\n maxWidth: maxWidth,\n minWidth: minWidth,\n }}\n ref={baseRef}\n vkuiClass={classNames(\"SplitCol\", {\n \"SplitCol--spaced\": spaced,\n \"SplitCol--fixed\": fixed,\n })}\n >\n <SplitColContext.Provider value={contextValue}>\n {fixed ? (\n <div vkuiClass=\"SplitCol__fixedInner\">{children}</div>\n ) : (\n children\n )}\n </SplitColContext.Provider>\n </div>\n );\n};\n"],"file":"SplitCol.js"}

package/dist/cjs/components/SplitLayout/SplitLayout.d.ts CHANGED Viewed

@@ -1,6 +1,6 @@
-import * as React from 'react';
-import { HasRef, HasRootRef } from '../../types';
-import './SplitLayout.css';
+import * as React from "react";
+import { HasRef, HasRootRef } from "../../types";
+import "./SplitLayout.css";
 export interface SplitLayoutProps extends React.HTMLAttributes<HTMLDivElement>, HasRootRef<HTMLDivElement>, HasRef<HTMLDivElement> {
     /**
      * Свойство для отрисовки `Alert`, `ActionSheet` и `ScreenSpinner`.

package/dist/cjs/components/SplitLayout/SplitLayout.js CHANGED Viewed

@@ -33,14 +33,14 @@ var SplitLayout = function SplitLayout(_ref) {
       restProps = (0, _objectWithoutProperties2.default)(_ref, _excluded);
   var platform = (0, _usePlatform.usePlatform)();
   return (0, _jsxRuntime.createScopedElement)(_PopoutRoot.PopoutRoot, {
-    vkuiClass: (0, _getClassName.getClassName)('SplitLayout', platform),
+    vkuiClass: (0, _getClassName.getClassName)("SplitLayout", platform),
     popout: popout,
     modal: modal,
     getRootRef: getRootRef
   }, header, (0, _jsxRuntime.createScopedElement)("div", (0, _extends2.default)({}, restProps, {
     ref: getRef,
-    vkuiClass: (0, _classNames.classNames)('SplitLayout__inner', {
-      'SplitLayout__inner--header': !!header
+    vkuiClass: (0, _classNames.classNames)("SplitLayout__inner", {
+      "SplitLayout__inner--header": !!header
     })
   }), children));
 };

package/dist/cjs/components/SplitLayout/SplitLayout.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../../src/components/SplitLayout/SplitLayout.tsx"],"names":["SplitLayout","popout","modal","header","children","getRootRef","getRef","restProps","platform"],"mappings":";;;;;;;;;;;;;;;AACA;;AACA;;AAEA;;AACA;;;;AAkBO,IAAMA,WAAuC,GAAG,SAA1CA,WAA0C,OAQ/B;AAAA,MAPtBC,MAOsB,QAPtBA,MAOsB;AAAA,MANtBC,KAMsB,QANtBA,KAMsB;AAAA,MALtBC,MAKsB,QALtBA,MAKsB;AAAA,MAJtBC,QAIsB,QAJtBA,QAIsB;AAAA,MAHtBC,UAGsB,QAHtBA,UAGsB;AAAA,MAFtBC,MAEsB,QAFtBA,MAEsB;AAAA,MADnBC,SACmB;AACtB,MAAMC,QAAQ,GAAG,+BAAjB;AAEA,SACE,qCAAC,sBAAD;AACE,IAAA,SAAS,EAAE,gCAAa,aAAb,EAA4BA,QAA5B,CADb;AAEE,IAAA,MAAM,EAAEP,MAFV;AAGE,IAAA,KAAK,EAAEC,KAHT;AAIE,IAAA,UAAU,EAAEG;AAJd,KAMGF,MANH,EAOE,~~uEAASI~~,~~SAAT~~;~~AAAoB~~,IAAA,GAAG,EAAED,~~MAAzB~~;~~AAAiC~~,IAAA,SAAS,EAAE,4BAAW,oBAAX,EAAiC;~~AAC3E~~,oCAA8B,CAAC,CAACH;~~AAD2C~~,KAAjC;~~AAA5C~~,~~MAGGC~~,~~QAHH~~,CAPF,CADF;~~AAeD~~,~~CA1BM~~","sourcesContent":["import * as React from 'react';\nimport { getClassName } from '../../helpers/getClassName';\nimport { classNames } from '../../lib/classNames';\nimport { HasRef, HasRootRef } from '../../types';\nimport { PopoutRoot } from '../PopoutRoot/PopoutRoot';\nimport { usePlatform } from '../../hooks/usePlatform';\nimport './SplitLayout.css';\n\nexport interface SplitLayoutProps ~~extends~~\n React.HTMLAttributes<HTMLDivElement>,\n HasRootRef<HTMLDivElement>,\n HasRef<HTMLDivElement> {\n /*\n Свойство для отрисовки `Alert`, `ActionSheet` и `ScreenSpinner`.\n /\n popout?: React.ReactNode;\n /\n Свойство для отрисовки `ModalRoot`.\n */\n modal?: React.ReactNode;\n header?: React.ReactNode;\n}\n\nexport const SplitLayout: React.FC<SplitLayoutProps> = ({\n popout,\n modal,\n header,\n children,\n getRootRef,\n getRef,\n ...restProps\n}: SplitLayoutProps) => {\n const platform = usePlatform();\n\n return (\n <PopoutRoot\n vkuiClass={getClassName('SplitLayout', platform)}\n popout={popout}\n modal={modal}\n getRootRef={getRootRef}\n >\n {header}\n <div {...restProps} ref={getRef} vkuiClass={classNames('SplitLayout__inner', {\n 'SplitLayout__inner--header': !!header,\n })}>\n {children}\n </div>\n </PopoutRoot>\n );\n};\n"],"file":"SplitLayout.js"}
1	+ {"version":3,"sources":["../../../../src/components/SplitLayout/SplitLayout.tsx"],"names":["SplitLayout","popout","modal","header","children","getRootRef","getRef","restProps","platform"],"mappings":";;;;;;;;;;;;;;;AACA;;AACA;;AAEA;;AACA;;;;AAkBO,IAAMA,WAAuC,GAAG,SAA1CA,WAA0C,OAQ/B;AAAA,MAPtBC,MAOsB,QAPtBA,MAOsB;AAAA,MANtBC,KAMsB,QANtBA,KAMsB;AAAA,MALtBC,MAKsB,QALtBA,MAKsB;AAAA,MAJtBC,QAIsB,QAJtBA,QAIsB;AAAA,MAHtBC,UAGsB,QAHtBA,UAGsB;AAAA,MAFtBC,MAEsB,QAFtBA,MAEsB;AAAA,MADnBC,SACmB;AACtB,MAAMC,QAAQ,GAAG,+BAAjB;AAEA,SACE,qCAAC,sBAAD;AACE,IAAA,SAAS,EAAE,gCAAa,aAAb,EAA4BA,QAA5B,CADb;AAEE,IAAA,MAAM,EAAEP,MAFV;AAGE,IAAA,KAAK,EAAEC,KAHT;AAIE,IAAA,UAAU,EAAEG;AAJd,KAMGF,MANH,EAOE,uEACMI,SADN;AAEE,IAAA,GAAG,EAAED,MAFP;AAGE,IAAA,SAAS,EAAE,4BAAW,oBAAX,EAAiC;AAC1C,oCAA8B,CAAC,CAACH;AADU,KAAjC;AAHb,MAOGC,QAPH,CAPF,CADF;AAmBD,CA9BM","sourcesContent":["import * as React from \"react\";\nimport { getClassName } from \"../../helpers/getClassName\";\nimport { classNames } from \"../../lib/classNames\";\nimport { HasRef, HasRootRef } from \"../../types\";\nimport { PopoutRoot } from \"../PopoutRoot/PopoutRoot\";\nimport { usePlatform } from \"../../hooks/usePlatform\";\nimport \"./SplitLayout.css\";\n\nexport interface SplitLayoutProps\n extends React.HTMLAttributes<HTMLDivElement>,\n HasRootRef<HTMLDivElement>,\n HasRef<HTMLDivElement> {\n /*\n Свойство для отрисовки `Alert`, `ActionSheet` и `ScreenSpinner`.\n /\n popout?: React.ReactNode;\n /\n Свойство для отрисовки `ModalRoot`.\n */\n modal?: React.ReactNode;\n header?: React.ReactNode;\n}\n\nexport const SplitLayout: React.FC<SplitLayoutProps> = ({\n popout,\n modal,\n header,\n children,\n getRootRef,\n getRef,\n ...restProps\n}: SplitLayoutProps) => {\n const platform = usePlatform();\n\n return (\n <PopoutRoot\n vkuiClass={getClassName(\"SplitLayout\", platform)}\n popout={popout}\n modal={modal}\n getRootRef={getRootRef}\n >\n {header}\n <div\n {...restProps}\n ref={getRef}\n vkuiClass={classNames(\"SplitLayout__inner\", {\n \"SplitLayout__inner--header\": !!header,\n })}\n >\n {children}\n </div>\n </PopoutRoot>\n );\n};\n"],"file":"SplitLayout.js"}

package/dist/cjs/components/SubnavigationBar/SubnavigationBar.d.ts CHANGED Viewed

@@ -1,7 +1,7 @@
-import * as React from 'react';
-import { HorizontalScrollProps } from '../HorizontalScroll/HorizontalScroll';
-import './SubnavigationBar.css';
-export interface SubnavigationBarProps extends React.HTMLAttributes<HTMLDivElement>, Pick<HorizontalScrollProps, 'showArrows' | 'getScrollToLeft' | 'getScrollToRight' | 'scrollAnimationDuration'> {
-    mode?: 'fixed' | 'overflow';
+import * as React from "react";
+import { HorizontalScrollProps } from "../HorizontalScroll/HorizontalScroll";
+import "./SubnavigationBar.css";
+export interface SubnavigationBarProps extends React.HTMLAttributes<HTMLDivElement>, Pick<HorizontalScrollProps, "showArrows" | "getScrollToLeft" | "getScrollToRight" | "scrollAnimationDuration"> {
+    mode?: "fixed" | "overflow";
 }
 export declare const SubnavigationBar: React.FC<SubnavigationBarProps>;

package/dist/cjs/components/SubnavigationBar/SubnavigationBar.js CHANGED Viewed

@@ -33,7 +33,7 @@ var defaultScrollToRight = function defaultScrollToRight(x) {
 var SubnavigationBar = function SubnavigationBar(_ref) {
   var _ref$mode = _ref.mode,
-      mode = _ref$mode === void 0 ? 'overflow' : _ref$mode,
+      mode = _ref$mode === void 0 ? "overflow" : _ref$mode,
       children = _ref.children,
       _ref$showArrows = _ref.showArrows,
       showArrows = _ref$showArrows === void 0 ? true : _ref$showArrows,
@@ -47,8 +47,8 @@ var SubnavigationBar = function SubnavigationBar(_ref) {
   var ScrollWrapper;
   var scrollWrapperProps = {};
-  if (mode === 'fixed') {
-    ScrollWrapper = 'div';
+  if (mode === "fixed") {
+    ScrollWrapper = "div";
   } else {
     ScrollWrapper = _HorizontalScroll.default;
     scrollWrapperProps = {
@@ -60,7 +60,7 @@ var SubnavigationBar = function SubnavigationBar(_ref) {
   }
   return (0, _jsxRuntime.createScopedElement)("div", (0, _extends2.default)({}, restProps, {
-    vkuiClass: (0, _classNames.classNames)((0, _getClassName.getClassName)('SubnavigationBar', platform), "SubnavigationBar--".concat(mode))
+    vkuiClass: (0, _classNames.classNames)((0, _getClassName.getClassName)("SubnavigationBar", platform), "SubnavigationBar--".concat(mode))
   }), (0, _jsxRuntime.createScopedElement)(ScrollWrapper, (0, _extends2.default)({
     vkuiClass: "SubnavigationBar__in"
   }, scrollWrapperProps), (0, _jsxRuntime.createScopedElement)("div", {

package/dist/cjs/components/SubnavigationBar/SubnavigationBar.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../../src/components/SubnavigationBar/SubnavigationBar.tsx"],"names":["defaultScrollToLeft","x","defaultScrollToRight","SubnavigationBar","mode","children","showArrows","getScrollToLeft","getScrollToRight","scrollAnimationDuration","restProps","platform","ScrollWrapper","scrollWrapperProps","HorizontalScroll"],"mappings":";;;;;;;;;;;;;;;AACA;;AACA;;AACA;;AACA;;;;~~AASA~~,IAAMA,mBAA0C,GAAG,SAA7CA,mBAA6C,CAACC,CAAD;AAAA,SAAOA,CAAC,GAAG,GAAX;AAAA,CAAnD;;AAEA,IAAMC,oBAA2C,GAAG,SAA9CA,oBAA8C,CAACD,CAAD;AAAA,SAAOA,CAAC,GAAG,GAAX;AAAA,CAApD;;AAEO,IAAME,gBAAiD,GAAG,SAApDA,gBAAoD,OAQpC;AAAA,uBAP3BC,IAO2B;AAAA,MAP3BA,IAO2B,0BAPpB,UAOoB;AAAA,MAN3BC,QAM2B,QAN3BA,QAM2B;AAAA,6BAL3BC,UAK2B;AAAA,MAL3BA,UAK2B,gCALd,IAKc;AAAA,kCAJ3BC,eAI2B;AAAA,MAJ3BA,eAI2B,qCAJTP,mBAIS;AAAA,mCAH3BQ,gBAG2B;AAAA,MAH3BA,gBAG2B,sCAHRN,oBAGQ;AAAA,MAF3BO,uBAE2B,QAF3BA,uBAE2B;AAAA,MADxBC,SACwB;AAC3B,MAAMC,QAAQ,GAAG,+BAAjB;AAEA,MAAIC,aAAJ;AACA,MAAIC,kBAAkB,GAAG,EAAzB;;AAEA,MAAIT,IAAI,KAAK,OAAb,EAAsB;AACpBQ,IAAAA,aAAa,GAAG,KAAhB;AACD,GAFD,MAEO;AACLA,IAAAA,aAAa,GAAGE,yBAAhB;AACAD,IAAAA,kBAAkB,GAAG;AACnBP,MAAAA,UAAU,EAAVA,UADmB;AAEnBC,MAAAA,eAAe,EAAfA,eAFmB;AAGnBC,MAAAA,gBAAgB,EAAhBA,gBAHmB;AAInBC,MAAAA,uBAAuB,EAAvBA;AAJmB,KAArB;AAMD;;AAED,SACE,uEACMC,SADN;AAEE,IAAA,SAAS,EAAE,~~4BAAW~~,gCAAa,kBAAb,EAAiCC,QAAjC,~~CAAX~~,~~8BAA4EP~~,~~IAA5E~~;AAFb,~~MAIE~~,qCAAC,aAAD;AAAe,IAAA,SAAS,EAAC;AAAzB,KAAoDS,kBAApD,GACE;AAAK,IAAA,SAAS,EAAC;AAAf,~~KACGR~~,~~QADH~~,CADF,~~CAJF~~,CADF;~~AAYD~~,~~CAtCM~~","sourcesContent":["import * as React from 'react';\nimport { usePlatform } from '../../hooks/usePlatform';\nimport { classNames } from '../../lib/classNames';\nimport { getClassName } from '../../helpers/getClassName';\nimport HorizontalScroll, { HorizontalScrollProps, ScrollPositionHandler } from '../HorizontalScroll/HorizontalScroll';\nimport './SubnavigationBar.css';\n\nexport interface SubnavigationBarProps ~~extends~~\n React.HTMLAttributes<HTMLDivElement>,\n Pick<HorizontalScrollProps, 'showArrows' \| 'getScrollToLeft' \| 'getScrollToRight' \| 'scrollAnimationDuration'> {\n mode?: 'fixed' \| 'overflow';\n}\n\nconst defaultScrollToLeft: ScrollPositionHandler = (x) => x - 240;\n\nconst defaultScrollToRight: ScrollPositionHandler = (x) => x + 240;\n\nexport const SubnavigationBar: React.FC<SubnavigationBarProps> = ({\n mode = 'overflow',\n children,\n showArrows = true,\n getScrollToLeft = defaultScrollToLeft,\n getScrollToRight = defaultScrollToRight,\n scrollAnimationDuration,\n ...restProps\n}: SubnavigationBarProps) => {\n const platform = usePlatform();\n\n let ScrollWrapper: React.ElementType;\n let scrollWrapperProps = {};\n\n if (mode === 'fixed') {\n ScrollWrapper = 'div';\n } else {\n ScrollWrapper = HorizontalScroll;\n scrollWrapperProps = {\n showArrows,\n getScrollToLeft,\n getScrollToRight,\n scrollAnimationDuration,\n };\n }\n\n return (\n <div\n {...restProps}\n vkuiClass={classNames(getClassName('SubnavigationBar', platform), `SubnavigationBar--${mode}`)}\n >\n <ScrollWrapper vkuiClass=\"SubnavigationBar__in\" {...scrollWrapperProps}>\n <div vkuiClass=\"SubnavigationBar__scrollIn\"~~>\n~~ {children}\n </div>\n </ScrollWrapper>\n </div>\n );\n};\n"],"file":"SubnavigationBar.js"}
1	+ {"version":3,"sources":["../../../../src/components/SubnavigationBar/SubnavigationBar.tsx"],"names":["defaultScrollToLeft","x","defaultScrollToRight","SubnavigationBar","mode","children","showArrows","getScrollToLeft","getScrollToRight","scrollAnimationDuration","restProps","platform","ScrollWrapper","scrollWrapperProps","HorizontalScroll"],"mappings":";;;;;;;;;;;;;;;AACA;;AACA;;AACA;;AACA;;;;AAkBA,IAAMA,mBAA0C,GAAG,SAA7CA,mBAA6C,CAACC,CAAD;AAAA,SAAOA,CAAC,GAAG,GAAX;AAAA,CAAnD;;AAEA,IAAMC,oBAA2C,GAAG,SAA9CA,oBAA8C,CAACD,CAAD;AAAA,SAAOA,CAAC,GAAG,GAAX;AAAA,CAApD;;AAEO,IAAME,gBAAiD,GAAG,SAApDA,gBAAoD,OAQpC;AAAA,uBAP3BC,IAO2B;AAAA,MAP3BA,IAO2B,0BAPpB,UAOoB;AAAA,MAN3BC,QAM2B,QAN3BA,QAM2B;AAAA,6BAL3BC,UAK2B;AAAA,MAL3BA,UAK2B,gCALd,IAKc;AAAA,kCAJ3BC,eAI2B;AAAA,MAJ3BA,eAI2B,qCAJTP,mBAIS;AAAA,mCAH3BQ,gBAG2B;AAAA,MAH3BA,gBAG2B,sCAHRN,oBAGQ;AAAA,MAF3BO,uBAE2B,QAF3BA,uBAE2B;AAAA,MADxBC,SACwB;AAC3B,MAAMC,QAAQ,GAAG,+BAAjB;AAEA,MAAIC,aAAJ;AACA,MAAIC,kBAAkB,GAAG,EAAzB;;AAEA,MAAIT,IAAI,KAAK,OAAb,EAAsB;AACpBQ,IAAAA,aAAa,GAAG,KAAhB;AACD,GAFD,MAEO;AACLA,IAAAA,aAAa,GAAGE,yBAAhB;AACAD,IAAAA,kBAAkB,GAAG;AACnBP,MAAAA,UAAU,EAAVA,UADmB;AAEnBC,MAAAA,eAAe,EAAfA,eAFmB;AAGnBC,MAAAA,gBAAgB,EAAhBA,gBAHmB;AAInBC,MAAAA,uBAAuB,EAAvBA;AAJmB,KAArB;AAMD;;AAED,SACE,uEACMC,SADN;AAEE,IAAA,SAAS,EAAE,4BACT,gCAAa,kBAAb,EAAiCC,QAAjC,CADS,8BAEYP,IAFZ;AAFb,MAOE,qCAAC,aAAD;AAAe,IAAA,SAAS,EAAC;AAAzB,KAAoDS,kBAApD,GACE;AAAK,IAAA,SAAS,EAAC;AAAf,KAA6CR,QAA7C,CADF,CAPF,CADF;AAaD,CAvCM","sourcesContent":["import * as React from \"react\";\nimport { usePlatform } from \"../../hooks/usePlatform\";\nimport { classNames } from \"../../lib/classNames\";\nimport { getClassName } from \"../../helpers/getClassName\";\nimport HorizontalScroll, {\n HorizontalScrollProps,\n ScrollPositionHandler,\n} from \"../HorizontalScroll/HorizontalScroll\";\nimport \"./SubnavigationBar.css\";\n\nexport interface SubnavigationBarProps\n extends React.HTMLAttributes<HTMLDivElement>,\n Pick<\n HorizontalScrollProps,\n \| \"showArrows\"\n \| \"getScrollToLeft\"\n \| \"getScrollToRight\"\n \| \"scrollAnimationDuration\"\n > {\n mode?: \"fixed\" \| \"overflow\";\n}\n\nconst defaultScrollToLeft: ScrollPositionHandler = (x) => x - 240;\n\nconst defaultScrollToRight: ScrollPositionHandler = (x) => x + 240;\n\nexport const SubnavigationBar: React.FC<SubnavigationBarProps> = ({\n mode = \"overflow\",\n children,\n showArrows = true,\n getScrollToLeft = defaultScrollToLeft,\n getScrollToRight = defaultScrollToRight,\n scrollAnimationDuration,\n ...restProps\n}: SubnavigationBarProps) => {\n const platform = usePlatform();\n\n let ScrollWrapper: React.ElementType;\n let scrollWrapperProps = {};\n\n if (mode === \"fixed\") {\n ScrollWrapper = \"div\";\n } else {\n ScrollWrapper = HorizontalScroll;\n scrollWrapperProps = {\n showArrows,\n getScrollToLeft,\n getScrollToRight,\n scrollAnimationDuration,\n };\n }\n\n return (\n <div\n {...restProps}\n vkuiClass={classNames(\n getClassName(\"SubnavigationBar\", platform),\n `SubnavigationBar--${mode}`\n )}\n >\n <ScrollWrapper vkuiClass=\"SubnavigationBar__in\" {...scrollWrapperProps}>\n <div vkuiClass=\"SubnavigationBar__scrollIn\">{children}</div>\n </ScrollWrapper>\n </div>\n );\n};\n"],"file":"SubnavigationBar.js"}

package/dist/cjs/components/SubnavigationButton/SubnavigationButton.d.ts CHANGED Viewed

@@ -1,8 +1,8 @@
-import * as React from 'react';
-import { TappableProps } from '../Tappable/Tappable';
-import './SubnavigationButton.css';
-export interface SubnavigationButtonProps extends Omit<TappableProps, 'size'> {
-    size?: 'm' | 'l';
+import * as React from "react";
+import { TappableProps } from "../Tappable/Tappable";
+import "./SubnavigationButton.css";
+export interface SubnavigationButtonProps extends Omit<TappableProps, "size"> {
+    size?: "m" | "l";
     selected?: boolean;
     /**
      * Размер шрифта. Этим свойством рекомендуется пользоваться, чтобы отрегулировать размер шрифта у кнопок в `<SubnavigationBar mode="fixed" />`

package/dist/cjs/components/SubnavigationButton/SubnavigationButton.js CHANGED Viewed

@@ -43,7 +43,7 @@ var SubnavigationButtonTypography = function SubnavigationButtonTypography(_ref)
   }
   return (0, _jsxRuntime.createScopedElement)(_Caption.default, (0, _extends2.default)({
-    level: textLevel === 2 ? '1' : '2',
+    level: textLevel === 2 ? "1" : "2",
     weight: "regular"
   }, restProps));
 };
@@ -61,8 +61,8 @@ var SubnavigationButton = function SubnavigationButton(props) {
   return (0, _jsxRuntime.createScopedElement)(_Tappable.default, (0, _extends2.default)({}, restProps, {
     hasActive: false,
     focusVisibleMode: "outside",
-    vkuiClass: (0, _classNames.classNames)((0, _getClassName.getClassName)('SubnavigationButton', platform), "SubnavigationButton--".concat(size), {
-      'SubnavigationButton--selected': selected
+    vkuiClass: (0, _classNames.classNames)((0, _getClassName.getClassName)("SubnavigationButton", platform), "SubnavigationButton--".concat(size), {
+      "SubnavigationButton--selected": selected
     }),
     "aria-label": (0, _utils.getTitleFromChildren)(children)
   }), (0, _jsxRuntime.createScopedElement)("span", {
@@ -82,7 +82,7 @@ var SubnavigationButton = function SubnavigationButton(props) {
 exports.SubnavigationButton = SubnavigationButton;
 SubnavigationButton.defaultProps = {
-  size: 'm',
+  size: "m",
   textLevel: 1
 };
 //# sourceMappingURL=SubnavigationButton.js.map

package/dist/cjs/components/SubnavigationButton/SubnavigationButton.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../../src/components/SubnavigationButton/SubnavigationButton.tsx"],"names":["SubnavigationButtonTypography","textLevel","restProps","SubnavigationButton","props","platform","size","selected","before","after","expandable","children","defaultProps"],"mappings":";;;;;;;;;;;;;;;AAEA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;;~~AAuBA~~,IAAMA,6BAAoE,GAAG,SAAvEA,6BAAuE,~~OAA8D~~;AAAA,~~MAA3DC~~,~~SAA2D~~,~~QAA3DA~~,~~SAA2D~~;AAAA,~~MAA7CC~~,~~SAA6C~~;;~~AACzI~~,MAAID,SAAS,KAAK,CAAlB,EAAqB;AACnB,WAAO,qCAAC,gBAAD;AAAS,MAAA,MAAM,EAAC;AAAhB,OAA8BC,SAA9B,EAAP;AACD;;AAED,SACE,qCAAC,gBAAD;AACE,IAAA,KAAK,EAAED,SAAS,KAAK,CAAd,GAAkB,GAAlB,GAAwB,GADjC;AAEE,IAAA,MAAM,EAAC;AAFT,KAGMC,SAHN,EADF;AAOD,~~CAZD~~;;~~AAcO~~,IAAMC,mBAAuD,GAAG,SAA1DA,mBAA0D,~~CAACC~~,~~KAAD~~,~~EAAqC~~;~~AAC1G~~,MAAMC,QAAQ,GAAG,+BAAjB;AACA,MACEC,IADF,GASIF,KATJ,CACEE,IADF;AAAA,MAEEC,QAFF,GASIH,KATJ,CAEEG,QAFF;AAAA,MAGEN,SAHF,GASIG,KATJ,CAGEH,SAHF;AAAA,MAIEO,MAJF,GASIJ,KATJ,CAIEI,MAJF;AAAA,MAKEC,KALF,GASIL,KATJ,CAKEK,KALF;AAAA,MAMEC,UANF,GASIN,KATJ,CAMEM,UANF;AAAA,MAOEC,QAPF,GASIP,KATJ,CAOEO,QAPF;AAAA,MAQKT,SARL,0CASIE,KATJ;AAWA,SACE,qCAAC,iBAAD,6BACMF,SADN;AAEE,IAAA,SAAS,EAAE,KAFb;AAGE,IAAA,gBAAgB,EAAC,SAHnB;AAIE,IAAA,SAAS,EAAE,4BACT,gCAAa,qBAAb,EAAoCG,QAApC,CADS,iCAEeC,IAFf,GAGT;AACE,uCAAiCC;AADnC,KAHS,CAJb;AAWE,kBAAY,iCAAqBI,QAArB;AAXd,MAaE;AAAM,IAAA,SAAS,EAAC;AAAhB,KACG,yBAAaH,MAAb,~~KAAwB~~;AAAM,IAAA,SAAS,EAAC;AAAhB,KAA+CA,MAA/C,~~CAD3B~~,~~EAEE~~,qCAAC,6BAAD;AACE,IAAA,SAAS,EAAEP,SADb;AAEE,IAAA,SAAS,EAAC,4BAFZ;AAGE,IAAA,SAAS,EAAC;AAHZ,KAKGU,QALH,~~CAFF~~,~~EASG~~,yBAAaF,KAAb,~~KAAuB~~;AAAM,IAAA,SAAS,EAAC;AAAhB,KAA8CA,KAA9C,~~CAT1B~~,~~EAUGC~~,UAAU,~~IAAI~~,qCAAC,qBAAD;AAAgB,IAAA,SAAS,EAAC;AAA1B,~~IAVjB~~,CAbF,CADF;~~AA4BD~~,~~CAzCM~~;;;~~AA2CPP~~,mBAAmB,CAACS,YAApB,GAAmC;AACjCN,EAAAA,IAAI,EAAE,GAD2B;AAEjCL,EAAAA,SAAS,EAAE;AAFsB,CAAnC","sourcesContent":["import * as React from 'react';\nimport { HasComponent } from '../../types';\nimport { classNames } from '../../lib/classNames';\nimport { getClassName } from '../../helpers/getClassName';\nimport { getTitleFromChildren, hasReactNode } from '../../lib/utils';\nimport Tappable, { TappableProps } from '../Tappable/Tappable';\nimport { Icon16Dropdown } from '@vkontakte/icons';\nimport { usePlatform } from '../../hooks/usePlatform';\nimport Caption from '../Typography/Caption/Caption';\nimport Subhead from '../Typography/Subhead/Subhead';\nimport './SubnavigationButton.css';\n\nexport interface SubnavigationButtonProps extends Omit<TappableProps, 'size'> {\n size?: 'm' \| 'l';\n selected?: boolean;\n /*\n Размер шрифта. Этим свойством рекомендуется пользоваться, чтобы отрегулировать размер шрифта у кнопок в `<SubnavigationBar mode=\"fixed\" />`\n /\n textLevel?: 1 \| 2 \| 3;\n /\n Рекомендуется использовать только иконки с размером 24\n /\n before?: React.ReactNode;\n /\n Рекомендуется использовать только `<Counter size=\"s\" />` или `<Badge />`\n */\n after?: React.ReactNode;\n expandable?: boolean;\n}\n\ntype SubnavButtonTypographyProps = Pick<SubnavigationButtonProps, 'textLevel'> & HasComponent;\n\nconst SubnavigationButtonTypography: React.FC<SubnavButtonTypographyProps> = ({ textLevel, ...restProps }: SubnavButtonTypographyProps) => {\n if (textLevel === 1) {\n return <Subhead weight=\"regular\" {...restProps} />;\n }\n\n return (\n <Caption\n level={textLevel === 2 ? '1' : '2'}\n weight=\"regular\"\n {...restProps}\n />\n );\n};\n\nexport const SubnavigationButton: React.FC<SubnavigationButtonProps> = (props: SubnavigationButtonProps) => {\n const platform = usePlatform();\n const {\n size,\n selected,\n textLevel,\n before,\n after,\n expandable,\n children,\n ...restProps\n } = props;\n\n return (\n <Tappable\n {...restProps}\n hasActive={false}\n focusVisibleMode=\"outside\"\n vkuiClass={classNames(\n getClassName('SubnavigationButton', platform),\n `SubnavigationButton--${size}`,\n {\n 'SubnavigationButton--selected': selected,\n },\n )}\n aria-label={getTitleFromChildren(children)}\n >\n <span vkuiClass=\"SubnavigationButton__in\">\n {hasReactNode(before) && <span vkuiClass=\"SubnavigationButton__before\">{before}</span>}\n <SubnavigationButtonTypography\n textLevel={textLevel}\n vkuiClass=\"SubnavigationButton__label\"\n Component=\"span\"\n >\n {children}\n </SubnavigationButtonTypography>\n {hasReactNode(after) && <span vkuiClass=\"SubnavigationButton__after\">{after}</span>}\n {expandable && <Icon16Dropdown vkuiClass=\"SubnavigationButton__expandableIcon\" />}\n </span>\n </Tappable>\n );\n};\n\nSubnavigationButton.defaultProps = {\n size: 'm',\n textLevel: 1,\n};\n"],"file":"SubnavigationButton.js"}
1	+ {"version":3,"sources":["../../../../src/components/SubnavigationButton/SubnavigationButton.tsx"],"names":["SubnavigationButtonTypography","textLevel","restProps","SubnavigationButton","props","platform","size","selected","before","after","expandable","children","defaultProps"],"mappings":";;;;;;;;;;;;;;;AAEA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;;AAwBA,IAAMA,6BAAoE,GAAG,SAAvEA,6BAAuE,OAG1C;AAAA,MAFjCC,SAEiC,QAFjCA,SAEiC;AAAA,MAD9BC,SAC8B;;AACjC,MAAID,SAAS,KAAK,CAAlB,EAAqB;AACnB,WAAO,qCAAC,gBAAD;AAAS,MAAA,MAAM,EAAC;AAAhB,OAA8BC,SAA9B,EAAP;AACD;;AAED,SACE,qCAAC,gBAAD;AACE,IAAA,KAAK,EAAED,SAAS,KAAK,CAAd,GAAkB,GAAlB,GAAwB,GADjC;AAEE,IAAA,MAAM,EAAC;AAFT,KAGMC,SAHN,EADF;AAOD,CAfD;;AAiBO,IAAMC,mBAAuD,GAAG,SAA1DA,mBAA0D,CACrEC,KADqE,EAElE;AACH,MAAMC,QAAQ,GAAG,+BAAjB;AACA,MACEC,IADF,GASIF,KATJ,CACEE,IADF;AAAA,MAEEC,QAFF,GASIH,KATJ,CAEEG,QAFF;AAAA,MAGEN,SAHF,GASIG,KATJ,CAGEH,SAHF;AAAA,MAIEO,MAJF,GASIJ,KATJ,CAIEI,MAJF;AAAA,MAKEC,KALF,GASIL,KATJ,CAKEK,KALF;AAAA,MAMEC,UANF,GASIN,KATJ,CAMEM,UANF;AAAA,MAOEC,QAPF,GASIP,KATJ,CAOEO,QAPF;AAAA,MAQKT,SARL,0CASIE,KATJ;AAWA,SACE,qCAAC,iBAAD,6BACMF,SADN;AAEE,IAAA,SAAS,EAAE,KAFb;AAGE,IAAA,gBAAgB,EAAC,SAHnB;AAIE,IAAA,SAAS,EAAE,4BACT,gCAAa,qBAAb,EAAoCG,QAApC,CADS,iCAEeC,IAFf,GAGT;AACE,uCAAiCC;AADnC,KAHS,CAJb;AAWE,kBAAY,iCAAqBI,QAArB;AAXd,MAaE;AAAM,IAAA,SAAS,EAAC;AAAhB,KACG,yBAAaH,MAAb,KACC;AAAM,IAAA,SAAS,EAAC;AAAhB,KAA+CA,MAA/C,CAFJ,EAIE,qCAAC,6BAAD;AACE,IAAA,SAAS,EAAEP,SADb;AAEE,IAAA,SAAS,EAAC,4BAFZ;AAGE,IAAA,SAAS,EAAC;AAHZ,KAKGU,QALH,CAJF,EAWG,yBAAaF,KAAb,KACC;AAAM,IAAA,SAAS,EAAC;AAAhB,KAA8CA,KAA9C,CAZJ,EAcGC,UAAU,IACT,qCAAC,qBAAD;AAAgB,IAAA,SAAS,EAAC;AAA1B,IAfJ,CAbF,CADF;AAkCD,CAjDM;;;AAmDPP,mBAAmB,CAACS,YAApB,GAAmC;AACjCN,EAAAA,IAAI,EAAE,GAD2B;AAEjCL,EAAAA,SAAS,EAAE;AAFsB,CAAnC","sourcesContent":["import * as React from \"react\";\nimport { HasComponent } from \"../../types\";\nimport { classNames } from \"../../lib/classNames\";\nimport { getClassName } from \"../../helpers/getClassName\";\nimport { getTitleFromChildren, hasReactNode } from \"../../lib/utils\";\nimport Tappable, { TappableProps } from \"../Tappable/Tappable\";\nimport { Icon16Dropdown } from \"@vkontakte/icons\";\nimport { usePlatform } from \"../../hooks/usePlatform\";\nimport Caption from \"../Typography/Caption/Caption\";\nimport Subhead from \"../Typography/Subhead/Subhead\";\nimport \"./SubnavigationButton.css\";\n\nexport interface SubnavigationButtonProps extends Omit<TappableProps, \"size\"> {\n size?: \"m\" \| \"l\";\n selected?: boolean;\n /*\n Размер шрифта. Этим свойством рекомендуется пользоваться, чтобы отрегулировать размер шрифта у кнопок в `<SubnavigationBar mode=\"fixed\" />`\n /\n textLevel?: 1 \| 2 \| 3;\n /\n Рекомендуется использовать только иконки с размером 24\n /\n before?: React.ReactNode;\n /\n Рекомендуется использовать только `<Counter size=\"s\" />` или `<Badge />`\n */\n after?: React.ReactNode;\n expandable?: boolean;\n}\n\ntype SubnavButtonTypographyProps = Pick<SubnavigationButtonProps, \"textLevel\"> &\n HasComponent;\n\nconst SubnavigationButtonTypography: React.FC<SubnavButtonTypographyProps> = ({\n textLevel,\n ...restProps\n}: SubnavButtonTypographyProps) => {\n if (textLevel === 1) {\n return <Subhead weight=\"regular\" {...restProps} />;\n }\n\n return (\n <Caption\n level={textLevel === 2 ? \"1\" : \"2\"}\n weight=\"regular\"\n {...restProps}\n />\n );\n};\n\nexport const SubnavigationButton: React.FC<SubnavigationButtonProps> = (\n props: SubnavigationButtonProps\n) => {\n const platform = usePlatform();\n const {\n size,\n selected,\n textLevel,\n before,\n after,\n expandable,\n children,\n ...restProps\n } = props;\n\n return (\n <Tappable\n {...restProps}\n hasActive={false}\n focusVisibleMode=\"outside\"\n vkuiClass={classNames(\n getClassName(\"SubnavigationButton\", platform),\n `SubnavigationButton--${size}`,\n {\n \"SubnavigationButton--selected\": selected,\n }\n )}\n aria-label={getTitleFromChildren(children)}\n >\n <span vkuiClass=\"SubnavigationButton__in\">\n {hasReactNode(before) && (\n <span vkuiClass=\"SubnavigationButton__before\">{before}</span>\n )}\n <SubnavigationButtonTypography\n textLevel={textLevel}\n vkuiClass=\"SubnavigationButton__label\"\n Component=\"span\"\n >\n {children}\n </SubnavigationButtonTypography>\n {hasReactNode(after) && (\n <span vkuiClass=\"SubnavigationButton__after\">{after}</span>\n )}\n {expandable && (\n <Icon16Dropdown vkuiClass=\"SubnavigationButton__expandableIcon\" />\n )}\n </span>\n </Tappable>\n );\n};\n\nSubnavigationButton.defaultProps = {\n size: \"m\",\n textLevel: 1,\n};\n"],"file":"SubnavigationButton.js"}

package/dist/cjs/components/Switch/Switch.d.ts CHANGED Viewed

@@ -1,6 +1,6 @@
-import * as React from 'react';
-import { HasRef, HasRootRef } from '../../types';
-import './Switch.css';
+import * as React from "react";
+import { HasRef, HasRootRef } from "../../types";
+import "./Switch.css";
 export interface SwitchProps extends React.InputHTMLAttributes<HTMLInputElement>, HasRootRef<HTMLLabelElement>, HasRef<HTMLInputElement> {
 }
 export declare const Switch: React.FC<SwitchProps>;

package/dist/cjs/components/Switch/Switch.js CHANGED Viewed

@@ -17,16 +17,19 @@ var _getClassName = require("../../helpers/getClassName");
 var _classNames = require("../../lib/classNames");
+var _callMultiple = require("../../lib/callMultiple");
 var _usePlatform = require("../../hooks/usePlatform");
 var _useAdaptivity2 = require("../../hooks/useAdaptivity");
 var _useExternRef = require("../../hooks/useExternRef");
+var _useFocusVisible2 = require("../../hooks/useFocusVisible");
 var _FocusVisible = require("../FocusVisible/FocusVisible");
 var _excluded = ["style", "className", "getRef", "getRootRef"];
-;
 var Switch = function Switch(_ref) {
   var style = _ref.style,
@@ -39,9 +42,17 @@ var Switch = function Switch(_ref) {
   var _useAdaptivity = (0, _useAdaptivity2.useAdaptivity)(),
       sizeY = _useAdaptivity.sizeY;
+  var _useFocusVisible = (0, _useFocusVisible2.useFocusVisible)(),
+      focusVisible = _useFocusVisible.focusVisible,
+      onBlur = _useFocusVisible.onBlur,
+      onFocus = _useFocusVisible.onFocus;
   var inputRef = (0, _useExternRef.useExternRef)(getRef);
   return (0, _jsxRuntime.createScopedElement)("label", {
-    vkuiClass: (0, _classNames.classNames)((0, _getClassName.getClassName)('Switch', platform), "Switch--sizeY-".concat(sizeY)),
+    vkuiClass: (0, _classNames.classNames)((0, _getClassName.getClassName)("Switch", platform), "Switch--sizeY-".concat(sizeY), {
+      "Switch--disabled": restProps.disabled,
+      "Switch--focus-visible": focusVisible
+    }),
     className: className,
     style: style,
     ref: getRootRef,
@@ -49,7 +60,9 @@ var Switch = function Switch(_ref) {
   }, (0, _jsxRuntime.createScopedElement)("input", (0, _extends2.default)({}, restProps, {
     type: "checkbox",
     vkuiClass: "Switch__self",
-    ref: inputRef
+    ref: inputRef,
+    onBlur: (0, _callMultiple.callMultiple)(onBlur, restProps.onBlur),
+    onFocus: (0, _callMultiple.callMultiple)(onFocus, restProps.onFocus)
   })), (0, _jsxRuntime.createScopedElement)("span", {
     role: "presentation",
     vkuiClass: "Switch__pseudo"

package/dist/cjs/components/Switch/Switch.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../../src/components/Switch/Switch.tsx"],"names":["Switch","style","className","getRef","getRootRef","restProps","platform","sizeY","inputRef"],"mappings":";;;;;;;;;;;;;;;AACA;;AACA;;AACA;;AAEA;;AACA;;AACA~~;;;AAM6B~~;;~~AAEtB~~,IAAMA,MAA6B,GAAG,SAAhCA,MAAgC,OAM1B;AAAA,MALjBC,KAKiB,QALjBA,KAKiB;AAAA,MAJjBC,SAIiB,QAJjBA,SAIiB;AAAA,MAHjBC,MAGiB,QAHjBA,MAGiB;AAAA,MAFjBC,UAEiB,QAFjBA,UAEiB;AAAA,MADdC,SACc;AACjB,MAAMC,QAAQ,GAAG,+BAAjB;;AACA,uBAAkB,oCAAlB;AAAA,MAAQC,KAAR,kBAAQA,KAAR;;AAEA,MAAMC,QAAQ,GAAG,~~gCAAaL~~,MAAb,CAAjB;AAEA,SACE;AACE,IAAA,SAAS,EAAE,~~4BAAW~~,gCAAa,QAAb,EAAuBG,QAAvB,~~CAAX~~,~~0BAA8DC~~,~~KAA9D~~,~~EADb~~;AAEE,IAAA,SAAS,~~EAAEL~~,~~SAFb~~;~~AAGE~~,IAAA,KAAK,EAAED,~~KAHT~~;~~AAIE~~,IAAA,GAAG,EAAEG,~~UAJP~~;~~AAKE~~,IAAA,IAAI,EAAC;~~AALP~~,~~KAOE~~,~~yEAAWC~~,~~SAAX~~;~~AAAsB~~,IAAA,IAAI,EAAC,~~UAA3B~~;~~AAAsC~~,IAAA,SAAS,EAAC,~~cAAhD~~;~~AAA+D~~,IAAA,GAAG,~~EAAEG~~;~~AAApE~~,~~KAPF~~,~~EAQE~~;AAAM,IAAA,IAAI,EAAC,cAAX;AAA0B,IAAA,SAAS,EAAC;AAApC,~~IARF~~,~~EASE~~,qCAAC,0BAAD;AAAc,IAAA,IAAI,EAAC;AAAnB,~~IATF~~,CADF;~~AAaD~~,~~CAzBM~~","sourcesContent":["import * as React from 'react';\nimport { getClassName } from '../../helpers/getClassName';\nimport { classNames } from '../../lib/classNames';\nimport { usePlatform } from '../../hooks/usePlatform';\nimport { HasRef, HasRootRef } from '../../types';\nimport { useAdaptivity } from '../../hooks/useAdaptivity';\nimport { useExternRef } from '../../hooks/useExternRef';\nimport { FocusVisible } from '../FocusVisible/FocusVisible';\nimport './Switch.css';\n\nexport interface SwitchProps ~~extends~~\n React.InputHTMLAttributes<HTMLInputElement>,\n HasRootRef<HTMLLabelElement>,\n HasRef<HTMLInputElement> {};\n\nexport const Switch: React.FC<SwitchProps> = ({\n style,\n className,\n getRef,\n getRootRef,\n ...restProps\n}: SwitchProps) => {\n const platform = usePlatform();\n const { sizeY } = useAdaptivity();\n\n const inputRef = useExternRef(getRef);\n\n return (\n <label\n vkuiClass={classNames(getClassName('Switch', platform), `Switch--sizeY-${sizeY}`)}\n className={className}\n style={style}\n ref={getRootRef}\n role=\"presentation\"\n >\n <input {...restProps} type=\"checkbox\" vkuiClass=\"Switch__self\" ref={inputRef} />\n <span role=\"presentation\" vkuiClass=\"Switch__pseudo\" />\n <FocusVisible mode=\"outside\" />\n </label>\n );\n};\n"],"file":"Switch.js"}
1	+ {"version":3,"sources":["../../../../src/components/Switch/Switch.tsx"],"names":["Switch","style","className","getRef","getRootRef","restProps","platform","sizeY","focusVisible","onBlur","onFocus","inputRef","disabled"],"mappings":";;;;;;;;;;;;;;;AACA;;AACA;;AACA;;AACA;;AAEA;;AACA;;AACA;;AACA;;;;AAQO,IAAMA,MAA6B,GAAG,SAAhCA,MAAgC,OAM1B;AAAA,MALjBC,KAKiB,QALjBA,KAKiB;AAAA,MAJjBC,SAIiB,QAJjBA,SAIiB;AAAA,MAHjBC,MAGiB,QAHjBA,MAGiB;AAAA,MAFjBC,UAEiB,QAFjBA,UAEiB;AAAA,MADdC,SACc;AACjB,MAAMC,QAAQ,GAAG,+BAAjB;;AACA,uBAAkB,oCAAlB;AAAA,MAAQC,KAAR,kBAAQA,KAAR;;AACA,yBAA0C,wCAA1C;AAAA,MAAQC,YAAR,oBAAQA,YAAR;AAAA,MAAsBC,MAAtB,oBAAsBA,MAAtB;AAAA,MAA8BC,OAA9B,oBAA8BA,OAA9B;;AAEA,MAAMC,QAAQ,GAAG,gCAAaR,MAAb,CAAjB;AAEA,SACE;AACE,IAAA,SAAS,EAAE,4BACT,gCAAa,QAAb,EAAuBG,QAAvB,CADS,0BAEQC,KAFR,GAGT;AACE,0BAAoBF,SAAS,CAACO,QADhC;AAEE,+BAAyBJ;AAF3B,KAHS,CADb;AASE,IAAA,SAAS,EAAEN,SATb;AAUE,IAAA,KAAK,EAAED,KAVT;AAWE,IAAA,GAAG,EAAEG,UAXP;AAYE,IAAA,IAAI,EAAC;AAZP,KAcE,yEACMC,SADN;AAEE,IAAA,IAAI,EAAC,UAFP;AAGE,IAAA,SAAS,EAAC,cAHZ;AAIE,IAAA,GAAG,EAAEM,QAJP;AAKE,IAAA,MAAM,EAAE,gCAAaF,MAAb,EAAqBJ,SAAS,CAACI,MAA/B,CALV;AAME,IAAA,OAAO,EAAE,gCAAaC,OAAb,EAAsBL,SAAS,CAACK,OAAhC;AANX,KAdF,EAsBE;AAAM,IAAA,IAAI,EAAC,cAAX;AAA0B,IAAA,SAAS,EAAC;AAApC,IAtBF,EAuBE,qCAAC,0BAAD;AAAc,IAAA,IAAI,EAAC;AAAnB,IAvBF,CADF;AA2BD,CAxCM","sourcesContent":["import * as React from \"react\";\nimport { getClassName } from \"../../helpers/getClassName\";\nimport { classNames } from \"../../lib/classNames\";\nimport { callMultiple } from \"../../lib/callMultiple\";\nimport { usePlatform } from \"../../hooks/usePlatform\";\nimport { HasRef, HasRootRef } from \"../../types\";\nimport { useAdaptivity } from \"../../hooks/useAdaptivity\";\nimport { useExternRef } from \"../../hooks/useExternRef\";\nimport { useFocusVisible } from \"../../hooks/useFocusVisible\";\nimport { FocusVisible } from \"../FocusVisible/FocusVisible\";\nimport \"./Switch.css\";\n\nexport interface SwitchProps\n extends React.InputHTMLAttributes<HTMLInputElement>,\n HasRootRef<HTMLLabelElement>,\n HasRef<HTMLInputElement> {}\n\nexport const Switch: React.FC<SwitchProps> = ({\n style,\n className,\n getRef,\n getRootRef,\n ...restProps\n}: SwitchProps) => {\n const platform = usePlatform();\n const { sizeY } = useAdaptivity();\n const { focusVisible, onBlur, onFocus } = useFocusVisible();\n\n const inputRef = useExternRef(getRef);\n\n return (\n <label\n vkuiClass={classNames(\n getClassName(\"Switch\", platform),\n `Switch--sizeY-${sizeY}`,\n {\n \"Switch--disabled\": restProps.disabled,\n \"Switch--focus-visible\": focusVisible,\n }\n )}\n className={className}\n style={style}\n ref={getRootRef}\n role=\"presentation\"\n >\n <input\n {...restProps}\n type=\"checkbox\"\n vkuiClass=\"Switch__self\"\n ref={inputRef}\n onBlur={callMultiple(onBlur, restProps.onBlur)}\n onFocus={callMultiple(onFocus, restProps.onFocus)}\n />\n <span role=\"presentation\" vkuiClass=\"Switch__pseudo\" />\n <FocusVisible mode=\"outside\" />\n </label>\n );\n};\n"],"file":"Switch.js"}

package/dist/cjs/components/Tabbar/Tabbar.d.ts CHANGED Viewed

@@ -1,11 +1,11 @@
-import * as React from 'react';
-import './Tabbar.css';
+import * as React from "react";
+import "./Tabbar.css";
 export interface TabbarProps extends React.HTMLAttributes<HTMLDivElement> {
     /**
      * Флаг для показа/скрытия верхней тени (Android) или границы (iOS)
      */
     shadow?: boolean;
-    itemsLayout?: 'vertical' | 'horizontal' | 'auto';
+    itemsLayout?: "vertical" | "horizontal" | "auto";
 }
 declare const Tabbar: React.FunctionComponent<TabbarProps>;
 export default Tabbar;

package/dist/cjs/components/Tabbar/Tabbar.js CHANGED Viewed

@@ -34,18 +34,18 @@ var Tabbar = function Tabbar(props) {
   var getItemsLayout = function getItemsLayout() {
     switch (itemsLayout) {
-      case 'horizontal':
-      case 'vertical':
+      case "horizontal":
+      case "vertical":
         return itemsLayout;
       default:
-        return React.Children.count(children) > 2 ? 'vertical' : 'horizontal';
+        return React.Children.count(children) > 2 ? "vertical" : "horizontal";
     }
   };
   return (0, _jsxRuntime.createScopedElement)("div", (0, _extends2.default)({
-    vkuiClass: (0, _classNames.classNames)((0, _getClassName.getClassName)('Tabbar', platform), "Tabbar--l-".concat(getItemsLayout()), {
-      'Tabbar--shadow': shadow
+    vkuiClass: (0, _classNames.classNames)((0, _getClassName.getClassName)("Tabbar", platform), "Tabbar--l-".concat(getItemsLayout()), {
+      "Tabbar--shadow": shadow
     })
   }, restProps), (0, _jsxRuntime.createScopedElement)("div", {
     vkuiClass: "Tabbar__in"
@@ -54,7 +54,8 @@ var Tabbar = function Tabbar(props) {
 Tabbar.defaultProps = {
   shadow: true
-};
+}; // eslint-disable-next-line import/no-default-export
 var _default = Tabbar;
 exports.default = _default;
 //# sourceMappingURL=Tabbar.js.map