npm - @vkontakte/vkui - Versions diffs - 5.4.3 → 5.5.1 - Mend

@vkontakte/vkui 5.4.3 → 5.5.1

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

Files changed (1975) hide show

package/dist/cssm/components/ModalRoot/useModalManager.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../../src/components/ModalRoot/useModalManager.tsx"],"sourcesContent":["import * as React from 'react';\nimport { isFunction, noop } from '@vkontakte/vkjs';\nimport { getNavId } from '../../lib/getNavId';\nimport { useIsomorphicLayoutEffect } from '../../lib/useIsomorphicLayoutEffect';\nimport { warnOnce } from '../../lib/warnOnce';\nimport { HasChildren } from '../../types';\nimport { ModalsState, ModalsStateEntry, ModalType } from './types';\n\ninterface ModalTransitionState {\n activeModal?: string \| null;\n enteringModal?: string \| null;\n exitingModal?: string \| null;\n history?: string[];\n isBack?: boolean \| null;\n}\n\nexport interface ModalTransitionProps extends ModalTransitionState {\n onEnter: VoidFunction;\n onEntered: (id: string \| null) => void;\n onExit: VoidFunction;\n onExited: (id: string \| null) => void;\n getModalState: (id: string \| undefined \| null) => ModalsStateEntry \| undefined;\n delayEnter: boolean;\n}\n\nfunction getModals(children: React.ReactNode \| React.ReactNode[]) {\n return React.Children.toArray(children) as React.ReactElement[];\n}\n\nconst warn = warnOnce('ModalRoot');\n\nexport function modalTransitionReducer(\n state: ModalTransitionState,\n action: {\n type: 'setActive' \| 'entered' \| 'exited' \| 'inited';\n id: string \| null;\n },\n): ModalTransitionState {\n if (action.type === 'setActive' && action.id !== state.activeModal) {\n const nextModal = action.id;\n // preserve exiting modal if switching mid-transition\n const prevModal = state.exitingModal \|\| state.activeModal;\n let history = state.history ? [...state.history] : [];\n const isBack = Boolean(nextModal && history.includes(nextModal));\n\n if (nextModal === null) {\n history = [];\n } else if (isBack) {\n history = history.splice(0, history.indexOf(nextModal) + 1);\n } else {\n history.push(nextModal);\n }\n\n return {\n activeModal: nextModal,\n // not entering yet\n enteringModal: null,\n exitingModal: prevModal,\n history,\n isBack,\n };\n }\n if (action.type === 'entered' && action.id === state.enteringModal) {\n return { ...state, enteringModal: null };\n }\n if (action.type === 'exited' && action.id === state.exitingModal) {\n return { ...state, exitingModal: null };\n }\n if (action.type === 'inited' && action.id === state.activeModal) {\n return { ...state, enteringModal: action.id };\n }\n return state;\n}\n\n/*\n Реализует переход модалок. При смене activeModal m1 -> m2:\n * 1. activeModal: m1, exitingModal: null, enteringModal: null, триггер перехода\n * 2. activeModal: m2, exitingModal: m1, enteringModal: null, рендерим m2 чтобы прошел init, начинаем анимацию выхода\n * одновременный переход между ModalPage:\n * 3a. activeModal: m2, exitingModal: m1, enteringModal: m2\n * 4a. exitingModal и enteringModal переходят в null в порядке завершения анимации\n * ИЛИ дожидаемся скрытия ModalCard\n * 3b. activeModal: m2, exitingModal: null, enteringModal: m2\n * 4b. enteringModal переходит в null после завершения анимации\n * 5. activeModal: m2, exitingModal: null, enteringModal: null, переход закончен\n */\nexport function useModalManager(\n activeModal: string \| null \| undefined,\n children: React.ReactNode \| React.ReactNode[],\n onOpen: (id: string) => void = noop,\n onOpened: (id: string) => void = noop,\n onClose: (id: string) => void = noop,\n onClosed: (id: string) => void = noop,\n initModal: (state: ModalsStateEntry) => void = noop,\n): ModalTransitionProps {\n const modalsState = React.useRef<ModalsState>({}).current;\n getModals(children).forEach((Modal) => {\n const modalProps = Modal.props;\n const id = getNavId(modalProps, warn);\n const state: ModalsStateEntry = (id !== undefined && modalsState[id]) \|\| {\n id: id ?? null,\n };\n\n state.onOpen = Modal.props.onOpen;\n state.onOpened = Modal.props.onOpened;\n state.onClose = Modal.props.onClose;\n state.onClosed = Modal.props.onClosed;\n // ModalPage props\n if (typeof modalProps.settlingHeight === 'number') {\n state.settlingHeight = modalProps.settlingHeight;\n }\n\n if (state.id !== null) {\n modalsState[state.id] = state;\n }\n });\n\n const isMissing = activeModal && !modalsState[activeModal];\n const safeActiveModal = isMissing ? null : activeModal;\n const [transitionState, dispatchTransition] = React.useReducer(modalTransitionReducer, {\n activeModal: safeActiveModal,\n enteringModal: null,\n exitingModal: null,\n history: safeActiveModal ? [safeActiveModal] : [],\n isBack: false,\n });\n\n // Map props to state, render activeModal for init\n useIsomorphicLayoutEffect(() => {\n // ignore non-existent activeModal\n if (process.env.NODE_ENV === 'development' && isMissing) {\n warn(`Переход невозможен - модальное окно (страница) ${activeModal} не существует`, 'error');\n }\n dispatchTransition({ type: 'setActive', id: safeActiveModal ?? null });\n }, [activeModal]);\n\n // Init activeModal & set enteringModal\n useIsomorphicLayoutEffect(() => {\n if (transitionState.activeModal) {\n initModal(modalsState[transitionState.activeModal]);\n dispatchTransition({ type: 'inited', id: transitionState.activeModal });\n }\n }, [transitionState.activeModal]);\n\n const isCard = (id: string \| null \| undefined) =>\n id != null && modalsState[id]?.type === ModalType.CARD;\n const onEntered = React.useCallback(\n (id: string \| null) => {\n if (id) {\n const modalState = modalsState[id];\n\n if (isFunction(modalState.onOpened)) {\n modalState.onOpened();\n } else if (isFunction(onOpened)) {\n onOpened(id);\n }\n }\n\n dispatchTransition({ type: 'entered', id });\n },\n [modalsState, onOpened],\n );\n const onExited = React.useCallback(\n (id: string \| null) => {\n if (id) {\n const modalState = modalsState[id];\n\n if (isFunction(modalState.onClosed)) {\n modalState.onClosed();\n } else if (isFunction(onClosed)) {\n onClosed(id);\n }\n }\n\n dispatchTransition({ type: 'exited', id });\n },\n [modalsState, onClosed],\n );\n const delayEnter = Boolean(\n transitionState.exitingModal && (isCard(activeModal) \|\| isCard(transitionState.exitingModal)),\n );\n const getModalState = React.useCallback(\n (id: string \| undefined \| null) => (id ? modalsState[id] : undefined),\n [modalsState],\n );\n\n function onEnter() {\n const modalState = transitionState.activeModal && modalsState[transitionState.activeModal];\n if (modalState) {\n if (isFunction(modalState.onOpen)) {\n modalState.onOpen();\n } else if (isFunction(onOpen) && modalState.id) {\n onOpen(modalState.id);\n }\n }\n }\n\n function onExit() {\n const modalState = transitionState.activeModal && modalsState[transitionState.activeModal];\n if (modalState) {\n if (isFunction(modalState.onClose)) {\n modalState.onClose();\n } else if (isFunction(onClose) && modalState.id) {\n onClose(modalState.id);\n }\n }\n }\n\n return {\n onEnter,\n onEntered,\n onExit,\n onExited,\n ...transitionState,\n delayEnter,\n getModalState,\n };\n}\n\ntype WithModalManager<Props extends ModalTransitionProps> = HasChildren &\n Omit<Props, keyof ModalTransitionProps> & {\n activeModal?: string \| null;\n };\n\nexport function withModalManager(initModal: (a: ModalsStateEntry) => void = noop) {\n return function <Props extends ModalTransitionProps>(\n Wrapped: React.ComponentType<Props>,\n ): React.ComponentType<WithModalManager<Props>> {\n return function WithModalManager(props) {\n const transitionManager = useModalManager(\n props.activeModal,\n props.children,\n (props as any).onOpen,\n (props as any).onOpened,\n (props as any).onClose,\n (props as any).onClosed,\n initModal,\n );\n return <Wrapped {...(props as any)} {...transitionManager} />;\n };\n };\n}\n"],"names":["React","isFunction","noop","getNavId","useIsomorphicLayoutEffect","warnOnce","ModalType","getModals","children","Children","toArray","warn","modalTransitionReducer","state","action","type","id","activeModal","nextModal","prevModal","exitingModal","history","isBack","Boolean","includes","splice","indexOf","push","enteringModal","useModalManager","onOpen","onOpened","onClose","onClosed","initModal","modalsState","useRef","current","forEach","Modal","modalProps","props","undefined","settlingHeight","isMissing","safeActiveModal","transitionState","dispatchTransition","useReducer","process","env","NODE_ENV","isCard","CARD","onEntered","useCallback","modalState","onExited","delayEnter","getModalState","onEnter","onExit","withModalManager","Wrapped","WithModalManager","transitionManager"],"mappings":"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"}
1	+ {"version":3,"sources":["../../../../src/components/ModalRoot/useModalManager.tsx"],"sourcesContent":["import * as React from 'react';\nimport { isFunction, noop } from '@vkontakte/vkjs';\nimport { getNavId } from '../../lib/getNavId';\nimport { useIsomorphicLayoutEffect } from '../../lib/useIsomorphicLayoutEffect';\nimport { warnOnce } from '../../lib/warnOnce';\nimport { HasChildren } from '../../types';\nimport { ModalsState, ModalsStateEntry, ModalType } from './types';\n\ninterface ModalTransitionState {\n activeModal?: string \| null;\n enteringModal?: string \| null;\n exitingModal?: string \| null;\n history?: string[];\n isBack?: boolean \| null;\n}\n\nexport interface ModalTransitionProps extends ModalTransitionState {\n onEnter: VoidFunction;\n onEntered: (id: string \| null) => void;\n onExit: VoidFunction;\n onExited: (id: string \| null) => void;\n getModalState: (id: string \| undefined \| null) => ModalsStateEntry \| undefined;\n delayEnter: boolean;\n}\n\nfunction getModals(children: React.ReactNode \| React.ReactNode[]) {\n return React.Children.toArray(children) as React.ReactElement[];\n}\n\nconst warn = warnOnce('ModalRoot');\n\nexport function modalTransitionReducer(\n state: ModalTransitionState,\n action: {\n type: 'setActive' \| 'entered' \| 'exited' \| 'inited';\n id: string \| null;\n },\n): ModalTransitionState {\n if (action.type === 'setActive' && action.id !== state.activeModal) {\n const nextModal = action.id;\n // preserve exiting modal if switching mid-transition\n const prevModal = state.exitingModal \|\| state.activeModal;\n let history = state.history ? [...state.history] : [];\n const isBack = Boolean(nextModal && history.includes(nextModal));\n\n if (nextModal === null) {\n history = [];\n } else if (isBack) {\n history = history.splice(0, history.indexOf(nextModal) + 1);\n } else {\n history.push(nextModal);\n }\n\n return {\n activeModal: nextModal,\n // not entering yet\n enteringModal: null,\n exitingModal: prevModal,\n history,\n isBack,\n };\n }\n if (action.type === 'entered' && action.id === state.enteringModal) {\n return { ...state, enteringModal: null };\n }\n if (action.type === 'exited' && action.id === state.exitingModal) {\n return { ...state, exitingModal: null };\n }\n if (action.type === 'inited' && action.id === state.activeModal) {\n return { ...state, enteringModal: action.id };\n }\n return state;\n}\n\n/*\n Реализует переход модалок. При смене activeModal m1 -> m2:\n * 1. activeModal: m1, exitingModal: null, enteringModal: null, триггер перехода\n * 2. activeModal: m2, exitingModal: m1, enteringModal: null, рендерим m2 чтобы прошел init, начинаем анимацию выхода\n * одновременный переход между ModalPage:\n * 3a. activeModal: m2, exitingModal: m1, enteringModal: m2\n * 4a. exitingModal и enteringModal переходят в null в порядке завершения анимации\n * ИЛИ дожидаемся скрытия ModalCard\n * 3b. activeModal: m2, exitingModal: null, enteringModal: m2\n * 4b. enteringModal переходит в null после завершения анимации\n * 5. activeModal: m2, exitingModal: null, enteringModal: null, переход закончен\n */\nexport function useModalManager(\n activeModal: string \| null \| undefined,\n children: React.ReactNode \| React.ReactNode[],\n onOpen: (id: string) => void = noop,\n onOpened: (id: string) => void = noop,\n onClose: (id: string) => void = noop,\n onClosed: (id: string) => void = noop,\n initModal: (state: ModalsStateEntry) => void = noop,\n): ModalTransitionProps {\n const modalsState = React.useRef<ModalsState>({}).current;\n getModals(children).forEach((Modal) => {\n const modalProps = Modal.props;\n const id = getNavId(modalProps, warn);\n const state: ModalsStateEntry = (id !== undefined && modalsState[id]) \|\| {\n id: id ?? null,\n };\n\n state.onOpen = Modal.props.onOpen;\n state.onOpened = Modal.props.onOpened;\n state.onClose = Modal.props.onClose;\n state.onClosed = Modal.props.onClosed;\n // ModalPage props\n if (typeof modalProps.settlingHeight === 'number') {\n state.settlingHeight = modalProps.settlingHeight;\n }\n\n if (state.id !== null) {\n modalsState[state.id] = state;\n }\n });\n\n const isMissing = activeModal && !modalsState[activeModal];\n const safeActiveModal = isMissing ? null : activeModal;\n const [transitionState, dispatchTransition] = React.useReducer(modalTransitionReducer, {\n activeModal: safeActiveModal,\n enteringModal: null,\n exitingModal: null,\n history: safeActiveModal ? [safeActiveModal] : [],\n isBack: false,\n });\n\n // Map props to state, render activeModal for init\n useIsomorphicLayoutEffect(() => {\n // ignore non-existent activeModal\n if (process.env.NODE_ENV === 'development' && isMissing) {\n warn(`Переход невозможен - модальное окно (страница) ${activeModal} не существует`, 'error');\n }\n dispatchTransition({ type: 'setActive', id: safeActiveModal ?? null });\n }, [activeModal]);\n\n // Init activeModal & set enteringModal\n useIsomorphicLayoutEffect(() => {\n if (transitionState.activeModal) {\n initModal(modalsState[transitionState.activeModal]);\n dispatchTransition({ type: 'inited', id: transitionState.activeModal });\n }\n }, [transitionState.activeModal]);\n\n const isCard = (id: string \| null \| undefined) =>\n id != null && modalsState[id]?.type === ModalType.CARD;\n const onEntered = React.useCallback(\n (id: string \| null) => {\n if (id) {\n const modalState = modalsState[id];\n\n if (isFunction(modalState.onOpened)) {\n modalState.onOpened();\n } else if (isFunction(onOpened)) {\n onOpened(id);\n }\n }\n\n dispatchTransition({ type: 'entered', id });\n },\n [modalsState, onOpened],\n );\n const onExited = React.useCallback(\n (id: string \| null) => {\n if (id) {\n const modalState = modalsState[id];\n\n if (isFunction(modalState.onClosed)) {\n modalState.onClosed();\n } else if (isFunction(onClosed)) {\n onClosed(id);\n }\n }\n\n dispatchTransition({ type: 'exited', id });\n },\n [modalsState, onClosed],\n );\n const delayEnter = Boolean(\n transitionState.exitingModal && (isCard(activeModal) \|\| isCard(transitionState.exitingModal)),\n );\n const getModalState = React.useCallback(\n (id: string \| undefined \| null) => (id ? modalsState[id] : undefined),\n [modalsState],\n );\n\n function onEnter() {\n const modalState = transitionState.activeModal && modalsState[transitionState.activeModal];\n if (modalState) {\n if (isFunction(modalState.onOpen)) {\n modalState.onOpen();\n } else if (isFunction(onOpen) && modalState.id) {\n onOpen(modalState.id);\n }\n }\n }\n\n function onExit() {\n const modalState = transitionState.activeModal && modalsState[transitionState.activeModal];\n if (modalState) {\n if (isFunction(modalState.onClose)) {\n modalState.onClose();\n } else if (isFunction(onClose) && modalState.id) {\n onClose(modalState.id);\n }\n }\n }\n\n return {\n onEnter,\n onEntered,\n onExit,\n onExited,\n ...transitionState,\n delayEnter,\n getModalState,\n };\n}\n\ntype WithModalManager<Props extends ModalTransitionProps> = HasChildren &\n Omit<Props, keyof ModalTransitionProps> & {\n activeModal?: string \| null;\n };\n\nexport function withModalManager(initModal: (a: ModalsStateEntry) => void = noop) {\n return function <Props extends ModalTransitionProps>(\n Wrapped: React.ComponentType<Props>,\n ): React.ComponentType<WithModalManager<Props>> {\n return function WithModalManager(props) {\n const transitionManager = useModalManager(\n props.activeModal,\n props.children,\n (props as any).onOpen,\n (props as any).onOpened,\n (props as any).onClose,\n (props as any).onClosed,\n initModal,\n );\n return <Wrapped {...(props as any)} {...transitionManager} />;\n };\n };\n}\n"],"names":["React","isFunction","noop","getNavId","useIsomorphicLayoutEffect","warnOnce","ModalType","getModals","children","Children","toArray","warn","modalTransitionReducer","state","action","type","id","activeModal","nextModal","prevModal","exitingModal","history","isBack","Boolean","includes","splice","indexOf","push","enteringModal","useModalManager","onOpen","onOpened","onClose","onClosed","initModal","modalsState","useRef","current","forEach","Modal","modalProps","props","undefined","settlingHeight","isMissing","safeActiveModal","transitionState","dispatchTransition","useReducer","process","env","NODE_ENV","isCard","CARD","onEntered","useCallback","modalState","onExited","delayEnter","getModalState","onEnter","onExit","withModalManager","Wrapped","WithModalManager","transitionManager"],"mappings":"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"}

package/dist/cssm/components/ModalRoot/useModalRootContext.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../../src/components/ModalRoot/useModalRootContext.tsx"],"sourcesContent":["import React from 'react';\nimport { ModalRootContext } from './ModalRootContext';\n\nexport const useModalRootContext = () => React.useContext(ModalRootContext);\n"],"names":["React","ModalRootContext","useModalRootContext","useContext"],"mappings":"AAAA,OAAOA,WAAW,QAAQ;AAC1B,SAASC,gBAAgB,QAAQ,qBAAqB;AAEtD,OAAO,MAAMC,sBAAsB,IAAMF,MAAMG,~~UAAU~~,~~CAACF,~~kBAAkB"}
1	+ {"version":3,"sources":["../../../../src/components/ModalRoot/useModalRootContext.tsx"],"sourcesContent":["import React from 'react';\nimport { ModalRootContext } from './ModalRootContext';\n\nexport const useModalRootContext = () => React.useContext(ModalRootContext);\n"],"names":["React","ModalRootContext","useModalRootContext","useContext"],"mappings":"AAAA,OAAOA,WAAW,QAAQ;AAC1B,SAASC,gBAAgB,QAAQ,qBAAqB;AAEtD,OAAO,MAAMC,sBAAsB,IAAMF,MAAMG,WAAWF,kBAAkB"}

package/dist/cssm/components/ModalRoot/withModalRootContext.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../../src/components/ModalRoot/withModalRootContext.tsx"],"sourcesContent":["import * as React from 'react';\nimport { ModalRootContext, ModalRootContextInterface } from './ModalRootContext';\n\ntype PickedProps = Pick<ModalRootContextInterface, 'updateModalHeight'>;\n\nexport function withModalRootContext<P extends PickedProps>(\n Component: React.ComponentType<P>,\n): React.ComponentType<Omit<P, keyof PickedProps>> {\n function WithModalRootContext(props: Omit<P, keyof PickedProps>) {\n const { updateModalHeight } = React.useContext(ModalRootContext);\n\n return <Component {...(props as P)} updateModalHeight={updateModalHeight} />;\n }\n return WithModalRootContext;\n}\n"],"names":["React","ModalRootContext","withModalRootContext","Component","WithModalRootContext","props","updateModalHeight","useContext"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,gBAAgB,QAAmC,qBAAqB;AAIjF,OAAO,SAASC,qBACdC,SAAiC~~,EACgB~~;~~IACjD~~,SAASC,qBAAqBC,KAAiC~~,EAAE~~;~~QAC/D~~,MAAM,EAAEC,kBAAiB,EAAE,GAAGN,MAAMO,~~UAAU,CAACN~~;QAE/C,qBAAO,oBAACE;YAAW,GAAIE,KAAK;YAAQC,mBAAmBA;;IACzD;IACA,OAAOF;AACT~~,CAAC~~"}
1	+ {"version":3,"sources":["../../../../src/components/ModalRoot/withModalRootContext.tsx"],"sourcesContent":["import * as React from 'react';\nimport { ModalRootContext, ModalRootContextInterface } from './ModalRootContext';\n\ntype PickedProps = Pick<ModalRootContextInterface, 'updateModalHeight'>;\n\nexport function withModalRootContext<P extends PickedProps>(\n Component: React.ComponentType<P>,\n): React.ComponentType<Omit<P, keyof PickedProps>> {\n function WithModalRootContext(props: Omit<P, keyof PickedProps>) {\n const { updateModalHeight } = React.useContext(ModalRootContext);\n\n return <Component {...(props as P)} updateModalHeight={updateModalHeight} />;\n }\n return WithModalRootContext;\n}\n"],"names":["React","ModalRootContext","withModalRootContext","Component","WithModalRootContext","props","updateModalHeight","useContext"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,gBAAgB,QAAmC,qBAAqB;AAIjF,OAAO,SAASC,qBACdC,SAAiC;IAEjC,SAASC,qBAAqBC,KAAiC;QAC7D,MAAM,EAAEC,kBAAiB,EAAE,GAAGN,MAAMO,WAAWN;QAE/C,qBAAO,oBAACE;YAAW,GAAIE,KAAK;YAAQC,mBAAmBA;;IACzD;IACA,OAAOF;AACT"}

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

@@ -2,7 +2,7 @@ import * as React from 'react';
 import { HasAlign, HasRef, HasRootRef } from '../../types';
 import { FormFieldProps } from '../FormField/FormField';
 import type { SelectType } from '../Select/Select';
-export interface NativeSelectProps extends React.SelectHTMLAttributes<HTMLSelectElement>, HasRef<HTMLSelectElement>, HasRootRef<HTMLLabelElement>, HasAlign, Pick<FormFieldProps, 'before' | 'status'> {
+export interface NativeSelectProps extends Omit<React.SelectHTMLAttributes<HTMLSelectElement>, 'multiple'>, HasRef<HTMLSelectElement>, HasRootRef<HTMLLabelElement>, HasAlign, Pick<FormFieldProps, 'before' | 'status'> {
     placeholder?: string;
     multiline?: boolean;
     selectType?: SelectType;
@@ -19,5 +19,5 @@ export interface SelectState {
 /**
  * @see https://vkcom.github.io/VKUI/#/NativeSelect
  */
-declare const NativeSelect: ({ style, defaultValue, align, placeholder, children, className, getRef, getRootRef, disabled, multiline, selectType, status, icon, before, onChange: onChangeProp, value: valueProp, ...restProps }: NativeSelectProps) => JSX.Element;
+declare const NativeSelect: ({ style, defaultValue, align, placeholder, children, className, getRef, getRootRef, disabled, multiline, selectType, status, icon, before, onChange: onChangeProp, value: valueProp, ...restProps }: NativeSelectProps) => React.JSX.Element;
 export { NativeSelect };

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

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../../src/components/NativeSelect/NativeSelect.tsx"],"sourcesContent":["import * as React from 'react';\nimport { classNames } from '@vkontakte/vkjs';\nimport { useAdaptivity } from '../../hooks/useAdaptivity';\nimport { useEnsuredControl } from '../../hooks/useEnsuredControl';\nimport { useExternRef } from '../../hooks/useExternRef';\nimport { SizeType } from '../../lib/adaptivity';\nimport { useIsomorphicLayoutEffect } from '../../lib/useIsomorphicLayoutEffect';\nimport { HasAlign, HasRef, HasRootRef } from '../../types';\nimport { DropdownIcon } from '../DropdownIcon/DropdownIcon';\nimport { FormField, FormFieldProps } from '../FormField/FormField';\nimport type { SelectType } from '../Select/Select';\nimport { SelectTypography } from '../SelectTypography/SelectTypography';\nimport styles from '../Select/Select.module.css';\n\nconst sizeYClassNames = {\n none: styles['Select--sizeY-none'],\n [SizeType.COMPACT]: styles['Select--sizeY-compact'],\n};\n\nexport interface NativeSelectProps\n extends React.SelectHTMLAttributes<HTMLSelectElement>,\n HasRef<HTMLSelectElement>,\n HasRootRef<HTMLLabelElement>,\n HasAlign,\n Pick<FormFieldProps, 'before' \| 'status'> {\n placeholder?: string;\n multiline?: boolean;\n selectType?: SelectType;\n /*\n Иконка раскрывающегося списка\n /\n icon?: React.ReactNode;\n}\n\nexport interface SelectState {\n value?: React.SelectHTMLAttributes<HTMLSelectElement>['value'];\n title?: string;\n notSelected?: boolean;\n}\n\n/\n @see https://vkcom.github.io/VKUI/#/NativeSelect\n */\nconst NativeSelect = ({\n style,\n defaultValue = '',\n align,\n placeholder,\n children,\n className,\n getRef,\n getRootRef,\n disabled,\n multiline,\n selectType = 'default',\n status,\n icon = <DropdownIcon />,\n before,\n onChange: onChangeProp,\n value: valueProp,\n ...restProps\n}: NativeSelectProps) => {\n const [title, setTitle] = React.useState('');\n const [empty, setEmpty] = React.useState(false);\n const [value, onChange] = useEnsuredControl({\n defaultValue,\n disabled,\n onChange: onChangeProp,\n value: valueProp,\n });\n const selectRef = useExternRef(getRef);\n const { sizeY = 'none' } = useAdaptivity();\n\n useIsomorphicLayoutEffect(() => {\n const selectedOption = selectRef.current?.options[selectRef.current.selectedIndex];\n if (selectedOption) {\n setTitle(selectedOption.text);\n setEmpty(selectedOption.value === '' && placeholder != null);\n }\n }, [value, children]);\n\n return (\n <FormField\n Component=\"label\"\n className={classNames(\n styles['Select'],\n 'vkuiInternalNativeSelect',\n before && styles['Select--hasBefore'],\n empty && styles['Select--empty'],\n multiline && styles['Select--multiline'],\n align === 'center' && styles['Select--align-center'],\n align === 'right' && styles['Select--align-right'],\n sizeY !== SizeType.REGULAR && sizeYClassNames[sizeY],\n className,\n )}\n style={style}\n getRootRef={getRootRef}\n disabled={disabled}\n before={before}\n after={icon}\n status={status}\n >\n <select\n {...restProps}\n disabled={disabled}\n className={styles['Select__el']}\n onChange={onChange}\n value={value}\n ref={selectRef}\n >\n {placeholder && <option value=\"\">{placeholder}</option>}\n {children}\n </select>\n <div className={styles['Select__container']} aria-hidden>\n <SelectTypography className={styles['Select__title']} selectType={selectType}>\n {title}\n </SelectTypography>\n </div>\n </FormField>\n );\n};\n\nexport { NativeSelect };\n"],"names":["React","classNames","useAdaptivity","useEnsuredControl","useExternRef","SizeType","useIsomorphicLayoutEffect","DropdownIcon","FormField","SelectTypography","styles","sizeYClassNames","none","COMPACT","NativeSelect","style","defaultValue","align","placeholder","children","className","getRef","getRootRef","disabled","multiline","selectType","status","icon","before","onChange","onChangeProp","value","valueProp","restProps","title","setTitle","useState","empty","setEmpty","selectRef","sizeY","selectedOption","current","options","selectedIndex","text","Component","REGULAR","after","select","ref","option","div","aria-hidden"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,UAAU,QAAQ,kBAAkB;AAC7C,SAASC,aAAa,QAAQ,4BAA4B;AAC1D,SAASC,iBAAiB,QAAQ,gCAAgC;AAClE,SAASC,YAAY,QAAQ,2BAA2B;AACxD,SAASC,QAAQ,QAAQ,uBAAuB;AAChD,SAASC,yBAAyB,QAAQ,sCAAsC;AAEhF,SAASC,YAAY,QAAQ,+BAA+B;AAC5D,SAASC,SAAS,QAAwB,yBAAyB;AAEnE,SAASC,gBAAgB,QAAQ,uCAAuC;AACxE,OAAOC,YAAY,8BAA8B;AAEjD,MAAMC,kBAAkB;IACtBC,MAAMF,MAAM,CAAC,qBAAqB;IAClC,CAACL,SAASQ,~~OAAO~~,~~CAAC,~~EAAEH,MAAM,CAAC,wBAAwB;AACrD;AAuBA;;CAEC,GACD,MAAMI,eAAe,CAAC,EACpBC,MAAK,EACLC,cAAe,GAAE,EACjBC,MAAK,EACLC,YAAW,EACXC,SAAQ,EACRC,UAAS,EACTC,OAAM,EACNC,WAAU,EACVC,SAAQ,EACRC,UAAS,EACTC,YAAa,UAAS,EACtBC,OAAM,EACNC,oBAAO,oBAACpB,oBAAe,EACvBqB,OAAM,EACNC,UAAUC,aAAY,EACtBC,OAAOC,UAAS,EAChB,GAAGC,WACe~~,GAAK~~;~~IACvB~~,MAAM,CAACC,OAAOC,SAAS,GAAGnC,MAAMoC,~~QAAQ,CAAC~~;IACzC,MAAM,CAACC,OAAOC,SAAS,GAAGtC,MAAMoC,~~QAAQ,CAAC,KAAK~~;~~IAC9C~~,MAAM,CAACL,OAAOF,SAAS,GAAG1B,kBAAkB;QAC1Ca;QACAO;QACAM,UAAUC;QACVC,OAAOC;IACT;IACA,MAAMO,YAAYnC,aAAaiB;IAC/B,MAAM,EAAEmB,OAAQ,OAAM,EAAE,GAAGtC;IAE3BI,0BAA0B~~,IAAM~~;~~QAC9B~~,MAAMmC,iBAAiBF,UAAUG,~~OAAO~~,~~EAAEC,~~OAAO,CAACJ,UAAUG,~~OAAO~~,~~CAACE,aAAa,CAAC~~;QAClF,IAAIH,gBAAgB;YAClBN,SAASM,eAAeI~~,IAAI~~;~~YAC5BP~~,SAASG,eAAeV,~~KAAK~~,~~KAAK,~~MAAMb,eAAe~~,IAAI~~;~~QAC7D,CAAC~~;~~IACH~~,GAAG;QAACa;QAAOZ;KAAS;IAEpB,qBACE,oBAACX;QACCsC,WAAU;QACV1B,WAAWnB,WACTS,MAAM,CAAC,SAAS,EAChB,4BACAkB,UAAUlB,MAAM,CAAC,oBAAoB,EACrC2B,SAAS3B,MAAM,CAAC,gBAAgB,EAChCc,aAAad,MAAM,CAAC,oBAAoB,EACxCO,UAAU,YAAYP,MAAM,CAAC,uBAAuB,EACpDO,UAAU,WAAWP,MAAM,CAAC,sBAAsB,EAClD8B,UAAUnC,SAAS0C,~~OAAO~~,~~IAAIpC,~~eAAe,CAAC6B,MAAM,EACpDpB;QAEFL,OAAOA;QACPO,YAAYA;QACZC,UAAUA;QACVK,QAAQA;QACRoB,OAAOrB;QACPD,QAAQA;qBAER,oBAACuB;QACE,GAAGhB,SAAS;QACbV,UAAUA;QACVH,WAAWV,MAAM,CAAC,aAAa;QAC/BmB,UAAUA;QACVE,OAAOA;QACPmB,KAAKX;OAEJrB,6BAAe,oBAACiC;QAAOpB,OAAM;OAAIb,cACjCC,yBAEH,oBAACiC;QAAIhC,WAAWV,MAAM,CAAC,oBAAoB;QAAE2C,eAAAA~~,IAAW~~;~~qBACtD~~,oBAAC5C;QAAiBW,WAAWV,MAAM,CAAC,gBAAgB;QAAEe,YAAYA;OAC/DS;AAKX;AAEA,SAASpB,YAAY,GAAG"}
1	+ {"version":3,"sources":["../../../../src/components/NativeSelect/NativeSelect.tsx"],"sourcesContent":["import * as React from 'react';\nimport { classNames } from '@vkontakte/vkjs';\nimport { useAdaptivity } from '../../hooks/useAdaptivity';\nimport { useEnsuredControl } from '../../hooks/useEnsuredControl';\nimport { useExternRef } from '../../hooks/useExternRef';\nimport { SizeType } from '../../lib/adaptivity';\nimport { useIsomorphicLayoutEffect } from '../../lib/useIsomorphicLayoutEffect';\nimport { HasAlign, HasRef, HasRootRef } from '../../types';\nimport { DropdownIcon } from '../DropdownIcon/DropdownIcon';\nimport { FormField, FormFieldProps } from '../FormField/FormField';\nimport type { SelectType } from '../Select/Select';\nimport { SelectTypography } from '../SelectTypography/SelectTypography';\nimport styles from '../Select/Select.module.css';\n\nconst sizeYClassNames = {\n none: styles['Select--sizeY-none'],\n [SizeType.COMPACT]: styles['Select--sizeY-compact'],\n};\n\nexport interface NativeSelectProps\n extends Omit<React.SelectHTMLAttributes<HTMLSelectElement>, 'multiple'>,\n HasRef<HTMLSelectElement>,\n HasRootRef<HTMLLabelElement>,\n HasAlign,\n Pick<FormFieldProps, 'before' \| 'status'> {\n placeholder?: string;\n multiline?: boolean;\n selectType?: SelectType;\n /*\n Иконка раскрывающегося списка\n /\n icon?: React.ReactNode;\n}\n\nexport interface SelectState {\n value?: React.SelectHTMLAttributes<HTMLSelectElement>['value'];\n title?: string;\n notSelected?: boolean;\n}\n\n/\n @see https://vkcom.github.io/VKUI/#/NativeSelect\n */\nconst NativeSelect = ({\n style,\n defaultValue = '',\n align,\n placeholder,\n children,\n className,\n getRef,\n getRootRef,\n disabled,\n multiline,\n selectType = 'default',\n status,\n icon = <DropdownIcon />,\n before,\n onChange: onChangeProp,\n value: valueProp,\n ...restProps\n}: NativeSelectProps) => {\n const [title, setTitle] = React.useState('');\n const [empty, setEmpty] = React.useState(false);\n const [value, onChange] = useEnsuredControl({\n defaultValue,\n disabled,\n onChange: onChangeProp,\n value: valueProp,\n });\n const selectRef = useExternRef(getRef);\n const { sizeY = 'none' } = useAdaptivity();\n\n useIsomorphicLayoutEffect(() => {\n const selectedOption = selectRef.current?.options[selectRef.current.selectedIndex];\n if (selectedOption) {\n setTitle(selectedOption.text);\n setEmpty(selectedOption.value === '' && placeholder != null);\n }\n }, [value, children]);\n\n return (\n <FormField\n Component=\"label\"\n className={classNames(\n styles['Select'],\n 'vkuiInternalNativeSelect',\n before && styles['Select--hasBefore'],\n empty && styles['Select--empty'],\n multiline && styles['Select--multiline'],\n align === 'center' && styles['Select--align-center'],\n align === 'right' && styles['Select--align-right'],\n sizeY !== SizeType.REGULAR && sizeYClassNames[sizeY],\n className,\n )}\n style={style}\n getRootRef={getRootRef}\n disabled={disabled}\n before={before}\n after={icon}\n status={status}\n >\n <select\n {...restProps}\n disabled={disabled}\n className={styles['Select__el']}\n onChange={onChange}\n value={value}\n ref={selectRef}\n >\n {placeholder && <option value=\"\">{placeholder}</option>}\n {children}\n </select>\n <div className={styles['Select__container']} aria-hidden>\n <SelectTypography className={styles['Select__title']} selectType={selectType}>\n {title}\n </SelectTypography>\n </div>\n </FormField>\n );\n};\n\nexport { NativeSelect };\n"],"names":["React","classNames","useAdaptivity","useEnsuredControl","useExternRef","SizeType","useIsomorphicLayoutEffect","DropdownIcon","FormField","SelectTypography","styles","sizeYClassNames","none","COMPACT","NativeSelect","style","defaultValue","align","placeholder","children","className","getRef","getRootRef","disabled","multiline","selectType","status","icon","before","onChange","onChangeProp","value","valueProp","restProps","title","setTitle","useState","empty","setEmpty","selectRef","sizeY","selectedOption","current","options","selectedIndex","text","Component","REGULAR","after","select","ref","option","div","aria-hidden"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,UAAU,QAAQ,kBAAkB;AAC7C,SAASC,aAAa,QAAQ,4BAA4B;AAC1D,SAASC,iBAAiB,QAAQ,gCAAgC;AAClE,SAASC,YAAY,QAAQ,2BAA2B;AACxD,SAASC,QAAQ,QAAQ,uBAAuB;AAChD,SAASC,yBAAyB,QAAQ,sCAAsC;AAEhF,SAASC,YAAY,QAAQ,+BAA+B;AAC5D,SAASC,SAAS,QAAwB,yBAAyB;AAEnE,SAASC,gBAAgB,QAAQ,uCAAuC;AACxE,OAAOC,YAAY,8BAA8B;AAEjD,MAAMC,kBAAkB;IACtBC,MAAMF,MAAM,CAAC,qBAAqB;IAClC,CAACL,SAASQ,QAAQ,EAAEH,MAAM,CAAC,wBAAwB;AACrD;AAuBA;;CAEC,GACD,MAAMI,eAAe,CAAC,EACpBC,MAAK,EACLC,cAAe,GAAE,EACjBC,MAAK,EACLC,YAAW,EACXC,SAAQ,EACRC,UAAS,EACTC,OAAM,EACNC,WAAU,EACVC,SAAQ,EACRC,UAAS,EACTC,YAAa,UAAS,EACtBC,OAAM,EACNC,oBAAO,oBAACpB,oBAAe,EACvBqB,OAAM,EACNC,UAAUC,aAAY,EACtBC,OAAOC,UAAS,EAChB,GAAGC,WACe;IAClB,MAAM,CAACC,OAAOC,SAAS,GAAGnC,MAAMoC,SAAS;IACzC,MAAM,CAACC,OAAOC,SAAS,GAAGtC,MAAMoC,SAAS;IACzC,MAAM,CAACL,OAAOF,SAAS,GAAG1B,kBAAkB;QAC1Ca;QACAO;QACAM,UAAUC;QACVC,OAAOC;IACT;IACA,MAAMO,YAAYnC,aAAaiB;IAC/B,MAAM,EAAEmB,OAAQ,OAAM,EAAE,GAAGtC;IAE3BI,0BAA0B;QACxB,MAAMmC,iBAAiBF,UAAUG,SAASC,OAAO,CAACJ,UAAUG,QAAQE,cAAc;QAClF,IAAIH,gBAAgB;YAClBN,SAASM,eAAeI;YACxBP,SAASG,eAAeV,UAAU,MAAMb,eAAe;QACzD;IACF,GAAG;QAACa;QAAOZ;KAAS;IAEpB,qBACE,oBAACX;QACCsC,WAAU;QACV1B,WAAWnB,WACTS,MAAM,CAAC,SAAS,EAChB,4BACAkB,UAAUlB,MAAM,CAAC,oBAAoB,EACrC2B,SAAS3B,MAAM,CAAC,gBAAgB,EAChCc,aAAad,MAAM,CAAC,oBAAoB,EACxCO,UAAU,YAAYP,MAAM,CAAC,uBAAuB,EACpDO,UAAU,WAAWP,MAAM,CAAC,sBAAsB,EAClD8B,UAAUnC,SAAS0C,WAAWpC,eAAe,CAAC6B,MAAM,EACpDpB;QAEFL,OAAOA;QACPO,YAAYA;QACZC,UAAUA;QACVK,QAAQA;QACRoB,OAAOrB;QACPD,QAAQA;qBAER,oBAACuB;QACE,GAAGhB,SAAS;QACbV,UAAUA;QACVH,WAAWV,MAAM,CAAC,aAAa;QAC/BmB,UAAUA;QACVE,OAAOA;QACPmB,KAAKX;OAEJrB,6BAAe,oBAACiC;QAAOpB,OAAM;OAAIb,cACjCC,yBAEH,oBAACiC;QAAIhC,WAAWV,MAAM,CAAC,oBAAoB;QAAE2C,eAAAA;qBAC3C,oBAAC5C;QAAiBW,WAAWV,MAAM,CAAC,gBAAgB;QAAEe,YAAYA;OAC/DS;AAKX;AAEA,SAASpB,YAAY,GAAG"}

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

@@ -3,4 +3,4 @@ export interface TransitionContextProps {
     entering: boolean;
 }
 export declare const useNavTransition: () => TransitionContextProps;
-export declare const NavTransitionProvider: ({ children, entering, }: React.PropsWithChildren<TransitionContextProps>) => JSX.Element;
+export declare const NavTransitionProvider: ({ children, entering, }: React.PropsWithChildren<TransitionContextProps>) => React.JSX.Element;

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

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../../src/components/NavTransitionContext/NavTransitionContext.tsx"],"sourcesContent":["import * as React from 'react';\nimport { useObjectMemo } from '../../hooks/useObjectMemo';\n\nexport interface TransitionContextProps {\n entering: boolean;\n}\nconst TransitionContext = React.createContext<TransitionContextProps>({\n entering: false,\n});\nexport const useNavTransition = () => React.useContext(TransitionContext);\n\nexport const NavTransitionProvider = ({\n children,\n entering,\n}: React.PropsWithChildren<TransitionContextProps>) => {\n const parentContext = useNavTransition();\n const contextValue = useObjectMemo({\n entering: parentContext.entering \|\| entering,\n });\n return <TransitionContext.Provider value={contextValue}>{children}</TransitionContext.Provider>;\n};\n"],"names":["React","useObjectMemo","TransitionContext","createContext","entering","useNavTransition","useContext","NavTransitionProvider","children","parentContext","contextValue","Provider","value"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,aAAa,QAAQ,4BAA4B;AAK1D,MAAMC,kCAAoBF,MAAMG,~~aAAa,CAAyB~~;IACpEC,UAAU~~,KAAK~~;~~AACjB~~;AACA,OAAO,MAAMC,mBAAmB,IAAML,MAAMM,~~UAAU~~,~~CAACJ,~~mBAAmB;AAE1E,OAAO,MAAMK,wBAAwB,CAAC,EACpCC,SAAQ,EACRJ,SAAQ,EACwC~~,GAAK~~;~~IACrD~~,MAAMK,gBAAgBJ;IACtB,MAAMK,eAAeT,cAAc;QACjCG,UAAUK,cAAcL,~~QAAQ,IAAIA~~;IACtC;IACA,qBAAO,oBAACF,kBAAkBS~~,QAAQ~~;~~QAACC~~,OAAOF;OAAeF;AAC3D,EAAE"}
1	+ {"version":3,"sources":["../../../../src/components/NavTransitionContext/NavTransitionContext.tsx"],"sourcesContent":["import * as React from 'react';\nimport { useObjectMemo } from '../../hooks/useObjectMemo';\n\nexport interface TransitionContextProps {\n entering: boolean;\n}\nconst TransitionContext = React.createContext<TransitionContextProps>({\n entering: false,\n});\nexport const useNavTransition = () => React.useContext(TransitionContext);\n\nexport const NavTransitionProvider = ({\n children,\n entering,\n}: React.PropsWithChildren<TransitionContextProps>) => {\n const parentContext = useNavTransition();\n const contextValue = useObjectMemo({\n entering: parentContext.entering \|\| entering,\n });\n return <TransitionContext.Provider value={contextValue}>{children}</TransitionContext.Provider>;\n};\n"],"names":["React","useObjectMemo","TransitionContext","createContext","entering","useNavTransition","useContext","NavTransitionProvider","children","parentContext","contextValue","Provider","value"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,aAAa,QAAQ,4BAA4B;AAK1D,MAAMC,kCAAoBF,MAAMG,cAAsC;IACpEC,UAAU;AACZ;AACA,OAAO,MAAMC,mBAAmB,IAAML,MAAMM,WAAWJ,mBAAmB;AAE1E,OAAO,MAAMK,wBAAwB,CAAC,EACpCC,SAAQ,EACRJ,SAAQ,EACwC;IAChD,MAAMK,gBAAgBJ;IACtB,MAAMK,eAAeT,cAAc;QACjCG,UAAUK,cAAcL,YAAYA;IACtC;IACA,qBAAO,oBAACF,kBAAkBS;QAASC,OAAOF;OAAeF;AAC3D,EAAE"}

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

@@ -41,4 +41,4 @@ export interface PaginationProps extends Omit<React.HTMLAttributes<HTMLElement>,
 /**
  * @see https://vkcom.github.io/VKUI/#/Pagination
  */
-export declare const Pagination: ({ currentPage, siblingCount, boundaryCount, totalPages, disabled, getPageAriaLabel, prevButtonAriaLabel, nextButtonAriaLabel, getRootRef, onChange, className, ...resetProps }: PaginationProps) => JSX.Element;
+export declare const Pagination: ({ currentPage, siblingCount, boundaryCount, totalPages, disabled, getPageAriaLabel, prevButtonAriaLabel, nextButtonAriaLabel, getRootRef, onChange, ...resetProps }: PaginationProps) => React.JSX.Element;

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

@@ -6,18 +6,14 @@ import { usePagination } from '../../hooks/usePagination';
 import { SizeType } from '../../lib/adaptivity';
 import { Button } from '../Button/Button';
 import { Tappable } from '../Tappable/Tappable';
+import { Text } from '../Typography/Text/Text';
 import styles from './Pagination.module.css';
-const pageSizeYClassNames = {
-    none: styles['Pagination__page--sizeY-none'],
-    [SizeType.COMPACT]: styles['Pagination__page--sizeY-compact'],
-    [SizeType.REGULAR]: styles['Pagination__page--sizeY-regular']
-};
 function getPageAriaLabelDefault(page, isCurrent) {
     return isCurrent ? `${page} страница` : `Перейти на ${page} страницу`;
 }
 /**
  * @see https://vkcom.github.io/VKUI/#/Pagination
- */ export const Pagination = ({ currentPage =1 , siblingCount =1 , boundaryCount =1 , totalPages =1 , disabled , getPageAriaLabel =getPageAriaLabelDefault , prevButtonAriaLabel ='Перейти на предыдущую страницу' , nextButtonAriaLabel ='Перейти на следующую страницу' , getRootRef , onChange , className , ...resetProps })=>{
+ */ export const Pagination = ({ currentPage =1 , siblingCount =1 , boundaryCount =1 , totalPages =1 , disabled , getPageAriaLabel =getPageAriaLabelDefault , prevButtonAriaLabel ='Перейти на предыдущую страницу' , nextButtonAriaLabel ='Перейти на следующую страницу' , getRootRef , onChange , ...resetProps })=>{
     const { sizeY ='none'  } = useAdaptivity();
     const pages = usePagination({
         currentPage,
@@ -57,8 +53,8 @@ function getPageAriaLabelDefault(page, isCurrent) {
             case 'end-ellipsis':
                 return /*#__PURE__*/ React.createElement("li", {
                     key: page
-                }, /*#__PURE__*/ React.createElement("div", {
-                    className: classNames(styles['Pagination__page'], styles['Pagination__page--type-ellipsis'], pageSizeYClassNames[sizeY], disabled && styles['Pagination__page--disabled'])
+                }, /*#__PURE__*/ React.createElement(Text, {
+                    className: classNames(styles['Pagination__page'], styles['Pagination__page--type-ellipsis'], sizeY === 'none' && styles['Pagination__page--sizeY-none'], sizeY === SizeType.COMPACT && styles['Pagination__page--sizeY-compact'], disabled && styles['Pagination__page--disabled'])
                 }, "…"));
             default:
                 {
@@ -66,7 +62,7 @@ function getPageAriaLabelDefault(page, isCurrent) {
                     return /*#__PURE__*/ React.createElement("li", {
                         key: page
                     }, /*#__PURE__*/ React.createElement(Tappable, {
-                        className: classNames(styles['Pagination__page'], pageSizeYClassNames[sizeY], isCurrent && styles['Pagination__page--current'], disabled && styles['Pagination__page--disabled']),
+                        className: classNames(styles['Pagination__page'], sizeY === 'none' && styles['Pagination__page--sizeY-none'], sizeY === SizeType.COMPACT && styles['Pagination__page--sizeY-compact'], isCurrent && styles['Pagination__page--current'], disabled && styles['Pagination__page--disabled']),
                         activeMode: styles['Pagination__page--state-active'],
                         hoverMode: styles['Pagination__page--state-hover'],
                         hasActive: !isCurrent,
@@ -77,7 +73,9 @@ function getPageAriaLabelDefault(page, isCurrent) {
                         "aria-current": isCurrent ? true : undefined,
                         "aria-label": getPageAriaLabel(page, isCurrent),
                         onClick: handleClick
-                    }, page));
+                    }, /*#__PURE__*/ React.createElement(Text, {
+                        normalize: false
+                    }, page)));
                 }
         }
     }, [
@@ -88,7 +86,6 @@ function getPageAriaLabelDefault(page, isCurrent) {
         handleClick
     ]);
     return /*#__PURE__*/ React.createElement("nav", {
-        className: classNames(styles['Pagination'], className),
         role: "navigation",
         "aria-label": "Навигация по страницам",
         ref: getRootRef,

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

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../../src/components/Pagination/Pagination.tsx"],"sourcesContent":["import * as React from 'react';\nimport { Icon24ChevronCompactLeft, Icon24ChevronCompactRight } from '@vkontakte/icons';\nimport { classNames } from '@vkontakte/vkjs';\nimport { useAdaptivity } from '../../hooks/useAdaptivity';\nimport { PaginationPageType, usePagination } from '../../hooks/usePagination';\nimport { SizeType } from '../../lib/adaptivity';\nimport type { HasRootRef } from '../../types';\nimport { Button } from '../Button/Button';\nimport { Tappable } from '../Tappable/Tappable';\nimport ~~styles~~ from '~~./Pagination.module.css~~';\~~n\nconst~~ ~~pageSizeYClassNames~~ = ~~{\n none: styles[~~'~~Pagination__page--sizeY-none'],\n [SizeType~~.~~COMPACT]: styles['Pagination__page--sizeY-compact'],\n [SizeType~~.~~REGULAR]: styles[~~'~~Pagination__page--sizeY-regular'],\n}~~;\n\nfunction getPageAriaLabelDefault(page: number, isCurrent: boolean): string {\n return isCurrent ? `${page} страница` : `Перейти на ${page} страницу`;\n}\n\nexport interface PaginationProps\n extends Omit<React.HTMLAttributes<HTMLElement>, 'onChange'>,\n HasRootRef<HTMLElement> {\n /*\n Текущая страница.\n /\n currentPage?: number;\n /\n Кол-во всегда видимых страниц по краям текущей страницы.\n /\n siblingCount?: number;\n /\n Кол-во всегда видимых страниц в начале и в конце.\n /\n boundaryCount?: number;\n /\n Общее кол-во страниц.\n /\n totalPages?: number;\n /\n Блокировка всех кнопок.\n /\n disabled?: boolean;\n /\n Переопределение `aria-label` для кнопки навигации назад.\n * По умолчанию используется текст на \"ru_RU\".\n /\n prevButtonAriaLabel?: string;\n /\n Переопределение `aria-label` для кнопки навигации вперёд.\n * По умолчанию используется текст на \"ru_RU\".\n /\n nextButtonAriaLabel?: string;\n /\n Функция для переопределения и/или локализации `aria-label` атрибута.\n * По умолчанию используется текст на \"ru_RU\".\n /\n getPageAriaLabel?(page: number, isCurrent: boolean): string;\n onChange?(page: number): void;\n}\n\n/\n @see https://vkcom.github.io/VKUI/#/Pagination\n */\nexport const Pagination = ({\n currentPage = 1,\n siblingCount = 1,\n boundaryCount = 1,\n totalPages = 1,\n disabled,\n getPageAriaLabel = getPageAriaLabelDefault,\n prevButtonAriaLabel = 'Перейти на предыдущую страницу',\n nextButtonAriaLabel = 'Перейти на следующую страницу',\n getRootRef,\n onChange,\n ~~className,\n~~ ...resetProps\n}: PaginationProps) => {\n const { sizeY = 'none' } = useAdaptivity();\n\n const pages = usePagination({\n currentPage,\n totalPages,\n siblingCount,\n boundaryCount,\n });\n const isFirstPage = currentPage === 1;\n const isLastPage = currentPage === totalPages;\n\n const handlePrevClick = React.useCallback(() => {\n if (onChange && !isFirstPage) {\n onChange(currentPage - 1);\n }\n }, [currentPage, isFirstPage, onChange]);\n\n const handleClick = React.useCallback(\n (event: React.MouseEvent<HTMLElement>) => {\n const page: string = event.currentTarget.dataset.page \|\| '1';\n onChange?.(Number(page));\n },\n [onChange],\n );\n\n const handleNextClick = React.useCallback(() => {\n if (onChange && !isLastPage) {\n onChange(currentPage + 1);\n }\n }, [currentPage, isLastPage, onChange]);\n\n const renderPages = React.useCallback(\n (page: PaginationPageType) => {\n switch (page) {\n case 'start-ellipsis':\n case 'end-ellipsis':\n return (\n <li key={page}>\n <~~div~~\n className={classNames(\n styles['Pagination__page'],\n styles['Pagination__page--type-ellipsis'],\n ~~pageSizeYClassNames~~[sizeY],\n disabled && styles['Pagination__page--disabled'],\n )}\n >\n …\n </~~div~~>\n </li>\n );\n default: {\n const isCurrent = page === currentPage;\n return (\n <li key={page}>\n <Tappable\n className={classNames(\n styles['Pagination__page'],\n ~~pageSizeYClassNames~~[sizeY],\n isCurrent && styles['Pagination__page--current'],\n disabled && styles['Pagination__page--disabled'],\n )}\n activeMode={styles['Pagination__page--state-active']}\n hoverMode={styles['Pagination__page--state-hover']}\n hasActive={!isCurrent}\n hasHover={!isCurrent}\n focusVisibleMode=\"outside\"\n disabled={disabled}\n data-page={page}\n aria-current={isCurrent ? true : undefined}\n aria-label={getPageAriaLabel(page, isCurrent)}\n onClick={handleClick}\n >\n {page}\n </Tappable>\n </li>\n );\n }\n }\n },\n [sizeY, currentPage, disabled, getPageAriaLabel, handleClick],\n );\n\n return (\n <nav~~\n className={classNames(styles['Pagination'],~~ ~~className)}\n~~ role=\"navigation\"\n aria-label=\"Навигация по страницам\"\n ref={getRootRef}\n {...resetProps}\n >\n <ul className={styles['Pagination__list']}>\n <li className={styles['Pagination__prevButtonContainer']}>\n <Button\n size=\"l\"\n before={<Icon24ChevronCompactLeft width={24} />}\n appearance=\"accent\"\n mode=\"tertiary\"\n disabled={isFirstPage \|\| disabled}\n aria-label={prevButtonAriaLabel}\n onClick={handlePrevClick}\n />\n </li>\n {pages.map(renderPages)}\n <li className={styles['Pagination__nextButtonContainer']}>\n <Button\n size=\"l\"\n after={<Icon24ChevronCompactRight width={24} />}\n appearance=\"accent\"\n mode=\"tertiary\"\n disabled={isLastPage \|\| disabled}\n aria-label={nextButtonAriaLabel}\n onClick={handleNextClick}\n />\n </li>\n </ul>\n </nav>\n );\n};\n"],"names":["React","Icon24ChevronCompactLeft","Icon24ChevronCompactRight","classNames","useAdaptivity","usePagination","SizeType","Button","Tappable","~~styles~~","~~pageSizeYClassNames~~","~~none","COMPACT","REGULAR","~~getPageAriaLabelDefault","page","isCurrent","Pagination","currentPage","siblingCount","boundaryCount","totalPages","disabled","getPageAriaLabel","prevButtonAriaLabel","nextButtonAriaLabel","getRootRef","onChange","~~className","~~resetProps","sizeY","pages","isFirstPage","isLastPage","handlePrevClick","useCallback","handleClick","event","currentTarget","dataset","Number","handleNextClick","renderPages","li","key","~~div~~","activeMode","hoverMode","hasActive","hasHover","focusVisibleMode","data-page","aria-current","undefined","aria-label","onClick","nav","role","ref","ul","size","before","width","appearance","mode","map","after"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,wBAAwB,EAAEC,yBAAyB,QAAQ,mBAAmB;AACvF,SAASC,UAAU,QAAQ,kBAAkB;AAC7C,SAASC,aAAa,QAAQ,4BAA4B;AAC1D,SAA6BC,aAAa,QAAQ,4BAA4B;AAC9E,SAASC,QAAQ,QAAQ,uBAAuB;AAEhD,SAASC,MAAM,QAAQ,mBAAmB;AAC1C,SAASC,QAAQ,QAAQ,uBAAuB;AAChD,~~OAAOC~~,~~YAAY~~,0BAA0B;~~AAE7C~~,~~MAAMC~~,~~sBAAsB;IAC1BC~~,~~MAAMF,MAAM,CAAC,+BAA+B~~;~~IAC5C~~,~~CAACH~~,~~SAASM,OAAO,CAAC,EAAEH,MAAM,CAAC,kCAAkC;IAC7D,CAACH,SAASO,OAAO,CAAC,EAAEJ,MAAM,CAAC,kCAAkC;AAC/D;AAEA,SAASK,~~wBAAwBC,IAAY,EAAEC,SAAkB~~,EAAU~~;~~IACzE~~,OAAOA,YAAY,CAAC,EAAED,KAAK,SAAS,CAAC,GAAG,CAAC,WAAW,EAAEA,KAAK,SAAS,CAAC;AACvE;AA2CA;;CAEC,GACD,OAAO,MAAME,aAAa,CAAC,EACzBC,aAAc,EAAC,EACfC,cAAe,EAAC,EAChBC,eAAgB,EAAC,EACjBC,YAAa,EAAC,EACdC,SAAQ,EACRC,kBAAmBT,wBAAuB,EAC1CU,qBAAsB,iCAAgC,EACtDC,qBAAsB,gCAA+B,EACrDC,WAAU,EACVC,SAAQ,~~EACRC~~,~~UAAS,EACT,~~GAAGC,YACa~~,GAAK~~;~~IACrB~~,MAAM,EAAEC,OAAQ,OAAM,EAAE,~~GAAG1B~~;IAE3B,~~MAAM2B~~,~~QAAQ1B~~,cAAc;~~QAC1Ba~~;QACAG;QACAF;QACAC;IACF;IACA,~~MAAMY~~,~~cAAcd~~,gBAAgB;IACpC,~~MAAMe~~,~~aAAaf~~,gBAAgBG;IAEnC,~~MAAMa~~,~~kBAAkBlC~~,~~MAAMmC~~,~~WAAW,CAAC,IAAM~~;~~QAC9C~~,~~IAAIR~~,YAAY,~~CAACK~~,aAAa;~~YAC5BL~~,SAAST,cAAc;QACzB~~,CAAC~~;~~IACH~~,GAAG;QAACA;~~QAAac~~;~~QAAaL~~;KAAS;IAEvC,~~MAAMS~~,~~cAAcpC~~,~~MAAMmC~~,~~WAAW~~,~~CACnC,~~CAACE~~,QAAyC~~;~~QACxC~~,~~MAAMtB~~,~~OAAesB~~,MAAMC,~~aAAa~~,~~CAACC~~,~~OAAO,CAACxB,IAAI,IAAI~~;QACzDY,~~WAAWa~~,~~OAAOzB~~;IACpB,GACA;QAACY;KAAS;IAGZ,~~MAAMc~~,~~kBAAkBzC~~,~~MAAMmC~~,~~WAAW,CAAC,IAAM~~;~~QAC9C~~,~~IAAIR~~,YAAY,~~CAACM~~,YAAY;~~YAC3BN~~,SAAST,cAAc;QACzB~~,CAAC~~;~~IACH~~,GAAG;QAACA;~~QAAae~~;~~QAAYN~~;KAAS;IAEtC,~~MAAMe~~,~~cAAc1C~~,~~MAAMmC~~,~~WAAW~~,~~CACnC,CAACpB,OAA6B~~;~~QAC5B~~,OAAQA;YACN,KAAK;YACL,KAAK;gBACH,qBACE,~~oBAAC4B~~;oBAAGC,~~KAAK7B~~;iCACP,~~oBAAC8B~~;~~oBACCjB~~,~~WAAWzB~~,~~WACTM~~,MAAM,CAAC,mBAAmB,EAC1BA,MAAM,CAAC,kCAAkC,~~EACzCC~~,~~mBAAmB~~,~~CAACoB~~,MAAM,~~EAC1BR~~,~~YAAYb~~,MAAM,CAAC,6BAA6B;mBAEnD;YAKP;gBAAS;oBACP,~~MAAMO~~,YAAYD,SAASG;oBAC3B,qBACE,~~oBAACyB~~;wBAAGC,~~KAAK7B~~;qCACP,~~oBAACP~~;~~wBACCoB~~,~~WAAWzB~~,~~WACTM~~,MAAM,CAAC,mBAAmB,~~EAC1BC~~,~~mBAAmB~~,~~CAACoB~~,MAAM,~~EAC1Bd~~,~~aAAaP~~,MAAM,CAAC,4BAA4B,~~EAChDa~~,~~YAAYb~~,MAAM,CAAC,6BAA6B;~~wBAElDqC~~,~~YAAYrC~~,MAAM,CAAC,iCAAiC;~~wBACpDsC~~,~~WAAWtC~~,MAAM,CAAC,gCAAgC;~~wBAClDuC~~,WAAW,CAAChC;wBACZiC,UAAU,CAACjC;wBACXkC,kBAAiB;wBACjB5B,UAAUA;wBACV6B,aAAWpC;wBACXqC,gBAAcpC,YAAY,~~IAAI,GAAGqC,SAAS~~;~~wBAC1CC~~,cAAY/B,iBAAiBR,MAAMC;wBACnCuC,~~SAASnB~~;~~uBAERrB~~;~~gBAIT~~;QACF;IACF,GACA;~~QAACe~~;~~QAAOZ~~;QAAaI;QAAUC;~~QAAkBa~~;KAAY;IAG/D,qBACE,~~oBAACoB~~;~~QACC5B~~,~~WAAWzB,WAAWM,MAAM,CAAC,aAAa,EAAEmB;QAC5C6B,~~MAAK;~~QACLH~~,cAAW;~~QACXI~~,~~KAAKhC~~;~~QACJ~~,~~GAAGG~~,UAAU;~~qBAEd~~,~~oBAAC8B~~;~~QAAG~~/B,~~WAAWnB,~~MAAM,CAAC,mBAAmB;qBACvC,~~oBAACkC~~;~~QAAGf~~,~~WAAWnB~~,MAAM,CAAC,kCAAkC;qBACtD,~~oBAACF~~;~~QACCqD~~,MAAK;QACLC,sBAAQ,~~oBAAC5D~~;~~YAAyB6D~~,OAAO;;QACzCC,YAAW;QACXC,MAAK;~~QACL1C~~,~~UAAUU~~,~~eAAeV~~;QACzBgC,cAAY9B;QACZ+B,~~SAASrB~~;SAGZH,~~MAAMkC~~,~~GAAG~~,~~CAACvB,~~4BACX,oBAACC;~~QAAGf~~,~~WAAWnB~~,MAAM,CAAC,kCAAkC;qBACtD,~~oBAACF~~;~~QACCqD~~,MAAK;QACLM,qBAAO,~~oBAAChE~~;~~YAA0B4D~~,OAAO;;QACzCC,YAAW;QACXC,MAAK;~~QACL1C~~,~~UAAUW~~,~~cAAcX~~;QACxBgC,cAAY7B;QACZ8B,~~SAASd~~;;AAMrB,EAAE"}
1	+ {"version":3,"sources":["../../../../src/components/Pagination/Pagination.tsx"],"sourcesContent":["import * as React from 'react';\nimport { Icon24ChevronCompactLeft, Icon24ChevronCompactRight } from '@vkontakte/icons';\nimport { classNames } from '@vkontakte/vkjs';\nimport { useAdaptivity } from '../../hooks/useAdaptivity';\nimport { PaginationPageType, usePagination } from '../../hooks/usePagination';\nimport { SizeType } from '../../lib/adaptivity';\nimport type { HasRootRef } from '../../types';\nimport { Button } from '../Button/Button';\nimport { Tappable } from '../Tappable/Tappable';\nimport { Text } from '../Typography/Text/Text';\nimport styles from './Pagination.module.css';\n\nfunction getPageAriaLabelDefault(page: number, isCurrent: boolean): string {\n return isCurrent ? `${page} страница` : `Перейти на ${page} страницу`;\n}\n\nexport interface PaginationProps\n extends Omit<React.HTMLAttributes<HTMLElement>, 'onChange'>,\n HasRootRef<HTMLElement> {\n /*\n Текущая страница.\n /\n currentPage?: number;\n /\n Кол-во всегда видимых страниц по краям текущей страницы.\n /\n siblingCount?: number;\n /\n Кол-во всегда видимых страниц в начале и в конце.\n /\n boundaryCount?: number;\n /\n Общее кол-во страниц.\n /\n totalPages?: number;\n /\n Блокировка всех кнопок.\n /\n disabled?: boolean;\n /\n Переопределение `aria-label` для кнопки навигации назад.\n * По умолчанию используется текст на \"ru_RU\".\n /\n prevButtonAriaLabel?: string;\n /\n Переопределение `aria-label` для кнопки навигации вперёд.\n * По умолчанию используется текст на \"ru_RU\".\n /\n nextButtonAriaLabel?: string;\n /\n Функция для переопределения и/или локализации `aria-label` атрибута.\n * По умолчанию используется текст на \"ru_RU\".\n /\n getPageAriaLabel?(page: number, isCurrent: boolean): string;\n onChange?(page: number): void;\n}\n\n/\n @see https://vkcom.github.io/VKUI/#/Pagination\n */\nexport const Pagination = ({\n currentPage = 1,\n siblingCount = 1,\n boundaryCount = 1,\n totalPages = 1,\n disabled,\n getPageAriaLabel = getPageAriaLabelDefault,\n prevButtonAriaLabel = 'Перейти на предыдущую страницу',\n nextButtonAriaLabel = 'Перейти на следующую страницу',\n getRootRef,\n onChange,\n ...resetProps\n}: PaginationProps) => {\n const { sizeY = 'none' } = useAdaptivity();\n\n const pages = usePagination({\n currentPage,\n totalPages,\n siblingCount,\n boundaryCount,\n });\n const isFirstPage = currentPage === 1;\n const isLastPage = currentPage === totalPages;\n\n const handlePrevClick = React.useCallback(() => {\n if (onChange && !isFirstPage) {\n onChange(currentPage - 1);\n }\n }, [currentPage, isFirstPage, onChange]);\n\n const handleClick = React.useCallback(\n (event: React.MouseEvent<HTMLElement>) => {\n const page: string = event.currentTarget.dataset.page \|\| '1';\n onChange?.(Number(page));\n },\n [onChange],\n );\n\n const handleNextClick = React.useCallback(() => {\n if (onChange && !isLastPage) {\n onChange(currentPage + 1);\n }\n }, [currentPage, isLastPage, onChange]);\n\n const renderPages = React.useCallback(\n (page: PaginationPageType) => {\n switch (page) {\n case 'start-ellipsis':\n case 'end-ellipsis':\n return (\n <li key={page}>\n <Text\n className={classNames(\n styles['Pagination__page'],\n styles['Pagination__page--type-ellipsis'],\n sizeY === 'none' && styles['Pagination__page--sizeY-none'],\n sizeY === SizeType.COMPACT && styles['Pagination__page--sizeY-compact'],\n disabled && styles['Pagination__page--disabled'],\n )}\n >\n …\n </Text>\n </li>\n );\n default: {\n const isCurrent = page === currentPage;\n return (\n <li key={page}>\n <Tappable\n className={classNames(\n styles['Pagination__page'],\n sizeY === 'none' && styles['Pagination__page--sizeY-none'],\n sizeY === SizeType.COMPACT && styles['Pagination__page--sizeY-compact'],\n isCurrent && styles['Pagination__page--current'],\n disabled && styles['Pagination__page--disabled'],\n )}\n activeMode={styles['Pagination__page--state-active']}\n hoverMode={styles['Pagination__page--state-hover']}\n hasActive={!isCurrent}\n hasHover={!isCurrent}\n focusVisibleMode=\"outside\"\n disabled={disabled}\n data-page={page}\n aria-current={isCurrent ? true : undefined}\n aria-label={getPageAriaLabel(page, isCurrent)}\n onClick={handleClick}\n >\n <Text normalize={false}>{page}</Text>\n </Tappable>\n </li>\n );\n }\n }\n },\n [sizeY, currentPage, disabled, getPageAriaLabel, handleClick],\n );\n\n return (\n <nav role=\"navigation\" aria-label=\"Навигация по страницам\" ref={getRootRef} {...resetProps}>\n <ul className={styles['Pagination__list']}>\n <li className={styles['Pagination__prevButtonContainer']}>\n <Button\n size=\"l\"\n before={<Icon24ChevronCompactLeft width={24} />}\n appearance=\"accent\"\n mode=\"tertiary\"\n disabled={isFirstPage \|\| disabled}\n aria-label={prevButtonAriaLabel}\n onClick={handlePrevClick}\n />\n </li>\n {pages.map(renderPages)}\n <li className={styles['Pagination__nextButtonContainer']}>\n <Button\n size=\"l\"\n after={<Icon24ChevronCompactRight width={24} />}\n appearance=\"accent\"\n mode=\"tertiary\"\n disabled={isLastPage \|\| disabled}\n aria-label={nextButtonAriaLabel}\n onClick={handleNextClick}\n />\n </li>\n </ul>\n </nav>\n );\n};\n"],"names":["React","Icon24ChevronCompactLeft","Icon24ChevronCompactRight","classNames","useAdaptivity","usePagination","SizeType","Button","Tappable","Text","styles","getPageAriaLabelDefault","page","isCurrent","Pagination","currentPage","siblingCount","boundaryCount","totalPages","disabled","getPageAriaLabel","prevButtonAriaLabel","nextButtonAriaLabel","getRootRef","onChange","resetProps","sizeY","pages","isFirstPage","isLastPage","handlePrevClick","useCallback","handleClick","event","currentTarget","dataset","Number","handleNextClick","renderPages","li","key","className","COMPACT","activeMode","hoverMode","hasActive","hasHover","focusVisibleMode","data-page","aria-current","undefined","aria-label","onClick","normalize","nav","role","ref","ul","size","before","width","appearance","mode","map","after"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,wBAAwB,EAAEC,yBAAyB,QAAQ,mBAAmB;AACvF,SAASC,UAAU,QAAQ,kBAAkB;AAC7C,SAASC,aAAa,QAAQ,4BAA4B;AAC1D,SAA6BC,aAAa,QAAQ,4BAA4B;AAC9E,SAASC,QAAQ,QAAQ,uBAAuB;AAEhD,SAASC,MAAM,QAAQ,mBAAmB;AAC1C,SAASC,QAAQ,QAAQ,uBAAuB;AAChD,SAASC,IAAI,QAAQ,0BAA0B;AAC/C,OAAOC,YAAY,0BAA0B;AAE7C,SAASC,wBAAwBC,IAAY,EAAEC,SAAkB;IAC/D,OAAOA,YAAY,CAAC,EAAED,KAAK,SAAS,CAAC,GAAG,CAAC,WAAW,EAAEA,KAAK,SAAS,CAAC;AACvE;AA2CA;;CAEC,GACD,OAAO,MAAME,aAAa,CAAC,EACzBC,aAAc,EAAC,EACfC,cAAe,EAAC,EAChBC,eAAgB,EAAC,EACjBC,YAAa,EAAC,EACdC,SAAQ,EACRC,kBAAmBT,wBAAuB,EAC1CU,qBAAsB,iCAAgC,EACtDC,qBAAsB,gCAA+B,EACrDC,WAAU,EACVC,SAAQ,EACR,GAAGC,YACa;IAChB,MAAM,EAAEC,OAAQ,OAAM,EAAE,GAAGtB;IAE3B,MAAMuB,QAAQtB,cAAc;QAC1BU;QACAG;QACAF;QACAC;IACF;IACA,MAAMW,cAAcb,gBAAgB;IACpC,MAAMc,aAAad,gBAAgBG;IAEnC,MAAMY,kBAAkB9B,MAAM+B,YAAY;QACxC,IAAIP,YAAY,CAACI,aAAa;YAC5BJ,SAAST,cAAc;QACzB;IACF,GAAG;QAACA;QAAaa;QAAaJ;KAAS;IAEvC,MAAMQ,cAAchC,MAAM+B,YACxB,CAACE;QACC,MAAMrB,OAAeqB,MAAMC,cAAcC,QAAQvB,QAAQ;QACzDY,WAAWY,OAAOxB;IACpB,GACA;QAACY;KAAS;IAGZ,MAAMa,kBAAkBrC,MAAM+B,YAAY;QACxC,IAAIP,YAAY,CAACK,YAAY;YAC3BL,SAAST,cAAc;QACzB;IACF,GAAG;QAACA;QAAac;QAAYL;KAAS;IAEtC,MAAMc,cAActC,MAAM+B,YACxB,CAACnB;QACC,OAAQA;YACN,KAAK;YACL,KAAK;gBACH,qBACE,oBAAC2B;oBAAGC,KAAK5B;iCACP,oBAACH;oBACCgC,WAAWtC,WACTO,MAAM,CAAC,mBAAmB,EAC1BA,MAAM,CAAC,kCAAkC,EACzCgB,UAAU,UAAUhB,MAAM,CAAC,+BAA+B,EAC1DgB,UAAUpB,SAASoC,WAAWhC,MAAM,CAAC,kCAAkC,EACvES,YAAYT,MAAM,CAAC,6BAA6B;mBAEnD;YAKP;gBAAS;oBACP,MAAMG,YAAYD,SAASG;oBAC3B,qBACE,oBAACwB;wBAAGC,KAAK5B;qCACP,oBAACJ;wBACCiC,WAAWtC,WACTO,MAAM,CAAC,mBAAmB,EAC1BgB,UAAU,UAAUhB,MAAM,CAAC,+BAA+B,EAC1DgB,UAAUpB,SAASoC,WAAWhC,MAAM,CAAC,kCAAkC,EACvEG,aAAaH,MAAM,CAAC,4BAA4B,EAChDS,YAAYT,MAAM,CAAC,6BAA6B;wBAElDiC,YAAYjC,MAAM,CAAC,iCAAiC;wBACpDkC,WAAWlC,MAAM,CAAC,gCAAgC;wBAClDmC,WAAW,CAAChC;wBACZiC,UAAU,CAACjC;wBACXkC,kBAAiB;wBACjB5B,UAAUA;wBACV6B,aAAWpC;wBACXqC,gBAAcpC,YAAY,OAAOqC;wBACjCC,cAAY/B,iBAAiBR,MAAMC;wBACnCuC,SAASpB;qCAET,oBAACvB;wBAAK4C,WAAW;uBAAQzC;gBAIjC;QACF;IACF,GACA;QAACc;QAAOX;QAAaI;QAAUC;QAAkBY;KAAY;IAG/D,qBACE,oBAACsB;QAAIC,MAAK;QAAaJ,cAAW;QAAyBK,KAAKjC;QAAa,GAAGE,UAAU;qBACxF,oBAACgC;QAAGhB,WAAW/B,MAAM,CAAC,mBAAmB;qBACvC,oBAAC6B;QAAGE,WAAW/B,MAAM,CAAC,kCAAkC;qBACtD,oBAACH;QACCmD,MAAK;QACLC,sBAAQ,oBAAC1D;YAAyB2D,OAAO;;QACzCC,YAAW;QACXC,MAAK;QACL3C,UAAUS,eAAeT;QACzBgC,cAAY9B;QACZ+B,SAAStB;SAGZH,MAAMoC,IAAIzB,4BACX,oBAACC;QAAGE,WAAW/B,MAAM,CAAC,kCAAkC;qBACtD,oBAACH;QACCmD,MAAK;QACLM,qBAAO,oBAAC9D;YAA0B0D,OAAO;;QACzCC,YAAW;QACXC,MAAK;QACL3C,UAAUU,cAAcV;QACxBgC,cAAY7B;QACZ8B,SAASf;;AAMrB,EAAE"}

package/dist/cssm/components/Pagination/Pagination.module.css CHANGED Viewed

@@ -1,6 +1,3 @@
-.Pagination {
-}
 .Pagination__list {
   display: flex;
   margin: 0;
@@ -31,7 +28,8 @@
      -moz-user-select: none;
       -ms-user-select: none;
           user-select: none;
-  font-family: var(--vkui--font_family_base);
+  height: var(--vkui--size_button_large_height--regular);
+  line-height: var(--vkui--size_button_large_height--regular);
 }
 .Pagination__page--state-hover {
@@ -49,33 +47,17 @@
 }
 .Pagination__page--sizeY-compact {
-  font-size: var(--vkui--font_text--font_size--compact);
   line-height: var(--vkui--size_button_large_height--compact);
   height: var(--vkui--size_button_large_height--compact);
 }
 @media (pointer: fine) and (min-width: 768px),(max-height: 414.9px) {
   .Pagination__page--sizeY-none {
-    font-size: var(--vkui--font_text--font_size--compact);
     line-height: var(--vkui--size_button_large_height--compact);
     height: var(--vkui--size_button_large_height--compact);
   }
 }
-.Pagination__page--sizeY-regular {
-  font-size: var(--vkui--font_text--font_size--regular);
-  line-height: var(--vkui--size_button_large_height--regular);
-  height: var(--vkui--size_button_large_height--regular);
-}
-@media (pointer: coarse) and (min-height: 415px),(pointer: none) and (min-height: 415px),(max-width: 767.9px) and (min-height: 415px) {
-  .Pagination__page--sizeY-none {
-    font-size: var(--vkui--font_text--font_size--regular);
-    line-height: var(--vkui--size_button_large_height--regular);
-    height: var(--vkui--size_button_large_height--regular);
-  }
-}
 .Pagination__page--type-ellipsis {
   min-width: 16px;
   padding-right: 0;

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

@@ -7,4 +7,4 @@ export interface PanelProps extends React.HTMLAttributes<HTMLDivElement>, HasRoo
 /**
  * @see https://vkcom.github.io/VKUI/#/Panel
  */
-export declare const Panel: ({ centered, children, getRootRef, nav, className, ...restProps }: PanelProps) => JSX.Element;
+export declare const Panel: ({ centered, children, getRootRef, nav, className, ...restProps }: PanelProps) => React.JSX.Element;

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

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../../src/components/Panel/Panel.tsx"],"sourcesContent":["import * as React from 'react';\nimport { classNames } from '@vkontakte/vkjs';\nimport { useAdaptivity } from '../../hooks/useAdaptivity';\nimport { usePlatform } from '../../hooks/usePlatform';\nimport { SizeType } from '../../lib/adaptivity';\nimport { NavIdProps } from '../../lib/getNavId';\nimport { Platform } from '../../lib/platform';\nimport { HasRootRef } from '../../types';\nimport { TooltipContainer } from '../Tooltip/TooltipContainer';\nimport { Touch } from '../Touch/Touch';\nimport styles from './Panel.module.css';\n\nconst sizeXClassNames = {\n none: styles['Panel--sizeX-none'],\n [SizeType.COMPACT]: styles['Panel--sizeX-compact'],\n [SizeType.REGULAR]: styles['Panel--sizeX-regular'],\n};\n\nexport interface PanelProps\n extends React.HTMLAttributes<HTMLDivElement>,\n HasRootRef<HTMLDivElement>,\n NavIdProps {\n centered?: boolean;\n}\n\n/*\n @see https://vkcom.github.io/VKUI/#/Panel\n */\nexport const Panel = ({\n centered = false,\n children,\n getRootRef,\n nav,\n className,\n ...restProps\n}: PanelProps) => {\n const platform = usePlatform();\n const { sizeX = 'none' } = useAdaptivity();\n\n return (\n <div\n {...restProps}\n ref={getRootRef}\n className={classNames(\n styles['Panel'],\n sizeXClassNames[sizeX],\n centered && 'vkuiInternalPanel--centered',\n className,\n )}\n >\n <Touch\n Component={TooltipContainer}\n className={classNames(styles['Panel__in'], 'vkuiInternalPanel__in')}\n >\n <div className={styles['Panel__in-before']} />\n {centered ? <div className={styles['Panel__centered']}>{children}</div> : children}\n {platform === Platform.IOS && <div className=\"vkuiInternalPanel__fade\" />}\n <div className={styles['Panel__in-after']} />\n </Touch>\n </div>\n );\n};\n"],"names":["React","classNames","useAdaptivity","usePlatform","SizeType","Platform","TooltipContainer","Touch","styles","sizeXClassNames","none","COMPACT","REGULAR","Panel","centered","children","getRootRef","nav","className","restProps","platform","sizeX","div","ref","Component","IOS"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,UAAU,QAAQ,kBAAkB;AAC7C,SAASC,aAAa,QAAQ,4BAA4B;AAC1D,SAASC,WAAW,QAAQ,0BAA0B;AACtD,SAASC,QAAQ,QAAQ,uBAAuB;AAEhD,SAASC,QAAQ,QAAQ,qBAAqB;AAE9C,SAASC,gBAAgB,QAAQ,8BAA8B;AAC/D,SAASC,KAAK,QAAQ,iBAAiB;AACvC,OAAOC,YAAY,qBAAqB;AAExC,MAAMC,kBAAkB;IACtBC,MAAMF,MAAM,CAAC,oBAAoB;IACjC,CAACJ,SAASO,~~OAAO~~,~~CAAC,~~EAAEH,MAAM,CAAC,uBAAuB;IAClD,CAACJ,SAASQ,~~OAAO~~,~~CAAC,~~EAAEJ,MAAM,CAAC,uBAAuB;AACpD;AASA;;CAEC,GACD,OAAO,MAAMK,QAAQ,CAAC,EACpBC,UAAW,~~KAAK~~,~~CAAA,~~EAChBC,SAAQ,EACRC,WAAU,EACVC,IAAG,EACHC,UAAS,EACT,GAAGC,WACQ~~,GAAK~~;~~IAChB~~,MAAMC,WAAWjB;IACjB,MAAM,EAAEkB,OAAQ,OAAM,EAAE,GAAGnB;IAE3B,qBACE,oBAACoB;QACE,GAAGH,SAAS;QACbI,KAAKP;QACLE,WAAWjB,WACTO,MAAM,CAAC,QAAQ,EACfC,eAAe,CAACY,MAAM,EACtBP,YAAY,+BACZI;qBAGF,oBAACX;QACCiB,WAAWlB;QACXY,WAAWjB,WAAWO,MAAM,CAAC,YAAY,EAAE;qBAE3C,oBAACc;QAAIJ,WAAWV,MAAM,CAAC,mBAAmB;QACzCM,yBAAW,oBAACQ;QAAIJ,WAAWV,MAAM,CAAC,kBAAkB;OAAGO,YAAkBA,~~QAAQ~~,~~EACjFK,~~aAAaf,SAASoB,~~GAAG~~,~~kBAAI,~~oBAACH;QAAIJ,WAAU;sBAC7C,oBAACI;QAAIJ,WAAWV,MAAM,CAAC,kBAAkB;;AAIjD,EAAE"}
1	+ {"version":3,"sources":["../../../../src/components/Panel/Panel.tsx"],"sourcesContent":["import * as React from 'react';\nimport { classNames } from '@vkontakte/vkjs';\nimport { useAdaptivity } from '../../hooks/useAdaptivity';\nimport { usePlatform } from '../../hooks/usePlatform';\nimport { SizeType } from '../../lib/adaptivity';\nimport { NavIdProps } from '../../lib/getNavId';\nimport { Platform } from '../../lib/platform';\nimport { HasRootRef } from '../../types';\nimport { TooltipContainer } from '../Tooltip/TooltipContainer';\nimport { Touch } from '../Touch/Touch';\nimport styles from './Panel.module.css';\n\nconst sizeXClassNames = {\n none: styles['Panel--sizeX-none'],\n [SizeType.COMPACT]: styles['Panel--sizeX-compact'],\n [SizeType.REGULAR]: styles['Panel--sizeX-regular'],\n};\n\nexport interface PanelProps\n extends React.HTMLAttributes<HTMLDivElement>,\n HasRootRef<HTMLDivElement>,\n NavIdProps {\n centered?: boolean;\n}\n\n/*\n @see https://vkcom.github.io/VKUI/#/Panel\n */\nexport const Panel = ({\n centered = false,\n children,\n getRootRef,\n nav,\n className,\n ...restProps\n}: PanelProps) => {\n const platform = usePlatform();\n const { sizeX = 'none' } = useAdaptivity();\n\n return (\n <div\n {...restProps}\n ref={getRootRef}\n className={classNames(\n styles['Panel'],\n sizeXClassNames[sizeX],\n centered && 'vkuiInternalPanel--centered',\n className,\n )}\n >\n <Touch\n Component={TooltipContainer}\n className={classNames(styles['Panel__in'], 'vkuiInternalPanel__in')}\n >\n <div className={styles['Panel__in-before']} />\n {centered ? <div className={styles['Panel__centered']}>{children}</div> : children}\n {platform === Platform.IOS && <div className=\"vkuiInternalPanel__fade\" />}\n <div className={styles['Panel__in-after']} />\n </Touch>\n </div>\n );\n};\n"],"names":["React","classNames","useAdaptivity","usePlatform","SizeType","Platform","TooltipContainer","Touch","styles","sizeXClassNames","none","COMPACT","REGULAR","Panel","centered","children","getRootRef","nav","className","restProps","platform","sizeX","div","ref","Component","IOS"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,UAAU,QAAQ,kBAAkB;AAC7C,SAASC,aAAa,QAAQ,4BAA4B;AAC1D,SAASC,WAAW,QAAQ,0BAA0B;AACtD,SAASC,QAAQ,QAAQ,uBAAuB;AAEhD,SAASC,QAAQ,QAAQ,qBAAqB;AAE9C,SAASC,gBAAgB,QAAQ,8BAA8B;AAC/D,SAASC,KAAK,QAAQ,iBAAiB;AACvC,OAAOC,YAAY,qBAAqB;AAExC,MAAMC,kBAAkB;IACtBC,MAAMF,MAAM,CAAC,oBAAoB;IACjC,CAACJ,SAASO,QAAQ,EAAEH,MAAM,CAAC,uBAAuB;IAClD,CAACJ,SAASQ,QAAQ,EAAEJ,MAAM,CAAC,uBAAuB;AACpD;AASA;;CAEC,GACD,OAAO,MAAMK,QAAQ,CAAC,EACpBC,UAAW,MAAK,EAChBC,SAAQ,EACRC,WAAU,EACVC,IAAG,EACHC,UAAS,EACT,GAAGC,WACQ;IACX,MAAMC,WAAWjB;IACjB,MAAM,EAAEkB,OAAQ,OAAM,EAAE,GAAGnB;IAE3B,qBACE,oBAACoB;QACE,GAAGH,SAAS;QACbI,KAAKP;QACLE,WAAWjB,WACTO,MAAM,CAAC,QAAQ,EACfC,eAAe,CAACY,MAAM,EACtBP,YAAY,+BACZI;qBAGF,oBAACX;QACCiB,WAAWlB;QACXY,WAAWjB,WAAWO,MAAM,CAAC,YAAY,EAAE;qBAE3C,oBAACc;QAAIJ,WAAWV,MAAM,CAAC,mBAAmB;QACzCM,yBAAW,oBAACQ;QAAIJ,WAAWV,MAAM,CAAC,kBAAkB;OAAGO,YAAkBA,UACzEK,aAAaf,SAASoB,qBAAO,oBAACH;QAAIJ,WAAU;sBAC7C,oBAACI;QAAIJ,WAAWV,MAAM,CAAC,kBAAkB;;AAIjD,EAAE"}

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

@@ -23,9 +23,9 @@ export interface PanelHeaderProps extends React.HTMLAttributes<HTMLDivElement>,
  * @see https://vkcom.github.io/VKUI/#/PanelHeader
  */
 export declare const PanelHeader: {
-    ({ before, children, after, separator, visor, transparent, shadow, getRef, getRootRef, fixed, className, typographyProps, ...restProps }: PanelHeaderProps): JSX.Element;
+    ({ before, children, after, separator, visor, transparent, shadow, getRef, getRootRef, fixed, className, typographyProps, ...restProps }: PanelHeaderProps): React.JSX.Element;
     Content: {
-        ({ children, Component, id, }: LegacyPanelHeaderContentProps): JSX.Element;
+        ({ children, Component, id, }: LegacyPanelHeaderContentProps): React.JSX.Element;
         displayName: string;
     };
 };

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

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../../src/components/PanelHeader/PanelHeader.tsx"],"sourcesContent":["import * as React from 'react';\nimport { classNames } from '@vkontakte/vkjs';\nimport { useAdaptivity } from '../../hooks/useAdaptivity';\nimport { useAdaptivityConditionalRender } from '../../hooks/useAdaptivityConditionalRender';\nimport { usePlatform } from '../../hooks/usePlatform';\nimport { SizeType } from '../../lib/adaptivity';\nimport { Platform } from '../../lib/platform';\nimport { warnOnce } from '../../lib/warnOnce';\nimport { HasComponent, HasRef, HasRootRef } from '../../types';\nimport { useConfigProvider, WebviewType } from '../ConfigProvider/ConfigProviderContext';\nimport { FixedLayout } from '../FixedLayout/FixedLayout';\nimport { ModalRootContext } from '../ModalRoot/ModalRootContext';\nimport { Separator } from '../Separator/Separator';\nimport { Spacing } from '../Spacing/Spacing';\nimport { TooltipContainer } from '../Tooltip/TooltipContainer';\nimport { Text } from '../Typography/Text/Text';\nimport styles from './PanelHeader.module.css';\n\nconst platformClassNames = {\n ios: classNames(styles['PanelHeader--ios'], 'vkuiInternalPanelHeader--ios'),\n android: classNames(styles['PanelHeader--android'], 'vkuiInternalPanelHeader--android'),\n vkcom: classNames(styles['PanelHeader--vkcom'], 'vkuiInternalPanelHeader--vkcom'),\n};\n\nconst sizeXClassNames = {\n none: styles['PanelHeader--sizeX-none'],\n regular: styles['PanelHeader--sizeX-regular'],\n};\n\nexport interface PanelHeaderProps\n extends React.HTMLAttributes<HTMLDivElement>,\n HasRef<HTMLDivElement>,\n HasRootRef<HTMLDivElement> {\n before?: React.ReactNode;\n after?: React.ReactNode;\n separator?: boolean;\n transparent?: boolean;\n shadow?: boolean;\n /*\n Если `false`, то шапка будет нулевой высоты и контент панели \"залезет\" под неё\n /\n visor?: boolean;\n /\n Если `false`, то шапка будет в потоке. По умолчанию `true`, но если платформа vkcom, то по умолчанию `false`.\n /\n fixed?: boolean;\n /\n По умолчанию как `Component` используется `span`.\n /\n typographyProps?: HasComponent & React.HTMLAttributes<HTMLElement>;\n}\n\nconst PanelHeaderIn = ({\n before,\n after,\n separator,\n children,\n typographyProps = {},\n}: PanelHeaderProps) => {\n const { Component = 'span', ...restProps } = typographyProps;\n const { webviewType } = useConfigProvider();\n const { isInsideModal } = React.useContext(ModalRootContext);\n const platform = usePlatform();\n\n let typographyNode: React.ReactNode;\n\n // TODO [>=6]: Удалить условие\n if (\n React.isValidElement(children) &&\n // eslint-disable-next-line @typescript-eslint/no-use-before-define\n (children as JSX.Element).type.displayName === LegacyPanelHeaderContent.displayName\n ) {\n typographyNode = children;\n } else {\n typographyNode =\n platform === Platform.VKCOM ? (\n <Text weight=\"2\" Component={Component} {...restProps}>\n {children}\n </Text>\n ) : (\n <Component className={styles['PanelHeader__content-in']} {...restProps}>\n {children}\n </Component>\n );\n }\n\n return (\n <React.Fragment>\n <TooltipContainer fixed className={styles['PanelHeader__in']}>\n <div\n className={classNames(styles['PanelHeader__before'], 'vkuiInternalPanelHeader__before')}\n >\n {before}\n </div>\n <div className={styles['PanelHeader__content']}>{typographyNode}</div>\n <div className={classNames(styles['PanelHeader__after'], 'vkuiInternalPanelHeader__after')}>\n {(webviewType === WebviewType.INTERNAL \|\| isInsideModal) && after}\n </div>\n </TooltipContainer>\n {separator && platform === Platform.VKCOM && (\n <Separator className={styles['PanelHeader__separator']} wide />\n )}\n </React.Fragment>\n );\n};\n\n/\n @see https://vkcom.github.io/VKUI/#/PanelHeader\n /\nexport const PanelHeader = ({\n before,\n children,\n after,\n separator = true,\n visor = true,\n transparent = false,\n shadow,\n getRef,\n getRootRef,\n fixed,\n className,\n typographyProps,\n ...restProps\n}: PanelHeaderProps) => {\n const platform = usePlatform();\n const { webviewType } = useConfigProvider();\n const { isInsideModal } = React.useContext(ModalRootContext);\n const { sizeX = 'none' } = useAdaptivity();\n const { sizeX: adaptiveSizeX } = useAdaptivityConditionalRender();\n let isFixed = fixed !== undefined ? fixed : platform !== Platform.VKCOM;\n\n return (\n <div\n {...restProps}\n className={classNames(\n styles['PanelHeader'],\n 'vkuiInternalPanelHeader',\n platformClassNames.hasOwnProperty(platform)\n ? platformClassNames[platform]\n : platformClassNames.android,\n transparent && styles['PanelHeader--trnsp'],\n shadow && styles['PanelHeader--shadow'],\n visor && classNames(styles['PanelHeader--vis'], 'vkuiInternalPanelHeader--vis'),\n separator &&\n visor &&\n classNames(styles['PanelHeader--sep'], 'vkuiInternalPanelHeader--sep'),\n webviewType === WebviewType.VKAPPS && !isInsideModal && styles['PanelHeader--vkapps'],\n !before &&\n classNames(styles['PanelHeader--no-before'], 'vkuiInternalPanelHeader--no-before'),\n !after && styles['PanelHeader--no-after'],\n isFixed && styles['PanelHeader--fixed'],\n sizeX !== SizeType.COMPACT && sizeXClassNames[sizeX],\n className,\n )}\n ref={isFixed ? getRootRef : getRef}\n >\n {isFixed ? (\n <FixedLayout\n className={classNames(styles['PanelHeader__fixed'], 'vkuiInternalPanelHeader__fixed')}\n vertical=\"top\"\n getRootRef={getRef}\n >\n <PanelHeaderIn\n before={before}\n after={after}\n separator={separator}\n typographyProps={typographyProps}\n >\n {children}\n </PanelHeaderIn>\n </FixedLayout>\n ) : (\n <PanelHeaderIn\n before={before}\n after={after}\n separator={separator}\n typographyProps={typographyProps}\n >\n {children}\n </PanelHeaderIn>\n )}\n {separator && visor && platform !== Platform.VKCOM && (\n <React.Fragment>\n {adaptiveSizeX.compact && <Separator className={adaptiveSizeX.compact.className} />}\n {adaptiveSizeX.regular && (\n <Spacing className={adaptiveSizeX.regular.className} size={16} />\n )}\n </React.Fragment>\n )}\n </div>\n );\n};\n\ninterface LegacyPanelHeaderContentProps extends React.HTMLAttributes<HTMLElement>, HasComponent {}\n\nconst warn = warnOnce('PanelHeader');\n\n/\n TODO [>=6]: Удалить подкомпонент\n * @deprecated\n */\nconst LegacyPanelHeaderContent = ({\n children,\n Component = 'span',\n id,\n}: LegacyPanelHeaderContentProps) => {\n if (process.env.NODE_ENV === 'development') {\n warn(\n 'Подкомпонент PanelHeader.Content устарел и будет удалён в v6. Используйте параметр typographyProps.',\n );\n }\n\n const platform = usePlatform();\n\n return platform === Platform.VKCOM ? (\n <Text weight=\"2\" Component={Component} id={id}>\n {children}\n </Text>\n ) : (\n <Component className={styles['PanelHeader__content-in']} id={id}>\n {children}\n </Component>\n );\n};\n\nLegacyPanelHeaderContent.displayName = 'LegacyPanelHeaderContent';\n\nPanelHeader.Content = LegacyPanelHeaderContent;\n"],"names":["React","classNames","useAdaptivity","useAdaptivityConditionalRender","usePlatform","SizeType","Platform","warnOnce","useConfigProvider","WebviewType","FixedLayout","ModalRootContext","Separator","Spacing","TooltipContainer","Text","styles","platformClassNames","ios","android","vkcom","sizeXClassNames","none","regular","PanelHeaderIn","before","after","separator","children","typographyProps","Component","restProps","webviewType","isInsideModal","useContext","platform","typographyNode","isValidElement","type","displayName","LegacyPanelHeaderContent","VKCOM","weight","className","Fragment","fixed","div","INTERNAL","wide","PanelHeader","visor","transparent","shadow","getRef","getRootRef","sizeX","adaptiveSizeX","isFixed","undefined","hasOwnProperty","VKAPPS","COMPACT","ref","vertical","compact","size","warn","id","process","env","NODE_ENV","Content"],"mappings":"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"}
1	+ {"version":3,"sources":["../../../../src/components/PanelHeader/PanelHeader.tsx"],"sourcesContent":["import * as React from 'react';\nimport { classNames } from '@vkontakte/vkjs';\nimport { useAdaptivity } from '../../hooks/useAdaptivity';\nimport { useAdaptivityConditionalRender } from '../../hooks/useAdaptivityConditionalRender';\nimport { usePlatform } from '../../hooks/usePlatform';\nimport { SizeType } from '../../lib/adaptivity';\nimport { Platform } from '../../lib/platform';\nimport { warnOnce } from '../../lib/warnOnce';\nimport { HasComponent, HasRef, HasRootRef } from '../../types';\nimport { useConfigProvider, WebviewType } from '../ConfigProvider/ConfigProviderContext';\nimport { FixedLayout } from '../FixedLayout/FixedLayout';\nimport { ModalRootContext } from '../ModalRoot/ModalRootContext';\nimport { Separator } from '../Separator/Separator';\nimport { Spacing } from '../Spacing/Spacing';\nimport { TooltipContainer } from '../Tooltip/TooltipContainer';\nimport { Text } from '../Typography/Text/Text';\nimport styles from './PanelHeader.module.css';\n\nconst platformClassNames = {\n ios: classNames(styles['PanelHeader--ios'], 'vkuiInternalPanelHeader--ios'),\n android: classNames(styles['PanelHeader--android'], 'vkuiInternalPanelHeader--android'),\n vkcom: classNames(styles['PanelHeader--vkcom'], 'vkuiInternalPanelHeader--vkcom'),\n};\n\nconst sizeXClassNames = {\n none: styles['PanelHeader--sizeX-none'],\n regular: styles['PanelHeader--sizeX-regular'],\n};\n\nexport interface PanelHeaderProps\n extends React.HTMLAttributes<HTMLDivElement>,\n HasRef<HTMLDivElement>,\n HasRootRef<HTMLDivElement> {\n before?: React.ReactNode;\n after?: React.ReactNode;\n separator?: boolean;\n transparent?: boolean;\n shadow?: boolean;\n /*\n Если `false`, то шапка будет нулевой высоты и контент панели \"залезет\" под неё\n /\n visor?: boolean;\n /\n Если `false`, то шапка будет в потоке. По умолчанию `true`, но если платформа vkcom, то по умолчанию `false`.\n /\n fixed?: boolean;\n /\n По умолчанию как `Component` используется `span`.\n /\n typographyProps?: HasComponent & React.HTMLAttributes<HTMLElement>;\n}\n\nconst PanelHeaderIn = ({\n before,\n after,\n separator,\n children,\n typographyProps = {},\n}: PanelHeaderProps) => {\n const { Component = 'span', ...restProps } = typographyProps;\n const { webviewType } = useConfigProvider();\n const { isInsideModal } = React.useContext(ModalRootContext);\n const platform = usePlatform();\n\n let typographyNode: React.ReactNode;\n\n // TODO [>=6]: Удалить условие\n if (\n React.isValidElement(children) &&\n // eslint-disable-next-line @typescript-eslint/no-use-before-define\n (children as JSX.Element).type.displayName === LegacyPanelHeaderContent.displayName\n ) {\n typographyNode = children;\n } else {\n typographyNode =\n platform === Platform.VKCOM ? (\n <Text weight=\"2\" Component={Component} {...restProps}>\n {children}\n </Text>\n ) : (\n <Component className={styles['PanelHeader__content-in']} {...restProps}>\n {children}\n </Component>\n );\n }\n\n return (\n <React.Fragment>\n <TooltipContainer fixed className={styles['PanelHeader__in']}>\n <div\n className={classNames(styles['PanelHeader__before'], 'vkuiInternalPanelHeader__before')}\n >\n {before}\n </div>\n <div className={styles['PanelHeader__content']}>{typographyNode}</div>\n <div className={classNames(styles['PanelHeader__after'], 'vkuiInternalPanelHeader__after')}>\n {(webviewType === WebviewType.INTERNAL \|\| isInsideModal) && after}\n </div>\n </TooltipContainer>\n {separator && platform === Platform.VKCOM && (\n <Separator className={styles['PanelHeader__separator']} wide />\n )}\n </React.Fragment>\n );\n};\n\n/\n @see https://vkcom.github.io/VKUI/#/PanelHeader\n /\nexport const PanelHeader = ({\n before,\n children,\n after,\n separator = true,\n visor = true,\n transparent = false,\n shadow,\n getRef,\n getRootRef,\n fixed,\n className,\n typographyProps,\n ...restProps\n}: PanelHeaderProps) => {\n const platform = usePlatform();\n const { webviewType } = useConfigProvider();\n const { isInsideModal } = React.useContext(ModalRootContext);\n const { sizeX = 'none' } = useAdaptivity();\n const { sizeX: adaptiveSizeX } = useAdaptivityConditionalRender();\n let isFixed = fixed !== undefined ? fixed : platform !== Platform.VKCOM;\n\n return (\n <div\n {...restProps}\n className={classNames(\n styles['PanelHeader'],\n 'vkuiInternalPanelHeader',\n platformClassNames.hasOwnProperty(platform)\n ? platformClassNames[platform]\n : platformClassNames.android,\n transparent && styles['PanelHeader--trnsp'],\n shadow && styles['PanelHeader--shadow'],\n visor && classNames(styles['PanelHeader--vis'], 'vkuiInternalPanelHeader--vis'),\n separator &&\n visor &&\n classNames(styles['PanelHeader--sep'], 'vkuiInternalPanelHeader--sep'),\n webviewType === WebviewType.VKAPPS && !isInsideModal && styles['PanelHeader--vkapps'],\n !before &&\n classNames(styles['PanelHeader--no-before'], 'vkuiInternalPanelHeader--no-before'),\n !after && styles['PanelHeader--no-after'],\n isFixed && styles['PanelHeader--fixed'],\n sizeX !== SizeType.COMPACT && sizeXClassNames[sizeX],\n className,\n )}\n ref={isFixed ? getRootRef : getRef}\n >\n {isFixed ? (\n <FixedLayout\n className={classNames(styles['PanelHeader__fixed'], 'vkuiInternalPanelHeader__fixed')}\n vertical=\"top\"\n getRootRef={getRef}\n >\n <PanelHeaderIn\n before={before}\n after={after}\n separator={separator}\n typographyProps={typographyProps}\n >\n {children}\n </PanelHeaderIn>\n </FixedLayout>\n ) : (\n <PanelHeaderIn\n before={before}\n after={after}\n separator={separator}\n typographyProps={typographyProps}\n >\n {children}\n </PanelHeaderIn>\n )}\n {separator && visor && platform !== Platform.VKCOM && (\n <React.Fragment>\n {adaptiveSizeX.compact && <Separator className={adaptiveSizeX.compact.className} />}\n {adaptiveSizeX.regular && (\n <Spacing className={adaptiveSizeX.regular.className} size={16} />\n )}\n </React.Fragment>\n )}\n </div>\n );\n};\n\ninterface LegacyPanelHeaderContentProps extends React.HTMLAttributes<HTMLElement>, HasComponent {}\n\nconst warn = warnOnce('PanelHeader');\n\n/\n TODO [>=6]: Удалить подкомпонент\n * @deprecated\n */\nconst LegacyPanelHeaderContent = ({\n children,\n Component = 'span',\n id,\n}: LegacyPanelHeaderContentProps) => {\n if (process.env.NODE_ENV === 'development') {\n warn(\n 'Подкомпонент PanelHeader.Content устарел и будет удалён в v6. Используйте параметр typographyProps.',\n );\n }\n\n const platform = usePlatform();\n\n return platform === Platform.VKCOM ? (\n <Text weight=\"2\" Component={Component} id={id}>\n {children}\n </Text>\n ) : (\n <Component className={styles['PanelHeader__content-in']} id={id}>\n {children}\n </Component>\n );\n};\n\nLegacyPanelHeaderContent.displayName = 'LegacyPanelHeaderContent';\n\nPanelHeader.Content = LegacyPanelHeaderContent;\n"],"names":["React","classNames","useAdaptivity","useAdaptivityConditionalRender","usePlatform","SizeType","Platform","warnOnce","useConfigProvider","WebviewType","FixedLayout","ModalRootContext","Separator","Spacing","TooltipContainer","Text","styles","platformClassNames","ios","android","vkcom","sizeXClassNames","none","regular","PanelHeaderIn","before","after","separator","children","typographyProps","Component","restProps","webviewType","isInsideModal","useContext","platform","typographyNode","isValidElement","type","displayName","LegacyPanelHeaderContent","VKCOM","weight","className","Fragment","fixed","div","INTERNAL","wide","PanelHeader","visor","transparent","shadow","getRef","getRootRef","sizeX","adaptiveSizeX","isFixed","undefined","hasOwnProperty","VKAPPS","COMPACT","ref","vertical","compact","size","warn","id","process","env","NODE_ENV","Content"],"mappings":"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"}

package/dist/cssm/components/PanelHeader/PanelHeader.module.css CHANGED Viewed

@@ -272,7 +272,7 @@
   border-top-left-radius: var(--vkui--size_border_radius_paper--regular);
   border-top-right-radius: var(--vkui--size_border_radius_paper--regular);
   box-shadow: 0 0 0 var(--vkui_internal--thin_border) var(--vkui--color_field_border_alpha) inset;
-  border-bottom: none;
+  border-bottom: 0;
 }
 @media (min-width: 768px) {
@@ -281,7 +281,7 @@
     border-top-left-radius: var(--vkui--size_border_radius_paper--regular);
     border-top-right-radius: var(--vkui--size_border_radius_paper--regular);
     box-shadow: 0 0 0 var(--vkui_internal--thin_border) var(--vkui--color_field_border_alpha) inset;
-    border-bottom: none;
+    border-bottom: 0;
   }
 }

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

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import * as React from 'react';
 import { PanelHeaderButtonProps } from '../PanelHeaderButton/PanelHeaderButton';
 export type PanelHeaderBackProps = PanelHeaderButtonProps & {
     'aria-label'?: string;
@@ -6,4 +6,4 @@ export type PanelHeaderBackProps = PanelHeaderButtonProps & {
 /**
  * @see https://vkcom.github.io/VKUI/#/PanelHeaderBack
  */
-export declare const PanelHeaderBack: ({ label, "aria-label": ariaLabel, className, ...restProps }: PanelHeaderButtonProps) => JSX.Element;
+export declare const PanelHeaderBack: ({ label, "aria-label": ariaLabel, className, ...restProps }: PanelHeaderButtonProps) => React.JSX.Element;

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

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../../src/components/PanelHeaderBack/PanelHeaderBack.tsx"],"sourcesContent":["import * as React from 'react';\nimport {\n Icon28ArrowLeftOutline,\n Icon28ChevronBack,\n Icon28ChevronLeftOutline,\n} from '@vkontakte/icons';\nimport { classNames } from '@vkontakte/vkjs';\nimport { useAdaptivity } from '../../hooks/useAdaptivity';\nimport { usePlatform } from '../../hooks/usePlatform';\nimport { SizeType } from '../../lib/adaptivity';\nimport { Platform } from '../../lib/platform';\nimport { PanelHeaderButton, PanelHeaderButtonProps } from '../PanelHeaderButton/PanelHeaderButton';\nimport styles from '../PanelHeaderButton/PanelHeaderButton.module.css';\n\nexport type PanelHeaderBackProps = PanelHeaderButtonProps & {\n 'aria-label'?: string;\n};\n\n/*\n @see https://vkcom.github.io/VKUI/#/PanelHeaderBack\n */\nexport const PanelHeaderBack = ({\n label,\n 'aria-label': ariaLabel = 'Назад',\n className,\n ...restProps\n}: PanelHeaderButtonProps) => {\n const platform = usePlatform();\n const { sizeX = 'none' } = useAdaptivity();\n // так-же label нужно скрывать при platform === Platform.IOS && sizeX === regular\n // https://github.com/VKCOM/VKUI/blob/master/src/components/PanelHeaderButton/PanelHeaderButton.css#L104\n const showLabel = platform === Platform.VKCOM \|\| platform === Platform.IOS;\n\n let icon = <Icon28ArrowLeftOutline />;\n switch (platform) {\n case Platform.IOS:\n icon = <Icon28ChevronBack />;\n break;\n case Platform.VKCOM:\n icon = <Icon28ChevronLeftOutline />;\n break;\n }\n\n return (\n <PanelHeaderButton\n {...restProps}\n className={classNames(\n sizeX === SizeType.COMPACT && styles['PanelHeaderBack--sizeX-compact'],\n platform === Platform.IOS && styles['PanelHeaderBack--ios'],\n platform === Platform.VKCOM && styles['PanelHeaderBack--vkcom'],\n showLabel && !!label && styles['PanelHeaderBack--has-label'],\n className,\n )}\n label={showLabel && label}\n aria-label={ariaLabel}\n >\n {icon}\n </PanelHeaderButton>\n );\n};\n"],"names":["React","Icon28ArrowLeftOutline","Icon28ChevronBack","Icon28ChevronLeftOutline","classNames","useAdaptivity","usePlatform","SizeType","Platform","PanelHeaderButton","styles","PanelHeaderBack","label","ariaLabel","className","restProps","platform","sizeX","showLabel","VKCOM","IOS","icon","COMPACT","aria-label"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SACEC,sBAAsB,EACtBC,iBAAiB,EACjBC,wBAAwB,QACnB,mBAAmB;AAC1B,SAASC,UAAU,QAAQ,kBAAkB;AAC7C,SAASC,aAAa,QAAQ,4BAA4B;AAC1D,SAASC,WAAW,QAAQ,0BAA0B;AACtD,SAASC,QAAQ,QAAQ,uBAAuB;AAChD,SAASC,QAAQ,QAAQ,qBAAqB;AAC9C,SAASC,iBAAiB,QAAgC,yCAAyC;AACnG,OAAOC,YAAY,oDAAoD;AAMvE;;CAEC,GACD,OAAO,MAAMC,kBAAkB,CAAC,EAC9BC,MAAK,EACL,cAAcC,YAAY,OAAO,CAAA,EACjCC,UAAS,EACT,GAAGC,WACoB~~,GAAK~~;~~IAC5B~~,MAAMC,WAAWV;IACjB,MAAM,EAAEW,OAAQ,OAAM,EAAE,GAAGZ;IAC3B,iFAAiF;IACjF,wGAAwG;IACxG,MAAMa,YAAYF,aAAaR,SAASW,~~KAAK~~,~~IAAIH,~~aAAaR,SAASY~~,GAAG~~;~~IAE1E~~,IAAIC,qBAAO,oBAACpB;IACZ,OAAQe;QACN,KAAKR,SAASY~~,GAAG~~;~~YACfC~~,qBAAO,oBAACnB;YACR~~,KAAM~~;~~QACR~~,KAAKM,SAASW~~,KAAK~~;~~YACjBE~~,qBAAO,oBAAClB;YACR~~,KAAM~~;~~IACV~~;IAEA,qBACE,oBAACM;QACE,GAAGM,SAAS;QACbD,WAAWV,WACTa,UAAUV,SAASe,~~OAAO~~,~~IAAIZ,~~MAAM,CAAC,iCAAiC,EACtEM,aAAaR,SAASY,~~GAAG~~,~~IAAIV,~~MAAM,CAAC,uBAAuB,EAC3DM,aAAaR,SAASW,~~KAAK~~,~~IAAIT,~~MAAM,CAAC,yBAAyB,EAC/DQ,aAAa,CAAC,CAACN,SAASF,MAAM,CAAC,6BAA6B,EAC5DI;QAEFF,OAAOM,aAAaN;QACpBW,cAAYV;OAEXQ;AAGP,EAAE"}
1	+ {"version":3,"sources":["../../../../src/components/PanelHeaderBack/PanelHeaderBack.tsx"],"sourcesContent":["import * as React from 'react';\nimport {\n Icon28ArrowLeftOutline,\n Icon28ChevronBack,\n Icon28ChevronLeftOutline,\n} from '@vkontakte/icons';\nimport { classNames } from '@vkontakte/vkjs';\nimport { useAdaptivity } from '../../hooks/useAdaptivity';\nimport { usePlatform } from '../../hooks/usePlatform';\nimport { SizeType } from '../../lib/adaptivity';\nimport { Platform } from '../../lib/platform';\nimport { PanelHeaderButton, PanelHeaderButtonProps } from '../PanelHeaderButton/PanelHeaderButton';\nimport styles from '../PanelHeaderButton/PanelHeaderButton.module.css';\n\nexport type PanelHeaderBackProps = PanelHeaderButtonProps & {\n 'aria-label'?: string;\n};\n\n/*\n @see https://vkcom.github.io/VKUI/#/PanelHeaderBack\n */\nexport const PanelHeaderBack = ({\n label,\n 'aria-label': ariaLabel = 'Назад',\n className,\n ...restProps\n}: PanelHeaderButtonProps) => {\n const platform = usePlatform();\n const { sizeX = 'none' } = useAdaptivity();\n // так-же label нужно скрывать при platform === Platform.IOS && sizeX === regular\n // https://github.com/VKCOM/VKUI/blob/master/src/components/PanelHeaderButton/PanelHeaderButton.css#L104\n const showLabel = platform === Platform.VKCOM \|\| platform === Platform.IOS;\n\n let icon = <Icon28ArrowLeftOutline />;\n switch (platform) {\n case Platform.IOS:\n icon = <Icon28ChevronBack />;\n break;\n case Platform.VKCOM:\n icon = <Icon28ChevronLeftOutline />;\n break;\n }\n\n return (\n <PanelHeaderButton\n {...restProps}\n className={classNames(\n sizeX === SizeType.COMPACT && styles['PanelHeaderBack--sizeX-compact'],\n platform === Platform.IOS && styles['PanelHeaderBack--ios'],\n platform === Platform.VKCOM && styles['PanelHeaderBack--vkcom'],\n showLabel && !!label && styles['PanelHeaderBack--has-label'],\n className,\n )}\n label={showLabel && label}\n aria-label={ariaLabel}\n >\n {icon}\n </PanelHeaderButton>\n );\n};\n"],"names":["React","Icon28ArrowLeftOutline","Icon28ChevronBack","Icon28ChevronLeftOutline","classNames","useAdaptivity","usePlatform","SizeType","Platform","PanelHeaderButton","styles","PanelHeaderBack","label","ariaLabel","className","restProps","platform","sizeX","showLabel","VKCOM","IOS","icon","COMPACT","aria-label"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SACEC,sBAAsB,EACtBC,iBAAiB,EACjBC,wBAAwB,QACnB,mBAAmB;AAC1B,SAASC,UAAU,QAAQ,kBAAkB;AAC7C,SAASC,aAAa,QAAQ,4BAA4B;AAC1D,SAASC,WAAW,QAAQ,0BAA0B;AACtD,SAASC,QAAQ,QAAQ,uBAAuB;AAChD,SAASC,QAAQ,QAAQ,qBAAqB;AAC9C,SAASC,iBAAiB,QAAgC,yCAAyC;AACnG,OAAOC,YAAY,oDAAoD;AAMvE;;CAEC,GACD,OAAO,MAAMC,kBAAkB,CAAC,EAC9BC,MAAK,EACL,cAAcC,YAAY,OAAO,CAAA,EACjCC,UAAS,EACT,GAAGC,WACoB;IACvB,MAAMC,WAAWV;IACjB,MAAM,EAAEW,OAAQ,OAAM,EAAE,GAAGZ;IAC3B,iFAAiF;IACjF,wGAAwG;IACxG,MAAMa,YAAYF,aAAaR,SAASW,SAASH,aAAaR,SAASY;IAEvE,IAAIC,qBAAO,oBAACpB;IACZ,OAAQe;QACN,KAAKR,SAASY;YACZC,qBAAO,oBAACnB;YACR;QACF,KAAKM,SAASW;YACZE,qBAAO,oBAAClB;YACR;IACJ;IAEA,qBACE,oBAACM;QACE,GAAGM,SAAS;QACbD,WAAWV,WACTa,UAAUV,SAASe,WAAWZ,MAAM,CAAC,iCAAiC,EACtEM,aAAaR,SAASY,OAAOV,MAAM,CAAC,uBAAuB,EAC3DM,aAAaR,SAASW,SAAST,MAAM,CAAC,yBAAyB,EAC/DQ,aAAa,CAAC,CAACN,SAASF,MAAM,CAAC,6BAA6B,EAC5DI;QAEFF,OAAOM,aAAaN;QACpBW,cAAYV;OAEXQ;AAGP,EAAE"}

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

@@ -7,4 +7,4 @@ export interface PanelHeaderButtonProps extends Omit<TappableProps, 'label'> {
 /**
  * @see https://vkcom.github.io/VKUI/#/PanelHeaderButton
  */
-export declare const PanelHeaderButton: ({ children, primary, label, className, ...restProps }: PanelHeaderButtonProps) => JSX.Element;
+export declare const PanelHeaderButton: ({ children, primary, label, className, ...restProps }: PanelHeaderButtonProps) => React.JSX.Element;

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

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../../src/components/PanelHeaderButton/PanelHeaderButton.tsx"],"sourcesContent":["import * as React from 'react';\nimport { classNames, isPrimitiveReactNode } from '@vkontakte/vkjs';\nimport { usePlatform } from '../../hooks/usePlatform';\nimport { Platform } from '../../lib/platform';\nimport { getTitleFromChildren } from '../../lib/utils';\nimport { warnOnce } from '../../lib/warnOnce';\nimport { Tappable, TappableProps } from '../Tappable/Tappable';\nimport { Text } from '../Typography/Text/Text';\nimport { Title } from '../Typography/Title/Title';\nimport styles from './PanelHeaderButton.module.css';\n\nconst platformClassNames = {\n ios: styles['PanelHeaderButton--ios'],\n android: styles['PanelHeaderButton--android'],\n vkcom: styles['PanelHeaderButton--vkcom'],\n};\n\nexport interface PanelHeaderButtonProps extends Omit<TappableProps, 'label'> {\n primary?: boolean;\n label?: React.ReactNode;\n}\n\ninterface ButtonTypographyProps extends React.AllHTMLAttributes<HTMLElement> {\n primary?: PanelHeaderButtonProps['primary'];\n}\n\nconst ButtonTypography = ({ primary, children }: ButtonTypographyProps) => {\n const platform = usePlatform();\n\n if (platform === Platform.IOS) {\n return (\n <Title Component=\"span\" level=\"3\" weight={primary ? '1' : '3'}>\n {children}\n </Title>\n );\n }\n\n return <Text weight={platform === Platform.VKCOM ? undefined : '2'}>{children}</Text>;\n};\n\nconst warn = warnOnce('PanelHeaderButton');\n\n/*\n @see https://vkcom.github.io/VKUI/#/PanelHeaderButton\n */\nexport const PanelHeaderButton = ({\n children,\n primary = false,\n label,\n className,\n ...restProps\n}: PanelHeaderButtonProps) => {\n const isPrimitive = isPrimitiveReactNode(children);\n const isPrimitiveLabel = isPrimitiveReactNode(label);\n const platform = usePlatform();\n\n let hoverMode;\n let activeMode;\n\n switch (platform) {\n case Platform.IOS:\n hoverMode = 'background';\n activeMode = 'opacity';\n break;\n case Platform.VKCOM:\n hoverMode = styles['PanelHeaderButton--hover'];\n activeMode = styles['PanelHeaderButton--active'];\n break;\n default:\n hoverMode = 'background';\n activeMode = 'background';\n }\n\n if (process.env.NODE_ENV === 'development') {\n const hasAccessibleName = Boolean(\n getTitleFromChildren(children) \|\|\n getTitleFromChildren(label) \|\|\n restProps['aria-label'] \|\|\n restProps['aria-labelledby'],\n );\n\n if (!hasAccessibleName) {\n warn(\n 'a11y: У кнопки нет названия, которое может прочитать скринридер, и она недоступна для части пользователей. Замените содержимое на текст или добавьте описание действия с помощью пропа aria-label.',\n 'error',\n );\n }\n }\n\n return (\n <Tappable\n Component={restProps.href ? 'a' : 'button'}\n {...restProps}\n hoverMode={hoverMode}\n activeEffectDelay={200}\n activeMode={activeMode}\n className={classNames(\n 'vkuiInternalPanelHeaderButton',\n styles['PanelHeaderButton'],\n platformClassNames.hasOwnProperty(platform)\n ? platformClassNames[platform]\n : platformClassNames.android,\n isPrimitive && styles['PanelHeaderButton--primitive'],\n !isPrimitive && !isPrimitiveLabel && styles['PanelHeaderButton--notPrimitive'],\n className,\n )}\n >\n {isPrimitive ? <ButtonTypography primary={primary}>{children}</ButtonTypography> : children}\n {isPrimitiveLabel ? (\n <ButtonTypography primary={primary} className={styles['PanelHeaderButton__label']}>\n {label}\n </ButtonTypography>\n ) : (\n label\n )}\n </Tappable>\n );\n};\n"],"names":["React","classNames","isPrimitiveReactNode","usePlatform","Platform","getTitleFromChildren","warnOnce","Tappable","Text","Title","styles","platformClassNames","ios","android","vkcom","ButtonTypography","primary","children","platform","IOS","Component","level","weight","VKCOM","undefined","warn","PanelHeaderButton","label","className","restProps","isPrimitive","isPrimitiveLabel","hoverMode","activeMode","process","env","NODE_ENV","hasAccessibleName","Boolean","href","activeEffectDelay","hasOwnProperty"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,UAAU,EAAEC,oBAAoB,QAAQ,kBAAkB;AACnE,SAASC,WAAW,QAAQ,0BAA0B;AACtD,SAASC,QAAQ,QAAQ,qBAAqB;AAC9C,SAASC,oBAAoB,QAAQ,kBAAkB;AACvD,SAASC,QAAQ,QAAQ,qBAAqB;AAC9C,SAASC,QAAQ,QAAuB,uBAAuB;AAC/D,SAASC,IAAI,QAAQ,0BAA0B;AAC/C,SAASC,KAAK,QAAQ,4BAA4B;AAClD,OAAOC,YAAY,iCAAiC;AAEpD,MAAMC,qBAAqB;IACzBC,KAAKF,MAAM,CAAC,yBAAyB;IACrCG,SAASH,MAAM,CAAC,6BAA6B;IAC7CI,OAAOJ,MAAM,CAAC,2BAA2B;AAC3C;AAWA,MAAMK,mBAAmB,CAAC,EAAEC,QAAO,EAAEC,SAAQ,EAAyB~~,GAAK~~;~~IACzE~~,MAAMC,WAAWf;IAEjB,IAAIe,aAAad,SAASe,~~GAAG,EAAE~~;QAC7B,qBACE,oBAACV;YAAMW,WAAU;YAAOC,OAAM;YAAIC,QAAQN,UAAU,MAAM~~,GAAG~~;~~WAC1DC~~;IAGP~~,CAAC~~;~~IAED~~,qBAAO,oBAACT;QAAKc,QAAQJ,aAAad,SAASmB,~~KAAK~~,~~GAAGC,~~YAAY~~,GAAG~~;~~OAAGP~~;AACvE;AAEA,MAAMQ,OAAOnB,SAAS;AAEtB;;CAEC,GACD,OAAO,MAAMoB,oBAAoB,CAAC,EAChCT,SAAQ,EACRD,SAAU,~~KAAK~~,~~CAAA,~~EACfW,MAAK,EACLC,UAAS,EACT,GAAGC,WACoB~~,GAAK~~;~~IAC5B~~,MAAMC,cAAc5B,qBAAqBe;IACzC,MAAMc,mBAAmB7B,qBAAqByB;IAC9C,MAAMT,WAAWf;IAEjB,IAAI6B;IACJ,IAAIC;IAEJ,OAAQf;QACN,KAAKd,SAASe~~,GAAG~~;~~YACfa~~,YAAY;YACZC,aAAa;YACb~~,KAAM~~;~~QACR~~,KAAK7B,SAASmB~~,KAAK~~;~~YACjBS~~,YAAYtB,MAAM,CAAC,2BAA2B;YAC9CuB,aAAavB,MAAM,CAAC,4BAA4B;YAChD~~,KAAM~~;~~QACR~~;YACEsB,YAAY;YACZC,aAAa;IACjB;IAEA,IAAIC,QAAQC,~~GAAG~~,~~CAACC~~,~~QAAQ,KAAK,~~eAAe;QAC1C,MAAMC,oBAAoBC,QACxBjC,qBAAqBY,aACnBZ,qBAAqBsB,UACrBE,SAAS,CAAC,aAAa,IACvBA,SAAS,CAAC,kBAAkB;QAGhC,IAAI,CAACQ,mBAAmB;YACtBZ,KACE,sMACA;QAEJ~~,CAAC~~;~~IACH,CAAC~~;~~IAED~~,qBACE,oBAAClB;QACCa,WAAWS,UAAUU,~~IAAI~~,~~GAAG,~~MAAM~~,QAAQ~~;~~QACzC~~,GAAGV,SAAS;QACbG,WAAWA;QACXQ,mBAAmB;QACnBP,YAAYA;QACZL,WAAW3B,WACT,iCACAS,MAAM,CAAC,oBAAoB,EAC3BC,mBAAmB8B,~~cAAc~~,~~CAACvB,~~YAC9BP,kBAAkB,CAACO,SAAS,GAC5BP,mBAAmBE,~~OAAO~~,~~EAC9BiB,~~eAAepB,MAAM,CAAC,+BAA+B,EACrD,CAACoB,eAAe,CAACC,oBAAoBrB,MAAM,CAAC,kCAAkC,EAC9EkB;OAGDE,4BAAc,oBAACf;QAAiBC,SAASA;OAAUC,YAA+BA,~~QAAQ~~,~~EAC1Fc,~~iCACC,oBAAChB;QAAiBC,SAASA;QAASY,WAAWlB,MAAM,CAAC,2BAA2B;OAC9EiB,SAGHA~~,KACD~~;~~AAGP~~,EAAE"}
1	+ {"version":3,"sources":["../../../../src/components/PanelHeaderButton/PanelHeaderButton.tsx"],"sourcesContent":["import * as React from 'react';\nimport { classNames, isPrimitiveReactNode } from '@vkontakte/vkjs';\nimport { usePlatform } from '../../hooks/usePlatform';\nimport { Platform } from '../../lib/platform';\nimport { getTitleFromChildren } from '../../lib/utils';\nimport { warnOnce } from '../../lib/warnOnce';\nimport { Tappable, TappableProps } from '../Tappable/Tappable';\nimport { Text } from '../Typography/Text/Text';\nimport { Title } from '../Typography/Title/Title';\nimport styles from './PanelHeaderButton.module.css';\n\nconst platformClassNames = {\n ios: styles['PanelHeaderButton--ios'],\n android: styles['PanelHeaderButton--android'],\n vkcom: styles['PanelHeaderButton--vkcom'],\n};\n\nexport interface PanelHeaderButtonProps extends Omit<TappableProps, 'label'> {\n primary?: boolean;\n label?: React.ReactNode;\n}\n\ninterface ButtonTypographyProps extends React.AllHTMLAttributes<HTMLElement> {\n primary?: PanelHeaderButtonProps['primary'];\n}\n\nconst ButtonTypography = ({ primary, children }: ButtonTypographyProps) => {\n const platform = usePlatform();\n\n if (platform === Platform.IOS) {\n return (\n <Title Component=\"span\" level=\"3\" weight={primary ? '1' : '3'}>\n {children}\n </Title>\n );\n }\n\n return <Text weight={platform === Platform.VKCOM ? undefined : '2'}>{children}</Text>;\n};\n\nconst warn = warnOnce('PanelHeaderButton');\n\n/*\n @see https://vkcom.github.io/VKUI/#/PanelHeaderButton\n */\nexport const PanelHeaderButton = ({\n children,\n primary = false,\n label,\n className,\n ...restProps\n}: PanelHeaderButtonProps) => {\n const isPrimitive = isPrimitiveReactNode(children);\n const isPrimitiveLabel = isPrimitiveReactNode(label);\n const platform = usePlatform();\n\n let hoverMode;\n let activeMode;\n\n switch (platform) {\n case Platform.IOS:\n hoverMode = 'background';\n activeMode = 'opacity';\n break;\n case Platform.VKCOM:\n hoverMode = styles['PanelHeaderButton--hover'];\n activeMode = styles['PanelHeaderButton--active'];\n break;\n default:\n hoverMode = 'background';\n activeMode = 'background';\n }\n\n if (process.env.NODE_ENV === 'development') {\n const hasAccessibleName = Boolean(\n getTitleFromChildren(children) \|\|\n getTitleFromChildren(label) \|\|\n restProps['aria-label'] \|\|\n restProps['aria-labelledby'],\n );\n\n if (!hasAccessibleName) {\n warn(\n 'a11y: У кнопки нет названия, которое может прочитать скринридер, и она недоступна для части пользователей. Замените содержимое на текст или добавьте описание действия с помощью пропа aria-label.',\n 'error',\n );\n }\n }\n\n return (\n <Tappable\n Component={restProps.href ? 'a' : 'button'}\n {...restProps}\n hoverMode={hoverMode}\n activeEffectDelay={200}\n activeMode={activeMode}\n className={classNames(\n 'vkuiInternalPanelHeaderButton',\n styles['PanelHeaderButton'],\n platformClassNames.hasOwnProperty(platform)\n ? platformClassNames[platform]\n : platformClassNames.android,\n isPrimitive && styles['PanelHeaderButton--primitive'],\n !isPrimitive && !isPrimitiveLabel && styles['PanelHeaderButton--notPrimitive'],\n className,\n )}\n >\n {isPrimitive ? <ButtonTypography primary={primary}>{children}</ButtonTypography> : children}\n {isPrimitiveLabel ? (\n <ButtonTypography primary={primary} className={styles['PanelHeaderButton__label']}>\n {label}\n </ButtonTypography>\n ) : (\n label\n )}\n </Tappable>\n );\n};\n"],"names":["React","classNames","isPrimitiveReactNode","usePlatform","Platform","getTitleFromChildren","warnOnce","Tappable","Text","Title","styles","platformClassNames","ios","android","vkcom","ButtonTypography","primary","children","platform","IOS","Component","level","weight","VKCOM","undefined","warn","PanelHeaderButton","label","className","restProps","isPrimitive","isPrimitiveLabel","hoverMode","activeMode","process","env","NODE_ENV","hasAccessibleName","Boolean","href","activeEffectDelay","hasOwnProperty"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,UAAU,EAAEC,oBAAoB,QAAQ,kBAAkB;AACnE,SAASC,WAAW,QAAQ,0BAA0B;AACtD,SAASC,QAAQ,QAAQ,qBAAqB;AAC9C,SAASC,oBAAoB,QAAQ,kBAAkB;AACvD,SAASC,QAAQ,QAAQ,qBAAqB;AAC9C,SAASC,QAAQ,QAAuB,uBAAuB;AAC/D,SAASC,IAAI,QAAQ,0BAA0B;AAC/C,SAASC,KAAK,QAAQ,4BAA4B;AAClD,OAAOC,YAAY,iCAAiC;AAEpD,MAAMC,qBAAqB;IACzBC,KAAKF,MAAM,CAAC,yBAAyB;IACrCG,SAASH,MAAM,CAAC,6BAA6B;IAC7CI,OAAOJ,MAAM,CAAC,2BAA2B;AAC3C;AAWA,MAAMK,mBAAmB,CAAC,EAAEC,QAAO,EAAEC,SAAQ,EAAyB;IACpE,MAAMC,WAAWf;IAEjB,IAAIe,aAAad,SAASe,KAAK;QAC7B,qBACE,oBAACV;YAAMW,WAAU;YAAOC,OAAM;YAAIC,QAAQN,UAAU,MAAM;WACvDC;IAGP;IAEA,qBAAO,oBAACT;QAAKc,QAAQJ,aAAad,SAASmB,QAAQC,YAAY;OAAMP;AACvE;AAEA,MAAMQ,OAAOnB,SAAS;AAEtB;;CAEC,GACD,OAAO,MAAMoB,oBAAoB,CAAC,EAChCT,SAAQ,EACRD,SAAU,MAAK,EACfW,MAAK,EACLC,UAAS,EACT,GAAGC,WACoB;IACvB,MAAMC,cAAc5B,qBAAqBe;IACzC,MAAMc,mBAAmB7B,qBAAqByB;IAC9C,MAAMT,WAAWf;IAEjB,IAAI6B;IACJ,IAAIC;IAEJ,OAAQf;QACN,KAAKd,SAASe;YACZa,YAAY;YACZC,aAAa;YACb;QACF,KAAK7B,SAASmB;YACZS,YAAYtB,MAAM,CAAC,2BAA2B;YAC9CuB,aAAavB,MAAM,CAAC,4BAA4B;YAChD;QACF;YACEsB,YAAY;YACZC,aAAa;IACjB;IAEA,IAAIC,QAAQC,IAAIC,aAAa,eAAe;QAC1C,MAAMC,oBAAoBC,QACxBjC,qBAAqBY,aACnBZ,qBAAqBsB,UACrBE,SAAS,CAAC,aAAa,IACvBA,SAAS,CAAC,kBAAkB;QAGhC,IAAI,CAACQ,mBAAmB;YACtBZ,KACE,sMACA;QAEJ;IACF;IAEA,qBACE,oBAAClB;QACCa,WAAWS,UAAUU,OAAO,MAAM;QACjC,GAAGV,SAAS;QACbG,WAAWA;QACXQ,mBAAmB;QACnBP,YAAYA;QACZL,WAAW3B,WACT,iCACAS,MAAM,CAAC,oBAAoB,EAC3BC,mBAAmB8B,eAAevB,YAC9BP,kBAAkB,CAACO,SAAS,GAC5BP,mBAAmBE,SACvBiB,eAAepB,MAAM,CAAC,+BAA+B,EACrD,CAACoB,eAAe,CAACC,oBAAoBrB,MAAM,CAAC,kCAAkC,EAC9EkB;OAGDE,4BAAc,oBAACf;QAAiBC,SAASA;OAAUC,YAA+BA,UAClFc,iCACC,oBAAChB;QAAiBC,SAASA;QAASY,WAAWlB,MAAM,CAAC,2BAA2B;OAC9EiB,SAGHA;AAIR,EAAE"}

package/dist/cssm/components/PanelHeaderButton/PanelHeaderButton.module.css CHANGED Viewed

@@ -3,7 +3,7 @@
      -moz-appearance: none;
           appearance: none;
   background: none;
-  border: none;
+  border: 0;
   box-shadow: none;
   display: block;
   color: currentColor;

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

@@ -1,6 +1,6 @@
-/// <reference types="react" />
+import * as React from 'react';
 import { PanelHeaderButtonProps } from '../PanelHeaderButton/PanelHeaderButton';
 /**
  * @see https://vkcom.github.io/VKUI/#/PanelHeaderClose
  */
-export declare const PanelHeaderClose: ({ children, ...restProps }: PanelHeaderButtonProps) => JSX.Element;
+export declare const PanelHeaderClose: ({ children, ...restProps }: PanelHeaderButtonProps) => React.JSX.Element;

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

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../../src/components/PanelHeaderClose/PanelHeaderClose.tsx"],"sourcesContent":["import * as React from 'react';\nimport { Icon28CancelOutline } from '@vkontakte/icons';\nimport { usePlatform } from '../../hooks/usePlatform';\nimport { Platform } from '../../lib/platform';\nimport { getTitleFromChildren } from '../../lib/utils';\nimport { PanelHeaderButton, PanelHeaderButtonProps } from '../PanelHeaderButton/PanelHeaderButton';\n\n/*\n @see https://vkcom.github.io/VKUI/#/PanelHeaderClose\n */\nexport const PanelHeaderClose = ({ children = 'Отмена', ...restProps }: PanelHeaderButtonProps) => {\n const platform = usePlatform();\n return (\n <PanelHeaderButton aria-label={getTitleFromChildren(children)} {...restProps}>\n {platform === Platform.IOS ? children : <Icon28CancelOutline />}\n </PanelHeaderButton>\n );\n};\n"],"names":["React","Icon28CancelOutline","usePlatform","Platform","getTitleFromChildren","PanelHeaderButton","PanelHeaderClose","children","restProps","platform","aria-label","IOS"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,mBAAmB,QAAQ,mBAAmB;AACvD,SAASC,WAAW,QAAQ,0BAA0B;AACtD,SAASC,QAAQ,QAAQ,qBAAqB;AAC9C,SAASC,oBAAoB,QAAQ,kBAAkB;AACvD,SAASC,iBAAiB,QAAgC,yCAAyC;AAEnG;;CAEC,GACD,OAAO,MAAMC,mBAAmB,CAAC,EAAEC,UAAW,SAAQ,EAAE,GAAGC,WAAmC~~,GAAK~~;~~IACjG~~,MAAMC,WAAWP;IACjB,qBACE,oBAACG;QAAkBK,cAAYN,qBAAqBG;QAAY,GAAGC,SAAS;OACzEC,aAAaN,SAASQ,~~GAAG~~,~~GAAGJ,~~yBAAW,oBAACN~~,0BAAsB~~;~~AAGrE~~,EAAE"}
1	+ {"version":3,"sources":["../../../../src/components/PanelHeaderClose/PanelHeaderClose.tsx"],"sourcesContent":["import * as React from 'react';\nimport { Icon28CancelOutline } from '@vkontakte/icons';\nimport { usePlatform } from '../../hooks/usePlatform';\nimport { Platform } from '../../lib/platform';\nimport { getTitleFromChildren } from '../../lib/utils';\nimport { PanelHeaderButton, PanelHeaderButtonProps } from '../PanelHeaderButton/PanelHeaderButton';\n\n/*\n @see https://vkcom.github.io/VKUI/#/PanelHeaderClose\n */\nexport const PanelHeaderClose = ({ children = 'Отмена', ...restProps }: PanelHeaderButtonProps) => {\n const platform = usePlatform();\n return (\n <PanelHeaderButton aria-label={getTitleFromChildren(children)} {...restProps}>\n {platform === Platform.IOS ? children : <Icon28CancelOutline />}\n </PanelHeaderButton>\n );\n};\n"],"names":["React","Icon28CancelOutline","usePlatform","Platform","getTitleFromChildren","PanelHeaderButton","PanelHeaderClose","children","restProps","platform","aria-label","IOS"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,mBAAmB,QAAQ,mBAAmB;AACvD,SAASC,WAAW,QAAQ,0BAA0B;AACtD,SAASC,QAAQ,QAAQ,qBAAqB;AAC9C,SAASC,oBAAoB,QAAQ,kBAAkB;AACvD,SAASC,iBAAiB,QAAgC,yCAAyC;AAEnG;;CAEC,GACD,OAAO,MAAMC,mBAAmB,CAAC,EAAEC,UAAW,SAAQ,EAAE,GAAGC,WAAmC;IAC5F,MAAMC,WAAWP;IACjB,qBACE,oBAACG;QAAkBK,cAAYN,qBAAqBG;QAAY,GAAGC,SAAS;OACzEC,aAAaN,SAASQ,MAAMJ,yBAAW,oBAACN;AAG/C,EAAE"}