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

@vkontakte/vkui 4.35.4 → 4.37.0

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

Files changed (1275) hide show

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

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../src/components/ModalRoot/useModalManager.tsx"],"names":["React","ModalType","warnOnce","getNavId","useIsomorphicLayoutEffect","noop","isFunction","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","dynamicContentHeight","settlingHeight","isMissing","safeActiveModal","useReducer","transitionState","dispatchTransition","process","env","NODE_ENV","isCard","CARD","onEntered","useCallback","modalState","onExited","delayEnter","getModalState","onEnter","onExit","withModalManager","Wrapped","WithModalManager","transitionManager"],"mappings":"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","sourcesContent":["import * as React from \"react\";\nimport { ModalsState, ModalsStateEntry, ModalType } from \"./types\";\nimport { warnOnce } from \"../../lib/warnOnce\";\nimport { getNavId } from \"../../lib/getNavId\";\nimport { useIsomorphicLayoutEffect } from \"../../lib/useIsomorphicLayoutEffect\";\nimport { noop, isFunction } from \"../../lib/utils\";\n\ninterface ModalTransitionState {\n activeModal?: string \| null;\n enteringModal?: string \| null;\n exitingModal?: string \| null;\n\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) => ModalsStateEntry;\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 state.dynamicContentHeight = !!modalProps.dynamicContentHeight;\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(\n modalTransitionReducer,\n {\n activeModal: safeActiveModal,\n enteringModal: null,\n exitingModal: null,\n history: safeActiveModal ? [safeActiveModal] : [],\n isBack: false,\n }\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(\n `Переход невозможен - модальное окно (страница) ${activeModal} не существует`,\n \"error\"\n );\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 &&\n (isCard(activeModal) \|\| isCard(transitionState.exitingModal))\n );\n const getModalState = React.useCallback(\n (id: string) => modalsState[id],\n [modalsState]\n );\n\n function onEnter() {\n const modalState =\n transitionState.activeModal && modalsState[transitionState.activeModal];\n if (modalState) {\n if (isFunction(modalState.onOpen)) {\n modalState.onOpen();\n } else if (isFunction(onOpen)) {\n onOpen(modalState.id);\n }\n }\n }\n\n function onExit() {\n const modalState =\n transitionState.activeModal && modalsState[transitionState.activeModal];\n if (modalState) {\n if (isFunction(modalState.onClose)) {\n modalState.onClose();\n } else if (isFunction(onClose)) {\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\nexport function withModalManager(\n initModal: (a: ModalsStateEntry) => void = noop\n) {\n return function <Props extends ModalTransitionProps>(\n Wrapped: React.ComponentType<Props>\n ): React.ComponentType<\n Omit<Props, keyof ModalTransitionProps> & {\n activeModal?: string \| null;\n children?: React.ReactNode;\n }\n > {\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"],"file":"useModalManager.js"}
1	+ {"version":3,"file":"useModalManager.js","names":["React","ModalType","warnOnce","getNavId","useIsomorphicLayoutEffect","noop","isFunction","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","dynamicContentHeight","settlingHeight","isMissing","safeActiveModal","useReducer","transitionState","dispatchTransition","process","env","NODE_ENV","isCard","CARD","onEntered","useCallback","modalState","onExited","delayEnter","getModalState","onEnter","onExit","withModalManager","Wrapped","WithModalManager","transitionManager"],"sources":["../../../src/components/ModalRoot/useModalManager.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { ModalsState, ModalsStateEntry, ModalType } from \"./types\";\nimport { warnOnce } from \"../../lib/warnOnce\";\nimport { getNavId } from \"../../lib/getNavId\";\nimport { useIsomorphicLayoutEffect } from \"../../lib/useIsomorphicLayoutEffect\";\nimport { noop, isFunction } from \"../../lib/utils\";\n\ninterface ModalTransitionState {\n activeModal?: string \| null;\n enteringModal?: string \| null;\n exitingModal?: string \| null;\n\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) => ModalsStateEntry;\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 state.dynamicContentHeight = !!modalProps.dynamicContentHeight;\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(\n modalTransitionReducer,\n {\n activeModal: safeActiveModal,\n enteringModal: null,\n exitingModal: null,\n history: safeActiveModal ? [safeActiveModal] : [],\n isBack: false,\n }\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(\n `Переход невозможен - модальное окно (страница) ${activeModal} не существует`,\n \"error\"\n );\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 &&\n (isCard(activeModal) \|\| isCard(transitionState.exitingModal))\n );\n const getModalState = React.useCallback(\n (id: string) => modalsState[id],\n [modalsState]\n );\n\n function onEnter() {\n const modalState =\n transitionState.activeModal && modalsState[transitionState.activeModal];\n if (modalState) {\n if (isFunction(modalState.onOpen)) {\n modalState.onOpen();\n } else if (isFunction(onOpen)) {\n onOpen(modalState.id);\n }\n }\n }\n\n function onExit() {\n const modalState =\n transitionState.activeModal && modalsState[transitionState.activeModal];\n if (modalState) {\n if (isFunction(modalState.onClose)) {\n modalState.onClose();\n } else if (isFunction(onClose)) {\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\nexport function withModalManager(\n initModal: (a: ModalsStateEntry) => void = noop\n) {\n return function <Props extends ModalTransitionProps>(\n Wrapped: React.ComponentType<Props>\n ): React.ComponentType<\n Omit<Props, keyof ModalTransitionProps> & {\n activeModal?: string \| null;\n children?: React.ReactNode;\n }\n > {\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"],"mappings":"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"}

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

	@@ -1 +1 @@
1	- {"version":3,"~~sources~~":["~~../../../src/components/ModalRoot/~~withModalRootContext.~~tsx~~"],"names":["React","ModalRootContext","withModalRootContext","Component","WithModalRootContext","props","useContext","updateModalHeight"],"~~mappings~~":"~~;;AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,SACEC,gBADF;AAOA,OAAO,SAASC,oBAAT,CACLC,SADK,EAE4C;AACjD,WAASC,oBAAT,CAA8BC,KAA9B,EAAiE;AAC~~/~~D,4BAA8BL,KAAK,CAACM,UAAN,CAAiBL,gBAAjB,CAA9B;AAAA,QAAQM,iBAAR,qBAAQA,iBAAR;;AAEA,WACE,oBAAC,SAAD,eAAgBF,KAAhB;AAA6B,MAAA,iBAAiB,EAAEE;AAAhD,OADF;AAGD;;AACD,SAAOH,oBAAP;AACD~~","sourcesContent":["import * as React from \"react\";\nimport {\n ModalRootContext,\n ModalRootContextInterface,\n} 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 (\n <Component {...(props as P)} updateModalHeight={updateModalHeight} />\n );\n }\n return WithModalRootContext;\n}\n"],"~~file~~":"~~withModalRootContext.js~~"}
1	+ {"version":3,"file":"withModalRootContext.js","names":["React","ModalRootContext","withModalRootContext","Component","WithModalRootContext","props","useContext","updateModalHeight"],"sources":["../../../src/components/ModalRoot/withModalRootContext.tsx"],"sourcesContent":["import * as React from \"react\";\nimport {\n ModalRootContext,\n ModalRootContextInterface,\n} 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 (\n <Component {...(props as P)} updateModalHeight={updateModalHeight} />\n );\n }\n return WithModalRootContext;\n}\n"],"mappings":";;AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,SACEC,gBADF;AAOA,OAAO,SAASC,oBAAT,CACLC,SADK,EAE4C;EACjD,SAASC,oBAAT,CAA8BC,KAA9B,EAAiE;IAC/D,wBAA8BL,KAAK,CAACM,UAAN,CAAiBL,gBAAjB,CAA9B;IAAA,IAAQM,iBAAR,qBAAQA,iBAAR;;IAEA,OACE,oBAAC,SAAD,eAAgBF,KAAhB;MAA6B,iBAAiB,EAAEE;IAAhD,GADF;EAGD;;EACD,OAAOH,oBAAP;AACD"}

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

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

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

@@ -1,7 +1,7 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["style", "defaultValue", "align", "placeholder", "children", "className", "getRef", "getRootRef", "disabled", "sizeX", "sizeY", "multiline", "selectType"];
+var _excluded = ["style", "defaultValue", "align", "placeholder", "children", "className", "getRef", "getRootRef", "disabled", "sizeX", "sizeY", "multiline", "selectType", "status"];
 import { createScopedElement } from "../../lib/jsxRuntime";
 import * as React from "react";
 import { classNames } from "../../lib/classNames";
@@ -31,6 +31,7 @@ var NativeSelectComponent = function NativeSelectComponent(_ref) {
       multiline = _ref.multiline,
       _ref$selectType = _ref.selectType,
       selectType = _ref$selectType === void 0 ? SelectType.default : _ref$selectType,
+      status = _ref.status,
       restProps = _objectWithoutProperties(_ref, _excluded);
   var platform = usePlatform();
@@ -70,7 +71,8 @@ var NativeSelectComponent = function NativeSelectComponent(_ref) {
     style: style,
     getRootRef: getRootRef,
     disabled: disabled,
-    after: createScopedElement(DropdownIcon, null)
+    after: createScopedElement(DropdownIcon, null),
+    status: status
   }, createScopedElement("select", _extends({}, restProps, {
     disabled: disabled,
     vkuiClass: "Select__el",

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

	@@ -1 +1 @@
1	- {"version":3,"~~sources~~":["~~../../../src/components/~~NativeSelect~~/NativeSelect~~.~~tsx~~"],"names":["React","classNames","DropdownIcon","FormField","withAdaptivity","getClassName","useIsomorphicLayoutEffect","useEnsuredControl","useExternRef","usePlatform","SelectType","SelectTypography","NativeSelectComponent","style","defaultValue","align","placeholder","children","className","getRef","getRootRef","disabled","sizeX","sizeY","multiline","selectType","default","restProps","platform","useState","title","setTitle","empty","setEmpty","value","onChange","selectRef","selectedOption","current","options","selectedIndex","text","NativeSelect","displayName"],"~~mappings~~":"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","sourcesContent":["import * as React from \"react\";\nimport { classNames } from \"../../lib/classNames\";\nimport { DropdownIcon } from \"../DropdownIcon/DropdownIcon\";\nimport { FormField } from \"../FormField/FormField\";\nimport { HasAlign, HasRef, HasRootRef } from \"../../types\";\nimport { withAdaptivity } from \"../../hoc/withAdaptivity\";\nimport { getClassName } from \"../../helpers/getClassName\";\nimport { useIsomorphicLayoutEffect } from \"../../lib/useIsomorphicLayoutEffect\";\nimport { useEnsuredControl } from \"../../hooks/useEnsuredControl\";\nimport { useExternRef } from \"../../hooks/useExternRef\";\nimport { usePlatform } from \"../../hooks/usePlatform\";\nimport { SelectType, SelectTypography } from \"../Select/Select\";\nimport {\n AdaptivityContextInterface,\n AdaptivityProps,\n} from \"../AdaptivityProvider/AdaptivityContext\";\nimport \"../Select/Select.css\";\n\nexport interface NativeSelectProps\n extends React.SelectHTMLAttributes<HTMLSelectElement>,\n HasRef<HTMLSelectElement>,\n HasRootRef<HTMLLabelElement>,\n HasAlign,\n AdaptivityProps {\n placeholder?: string;\n multiline?: boolean;\n selectType?: keyof typeof SelectType;\n}\n\nexport interface SelectState {\n value?: React.SelectHTMLAttributes<HTMLSelectElement>[\"value\"];\n title?: string;\n notSelected?: boolean;\n}\n\nconst NativeSelectComponent = ({\n style,\n defaultValue = \"\",\n align,\n placeholder,\n children,\n className,\n getRef,\n getRootRef,\n disabled,\n sizeX,\n sizeY,\n multiline,\n selectType = SelectType.default,\n ...restProps\n}: NativeSelectProps & AdaptivityContextInterface) => {\n const platform = usePlatform();\n const [title, setTitle] = React.useState(\"\");\n const [empty, setEmpty] = React.useState(false);\n const [value, onChange] = useEnsuredControl(restProps, { defaultValue });\n const selectRef = useExternRef(getRef);\n useIsomorphicLayoutEffect(() => {\n const selectedOption =\n 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 vkuiClass={classNames(\n getClassName(\"Select\", platform),\n `Select--${selectType}`,\n empty && \"Select--empty\",\n multiline && \"Select--multiline\",\n align && `Select--align-${align}`,\n `Select--sizeX-${sizeX}`,\n `Select--sizeY-${sizeY}`\n )}\n className={className}\n style={style}\n getRootRef={getRootRef}\n disabled={disabled}\n after={<DropdownIcon />}\n >\n <select\n {...restProps}\n disabled={disabled}\n vkuiClass=\"Select__el\"\n onChange={onChange}\n value={value}\n ref={selectRef}\n >\n {placeholder && <option value=\"\">{placeholder}</option>}\n {children}\n </select>\n <div vkuiClass=\"Select__container\">\n {/* TODO v5.0.0 поправить под новую адаптивность /}\n <SelectTypography vkuiClass=\"Select__title\">{title}</SelectTypography>\n </div>\n </FormField>\n );\n};\n\n/\n @see https://vkcom.github.io/VKUI/#/NativeSelect\n */\nexport const NativeSelect = withAdaptivity(NativeSelectComponent, {\n sizeX: true,\n sizeY: true,\n});\n\nNativeSelect.displayName = \"NativeSelect\";\n"],"~~file~~":"~~NativeSelect.js~~"}
1	+ {"version":3,"file":"NativeSelect.js","names":["React","classNames","DropdownIcon","FormField","withAdaptivity","getClassName","useIsomorphicLayoutEffect","useEnsuredControl","useExternRef","usePlatform","SelectType","SelectTypography","NativeSelectComponent","style","defaultValue","align","placeholder","children","className","getRef","getRootRef","disabled","sizeX","sizeY","multiline","selectType","default","status","restProps","platform","useState","title","setTitle","empty","setEmpty","value","onChange","selectRef","selectedOption","current","options","selectedIndex","text","NativeSelect","displayName"],"sources":["../../../src/components/NativeSelect/NativeSelect.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { classNames } from \"../../lib/classNames\";\nimport { DropdownIcon } from \"../DropdownIcon/DropdownIcon\";\nimport { FormField, FormFieldProps } from \"../FormField/FormField\";\nimport { HasAlign, HasRef, HasRootRef } from \"../../types\";\nimport { withAdaptivity } from \"../../hoc/withAdaptivity\";\nimport { getClassName } from \"../../helpers/getClassName\";\nimport { useIsomorphicLayoutEffect } from \"../../lib/useIsomorphicLayoutEffect\";\nimport { useEnsuredControl } from \"../../hooks/useEnsuredControl\";\nimport { useExternRef } from \"../../hooks/useExternRef\";\nimport { usePlatform } from \"../../hooks/usePlatform\";\nimport { SelectType, SelectTypography } from \"../Select/Select\";\nimport {\n AdaptivityContextInterface,\n AdaptivityProps,\n} from \"../AdaptivityProvider/AdaptivityContext\";\nimport \"../Select/Select.css\";\n\nexport interface NativeSelectProps\n extends React.SelectHTMLAttributes<HTMLSelectElement>,\n HasRef<HTMLSelectElement>,\n HasRootRef<HTMLLabelElement>,\n HasAlign,\n AdaptivityProps,\n Pick<FormFieldProps, \"status\"> {\n placeholder?: string;\n multiline?: boolean;\n selectType?: keyof typeof SelectType;\n}\n\nexport interface SelectState {\n value?: React.SelectHTMLAttributes<HTMLSelectElement>[\"value\"];\n title?: string;\n notSelected?: boolean;\n}\n\nconst NativeSelectComponent = ({\n style,\n defaultValue = \"\",\n align,\n placeholder,\n children,\n className,\n getRef,\n getRootRef,\n disabled,\n sizeX,\n sizeY,\n multiline,\n selectType = SelectType.default,\n status,\n ...restProps\n}: NativeSelectProps & AdaptivityContextInterface) => {\n const platform = usePlatform();\n const [title, setTitle] = React.useState(\"\");\n const [empty, setEmpty] = React.useState(false);\n const [value, onChange] = useEnsuredControl(restProps, { defaultValue });\n const selectRef = useExternRef(getRef);\n useIsomorphicLayoutEffect(() => {\n const selectedOption =\n 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 vkuiClass={classNames(\n getClassName(\"Select\", platform),\n `Select--${selectType}`,\n empty && \"Select--empty\",\n multiline && \"Select--multiline\",\n align && `Select--align-${align}`,\n `Select--sizeX-${sizeX}`,\n `Select--sizeY-${sizeY}`\n )}\n className={className}\n style={style}\n getRootRef={getRootRef}\n disabled={disabled}\n after={<DropdownIcon />}\n status={status}\n >\n <select\n {...restProps}\n disabled={disabled}\n vkuiClass=\"Select__el\"\n onChange={onChange}\n value={value}\n ref={selectRef}\n >\n {placeholder && <option value=\"\">{placeholder}</option>}\n {children}\n </select>\n <div vkuiClass=\"Select__container\">\n {/* TODO v5.0.0 поправить под новую адаптивность /}\n <SelectTypography vkuiClass=\"Select__title\">{title}</SelectTypography>\n </div>\n </FormField>\n );\n};\n\n/\n @see https://vkcom.github.io/VKUI/#/NativeSelect\n */\nexport const NativeSelect = withAdaptivity(NativeSelectComponent, {\n sizeX: true,\n sizeY: true,\n});\n\nNativeSelect.displayName = \"NativeSelect\";\n"],"mappings":";;;;;AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,SAASC,UAAT;AACA,SAASC,YAAT;AACA,SAASC,SAAT;AAEA,SAASC,cAAT;AACA,SAASC,YAAT;AACA,SAASC,yBAAT;AACA,SAASC,iBAAT;AACA,SAASC,YAAT;AACA,SAASC,WAAT;AACA,SAASC,UAAT,EAAqBC,gBAArB;;AAyBA,IAAMC,qBAAqB,GAAG,SAAxBA,qBAAwB,OAgBwB;EAAA,IAfpDC,KAeoD,QAfpDA,KAeoD;EAAA,6BAdpDC,YAcoD;EAAA,IAdpDA,YAcoD,kCAdrC,EAcqC;EAAA,IAbpDC,KAaoD,QAbpDA,KAaoD;EAAA,IAZpDC,WAYoD,QAZpDA,WAYoD;EAAA,IAXpDC,QAWoD,QAXpDA,QAWoD;EAAA,IAVpDC,SAUoD,QAVpDA,SAUoD;EAAA,IATpDC,MASoD,QATpDA,MASoD;EAAA,IARpDC,UAQoD,QARpDA,UAQoD;EAAA,IAPpDC,QAOoD,QAPpDA,QAOoD;EAAA,IANpDC,KAMoD,QANpDA,KAMoD;EAAA,IALpDC,KAKoD,QALpDA,KAKoD;EAAA,IAJpDC,SAIoD,QAJpDA,SAIoD;EAAA,2BAHpDC,UAGoD;EAAA,IAHpDA,UAGoD,gCAHvCf,UAAU,CAACgB,OAG4B;EAAA,IAFpDC,MAEoD,QAFpDA,MAEoD;EAAA,IADjDC,SACiD;;EACpD,IAAMC,QAAQ,GAAGpB,WAAW,EAA5B;;EACA,sBAA0BT,KAAK,CAAC8B,QAAN,CAAe,EAAf,CAA1B;EAAA;EAAA,IAAOC,KAAP;EAAA,IAAcC,QAAd;;EACA,uBAA0BhC,KAAK,CAAC8B,QAAN,CAAe,KAAf,CAA1B;EAAA;EAAA,IAAOG,KAAP;EAAA,IAAcC,QAAd;;EACA,yBAA0B3B,iBAAiB,CAACqB,SAAD,EAAY;IAAEd,YAAY,EAAZA;EAAF,CAAZ,CAA3C;EAAA;EAAA,IAAOqB,KAAP;EAAA,IAAcC,QAAd;;EACA,IAAMC,SAAS,GAAG7B,YAAY,CAACW,MAAD,CAA9B;EACAb,yBAAyB,CAAC,YAAM;IAAA;;IAC9B,IAAMgC,cAAc,yBAClBD,SAAS,CAACE,OADQ,uDAClB,mBAAmBC,OAAnB,CAA2BH,SAAS,CAACE,OAAV,CAAkBE,aAA7C,CADF;;IAEA,IAAIH,cAAJ,EAAoB;MAClBN,QAAQ,CAACM,cAAc,CAACI,IAAhB,CAAR;MACAR,QAAQ,CAACI,cAAc,CAACH,KAAf,KAAyB,EAAzB,IAA+BnB,WAAW,IAAI,IAA/C,CAAR;IACD;EACF,CAPwB,EAOtB,CAACmB,KAAD,EAAQlB,QAAR,CAPsB,CAAzB;EASA,OACE,oBAAC,SAAD;IACE,SAAS,EAAC,OADZ;IAEE,SAAS,EAAEhB,UAAU,CACnBI,YAAY,CAAC,QAAD,EAAWwB,QAAX,CADO,oBAERJ,UAFQ,GAGnBQ,KAAK,IAAI,eAHU,EAInBT,SAAS,IAAI,mBAJM,EAKnBT,KAAK,4BAAqBA,KAArB,CALc,0BAMFO,KANE,2BAOFC,KAPE,EAFvB;IAWE,SAAS,EAAEL,SAXb;IAYE,KAAK,EAAEL,KAZT;IAaE,UAAU,EAAEO,UAbd;IAcE,QAAQ,EAAEC,QAdZ;IAeE,KAAK,EAAE,oBAAC,YAAD,OAfT;IAgBE,MAAM,EAAEM;EAhBV,GAkBE,2CACMC,SADN;IAEE,QAAQ,EAAEP,QAFZ;IAGE,SAAS,EAAC,YAHZ;IAIE,QAAQ,EAAEe,QAJZ;IAKE,KAAK,EAAED,KALT;IAME,GAAG,EAAEE;EANP,IAQGrB,WAAW,IAAI;IAAQ,KAAK,EAAC;EAAd,GAAkBA,WAAlB,CARlB,EASGC,QATH,CAlBF,EA6BE;IAAK,SAAS,EAAC;EAAf,GAEE,oBAAC,gBAAD;IAAkB,SAAS,EAAC;EAA5B,GAA6Cc,KAA7C,CAFF,CA7BF,CADF;AAoCD,CAnED;AAqEA;AACA;AACA;;;AACA,OAAO,IAAMY,YAAY,GAAGvC,cAAc,CAACQ,qBAAD,EAAwB;EAChEU,KAAK,EAAE,IADyD;EAEhEC,KAAK,EAAE;AAFyD,CAAxB,CAAnC;AAKPoB,YAAY,CAACC,WAAb,GAA2B,cAA3B"}

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

	@@ -1 +1 @@
1	- {"version":3,"~~sources~~":["~~../../../src/components/~~NavTransitionContext~~/NavTransitionContext~~.~~tsx~~"],"names":["React","useObjectMemo","TransitionContext","createContext","entering","useNavTransition","useContext","NavTransitionProvider","children","parentContext","contextValue"],"~~mappings~~":";AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,SAASC,aAAT;AAKA,IAAMC,iBAAiB,gBAAGF,KAAK,CAACG,aAAN,CAA4C;AACpEC,EAAAA,QAAQ,EAAE;AAD0D,CAA5C,CAA1B;AAGA,OAAO,IAAMC,gBAAgB,GAAG,SAAnBA,gBAAmB;AAAA,SAAML,KAAK,CAACM,UAAN,CAAiBJ,iBAAjB,CAAN;AAAA,CAAzB;AAEP,OAAO,IAAMK,qBAAqB,GAAG,SAAxBA,qBAAwB,OAGkB;AAAA,MAFrDC,QAEqD,QAFrDA,QAEqD;AAAA,MADrDJ,QACqD,QADrDA,QACqD;AACrD,MAAMK,aAAa,GAAGJ,gBAAgB,EAAtC;AACA,MAAMK,YAAY,GAAGT,aAAa,CAAC;AACjCG,IAAAA,QAAQ,EAAEK,aAAa,CAACL,QAAd,IAA0BA;AADH,GAAD,CAAlC;AAGA,SACE,oBAAC,iBAAD,CAAmB,QAAnB;AAA4B,IAAA,KAAK,EAAEM;AAAnC,KACGF,QADH,CADF;AAKD,CAbM","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 (\n <TransitionContext.Provider value={contextValue}>\n {children}\n </TransitionContext.Provider>\n );\n};\n"],"~~file~~":"~~NavTransitionContext.js~~"}
1	+ {"version":3,"file":"NavTransitionContext.js","names":["React","useObjectMemo","TransitionContext","createContext","entering","useNavTransition","useContext","NavTransitionProvider","children","parentContext","contextValue"],"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 (\n <TransitionContext.Provider value={contextValue}>\n {children}\n </TransitionContext.Provider>\n );\n};\n"],"mappings":";AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,SAASC,aAAT;AAKA,IAAMC,iBAAiB,gBAAGF,KAAK,CAACG,aAAN,CAA4C;EACpEC,QAAQ,EAAE;AAD0D,CAA5C,CAA1B;AAGA,OAAO,IAAMC,gBAAgB,GAAG,SAAnBA,gBAAmB;EAAA,OAAML,KAAK,CAACM,UAAN,CAAiBJ,iBAAjB,CAAN;AAAA,CAAzB;AAEP,OAAO,IAAMK,qBAAqB,GAAG,SAAxBA,qBAAwB,OAGkB;EAAA,IAFrDC,QAEqD,QAFrDA,QAEqD;EAAA,IADrDJ,QACqD,QADrDA,QACqD;EACrD,IAAMK,aAAa,GAAGJ,gBAAgB,EAAtC;EACA,IAAMK,YAAY,GAAGT,aAAa,CAAC;IACjCG,QAAQ,EAAEK,aAAa,CAACL,QAAd,IAA0BA;EADH,CAAD,CAAlC;EAGA,OACE,oBAAC,iBAAD,CAAmB,QAAnB;IAA4B,KAAK,EAAEM;EAAnC,GACGF,QADH,CADF;AAKD,CAbM"}

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

	@@ -1 +1 @@
1	- {"version":3,"~~sources~~":["~~../../../src/components/~~Pagination~~/Pagination~~.~~tsx~~"],"names":["React","Icon24ChevronCompactLeft","Icon24ChevronCompactRight","classNames","useAdaptivity","usePagination","Tappable","Button","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","undefined","map"],"~~mappings~~":"~~;;;;AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,SACEC,wBADF,EAEEC,yBAFF,QAGO,kBAHP;AAOA,SAASC,UAAT;AAEA,SAASC,aAAT;AACA,SAA6BC,aAA7B;AAEA,SAASC,QAAT;AACA,SAASC,MAAT;;AAIA,SAASC,uBAAT,CAAiCC,IAAjC,EAA+CC,SAA~~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","sourcesContent":["import * as React from \"react\";\nimport {\n Icon24ChevronCompactLeft,\n Icon24ChevronCompactRight,\n} from \"@vkontakte/icons\";\n\nimport type { HasRootRef } from \"../../types\";\n\nimport { classNames } from \"../../lib/classNames\";\n\nimport { useAdaptivity } from \"../../hooks/useAdaptivity\";\nimport { PaginationPageType, usePagination } from \"../../hooks/usePagination\";\n\nimport { Tappable } from \"../Tappable/Tappable\";\nimport { Button } from \"../Button/Button\";\n\nimport \"./Pagination.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 } = 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 vkuiClass={classNames(\n \"Pagination__page\",\n \"Pagination__page--type-ellipsis\",\n `Pagination__page--sizeY-${sizeY}`,\n disabled && \"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 vkuiClass={classNames(\n \"Pagination__page\",\n `Pagination__page--sizeY-${sizeY}`,\n isCurrent && \"Pagination__page--current\",\n disabled && \"Pagination__page--disabled\"\n )}\n activeMode=\"Pagination__page--state-active\"\n hoverMode=\"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 vkuiClass=\"Pagination\"\n role=\"navigation\"\n aria-label=\"Навигация по страницам\"\n ref={getRootRef}\n {...resetProps}\n >\n <ul vkuiClass=\"Pagination__list\">\n <li vkuiClass=\"Pagination__prevButtonContainer\">\n <Button\n size=\"l\"\n before={<Icon24ChevronCompactLeft width={24} />}\n appearance=\"accent\"\n mode=\"tertiary\"\n stretched\n disabled={isFirstPage \|\| disabled}\n aria-label={prevButtonAriaLabel}\n onClick={handlePrevClick}\n />\n </li>\n {pages.map(renderPages)}\n <li vkuiClass=\"Pagination__nextButtonContainer\">\n <Button\n size=\"l\"\n after={<Icon24ChevronCompactRight width={24} />}\n appearance=\"accent\"\n mode=\"tertiary\"\n stretched\n disabled={isLastPage \|\| disabled}\n aria-label={nextButtonAriaLabel}\n onClick={handleNextClick}\n />\n </li>\n </ul>\n </nav>\n );\n};\n"],"~~file~~":"~~Pagination.js~~"}
1	+ {"version":3,"file":"Pagination.js","names":["React","Icon24ChevronCompactLeft","Icon24ChevronCompactRight","classNames","useAdaptivity","usePagination","Tappable","Button","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","undefined","map"],"sources":["../../../src/components/Pagination/Pagination.tsx"],"sourcesContent":["import * as React from \"react\";\nimport {\n Icon24ChevronCompactLeft,\n Icon24ChevronCompactRight,\n} from \"@vkontakte/icons\";\n\nimport type { HasRootRef } from \"../../types\";\n\nimport { classNames } from \"../../lib/classNames\";\n\nimport { useAdaptivity } from \"../../hooks/useAdaptivity\";\nimport { PaginationPageType, usePagination } from \"../../hooks/usePagination\";\n\nimport { Tappable } from \"../Tappable/Tappable\";\nimport { Button } from \"../Button/Button\";\n\nimport \"./Pagination.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 } = 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 vkuiClass={classNames(\n \"Pagination__page\",\n \"Pagination__page--type-ellipsis\",\n `Pagination__page--sizeY-${sizeY}`,\n disabled && \"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 vkuiClass={classNames(\n \"Pagination__page\",\n `Pagination__page--sizeY-${sizeY}`,\n isCurrent && \"Pagination__page--current\",\n disabled && \"Pagination__page--disabled\"\n )}\n activeMode=\"Pagination__page--state-active\"\n hoverMode=\"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 vkuiClass=\"Pagination\"\n role=\"navigation\"\n aria-label=\"Навигация по страницам\"\n ref={getRootRef}\n {...resetProps}\n >\n <ul vkuiClass=\"Pagination__list\">\n <li vkuiClass=\"Pagination__prevButtonContainer\">\n <Button\n size=\"l\"\n before={<Icon24ChevronCompactLeft width={24} />}\n appearance=\"accent\"\n mode=\"tertiary\"\n stretched\n disabled={isFirstPage \|\| disabled}\n aria-label={prevButtonAriaLabel}\n onClick={handlePrevClick}\n />\n </li>\n {pages.map(renderPages)}\n <li vkuiClass=\"Pagination__nextButtonContainer\">\n <Button\n size=\"l\"\n after={<Icon24ChevronCompactRight width={24} />}\n appearance=\"accent\"\n mode=\"tertiary\"\n stretched\n disabled={isLastPage \|\| disabled}\n aria-label={nextButtonAriaLabel}\n onClick={handleNextClick}\n />\n </li>\n </ul>\n </nav>\n );\n};\n"],"mappings":"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"}

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

@@ -1,14 +1,12 @@
 import _extends from "@babel/runtime/helpers/extends";
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 var _excluded = ["centered", "children", "getRootRef", "sizeX", "nav"];
 import { createScopedElement } from "../../lib/jsxRuntime";
-import { getClassName } from "../../helpers/getClassName";
 import { classNames } from "../../lib/classNames";
 import { Touch } from "../Touch/Touch";
 import { TooltipContainer } from "../Tooltip/TooltipContainer";
 import { withAdaptivity } from "../../hoc/withAdaptivity";
-import { IOS } from "../../lib/platform";
+import { IOS, VKCOM } from "../../lib/platform";
 import { usePlatform } from "../../hooks/usePlatform";
 /**
@@ -25,11 +23,9 @@ export var Panel = withAdaptivity(function (_ref) {
   var platform = usePlatform();
   return createScopedElement("div", _extends({}, restProps, {
-    ref: getRootRef // eslint-disable-next-line vkui/no-object-expression-in-arguments
-    ,
-    vkuiClass: classNames(getClassName("Panel", platform), "Panel--".concat(sizeX), _defineProperty({
-      "Panel--centered": centered
-    }, "Panel--sizeX-".concat(sizeX), true))
+    ref: getRootRef,
+    vkuiClass: classNames("Panel", platform === IOS && "Panel--ios", platform === VKCOM && "Panel--vkcom", // TODO v5.0.0 поправить под новую адаптивность
+    "Panel--sizeX-".concat(sizeX), centered && "Panel--centered")
   }), createScopedElement(Touch, {
     Component: TooltipContainer,
     vkuiClass: "Panel__in"

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

	@@ -1 +1 @@
1	- {"version":3,"~~sources~~":["~~../../../src/components/~~Panel~~/Panel~~.~~tsx~~"],"names":["~~getClassName","~~classNames","Touch","TooltipContainer","withAdaptivity","IOS","usePlatform","Panel","centered","children","getRootRef","sizeX","nav","restProps","platform","displayName"],"~~mappings~~":";;;;;AACA,SAASA,YAAT;AACA,SAASC,UAAT;AACA,SAASC,KAAT;AACA,SAASC,gBAAT;AAEA,SAASC,cAAT;AACA,SAASC,GAAT;AACA,SAASC,WAAT;;AAgBA;AACA;AACA;AACA,OAAO,IAAMC,KAAK,GAAGH,cAAc,CACjC,gBAA0E;AAAA,2BAAvEI,QAAuE;AAAA,MAAvEA,QAAuE,8BAA5D,KAA4D;AAAA,MAArDC,QAAqD,QAArDA,QAAqD;AAAA,MAA3CC,UAA2C,QAA3CA,UAA2C;AAAA,MAA/~~BC,KAA+B,QAA~~/BA,KAA+B;AAAA,MAAxBC,GAAwB,QAAxBA,GAAwB;AAAA,MAAhBC,SAAgB;;AACxE,MAAMC,QAAQ,GAAGR,WAAW,EAA5B;AAEA,SACE,wCACMO,SADN;AAEE,IAAA,GAAG,EAAEH,UAFP,CAGE;AAHF;AAIE,IAAA,SAAS,EAAET,UAAU,CACnBD,YAAY,CAAC,OAAD,EAAUc,QAAV,CADO,mBAETH,KAFS;AAIjB,yBAAmBH;AAJF,8BAKAG,KALA,GAKU,IALV;AAJvB,MAaE,oBAAC,KAAD;AAAO,IAAA,SAAS,EAAER,gBAAlB;AAAoC,IAAA,SAAS,EAAC;AAA9C,KACGW,QAAQ,KAAKT,GAAb,IAAoB;AAAK,IAAA,SAAS,EAAC;AAAf,IADvB,EAEE;AAAK,IAAA,SAAS,EAAC;AAAf,IAFF,EAGGG,QAAQ,GACP;AAAK,IAAA,SAAS,EAAC;AAAf,KAAkCC,QAAlC,CADO,GAGPA,QANJ,EAQE;AAAK,IAAA,SAAS,EAAC;AAAf,IARF,CAbF,CADF;AA0BD,CA9BgC,EA+BjC;AACEE,EAAAA,KAAK,EAAE;AADT,CA/~~BiC,CAA5B;AAoCPJ,KAAK,CAACQ,WAAN,GAAoB,OAApB~~","sourcesContent":["import * as React from \"react\";\nimport { ~~getClassName } from \"../../helpers/getClassName\";\nimport {~~ classNames } from \"../../lib/classNames\";\nimport { Touch } from \"../Touch/Touch\";\nimport { TooltipContainer } from \"../Tooltip/TooltipContainer\";\nimport { HasRootRef } from \"../../types\";\nimport { withAdaptivity } from \"../../hoc/withAdaptivity\";\nimport { IOS } from \"../../lib/platform\";\nimport { usePlatform } from \"../../hooks/usePlatform\";\nimport { NavIdProps } from \"../../lib/getNavId\";\nimport {\n AdaptivityContextInterface,\n AdaptivityProps,\n} from \"../AdaptivityProvider/AdaptivityContext\";\nimport \"./Panel.css\";\n\nexport interface PanelProps\n extends React.HTMLAttributes<HTMLDivElement>,\n HasRootRef<HTMLDivElement>,\n AdaptivityProps,\n NavIdProps {\n centered?: boolean;\n}\n\n/*\n @see https://vkcom.github.io/VKUI/#/Panel\n */\nexport const Panel = withAdaptivity<PanelProps & AdaptivityContextInterface>(\n ({ centered = false, children, getRootRef, sizeX, nav, ...restProps }) => {\n const platform = usePlatform();\n\n return (\n <div\n {...restProps}\n ref={getRootRef}\n ~~// eslint-disable-next-line vkui/no-object-expression-in-arguments\n~~ vkuiClass={classNames(\n ~~getClassName(~~\"Panel\"~~, platform)~~,\n `Panel~~--${sizeX}`,\~~n {\~~n \~~"Panel--~~centered~~\"~~: centered~~,\n [`Panel--sizeX-${sizeX}~~`]: true,\~~n }\n )}\n >\n <Touch Component={TooltipContainer} vkuiClass=\"Panel__in\">\n {platform === IOS && <div vkuiClass=\"Panel__fade\" />}\n <div vkuiClass=\"Panel__in-before\" />\n {centered ? (\n <div vkuiClass=\"Panel__centered\">{children}</div>\n ) : (\n children\n )}\n <div vkuiClass=\"Panel__in-after\" />\n </Touch>\n </div>\n );\n },\n {\n sizeX: true,\n }\n);\n\nPanel.displayName = \"Panel\";\n"],"~~file~~":"~~Panel.js~~"}
1	+ {"version":3,"file":"Panel.js","names":["classNames","Touch","TooltipContainer","withAdaptivity","IOS","VKCOM","usePlatform","Panel","centered","children","getRootRef","sizeX","nav","restProps","platform","displayName"],"sources":["../../../src/components/Panel/Panel.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { classNames } from \"../../lib/classNames\";\nimport { Touch } from \"../Touch/Touch\";\nimport { TooltipContainer } from \"../Tooltip/TooltipContainer\";\nimport { HasRootRef } from \"../../types\";\nimport { withAdaptivity } from \"../../hoc/withAdaptivity\";\nimport { IOS, VKCOM } from \"../../lib/platform\";\nimport { usePlatform } from \"../../hooks/usePlatform\";\nimport { NavIdProps } from \"../../lib/getNavId\";\nimport {\n AdaptivityContextInterface,\n AdaptivityProps,\n} from \"../AdaptivityProvider/AdaptivityContext\";\nimport \"./Panel.css\";\n\nexport interface PanelProps\n extends React.HTMLAttributes<HTMLDivElement>,\n HasRootRef<HTMLDivElement>,\n AdaptivityProps,\n NavIdProps {\n centered?: boolean;\n}\n\n/*\n @see https://vkcom.github.io/VKUI/#/Panel\n */\nexport const Panel = withAdaptivity<PanelProps & AdaptivityContextInterface>(\n ({ centered = false, children, getRootRef, sizeX, nav, ...restProps }) => {\n const platform = usePlatform();\n\n return (\n <div\n {...restProps}\n ref={getRootRef}\n vkuiClass={classNames(\n \"Panel\",\n platform === IOS && \"Panel--ios\",\n platform === VKCOM && \"Panel--vkcom\",\n // TODO v5.0.0 поправить под новую адаптивность\n `Panel--sizeX-${sizeX}`,\n centered && \"Panel--centered\"\n )}\n >\n <Touch Component={TooltipContainer} vkuiClass=\"Panel__in\">\n {platform === IOS && <div vkuiClass=\"Panel__fade\" />}\n <div vkuiClass=\"Panel__in-before\" />\n {centered ? (\n <div vkuiClass=\"Panel__centered\">{children}</div>\n ) : (\n children\n )}\n <div vkuiClass=\"Panel__in-after\" />\n </Touch>\n </div>\n );\n },\n {\n sizeX: true,\n }\n);\n\nPanel.displayName = \"Panel\";\n"],"mappings":";;;;AACA,SAASA,UAAT;AACA,SAASC,KAAT;AACA,SAASC,gBAAT;AAEA,SAASC,cAAT;AACA,SAASC,GAAT,EAAcC,KAAd;AACA,SAASC,WAAT;;AAgBA;AACA;AACA;AACA,OAAO,IAAMC,KAAK,GAAGJ,cAAc,CACjC,gBAA0E;EAAA,yBAAvEK,QAAuE;EAAA,IAAvEA,QAAuE,8BAA5D,KAA4D;EAAA,IAArDC,QAAqD,QAArDA,QAAqD;EAAA,IAA3CC,UAA2C,QAA3CA,UAA2C;EAAA,IAA/BC,KAA+B,QAA/BA,KAA+B;EAAA,IAAxBC,GAAwB,QAAxBA,GAAwB;EAAA,IAAhBC,SAAgB;;EACxE,IAAMC,QAAQ,GAAGR,WAAW,EAA5B;EAEA,OACE,wCACMO,SADN;IAEE,GAAG,EAAEH,UAFP;IAGE,SAAS,EAAEV,UAAU,CACnB,OADmB,EAEnBc,QAAQ,KAAKV,GAAb,IAAoB,YAFD,EAGnBU,QAAQ,KAAKT,KAAb,IAAsB,cAHH,EAInB;IAJmB,uBAKHM,KALG,GAMnBH,QAAQ,IAAI,iBANO;EAHvB,IAYE,oBAAC,KAAD;IAAO,SAAS,EAAEN,gBAAlB;IAAoC,SAAS,EAAC;EAA9C,GACGY,QAAQ,KAAKV,GAAb,IAAoB;IAAK,SAAS,EAAC;EAAf,EADvB,EAEE;IAAK,SAAS,EAAC;EAAf,EAFF,EAGGI,QAAQ,GACP;IAAK,SAAS,EAAC;EAAf,GAAkCC,QAAlC,CADO,GAGPA,QANJ,EAQE;IAAK,SAAS,EAAC;EAAf,EARF,CAZF,CADF;AAyBD,CA7BgC,EA8BjC;EACEE,KAAK,EAAE;AADT,CA9BiC,CAA5B;AAmCPJ,KAAK,CAACQ,WAAN,GAAoB,OAApB"}

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

@@ -97,17 +97,8 @@ var PanelHeaderComponent = function PanelHeaderComponent(_ref2) {
     children: children
   };
   return createScopedElement("div", _extends({}, restProps, {
-    // eslint-disable-next-line vkui/no-object-expression-in-arguments
-    vkuiClass: classNames(getClassName("PanelHeader", platform), {
-      "PanelHeader--trnsp": transparent,
-      "PanelHeader--shadow": needShadow,
-      "PanelHeader--vis": visor,
-      "PanelHeader--sep": separator && visor,
-      "PanelHeader--vkapps": webviewType === WebviewType.VKAPPS && !isInsideModal,
-      "PanelHeader--no-before": !before,
-      "PanelHeader--no-after": !after,
-      "PanelHeader--fixed": isFixed
-    }, "PanelHeader--sizeX-".concat(sizeX)),
+    vkuiClass: classNames(getClassName("PanelHeader", platform), transparent && "PanelHeader--trnsp", needShadow && "PanelHeader--shadow", visor && "PanelHeader--vis", separator && visor && "PanelHeader--sep", webviewType === WebviewType.VKAPPS && !isInsideModal && "PanelHeader--vkapps", !before && "PanelHeader--no-before", !after && "PanelHeader--no-after", isFixed && "PanelHeader--fixed", // TODO v5.0.0 поправить под новую адаптивность
+    "PanelHeader--sizeX-".concat(sizeX)),
     ref: isFixed ? getRootRef : getRef
   }), isFixed ? createScopedElement(FixedLayout, {
     vkuiClass: "PanelHeader__fixed",

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

	@@ -1 +1 @@
1	- {"version":3,"~~sources~~":["~~../../../src/components/~~PanelHeader~~/PanelHeader~~.~~tsx~~"],"names":["React","usePlatform","getClassName","classNames","warnOnce","FixedLayout","Separator","Platform","VKCOM","ConfigProviderContext","WebviewType","SizeType","withAdaptivity","Text","TooltipContainer","ModalRootContext","Spacing","PanelHeaderIn","before","after","separator","children","useContext","webviewType","isInsideModal","platform","INTERNAL","warn","PanelHeaderComponent","propsBefore","left","propsAfter","right","visor","transparent","shadow","getRef","getRootRef","sizeX","sizeY","fixed","restProps","needShadow","REGULAR","isFixed","undefined","process","env","NODE_ENV","innerProps","VKAPPS","PanelHeader","displayName"],"~~mappings~~":"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~~BH,CADF;AAsCD,CAjFD;AAmFA;AACA;AACA;;;AACA,OAAO,IAAMQ,WAAW,GAAGvC,cAAc,CAACgB,oBAAD,EAAuB;AAC9DU,EAAAA,KAAK,EAAE,IADuD;AAE9DC,EAAAA,KAAK,EAAE;AAFuD,CAAvB,CAAlC;AAKPY,WAAW,CAACC,WAAZ,GAA0B,aAA1B~~","sourcesContent":["import * as React from \"react\";\nimport { usePlatform } from \"../../hooks/usePlatform\";\nimport { getClassName } from \"../../helpers/getClassName\";\nimport { classNames } from \"../../lib/classNames\";\nimport { warnOnce } from \"../../lib/warnOnce\";\nimport { FixedLayout } from \"../FixedLayout/FixedLayout\";\nimport { Separator } from \"../Separator/Separator\";\nimport { Platform, VKCOM } from \"../../lib/platform\";\nimport { HasRef, HasRootRef } from \"../../types\";\nimport {\n ConfigProviderContext,\n WebviewType,\n} from \"../ConfigProvider/ConfigProviderContext\";\nimport {\n AdaptivityProps,\n SizeType,\n withAdaptivity,\n} from \"../../hoc/withAdaptivity\";\nimport { Text } from \"../Typography/Text/Text\";\nimport { TooltipContainer } from \"../Tooltip/TooltipContainer\";\nimport { ModalRootContext } from \"../ModalRoot/ModalRootContext\";\nimport { Spacing } from \"../Spacing/Spacing\";\nimport \"./PanelHeader.css\";\n\nexport interface PanelHeaderProps\n extends React.HTMLAttributes<HTMLDivElement>,\n HasRef<HTMLDivElement>,\n HasRootRef<HTMLDivElement>,\n AdaptivityProps {\n before?: React.ReactNode;\n /*\n @deprecated Будет удалено в 5.0.0. Используйте `before`\n /\n left?: React.ReactNode;\n after?: React.ReactNode;\n /\n @deprecated Будет удалено в 5.0.0. Используйте `after`\n /\n right?: 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\nconst PanelHeaderIn = ({\n before,\n after,\n separator,\n children,\n}: PanelHeaderProps) => {\n const { webviewType } = React.useContext(ConfigProviderContext);\n const { isInsideModal } = React.useContext(ModalRootContext);\n const platform = usePlatform();\n\n return (\n <React.Fragment>\n <TooltipContainer fixed vkuiClass=\"PanelHeader__in\">\n <div vkuiClass=\"PanelHeader__before\">{before}</div>\n <div vkuiClass=\"PanelHeader__content\">\n {platform === VKCOM ? (\n <Text weight=\"2\">{children}</Text>\n ) : (\n <span vkuiClass=\"PanelHeader__content-in\">{children}</span>\n )}\n </div>\n <div vkuiClass=\"PanelHeader__after\">\n {(webviewType === WebviewType.INTERNAL \|\| isInsideModal) && after}\n </div>\n </TooltipContainer>\n {separator && platform === VKCOM && <Separator wide />}\n </React.Fragment>\n );\n};\n\nconst warn = warnOnce(\"PanelHeader\");\nconst PanelHeaderComponent = ({\n // TODO: поправить перед 5.0.0\n before: propsBefore,\n left,\n after: propsAfter,\n right,\n // /end TODO\n children,\n separator = true,\n visor = true,\n transparent = false,\n shadow,\n getRef,\n getRootRef,\n sizeX,\n sizeY,\n fixed,\n ...restProps\n}: PanelHeaderProps) => {\n const platform = usePlatform();\n const { webviewType } = React.useContext(ConfigProviderContext);\n const { isInsideModal } = React.useContext(ModalRootContext);\n const needShadow = shadow && sizeX === SizeType.REGULAR;\n let isFixed = fixed !== undefined ? fixed : platform !== Platform.VKCOM;\n\n // TODO: удалить перед 5.0.0\n const before = propsBefore ?? left;\n const after = propsAfter ?? right;\n\n if (process.env.NODE_ENV === \"development\") {\n right &&\n warn(\n \"Свойство right устарелo и будет удалено в 5.0.0. Используйте after.\"\n );\n left &&\n warn(\n \"Свойство left устарелo и будет удалено в 5.0.0. Используйте before.\"\n );\n }\n // /end TODO\n\n const innerProps = { before, after, separator, children };\n\n return (\n <div\n {...restProps}\n ~~// eslint-disable-next-line vkui/no-object-expression-in-arguments\n~~ vkuiClass={classNames(\n getClassName(\"PanelHeader\", platform),\n {\~~n \~~"PanelHeader--trnsp\"~~: transparent~~,\n \"PanelHeader--shadow\"~~: needShadow~~,\n \"PanelHeader--vis\"~~: visor~~,\n ~~\"PanelHeader--sep\":~~ separator && visor~~,\n~~ \"PanelHeader--~~vkapps~~\":\n webviewType === WebviewType.VKAPPS && !isInsideModal,\n \"PanelHeader--no-before\"~~: !before~~,\n \"PanelHeader--no-after\"~~: !after~~,\n \"PanelHeader--fixed\"~~: isFixed~~,\n ~~},\~~n `PanelHeader--sizeX-${sizeX}`\n )}\n ref={isFixed ? getRootRef : getRef}\n >\n {isFixed ? (\n <FixedLayout\n vkuiClass=\"PanelHeader__fixed\"\n vertical=\"top\"\n getRootRef={getRef}\n >\n <PanelHeaderIn {...innerProps} />\n </FixedLayout>\n ) : (\n <PanelHeaderIn {...innerProps} />\n )}\n {separator &&\n visor &&\n platform !== VKCOM &&\n (sizeX === SizeType.REGULAR ? <Spacing size={16} /> : <Separator />)}\n </div>\n );\n};\n\n/\n @see https://vkcom.github.io/VKUI/#/PanelHeader\n */\nexport const PanelHeader = withAdaptivity(PanelHeaderComponent, {\n sizeX: true,\n sizeY: true,\n});\n\nPanelHeader.displayName = \"PanelHeader\";\n"],"~~file~~":"~~PanelHeader.js~~"}
1	+ {"version":3,"file":"PanelHeader.js","names":["React","usePlatform","getClassName","classNames","warnOnce","FixedLayout","Separator","Platform","VKCOM","ConfigProviderContext","WebviewType","SizeType","withAdaptivity","Text","TooltipContainer","ModalRootContext","Spacing","PanelHeaderIn","before","after","separator","children","useContext","webviewType","isInsideModal","platform","INTERNAL","warn","PanelHeaderComponent","propsBefore","left","propsAfter","right","visor","transparent","shadow","getRef","getRootRef","sizeX","sizeY","fixed","restProps","needShadow","REGULAR","isFixed","undefined","process","env","NODE_ENV","innerProps","VKAPPS","PanelHeader","displayName"],"sources":["../../../src/components/PanelHeader/PanelHeader.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { usePlatform } from \"../../hooks/usePlatform\";\nimport { getClassName } from \"../../helpers/getClassName\";\nimport { classNames } from \"../../lib/classNames\";\nimport { warnOnce } from \"../../lib/warnOnce\";\nimport { FixedLayout } from \"../FixedLayout/FixedLayout\";\nimport { Separator } from \"../Separator/Separator\";\nimport { Platform, VKCOM } from \"../../lib/platform\";\nimport { HasRef, HasRootRef } from \"../../types\";\nimport {\n ConfigProviderContext,\n WebviewType,\n} from \"../ConfigProvider/ConfigProviderContext\";\nimport {\n AdaptivityProps,\n SizeType,\n withAdaptivity,\n} from \"../../hoc/withAdaptivity\";\nimport { Text } from \"../Typography/Text/Text\";\nimport { TooltipContainer } from \"../Tooltip/TooltipContainer\";\nimport { ModalRootContext } from \"../ModalRoot/ModalRootContext\";\nimport { Spacing } from \"../Spacing/Spacing\";\nimport \"./PanelHeader.css\";\n\nexport interface PanelHeaderProps\n extends React.HTMLAttributes<HTMLDivElement>,\n HasRef<HTMLDivElement>,\n HasRootRef<HTMLDivElement>,\n AdaptivityProps {\n before?: React.ReactNode;\n /*\n @deprecated Будет удалено в 5.0.0. Используйте `before`\n /\n left?: React.ReactNode;\n after?: React.ReactNode;\n /\n @deprecated Будет удалено в 5.0.0. Используйте `after`\n /\n right?: 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\nconst PanelHeaderIn = ({\n before,\n after,\n separator,\n children,\n}: PanelHeaderProps) => {\n const { webviewType } = React.useContext(ConfigProviderContext);\n const { isInsideModal } = React.useContext(ModalRootContext);\n const platform = usePlatform();\n\n return (\n <React.Fragment>\n <TooltipContainer fixed vkuiClass=\"PanelHeader__in\">\n <div vkuiClass=\"PanelHeader__before\">{before}</div>\n <div vkuiClass=\"PanelHeader__content\">\n {platform === VKCOM ? (\n <Text weight=\"2\">{children}</Text>\n ) : (\n <span vkuiClass=\"PanelHeader__content-in\">{children}</span>\n )}\n </div>\n <div vkuiClass=\"PanelHeader__after\">\n {(webviewType === WebviewType.INTERNAL \|\| isInsideModal) && after}\n </div>\n </TooltipContainer>\n {separator && platform === VKCOM && <Separator wide />}\n </React.Fragment>\n );\n};\n\nconst warn = warnOnce(\"PanelHeader\");\nconst PanelHeaderComponent = ({\n // TODO: поправить перед 5.0.0\n before: propsBefore,\n left,\n after: propsAfter,\n right,\n // /end TODO\n children,\n separator = true,\n visor = true,\n transparent = false,\n shadow,\n getRef,\n getRootRef,\n sizeX,\n sizeY,\n fixed,\n ...restProps\n}: PanelHeaderProps) => {\n const platform = usePlatform();\n const { webviewType } = React.useContext(ConfigProviderContext);\n const { isInsideModal } = React.useContext(ModalRootContext);\n const needShadow = shadow && sizeX === SizeType.REGULAR;\n let isFixed = fixed !== undefined ? fixed : platform !== Platform.VKCOM;\n\n // TODO: удалить перед 5.0.0\n const before = propsBefore ?? left;\n const after = propsAfter ?? right;\n\n if (process.env.NODE_ENV === \"development\") {\n right &&\n warn(\n \"Свойство right устарелo и будет удалено в 5.0.0. Используйте after.\"\n );\n left &&\n warn(\n \"Свойство left устарелo и будет удалено в 5.0.0. Используйте before.\"\n );\n }\n // /end TODO\n\n const innerProps = { before, after, separator, children };\n\n return (\n <div\n {...restProps}\n vkuiClass={classNames(\n getClassName(\"PanelHeader\", platform),\n transparent && \"PanelHeader--trnsp\",\n needShadow && \"PanelHeader--shadow\",\n visor && \"PanelHeader--vis\",\n separator && visor && \"PanelHeader--sep\",\n webviewType === WebviewType.VKAPPS &&\n !isInsideModal &&\n \"PanelHeader--vkapps\",\n !before && \"PanelHeader--no-before\",\n !after && \"PanelHeader--no-after\",\n isFixed && \"PanelHeader--fixed\",\n // TODO v5.0.0 поправить под новую адаптивность\n `PanelHeader--sizeX-${sizeX}`\n )}\n ref={isFixed ? getRootRef : getRef}\n >\n {isFixed ? (\n <FixedLayout\n vkuiClass=\"PanelHeader__fixed\"\n vertical=\"top\"\n getRootRef={getRef}\n >\n <PanelHeaderIn {...innerProps} />\n </FixedLayout>\n ) : (\n <PanelHeaderIn {...innerProps} />\n )}\n {separator &&\n visor &&\n platform !== VKCOM &&\n (sizeX === SizeType.REGULAR ? <Spacing size={16} /> : <Separator />)}\n </div>\n );\n};\n\n/\n @see https://vkcom.github.io/VKUI/#/PanelHeader\n */\nexport const PanelHeader = withAdaptivity(PanelHeaderComponent, {\n sizeX: true,\n sizeY: true,\n});\n\nPanelHeader.displayName = \"PanelHeader\";\n"],"mappings":"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"}

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

@@ -8,7 +8,6 @@ import { PanelHeaderButton } from "../PanelHeaderButton/PanelHeaderButton";
 import { ANDROID, VKCOM, IOS } from "../../lib/platform";
 import { usePlatform } from "../../hooks/usePlatform";
 import { withAdaptivity, SizeType } from "../../hoc/withAdaptivity";
-import { getClassName } from "../../helpers/getClassName";
 import { classNames } from "../../lib/classNames";
 /**
@@ -24,11 +23,8 @@ export var PanelHeaderBackComponent = function PanelHeaderBackComponent(_ref) {
   var platform = usePlatform();
   var showLabel = platform === VKCOM || platform === IOS && sizeX === SizeType.REGULAR;
   return createScopedElement(PanelHeaderButton, _extends({}, restProps, {
-    "aria-label": ariaLabel // eslint-disable-next-line vkui/no-object-expression-in-arguments
-    ,
-    vkuiClass: classNames(getClassName("PanelHeaderBack", platform), {
-      "PanelHeaderBack--has-label": showLabel && !!label
-    }),
+    "aria-label": ariaLabel,
+    vkuiClass: classNames("PanelHeaderBack", platform === IOS && "PanelHeaderBack--ios", platform === VKCOM && "PanelHeaderBack--vkcom", showLabel && !!label && "PanelHeaderBack--has-label"),
     label: showLabel && label
   }), platform === ANDROID && createScopedElement(Icon28ArrowLeftOutline, null), platform === VKCOM && createScopedElement(Icon28ChevronLeftOutline, null), platform === IOS && createScopedElement(Icon28ChevronBack, null));
 };

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

	@@ -1 +1 @@
1	- {"version":3,"~~sources~~":["~~../../../src/components/~~PanelHeaderBack~~/PanelHeaderBack~~.~~tsx~~"],"names":["React","Icon28ChevronBack","Icon28ChevronLeftOutline","Icon28ArrowLeftOutline","PanelHeaderButton","ANDROID","VKCOM","IOS","usePlatform","withAdaptivity","SizeType","~~getClassName","~~classNames","PanelHeaderBackComponent","label","sizeX","ariaLabel","restProps","platform","showLabel","REGULAR","PanelHeaderBack","memo","displayName"],"~~mappings~~":";;;;AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,SACEC,iBADF,EAEEC,wBAFF,EAGEC,sBAHF,QAIO,kBAJP;AAKA,SACEC,iBADF;AAIA,SAASC,OAAT,EAAkBC,KAAlB,EAAyBC,GAAzB;AACA,SAASC,WAAT;AACA,SACEC,cADF,EAEEC,QAFF;AAKA,SAASC,YAAT;AACA,SAASC,UAAT;;AAQA;AACA;AACA;AACA,OAAO,IAAMC,wBAAwB,GAAG,SAA3BA,wBAA2B,OAKQ;AAAA,MAJ9CC,KAI8C,QAJ9CA,KAI8C;AAAA,MAH9CC,KAG8C,QAH9CA,KAG8C;AAAA,4BAF9C,YAE8C;AAAA,MAFhCC,SAEgC,+BAFpB,OAEoB;AAAA,MAD3CC,SAC2C;;AAC9C,MAAMC,QAAQ,GAAGV,WAAW,EAA5B;AACA,MAAMW,SAAS,GACbD,QAAQ,KAAKZ,KAAb,IAAuBY,QAAQ,KAAKX,GAAb,IAAoBQ,KAAK,KAAKL,QAAQ,CAACU,OADhE;AAGA,SACE,oBAAC,iBAAD,eACMH,SADN;AAEE,kBAAYD,SAFd,CAGE;AAHF;AAIE,IAAA,SAAS,EAAEJ,UAAU,CAACD,YAAY,CAAC,iBAAD,EAAoBO,QAApB,CAAb,EAA4C;AAC/D,oCAA8BC,SAAS,IAAI,CAAC,CAACL;AADkB,KAA5C,CAJvB;AAOE,IAAA,KAAK,EAAEK,SAAS,IAAIL;AAPtB,MASGI,QAAQ,KAAKb,OAAb,IAAwB,oBAAC,sBAAD,OAT3B,EAUGa,QAAQ,KAAKZ,KAAb,IAAsB,oBAAC,wBAAD,OAVzB,EAWGY,QAAQ,KAAKX,GAAb,IAAoB,oBAAC,iBAAD,OAXvB,CADF;AAeD,CAzBM;AA2BP,OAAO,IAAMc,eAAe,gBAAGrB,KAAK,CAACsB,IAAN,CAC7Bb,cAAc,CAACI,wBAAD,EAA2B;AACvCE,EAAAA,KAAK,EAAE;AADgC,CAA3B,CADe,CAAxB;AAMPM,eAAe,CAACE,WAAhB,GAA8B,iBAA9B","sourcesContent":["import * as React from \"react\";\nimport {\n Icon28ChevronBack,\n Icon28ChevronLeftOutline,\n Icon28ArrowLeftOutline,\n} from \"@vkontakte/icons\";\nimport {\n PanelHeaderButton,\n PanelHeaderButtonProps,\n} from \"../PanelHeaderButton/PanelHeaderButton\";\nimport { ANDROID, VKCOM, IOS } from \"../../lib/platform\";\nimport { usePlatform } from \"../../hooks/usePlatform\";\nimport {\n withAdaptivity,\n SizeType,\n AdaptivityProps,\n} from \"../../hoc/withAdaptivity\";\nimport { ~~getClassName } from \"../../helpers/getClassName\";\nimport {~~ classNames } from \"../../lib/classNames\";\nimport \"./PanelHeaderBack.css\";\n\nexport type PanelHeaderBackProps = PanelHeaderButtonProps &\n AdaptivityProps & {\n \"aria-label\"?: string;\n };\n\n/*\n @see https://vkcom.github.io/VKUI/#/PanelHeaderBack\n */\nexport const PanelHeaderBackComponent = ({\n label,\n sizeX,\n \"aria-label\": ariaLabel = \"Назад\",\n ...restProps\n}: PanelHeaderButtonProps & AdaptivityProps) => {\n const platform = usePlatform();\n const showLabel =\n platform === VKCOM \|\| (platform === IOS && sizeX === SizeType.REGULAR);\n\n return (\n <PanelHeaderButton\n {...restProps}\n aria-label={ariaLabel}\n ~~// eslint-disable-next-line vkui/no-object-expression-in-arguments\n~~ vkuiClass={classNames(~~getClassName(~~\"PanelHeaderBack\", platform), {\n \"PanelHeaderBack--~~has-label~~\": showLabel && !!label,\n })}\n label={showLabel && label}\n >\n {platform === ANDROID && <Icon28ArrowLeftOutline />}\n {platform === VKCOM && <Icon28ChevronLeftOutline />}\n {platform === IOS && <Icon28ChevronBack />}\n </PanelHeaderButton>\n );\n};\n\nexport const PanelHeaderBack = React.memo(\n withAdaptivity(PanelHeaderBackComponent, {\n sizeX: true,\n })\n);\n\nPanelHeaderBack.displayName = \"PanelHeaderBack\";\n"],"~~file~~":"~~PanelHeaderBack.js~~"}
1	+ {"version":3,"file":"PanelHeaderBack.js","names":["React","Icon28ChevronBack","Icon28ChevronLeftOutline","Icon28ArrowLeftOutline","PanelHeaderButton","ANDROID","VKCOM","IOS","usePlatform","withAdaptivity","SizeType","classNames","PanelHeaderBackComponent","label","sizeX","ariaLabel","restProps","platform","showLabel","REGULAR","PanelHeaderBack","memo","displayName"],"sources":["../../../src/components/PanelHeaderBack/PanelHeaderBack.tsx"],"sourcesContent":["import * as React from \"react\";\nimport {\n Icon28ChevronBack,\n Icon28ChevronLeftOutline,\n Icon28ArrowLeftOutline,\n} from \"@vkontakte/icons\";\nimport {\n PanelHeaderButton,\n PanelHeaderButtonProps,\n} from \"../PanelHeaderButton/PanelHeaderButton\";\nimport { ANDROID, VKCOM, IOS } from \"../../lib/platform\";\nimport { usePlatform } from \"../../hooks/usePlatform\";\nimport {\n withAdaptivity,\n SizeType,\n AdaptivityProps,\n} from \"../../hoc/withAdaptivity\";\nimport { classNames } from \"../../lib/classNames\";\nimport \"./PanelHeaderBack.css\";\n\nexport type PanelHeaderBackProps = PanelHeaderButtonProps &\n AdaptivityProps & {\n \"aria-label\"?: string;\n };\n\n/*\n @see https://vkcom.github.io/VKUI/#/PanelHeaderBack\n */\nexport const PanelHeaderBackComponent = ({\n label,\n sizeX,\n \"aria-label\": ariaLabel = \"Назад\",\n ...restProps\n}: PanelHeaderButtonProps & AdaptivityProps) => {\n const platform = usePlatform();\n const showLabel =\n platform === VKCOM \|\| (platform === IOS && sizeX === SizeType.REGULAR);\n\n return (\n <PanelHeaderButton\n {...restProps}\n aria-label={ariaLabel}\n vkuiClass={classNames(\n \"PanelHeaderBack\",\n platform === IOS && \"PanelHeaderBack--ios\",\n platform === VKCOM && \"PanelHeaderBack--vkcom\",\n showLabel && !!label && \"PanelHeaderBack--has-label\"\n )}\n label={showLabel && label}\n >\n {platform === ANDROID && <Icon28ArrowLeftOutline />}\n {platform === VKCOM && <Icon28ChevronLeftOutline />}\n {platform === IOS && <Icon28ChevronBack />}\n </PanelHeaderButton>\n );\n};\n\nexport const PanelHeaderBack = React.memo(\n withAdaptivity(PanelHeaderBackComponent, {\n sizeX: true,\n })\n);\n\nPanelHeaderBack.displayName = \"PanelHeaderBack\";\n"],"mappings":";;;;AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,SACEC,iBADF,EAEEC,wBAFF,EAGEC,sBAHF,QAIO,kBAJP;AAKA,SACEC,iBADF;AAIA,SAASC,OAAT,EAAkBC,KAAlB,EAAyBC,GAAzB;AACA,SAASC,WAAT;AACA,SACEC,cADF,EAEEC,QAFF;AAKA,SAASC,UAAT;;AAQA;AACA;AACA;AACA,OAAO,IAAMC,wBAAwB,GAAG,SAA3BA,wBAA2B,OAKQ;EAAA,IAJ9CC,KAI8C,QAJ9CA,KAI8C;EAAA,IAH9CC,KAG8C,QAH9CA,KAG8C;EAAA,0BAF9C,YAE8C;EAAA,IAFhCC,SAEgC,+BAFpB,OAEoB;EAAA,IAD3CC,SAC2C;;EAC9C,IAAMC,QAAQ,GAAGT,WAAW,EAA5B;EACA,IAAMU,SAAS,GACbD,QAAQ,KAAKX,KAAb,IAAuBW,QAAQ,KAAKV,GAAb,IAAoBO,KAAK,KAAKJ,QAAQ,CAACS,OADhE;EAGA,OACE,oBAAC,iBAAD,eACMH,SADN;IAEE,cAAYD,SAFd;IAGE,SAAS,EAAEJ,UAAU,CACnB,iBADmB,EAEnBM,QAAQ,KAAKV,GAAb,IAAoB,sBAFD,EAGnBU,QAAQ,KAAKX,KAAb,IAAsB,wBAHH,EAInBY,SAAS,IAAI,CAAC,CAACL,KAAf,IAAwB,4BAJL,CAHvB;IASE,KAAK,EAAEK,SAAS,IAAIL;EATtB,IAWGI,QAAQ,KAAKZ,OAAb,IAAwB,oBAAC,sBAAD,OAX3B,EAYGY,QAAQ,KAAKX,KAAb,IAAsB,oBAAC,wBAAD,OAZzB,EAaGW,QAAQ,KAAKV,GAAb,IAAoB,oBAAC,iBAAD,OAbvB,CADF;AAiBD,CA3BM;AA6BP,OAAO,IAAMa,eAAe,gBAAGpB,KAAK,CAACqB,IAAN,CAC7BZ,cAAc,CAACG,wBAAD,EAA2B;EACvCE,KAAK,EAAE;AADgC,CAA3B,CADe,CAAxB;AAMPM,eAAe,CAACE,WAAhB,GAA8B,iBAA9B"}

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

@@ -76,13 +76,8 @@ export var PanelHeaderButton = function PanelHeaderButton(_ref2) {
     hoverMode: hoverMode,
     Component: restProps.href ? "a" : "button",
     activeEffectDelay: 200,
-    activeMode: activeMode // eslint-disable-next-line vkui/no-object-expression-in-arguments
-    ,
-    vkuiClass: classNames(getClassName("PanelHeaderButton", platform), {
-      "PanelHeaderButton--primary": primary,
-      "PanelHeaderButton--primitive": isPrimitive,
-      "PanelHeaderButton--notPrimitive": !isPrimitive && !isPrimitiveLabel
-    })
+    activeMode: activeMode,
+    vkuiClass: classNames(getClassName("PanelHeaderButton", platform), primary && "PanelHeaderButton--primary", isPrimitive && "PanelHeaderButton--primitive", !isPrimitive && !isPrimitiveLabel && "PanelHeaderButton--notPrimitive")
   }), isPrimitive ? createScopedElement(ButtonTypography, {
     primary: primary
   }, children) : children, isPrimitiveLabel ? createScopedElement(ButtonTypography, {

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

	@@ -1 +1 @@
1	- {"version":3,"~~sources~~":["~~../../../src/components/~~PanelHeaderButton~~/PanelHeaderButton~~.~~tsx~~"],"names":["Tappable","getClassName","classNames","warnOnce","usePlatform","getTitleFromChildren","isPrimitiveReactNode","IOS","VKCOM","ANDROID","Text","Title","ButtonTypography","primary","children","platform","undefined","warn","PanelHeaderButton","label","restProps","isPrimitive","isPrimitiveLabel","hoverMode","activeMode","process","env","NODE_ENV","hasAccessibleName","Boolean","href"],"~~mappings~~":"~~;;;;AACA,SAAwBA,QAAxB;AACA,SAASC,YAAT;AACA,SAASC,UAAT;AACA,SAASC,QAAT;AACA,SAASC,WAAT;AACA,SAASC,oBAAT,EAA+BC,oBAA~~/~~B;AACA,SAASC,GAAT,EAAcC,KAAd,EAAqBC,OAArB;AACA,SAASC,IAAT;AACA,SAASC,KAAT;;AAYA,IAAMC,gBAAgB,GAAG,SAAnBA,gBAAmB,OAAkD;AAAA,MAA~~/~~CC,OAA+C,QAA~~/CA,OAA+C;AAAA,MAAtCC,QAAsC,QAAtCA,QAAsC;AACzE,MAAMC,QAAQ,GAAGX,WAAW,EAA5B;;AAEA,MAAIW,QAAQ,KAAKR,GAAjB,EAAsB;AACpB,WACE,oBAAC,KAAD;AAAO,MAAA,SAAS,EAAC,MAAjB;AAAwB,MAAA,KAAK,EAAC,GAA9B;AAAkC,MAAA,MAAM,EAAEM,OAAO,GAAG,GAAH,GAAS;AAA1D,OACGC,QADH,CADF;AAKD;;AAED,SAAO,oBAAC,IAAD;AAAM,IAAA,MAAM,EAAEC,QAAQ,KAAKP,KAAb,GAAqBQ,SAArB,GAAiC;AAA/C,KAAqDF,QAArD,CAAP;AACD,CAZD;;AAcA,IAAMG,IAAI,GAAGd,QAAQ,CAAC,mBAAD,CAArB;AAEA;AACA;AACA;;AACA,OAAO,IAAMe,iBAAiB,GAAG,SAApBA,iBAAoB,QAKH;AAAA,MAJ5BJ,QAI4B,SAJ5BA,QAI4B;AAAA,4BAH5BD,OAG4B;AAAA,MAH5BA,OAG4B,8BAHlB,KAGkB;AAAA,MAF5BM,KAE4B,SAF5BA,KAE4B;AAAA,MADzBC,SACyB;;AAC5B,MAAMC,WAAW,GAAGf,oBAAoB,CAACQ,QAAD,CAAxC;AACA,MAAMQ,gBAAgB,GAAGhB,oBAAoB,CAACa,KAAD,CAA7C;AACA,MAAMJ,QAAQ,GAAGX,WAAW,EAA5B;AAEA,MAAImB,SAAJ;AACA,MAAIC,UAAJ;;AAEA,UAAQT,QAAR;AACE,SAAKN,OAAL;AACEc,MAAAA,SAAS,GAAG,YAAZ;AACAC,MAAAA,UAAU,GAAG,YAAb;AACA;;AACF,SAAKjB,GAAL;AACEgB,MAAAA,SAAS,GAAG,YAAZ;AACAC,MAAAA,UAAU,GAAG,SAAb;AACA;;AACF,SAAKhB,KAAL;AACEe,MAAAA,SAAS,GAAG,0BAAZ;AACAC,MAAAA,UAAU,GAAG,2BAAb;AAXJ;;AAcA,MAAIC,OAAO,CAACC,GAAR,CAAYC,QAAZ,KAAyB,aAA7B,EAA4C;AAC1C,QAAMC,iBAAiB,GAAGC,OAAO,CAC/BxB,oBAAoB,CAACS,QAAD,CAApB,IACET,oBAAoB,CAACc,KAAD,CADtB,IAEEC,SAAS,CAAC,YAAD,CAFX,IAGEA,SAAS,CAAC,iBAAD,CAJoB,CAAjC;;AAOA,QAAI,CAACQ,iBAAL,EAAwB;AACtBX,MAAAA,IAAI,CACF,oMADE,EAEF,OAFE,CAAJ;AAID;AACF;;AAED,SACE,oBAAC,QAAD,eACMG,SADN;AAEE,IAAA,SAAS,EAAEG,SAFb;AAGE,IAAA,SAAS,EAAEH,SAAS,CAACU,IAAV,GAAiB,GAAjB,GAAuB,QAHpC;AAIE,IAAA,iBAAiB,EAAE,GAJrB;AAKE,IAAA,UAAU,EAAEN,UALd,CAME;AANF;AAOE,IAAA,SAAS,EAAEtB,UAAU,CAACD,YAAY,CAAC,mBAAD,EAAsBc,QAAtB,CAAb,EAA8C;AACjE,oCAA8BF,OADmC;AAEjE,sCAAgCQ,WAFiC;AAGjE,yCAAmC,CAACA,WAAD,IAAgB,CAACC;AAHa,KAA9C;AAPvB,MAaGD,WAAW,GACV,oBAAC,gBAAD;AAAkB,IAAA,OAAO,EAAER;AAA3B,KAAqCC,QAArC,CADU,GAGVA,QAhBJ,EAkBGQ,gBAAgB,GACf,oBAAC,gBAAD;AAAkB,IAAA,OAAO,EAAET;AAA3B,KAAqCM,KAArC,CADe,GAGfA,KArBJ,CADF;AA0BD,CArEM","sourcesContent":["import * as React from \"react\";\nimport { TappableProps, Tappable } from \"../Tappable/Tappable\";\nimport { getClassName } from \"../../helpers/getClassName\";\nimport { classNames } from \"../../lib/classNames\";\nimport { warnOnce } from \"../../lib/warnOnce\";\nimport { usePlatform } from \"../../hooks/usePlatform\";\nimport { getTitleFromChildren, isPrimitiveReactNode } from \"../../lib/utils\";\nimport { IOS, VKCOM, ANDROID } from \"../../lib/platform\";\nimport { Text } from \"../Typography/Text/Text\";\nimport { Title } from \"../Typography/Title/Title\";\nimport \"./PanelHeaderButton.css\";\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 === 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 === 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 ...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 ANDROID:\n hoverMode = \"background\";\n activeMode = \"background\";\n break;\n case IOS:\n hoverMode = \"background\";\n activeMode = \"opacity\";\n break;\n case VKCOM:\n hoverMode = \"PanelHeaderButton--hover\";\n activeMode = \"PanelHeaderButton--active\";\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 {...restProps}\n hoverMode={hoverMode}\n Component={restProps.href ? \"a\" : \"button\"}\n activeEffectDelay={200}\n activeMode={activeMode}\n ~~// eslint-disable-next-line vkui/no-object-expression-in-arguments\n~~ vkuiClass={classNames(getClassName(\"PanelHeaderButton\", platform)~~, {\~~n \"PanelHeaderButton--primary\"~~: primary~~,\n \"PanelHeaderButton--primitive\"~~: isPrimitive~~,\n \"PanelHeaderButton--notPrimitive\"~~: !isPrimitive && !isPrimitiveLabel,\~~n })}\n >\n {isPrimitive ? (\n <ButtonTypography primary={primary}>{children}</ButtonTypography>\n ) : (\n children\n )}\n {isPrimitiveLabel ? (\n <ButtonTypography primary={primary}>{label}</ButtonTypography>\n ) : (\n label\n )}\n </Tappable>\n );\n};\n"],"~~file~~":"~~PanelHeaderButton.js~~"}
1	+ {"version":3,"file":"PanelHeaderButton.js","names":["Tappable","getClassName","classNames","warnOnce","usePlatform","getTitleFromChildren","isPrimitiveReactNode","IOS","VKCOM","ANDROID","Text","Title","ButtonTypography","primary","children","platform","undefined","warn","PanelHeaderButton","label","restProps","isPrimitive","isPrimitiveLabel","hoverMode","activeMode","process","env","NODE_ENV","hasAccessibleName","Boolean","href"],"sources":["../../../src/components/PanelHeaderButton/PanelHeaderButton.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { TappableProps, Tappable } from \"../Tappable/Tappable\";\nimport { getClassName } from \"../../helpers/getClassName\";\nimport { classNames } from \"../../lib/classNames\";\nimport { warnOnce } from \"../../lib/warnOnce\";\nimport { usePlatform } from \"../../hooks/usePlatform\";\nimport { getTitleFromChildren, isPrimitiveReactNode } from \"../../lib/utils\";\nimport { IOS, VKCOM, ANDROID } from \"../../lib/platform\";\nimport { Text } from \"../Typography/Text/Text\";\nimport { Title } from \"../Typography/Title/Title\";\nimport \"./PanelHeaderButton.css\";\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 === 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 === 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 ...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 ANDROID:\n hoverMode = \"background\";\n activeMode = \"background\";\n break;\n case IOS:\n hoverMode = \"background\";\n activeMode = \"opacity\";\n break;\n case VKCOM:\n hoverMode = \"PanelHeaderButton--hover\";\n activeMode = \"PanelHeaderButton--active\";\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 {...restProps}\n hoverMode={hoverMode}\n Component={restProps.href ? \"a\" : \"button\"}\n activeEffectDelay={200}\n activeMode={activeMode}\n vkuiClass={classNames(\n getClassName(\"PanelHeaderButton\", platform),\n primary && \"PanelHeaderButton--primary\",\n isPrimitive && \"PanelHeaderButton--primitive\",\n !isPrimitive && !isPrimitiveLabel && \"PanelHeaderButton--notPrimitive\"\n )}\n >\n {isPrimitive ? (\n <ButtonTypography primary={primary}>{children}</ButtonTypography>\n ) : (\n children\n )}\n {isPrimitiveLabel ? (\n <ButtonTypography primary={primary}>{label}</ButtonTypography>\n ) : (\n label\n )}\n </Tappable>\n );\n};\n"],"mappings":";;;;AACA,SAAwBA,QAAxB;AACA,SAASC,YAAT;AACA,SAASC,UAAT;AACA,SAASC,QAAT;AACA,SAASC,WAAT;AACA,SAASC,oBAAT,EAA+BC,oBAA/B;AACA,SAASC,GAAT,EAAcC,KAAd,EAAqBC,OAArB;AACA,SAASC,IAAT;AACA,SAASC,KAAT;;AAYA,IAAMC,gBAAgB,GAAG,SAAnBA,gBAAmB,OAAkD;EAAA,IAA/CC,OAA+C,QAA/CA,OAA+C;EAAA,IAAtCC,QAAsC,QAAtCA,QAAsC;EACzE,IAAMC,QAAQ,GAAGX,WAAW,EAA5B;;EAEA,IAAIW,QAAQ,KAAKR,GAAjB,EAAsB;IACpB,OACE,oBAAC,KAAD;MAAO,SAAS,EAAC,MAAjB;MAAwB,KAAK,EAAC,GAA9B;MAAkC,MAAM,EAAEM,OAAO,GAAG,GAAH,GAAS;IAA1D,GACGC,QADH,CADF;EAKD;;EAED,OAAO,oBAAC,IAAD;IAAM,MAAM,EAAEC,QAAQ,KAAKP,KAAb,GAAqBQ,SAArB,GAAiC;EAA/C,GAAqDF,QAArD,CAAP;AACD,CAZD;;AAcA,IAAMG,IAAI,GAAGd,QAAQ,CAAC,mBAAD,CAArB;AAEA;AACA;AACA;;AACA,OAAO,IAAMe,iBAAiB,GAAG,SAApBA,iBAAoB,QAKH;EAAA,IAJ5BJ,QAI4B,SAJ5BA,QAI4B;EAAA,0BAH5BD,OAG4B;EAAA,IAH5BA,OAG4B,8BAHlB,KAGkB;EAAA,IAF5BM,KAE4B,SAF5BA,KAE4B;EAAA,IADzBC,SACyB;;EAC5B,IAAMC,WAAW,GAAGf,oBAAoB,CAACQ,QAAD,CAAxC;EACA,IAAMQ,gBAAgB,GAAGhB,oBAAoB,CAACa,KAAD,CAA7C;EACA,IAAMJ,QAAQ,GAAGX,WAAW,EAA5B;EAEA,IAAImB,SAAJ;EACA,IAAIC,UAAJ;;EAEA,QAAQT,QAAR;IACE,KAAKN,OAAL;MACEc,SAAS,GAAG,YAAZ;MACAC,UAAU,GAAG,YAAb;MACA;;IACF,KAAKjB,GAAL;MACEgB,SAAS,GAAG,YAAZ;MACAC,UAAU,GAAG,SAAb;MACA;;IACF,KAAKhB,KAAL;MACEe,SAAS,GAAG,0BAAZ;MACAC,UAAU,GAAG,2BAAb;EAXJ;;EAcA,IAAIC,OAAO,CAACC,GAAR,CAAYC,QAAZ,KAAyB,aAA7B,EAA4C;IAC1C,IAAMC,iBAAiB,GAAGC,OAAO,CAC/BxB,oBAAoB,CAACS,QAAD,CAApB,IACET,oBAAoB,CAACc,KAAD,CADtB,IAEEC,SAAS,CAAC,YAAD,CAFX,IAGEA,SAAS,CAAC,iBAAD,CAJoB,CAAjC;;IAOA,IAAI,CAACQ,iBAAL,EAAwB;MACtBX,IAAI,CACF,oMADE,EAEF,OAFE,CAAJ;IAID;EACF;;EAED,OACE,oBAAC,QAAD,eACMG,SADN;IAEE,SAAS,EAAEG,SAFb;IAGE,SAAS,EAAEH,SAAS,CAACU,IAAV,GAAiB,GAAjB,GAAuB,QAHpC;IAIE,iBAAiB,EAAE,GAJrB;IAKE,UAAU,EAAEN,UALd;IAME,SAAS,EAAEtB,UAAU,CACnBD,YAAY,CAAC,mBAAD,EAAsBc,QAAtB,CADO,EAEnBF,OAAO,IAAI,4BAFQ,EAGnBQ,WAAW,IAAI,8BAHI,EAInB,CAACA,WAAD,IAAgB,CAACC,gBAAjB,IAAqC,iCAJlB;EANvB,IAaGD,WAAW,GACV,oBAAC,gBAAD;IAAkB,OAAO,EAAER;EAA3B,GAAqCC,QAArC,CADU,GAGVA,QAhBJ,EAkBGQ,gBAAgB,GACf,oBAAC,gBAAD;IAAkB,OAAO,EAAET;EAA3B,GAAqCM,KAArC,CADe,GAGfA,KArBJ,CADF;AA0BD,CArEM"}

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

@@ -4,7 +4,7 @@ var _excluded = ["children"];
 import { createScopedElement } from "../../lib/jsxRuntime";
 import { Icon28CancelOutline } from "@vkontakte/icons";
 import { PanelHeaderButton } from "../PanelHeaderButton/PanelHeaderButton";
-import { ANDROID, VKCOM } from "../../lib/platform";
+import { IOS } from "../../lib/platform";
 import { getTitleFromChildren } from "../../lib/utils";
 import { usePlatform } from "../../hooks/usePlatform";
 /**
@@ -19,6 +19,6 @@ export var PanelHeaderClose = function PanelHeaderClose(_ref) {
   var platform = usePlatform();
   return createScopedElement(PanelHeaderButton, _extends({
     "aria-label": getTitleFromChildren(children)
-  }, restProps), platform === ANDROID || platform === VKCOM ? createScopedElement(Icon28CancelOutline, null) : children);
+  }, restProps), platform === IOS ? children : createScopedElement(Icon28CancelOutline, null));
 };
 //# sourceMappingURL=PanelHeaderClose.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"~~sources~~":["~~../../../src/components/~~PanelHeaderClose~~/PanelHeaderClose~~.~~tsx~~"],"names":["Icon28CancelOutline","PanelHeaderButton","~~ANDROID~~","~~VKCOM","~~getTitleFromChildren","usePlatform","PanelHeaderClose","children","restProps","platform"],"~~mappings~~":";;;;AAAA,SAASA,mBAAT,QAAoC,kBAApC;AACA,SACEC,iBADF;AAIA,SAASC,OAAT,EAAkBC,KAAlB;AACA,SAASC,oBAAT;AACA,SAASC,WAAT;AAEA;AACA;AACA;;AACA,OAAO,IAAMC,gBAAgB,GAAG,SAAnBA,gBAAmB,OAGF;AAAA,2BAF5BC,QAE4B;AAAA,MAF5BA,QAE4B,8BAFjB,QAEiB;AAAA,MADzBC,SACyB;;AAC5B,MAAMC,QAAQ,GAAGJ,WAAW,EAA5B;AACA,SACE,oBAAC,iBAAD;AACE,kBAAYD,oBAAoB,CAACG,QAAD;AADlC,KAEMC,SAFN,GAIGC,QAAQ,KAAKP,OAAb,IAAwBO,QAAQ,KAAKN,KAArC,GACC,oBAAC,mBAAD,OADD,GAGCI,QAPJ,CADF;AAYD,CAjBM","sourcesContent":["import { Icon28CancelOutline } from \"@vkontakte/icons\";\nimport {\n PanelHeaderButton,\n PanelHeaderButtonProps,\n} from \"../PanelHeaderButton/PanelHeaderButton\";\nimport { ~~ANDROID,~~ ~~VKCOM~~ } from \"../../lib/platform\";\nimport { getTitleFromChildren } from \"../../lib/utils\";\nimport { usePlatform } from \"../../hooks/usePlatform\";\n\n/*\n @see https://vkcom.github.io/VKUI/#/PanelHeaderClose\n */\nexport const PanelHeaderClose = ({\n children = \"Отмена\",\n ...restProps\n}: PanelHeaderButtonProps) => {\n const platform = usePlatform();\n return (\n <PanelHeaderButton\n aria-label={getTitleFromChildren(children)}\n {...restProps}\n >\n {platform === ~~ANDROID~~ \|\| ~~platform~~ ~~===~~ ~~VKCOM ? (\n~~ <Icon28CancelOutline ~~/>\n ) : (\n children\n )~~}\n </PanelHeaderButton>\n );\n};\n"],"~~file~~":"~~PanelHeaderClose.js~~"}
1	+ {"version":3,"file":"PanelHeaderClose.js","names":["Icon28CancelOutline","PanelHeaderButton","IOS","getTitleFromChildren","usePlatform","PanelHeaderClose","children","restProps","platform"],"sources":["../../../src/components/PanelHeaderClose/PanelHeaderClose.tsx"],"sourcesContent":["import { Icon28CancelOutline } from \"@vkontakte/icons\";\nimport {\n PanelHeaderButton,\n PanelHeaderButtonProps,\n} from \"../PanelHeaderButton/PanelHeaderButton\";\nimport { IOS } from \"../../lib/platform\";\nimport { getTitleFromChildren } from \"../../lib/utils\";\nimport { usePlatform } from \"../../hooks/usePlatform\";\n\n/*\n @see https://vkcom.github.io/VKUI/#/PanelHeaderClose\n */\nexport const PanelHeaderClose = ({\n children = \"Отмена\",\n ...restProps\n}: PanelHeaderButtonProps) => {\n const platform = usePlatform();\n return (\n <PanelHeaderButton\n aria-label={getTitleFromChildren(children)}\n {...restProps}\n >\n {platform === IOS ? children : <Icon28CancelOutline />}\n </PanelHeaderButton>\n );\n};\n"],"mappings":";;;;AAAA,SAASA,mBAAT,QAAoC,kBAApC;AACA,SACEC,iBADF;AAIA,SAASC,GAAT;AACA,SAASC,oBAAT;AACA,SAASC,WAAT;AAEA;AACA;AACA;;AACA,OAAO,IAAMC,gBAAgB,GAAG,SAAnBA,gBAAmB,OAGF;EAAA,yBAF5BC,QAE4B;EAAA,IAF5BA,QAE4B,8BAFjB,QAEiB;EAAA,IADzBC,SACyB;;EAC5B,IAAMC,QAAQ,GAAGJ,WAAW,EAA5B;EACA,OACE,oBAAC,iBAAD;IACE,cAAYD,oBAAoB,CAACG,QAAD;EADlC,GAEMC,SAFN,GAIGC,QAAQ,KAAKN,GAAb,GAAmBI,QAAnB,GAA8B,oBAAC,mBAAD,OAJjC,CADF;AAQD,CAbM"}

package/dist/components/PanelHeaderContent/PanelHeaderContent.js CHANGED Viewed

@@ -3,13 +3,14 @@ import _objectSpread from "@babel/runtime/helpers/objectSpread2";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 var _excluded = ["className", "style", "aside", "status", "before", "children", "onClick"];
 import { createScopedElement } from "../../lib/jsxRuntime";
-import { getClassName } from "../../helpers/getClassName";
+import { classNames } from "../../lib/classNames";
 import { Tappable } from "../Tappable/Tappable";
 import { usePlatform } from "../../hooks/usePlatform";
 import { hasReactNode } from "../../lib/utils";
+import { getClassName } from "../../helpers/getClassName";
 import { Caption } from "../Typography/Caption/Caption";
 import { Headline } from "../Typography/Headline/Headline";
-import { IOS, Platform } from "../../lib/platform";
+import { IOS, ANDROID, Platform } from "../../lib/platform";
 import { Text } from "../Typography/Text/Text";
 var PanelHeaderChildren = function PanelHeaderChildren(_ref) {
@@ -63,7 +64,7 @@ export var PanelHeaderContent = function PanelHeaderContent(_ref2) {
   }), hasReactNode(before) && createScopedElement("div", {
     vkuiClass: "PanelHeaderContent__before"
   }, before), createScopedElement(InComponent, _extends({}, inProps, {
-    vkuiClass: "PanelHeaderContent__in"
+    vkuiClass: classNames("PanelHeaderContent__in", !before && platform !== ANDROID && "PanelHeaderContent__in--centered")
   }), hasReactNode(status) && createScopedElement(Caption, {
     vkuiClass: "PanelHeaderContent__status"
   }, status), createScopedElement("div", {