npm - @vkontakte/vkui - Versions diffs - 4.35.4 → 4.37.0 - Mend

@vkontakte/vkui 4.35.4 → 4.37.0

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 (1275) hide show

package/dist/cssm/components/RangeSlider/UniversalSlider.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"~~sources~~":["~~../../../../src/components/RangeSlider/~~UniversalSlider.~~tsx~~"],"names":["React","Touch","classNames","rescale","withAdaptivity","useExternRef","UniversalSliderDumb","min","max","step","value","defaultValue","onChange","getRootRef","sizeY","disabled","restProps","start","end","isRange","gesture","useRef","dragging","startX","containerWidth","current","container","thumbStart","thumbEnd","offsetToValue","absolute","updateRange","nextValue","snapDirection","pos","target","Math","abs","onStart","e","boundingRect","getBoundingClientRect","width","absolutePosition","left","originalEvent","stopPropagation","onMove","shiftX","preventDefault","onEnd","toPercent","v","draggerStyle","join","UniversalSlider","displayName"],"~~mappings~~":"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","sourcesContent":["import * as React from \"react\";\nimport { Touch, TouchEvent, TouchEventHandler } from \"../Touch/Touch\";\nimport { classNames } from \"../../lib/classNames\";\nimport { HasRootRef } from \"../../types\";\nimport { rescale } from \"../../helpers/math\";\nimport { withAdaptivity, AdaptivityProps } from \"../../hoc/withAdaptivity\";\nimport { useExternRef } from \"../../hooks/useExternRef\";\nimport \"../Slider/Slider.css\";\n\nexport type UniversalValue = [number \| null, number];\n\nexport interface UniversalSliderProps<Value>\n extends HasRootRef<HTMLDivElement>,\n Omit<\n React.HTMLAttributes<HTMLDivElement>,\n \"value\" \| \"defaultValue\" \| \"onChange\"\n >,\n AdaptivityProps {\n min?: number;\n max?: number;\n step?: number;\n value?: Value;\n defaultValue?: Value;\n disabled?: boolean;\n onChange?(value: Value, e: TouchEvent): void;\n}\n\nconst UniversalSliderDumb = ({\n min = 0,\n max = 100,\n step,\n value = [0, 0],\n defaultValue,\n onChange,\n getRootRef,\n sizeY,\n disabled,\n ...restProps\n}: UniversalSliderProps<UniversalValue>) => {\n const [start, end] = value;\n const isRange = start != null;\n const gesture = React.useRef({\n dragging: false as false \| \"start\" \| \"end\",\n startX: 0,\n containerWidth: 0,\n }).current;\n const container = useExternRef(getRootRef);\n const thumbStart = React.useRef<HTMLDivElement>(null);\n const thumbEnd = React.useRef<HTMLDivElement>(null);\n\n const offsetToValue = (absolute: number) => {\n return rescale(absolute, [0, gesture.containerWidth], [min, max], { step });\n };\n\n const updateRange = (nextValue: number): UniversalValue => {\n if (start == null) {\n return [null, nextValue];\n }\n\n const { dragging } = gesture;\n if (dragging === \"start\") {\n if (nextValue > end) {\n // \"перехватиться\", если перетянули за конец\n gesture.dragging = \"end\";\n return [end, nextValue];\n }\n return [nextValue, end];\n }\n if (dragging === \"end\") {\n if (nextValue < start) {\n // \"перехватиться\", если перетянули за начало\n gesture.dragging = \"start\";\n return [nextValue, start];\n }\n return [start, nextValue];\n }\n\n return value;\n };\n\n const snapDirection = (pos: number, target: EventTarget \| null) => {\n if (target === thumbStart.current) {\n return \"start\";\n }\n if (target === thumbEnd.current) {\n return \"end\";\n }\n return Math.abs((start ?? 0) - pos) <= Math.abs(end - pos)\n ? \"start\"\n : \"end\";\n };\n\n const onStart: TouchEventHandler = (e: TouchEvent) => {\n const boundingRect = container.current?.getBoundingClientRect();\n gesture.containerWidth = boundingRect?.width ?? 0;\n\n const absolutePosition = e.startX - (boundingRect?.left ?? 0);\n const pos = offsetToValue(absolutePosition);\n gesture.dragging = snapDirection(pos, e.originalEvent.target);\n gesture.startX = absolutePosition;\n\n onChange?.(updateRange(pos), e);\n e.originalEvent.stopPropagation();\n };\n\n const onMove: TouchEventHandler = (e: TouchEvent) => {\n onChange?.(updateRange(offsetToValue(gesture.startX + (e.shiftX \|\| 0))), e);\n\n e.originalEvent.stopPropagation();\n e.originalEvent.preventDefault();\n };\n\n const onEnd: TouchEventHandler = (e) => {\n gesture.dragging = false;\n e.originalEvent.stopPropagation();\n };\n\n const toPercent = (v: number) => ((v - min) / (max - min)) * 100;\n const draggerStyle = isRange\n ? {\n width: `${toPercent(end) - toPercent(start ?? 0)}%`,\n left: `${toPercent(start ?? 0)}%`,\n }\n : {\n width: `${toPercent(end)}%`,\n };\n\n return (\n <Touch\n data-value={isRange ? value.join(\",\") : value}\n {...restProps}\n {...(disabled ? {} : { onStart, onMove, onEnd })}\n vkuiClass={classNames(\n \"Slider\",\n `Slider--sizeY-${sizeY}`,\n disabled && \"Slider--disabled\"\n )}\n >\n <div ref={container} vkuiClass=\"Slider__in\">\n <div vkuiClass=\"Slider__dragger\" style={draggerStyle}>\n {isRange && (\n <span\n vkuiClass={classNames(\"Slider__thumb\", \"Slider__thumb--start\")}\n ref={thumbStart}\n />\n )}\n <span\n vkuiClass={classNames(\"Slider__thumb\", \"Slider__thumb--end\")}\n ref={thumbEnd}\n />\n </div>\n </div>\n </Touch>\n );\n};\n\nexport const UniversalSlider = withAdaptivity(UniversalSliderDumb, {\n sizeY: true,\n});\n\nUniversalSlider.displayName = \"UniversalSlider\";\n"],"~~file~~":"~~UniversalSlider.js~~"}
1	+ {"version":3,"file":"UniversalSlider.js","names":["React","Touch","classNames","rescale","withAdaptivity","useExternRef","UniversalSliderDumb","min","max","step","value","defaultValue","onChange","getRootRef","sizeY","disabled","restProps","start","end","isRange","gesture","useRef","dragging","startX","containerWidth","current","container","thumbStart","thumbEnd","offsetToValue","absolute","updateRange","nextValue","snapDirection","pos","target","Math","abs","onStart","e","boundingRect","getBoundingClientRect","width","absolutePosition","left","originalEvent","stopPropagation","onMove","shiftX","preventDefault","onEnd","toPercent","v","draggerStyle","join","UniversalSlider","displayName"],"sources":["../../../../src/components/RangeSlider/UniversalSlider.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { Touch, TouchEvent, TouchEventHandler } from \"../Touch/Touch\";\nimport { classNames } from \"../../lib/classNames\";\nimport { HasRootRef } from \"../../types\";\nimport { rescale } from \"../../helpers/math\";\nimport { withAdaptivity, AdaptivityProps } from \"../../hoc/withAdaptivity\";\nimport { useExternRef } from \"../../hooks/useExternRef\";\nimport \"../Slider/Slider.css\";\n\nexport type UniversalValue = [number \| null, number];\n\nexport interface UniversalSliderProps<Value>\n extends HasRootRef<HTMLDivElement>,\n Omit<\n React.HTMLAttributes<HTMLDivElement>,\n \"value\" \| \"defaultValue\" \| \"onChange\"\n >,\n AdaptivityProps {\n min?: number;\n max?: number;\n step?: number;\n value?: Value;\n defaultValue?: Value;\n disabled?: boolean;\n onChange?(value: Value, e: TouchEvent): void;\n}\n\nconst UniversalSliderDumb = ({\n min = 0,\n max = 100,\n step,\n value = [0, 0],\n defaultValue,\n onChange,\n getRootRef,\n sizeY,\n disabled,\n ...restProps\n}: UniversalSliderProps<UniversalValue>) => {\n const [start, end] = value;\n const isRange = start != null;\n const gesture = React.useRef({\n dragging: false as false \| \"start\" \| \"end\",\n startX: 0,\n containerWidth: 0,\n }).current;\n const container = useExternRef(getRootRef);\n const thumbStart = React.useRef<HTMLDivElement>(null);\n const thumbEnd = React.useRef<HTMLDivElement>(null);\n\n const offsetToValue = (absolute: number) => {\n return rescale(absolute, [0, gesture.containerWidth], [min, max], { step });\n };\n\n const updateRange = (nextValue: number): UniversalValue => {\n if (start == null) {\n return [null, nextValue];\n }\n\n const { dragging } = gesture;\n if (dragging === \"start\") {\n if (nextValue > end) {\n // \"перехватиться\", если перетянули за конец\n gesture.dragging = \"end\";\n return [end, nextValue];\n }\n return [nextValue, end];\n }\n if (dragging === \"end\") {\n if (nextValue < start) {\n // \"перехватиться\", если перетянули за начало\n gesture.dragging = \"start\";\n return [nextValue, start];\n }\n return [start, nextValue];\n }\n\n return value;\n };\n\n const snapDirection = (pos: number, target: EventTarget \| null) => {\n if (target === thumbStart.current) {\n return \"start\";\n }\n if (target === thumbEnd.current) {\n return \"end\";\n }\n return Math.abs((start ?? 0) - pos) <= Math.abs(end - pos)\n ? \"start\"\n : \"end\";\n };\n\n const onStart: TouchEventHandler = (e: TouchEvent) => {\n const boundingRect = container.current?.getBoundingClientRect();\n gesture.containerWidth = boundingRect?.width ?? 0;\n\n const absolutePosition = e.startX - (boundingRect?.left ?? 0);\n const pos = offsetToValue(absolutePosition);\n gesture.dragging = snapDirection(pos, e.originalEvent.target);\n gesture.startX = absolutePosition;\n\n onChange?.(updateRange(pos), e);\n e.originalEvent.stopPropagation();\n };\n\n const onMove: TouchEventHandler = (e: TouchEvent) => {\n onChange?.(updateRange(offsetToValue(gesture.startX + (e.shiftX \|\| 0))), e);\n\n e.originalEvent.stopPropagation();\n e.originalEvent.preventDefault();\n };\n\n const onEnd: TouchEventHandler = (e) => {\n gesture.dragging = false;\n e.originalEvent.stopPropagation();\n };\n\n const toPercent = (v: number) => ((v - min) / (max - min)) * 100;\n const draggerStyle = isRange\n ? {\n width: `${toPercent(end) - toPercent(start ?? 0)}%`,\n left: `${toPercent(start ?? 0)}%`,\n }\n : {\n width: `${toPercent(end)}%`,\n };\n\n return (\n <Touch\n data-value={isRange ? value.join(\",\") : value}\n {...restProps}\n {...(disabled ? {} : { onStart, onMove, onEnd })}\n vkuiClass={classNames(\n \"Slider\",\n `Slider--sizeY-${sizeY}`,\n disabled && \"Slider--disabled\"\n )}\n >\n <div ref={container} vkuiClass=\"Slider__in\">\n <div vkuiClass=\"Slider__dragger\" style={draggerStyle}>\n {isRange && (\n <span\n vkuiClass={classNames(\"Slider__thumb\", \"Slider__thumb--start\")}\n ref={thumbStart}\n />\n )}\n <span\n vkuiClass={classNames(\"Slider__thumb\", \"Slider__thumb--end\")}\n ref={thumbEnd}\n />\n </div>\n </div>\n </Touch>\n );\n};\n\nexport const UniversalSlider = withAdaptivity(UniversalSliderDumb, {\n sizeY: true,\n});\n\nUniversalSlider.displayName = \"UniversalSlider\";\n"],"mappings":"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"}

package/dist/cssm/components/Removable/Removable.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"~~sources~~":["~~../../../../src/components/~~Removable~~/Removable~~.~~tsx~~"],"names":["React","classNames","getTitleFromChildren","noop","useExternRef","usePlatform","useAdaptivity","useDOM","IOS","Icon24Cancel","IconButton","useGlobalEventListener","Tappable","RemovableIos","onRemove","removePlaceholder","removePlaceholderString","children","window","removeButtonRef","useRef","disabledRef","useState","removeOffset","updateRemoveOffset","capture","onRemoveTransitionEnd","current","focus","onRemoveActivateClick","e","stopPropagation","offsetWidth","transform","Removable","getRootRef","align","restProps","platform","sizeY","ref","onRemoveClick","preventDefault"],"~~mappings~~":"~~;;;;;AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AAEA,SAASC,UAAT;AACA,SAASC,oBAAT,EAA+BC,IAA~~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","sourcesContent":["import * as React from \"react\";\nimport { HasRootRef } from \"../../types\";\nimport { classNames } from \"../../lib/classNames\";\nimport { getTitleFromChildren, noop } from \"../../lib/utils\";\nimport { useExternRef } from \"../../hooks/useExternRef\";\nimport { usePlatform } from \"../../hooks/usePlatform\";\nimport { useAdaptivity } from \"../../hooks/useAdaptivity\";\nimport { useDOM } from \"../../lib/dom\";\nimport { IOS } from \"../../lib/platform\";\nimport { Icon24Cancel } from \"@vkontakte/icons\";\nimport { IconButton } from \"../IconButton/IconButton\";\nimport { useGlobalEventListener } from \"../../hooks/useGlobalEventListener\";\nimport { Tappable } from \"../Tappable/Tappable\";\nimport \"./Removable.css\";\n\nexport interface RemovableProps {\n /*\n iOS only. Текст в выезжающей кнопке для удаления ячейки.\n /\n removePlaceholder?: React.ReactNode;\n /\n Коллбэк срабатывает при клике на контрол удаления.\n /\n onRemove?: (e: React.MouseEvent, rootEl?: HTMLElement \| null) => void;\n}\n\ninterface RemovableIosOwnProps extends RemovableProps {\n removePlaceholderString?: string;\n children?: React.ReactNode;\n}\n\n/\n @see https://vkcom.github.io/VKUI/#/RemovableIos\n /\nconst RemovableIos = ({\n onRemove,\n removePlaceholder,\n removePlaceholderString,\n children,\n}: RemovableIosOwnProps) => {\n const { window } = useDOM();\n\n const removeButtonRef = React.useRef<HTMLElement>(null);\n const disabledRef = React.useRef(true);\n const [removeOffset, updateRemoveOffset] = React.useState(0);\n\n useGlobalEventListener(\n window,\n \"click\",\n () => {\n if (removeOffset > 0) {\n updateRemoveOffset(0);\n }\n },\n { capture: true }\n );\n\n const onRemoveTransitionEnd = () => {\n if (removeOffset > 0) {\n removeButtonRef?.current?.focus();\n } else {\n disabledRef.current = true;\n }\n };\n\n const onRemoveActivateClick = (e: React.MouseEvent) => {\n e.stopPropagation();\n if (!removeButtonRef.current) {\n return;\n }\n const { offsetWidth } = removeButtonRef.current;\n disabledRef.current = false;\n updateRemoveOffset(offsetWidth);\n };\n\n return (\n <div\n vkuiClass=\"Removable__content\"\n style={{ transform: `translateX(-${removeOffset ?? 0}px)` }}\n onTransitionEnd={onRemoveTransitionEnd}\n >\n <IconButton\n hasActive={false}\n hasHover={false}\n aria-label={removePlaceholderString}\n vkuiClass=\"Removable__action Removable__toggle\"\n onClick={onRemoveActivateClick}\n disabled={removeOffset > 0}\n >\n <i vkuiClass=\"Removable__toggle-in\" role=\"presentation\" />\n </IconButton>\n {children}\n\n <span vkuiClass=\"Removable__offset\" aria-hidden />\n\n <Tappable\n Component=\"button\"\n hasActive={false}\n hasHover={false}\n disabled={disabledRef.current}\n getRootRef={removeButtonRef}\n vkuiClass=\"Removable__remove\"\n onClick={onRemove}\n >\n <span vkuiClass=\"Removable__remove-in\">{removePlaceholder}</span>\n </Tappable>\n </div>\n );\n};\n\ninterface RemovableOwnProps\n extends React.AllHTMLAttributes<HTMLElement>,\n RemovableProps,\n HasRootRef<HTMLDivElement> {\n /\n Расположение кнопки удаления.\n /\n align?: \"start\" \| \"center\";\n}\n\n/\n @see https://vkcom.github.io/VKUI/#/Removable\n */\nexport const Removable = ({\n getRootRef,\n children,\n onRemove = noop,\n removePlaceholder = \"Удалить\",\n align = \"center\",\n ...restProps\n}: RemovableOwnProps) => {\n const platform = usePlatform();\n const { sizeY } = useAdaptivity();\n\n const ref = useExternRef(getRootRef);\n\n const onRemoveClick = (e: React.MouseEvent) => {\n e.preventDefault();\n onRemove(e);\n };\n\n const removePlaceholderString: string =\n getTitleFromChildren(removePlaceholder);\n\n return (\n <div\n {...restProps}\n ref={ref}\n vkuiClass={classNames(\n \"Removable\",\n platform === IOS && \"Removable--ios\",\n `Removable--${align}`,\n `Removable--sizeY-${sizeY}`\n )}\n >\n {platform !== IOS && (\n <div vkuiClass=\"Removable__content\">\n {children}\n\n <IconButton\n activeMode=\"opacity\"\n hoverMode=\"opacity\"\n vkuiClass=\"Removable__action\"\n onClick={onRemoveClick}\n aria-label={removePlaceholderString}\n >\n <Icon24Cancel role=\"presentation\" />\n </IconButton>\n\n <span vkuiClass=\"Removable__offset\" aria-hidden />\n </div>\n )}\n\n {platform === IOS && (\n <RemovableIos\n onRemove={onRemoveClick}\n removePlaceholder={removePlaceholder}\n removePlaceholderString={removePlaceholderString}\n >\n {children}\n </RemovableIos>\n )}\n </div>\n );\n};\n"],"~~file~~":"~~Removable.js~~"}
1	+ {"version":3,"file":"Removable.js","names":["React","classNames","getTitleFromChildren","noop","useExternRef","usePlatform","useAdaptivity","useDOM","IOS","Icon24Cancel","IconButton","useGlobalEventListener","Tappable","RemovableIos","onRemove","removePlaceholder","removePlaceholderString","children","window","removeButtonRef","useRef","disabledRef","useState","removeOffset","updateRemoveOffset","capture","onRemoveTransitionEnd","current","focus","onRemoveActivateClick","e","stopPropagation","offsetWidth","transform","Removable","getRootRef","align","restProps","platform","sizeY","ref","onRemoveClick","preventDefault"],"sources":["../../../../src/components/Removable/Removable.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { HasRootRef } from \"../../types\";\nimport { classNames } from \"../../lib/classNames\";\nimport { getTitleFromChildren, noop } from \"../../lib/utils\";\nimport { useExternRef } from \"../../hooks/useExternRef\";\nimport { usePlatform } from \"../../hooks/usePlatform\";\nimport { useAdaptivity } from \"../../hooks/useAdaptivity\";\nimport { useDOM } from \"../../lib/dom\";\nimport { IOS } from \"../../lib/platform\";\nimport { Icon24Cancel } from \"@vkontakte/icons\";\nimport { IconButton } from \"../IconButton/IconButton\";\nimport { useGlobalEventListener } from \"../../hooks/useGlobalEventListener\";\nimport { Tappable } from \"../Tappable/Tappable\";\nimport \"./Removable.css\";\n\nexport interface RemovableProps {\n /*\n iOS only. Текст в выезжающей кнопке для удаления ячейки.\n /\n removePlaceholder?: React.ReactNode;\n /\n Коллбэк срабатывает при клике на контрол удаления.\n /\n onRemove?: (e: React.MouseEvent, rootEl?: HTMLElement \| null) => void;\n}\n\ninterface RemovableIosOwnProps extends RemovableProps {\n removePlaceholderString?: string;\n children?: React.ReactNode;\n}\n\n/\n @see https://vkcom.github.io/VKUI/#/RemovableIos\n /\nconst RemovableIos = ({\n onRemove,\n removePlaceholder,\n removePlaceholderString,\n children,\n}: RemovableIosOwnProps) => {\n const { window } = useDOM();\n\n const removeButtonRef = React.useRef<HTMLElement>(null);\n const disabledRef = React.useRef(true);\n const [removeOffset, updateRemoveOffset] = React.useState(0);\n\n useGlobalEventListener(\n window,\n \"click\",\n () => {\n if (removeOffset > 0) {\n updateRemoveOffset(0);\n }\n },\n { capture: true }\n );\n\n const onRemoveTransitionEnd = () => {\n if (removeOffset > 0) {\n removeButtonRef?.current?.focus();\n } else {\n disabledRef.current = true;\n }\n };\n\n const onRemoveActivateClick = (e: React.MouseEvent) => {\n e.stopPropagation();\n if (!removeButtonRef.current) {\n return;\n }\n const { offsetWidth } = removeButtonRef.current;\n disabledRef.current = false;\n updateRemoveOffset(offsetWidth);\n };\n\n return (\n <div\n vkuiClass=\"Removable__content\"\n style={{ transform: `translateX(-${removeOffset ?? 0}px)` }}\n onTransitionEnd={onRemoveTransitionEnd}\n >\n <IconButton\n hasActive={false}\n hasHover={false}\n aria-label={removePlaceholderString}\n vkuiClass=\"Removable__action Removable__toggle\"\n onClick={onRemoveActivateClick}\n disabled={removeOffset > 0}\n >\n <i vkuiClass=\"Removable__toggle-in\" role=\"presentation\" />\n </IconButton>\n {children}\n\n <span vkuiClass=\"Removable__offset\" aria-hidden />\n\n <Tappable\n Component=\"button\"\n hasActive={false}\n hasHover={false}\n disabled={disabledRef.current}\n getRootRef={removeButtonRef}\n vkuiClass=\"Removable__remove\"\n onClick={onRemove}\n >\n <span vkuiClass=\"Removable__remove-in\">{removePlaceholder}</span>\n </Tappable>\n </div>\n );\n};\n\ninterface RemovableOwnProps\n extends React.AllHTMLAttributes<HTMLElement>,\n RemovableProps,\n HasRootRef<HTMLDivElement> {\n /\n Расположение кнопки удаления.\n /\n align?: \"start\" \| \"center\";\n}\n\n/\n @see https://vkcom.github.io/VKUI/#/Removable\n */\nexport const Removable = ({\n getRootRef,\n children,\n onRemove = noop,\n removePlaceholder = \"Удалить\",\n align = \"center\",\n ...restProps\n}: RemovableOwnProps) => {\n const platform = usePlatform();\n const { sizeY } = useAdaptivity();\n\n const ref = useExternRef(getRootRef);\n\n const onRemoveClick = (e: React.MouseEvent) => {\n e.preventDefault();\n onRemove(e);\n };\n\n const removePlaceholderString: string =\n getTitleFromChildren(removePlaceholder);\n\n return (\n <div\n {...restProps}\n ref={ref}\n vkuiClass={classNames(\n \"Removable\",\n platform === IOS && \"Removable--ios\",\n `Removable--${align}`,\n `Removable--sizeY-${sizeY}`\n )}\n >\n {platform !== IOS && (\n <div vkuiClass=\"Removable__content\">\n {children}\n\n <IconButton\n activeMode=\"opacity\"\n hoverMode=\"opacity\"\n vkuiClass=\"Removable__action\"\n onClick={onRemoveClick}\n aria-label={removePlaceholderString}\n >\n <Icon24Cancel role=\"presentation\" />\n </IconButton>\n\n <span vkuiClass=\"Removable__offset\" aria-hidden />\n </div>\n )}\n\n {platform === IOS && (\n <RemovableIos\n onRemove={onRemoveClick}\n removePlaceholder={removePlaceholder}\n removePlaceholderString={removePlaceholderString}\n >\n {children}\n </RemovableIos>\n )}\n </div>\n );\n};\n"],"mappings":"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"}

package/dist/cssm/components/RichCell/RichCell.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"~~sources~~":["~~../../../../src/components/~~RichCell~~/RichCell~~.~~tsx~~"],"names":["classNames","Tappable","Subhead","withAdaptivity","RichCellComponent","subhead","children","text","caption","before","after","afterCaption","bottom","actions","multiline","sizeY","restProps","RichCell","displayName"],"~~mappings~~":";;;;AACA,SAASA,UAAT;AACA,SAAwBC,QAAxB;AACA,SAASC,OAAT;AACA,SAASC,cAAT;AACA;;AAoDA,IAAMC,iBAAiB,GAAG,SAApBA,iBAAoB,OAaL;AAAA,MAZnBC,OAYmB,QAZnBA,OAYmB;AAAA,MAXnBC,QAWmB,QAXnBA,QAWmB;AAAA,MAVnBC,IAUmB,QAVnBA,IAUmB;AAAA,MATnBC,OASmB,QATnBA,OASmB;AAAA,MARnBC,MAQmB,QARnBA,MAQmB;AAAA,MAPnBC,KAOmB,QAPnBA,KAOmB;AAAA,MANnBC,YAMmB,QANnBA,YAMmB;AAAA,MALnBC,MAKmB,QALnBA,MAKmB;AAAA,MAJnBC,OAImB,QAJnBA,OAImB;AAAA,MAHnBC,SAGmB,QAHnBA,SAGmB;AAAA,MAFnBC,KAEmB,QAFnBA,KAEmB;AAAA,MADhBC,SACgB;;AACnB,SACE,oBAAC,QAAD,eACMA,SADN;AAEE,IAAA,SAAS,EAAEhB,UAAU,CACnB,UADmB,EAEnB,CAACc,SAAD,IAAc,yBAFK,4BAGAC,KAHA;AAFvB,MAQGN,MAAM,IAAI;AAAK,IAAA,SAAS,EAAC;AAAf,KAAmCA,MAAnC,CARb,EASE;AAAK,IAAA,SAAS,EAAC;AAAf,KACE;AAAK,IAAA,SAAS,EAAC;AAAf,KACE;AAAK,IAAA,SAAS,EAAC;AAAf,KACGJ,OAAO,IACN,oBAAC,OAAD;AAAS,IAAA,SAAS,EAAC,KAAnB;AAAyB,IAAA,SAAS,EAAC;AAAnC,KACGA,OADH,CAFJ,EAME;AAAK,IAAA,SAAS,EAAC;AAAf,KAAqCC,QAArC,CANF,EAOGC,IAAI,IAAI;AAAK,IAAA,SAAS,EAAC;AAAf,KAAiCA,IAAjC,CAPX,EAQGC,OAAO,IACN,oBAAC,OAAD;AAAS,IAAA,SAAS,EAAC,KAAnB;AAAyB,IAAA,SAAS,EAAC;AAAnC,KACGA,OADH,CATJ,CADF,EAeG,CAACE,KAAK,IAAIC,YAAV,KACC;AAAK,IAAA,SAAS,EAAC;AAAf,KACGD,KAAK,IAAI;AAAK,IAAA,SAAS,EAAC;AAAf,KAA2CA,KAA3C,CADZ,EAEGC,YAAY,IACX;AAAK,IAAA,SAAS,EAAC;AAAf,KAA0CA,YAA1C,CAHJ,CAhBJ,CADF,EAyBGC,MAAM,IAAI;AAAK,IAAA,SAAS,EAAC;AAAf,KAAmCA,MAAnC,CAzBb,EA0BGC,OAAO,IAAI;AAAK,IAAA,SAAS,EAAC;AAAf,KAAoCA,OAApC,CA1Bd,CATF,CADF;AAwCD,CAtDD;AAwDA;AACA;AACA;;;AACA,OAAO,IAAMI,QAAQ,GAAGd,cAAc,CAACC,iBAAD,EAAoB;AAAEW,EAAAA,KAAK,EAAE;AAAT,CAApB,CAA/~~B;AAEPE,QAAQ,CAACC,WAAT,GAAuB,UAAvB~~","sourcesContent":["import * as React from \"react\";\nimport { classNames } from \"../../lib/classNames\";\nimport { TappableProps, Tappable } from \"../Tappable/Tappable\";\nimport { Subhead } from \"../Typography/Subhead/Subhead\";\nimport { withAdaptivity } from \"../../hoc/withAdaptivity\";\nimport \"./RichCell.css\";\n\nexport interface RichCellProps extends TappableProps {\n /*\n Контейнер для текста над `children`.\n /\n subhead?: React.ReactNode;\n /\n Контейнер для текста под `children`.\n /\n text?: React.ReactNode;\n /\n Контейнер для текста под `text`.\n /\n caption?: React.ReactNode;\n /\n Контейнер для контента под `caption`. Например `<UsersStack size=\"s\" />`.\n /\n bottom?: React.ReactNode;\n /\n Кнопки-действия. Принимает [`Button`](https://vkcom.github.io/VKUI/#/Button) с параметрами:\n \n - `mode=\"primary\" size=\"s\"`\n * - `mode=\"secondary\" size=\"s\"`\n \n Для набора кнопок используйте [`ButtonGroup`](https://vkcom.github.io/VKUI/#/ButtonGroup) с параметрами:\n \n - `mode=\"horizontal\" gap=\"s\" stretched`\n /\n actions?: React.ReactNode;\n /\n `<Avatar size={40\|48\|72} />`.\n /\n before?: React.ReactNode;\n /\n Иконка 24 или текст.\n /\n after?: React.ReactNode;\n /\n Текст под `after`.\n /\n afterCaption?: React.ReactNode;\n /\n Убирает анимацию нажатия.\n /\n disabled?: boolean;\n /\n Включает многострочный режим для `subhead`, `children`, `text` и `caption`.\n /\n multiline?: boolean;\n}\n\nconst RichCellComponent = ({\n subhead,\n children,\n text,\n caption,\n before,\n after,\n afterCaption,\n bottom,\n actions,\n multiline,\n sizeY,\n ...restProps\n}: RichCellProps) => {\n return (\n <Tappable\n {...restProps}\n vkuiClass={classNames(\n \"RichCell\",\n !multiline && \"RichCell--text-ellipsis\",\n `RichCell--sizeY-${sizeY}`\n )}\n >\n {before && <div vkuiClass=\"RichCell__before\">{before}</div>}\n <div vkuiClass=\"RichCell__in\">\n <div vkuiClass=\"RichCell__content\">\n <div vkuiClass=\"RichCell__content-before\">\n {subhead && (\n <Subhead Component=\"div\" vkuiClass=\"RichCell__subhead\">\n {subhead}\n </Subhead>\n )}\n <div vkuiClass=\"RichCell__children\">{children}</div>\n {text && <div vkuiClass=\"RichCell__text\">{text}</div>}\n {caption && (\n <Subhead Component=\"div\" vkuiClass=\"RichCell__caption\">\n {caption}\n </Subhead>\n )}\n </div>\n {(after \|\| afterCaption) && (\n <div vkuiClass=\"RichCell__content-after\">\n {after && <div vkuiClass=\"RichCell__after-children\">{after}</div>}\n {afterCaption && (\n <div vkuiClass=\"RichCell__after-caption\">{afterCaption}</div>\n )}\n </div>\n )}\n </div>\n {bottom && <div vkuiClass=\"RichCell__bottom\">{bottom}</div>}\n {actions && <div vkuiClass=\"RichCell__actions\">{actions}</div>}\n </div>\n </Tappable>\n );\n};\n\n/\n @see https://vkcom.github.io/VKUI/#/RichCell\n */\nexport const RichCell = withAdaptivity(RichCellComponent, { sizeY: true });\n\nRichCell.displayName = \"RichCell\";\n"],"~~file~~":"~~RichCell.js~~"}
1	+ {"version":3,"file":"RichCell.js","names":["classNames","Tappable","Subhead","withAdaptivity","RichCellComponent","subhead","children","text","caption","before","after","afterCaption","bottom","actions","multiline","sizeY","restProps","RichCell","displayName"],"sources":["../../../../src/components/RichCell/RichCell.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { classNames } from \"../../lib/classNames\";\nimport { TappableProps, Tappable } from \"../Tappable/Tappable\";\nimport { Subhead } from \"../Typography/Subhead/Subhead\";\nimport { withAdaptivity } from \"../../hoc/withAdaptivity\";\nimport \"./RichCell.css\";\n\nexport interface RichCellProps extends TappableProps {\n /*\n Контейнер для текста над `children`.\n /\n subhead?: React.ReactNode;\n /\n Контейнер для текста под `children`.\n /\n text?: React.ReactNode;\n /\n Контейнер для текста под `text`.\n /\n caption?: React.ReactNode;\n /\n Контейнер для контента под `caption`. Например `<UsersStack size=\"s\" />`.\n /\n bottom?: React.ReactNode;\n /\n Кнопки-действия. Принимает [`Button`](https://vkcom.github.io/VKUI/#/Button) с параметрами:\n \n - `mode=\"primary\" size=\"s\"`\n * - `mode=\"secondary\" size=\"s\"`\n \n Для набора кнопок используйте [`ButtonGroup`](https://vkcom.github.io/VKUI/#/ButtonGroup) с параметрами:\n \n - `mode=\"horizontal\" gap=\"s\" stretched`\n /\n actions?: React.ReactNode;\n /\n `<Avatar size={40\|48\|72} />`.\n /\n before?: React.ReactNode;\n /\n Иконка 24 или текст.\n /\n after?: React.ReactNode;\n /\n Текст под `after`.\n /\n afterCaption?: React.ReactNode;\n /\n Убирает анимацию нажатия.\n /\n disabled?: boolean;\n /\n Включает многострочный режим для `subhead`, `children`, `text` и `caption`.\n /\n multiline?: boolean;\n}\n\nconst RichCellComponent = ({\n subhead,\n children,\n text,\n caption,\n before,\n after,\n afterCaption,\n bottom,\n actions,\n multiline,\n sizeY,\n ...restProps\n}: RichCellProps) => {\n return (\n <Tappable\n {...restProps}\n vkuiClass={classNames(\n \"RichCell\",\n !multiline && \"RichCell--text-ellipsis\",\n `RichCell--sizeY-${sizeY}`\n )}\n >\n {before && <div vkuiClass=\"RichCell__before\">{before}</div>}\n <div vkuiClass=\"RichCell__in\">\n <div vkuiClass=\"RichCell__content\">\n <div vkuiClass=\"RichCell__content-before\">\n {subhead && (\n <Subhead Component=\"div\" vkuiClass=\"RichCell__subhead\">\n {subhead}\n </Subhead>\n )}\n <div vkuiClass=\"RichCell__children\">{children}</div>\n {text && <div vkuiClass=\"RichCell__text\">{text}</div>}\n {caption && (\n <Subhead Component=\"div\" vkuiClass=\"RichCell__caption\">\n {caption}\n </Subhead>\n )}\n </div>\n {(after \|\| afterCaption) && (\n <div vkuiClass=\"RichCell__content-after\">\n {after && <div vkuiClass=\"RichCell__after-children\">{after}</div>}\n {afterCaption && (\n <div vkuiClass=\"RichCell__after-caption\">{afterCaption}</div>\n )}\n </div>\n )}\n </div>\n {bottom && <div vkuiClass=\"RichCell__bottom\">{bottom}</div>}\n {actions && <div vkuiClass=\"RichCell__actions\">{actions}</div>}\n </div>\n </Tappable>\n );\n};\n\n/\n @see https://vkcom.github.io/VKUI/#/RichCell\n */\nexport const RichCell = withAdaptivity(RichCellComponent, { sizeY: true });\n\nRichCell.displayName = \"RichCell\";\n"],"mappings":";;;;AACA,SAASA,UAAT;AACA,SAAwBC,QAAxB;AACA,SAASC,OAAT;AACA,SAASC,cAAT;AACA;;AAoDA,IAAMC,iBAAiB,GAAG,SAApBA,iBAAoB,OAaL;EAAA,IAZnBC,OAYmB,QAZnBA,OAYmB;EAAA,IAXnBC,QAWmB,QAXnBA,QAWmB;EAAA,IAVnBC,IAUmB,QAVnBA,IAUmB;EAAA,IATnBC,OASmB,QATnBA,OASmB;EAAA,IARnBC,MAQmB,QARnBA,MAQmB;EAAA,IAPnBC,KAOmB,QAPnBA,KAOmB;EAAA,IANnBC,YAMmB,QANnBA,YAMmB;EAAA,IALnBC,MAKmB,QALnBA,MAKmB;EAAA,IAJnBC,OAImB,QAJnBA,OAImB;EAAA,IAHnBC,SAGmB,QAHnBA,SAGmB;EAAA,IAFnBC,KAEmB,QAFnBA,KAEmB;EAAA,IADhBC,SACgB;;EACnB,OACE,oBAAC,QAAD,eACMA,SADN;IAEE,SAAS,EAAEhB,UAAU,CACnB,UADmB,EAEnB,CAACc,SAAD,IAAc,yBAFK,4BAGAC,KAHA;EAFvB,IAQGN,MAAM,IAAI;IAAK,SAAS,EAAC;EAAf,GAAmCA,MAAnC,CARb,EASE;IAAK,SAAS,EAAC;EAAf,GACE;IAAK,SAAS,EAAC;EAAf,GACE;IAAK,SAAS,EAAC;EAAf,GACGJ,OAAO,IACN,oBAAC,OAAD;IAAS,SAAS,EAAC,KAAnB;IAAyB,SAAS,EAAC;EAAnC,GACGA,OADH,CAFJ,EAME;IAAK,SAAS,EAAC;EAAf,GAAqCC,QAArC,CANF,EAOGC,IAAI,IAAI;IAAK,SAAS,EAAC;EAAf,GAAiCA,IAAjC,CAPX,EAQGC,OAAO,IACN,oBAAC,OAAD;IAAS,SAAS,EAAC,KAAnB;IAAyB,SAAS,EAAC;EAAnC,GACGA,OADH,CATJ,CADF,EAeG,CAACE,KAAK,IAAIC,YAAV,KACC;IAAK,SAAS,EAAC;EAAf,GACGD,KAAK,IAAI;IAAK,SAAS,EAAC;EAAf,GAA2CA,KAA3C,CADZ,EAEGC,YAAY,IACX;IAAK,SAAS,EAAC;EAAf,GAA0CA,YAA1C,CAHJ,CAhBJ,CADF,EAyBGC,MAAM,IAAI;IAAK,SAAS,EAAC;EAAf,GAAmCA,MAAnC,CAzBb,EA0BGC,OAAO,IAAI;IAAK,SAAS,EAAC;EAAf,GAAoCA,OAApC,CA1Bd,CATF,CADF;AAwCD,CAtDD;AAwDA;AACA;AACA;;;AACA,OAAO,IAAMI,QAAQ,GAAGd,cAAc,CAACC,iBAAD,EAAoB;EAAEW,KAAK,EAAE;AAAT,CAApB,CAA/B;AAEPE,QAAQ,CAACC,WAAT,GAAuB,UAAvB"}

package/dist/cssm/components/RichTooltip/RichTooltip.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"~~sources~~":["~~../../../../src/components/~~RichTooltip~~/RichTooltip~~.~~tsx~~"],"names":["HoverPopper","classNames","prefixClass","RichTooltip","children","arrow","appearance","popperProps"],"~~mappings~~":";;;;AAAA,SAASA,WAAT;AACA,SAASC,UAAT;AACA,SAASC,WAAT;AACA;;AAUA;AACA;AACA;AACA,OAAO,IAAMC,WAAW,GAAG,SAAdA,WAAc,OAKH;AAAA,MAJtBC,QAIsB,QAJtBA,QAIsB;AAAA,wBAHtBC,KAGsB;AAAA,MAHtBA,KAGsB,2BAHd,IAGc;AAAA,6BAFtBC,UAEsB;AAAA,MAFtBA,UAEsB,gCAFT,SAES;AAAA,MADnBC,WACmB;;AACtB,SACE,oBAAC,WAAD;AACE,IAAA,SAAS,EAAEN,UAAU,CAAC,aAAD,yBAAgCK,UAAhC,EADvB;AAEE,IAAA,KAAK,EAAED,KAFT;AAGE,IAAA,cAAc,EAAEH,WAAW,CAAC,oBAAD;AAH7B,KAIMK,WAJN,GAMGH,QANH,CADF;AAUD,CAhBM","sourcesContent":["import { HoverPopper, HoverPopperProps } from \"../HoverPopper/HoverPopper\";\nimport { classNames } from \"../../lib/classNames\";\nimport { prefixClass } from \"../../lib/prefixClass\";\nimport \"./RichTooltip.css\";\n\nexport interface RichTooltipProps\n extends Omit<HoverPopperProps, \"arrowClassName\"> {\n /*\n Стиль отображения подсказки\n /\n appearance?: \"accent\" \| \"neutral\" \| \"white\" \| \"black\" \| \"inversion\";\n}\n\n/\n @see https://vkcom.github.io/VKUI/#/RichTooltip\n */\nexport const RichTooltip = ({\n children,\n arrow = true,\n appearance = \"neutral\",\n ...popperProps\n}: RichTooltipProps) => {\n return (\n <HoverPopper\n vkuiClass={classNames(\"RichTooltip\", `RichTooltip--${appearance}`)}\n arrow={arrow}\n arrowClassName={prefixClass(\"RichTooltip__arrow\")}\n {...popperProps}\n >\n {children}\n </HoverPopper>\n );\n};\n"],"~~file~~":"~~RichTooltip.js~~"}
1	+ {"version":3,"file":"RichTooltip.js","names":["HoverPopper","classNames","prefixClass","RichTooltip","children","arrow","appearance","popperProps"],"sources":["../../../../src/components/RichTooltip/RichTooltip.tsx"],"sourcesContent":["import { HoverPopper, HoverPopperProps } from \"../HoverPopper/HoverPopper\";\nimport { classNames } from \"../../lib/classNames\";\nimport { prefixClass } from \"../../lib/prefixClass\";\nimport \"./RichTooltip.css\";\n\nexport interface RichTooltipProps\n extends Omit<HoverPopperProps, \"arrowClassName\"> {\n /*\n Стиль отображения подсказки\n /\n appearance?: \"accent\" \| \"neutral\" \| \"white\" \| \"black\" \| \"inversion\";\n}\n\n/\n @see https://vkcom.github.io/VKUI/#/RichTooltip\n */\nexport const RichTooltip = ({\n children,\n arrow = true,\n appearance = \"neutral\",\n ...popperProps\n}: RichTooltipProps) => {\n return (\n <HoverPopper\n vkuiClass={classNames(\"RichTooltip\", `RichTooltip--${appearance}`)}\n arrow={arrow}\n arrowClassName={prefixClass(\"RichTooltip__arrow\")}\n {...popperProps}\n >\n {children}\n </HoverPopper>\n );\n};\n"],"mappings":";;;;AAAA,SAASA,WAAT;AACA,SAASC,UAAT;AACA,SAASC,WAAT;AACA;;AAUA;AACA;AACA;AACA,OAAO,IAAMC,WAAW,GAAG,SAAdA,WAAc,OAKH;EAAA,IAJtBC,QAIsB,QAJtBA,QAIsB;EAAA,sBAHtBC,KAGsB;EAAA,IAHtBA,KAGsB,2BAHd,IAGc;EAAA,2BAFtBC,UAEsB;EAAA,IAFtBA,UAEsB,gCAFT,SAES;EAAA,IADnBC,WACmB;;EACtB,OACE,oBAAC,WAAD;IACE,SAAS,EAAEN,UAAU,CAAC,aAAD,yBAAgCK,UAAhC,EADvB;IAEE,KAAK,EAAED,KAFT;IAGE,cAAc,EAAEH,WAAW,CAAC,oBAAD;EAH7B,GAIMK,WAJN,GAMGH,QANH,CADF;AAUD,CAhBM"}

package/dist/cssm/components/Root/Root.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../../src/components/Root/Root.tsx"],"names":["React","classNames","IOS","ConfigProviderContext","SplitColContext","AppRootPortal","ScrollContext","NavTransitionProvider","getNavId","warnOnce","useDOM","useIsomorphicLayoutEffect","useTimeout","usePlatform","warn","Root","popout","modal","children","_activeView","activeView","onTransition","nav","restProps","scroll","useContext","platform","document","scrolls","useRef","current","viewNodes","transitionMotionEnabled","animate","disableAnimation","views","Children","toArray","useState","transition","prevView","isBack","_setState","transitionTo","panel","viewIds","map","view","props","indexOf","getScroll","y","finishTransition","useCallback","activeElement","blur","scrollTo","Boolean","from","to","fallbackTransition","useEffect","clear","set","onAnimationEnd","e","includes","animationName","process","env","NODE_ENV","viewId","isTransitionTarget","compensateScroll","undefined","marginTop"],"mappings":"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","sourcesContent":["import * as React from \"react\";\nimport { classNames } from \"../../lib/classNames\";\nimport { IOS } from \"../../lib/platform\";\nimport { ConfigProviderContext } from \"../ConfigProvider/ConfigProviderContext\";\nimport { SplitColContext } from \"../SplitCol/SplitCol\";\nimport { AppRootPortal } from \"../AppRoot/AppRootPortal\";\nimport { ScrollContext } from \"../AppRoot/ScrollContext\";\nimport { NavTransitionProvider } from \"../NavTransitionContext/NavTransitionContext\";\nimport { getNavId, NavIdProps } from \"../../lib/getNavId\";\nimport { warnOnce } from \"../../lib/warnOnce\";\nimport { useDOM } from \"../../lib/dom\";\nimport { useIsomorphicLayoutEffect } from \"../../lib/useIsomorphicLayoutEffect\";\nimport { useTimeout } from \"../../hooks/useTimeout\";\nimport { usePlatform } from \"../../hooks/usePlatform\";\nimport \"./Root.css\";\n\nexport interface RootProps\n extends React.HTMLAttributes<HTMLDivElement>,\n NavIdProps {\n activeView: string;\n onTransition?(params: { isBack: boolean; from: string; to: string }): void;\n /*\n @deprecated будет удалено в 5.0.0. Используйте одноименное свойство у `SplitLayout`.\n \n Свойство для отрисовки `Alert`, `ActionSheet` и `ScreenSpinner`.\n /\n popout?: React.ReactNode;\n /\n @deprecated будет удалено в 5.0.0. Используйте одноименное свойство у `SplitLayout`.\n \n Свойство для отрисовки `ModalRoot`.\n /\n modal?: React.ReactNode;\n}\n\nexport interface RootState {\n activeView: string;\n transition: boolean;\n isBack?: boolean;\n prevView?: string;\n}\n\nconst warn = warnOnce(\"Root\");\n\n/\n @see https://vkcom.github.io/VKUI/#/Root\n */\nexport const Root = ({\n popout = null,\n modal,\n children,\n activeView: _activeView,\n onTransition,\n nav,\n ...restProps\n}: RootProps) => {\n const scroll = React.useContext(ScrollContext);\n const platform = usePlatform();\n const { document } = useDOM();\n const scrolls = React.useRef<Record<string, number>>({}).current;\n const viewNodes = React.useRef<Record<string, HTMLElement \| null>>(\n {}\n ).current;\n\n const { transitionMotionEnabled = true } = React.useContext(\n ConfigProviderContext\n );\n const { animate } = React.useContext(SplitColContext);\n const disableAnimation = !transitionMotionEnabled \|\| !animate;\n\n const views = React.Children.toArray(children) as React.ReactElement[];\n\n const [{ prevView, activeView, transition, isBack }, _setState] =\n React.useState<RootState>({\n activeView: _activeView,\n transition: false,\n });\n const transitionTo = (panel: string) => {\n if (panel !== activeView) {\n const viewIds = views.map((view) => getNavId(view.props, warn));\n const isBack = viewIds.indexOf(panel) < viewIds.indexOf(activeView);\n scrolls[activeView] = scroll.getScroll().y;\n _setState({\n activeView: panel,\n prevView: activeView,\n transition: !disableAnimation,\n isBack,\n });\n }\n };\n const finishTransition = React.useCallback(\n () => _setState({ activeView, prevView, isBack, transition: false }),\n [activeView, isBack, prevView]\n );\n\n useIsomorphicLayoutEffect(() => {\n (document!.activeElement as HTMLElement).blur();\n }, [!!popout, activeView]);\n\n // Нужен переход\n useIsomorphicLayoutEffect(() => transitionTo(_activeView), [_activeView]);\n useIsomorphicLayoutEffect(() => {\n if (!transition && prevView) {\n // Закончился переход\n scroll.scrollTo(0, isBack ? scrolls[activeView] : 0);\n onTransition &&\n onTransition({\n isBack: Boolean(isBack),\n from: prevView,\n to: activeView,\n });\n }\n }, [transition, prevView]);\n\n const fallbackTransition = useTimeout(\n finishTransition,\n platform === IOS ? 600 : 300\n );\n React.useEffect(() => {\n if (!transition) {\n fallbackTransition.clear();\n return;\n }\n fallbackTransition.set();\n }, [fallbackTransition, transition]);\n\n const onAnimationEnd = (e: React.AnimationEvent) => {\n if (\n [\n \"vkui-root-android-animation-hide-back\",\n \"vkui-root-android-animation-show-forward\",\n \"vkui-root-ios-animation-hide-back\",\n \"vkui-root-ios-animation-show-forward\",\n ].includes(e.animationName)\n ) {\n finishTransition();\n }\n };\n\n if (process.env.NODE_ENV === \"development\") {\n popout &&\n warn(\n \"Свойство popout устарело и будет удалено в 5.0.0. Используйте одноименное свойство у SplitLayout.\"\n );\n modal &&\n warn(\n \"Свойство modal устарело и будет удалено в 5.0.0. Используйте одноименное свойство у SplitLayout.\"\n );\n }\n\n return (\n <div\n {...restProps}\n vkuiClass={classNames(\n \"Root\",\n platform === IOS && \"Root--ios\",\n transition && \"Root--transition\"\n )}\n >\n {views.map((view) => {\n const viewId = getNavId(view.props, warn);\n if (viewId !== activeView && !(transition && viewId === prevView)) {\n return null;\n }\n const isTransitionTarget =\n transition && viewId === (isBack ? prevView : activeView);\n const compensateScroll =\n transition &&\n (viewId === prevView \|\| (isBack && viewId === activeView));\n return (\n <div\n key={viewId}\n ref={(e) => viewId && (viewNodes[viewId] = e)}\n onAnimationEnd={isTransitionTarget ? onAnimationEnd : undefined}\n vkuiClass={classNames(\n \"Root__view\",\n transition &&\n viewId === prevView &&\n isBack &&\n \"Root__view--hide-back\",\n transition &&\n viewId === prevView &&\n !isBack &&\n \"Root__view--hide-forward\",\n transition &&\n viewId === activeView &&\n isBack &&\n \"Root__view--show-back\",\n transition &&\n viewId === activeView &&\n !isBack &&\n \"Root__view--show-forward\",\n !transition && viewId === activeView && \"Root__view--active\"\n )}\n >\n <NavTransitionProvider\n entering={transition && viewId === activeView}\n >\n <div\n vkuiClass=\"Root__scrollCompensation\"\n style={{\n marginTop: compensateScroll\n ? viewId && -(scrolls[viewId] ?? 0)\n : undefined,\n }}\n >\n {view}\n </div>\n </NavTransitionProvider>\n </div>\n );\n })}\n <AppRootPortal>\n {!!popout && <div vkuiClass=\"Root__popout\">{popout}</div>}\n {!!modal && <div vkuiClass=\"Root__modal\">{modal}</div>}\n </AppRootPortal>\n </div>\n );\n};\n"],"file":"Root.js"}
1	+ {"version":3,"file":"Root.js","names":["React","classNames","IOS","ConfigProviderContext","SplitColContext","AppRootPortal","ScrollContext","NavTransitionProvider","getNavId","warnOnce","useDOM","useIsomorphicLayoutEffect","useTimeout","usePlatform","warn","Root","popout","modal","children","_activeView","activeView","onTransition","nav","restProps","scroll","useContext","platform","document","scrolls","useRef","current","viewNodes","transitionMotionEnabled","animate","disableAnimation","views","Children","toArray","useState","transition","prevView","isBack","_setState","transitionTo","panel","viewIds","map","view","props","indexOf","getScroll","y","finishTransition","useCallback","activeElement","blur","scrollTo","Boolean","from","to","fallbackTransition","useEffect","clear","set","onAnimationEnd","e","includes","animationName","process","env","NODE_ENV","viewId","isTransitionTarget","compensateScroll","undefined","marginTop"],"sources":["../../../../src/components/Root/Root.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { classNames } from \"../../lib/classNames\";\nimport { IOS } from \"../../lib/platform\";\nimport { ConfigProviderContext } from \"../ConfigProvider/ConfigProviderContext\";\nimport { SplitColContext } from \"../SplitCol/SplitCol\";\nimport { AppRootPortal } from \"../AppRoot/AppRootPortal\";\nimport { ScrollContext } from \"../AppRoot/ScrollContext\";\nimport { NavTransitionProvider } from \"../NavTransitionContext/NavTransitionContext\";\nimport { getNavId, NavIdProps } from \"../../lib/getNavId\";\nimport { warnOnce } from \"../../lib/warnOnce\";\nimport { useDOM } from \"../../lib/dom\";\nimport { useIsomorphicLayoutEffect } from \"../../lib/useIsomorphicLayoutEffect\";\nimport { useTimeout } from \"../../hooks/useTimeout\";\nimport { usePlatform } from \"../../hooks/usePlatform\";\nimport \"./Root.css\";\n\nexport interface RootProps\n extends React.HTMLAttributes<HTMLDivElement>,\n NavIdProps {\n activeView: string;\n onTransition?(params: { isBack: boolean; from: string; to: string }): void;\n /*\n @deprecated будет удалено в 5.0.0. Используйте одноименное свойство у `SplitLayout`.\n \n Свойство для отрисовки `Alert`, `ActionSheet` и `ScreenSpinner`.\n /\n popout?: React.ReactNode;\n /\n @deprecated будет удалено в 5.0.0. Используйте одноименное свойство у `SplitLayout`.\n \n Свойство для отрисовки `ModalRoot`.\n /\n modal?: React.ReactNode;\n}\n\nexport interface RootState {\n activeView: string;\n transition: boolean;\n isBack?: boolean;\n prevView?: string;\n}\n\nconst warn = warnOnce(\"Root\");\n\n/\n @see https://vkcom.github.io/VKUI/#/Root\n */\nexport const Root = ({\n popout = null,\n modal,\n children,\n activeView: _activeView,\n onTransition,\n nav,\n ...restProps\n}: RootProps) => {\n const scroll = React.useContext(ScrollContext);\n const platform = usePlatform();\n const { document } = useDOM();\n const scrolls = React.useRef<Record<string, number>>({}).current;\n const viewNodes = React.useRef<Record<string, HTMLElement \| null>>(\n {}\n ).current;\n\n const { transitionMotionEnabled = true } = React.useContext(\n ConfigProviderContext\n );\n const { animate } = React.useContext(SplitColContext);\n const disableAnimation = !transitionMotionEnabled \|\| !animate;\n\n const views = React.Children.toArray(children) as React.ReactElement[];\n\n const [{ prevView, activeView, transition, isBack }, _setState] =\n React.useState<RootState>({\n activeView: _activeView,\n transition: false,\n });\n const transitionTo = (panel: string) => {\n if (panel !== activeView) {\n const viewIds = views.map((view) => getNavId(view.props, warn));\n const isBack = viewIds.indexOf(panel) < viewIds.indexOf(activeView);\n scrolls[activeView] = scroll.getScroll().y;\n _setState({\n activeView: panel,\n prevView: activeView,\n transition: !disableAnimation,\n isBack,\n });\n }\n };\n const finishTransition = React.useCallback(\n () => _setState({ activeView, prevView, isBack, transition: false }),\n [activeView, isBack, prevView]\n );\n\n useIsomorphicLayoutEffect(() => {\n (document!.activeElement as HTMLElement).blur();\n }, [!!popout, activeView]);\n\n // Нужен переход\n useIsomorphicLayoutEffect(() => transitionTo(_activeView), [_activeView]);\n useIsomorphicLayoutEffect(() => {\n if (!transition && prevView) {\n // Закончился переход\n scroll.scrollTo(0, isBack ? scrolls[activeView] : 0);\n onTransition &&\n onTransition({\n isBack: Boolean(isBack),\n from: prevView,\n to: activeView,\n });\n }\n }, [transition, prevView]);\n\n const fallbackTransition = useTimeout(\n finishTransition,\n platform === IOS ? 600 : 300\n );\n React.useEffect(() => {\n if (!transition) {\n fallbackTransition.clear();\n return;\n }\n fallbackTransition.set();\n }, [fallbackTransition, transition]);\n\n const onAnimationEnd = (e: React.AnimationEvent) => {\n if (\n [\n \"vkui-root-android-animation-hide-back\",\n \"vkui-root-android-animation-show-forward\",\n \"vkui-root-ios-animation-hide-back\",\n \"vkui-root-ios-animation-show-forward\",\n ].includes(e.animationName)\n ) {\n finishTransition();\n }\n };\n\n if (process.env.NODE_ENV === \"development\") {\n popout &&\n warn(\n \"Свойство popout устарело и будет удалено в 5.0.0. Используйте одноименное свойство у SplitLayout.\"\n );\n modal &&\n warn(\n \"Свойство modal устарело и будет удалено в 5.0.0. Используйте одноименное свойство у SplitLayout.\"\n );\n }\n\n return (\n <div\n {...restProps}\n vkuiClass={classNames(\n \"Root\",\n platform === IOS && \"Root--ios\",\n transition && \"Root--transition\"\n )}\n >\n {views.map((view) => {\n const viewId = getNavId(view.props, warn);\n if (viewId !== activeView && !(transition && viewId === prevView)) {\n return null;\n }\n const isTransitionTarget =\n transition && viewId === (isBack ? prevView : activeView);\n const compensateScroll =\n transition &&\n (viewId === prevView \|\| (isBack && viewId === activeView));\n return (\n <div\n key={viewId}\n ref={(e) => viewId && (viewNodes[viewId] = e)}\n onAnimationEnd={isTransitionTarget ? onAnimationEnd : undefined}\n vkuiClass={classNames(\n \"Root__view\",\n transition &&\n viewId === prevView &&\n isBack &&\n \"Root__view--hide-back\",\n transition &&\n viewId === prevView &&\n !isBack &&\n \"Root__view--hide-forward\",\n transition &&\n viewId === activeView &&\n isBack &&\n \"Root__view--show-back\",\n transition &&\n viewId === activeView &&\n !isBack &&\n \"Root__view--show-forward\",\n !transition && viewId === activeView && \"Root__view--active\"\n )}\n >\n <NavTransitionProvider\n entering={transition && viewId === activeView}\n >\n <div\n vkuiClass=\"Root__scrollCompensation\"\n style={{\n marginTop: compensateScroll\n ? viewId && -(scrolls[viewId] ?? 0)\n : undefined,\n }}\n >\n {view}\n </div>\n </NavTransitionProvider>\n </div>\n );\n })}\n <AppRootPortal>\n {!!popout && <div vkuiClass=\"Root__popout\">{popout}</div>}\n {!!modal && <div vkuiClass=\"Root__modal\">{modal}</div>}\n </AppRootPortal>\n </div>\n );\n};\n"],"mappings":"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"}

package/dist/cssm/components/ScreenSpinner/Icon48CancelCircle.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"~~sources~~":["~~../../../../src/components/ScreenSpinner/~~Icon48CancelCircle.~~tsx~~"],"names":["Icon48CancelCircle","props"],"~~mappings~~":";;AAAA,OAAO,IAAMA,kBAAkB,GAAG,SAArBA,kBAAqB,CAACC,KAAD;AAAA,SAChC;AACE,IAAA,SAAS,EAAC,MADZ;AAEE,IAAA,KAAK,EAAC,IAFR;AAGE,IAAA,MAAM,EAAC,IAHT;AAIE,IAAA,OAAO,EAAC,WAJV;AAKE,IAAA,IAAI,EAAC,MALP;AAME,IAAA,KAAK,EAAC;AANR,KAOMA,KAPN,GASE;AACE,IAAA,QAAQ,EAAC,SADX;AAEE,IAAA,QAAQ,EAAC,SAFX;AAGE,IAAA,CAAC,EAAC,8VAHJ;AAIE,IAAA,IAAI,EAAC;AAJP,IATF,CADgC;AAAA,CAA3B","sourcesContent":["export const Icon48CancelCircle = (props: React.SVGProps<SVGSVGElement>) => (\n <svg\n vkuiClass=\"Icon\"\n width=\"48\"\n height=\"48\"\n viewBox=\"0 0 48 48\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n {...props}\n >\n <path\n fillRule=\"evenodd\"\n clipRule=\"evenodd\"\n d=\"M40 24c0 8.837-7.163 16-16 16S8 32.837 8 24 15.163 8 24 8s16 7.163 16 16Zm-10.08-4.33a1.125 1.125 0 0 0-1.59-1.59L24 22.409l-4.33-4.33a1.125 1.125 0 0 0-1.59 0l-.101.116a1.125 1.125 0 0 0 .1 1.476L22.41 24l-4.33 4.33a1.125 1.125 0 0 0 1.591 1.59L24 25.591l4.33 4.33c.439.439 1.151.439 1.59 0l.101-.116a1.125 1.125 0 0 0-.1-1.476L25.59 24l4.33-4.33Z\"\n fill=\"currentColor\"\n />\n </svg>\n);\n"],"~~file~~":"~~Icon48CancelCircle.js~~"}
1	+ {"version":3,"file":"Icon48CancelCircle.js","names":["Icon48CancelCircle","props"],"sources":["../../../../src/components/ScreenSpinner/Icon48CancelCircle.tsx"],"sourcesContent":["export const Icon48CancelCircle = (props: React.SVGProps<SVGSVGElement>) => (\n <svg\n vkuiClass=\"Icon\"\n width=\"48\"\n height=\"48\"\n viewBox=\"0 0 48 48\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n {...props}\n >\n <path\n fillRule=\"evenodd\"\n clipRule=\"evenodd\"\n d=\"M40 24c0 8.837-7.163 16-16 16S8 32.837 8 24 15.163 8 24 8s16 7.163 16 16Zm-10.08-4.33a1.125 1.125 0 0 0-1.59-1.59L24 22.409l-4.33-4.33a1.125 1.125 0 0 0-1.59 0l-.101.116a1.125 1.125 0 0 0 .1 1.476L22.41 24l-4.33 4.33a1.125 1.125 0 0 0 1.591 1.59L24 25.591l4.33 4.33c.439.439 1.151.439 1.59 0l.101-.116a1.125 1.125 0 0 0-.1-1.476L25.59 24l4.33-4.33Z\"\n fill=\"currentColor\"\n />\n </svg>\n);\n"],"mappings":";;AAAA,OAAO,IAAMA,kBAAkB,GAAG,SAArBA,kBAAqB,CAACC,KAAD;EAAA,OAChC;IACE,SAAS,EAAC,MADZ;IAEE,KAAK,EAAC,IAFR;IAGE,MAAM,EAAC,IAHT;IAIE,OAAO,EAAC,WAJV;IAKE,IAAI,EAAC,MALP;IAME,KAAK,EAAC;EANR,GAOMA,KAPN,GASE;IACE,QAAQ,EAAC,SADX;IAEE,QAAQ,EAAC,SAFX;IAGE,CAAC,EAAC,8VAHJ;IAIE,IAAI,EAAC;EAJP,EATF,CADgC;AAAA,CAA3B"}

package/dist/cssm/components/ScreenSpinner/Icon48DoneOutline.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"~~sources~~":["~~../../../../src/components/ScreenSpinner/~~Icon48DoneOutline.~~tsx~~"],"names":["Icon48DoneOutline","props"],"~~mappings~~":"~~;;AAAA,OAAO,IAAMA,iBAAiB,GAAG,SAApBA,iBAAoB,CAACC,KAAD;AAAA,SAC~~/B;AACE,IAAA,SAAS,EAAC,MADZ;AAEE,IAAA,KAAK,EAAC,IAFR;AAGE,IAAA,MAAM,EAAC,IAHT;AAIE,IAAA,OAAO,EAAC,WAJV;AAKE,IAAA,IAAI,EAAC,MALP;AAME,IAAA,KAAK,EAAC;AANR,KAOMA,KAPN,GASE;AACE,IAAA,CAAC,EAAC,mBADJ;AAEE,IAAA,MAAM,EAAC,cAFT;AAGE,IAAA,WAAW,EAAC,KAHd;AAIE,IAAA,aAAa,EAAC,OAJhB;AAKE,IAAA,cAAc,EAAC;AALjB,IATF,CAD+B;AAAA,CAA1B","sourcesContent":["export const Icon48DoneOutline = (props: React.SVGProps<SVGSVGElement>) => (\n <svg\n vkuiClass=\"Icon\"\n width=\"48\"\n height=\"48\"\n viewBox=\"0 0 48 48\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n {...props}\n >\n <path\n d=\"M9 24L19 34L39 14\"\n stroke=\"currentColor\"\n strokeWidth=\"3.5\"\n strokeLinecap=\"round\"\n strokeLinejoin=\"round\"\n />\n </svg>\n);\n"],"~~file~~":"~~Icon48DoneOutline.js~~"}
1	+ {"version":3,"file":"Icon48DoneOutline.js","names":["Icon48DoneOutline","props"],"sources":["../../../../src/components/ScreenSpinner/Icon48DoneOutline.tsx"],"sourcesContent":["export const Icon48DoneOutline = (props: React.SVGProps<SVGSVGElement>) => (\n <svg\n vkuiClass=\"Icon\"\n width=\"48\"\n height=\"48\"\n viewBox=\"0 0 48 48\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n {...props}\n >\n <path\n d=\"M9 24L19 34L39 14\"\n stroke=\"currentColor\"\n strokeWidth=\"3.5\"\n strokeLinecap=\"round\"\n strokeLinejoin=\"round\"\n />\n </svg>\n);\n"],"mappings":";;AAAA,OAAO,IAAMA,iBAAiB,GAAG,SAApBA,iBAAoB,CAACC,KAAD;EAAA,OAC/B;IACE,SAAS,EAAC,MADZ;IAEE,KAAK,EAAC,IAFR;IAGE,MAAM,EAAC,IAHT;IAIE,OAAO,EAAC,WAJV;IAKE,IAAI,EAAC,MALP;IAME,KAAK,EAAC;EANR,GAOMA,KAPN,GASE;IACE,CAAC,EAAC,mBADJ;IAEE,MAAM,EAAC,cAFT;IAGE,WAAW,EAAC,KAHd;IAIE,aAAa,EAAC,OAJhB;IAKE,cAAc,EAAC;EALjB,EATF,CAD+B;AAAA,CAA1B"}

package/dist/cssm/components/ScreenSpinner/ScreenSpinner.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"~~sources~~":["~~../../../../src/components/~~ScreenSpinner~~/ScreenSpinner~~.~~tsx~~"],"names":["Spinner","Icon24Cancel","Icon48DoneOutline","Icon48CancelCircle","PopoutWrapper","useScrollLock","classNames","ScreenSpinner","style","className","state","size","ariaLabel","onClick","restProps","hideSpinner","Icon","loading","cancelable","done","error"],"~~mappings~~":";;;;AAAA,SAASA,OAAT;AACA,SAASC,YAAT,QAA6B,kBAA7B;AACA,SAASC,iBAAT;AACA,SAASC,kBAAT;AACA,SAASC,aAAT;AACA,SAASC,aAAT;AACA,SAASC,UAAT;AACA;;AAMA;AACA;AACA;AACA,OAAO,IAAMC,aAAa,GAAG,SAAhBA,aAAgB,OAQH;AAAA,MAPxBC,KAOwB,QAPxBA,KAOwB;AAAA,MANxBC,SAMwB,QANxBA,SAMwB;AAAA,wBALxBC,KAKwB;AAAA,MALxBA,KAKwB,2BALhB,SAKgB;AAAA,uBAJxBC,IAIwB;AAAA,MAJxBA,IAIwB,0BAJjB,OAIiB;AAAA,4BAHxB,YAGwB;AAAA,MAHVC,SAGU,+BAHE,0BAGF;AAAA,MAFxBC,OAEwB,QAFxBA,OAEwB;AAAA,MADrBC,SACqB;;AACxB,MAAMC,WAAW,GAAGL,KAAK,KAAK,MAAV,IAAoBA,KAAK,KAAK,OAAlD;AAEA,MAAMM,IAAI,GAAG;AACXC,IAAAA,OAAO,EAAE;AAAA,aAAM,IAAN;AAAA,KADE;AAEXC,IAAAA,UAAU,EAAEjB,YAFD;AAGXkB,IAAAA,IAAI,EAAEjB,iBAHK;AAIXkB,IAAAA,KAAK,EAAEjB;AAJI,IAKXO,KALW,CAAb;AAOAL,EAAAA,aAAa;AAEb,SACE,oBAAC,aAAD;AACE,IAAA,OAAO,EAAE,KADX;AAEE,IAAA,SAAS,EAAEC,UAAU,CACnB,eADmB,EAEnBS,WAAW,IAAI,4BAFI,iCAGKL,KAHL,EAFvB;AAOE,IAAA,SAAS,EAAED,SAPb;AAQE,IAAA,KAAK,EAAED;AART,KAUE;AAAK,IAAA,SAAS,EAAC,0BAAf;AAA0C,IAAA,OAAO,EAAEK;AAAnD,KACE,oBAAC,OAAD;AACE,IAAA,SAAS,EAAC,wBADZ;AAEE,IAAA,IAAI,EAAEF,IAFR;AAGE,kBAAYC;AAHd,KAIME,SAJN,EADF,EAOE;AAAK,IAAA,SAAS,EAAC;AAAf,KACE,oBAAC,IAAD;AAAM;AAAN,IADF,CAPF,CAVF,CADF;AAwBD,CA5CM","sourcesContent":["import { Spinner, SpinnerProps } from \"../Spinner/Spinner\";\nimport { Icon24Cancel } from \"@vkontakte/icons\";\nimport { Icon48DoneOutline } from \"./Icon48DoneOutline\";\nimport { Icon48CancelCircle } from \"./Icon48CancelCircle\";\nimport { PopoutWrapper } from \"../PopoutWrapper/PopoutWrapper\";\nimport { useScrollLock } from \"../AppRoot/ScrollContext\";\nimport { classNames } from \"../../lib/classNames\";\nimport \"./ScreenSpinner.css\";\n\nexport interface ScreenSpinnerProps extends SpinnerProps {\n state?: \"loading\" \| \"cancelable\" \| \"done\" \| \"error\";\n}\n\n/*\n @see https://vkcom.github.io/VKUI/#/ScreenSpinner\n */\nexport const ScreenSpinner = ({\n style,\n className,\n state = \"loading\",\n size = \"large\",\n \"aria-label\": ariaLabel = \"Пожалуйста, подождите...\",\n onClick,\n ...restProps\n}: ScreenSpinnerProps) => {\n const hideSpinner = state === \"done\" \|\| state === \"error\";\n\n const Icon = {\n loading: () => null,\n cancelable: Icon24Cancel,\n done: Icon48DoneOutline,\n error: Icon48CancelCircle,\n }[state];\n\n useScrollLock();\n\n return (\n <PopoutWrapper\n hasMask={false}\n vkuiClass={classNames(\n \"ScreenSpinner\",\n hideSpinner && \"ScreenSpinner--hideSpinner\",\n `ScreenSpinner--state-${state}`\n )}\n className={className}\n style={style}\n >\n <div vkuiClass=\"ScreenSpinner__container\" onClick={onClick}>\n <Spinner\n vkuiClass=\"ScreenSpinner__spinner\"\n size={size}\n aria-label={ariaLabel}\n {...restProps}\n />\n <div vkuiClass=\"ScreenSpinner__icon\">\n <Icon aria-hidden />\n </div>\n </div>\n </PopoutWrapper>\n );\n};\n"],"~~file~~":"~~ScreenSpinner.js~~"}
1	+ {"version":3,"file":"ScreenSpinner.js","names":["Spinner","Icon24Cancel","Icon48DoneOutline","Icon48CancelCircle","PopoutWrapper","useScrollLock","classNames","ScreenSpinner","style","className","state","size","ariaLabel","onClick","restProps","hideSpinner","Icon","loading","cancelable","done","error"],"sources":["../../../../src/components/ScreenSpinner/ScreenSpinner.tsx"],"sourcesContent":["import { Spinner, SpinnerProps } from \"../Spinner/Spinner\";\nimport { Icon24Cancel } from \"@vkontakte/icons\";\nimport { Icon48DoneOutline } from \"./Icon48DoneOutline\";\nimport { Icon48CancelCircle } from \"./Icon48CancelCircle\";\nimport { PopoutWrapper } from \"../PopoutWrapper/PopoutWrapper\";\nimport { useScrollLock } from \"../AppRoot/ScrollContext\";\nimport { classNames } from \"../../lib/classNames\";\nimport \"./ScreenSpinner.css\";\n\nexport interface ScreenSpinnerProps extends SpinnerProps {\n state?: \"loading\" \| \"cancelable\" \| \"done\" \| \"error\";\n}\n\n/*\n @see https://vkcom.github.io/VKUI/#/ScreenSpinner\n */\nexport const ScreenSpinner = ({\n style,\n className,\n state = \"loading\",\n size = \"large\",\n \"aria-label\": ariaLabel = \"Пожалуйста, подождите...\",\n onClick,\n ...restProps\n}: ScreenSpinnerProps) => {\n const hideSpinner = state === \"done\" \|\| state === \"error\";\n\n const Icon = {\n loading: () => null,\n cancelable: Icon24Cancel,\n done: Icon48DoneOutline,\n error: Icon48CancelCircle,\n }[state];\n\n useScrollLock();\n\n return (\n <PopoutWrapper\n hasMask={false}\n vkuiClass={classNames(\n \"ScreenSpinner\",\n hideSpinner && \"ScreenSpinner--hideSpinner\",\n `ScreenSpinner--state-${state}`\n )}\n className={className}\n style={style}\n >\n <div vkuiClass=\"ScreenSpinner__container\" onClick={onClick}>\n <Spinner\n vkuiClass=\"ScreenSpinner__spinner\"\n size={size}\n aria-label={ariaLabel}\n {...restProps}\n />\n <div vkuiClass=\"ScreenSpinner__icon\">\n <Icon aria-hidden />\n </div>\n </div>\n </PopoutWrapper>\n );\n};\n"],"mappings":";;;;AAAA,SAASA,OAAT;AACA,SAASC,YAAT,QAA6B,kBAA7B;AACA,SAASC,iBAAT;AACA,SAASC,kBAAT;AACA,SAASC,aAAT;AACA,SAASC,aAAT;AACA,SAASC,UAAT;AACA;;AAMA;AACA;AACA;AACA,OAAO,IAAMC,aAAa,GAAG,SAAhBA,aAAgB,OAQH;EAAA,IAPxBC,KAOwB,QAPxBA,KAOwB;EAAA,IANxBC,SAMwB,QANxBA,SAMwB;EAAA,sBALxBC,KAKwB;EAAA,IALxBA,KAKwB,2BALhB,SAKgB;EAAA,qBAJxBC,IAIwB;EAAA,IAJxBA,IAIwB,0BAJjB,OAIiB;EAAA,0BAHxB,YAGwB;EAAA,IAHVC,SAGU,+BAHE,0BAGF;EAAA,IAFxBC,OAEwB,QAFxBA,OAEwB;EAAA,IADrBC,SACqB;;EACxB,IAAMC,WAAW,GAAGL,KAAK,KAAK,MAAV,IAAoBA,KAAK,KAAK,OAAlD;EAEA,IAAMM,IAAI,GAAG;IACXC,OAAO,EAAE;MAAA,OAAM,IAAN;IAAA,CADE;IAEXC,UAAU,EAAEjB,YAFD;IAGXkB,IAAI,EAAEjB,iBAHK;IAIXkB,KAAK,EAAEjB;EAJI,EAKXO,KALW,CAAb;EAOAL,aAAa;EAEb,OACE,oBAAC,aAAD;IACE,OAAO,EAAE,KADX;IAEE,SAAS,EAAEC,UAAU,CACnB,eADmB,EAEnBS,WAAW,IAAI,4BAFI,iCAGKL,KAHL,EAFvB;IAOE,SAAS,EAAED,SAPb;IAQE,KAAK,EAAED;EART,GAUE;IAAK,SAAS,EAAC,0BAAf;IAA0C,OAAO,EAAEK;EAAnD,GACE,oBAAC,OAAD;IACE,SAAS,EAAC,wBADZ;IAEE,IAAI,EAAEF,IAFR;IAGE,cAAYC;EAHd,GAIME,SAJN,EADF,EAOE;IAAK,SAAS,EAAC;EAAf,GACE,oBAAC,IAAD;IAAM;EAAN,EADF,CAPF,CAVF,CADF;AAwBD,CA5CM"}

package/dist/cssm/components/Search/Search.css CHANGED Viewed

@@ -1 +1,27 @@
-.vkuiSearch{font-family:-apple-system,system-ui,Helvetica Neue,Roboto,sans-serif;font-family:var(--font-common);font-weight:400;line-height:normal;overflow:hidden;-webkit-transform:translateZ(0);transform:translateZ(0)}.vkuiSearch__in{position:relative}.vkuiSearch__width{color:transparent;height:36px;height:var(--search_default_height);white-space:nowrap;width:10000px}.vkuiSearch__control{align-items:center;border-radius:10px;display:flex;height:100%;justify-content:flex-start;left:0;position:absolute;top:0;width:calc(100% - 1px)}.vkuiSearch__input{-webkit-appearance:none;background-color:initial;border:none;border-radius:10px;box-sizing:border-box;flex-grow:1;font-size:17px;height:36px;height:var(--search_default_height);margin:0;max-width:100%;min-width:0;padding:0 22px 0 36px;position:relative;z-index:2}.vkuiSearch__input::-webkit-search-cancel-button,.vkuiSearch__input::-webkit-search-decoration,.vkuiSearch__input::-webkit-search-results-button,.vkuiSearch__input::-webkit-search-results-decoration{display:none}.vkuiSearch--has-after .vkuiSearch__input{border-radius:10px 0 0 10px}.vkuiSearch--has-icon .vkuiSearch__input,.vkuiSearch--has-icon .vkuiSearch__placeholder,.vkuiSearch--has-value .vkuiSearch__input,.vkuiSearch--has-value .vkuiSearch__placeholder{padding-right:40px}.vkuiSearch--has-icon.vkuiSearch--has-value .vkuiSearch__input,.vkuiSearch--has-icon.vkuiSearch--has-value .vkuiSearch__placeholder{padding-right:80px}.vkuiSearch__after-width{flex-shrink:0;font-size:17px;line-height:36px;line-height:var(--search_default_height);padding-right:4px}.vkuiSearch__after-width,.vkuiSearch__placeholder{cursor:text;height:36px;height:var(--search_default_height);padding-left:12px;pointer-events:none}.vkuiSearch__placeholder{box-sizing:border-box;display:flex;font-size:0;left:0;padding-right:22px;position:absolute;text-align:left;width:100%;z-index:1}.vkuiSearch__placeholder-in{align-items:center;display:flex;flex-grow:1;height:36px;height:var(--search_default_height);max-width:100%;overflow:hidden}.vkuiSearch__placeholder-text{margin-left:8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vkuiSearch--has-value .vkuiSearch__placeholder-text{opacity:0}.vkuiSearch__icons{color:#818c99;color:var(--search_bar_field_tint,var(--vkui--color_icon_secondary));position:absolute;right:100%;top:0}.vkuiSearch__icon,.vkuiSearch__icons{align-items:center;display:flex;justify-content:center}.vkuiSearch__icon{cursor:pointer;height:36px;height:var(--search_default_height);width:40px}.vkuiSearch__after{cursor:default;left:100%;line-height:36px;line-height:var(--search_default_height);position:absolute;top:0;-webkit-transform:translate(0);transform:translate(0);transition:-webkit-transform .3s cubic-bezier(.36,.66,.04,1);transition:transform .3s cubic-bezier(.36,.66,.04,1);transition:transform .3s cubic-bezier(.36,.66,.04,1),-webkit-transform .3s cubic-bezier(.36,.66,.04,1);transition:-webkit-transform .3s var(--ios-easing);transition:transform .3s var(--ios-easing);transition:transform .3s var(--ios-easing),-webkit-transform .3s var(--ios-easing);z-index:2}.vkuiSearch--focused .vkuiSearch__after,.vkuiSearch--has-value .vkuiSearch__after{-webkit-transform:translate(-100%);transform:translate(-100%)}.vkuiSearch__after:before{content:"";display:block;height:100%;pointer-events:none;position:absolute;right:calc(100% - 1px);width:10px}.vkuiSearch__after-in{cursor:pointer;font-size:17px;padding-left:12px;padding-right:4px;position:relative;z-index:2}.vkuiSearch__after:after{border-radius:0 10px 10px 0;content:"";cursor:text;display:block;height:100%;pointer-events:none;position:absolute;right:100%;top:0;width:10px}.vkuiGroup--plain .vkuiSearch{padding-top:4px}.vkuiSearch{background:#fff;background:var(--search_bar_background)}.vkuiSearch__control{background-color:#ebedf0;background-color:var(--search_bar_field_background)}.vkuiSearch__input{color:#000;color:var(--text_primary)}.vkuiSearch__placeholder{color:#818c99;color:var(--search_bar_field_tint,var(--vkui--color_icon_medium))}.vkuiSearch__after-width{background:#ebedf0;background:var(--search_bar_field_background);color:#ebedf0;color:var(--search_bar_field_background)}.vkuiSearch__after{background:#fff;background:var(--search_bar_background);color:#2688eb;color:var(--accent)}.vkuiSearch__after:after{background-color:#ebedf0;background-color:var(--search_bar_field_background)}.vkuiSearch__after:before{background-color:#fff;background-color:var(--search_bar_background)}.vkuiPanelHeader .vkuiSearch{background:#fff;background:var(--header_background)}.vkuiPanelHeader .vkuiSearch__control{background-color:#ebedf0;background-color:var(--header_search_field_background)}.vkuiPanelHeader .vkuiSearch__input{color:#000;color:var(--text_primary)}.vkuiPanelHeader .vkuiSearch__placeholder{color:#818c99;color:var(--header_search_field_tint)}.vkuiPanelHeader .vkuiSearch__after-width{background:#ebedf0;background:var(--header_search_field_background);color:#ebedf0;color:var(--header_search_field_background)}.vkuiPanelHeader .vkuiSearch__after{background:#fff;background:var(--header_background);color:#2688eb;color:var(--header_tint)}.vkuiPanelHeader .vkuiSearch__after:after{background-color:#ebedf0;background-color:var(--header_search_field_background)}.vkuiPanelHeader .vkuiSearch__after:before{background-color:#fff;background-color:var(--header_background)}.vkuiSearch--ios{padding:8px 12px}.vkuiSearch--android{padding:8px 16px}.vkuiPanelHeader--vkcom .vkuiSearch,.vkuiSearch--vkcom{background:transparent}.vkuiSearch--vkcom .vkuiSearch__in{padding-bottom:6px;padding-top:6px}.vkuiSearch--vkcom .vkuiSearch__input{font-size:15px;line-height:20px;padding-left:40px}.vkuiSearch--vkcom .vkuiSearch__placeholder{color:#99a2ad;color:var(--vkui--color_icon_secondary,#99a2ad);padding-left:16px}.vkuiSearch--vkcom .vkuiSearch__icons{color:#818c99;color:var(--search_bar_field_tint,var(--vkui--color_icon_medium));right:calc(100% + 8px);top:4px}.vkuiSearch--vkcom.vkuiSearch--has-value .vkuiSearch__input{padding-right:56px}.vkuiSearch--vkcom.vkuiSearch--has-icon.vkuiSearch--has-value .vkuiSearch__input{padding-right:92px}.vkuiSearch--vkcom .vkuiSearch__icon{height:40px;opacity:.8;width:40px}.vkuiSearch--vkcom .vkuiSearch__icon:hover{background-color:rgba(0,0,0,.04);background-color:var(--background_hover);border-radius:50%}.vkuiSearch--vkcom .vkuiSearch__control{background-color:initial}.vkuiPanelHeader--vkcom .vkuiSearch__separator{display:none}.vkuiSearch--vkcom .vkuiSearch__separator{color:#e1e3e6;color:var(--input_border)}.vkuiGroup--card .vkuiSearch--vkcom{margin:0 -8px}.vkuiGroup--card .vkuiSearch--vkcom:first-child{margin-top:-8px}.vkuiGroup--card .vkuiSearch--vkcom:not(:last-child){margin-bottom:8px}.vkuiGroup--card .vkuiSearch--vkcom .vkuiSearch__placeholder{padding-left:20px}.vkuiGroup--card .vkuiSearch--vkcom .vkuiSearch__input{padding-left:44px}
+.vkuiSearch{font-family:-apple-system,system-ui,Helvetica Neue,Roboto,sans-serif;font-family:var(--font-common);font-weight:400;line-height:normal;overflow:hidden;padding:8px 16px;-webkit-transform:translateZ(0);transform:translateZ(0)}.vkuiSearch__in{position:relative}.vkuiSearch__width{color:transparent;white-space:nowrap;width:10000px}.vkuiSearch__control{align-items:center;border-radius:8px;border-radius:var(--vkui--size_border_radius--regular,8px);display:flex;height:100%;justify-content:flex-start;left:0;position:absolute;top:0;width:calc(100% - 1px)}.vkuiSearch__input{-webkit-appearance:none;background-color:initial;border:none;border-radius:8px;border-radius:var(--vkui--size_border_radius--regular,8px);box-sizing:border-box;flex-grow:1;font-size:17px;margin:0;max-width:100%;min-width:0;padding:0 22px 0 36px;position:relative;z-index:2}.vkuiSearch__input::-webkit-search-cancel-button,.vkuiSearch__input::-webkit-search-decoration,.vkuiSearch__input::-webkit-search-results-button,.vkuiSearch__input::-webkit-search-results-decoration{display:none}.vkuiSearch--has-after .vkuiSearch__input{border-bottom-right-radius:0;border-top-right-radius:0}.vkuiSearch--has-icon .vkuiSearch__input,.vkuiSearch--has-icon .vkuiSearch__placeholder,.vkuiSearch--has-value .vkuiSearch__input,.vkuiSearch--has-value .vkuiSearch__placeholder{padding-right:40px}.vkuiSearch--has-icon.vkuiSearch--has-value .vkuiSearch__input,.vkuiSearch--has-icon.vkuiSearch--has-value .vkuiSearch__placeholder{padding-right:80px}.vkuiSearch__after-width{cursor:text;flex-shrink:0;font-size:17px;padding-left:12px;padding-right:4px;pointer-events:none}.vkuiSearch__placeholder{box-sizing:border-box;cursor:text;display:flex;font-size:0;left:0;padding-left:12px;padding-right:22px;pointer-events:none;position:absolute;text-align:left;width:100%;z-index:1}.vkuiSearch__placeholder-in{align-items:center;display:flex;flex-grow:1;max-width:100%;overflow:hidden}.vkuiSearch__placeholder-text{color:#818c99;color:var(--vkui--color_text_secondary,#818c99);margin-left:8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vkuiSearch--has-value .vkuiSearch__placeholder-text{opacity:0}.vkuiSearch__icons{color:#818c99;color:var(--search_bar_field_tint,var(--vkui--color_icon_secondary));position:absolute;right:100%;top:0}.vkuiSearch__icon,.vkuiSearch__icons{align-items:center;display:flex;justify-content:center}.vkuiSearch__icon{cursor:pointer;width:40px}.vkuiSearch__after{cursor:default;left:100%;position:absolute;top:0;-webkit-transform:translate(0);transform:translate(0);transition:-webkit-transform .3s cubic-bezier(.36,.66,.04,1);transition:transform .3s cubic-bezier(.36,.66,.04,1);transition:transform .3s cubic-bezier(.36,.66,.04,1),-webkit-transform .3s cubic-bezier(.36,.66,.04,1);transition:-webkit-transform .3s var(--ios-easing);transition:transform .3s var(--ios-easing);transition:transform .3s var(--ios-easing),-webkit-transform .3s var(--ios-easing);z-index:2}.vkuiSearch--focused .vkuiSearch__after,.vkuiSearch--has-value .vkuiSearch__after{-webkit-transform:translate(-100%);transform:translate(-100%)}.vkuiSearch__after:before{content:"";display:block;height:100%;pointer-events:none;position:absolute;right:calc(100% - 1px);width:10px}.vkuiSearch__after-in{cursor:pointer;font-size:17px;padding-left:12px;padding-right:4px;position:relative;z-index:2}.vkuiSearch__after:after{border-radius:0 8px 8px 0;border-radius:0 var(--vkui--size_border_radius--regular,8px) var(--vkui--size_border_radius--regular,8px) 0;content:"";cursor:text;display:block;height:100%;pointer-events:none;position:absolute;right:100%;top:0;width:10px}.vkuiGroup--plain .vkuiSearch{padding-top:4px}.vkuiSearch__after-width,.vkuiSearch__icon,.vkuiSearch__input,.vkuiSearch__placeholder,.vkuiSearch__placeholder-in,.vkuiSearch__width{height:32px;height:var(--vkui--size_search_height--compact,32px)}.vkuiSearch__after,.vkuiSearch__after-width{line-height:32px;line-height:var(--vkui--size_search_height--compact,32px)}.vkuiSearch--sizeY-regular .vkuiSearch__after-width,.vkuiSearch--sizeY-regular .vkuiSearch__icon,.vkuiSearch--sizeY-regular .vkuiSearch__input,.vkuiSearch--sizeY-regular .vkuiSearch__placeholder,.vkuiSearch--sizeY-regular .vkuiSearch__placeholder-in,.vkuiSearch--sizeY-regular .vkuiSearch__width{height:36px;height:var(--vkui--size_search_height--regular,36px)}.vkuiSearch--sizeY-regular .vkuiSearch__after,.vkuiSearch--sizeY-regular .vkuiSearch__after-width{line-height:36px;line-height:var(--vkui--size_search_height--regular,36px)}.vkuiSearch{background:#fff;background:var(
+    --search_bar_background,var(--vkui--color_background_content)
+  )}.vkuiSearch__control{background-color:#ebedf0;background-color:var(
+    --search_bar_field_background,var(--vkui--color_search_field_background)
+  )}.vkuiSearch__in:hover .vkuiSearch__after-width,.vkuiSearch__in:hover .vkuiSearch__after:after,.vkuiSearch__in:hover .vkuiSearch__control{background-color:#e2e4e9;background-color:var(--vkui--color_search_field_background--hover,#e2e4e9)}.vkuiSearch__in:hover .vkuiSearch__after-width{color:#e2e4e9;color:var(--vkui--color_search_field_background--hover,#e2e4e9)}.vkuiSearch__in:active .vkuiSearch__after-width,.vkuiSearch__in:active .vkuiSearch__after:after,.vkuiSearch__in:active .vkuiSearch__control{background-color:#d8dbe2;background-color:var(--vkui--color_search_field_background--active,#d8dbe2)}.vkuiSearch__in:active .vkuiSearch__after-width{color:#d8dbe2;color:var(--vkui--color_search_field_background--active,#d8dbe2)}.vkuiSearch__input{color:#000;color:var(--text_primary,var(--vkui--color_text_primary))}.vkuiSearch__placeholder{color:#818c99;color:var(--search_bar_field_tint,var(--vkui--color_icon_medium))}.vkuiSearch__after-width{background:#ebedf0;background:var(
+    --search_bar_field_background,var(--vkui--color_search_field_background)
+  );color:#ebedf0;color:var(
+    --search_bar_field_background,var(--vkui--color_search_field_background)
+  )}.vkuiSearch__after{background:#fff;background:var(
+    --search_bar_background,var(--vkui--color_background_content)
+  );color:#2688eb;color:var(--accent,var(--vkui--color_icon_accent_themed))}.vkuiSearch__after:after{background-color:#ebedf0;background-color:var(
+    --search_bar_field_background,var(--vkui--color_search_field_background)
+  )}.vkuiSearch__after:before{background-color:#fff;background-color:var(
+    --search_bar_background,var(--vkui--color_background_content)
+  )}.vkuiPanelHeader .vkuiSearch{background:#fff;background:var(--header_background,var(--vkui--color_header_background))}.vkuiPanelHeader .vkuiSearch__control{background-color:#ebedf0;background-color:var(
+    --header_search_field_background,var(--vkui--color_search_field_background)
+  )}.vkuiPanelHeader .vkuiSearch__input{color:#000;color:var(--text_primary,var(--vkui--color_text_primary))}.vkuiPanelHeader .vkuiSearch__placeholder{color:#818c99;color:var(--header_search_field_tint,var(--vkui--color_icon_secondary))}.vkuiPanelHeader .vkuiSearch__after-width{background:#ebedf0;background:var(
+    --header_search_field_background,var(--vkui--color_search_field_background)
+  );color:#ebedf0;color:var(
+    --header_search_field_background,var(--vkui--color_search_field_background)
+  )}.vkuiPanelHeader .vkuiSearch__after{background:#fff;background:var(--header_background,var(--vkui--color_header_background));color:#2688eb;color:var(--header_tint,var(--vkui--color_icon_accent_themed))}.vkuiPanelHeader .vkuiSearch__after:after{background-color:#ebedf0;background-color:var(
+    --header_search_field_background,var(--vkui--color_search_field_background)
+  )}.vkuiPanelHeader .vkuiSearch__after:before{background-color:#fff;background-color:var(
+    --header_background,var(--vkui--color_header_background)
+  )}.vkuiSearch--vkcom{padding:initial}.vkuiPanelHeader--vkcom .vkuiSearch,.vkuiSearch--vkcom,.vkuiSearch--vkcom .vkuiSearch__in:active .vkuiSearch__control,.vkuiSearch--vkcom .vkuiSearch__in:hover .vkuiSearch__control{background:transparent}.vkuiSearch--vkcom .vkuiSearch__in{padding-bottom:6px;padding-top:6px}.vkuiSearch--vkcom .vkuiSearch__input{font-size:15px;line-height:20px;padding-left:40px}.vkuiSearch--vkcom .vkuiSearch__placeholder{color:#99a2ad;color:var(--vkui--color_icon_secondary,#99a2ad);padding-left:16px}.vkuiSearch--vkcom .vkuiSearch__icons{color:#818c99;color:var(--search_bar_field_tint,var(--vkui--color_icon_medium));right:calc(100% + 8px);top:4px}.vkuiSearch--vkcom.vkuiSearch--has-value .vkuiSearch__input{padding-right:56px}.vkuiSearch--vkcom.vkuiSearch--has-icon.vkuiSearch--has-value .vkuiSearch__input{padding-right:92px}.vkuiSearch--vkcom .vkuiSearch__icon{height:40px;opacity:.8;width:40px}.vkuiSearch--vkcom .vkuiSearch__icon:hover{background-color:rgba(0,0,0,.04);background-color:var(
+    --background_hover,var(--vkui--color_background_secondary_alpha--hover)
+  );border-radius:50%}.vkuiSearch--vkcom .vkuiSearch__control{background-color:initial}.vkuiPanelHeader--vkcom .vkuiSearch__separator{display:none}.vkuiSearch--vkcom .vkuiSearch__separator{color:#e1e3e6;color:var(--input_border,var(--vkui--color_separator_primary))}.vkuiGroup--card .vkuiSearch--vkcom{margin:0 -8px}.vkuiGroup--card .vkuiSearch--vkcom:first-child{margin-top:-8px}.vkuiGroup--card .vkuiSearch--vkcom:not(:last-child){margin-bottom:8px}.vkuiGroup--card .vkuiSearch--vkcom .vkuiSearch__placeholder{padding-left:20px}.vkuiGroup--card .vkuiSearch--vkcom .vkuiSearch__input{padding-left:44px}.vkuiSearch--ios{padding:8px 12px}

package/dist/cssm/components/Search/Search.js CHANGED Viewed

@@ -7,7 +7,6 @@ import { createScopedElement } from "../../lib/jsxRuntime";
 import * as React from "react";
 import { classNames } from "../../lib/classNames";
 import { withPlatform } from "../../hoc/withPlatform";
-import { getClassName } from "../../helpers/getClassName";
 import { Icon16SearchOutline, Icon16Clear, Icon24Cancel } from "@vkontakte/icons";
 import { IOS, VKCOM, ANDROID } from "../../lib/platform";
 import { Touch } from "../Touch/Touch";
@@ -18,6 +17,7 @@ import { Headline } from "../Typography/Headline/Headline";
 import { Separator } from "../Separator/Separator";
 import { useExternRef } from "../../hooks/useExternRef";
 import { useEnsuredControl } from "../../hooks/useEnsuredControl";
+import { useAdaptivity } from "../../hooks/useAdaptivity";
 import "./Search.css";
 var SearchPlaceholderTypography = function SearchPlaceholderTypography(_ref) {
@@ -82,6 +82,9 @@ var SearchComponent = function SearchComponent(_ref2) {
       value = _useEnsuredControl2[0],
       onChange = _useEnsuredControl2[1];
+  var _useAdaptivity = useAdaptivity(),
+      sizeY = _useAdaptivity.sizeY;
   var onFocus = function onFocus(e) {
     setFocused(true);
     inputProps.onFocus && inputProps.onFocus(e);
@@ -114,13 +117,8 @@ var SearchComponent = function SearchComponent(_ref2) {
     onCancel();
   }, [inputRef, onCancel]);
   return createScopedElement("div", {
-    // eslint-disable-next-line vkui/no-object-expression-in-arguments
-    vkuiClass: classNames(getClassName("Search", platform), {
-      "Search--focused": isFocused,
-      "Search--has-value": !!value,
-      "Search--has-after": !!after,
-      "Search--has-icon": !!icon
-    }),
+    vkuiClass: classNames("Search", platform === VKCOM && "Search--vkcom", platform === IOS && "Search--ios", // TODO: V5 перенести на новую адаптивность
+    "Search--sizeY-".concat(sizeY), isFocused && "Search--focused", value && "Search--has-value", icon && "Search--has-after", after && "Search--has-icon"),
     className: className,
     style: style
   }, createScopedElement("div", {

package/dist/cssm/components/Search/Search.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../../src/components/Search/Search.tsx"],"names":["React","classNames","withPlatform","getClassName","Icon16SearchOutline","Icon16Clear","Icon24Cancel","IOS","VKCOM","ANDROID","Touch","noop","Text","Title","Headline","Separator","useExternRef","useEnsuredControl","SearchPlaceholderTypography","platform","children","restProps","SearchComponent","before","className","defaultValue","placeholder","after","getRef","icon","onIconClick","style","autoComplete","inputProps","inputRef","useState","isFocused","setFocused","value","onChange","onFocus","e","onBlur","onCancel","useCallback","nativeInputValueSetter","Object","getOwnPropertyDescriptor","HTMLInputElement","prototype","set","call","current","ev2","Event","bubbles","dispatchEvent","onIconClickStart","originalEvent","onIconCancelClickStart","preventDefault","focus","Search","displayName"],"mappings":"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","sourcesContent":["import * as React from \"react\";\nimport { classNames } from \"../../lib/classNames\";\nimport { withPlatform } from \"../../hoc/withPlatform\";\nimport { getClassName } from \"../../helpers/getClassName\";\nimport {\n Icon16SearchOutline,\n Icon16Clear,\n Icon24Cancel,\n} from \"@vkontakte/icons\";\nimport { IOS, VKCOM, ANDROID } from \"../../lib/platform\";\nimport { HasPlatform, HasRef } from \"../../types\";\nimport { Touch, TouchEvent } from \"../Touch/Touch\";\nimport { VKUITouchEvent } from \"../../lib/touch\";\nimport { noop } from \"../../lib/utils\";\nimport { Text } from \"../Typography/Text/Text\";\nimport { Title } from \"../Typography/Title/Title\";\nimport { Headline } from \"../Typography/Headline/Headline\";\nimport { Separator } from \"../Separator/Separator\";\nimport { useExternRef } from \"../../hooks/useExternRef\";\nimport { useEnsuredControl } from \"../../hooks/useEnsuredControl\";\nimport \"./Search.css\";\n\nexport type InputRef = (element: HTMLInputElement) => void;\n\ninterface SearchPlaceholderTypographyProps\n extends HasPlatform,\n React.HTMLAttributes<HTMLElement> {}\n\nconst SearchPlaceholderTypography = ({\n platform,\n children,\n ...restProps\n}: SearchPlaceholderTypographyProps) => {\n switch (platform) {\n case IOS:\n return (\n <Title {...restProps} level=\"3\" weight=\"3\">\n {children}\n </Title>\n );\n case VKCOM:\n return <Text {...restProps}>{children}</Text>;\n case ANDROID:\n default:\n return (\n <Headline {...restProps} weight=\"3\">\n {children}\n </Headline>\n );\n }\n};\n\nexport interface SearchProps\n extends React.InputHTMLAttributes<HTMLInputElement>,\n HasRef<HTMLInputElement>,\n HasPlatform {\n /*\n iOS only. Текст кнопки \"отмена\", которая чистит текстовое поле и убирает фокус.\n /\n after?: React.ReactNode;\n before?: React.ReactNode;\n icon?: React.ReactNode;\n onIconClick?: (e: VKUITouchEvent) => void;\n defaultValue?: string;\n}\n\n/\n @see https://vkcom.github.io/VKUI/#/Search\n */\nconst SearchComponent = ({\n before = <Icon16SearchOutline aria-hidden />,\n className,\n defaultValue = \"\",\n placeholder = \"Поиск\",\n after = \"Отмена\",\n getRef,\n platform,\n icon,\n onIconClick = noop,\n style,\n autoComplete = \"off\",\n ...inputProps\n}: SearchProps) => {\n const inputRef = useExternRef(getRef);\n const [isFocused, setFocused] = React.useState(false);\n const [value, onChange] = useEnsuredControl(inputProps, { defaultValue });\n\n const onFocus = (e: React.FocusEvent<HTMLInputElement>) => {\n setFocused(true);\n inputProps.onFocus && inputProps.onFocus(e);\n };\n\n const onBlur = (e: React.FocusEvent<HTMLInputElement>) => {\n setFocused(false);\n inputProps.onBlur && inputProps.onBlur(e);\n };\n\n const onCancel = React.useCallback(() => {\n // eslint-disable-next-line @typescript-eslint/unbound-method\n const nativeInputValueSetter = Object.getOwnPropertyDescriptor(\n HTMLInputElement.prototype,\n \"value\"\n )?.set;\n nativeInputValueSetter?.call(inputRef.current, \"\");\n\n const ev2 = new Event(\"input\", { bubbles: true });\n inputRef.current?.dispatchEvent(ev2);\n }, [inputRef]);\n\n const onIconClickStart = React.useCallback(\n (e: TouchEvent) => onIconClick(e.originalEvent),\n [onIconClick]\n );\n\n const onIconCancelClickStart = React.useCallback(\n (e: TouchEvent) => {\n e.originalEvent.preventDefault();\n inputRef.current?.focus();\n onCancel();\n },\n [inputRef, onCancel]\n );\n\n return (\n <div\n // eslint-disable-next-line vkui/no-object-expression-in-arguments\n vkuiClass={classNames(getClassName(\"Search\", platform), {\n \"Search--focused\": isFocused,\n \"Search--has-value\": !!value,\n \"Search--has-after\": !!after,\n \"Search--has-icon\": !!icon,\n })}\n className={className}\n style={style}\n >\n <div vkuiClass=\"Search__in\">\n <div vkuiClass=\"Search__width\" />\n <label vkuiClass=\"Search__control\">\n <input\n type=\"search\"\n {...inputProps}\n autoComplete={autoComplete}\n ref={inputRef}\n vkuiClass=\"Search__input\"\n onFocus={onFocus}\n onBlur={onBlur}\n onChange={onChange}\n value={value}\n />\n {platform === IOS && after && (\n <div vkuiClass=\"Search__after-width\">{after}</div>\n )}\n <div vkuiClass=\"Search__placeholder\">\n <div vkuiClass=\"Search__placeholder-in\">\n {before}\n <SearchPlaceholderTypography\n vkuiClass=\"Search__placeholder-text\"\n platform={platform}\n >\n {placeholder}\n </SearchPlaceholderTypography>\n </div>\n {isFocused && platform === IOS && after && (\n <div vkuiClass=\"Search__after-width\">{after}</div>\n )}\n </div>\n </label>\n <div vkuiClass=\"Search__after\" onClick={onCancel}>\n <div vkuiClass=\"Search__icons\">\n {icon && (\n <Touch onStart={onIconClickStart} vkuiClass=\"Search__icon\">\n {icon}\n </Touch>\n )}\n {!!value && (\n <Touch onStart={onIconCancelClickStart} vkuiClass=\"Search__icon\">\n {platform === IOS ? <Icon16Clear /> : <Icon24Cancel />}\n </Touch>\n )}\n </div>\n {platform === IOS && after && (\n <div vkuiClass=\"Search__after-in\">{after}</div>\n )}\n </div>\n </div>\n {platform === VKCOM && <Separator vkuiClass=\"Search__separator\" wide />}\n </div>\n );\n};\n\nexport const Search = withPlatform(SearchComponent);\n\nSearch.displayName = \"Search\";\n"],"file":"Search.js"}
1	+ {"version":3,"file":"Search.js","names":["React","classNames","withPlatform","Icon16SearchOutline","Icon16Clear","Icon24Cancel","IOS","VKCOM","ANDROID","Touch","noop","Text","Title","Headline","Separator","useExternRef","useEnsuredControl","useAdaptivity","SearchPlaceholderTypography","platform","children","restProps","SearchComponent","before","className","defaultValue","placeholder","after","getRef","icon","onIconClick","style","autoComplete","inputProps","inputRef","useState","isFocused","setFocused","value","onChange","sizeY","onFocus","e","onBlur","onCancel","useCallback","nativeInputValueSetter","Object","getOwnPropertyDescriptor","HTMLInputElement","prototype","set","call","current","ev2","Event","bubbles","dispatchEvent","onIconClickStart","originalEvent","onIconCancelClickStart","preventDefault","focus","Search","displayName"],"sources":["../../../../src/components/Search/Search.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { classNames } from \"../../lib/classNames\";\nimport { withPlatform } from \"../../hoc/withPlatform\";\nimport {\n Icon16SearchOutline,\n Icon16Clear,\n Icon24Cancel,\n} from \"@vkontakte/icons\";\nimport { IOS, VKCOM, ANDROID } from \"../../lib/platform\";\nimport { HasPlatform, HasRef } from \"../../types\";\nimport { Touch, TouchEvent } from \"../Touch/Touch\";\nimport { VKUITouchEvent } from \"../../lib/touch\";\nimport { noop } from \"../../lib/utils\";\nimport { Text } from \"../Typography/Text/Text\";\nimport { Title } from \"../Typography/Title/Title\";\nimport { Headline } from \"../Typography/Headline/Headline\";\nimport { Separator } from \"../Separator/Separator\";\nimport { useExternRef } from \"../../hooks/useExternRef\";\nimport { useEnsuredControl } from \"../../hooks/useEnsuredControl\";\nimport { useAdaptivity } from \"../../hooks/useAdaptivity\";\nimport \"./Search.css\";\n\nexport type InputRef = (element: HTMLInputElement) => void;\n\ninterface SearchPlaceholderTypographyProps\n extends HasPlatform,\n React.HTMLAttributes<HTMLElement> {}\n\nconst SearchPlaceholderTypography = ({\n platform,\n children,\n ...restProps\n}: SearchPlaceholderTypographyProps) => {\n switch (platform) {\n case IOS:\n return (\n <Title {...restProps} level=\"3\" weight=\"3\">\n {children}\n </Title>\n );\n case VKCOM:\n return <Text {...restProps}>{children}</Text>;\n case ANDROID:\n default:\n return (\n <Headline {...restProps} weight=\"3\">\n {children}\n </Headline>\n );\n }\n};\n\nexport interface SearchProps\n extends React.InputHTMLAttributes<HTMLInputElement>,\n HasRef<HTMLInputElement>,\n HasPlatform {\n /*\n iOS only. Текст кнопки \"отмена\", которая чистит текстовое поле и убирает фокус.\n /\n after?: React.ReactNode;\n before?: React.ReactNode;\n icon?: React.ReactNode;\n onIconClick?: (e: VKUITouchEvent) => void;\n defaultValue?: string;\n}\n\n/\n @see https://vkcom.github.io/VKUI/#/Search\n */\nconst SearchComponent = ({\n before = <Icon16SearchOutline aria-hidden />,\n className,\n defaultValue = \"\",\n placeholder = \"Поиск\",\n after = \"Отмена\",\n getRef,\n platform,\n icon,\n onIconClick = noop,\n style,\n autoComplete = \"off\",\n ...inputProps\n}: SearchProps) => {\n const inputRef = useExternRef(getRef);\n const [isFocused, setFocused] = React.useState(false);\n const [value, onChange] = useEnsuredControl(inputProps, { defaultValue });\n const { sizeY } = useAdaptivity();\n\n const onFocus = (e: React.FocusEvent<HTMLInputElement>) => {\n setFocused(true);\n inputProps.onFocus && inputProps.onFocus(e);\n };\n\n const onBlur = (e: React.FocusEvent<HTMLInputElement>) => {\n setFocused(false);\n inputProps.onBlur && inputProps.onBlur(e);\n };\n\n const onCancel = React.useCallback(() => {\n // eslint-disable-next-line @typescript-eslint/unbound-method\n const nativeInputValueSetter = Object.getOwnPropertyDescriptor(\n HTMLInputElement.prototype,\n \"value\"\n )?.set;\n nativeInputValueSetter?.call(inputRef.current, \"\");\n\n const ev2 = new Event(\"input\", { bubbles: true });\n inputRef.current?.dispatchEvent(ev2);\n }, [inputRef]);\n\n const onIconClickStart = React.useCallback(\n (e: TouchEvent) => onIconClick(e.originalEvent),\n [onIconClick]\n );\n\n const onIconCancelClickStart = React.useCallback(\n (e: TouchEvent) => {\n e.originalEvent.preventDefault();\n inputRef.current?.focus();\n onCancel();\n },\n [inputRef, onCancel]\n );\n\n return (\n <div\n vkuiClass={classNames(\n \"Search\",\n platform === VKCOM && \"Search--vkcom\",\n platform === IOS && \"Search--ios\",\n // TODO: V5 перенести на новую адаптивность\n `Search--sizeY-${sizeY}`,\n isFocused && \"Search--focused\",\n value && \"Search--has-value\",\n icon && \"Search--has-after\",\n after && \"Search--has-icon\"\n )}\n className={className}\n style={style}\n >\n <div vkuiClass=\"Search__in\">\n <div vkuiClass=\"Search__width\" />\n <label vkuiClass=\"Search__control\">\n <input\n type=\"search\"\n {...inputProps}\n autoComplete={autoComplete}\n ref={inputRef}\n vkuiClass=\"Search__input\"\n onFocus={onFocus}\n onBlur={onBlur}\n onChange={onChange}\n value={value}\n />\n {platform === IOS && after && (\n <div vkuiClass=\"Search__after-width\">{after}</div>\n )}\n <div vkuiClass=\"Search__placeholder\">\n <div vkuiClass=\"Search__placeholder-in\">\n {before}\n <SearchPlaceholderTypography\n vkuiClass=\"Search__placeholder-text\"\n platform={platform}\n >\n {placeholder}\n </SearchPlaceholderTypography>\n </div>\n {isFocused && platform === IOS && after && (\n <div vkuiClass=\"Search__after-width\">{after}</div>\n )}\n </div>\n </label>\n <div vkuiClass=\"Search__after\" onClick={onCancel}>\n <div vkuiClass=\"Search__icons\">\n {icon && (\n <Touch onStart={onIconClickStart} vkuiClass=\"Search__icon\">\n {icon}\n </Touch>\n )}\n {!!value && (\n <Touch onStart={onIconCancelClickStart} vkuiClass=\"Search__icon\">\n {platform === IOS ? <Icon16Clear /> : <Icon24Cancel />}\n </Touch>\n )}\n </div>\n {platform === IOS && after && (\n <div vkuiClass=\"Search__after-in\">{after}</div>\n )}\n </div>\n </div>\n {platform === VKCOM && <Separator vkuiClass=\"Search__separator\" wide />}\n </div>\n );\n};\n\nexport const Search = withPlatform(SearchComponent);\n\nSearch.displayName = \"Search\";\n"],"mappings":"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"}

package/dist/cssm/components/SegmentedControl/SegmentedControl.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"~~sources~~":["~~../../../../src/components/~~SegmentedControl~~/SegmentedControl~~.~~tsx~~"],"names":["React","classNames","useIsomorphicLayoutEffect","generateRandomId","noop","warnOnce","SegmentedControlOption","useAdaptivity","warn","SegmentedControl","size","name","options","getRootRef","onChange","valueProp","value","defaultValue","children","restProps","sizeY","initialValue","process","env","NODE_ENV","undefined","useState","activeOptionIdx","updateActiveOptionIdx","valueLocal","updateValueLocal","nameRef","useRef","_activeOptionIdx","findIndex","option","translateX","handleOnChange","width","length","transform","WebkitTransform","map","label","optionProps","current"],"~~mappings~~":"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","sourcesContent":["import * as React from \"react\";\nimport { classNames } from \"../../lib/classNames\";\nimport { useIsomorphicLayoutEffect } from \"../../lib/useIsomorphicLayoutEffect\";\nimport { generateRandomId, noop } from \"../../lib/utils\";\nimport { warnOnce } from \"../../lib/warnOnce\";\nimport { SegmentedControlOption } from \"./SegmentedControlOption/SegmentedControlOption\";\nimport { HasRootRef } from \"../../types\";\nimport { useAdaptivity } from \"../../hooks/useAdaptivity\";\nimport \"./SegmentedControl.css\";\n\nexport type SegmentedControlValue = string \| number \| undefined;\n\nexport interface SegmentedControlOptionInterface\n extends Omit<React.HTMLAttributes<HTMLElement>, \"label\"> {\n label: React.ReactChild;\n value: SegmentedControlValue;\n}\n\nexport interface SegmentedControlProps\n extends Omit<React.HTMLAttributes<HTMLDivElement>, \"onChange\">,\n HasRootRef<HTMLDivElement> {\n options: SegmentedControlOptionInterface[];\n size?: \"m\" \| \"l\";\n name?: string;\n onChange?: (value: SegmentedControlValue) => void;\n value?: SegmentedControlValue;\n defaultValue?: SegmentedControlValue;\n}\n\nconst warn = warnOnce(\"SegmentedControl\");\n\n/*\n @see https://vkcom.github.io/VKUI/#/SegmentedControl\n /\nexport const SegmentedControl = ({\n size = \"l\",\n name,\n options,\n getRootRef,\n onChange = noop,\n value: valueProp,\n defaultValue,\n children,\n ...restProps\n}: SegmentedControlProps) => {\n const { sizeY } = useAdaptivity();\n const initialValue = defaultValue ?? options[0]?.value;\n\n if (process.env.NODE_ENV === \"development\") {\n if (valueProp !== undefined && defaultValue !== undefined) {\n warn(\n \"SegmentedControl должен быть либо управляемым, либо неуправляемым\" +\n \"(укажите либо свойство value, либо свойство defaultValue, но не оба).\",\n \"error\"\n );\n }\n }\n\n const [activeOptionIdx, updateActiveOptionIdx] = React.useState<number>(0);\n const [valueLocal, updateValueLocal] =\n React.useState<SegmentedControlValue>(initialValue);\n\n const value = valueProp ?? valueLocal;\n\n const nameRef = React.useRef<string>(name ?? generateRandomId());\n\n useIsomorphicLayoutEffect(() => {\n const _activeOptionIdx = options.findIndex(\n (option) => option.value === value\n );\n\n if (_activeOptionIdx === -1 && process.env.NODE_ENV === \"development\") {\n warn(\"defaultValue: такого значения нет среди опций!\", \"error\");\n }\n\n updateActiveOptionIdx(_activeOptionIdx);\n }, [value, options]);\n\n const translateX = `translateX(${100 activeOptionIdx}%)`;\n\n const handleOnChange = (value: SegmentedControlValue) => {\n if (valueProp === undefined) {\n updateValueLocal(value);\n }\n onChange(value);\n };\n\n return (\n <div\n {...restProps}\n vkuiClass={classNames(\n \"SegmentedControl\",\n // TODO v5.0.0 поправить под новую адаптивность\n `SegmentedControl--sizeY-${sizeY}`,\n `SegmentedControl--${size}`\n )}\n ref={getRootRef}\n >\n <div role=\"radiogroup\" vkuiClass=\"SegmentedControl__in\">\n {activeOptionIdx > -1 && (\n <div\n aria-hidden=\"true\"\n vkuiClass=\"SegmentedControl__slider\"\n style={{\n width: `${100 / options.length}%`,\n transform: translateX,\n WebkitTransform: translateX,\n }}\n />\n )}\n {options.map(({ label, ...optionProps }) => (\n <SegmentedControlOption\n key={`${optionProps.value}`}\n {...optionProps}\n vkuiClass=\"SegmentedControl__option\"\n name={nameRef.current}\n checked={value === optionProps.value}\n onChange={() => handleOnChange(optionProps.value)}\n >\n {label}\n </SegmentedControlOption>\n ))}\n </div>\n </div>\n );\n};\n"],"~~file~~":"~~SegmentedControl.js~~"}
1	+ {"version":3,"file":"SegmentedControl.js","names":["React","classNames","useIsomorphicLayoutEffect","generateRandomId","noop","warnOnce","SegmentedControlOption","useAdaptivity","warn","SegmentedControl","size","name","options","getRootRef","onChange","valueProp","value","defaultValue","children","restProps","sizeY","initialValue","process","env","NODE_ENV","undefined","useState","activeOptionIdx","updateActiveOptionIdx","valueLocal","updateValueLocal","nameRef","useRef","_activeOptionIdx","findIndex","option","translateX","handleOnChange","width","length","transform","WebkitTransform","map","label","optionProps","current"],"sources":["../../../../src/components/SegmentedControl/SegmentedControl.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { classNames } from \"../../lib/classNames\";\nimport { useIsomorphicLayoutEffect } from \"../../lib/useIsomorphicLayoutEffect\";\nimport { generateRandomId, noop } from \"../../lib/utils\";\nimport { warnOnce } from \"../../lib/warnOnce\";\nimport { SegmentedControlOption } from \"./SegmentedControlOption/SegmentedControlOption\";\nimport { HasRootRef } from \"../../types\";\nimport { useAdaptivity } from \"../../hooks/useAdaptivity\";\nimport \"./SegmentedControl.css\";\n\nexport type SegmentedControlValue = string \| number \| undefined;\n\nexport interface SegmentedControlOptionInterface\n extends Omit<React.HTMLAttributes<HTMLElement>, \"label\"> {\n label: React.ReactChild;\n value: SegmentedControlValue;\n}\n\nexport interface SegmentedControlProps\n extends Omit<React.HTMLAttributes<HTMLDivElement>, \"onChange\">,\n HasRootRef<HTMLDivElement> {\n options: SegmentedControlOptionInterface[];\n size?: \"m\" \| \"l\";\n name?: string;\n onChange?: (value: SegmentedControlValue) => void;\n value?: SegmentedControlValue;\n defaultValue?: SegmentedControlValue;\n}\n\nconst warn = warnOnce(\"SegmentedControl\");\n\n/*\n @see https://vkcom.github.io/VKUI/#/SegmentedControl\n /\nexport const SegmentedControl = ({\n size = \"l\",\n name,\n options,\n getRootRef,\n onChange = noop,\n value: valueProp,\n defaultValue,\n children,\n ...restProps\n}: SegmentedControlProps) => {\n const { sizeY } = useAdaptivity();\n const initialValue = defaultValue ?? options[0]?.value;\n\n if (process.env.NODE_ENV === \"development\") {\n if (valueProp !== undefined && defaultValue !== undefined) {\n warn(\n \"SegmentedControl должен быть либо управляемым, либо неуправляемым\" +\n \"(укажите либо свойство value, либо свойство defaultValue, но не оба).\",\n \"error\"\n );\n }\n }\n\n const [activeOptionIdx, updateActiveOptionIdx] = React.useState<number>(0);\n const [valueLocal, updateValueLocal] =\n React.useState<SegmentedControlValue>(initialValue);\n\n const value = valueProp ?? valueLocal;\n\n const nameRef = React.useRef<string>(name ?? generateRandomId());\n\n useIsomorphicLayoutEffect(() => {\n const _activeOptionIdx = options.findIndex(\n (option) => option.value === value\n );\n\n if (_activeOptionIdx === -1 && process.env.NODE_ENV === \"development\") {\n warn(\"defaultValue: такого значения нет среди опций!\", \"error\");\n }\n\n updateActiveOptionIdx(_activeOptionIdx);\n }, [value, options]);\n\n const translateX = `translateX(${100 activeOptionIdx}%)`;\n\n const handleOnChange = (value: SegmentedControlValue) => {\n if (valueProp === undefined) {\n updateValueLocal(value);\n }\n onChange(value);\n };\n\n return (\n <div\n {...restProps}\n vkuiClass={classNames(\n \"SegmentedControl\",\n // TODO v5.0.0 поправить под новую адаптивность\n `SegmentedControl--sizeY-${sizeY}`,\n `SegmentedControl--${size}`\n )}\n ref={getRootRef}\n >\n <div role=\"radiogroup\" vkuiClass=\"SegmentedControl__in\">\n {activeOptionIdx > -1 && (\n <div\n aria-hidden=\"true\"\n vkuiClass=\"SegmentedControl__slider\"\n style={{\n width: `${100 / options.length}%`,\n transform: translateX,\n WebkitTransform: translateX,\n }}\n />\n )}\n {options.map(({ label, ...optionProps }) => (\n <SegmentedControlOption\n key={`${optionProps.value}`}\n {...optionProps}\n vkuiClass=\"SegmentedControl__option\"\n name={nameRef.current}\n checked={value === optionProps.value}\n onChange={() => handleOnChange(optionProps.value)}\n >\n {label}\n </SegmentedControlOption>\n ))}\n </div>\n </div>\n );\n};\n"],"mappings":"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"}

package/dist/cssm/components/SegmentedControl/SegmentedControlOption/SegmentedControlOption.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"~~sources~~":["~~../../../../../src/components/SegmentedControl/~~SegmentedControlOption~~/SegmentedControlOption~~.~~tsx~~"],"names":["useAdaptivity","useFocusVisible","callMultiple","classNames","SizeType","FocusVisible","Text","Caption","VisuallyHiddenInput","SegmentedControlOption","className","style","children","restProps","focusVisible","onBlur","onFocus","sizeY","checked","COMPACT"],"~~mappings~~":";;;;AAAA,SAASA,aAAT;AACA,SAASC,eAAT;AACA,SAASC,YAAT;AACA,SAASC,UAAT;AACA,SAASC,QAAT;AACA,SAASC,YAAT;AACA,SAASC,IAAT;AACA,SAASC,OAAT;AACA,SACEC,mBADF;AAIA;AAEA;AACA;AACA;;AACA,OAAO,IAAMC,sBAAsB,GAAG,SAAzBA,sBAAyB,OAKN;AAAA,MAJ9BC,SAI8B,QAJ9BA,SAI8B;AAAA,MAH9BC,KAG8B,QAH9BA,KAG8B;AAAA,MAF9BC,QAE8B,QAF9BA,QAE8B;AAAA,MAD3BC,SAC2B;;AAC9B,yBAA0CZ,eAAe,EAAzD;AAAA,MAAQa,YAAR,oBAAQA,YAAR;AAAA,MAAsBC,MAAtB,oBAAsBA,MAAtB;AAAA,MAA8BC,OAA9B,oBAA8BA,OAA9B;;AACA,uBAAkBhB,aAAa,EAA/B;AAAA,MAAQiB,KAAR,kBAAQA,KAAR;;AAEA,SACE;AACE,IAAA,SAAS,EAAEP,SADb;AAEE,IAAA,KAAK,EAAEC,KAFT;AAGE,IAAA,SAAS,EAAER,UAAU,CACnB,wBADmB,EAEnBU,SAAS,CAACK,OAAV,IAAqB,iCAFF,EAGnBJ,YAAY,IAAI,uCAHG;AAHvB,KASE,oBAAC,mBAAD,eACMD,SADN;AAEE,IAAA,IAAI,EAAC,OAFP;AAGE,IAAA,MAAM,EAAEX,YAAY,CAACa,MAAD,EAASF,SAAS,CAACE,MAAnB,CAHtB;AAIE,IAAA,OAAO,EAAEb,YAAY,CAACc,OAAD,EAAUH,SAAS,CAACG,OAApB;AAJvB,KATF,EAgBGC,KAAK,KAAKb,QAAQ,CAACe,OAAnB,GACC,oBAAC,OAAD;AACE,IAAA,KAAK,EAAC,GADR;AAEE,IAAA,SAAS,EAAC,iCAFZ;AAGE,IAAA,MAAM,EAAC;AAHT,KAKGP,QALH,CADD,GASC,oBAAC,IAAD;AAAM,IAAA,SAAS,EAAC,iCAAhB;AAAkD,IAAA,MAAM,EAAC;AAAzD,KACGA,QADH,CAzBJ,EA6BE,oBAAC,YAAD;AAAc,IAAA,IAAI,EAAC;AAAnB,IA7BF,CADF;AAiCD,CA1CM","sourcesContent":["import { useAdaptivity } from \"../../../hooks/useAdaptivity\";\nimport { useFocusVisible } from \"../../../hooks/useFocusVisible\";\nimport { callMultiple } from \"../../../lib/callMultiple\";\nimport { classNames } from \"../../../lib/classNames\";\nimport { SizeType } from \"../../AdaptivityProvider/AdaptivityContext\";\nimport { FocusVisible } from \"../../FocusVisible/FocusVisible\";\nimport { Text } from \"../../Typography/Text/Text\";\nimport { Caption } from \"../../Typography/Caption/Caption\";\nimport {\n VisuallyHiddenInput,\n VisuallyHiddenInputProps,\n} from \"../../VisuallyHiddenInput/VisuallyHiddenInput\";\nimport \"./SegmentedControlOption.css\";\n\n/*\n @see https://vkcom.github.io/VKUI/#/SegmentedControl\n /\nexport const SegmentedControlOption = ({\n className,\n style,\n children,\n ...restProps\n}: VisuallyHiddenInputProps) => {\n const { focusVisible, onBlur, onFocus } = useFocusVisible();\n const { sizeY } = useAdaptivity();\n\n return (\n <label\n className={className}\n style={style}\n vkuiClass={classNames(\n \"SegmentedControlOption\",\n restProps.checked && \"SegmentedControlOption--checked\",\n focusVisible && \"SegmentedControlOption--focus-visible\"\n )}\n >\n <VisuallyHiddenInput\n {...restProps}\n type=\"radio\"\n onBlur={callMultiple(onBlur, restProps.onBlur)}\n onFocus={callMultiple(onFocus, restProps.onFocus)}\n />\n {/ TODO v5.0.0 поправить под новую адаптивность */}\n {sizeY === SizeType.COMPACT ? (\n <Caption\n level=\"1\"\n vkuiClass=\"SegmentedControlOption__content\"\n weight=\"3\"\n >\n {children}\n </Caption>\n ) : (\n <Text vkuiClass=\"SegmentedControlOption__content\" weight=\"2\">\n {children}\n </Text>\n )}\n <FocusVisible mode=\"inside\" />\n </label>\n );\n};\n"],"~~file~~":"~~SegmentedControlOption.js~~"}
1	+ {"version":3,"file":"SegmentedControlOption.js","names":["useAdaptivity","useFocusVisible","callMultiple","classNames","SizeType","FocusVisible","Text","Caption","VisuallyHiddenInput","SegmentedControlOption","className","style","children","restProps","focusVisible","onBlur","onFocus","sizeY","checked","COMPACT"],"sources":["../../../../../src/components/SegmentedControl/SegmentedControlOption/SegmentedControlOption.tsx"],"sourcesContent":["import { useAdaptivity } from \"../../../hooks/useAdaptivity\";\nimport { useFocusVisible } from \"../../../hooks/useFocusVisible\";\nimport { callMultiple } from \"../../../lib/callMultiple\";\nimport { classNames } from \"../../../lib/classNames\";\nimport { SizeType } from \"../../AdaptivityProvider/AdaptivityContext\";\nimport { FocusVisible } from \"../../FocusVisible/FocusVisible\";\nimport { Text } from \"../../Typography/Text/Text\";\nimport { Caption } from \"../../Typography/Caption/Caption\";\nimport {\n VisuallyHiddenInput,\n VisuallyHiddenInputProps,\n} from \"../../VisuallyHiddenInput/VisuallyHiddenInput\";\nimport \"./SegmentedControlOption.css\";\n\n/*\n @see https://vkcom.github.io/VKUI/#/SegmentedControl\n /\nexport const SegmentedControlOption = ({\n className,\n style,\n children,\n ...restProps\n}: VisuallyHiddenInputProps) => {\n const { focusVisible, onBlur, onFocus } = useFocusVisible();\n const { sizeY } = useAdaptivity();\n\n return (\n <label\n className={className}\n style={style}\n vkuiClass={classNames(\n \"SegmentedControlOption\",\n restProps.checked && \"SegmentedControlOption--checked\",\n focusVisible && \"SegmentedControlOption--focus-visible\"\n )}\n >\n <VisuallyHiddenInput\n {...restProps}\n type=\"radio\"\n onBlur={callMultiple(onBlur, restProps.onBlur)}\n onFocus={callMultiple(onFocus, restProps.onFocus)}\n />\n {/ TODO v5.0.0 поправить под новую адаптивность */}\n {sizeY === SizeType.COMPACT ? (\n <Caption\n level=\"1\"\n vkuiClass=\"SegmentedControlOption__content\"\n weight=\"3\"\n >\n {children}\n </Caption>\n ) : (\n <Text vkuiClass=\"SegmentedControlOption__content\" weight=\"2\">\n {children}\n </Text>\n )}\n <FocusVisible mode=\"inside\" />\n </label>\n );\n};\n"],"mappings":";;;;AAAA,SAASA,aAAT;AACA,SAASC,eAAT;AACA,SAASC,YAAT;AACA,SAASC,UAAT;AACA,SAASC,QAAT;AACA,SAASC,YAAT;AACA,SAASC,IAAT;AACA,SAASC,OAAT;AACA,SACEC,mBADF;AAIA;AAEA;AACA;AACA;;AACA,OAAO,IAAMC,sBAAsB,GAAG,SAAzBA,sBAAyB,OAKN;EAAA,IAJ9BC,SAI8B,QAJ9BA,SAI8B;EAAA,IAH9BC,KAG8B,QAH9BA,KAG8B;EAAA,IAF9BC,QAE8B,QAF9BA,QAE8B;EAAA,IAD3BC,SAC2B;;EAC9B,uBAA0CZ,eAAe,EAAzD;EAAA,IAAQa,YAAR,oBAAQA,YAAR;EAAA,IAAsBC,MAAtB,oBAAsBA,MAAtB;EAAA,IAA8BC,OAA9B,oBAA8BA,OAA9B;;EACA,qBAAkBhB,aAAa,EAA/B;EAAA,IAAQiB,KAAR,kBAAQA,KAAR;;EAEA,OACE;IACE,SAAS,EAAEP,SADb;IAEE,KAAK,EAAEC,KAFT;IAGE,SAAS,EAAER,UAAU,CACnB,wBADmB,EAEnBU,SAAS,CAACK,OAAV,IAAqB,iCAFF,EAGnBJ,YAAY,IAAI,uCAHG;EAHvB,GASE,oBAAC,mBAAD,eACMD,SADN;IAEE,IAAI,EAAC,OAFP;IAGE,MAAM,EAAEX,YAAY,CAACa,MAAD,EAASF,SAAS,CAACE,MAAnB,CAHtB;IAIE,OAAO,EAAEb,YAAY,CAACc,OAAD,EAAUH,SAAS,CAACG,OAApB;EAJvB,GATF,EAgBGC,KAAK,KAAKb,QAAQ,CAACe,OAAnB,GACC,oBAAC,OAAD;IACE,KAAK,EAAC,GADR;IAEE,SAAS,EAAC,iCAFZ;IAGE,MAAM,EAAC;EAHT,GAKGP,QALH,CADD,GASC,oBAAC,IAAD;IAAM,SAAS,EAAC,iCAAhB;IAAkD,MAAM,EAAC;EAAzD,GACGA,QADH,CAzBJ,EA6BE,oBAAC,YAAD;IAAc,IAAI,EAAC;EAAnB,EA7BF,CADF;AAiCD,CA1CM"}

package/dist/cssm/components/Select/Select.css CHANGED Viewed

	@@ -1 +1 @@
1	- .vkuiSelect{box-sizing:border-box;cursor:pointer;position:relative}.vkuiSelect__el{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;display:block;font-size:16px;height:100%;left:0;opacity:0;position:absolute;top:0;width:100%;z-index:3}.vkuiSelect__container{box-sizing:border-box;color:#000;color:var(--text_primary,var(--vkui--color_text_primary));flex-grow:1;flex-shrink:1;overflow:hidden;padding-left:12px;padding-right:12px;position:relative;z-index:2}.vkuiSelect--hasBefore .vkuiSelect__container{padding-left:0}.vkuiSelect--hasAfter .vkuiSelect__container{padding-right:0}.vkuiSelect--multiline .vkuiSelect__container{padding-bottom:12px;padding-top:12px}.vkuiSelect--sizeY-compact.vkuiSelect--multiline .vkuiSelect__container{padding-bottom:8px;padding-top:8px}.vkuiSelect__title{display:block}.vkuiSelect:not(.vkuiSelect--multiline) .vkuiSelect__title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vkuiSelect--empty .vkuiSelect__title{color:#818c99;color:var(--field_text_placeholder,var(--vkui--color_text_secondary))}.vkuiSelect--align-right .vkuiSelect__title{text-align:right}.vkuiSelect--align-center .vkuiSelect__title{text-align:center}.vkuiCalendarHeader__picker .vkuiSelect__container{padding-right:4px}
1	+ .vkuiSelect{box-sizing:border-box;cursor:pointer;position:relative}.vkuiSelect__el{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;display:block;font-size:16px;height:100%;left:0;opacity:0;position:absolute;top:0;width:100%;z-index:7}.vkuiSelect__container{box-sizing:border-box;color:#000;color:var(--text_primary,var(--vkui--color_text_primary));flex-grow:1;flex-shrink:1;overflow:hidden;padding-left:12px;padding-right:12px;position:relative;z-index:6}.vkuiSelect--hasBefore .vkuiSelect__container{padding-left:0}.vkuiSelect--hasAfter .vkuiSelect__container{padding-right:0}.vkuiSelect--multiline .vkuiSelect__container{padding-bottom:12px;padding-top:12px}.vkuiSelect--sizeY-compact.vkuiSelect--multiline .vkuiSelect__container{padding-bottom:8px;padding-top:8px}.vkuiSelect__title{display:block}.vkuiSelect:not(.vkuiSelect--multiline) .vkuiSelect__title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vkuiSelect--empty .vkuiSelect__title{color:#818c99;color:var(--field_text_placeholder,var(--vkui--color_text_secondary))}.vkuiSelect--align-right .vkuiSelect__title{text-align:right}.vkuiSelect--align-center .vkuiSelect__title{text-align:center}.vkuiCalendarHeader__picker .vkuiSelect__container{padding-right:4px}

package/dist/cssm/components/Select/Select.d.ts CHANGED Viewed

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