@vkontakte/vkui 4.23.0 → 4.24.0

package/dist/cjs/components/ModalRoot/types.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/ModalRoot/types.ts"],"names":["ModalType"],"mappings":";;;;;;IAAYA,S;;;WAAAA,S;AAAAA,EAAAA,S;AAAAA,EAAAA,S;GAAAA,S,yBAAAA,S","sourcesContent":["export enum ModalType {\n  PAGE = 'page',\n  CARD = 'card',\n}\n\nexport type TranslateRange = [number, number];\n\nexport type ModalsState = { [index: string]: ModalsStateEntry };\n\nexport interface ModalElements {\n  modalElement?: HTMLElement | null;\n  innerElement?: HTMLElement | null;\n  headerElement?: HTMLElement | null;\n  contentElement?: HTMLElement | null;\n}\n\nexport interface ModalsStateEntry extends ModalElements {\n  id: string;\n  onClose?: () => any;\n  type?: ModalType;\n\n  settlingHeight?: number;\n  dynamicContentHeight?: boolean;\n  expandable?: boolean;\n\n  /**\n   * Процент текущего сдвига модалки\n   */\n  translateY?: number;\n  /**\n   * Процент сдвига модалки в изначальном состоянии\n   */\n  translateYFrom?: number;\n  /**\n   * Процент сдвига модалки во время взаимодействия с ней (потянуть, чтобы открыть или закрыть)\n   */\n  translateYCurrent?: number;\n\n  touchStartContentScrollTop?: number;\n  touchMovePositive?: boolean | null;\n  touchShiftYPercent?: number;\n\n  expanded?: boolean;\n  collapsed?: boolean;\n  hidden?: boolean;\n\n  contentScrolled?: boolean;\n  contentScrollStopTimeout?: ReturnType<typeof setTimeout>;\n\n  expandedRange?: TranslateRange;\n  collapsedRange?: TranslateRange;\n  hiddenRange?: TranslateRange;\n}\n"],"file":"types.js"}
+{"version":3,"sources":["../../../../src/components/ModalRoot/types.ts"],"names":["ModalType"],"mappings":";;;;;;IAAYA,S;;;WAAAA,S;AAAAA,EAAAA,S;AAAAA,EAAAA,S;GAAAA,S,yBAAAA,S","sourcesContent":["export enum ModalType {\n  PAGE = \"page\",\n  CARD = \"card\",\n}\n\nexport type TranslateRange = [number, number];\n\nexport type ModalsState = { [index: string]: ModalsStateEntry };\n\nexport interface ModalElements {\n  modalElement?: HTMLElement | null;\n  innerElement?: HTMLElement | null;\n  headerElement?: HTMLElement | null;\n  contentElement?: HTMLElement | null;\n}\n\nexport interface ModalsStateEntry extends ModalElements {\n  id: string;\n  onClose?: () => any;\n  type?: ModalType;\n\n  settlingHeight?: number;\n  dynamicContentHeight?: boolean;\n  expandable?: boolean;\n\n  /**\n   * Процент текущего сдвига модалки\n   */\n  translateY?: number;\n  /**\n   * Процент сдвига модалки в изначальном состоянии\n   */\n  translateYFrom?: number;\n  /**\n   * Процент сдвига модалки во время взаимодействия с ней (потянуть, чтобы открыть или закрыть)\n   */\n  translateYCurrent?: number;\n\n  touchStartContentScrollTop?: number;\n  touchMovePositive?: boolean | null;\n  touchShiftYPercent?: number;\n\n  expanded?: boolean;\n  collapsed?: boolean;\n  hidden?: boolean;\n\n  contentScrolled?: boolean;\n  contentScrollStopTimeout?: ReturnType<typeof setTimeout>;\n\n  expandedRange?: TranslateRange;\n  collapsedRange?: TranslateRange;\n  hiddenRange?: TranslateRange;\n}\n"],"file":"types.js"}

package/dist/cjs/components/ModalRoot/useModalManager.d.ts

@@ -1,5 +1,5 @@
-import * as React from 'react';
-import { ModalsStateEntry } from './types';
+import * as React from "react";
+import { ModalsStateEntry } from "./types";
 interface ModalTransitionState {
     activeModal?: string;
     enteringModal?: string;
@@ -15,7 +15,7 @@ export interface ModalTransitionProps extends ModalTransitionState {
     delayEnter: boolean;
 }
 export declare function modalTransitionReducer(state: ModalTransitionState, action: {
-    type: 'setActive' | 'entered' | 'exited' | 'inited';
+    type: "setActive" | "entered" | "exited" | "inited";
     id: string;
 }): ModalTransitionState;
 /**

package/dist/cjs/components/ModalRoot/useModalManager.js

@@ -37,10 +37,10 @@ function getModals(children) {
   return React.Children.toArray(children);
 }
 
-var warn = (0, _warnOnce.warnOnce)('ModalRoot');
+var warn = (0, _warnOnce.warnOnce)("ModalRoot");
 
 function modalTransitionReducer(state, action) {
-  if (action.type === 'setActive' && action.id !== state.activeModal) {
+  if (action.type === "setActive" && action.id !== state.activeModal) {
     var nextModal = action.id; // preserve exiting modal if switching mid-transition
 
     var prevModal = state.exitingModal || state.activeModal;
@@ -65,19 +65,19 @@ function modalTransitionReducer(state, action) {
     };
   }
 
-  if (action.type === 'entered' && action.id === state.enteringModal) {
+  if (action.type === "entered" && action.id === state.enteringModal) {
     return (0, _objectSpread2.default)((0, _objectSpread2.default)({}, state), {}, {
       enteringModal: null
     });
   }
 
-  if (action.type === 'exited' && action.id === state.exitingModal) {
+  if (action.type === "exited" && action.id === state.exitingModal) {
     return (0, _objectSpread2.default)((0, _objectSpread2.default)({}, state), {}, {
       exitingModal: null
     });
   }
 
-  if (action.type === 'inited' && action.id === state.activeModal) {
+  if (action.type === "inited" && action.id === state.activeModal) {
     return (0, _objectSpread2.default)((0, _objectSpread2.default)({}, state), {}, {
       enteringModal: action.id
     });
@@ -111,7 +111,7 @@ function useModalManager(activeModal, children, onClose) {
     state.onClose = Modal.props.onClose;
     state.dynamicContentHeight = !!modalProps.dynamicContentHeight; // ModalPage props
 
-    if (typeof modalProps.settlingHeight === 'number') {
+    if (typeof modalProps.settlingHeight === "number") {
       state.settlingHeight = modalProps.settlingHeight;
     }
 
@@ -134,12 +134,12 @@ function useModalManager(activeModal, children, onClose) {
 
   (0, _useIsomorphicLayoutEffect.useIsomorphicLayoutEffect)(function () {
     // ignore non-existent activeModal
-    if (process.env.NODE_ENV === 'development' && isMissing) {
+    if (process.env.NODE_ENV === "development" && isMissing) {
       warn("Can't transition - modal ".concat(activeModal, " not found"));
     }
 
     dispatchTransition({
-      type: 'setActive',
+      type: "setActive",
       id: safeActiveModal
     });
   }, [activeModal]); // Init activeModal & set enteringModal
@@ -148,7 +148,7 @@ function useModalManager(activeModal, children, onClose) {
     if (transitionState.activeModal) {
       initModal(modalsState[transitionState.activeModal]);
       dispatchTransition({
-        type: 'inited',
+        type: "inited",
         id: transitionState.activeModal
       });
     }
@@ -162,13 +162,13 @@ function useModalManager(activeModal, children, onClose) {
 
   var onEnter = React.useCallback(function (id) {
     return dispatchTransition({
-      type: 'entered',
+      type: "entered",
       id: id
     });
   }, []);
   var onExit = React.useCallback(function (id) {
     return dispatchTransition({
-      type: 'exited',
+      type: "exited",
       id: id
     });
   }, []);
@@ -185,8 +185,8 @@ function useModalManager(activeModal, children, onClose) {
         modalState.onClose();
       } else if ((0, _utils.isFunction)(onClose)) {
         onClose(modalState.id);
-      } else if (process.env.NODE_ENV === 'development') {
-        warn('onClose is undefined');
+      } else if (process.env.NODE_ENV === "development") {
+        warn("onClose is undefined");
       }
     }
   }

package/dist/cjs/components/ModalRoot/useModalManager.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/ModalRoot/useModalManager.tsx"],"names":["getModals","children","React","Children","toArray","warn","modalTransitionReducer","state","action","type","id","activeModal","nextModal","prevModal","exitingModal","history","isBack","includes","splice","indexOf","push","enteringModal","useModalManager","onClose","initModal","noop","modalsState","useRef","current","forEach","Modal","modalProps","props","dynamicContentHeight","settlingHeight","isMissing","safeActiveModal","useReducer","transitionState","dispatchTransition","process","env","NODE_ENV","isCard","ModalType","CARD","onEnter","useCallback","onExit","delayEnter","Boolean","getModalState","closeActiveModal","modalState","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;\n  enteringModal?: string;\n  exitingModal?: string;\n\n  history?: string[];\n  isBack?: boolean;\n}\n\nexport interface ModalTransitionProps extends ModalTransitionState {\n  onEnter: (id: string) => void;\n  onExit: (id: string) => void;\n  getModalState: (id: string) => ModalsStateEntry;\n  closeActiveModal: VoidFunction;\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: { type: 'setActive' | 'entered' | 'exited' | 'inited'; id: string },\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];\n    const isBack = 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,\n  children: React.ReactNode | React.ReactNode[],\n  onClose: (id: string) => void,\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 = modalsState[id] || { id };\n\n    state.onClose = Modal.props.onClose;\n    state.dynamicContentHeight = !!modalProps.dynamicContentHeight;\n    // ModalPage props\n    if (typeof modalProps.settlingHeight === 'number') {\n      state.settlingHeight = modalProps.settlingHeight;\n    }\n\n    modalsState[state.id] = state;\n  });\n\n  const isMissing = activeModal && !modalsState[activeModal];\n  const safeActiveModal = isMissing ? null : activeModal;\n  const [transitionState, dispatchTransition] = React.useReducer(modalTransitionReducer, {\n    activeModal: safeActiveModal,\n    enteringModal: null,\n    exitingModal: null,\n    history: safeActiveModal ? [safeActiveModal] : [],\n    isBack: false,\n  });\n\n  // Map props to state, render activeModal for init\n  useIsomorphicLayoutEffect(() => {\n    // ignore non-existent activeModal\n    if (process.env.NODE_ENV === 'development' && isMissing) {\n      warn(`Can't transition - modal ${activeModal} not found`);\n    }\n    dispatchTransition({ type: 'setActive', id: safeActiveModal });\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) => modalsState[id]?.type === ModalType.CARD;\n  const onEnter = React.useCallback((id: string) => dispatchTransition({ type: 'entered', id }), []);\n  const onExit = React.useCallback((id: string) => dispatchTransition({ type: 'exited', id }), []);\n  const delayEnter = Boolean(transitionState.exitingModal && (isCard(activeModal) || isCard(transitionState.exitingModal)));\n  const getModalState = React.useCallback((id: string) => modalsState[id], []);\n\n  function closeActiveModal() {\n    const modalState = modalsState[transitionState.activeModal];\n    if (modalState) {\n      if (isFunction(modalState.onClose)) {\n        modalState.onClose();\n      } else if (isFunction(onClose)) {\n        onClose(modalState.id);\n      } else if (process.env.NODE_ENV === 'development') {\n        warn('onClose is undefined');\n      }\n    }\n  }\n\n  return {\n    onEnter,\n    onExit,\n    ...transitionState,\n    delayEnter,\n    getModalState,\n    closeActiveModal,\n  };\n}\n\nexport function withModalManager(initModal: (a: ModalsStateEntry) => void = noop) {\n  return function<Props extends ModalTransitionProps>(\n    Wrapped: React.ComponentType<Props>,\n  ): React.FC<Omit<Props, keyof ModalTransitionProps> & { activeModal: string }> {\n    return function WithModalManager(props) {\n      const transitionManager = useModalManager(\n        props.activeModal,\n        props.children,\n        (props as any).onClose,\n        initModal);\n      return <Wrapped {...props as any} {...transitionManager} />;\n    };\n  };\n}\n"],"file":"useModalManager.js"}
+{"version":3,"sources":["../../../../src/components/ModalRoot/useModalManager.tsx"],"names":["getModals","children","React","Children","toArray","warn","modalTransitionReducer","state","action","type","id","activeModal","nextModal","prevModal","exitingModal","history","isBack","includes","splice","indexOf","push","enteringModal","useModalManager","onClose","initModal","noop","modalsState","useRef","current","forEach","Modal","modalProps","props","dynamicContentHeight","settlingHeight","isMissing","safeActiveModal","useReducer","transitionState","dispatchTransition","process","env","NODE_ENV","isCard","ModalType","CARD","onEnter","useCallback","onExit","delayEnter","Boolean","getModalState","closeActiveModal","modalState","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;\n  enteringModal?: string;\n  exitingModal?: string;\n\n  history?: string[];\n  isBack?: boolean;\n}\n\nexport interface ModalTransitionProps extends ModalTransitionState {\n  onEnter: (id: string) => void;\n  onExit: (id: string) => void;\n  getModalState: (id: string) => ModalsStateEntry;\n  closeActiveModal: VoidFunction;\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: { type: \"setActive\" | \"entered\" | \"exited\" | \"inited\"; id: string }\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];\n    const isBack = 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,\n  children: React.ReactNode | React.ReactNode[],\n  onClose: (id: string) => void,\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 = modalsState[id] || { id };\n\n    state.onClose = Modal.props.onClose;\n    state.dynamicContentHeight = !!modalProps.dynamicContentHeight;\n    // ModalPage props\n    if (typeof modalProps.settlingHeight === \"number\") {\n      state.settlingHeight = modalProps.settlingHeight;\n    }\n\n    modalsState[state.id] = state;\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(`Can't transition - modal ${activeModal} not found`);\n    }\n    dispatchTransition({ type: \"setActive\", id: safeActiveModal });\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) => modalsState[id]?.type === ModalType.CARD;\n  const onEnter = React.useCallback(\n    (id: string) => dispatchTransition({ type: \"entered\", id }),\n    []\n  );\n  const onExit = React.useCallback(\n    (id: string) => dispatchTransition({ type: \"exited\", id }),\n    []\n  );\n  const delayEnter = Boolean(\n    transitionState.exitingModal &&\n      (isCard(activeModal) || isCard(transitionState.exitingModal))\n  );\n  const getModalState = React.useCallback((id: string) => modalsState[id], []);\n\n  function closeActiveModal() {\n    const modalState = modalsState[transitionState.activeModal];\n    if (modalState) {\n      if (isFunction(modalState.onClose)) {\n        modalState.onClose();\n      } else if (isFunction(onClose)) {\n        onClose(modalState.id);\n      } else if (process.env.NODE_ENV === \"development\") {\n        warn(\"onClose is undefined\");\n      }\n    }\n  }\n\n  return {\n    onEnter,\n    onExit,\n    ...transitionState,\n    delayEnter,\n    getModalState,\n    closeActiveModal,\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.FC<\n    Omit<Props, keyof ModalTransitionProps> & { activeModal: string }\n  > {\n    return function WithModalManager(props) {\n      const transitionManager = useModalManager(\n        props.activeModal,\n        props.children,\n        (props as any).onClose,\n        initModal\n      );\n      return <Wrapped {...(props as any)} {...transitionManager} />;\n    };\n  };\n}\n"],"file":"useModalManager.js"}

package/dist/cjs/components/ModalRoot/withModalRootContext.d.ts

@@ -1,5 +1,5 @@
-import * as React from 'react';
-import { ModalRootContextInterface } from './ModalRootContext';
-declare type PickedProps = Pick<ModalRootContextInterface, 'updateModalHeight'>;
+import * as React from "react";
+import { ModalRootContextInterface } from "./ModalRootContext";
+declare type PickedProps = Pick<ModalRootContextInterface, "updateModalHeight">;
 export declare function withModalRootContext<P extends PickedProps>(Component: React.ComponentType<P>): React.ComponentType<Omit<P, keyof PickedProps>>;
 export {};

package/dist/cjs/components/ModalRoot/withModalRootContext.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/ModalRoot/withModalRootContext.tsx"],"names":["withModalRootContext","Component","WithModalRootContext","props","React","useContext","ModalRootContext","updateModalHeight"],"mappings":";;;;;;;;;;;;;;;AAAA;;AACA;;AAIO,SAASA,oBAAT,CACLC,SADK,EAE4C;AACjD,WAASC,oBAAT,CAA8BC,KAA9B,EAAwC;AACtC,4BAA8BC,KAAK,CAACC,UAAN,CAAiBC,yBAAjB,CAA9B;AAAA,QAAQC,iBAAR,qBAAQA,iBAAR;;AAEA,WAAO,qCAAC,SAAD,6BAAeJ,KAAf;AAAsB,MAAA,iBAAiB,EAAEI;AAAzC,OAAP;AACD;;AACD,SAAOL,oBAAP;AACD","sourcesContent":["import * as React from 'react';\nimport ModalRootContext, { ModalRootContextInterface } from './ModalRootContext';\n\ntype PickedProps = Pick<ModalRootContextInterface, 'updateModalHeight'>;\n\nexport function withModalRootContext<P extends PickedProps>(\n  Component: React.ComponentType<P>,\n): React.ComponentType<Omit<P, keyof PickedProps>> {\n  function WithModalRootContext(props: P) {\n    const { updateModalHeight } = React.useContext(ModalRootContext);\n\n    return <Component {...props} updateModalHeight={updateModalHeight} />;\n  }\n  return WithModalRootContext;\n}\n"],"file":"withModalRootContext.js"}
+{"version":3,"sources":["../../../../src/components/ModalRoot/withModalRootContext.tsx"],"names":["withModalRootContext","Component","WithModalRootContext","props","React","useContext","ModalRootContext","updateModalHeight"],"mappings":";;;;;;;;;;;;;;;AAAA;;AACA;;AAMO,SAASA,oBAAT,CACLC,SADK,EAE4C;AACjD,WAASC,oBAAT,CAA8BC,KAA9B,EAAwC;AACtC,4BAA8BC,KAAK,CAACC,UAAN,CAAiBC,yBAAjB,CAA9B;AAAA,QAAQC,iBAAR,qBAAQA,iBAAR;;AAEA,WAAO,qCAAC,SAAD,6BAAeJ,KAAf;AAAsB,MAAA,iBAAiB,EAAEI;AAAzC,OAAP;AACD;;AACD,SAAOL,oBAAP;AACD","sourcesContent":["import * as React from \"react\";\nimport 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: P) {\n    const { updateModalHeight } = React.useContext(ModalRootContext);\n\n    return <Component {...props} updateModalHeight={updateModalHeight} />;\n  }\n  return WithModalRootContext;\n}\n"],"file":"withModalRootContext.js"}

package/dist/cjs/components/NativeSelect/NativeSelect.d.ts

@@ -1,13 +1,13 @@
-import * as React from 'react';
-import { HasAlign, HasRef, HasRootRef } from '../../types';
-import { AdaptivityProps } from '../../hoc/withAdaptivity';
-import '../Select/Select.css';
+import * as React from "react";
+import { HasAlign, HasRef, HasRootRef } from "../../types";
+import { AdaptivityProps } from "../../hoc/withAdaptivity";
+import "../Select/Select.css";
 export interface NativeSelectProps extends React.SelectHTMLAttributes<HTMLSelectElement>, HasRef<HTMLSelectElement>, HasRootRef<HTMLLabelElement>, HasAlign, AdaptivityProps {
     placeholder?: string;
     multiline?: boolean;
 }
 export interface SelectState {
-    value?: React.SelectHTMLAttributes<HTMLSelectElement>['value'];
+    value?: React.SelectHTMLAttributes<HTMLSelectElement>["value"];
     title?: string;
     notSelected?: boolean;
 }

package/dist/cjs/components/NativeSelect/NativeSelect.js

@@ -52,7 +52,7 @@ var NativeSelect = function NativeSelect(_ref) {
 
   var style = _ref.style,
       _ref$defaultValue = _ref.defaultValue,
-      defaultValue = _ref$defaultValue === void 0 ? '' : _ref$defaultValue,
+      defaultValue = _ref$defaultValue === void 0 ? "" : _ref$defaultValue,
       align = _ref.align,
       placeholder = _ref.placeholder,
       children = _ref.children,
@@ -66,7 +66,7 @@ var NativeSelect = function NativeSelect(_ref) {
       restProps = (0, _objectWithoutProperties2.default)(_ref, _excluded);
   var platform = (0, _usePlatform.usePlatform)();
 
-  var _React$useState = React.useState(''),
+  var _React$useState = React.useState(""),
       _React$useState2 = (0, _slicedToArray2.default)(_React$useState, 2),
       title = _React$useState2[0],
       setTitle = _React$useState2[1];
@@ -89,13 +89,13 @@ var NativeSelect = function NativeSelect(_ref) {
 
     if (selectedOption) {
       setTitle(selectedOption.text);
-      setNotSelected(selectedOption.value === '' && placeholder != null);
+      setNotSelected(selectedOption.value === "" && placeholder != null);
     }
   }, [value, children]);
   var TypographyComponent = platform === _platform.VKCOM || sizeY === _withAdaptivity.SizeType.COMPACT ? _Text.default : _Headline.default;
   return (0, _jsxRuntime.createScopedElement)(_FormField.FormField, {
     Component: "label",
-    vkuiClass: (0, _classNames2.classNames)((0, _getClassName.getClassName)('Select', platform), (_classNames = {}, (0, _defineProperty2.default)(_classNames, 'Select--not-selected', notSelected), (0, _defineProperty2.default)(_classNames, "Select--align-".concat(align), !!align), (0, _defineProperty2.default)(_classNames, "Select--sizeX--".concat(sizeX), !!sizeX), (0, _defineProperty2.default)(_classNames, "Select--sizeY--".concat(sizeY), !!sizeY), (0, _defineProperty2.default)(_classNames, 'Select--multiline', multiline), _classNames)),
+    vkuiClass: (0, _classNames2.classNames)((0, _getClassName.getClassName)("Select", platform), (_classNames = {}, (0, _defineProperty2.default)(_classNames, "Select--not-selected", notSelected), (0, _defineProperty2.default)(_classNames, "Select--align-".concat(align), !!align), (0, _defineProperty2.default)(_classNames, "Select--sizeX--".concat(sizeX), !!sizeX), (0, _defineProperty2.default)(_classNames, "Select--sizeY--".concat(sizeY), !!sizeY), (0, _defineProperty2.default)(_classNames, "Select--multiline", multiline), _classNames)),
     className: className,
     style: style,
     getRootRef: getRootRef,

package/dist/cjs/components/NativeSelect/NativeSelect.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/NativeSelect/NativeSelect.tsx"],"names":["NativeSelect","style","defaultValue","align","placeholder","children","className","getRef","getRootRef","disabled","sizeX","sizeY","multiline","restProps","platform","React","useState","title","setTitle","notSelected","setNotSelected","value","onChange","selectRef","selectedOption","current","options","selectedIndex","text","TypographyComponent","VKCOM","SizeType","COMPACT","Text","Headline"],"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, AdaptivityProps, SizeType } from '../../hoc/withAdaptivity';\nimport { getClassName } from '../../helpers/getClassName';\nimport Headline from '../Typography/Headline/Headline';\nimport Text from '../Typography/Text/Text';\nimport { VKCOM } from '../../lib/platform';\nimport { useIsomorphicLayoutEffect } from '../../lib/useIsomorphicLayoutEffect';\nimport { useEnsuredControl } from '../../hooks/useEnsuredControl';\nimport { useExternRef } from '../../hooks/useExternRef';\nimport { usePlatform } from '../../hooks/usePlatform';\nimport '../Select/Select.css';\n\nexport interface NativeSelectProps extends\n  React.SelectHTMLAttributes<HTMLSelectElement>,\n  HasRef<HTMLSelectElement>,\n  HasRootRef<HTMLLabelElement>,\n  HasAlign,\n  AdaptivityProps {\n  placeholder?: string;\n  multiline?: boolean;\n}\n\nexport interface SelectState {\n  value?: React.SelectHTMLAttributes<HTMLSelectElement>['value'];\n  title?: string;\n  notSelected?: boolean;\n}\n\nconst NativeSelect: React.FC<NativeSelectProps> = ({\n  style, defaultValue = '', align, placeholder, children,\n  className, getRef, getRootRef, disabled, sizeX, sizeY, multiline,\n  ...restProps\n}) => {\n  const platform = usePlatform();\n  const [title, setTitle] = React.useState('');\n  const [notSelected, setNotSelected] = React.useState(false);\n  const [value, onChange] = useEnsuredControl(restProps, { defaultValue });\n  const selectRef = useExternRef(getRef);\n  useIsomorphicLayoutEffect(() => {\n    const selectedOption = selectRef.current.options[selectRef.current.selectedIndex];\n    if (selectedOption) {\n      setTitle(selectedOption.text);\n      setNotSelected(selectedOption.value === '' && placeholder != null);\n    }\n  }, [value, children]);\n\n  const TypographyComponent = platform === VKCOM || sizeY === SizeType.COMPACT ? Text : Headline;\n\n  return (\n    <FormField\n      Component=\"label\"\n      vkuiClass={classNames(getClassName('Select', platform), {\n        ['Select--not-selected']: notSelected,\n        [`Select--align-${align}`]: !!align,\n        [`Select--sizeX--${sizeX}`]: !!sizeX,\n        [`Select--sizeY--${sizeY}`]: !!sizeY,\n        'Select--multiline': multiline,\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      <TypographyComponent Component=\"div\" weight=\"regular\" vkuiClass=\"Select__container\">\n        <span vkuiClass=\"Select__title\">{title}</span>\n      </TypographyComponent>\n    </FormField>\n  );\n};\n\nexport default withAdaptivity(NativeSelect, {\n  sizeX: true,\n  sizeY: true,\n});\n"],"file":"NativeSelect.js"}
+{"version":3,"sources":["../../../../src/components/NativeSelect/NativeSelect.tsx"],"names":["NativeSelect","style","defaultValue","align","placeholder","children","className","getRef","getRootRef","disabled","sizeX","sizeY","multiline","restProps","platform","React","useState","title","setTitle","notSelected","setNotSelected","value","onChange","selectRef","selectedOption","current","options","selectedIndex","text","TypographyComponent","VKCOM","SizeType","COMPACT","Text","Headline"],"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 {\n  withAdaptivity,\n  AdaptivityProps,\n  SizeType,\n} from \"../../hoc/withAdaptivity\";\nimport { getClassName } from \"../../helpers/getClassName\";\nimport Headline from \"../Typography/Headline/Headline\";\nimport Text from \"../Typography/Text/Text\";\nimport { VKCOM } from \"../../lib/platform\";\nimport { useIsomorphicLayoutEffect } from \"../../lib/useIsomorphicLayoutEffect\";\nimport { useEnsuredControl } from \"../../hooks/useEnsuredControl\";\nimport { useExternRef } from \"../../hooks/useExternRef\";\nimport { usePlatform } from \"../../hooks/usePlatform\";\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}\n\nexport interface SelectState {\n  value?: React.SelectHTMLAttributes<HTMLSelectElement>[\"value\"];\n  title?: string;\n  notSelected?: boolean;\n}\n\nconst NativeSelect: React.FC<NativeSelectProps> = ({\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  ...restProps\n}) => {\n  const platform = usePlatform();\n  const [title, setTitle] = React.useState(\"\");\n  const [notSelected, setNotSelected] = 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      setNotSelected(selectedOption.value === \"\" && placeholder != null);\n    }\n  }, [value, children]);\n\n  const TypographyComponent =\n    platform === VKCOM || sizeY === SizeType.COMPACT ? Text : Headline;\n\n  return (\n    <FormField\n      Component=\"label\"\n      vkuiClass={classNames(getClassName(\"Select\", platform), {\n        [\"Select--not-selected\"]: notSelected,\n        [`Select--align-${align}`]: !!align,\n        [`Select--sizeX--${sizeX}`]: !!sizeX,\n        [`Select--sizeY--${sizeY}`]: !!sizeY,\n        \"Select--multiline\": multiline,\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      <TypographyComponent\n        Component=\"div\"\n        weight=\"regular\"\n        vkuiClass=\"Select__container\"\n      >\n        <span vkuiClass=\"Select__title\">{title}</span>\n      </TypographyComponent>\n    </FormField>\n  );\n};\n\nexport default withAdaptivity(NativeSelect, {\n  sizeX: true,\n  sizeY: true,\n});\n"],"file":"NativeSelect.js"}

package/dist/cjs/components/NavTransitionContext/NavTransitionContext.d.ts

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import * as React from "react";
 interface TransitionContextProps {
     entering: boolean;
 }

package/dist/cjs/components/NavTransitionContext/NavTransitionContext.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/NavTransitionContext/NavTransitionContext.tsx"],"names":["TransitionContext","React","createContext","entering","useNavTransition","useContext","NavTransitionProvider","children","parentContext","contextValue"],"mappings":";;;;;;;;;;;AAAA;;AACA;;AAKA,IAAMA,iBAAiB,gBAAGC,KAAK,CAACC,aAAN,CAA4C;AACpEC,EAAAA,QAAQ,EAAE;AAD0D,CAA5C,CAA1B;;AAGO,IAAMC,gBAAgB,GAAG,SAAnBA,gBAAmB;AAAA,SAAMH,KAAK,CAACI,UAAN,CAAiBL,iBAAjB,CAAN;AAAA,CAAzB;;;;AACA,IAAMM,qBAAuD,GAAG,SAA1DA,qBAA0D,OAA4B;AAAA,MAAzBC,QAAyB,QAAzBA,QAAyB;AAAA,MAAfJ,QAAe,QAAfA,QAAe;AACjG,MAAMK,aAAa,GAAGJ,gBAAgB,EAAtC;AACA,MAAMK,YAAY,GAAG,kCAAc;AACjCN,IAAAA,QAAQ,EAAEK,aAAa,CAACL,QAAd,IAA0BA;AADH,GAAd,CAArB;AAGA,SAAO,qCAAC,iBAAD,CAAmB,QAAnB;AAA4B,IAAA,KAAK,EAAEM;AAAnC,KAAkDF,QAAlD,CAAP;AACD,CANM","sourcesContent":["import * as React from 'react';\nimport { useObjectMemo } from '../../hooks/useObjectMemo';\n\ninterface TransitionContextProps {\n  entering: boolean;\n}\nconst TransitionContext = React.createContext<TransitionContextProps>({\n  entering: false,\n});\nexport const useNavTransition = () => React.useContext(TransitionContext);\nexport const NavTransitionProvider: React.FC<TransitionContextProps> = ({ children, entering }) => {\n  const parentContext = useNavTransition();\n  const contextValue = useObjectMemo({\n    entering: parentContext.entering || entering,\n  });\n  return <TransitionContext.Provider value={contextValue}>{children}</TransitionContext.Provider>;\n};\n"],"file":"NavTransitionContext.js"}
+{"version":3,"sources":["../../../../src/components/NavTransitionContext/NavTransitionContext.tsx"],"names":["TransitionContext","React","createContext","entering","useNavTransition","useContext","NavTransitionProvider","children","parentContext","contextValue"],"mappings":";;;;;;;;;;;AAAA;;AACA;;AAKA,IAAMA,iBAAiB,gBAAGC,KAAK,CAACC,aAAN,CAA4C;AACpEC,EAAAA,QAAQ,EAAE;AAD0D,CAA5C,CAA1B;;AAGO,IAAMC,gBAAgB,GAAG,SAAnBA,gBAAmB;AAAA,SAAMH,KAAK,CAACI,UAAN,CAAiBL,iBAAjB,CAAN;AAAA,CAAzB;;;;AACA,IAAMM,qBAAuD,GAAG,SAA1DA,qBAA0D,OAGjE;AAAA,MAFJC,QAEI,QAFJA,QAEI;AAAA,MADJJ,QACI,QADJA,QACI;AACJ,MAAMK,aAAa,GAAGJ,gBAAgB,EAAtC;AACA,MAAMK,YAAY,GAAG,kCAAc;AACjCN,IAAAA,QAAQ,EAAEK,aAAa,CAACL,QAAd,IAA0BA;AADH,GAAd,CAArB;AAGA,SACE,qCAAC,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\ninterface TransitionContextProps {\n  entering: boolean;\n}\nconst TransitionContext = React.createContext<TransitionContextProps>({\n  entering: false,\n});\nexport const useNavTransition = () => React.useContext(TransitionContext);\nexport const NavTransitionProvider: React.FC<TransitionContextProps> = ({\n  children,\n  entering,\n}) => {\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"}

package/dist/cjs/components/Panel/Panel.d.ts

@@ -1,8 +1,8 @@
-import * as React from 'react';
-import { HasRootRef } from '../../types';
-import { AdaptivityProps } from '../../hoc/withAdaptivity';
-import { NavIdProps } from '../../lib/getNavId';
-import './Panel.css';
+import * as React from "react";
+import { HasRootRef } from "../../types";
+import { AdaptivityProps } from "../../hoc/withAdaptivity";
+import { NavIdProps } from "../../lib/getNavId";
+import "./Panel.css";
 export interface PanelProps extends React.HTMLAttributes<HTMLDivElement>, HasRootRef<HTMLDivElement>, AdaptivityProps, NavIdProps {
     centered?: boolean;
 }

package/dist/cjs/components/Panel/Panel.js

@@ -41,8 +41,8 @@ var Panel = (0, _withAdaptivity.withAdaptivity)(function (_ref) {
   var platform = (0, _usePlatform.usePlatform)();
   return (0, _jsxRuntime.createScopedElement)("div", (0, _extends2.default)({}, restProps, {
     ref: getRootRef,
-    vkuiClass: (0, _classNames2.classNames)((0, _getClassName.getClassName)('Panel', platform), "Panel--".concat(sizeX), (0, _defineProperty2.default)({
-      'Panel--centered': centered
+    vkuiClass: (0, _classNames2.classNames)((0, _getClassName.getClassName)("Panel", platform), "Panel--".concat(sizeX), (0, _defineProperty2.default)({
+      "Panel--centered": centered
     }, "Panel--sizeX-".concat(sizeX), true))
   }), (0, _jsxRuntime.createScopedElement)(_Touch.Touch, {
     Component: _TooltipContainer.TooltipContainer,

package/dist/cjs/components/Panel/Panel.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/Panel/Panel.tsx"],"names":["Panel","centered","children","getRootRef","sizeX","nav","restProps","platform","TooltipContainer","IOS"],"mappings":";;;;;;;;;;;;;;;;;AACA;;AACA;;AACA;;AACA;;AAEA;;AACA;;AACA;;;AASO,IAAMA,KAAK,GAAG,oCAAe,gBAOlB;AAAA,2BANhBC,QAMgB;AAAA,MANhBA,QAMgB,8BANL,KAMK;AAAA,MALhBC,QAKgB,QALhBA,QAKgB;AAAA,MAJhBC,UAIgB,QAJhBA,UAIgB;AAAA,MAHhBC,KAGgB,QAHhBA,KAGgB;AAAA,MAFhBC,GAEgB,QAFhBA,GAEgB;AAAA,MADbC,SACa;AAChB,MAAMC,QAAQ,GAAG,+BAAjB;AAEA,SACE,uEACMD,SADN;AAEE,IAAA,GAAG,EAAEH,UAFP;AAGE,IAAA,SAAS,EAAE,6BAAW,gCAAa,OAAb,EAAsBI,QAAtB,CAAX,mBAAsDH,KAAtD;AACT,yBAAmBH;AADV,8BAEQG,KAFR,GAEkB,IAFlB;AAHb,MAQE,qCAAC,YAAD;AAAO,IAAA,SAAS,EAAEI,kCAAlB;AAAoC,IAAA,SAAS,EAAC;AAA9C,KACGD,QAAQ,KAAKE,aAAb,IAAoB;AAAK,IAAA,SAAS,EAAC;AAAf,IADvB,EAEE;AAAK,IAAA,SAAS,EAAC;AAAf,IAFF,EAGGR,QAAQ,GAAG;AAAK,IAAA,SAAS,EAAC;AAAf,KAAkCC,QAAlC,CAAH,GAAuDA,QAHlE,EAIE;AAAK,IAAA,SAAS,EAAC;AAAf,IAJF,CARF,CADF;AAiBD,CA3BoB,EA2BlB;AACDE,EAAAA,KAAK,EAAE;AADN,CA3BkB,CAAd","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, AdaptivityProps } from '../../hoc/withAdaptivity';\nimport { IOS } from '../../lib/platform';\nimport { usePlatform } from '../../hooks/usePlatform';\nimport { NavIdProps } from '../../lib/getNavId';\nimport './Panel.css';\n\nexport interface PanelProps extends React.HTMLAttributes<HTMLDivElement>,\n  HasRootRef<HTMLDivElement>, AdaptivityProps, NavIdProps {\n  centered?: boolean;\n}\n\nexport const Panel = withAdaptivity(({\n  centered = false,\n  children,\n  getRootRef,\n  sizeX,\n  nav,\n  ...restProps\n}: PanelProps) => {\n  const platform = usePlatform();\n\n  return (\n    <div\n      {...restProps}\n      ref={getRootRef}\n      vkuiClass={classNames(getClassName('Panel', platform), `Panel--${sizeX}`, {\n        'Panel--centered': centered,\n        [`Panel--sizeX-${sizeX}`]: true,\n      })}\n    >\n      <Touch Component={TooltipContainer} vkuiClass=\"Panel__in\">\n        {platform === IOS && <div vkuiClass=\"Panel__fade\" />}\n        <div vkuiClass=\"Panel__in-before\" />\n        {centered ? <div vkuiClass=\"Panel__centered\">{children}</div> : children}\n        <div vkuiClass=\"Panel__in-after\" />\n      </Touch>\n    </div>\n  );\n}, {\n  sizeX: true,\n});\n"],"file":"Panel.js"}
+{"version":3,"sources":["../../../../src/components/Panel/Panel.tsx"],"names":["Panel","centered","children","getRootRef","sizeX","nav","restProps","platform","TooltipContainer","IOS"],"mappings":";;;;;;;;;;;;;;;;;AACA;;AACA;;AACA;;AACA;;AAEA;;AACA;;AACA;;;AAYO,IAAMA,KAAK,GAAG,oCACnB,gBAOkB;AAAA,2BANhBC,QAMgB;AAAA,MANhBA,QAMgB,8BANL,KAMK;AAAA,MALhBC,QAKgB,QALhBA,QAKgB;AAAA,MAJhBC,UAIgB,QAJhBA,UAIgB;AAAA,MAHhBC,KAGgB,QAHhBA,KAGgB;AAAA,MAFhBC,GAEgB,QAFhBA,GAEgB;AAAA,MADbC,SACa;AAChB,MAAMC,QAAQ,GAAG,+BAAjB;AAEA,SACE,uEACMD,SADN;AAEE,IAAA,GAAG,EAAEH,UAFP;AAGE,IAAA,SAAS,EAAE,6BACT,gCAAa,OAAb,EAAsBI,QAAtB,CADS,mBAECH,KAFD;AAIP,yBAAmBH;AAJZ,8BAKUG,KALV,GAKoB,IALpB;AAHb,MAYE,qCAAC,YAAD;AAAO,IAAA,SAAS,EAAEI,kCAAlB;AAAoC,IAAA,SAAS,EAAC;AAA9C,KACGD,QAAQ,KAAKE,aAAb,IAAoB;AAAK,IAAA,SAAS,EAAC;AAAf,IADvB,EAEE;AAAK,IAAA,SAAS,EAAC;AAAf,IAFF,EAGGR,QAAQ,GACP;AAAK,IAAA,SAAS,EAAC;AAAf,KAAkCC,QAAlC,CADO,GAGPA,QANJ,EAQE;AAAK,IAAA,SAAS,EAAC;AAAf,IARF,CAZF,CADF;AAyBD,CApCkB,EAqCnB;AACEE,EAAAA,KAAK,EAAE;AADT,CArCmB,CAAd","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, AdaptivityProps } from \"../../hoc/withAdaptivity\";\nimport { IOS } from \"../../lib/platform\";\nimport { usePlatform } from \"../../hooks/usePlatform\";\nimport { NavIdProps } from \"../../lib/getNavId\";\nimport \"./Panel.css\";\n\nexport interface PanelProps\n  extends React.HTMLAttributes<HTMLDivElement>,\n    HasRootRef<HTMLDivElement>,\n    AdaptivityProps,\n    NavIdProps {\n  centered?: boolean;\n}\n\nexport const Panel = withAdaptivity(\n  ({\n    centered = false,\n    children,\n    getRootRef,\n    sizeX,\n    nav,\n    ...restProps\n  }: PanelProps) => {\n    const platform = usePlatform();\n\n    return (\n      <div\n        {...restProps}\n        ref={getRootRef}\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"],"file":"Panel.js"}

package/dist/cjs/components/PanelHeader/PanelHeader.d.ts

@@ -1,7 +1,7 @@
-import * as React from 'react';
-import { HasRef, HasRootRef } from '../../types';
-import { AdaptivityProps } from '../../hoc/withAdaptivity';
-import './PanelHeader.css';
+import * as React from "react";
+import { HasRef, HasRootRef } from "../../types";
+import { AdaptivityProps } from "../../hoc/withAdaptivity";
+import "./PanelHeader.css";
 export interface PanelHeaderProps extends React.HTMLAttributes<HTMLDivElement>, HasRef<HTMLDivElement>, HasRootRef<HTMLDivElement>, AdaptivityProps {
     left?: React.ReactNode;
     right?: React.ReactNode;

package/dist/cjs/components/PanelHeader/PanelHeader.js

@@ -94,15 +94,15 @@ var PanelHeader = function PanelHeader(props) {
   var needShadow = shadow && sizeX === _withAdaptivity.SizeType.REGULAR;
   var isFixed = fixed !== undefined ? fixed : platform !== _platform.Platform.VKCOM;
   return (0, _jsxRuntime.createScopedElement)("div", (0, _extends2.default)({}, restProps, {
-    vkuiClass: (0, _classNames.classNames)((0, _getClassName.getClassName)('PanelHeader', platform), {
-      'PanelHeader--trnsp': transparent,
-      'PanelHeader--shadow': needShadow,
-      'PanelHeader--vis': visor,
-      'PanelHeader--sep': separator && visor,
-      'PanelHeader--vkapps': webviewType === _ConfigProviderContext.WebviewType.VKAPPS,
-      'PanelHeader--no-left': !left,
-      'PanelHeader--no-right': !right,
-      'PanelHeader--fixed': isFixed
+    vkuiClass: (0, _classNames.classNames)((0, _getClassName.getClassName)("PanelHeader", platform), {
+      "PanelHeader--trnsp": transparent,
+      "PanelHeader--shadow": needShadow,
+      "PanelHeader--vis": visor,
+      "PanelHeader--sep": separator && visor,
+      "PanelHeader--vkapps": webviewType === _ConfigProviderContext.WebviewType.VKAPPS,
+      "PanelHeader--no-left": !left,
+      "PanelHeader--no-right": !right,
+      "PanelHeader--fixed": isFixed
     }, "PanelHeader--sizeX-".concat(sizeX)),
     ref: isFixed ? getRootRef : getRef
   }), isFixed ? (0, _jsxRuntime.createScopedElement)(_FixedLayout.default, {

package/dist/cjs/components/PanelHeader/PanelHeader.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/PanelHeader/PanelHeader.tsx"],"names":["PanelHeaderInTypography","children","platform","VKCOM","PanelHeaderIn","left","right","React","useContext","ConfigProviderContext","webviewType","isPrimitive","WebviewType","VKAPPS","PanelHeader","props","separator","visor","transparent","shadow","getRef","getRootRef","sizeX","sizeY","fixed","restProps","needShadow","SizeType","REGULAR","isFixed","undefined","Platform","defaultProps"],"mappings":"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","sourcesContent":["import * as React from 'react';\nimport { usePlatform } from '../../hooks/usePlatform';\nimport { getClassName } from '../../helpers/getClassName';\nimport { classNames } from '../../lib/classNames';\nimport FixedLayout from '../FixedLayout/FixedLayout';\nimport Separator from '../Separator/Separator';\nimport { Platform, VKCOM } from '../../lib/platform';\nimport { HasRef, HasRootRef } from '../../types';\nimport { ConfigProviderContext, WebviewType } from '../ConfigProvider/ConfigProviderContext';\nimport { AdaptivityProps, SizeType, withAdaptivity } from '../../hoc/withAdaptivity';\nimport { isPrimitiveReactNode } from '../../lib/utils';\nimport Text from '../Typography/Text/Text';\nimport { TooltipContainer } from '../Tooltip/TooltipContainer';\nimport './PanelHeader.css';\n\nexport interface PanelHeaderProps extends\n  React.HTMLAttributes<HTMLDivElement>,\n  HasRef<HTMLDivElement>,\n  HasRootRef<HTMLDivElement>,\n  AdaptivityProps {\n  left?: React.ReactNode;\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 PanelHeaderInTypography: React.FC<PanelHeaderProps> = ({ children }: PanelHeaderProps) => {\n  const platform = usePlatform();\n\n  return platform === VKCOM\n    ? <Text weight=\"medium\">{children}</Text>\n    : <span vkuiClass=\"PanelHeader__content-in\">{children}</span>;\n};\n\nconst PanelHeaderIn: React.FC<PanelHeaderProps> = ({ children, left, right }) => {\n  const { webviewType } = React.useContext(ConfigProviderContext);\n  const isPrimitive = isPrimitiveReactNode(children);\n\n  return (\n    <TooltipContainer fixed vkuiClass=\"PanelHeader__in\">\n      <div vkuiClass=\"PanelHeader__left\">\n        {left}\n      </div>\n      <div vkuiClass=\"PanelHeader__content\">\n        {isPrimitive ? <PanelHeaderInTypography>{children}</PanelHeaderInTypography> : children}\n      </div>\n      <div vkuiClass=\"PanelHeader__right\">\n        {webviewType !== WebviewType.VKAPPS && right}\n      </div>\n    </TooltipContainer>\n  );\n};\n\nconst PanelHeader: React.FC<PanelHeaderProps> = (props: PanelHeaderProps) => {\n  const {\n    left,\n    children,\n    right,\n    separator,\n    visor,\n    transparent,\n    shadow,\n    getRef,\n    getRootRef,\n    sizeX,\n    sizeY,\n    fixed,\n    ...restProps\n  } = props;\n  const platform = usePlatform();\n  const { webviewType } = React.useContext(ConfigProviderContext);\n  const needShadow = shadow && sizeX === SizeType.REGULAR;\n  let isFixed = fixed !== undefined ? fixed : platform !== Platform.VKCOM;\n\n  return (\n    <div\n      {...restProps}\n      vkuiClass={\n        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': webviewType === WebviewType.VKAPPS,\n            'PanelHeader--no-left': !left,\n            'PanelHeader--no-right': !right,\n            'PanelHeader--fixed': isFixed,\n          },\n          `PanelHeader--sizeX-${sizeX}`,\n        )\n      }\n      ref={isFixed ? getRootRef : getRef}\n    >\n      {isFixed ?\n        <FixedLayout vkuiClass=\"PanelHeader__fixed\" vertical=\"top\" getRootRef={getRef}>\n          <PanelHeaderIn {...props} />\n        </FixedLayout> :\n        <PanelHeaderIn {...props} />\n      }\n      {separator && visor && platform !== VKCOM && <Separator\n        vkuiClass=\"PanelHeader__separator\"\n        expanded={sizeX === SizeType.REGULAR}\n      />}\n    </div>\n  );\n};\n\nPanelHeader.defaultProps = {\n  separator: true,\n  transparent: false,\n  visor: true,\n};\n\nexport default withAdaptivity(PanelHeader, {\n  sizeX: true,\n  sizeY: true,\n});\n"],"file":"PanelHeader.js"}
+{"version":3,"sources":["../../../../src/components/PanelHeader/PanelHeader.tsx"],"names":["PanelHeaderInTypography","children","platform","VKCOM","PanelHeaderIn","left","right","React","useContext","ConfigProviderContext","webviewType","isPrimitive","WebviewType","VKAPPS","PanelHeader","props","separator","visor","transparent","shadow","getRef","getRootRef","sizeX","sizeY","fixed","restProps","needShadow","SizeType","REGULAR","isFixed","undefined","Platform","defaultProps"],"mappings":"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","sourcesContent":["import * as React from \"react\";\nimport { usePlatform } from \"../../hooks/usePlatform\";\nimport { getClassName } from \"../../helpers/getClassName\";\nimport { classNames } from \"../../lib/classNames\";\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 { isPrimitiveReactNode } from \"../../lib/utils\";\nimport Text from \"../Typography/Text/Text\";\nimport { TooltipContainer } from \"../Tooltip/TooltipContainer\";\nimport \"./PanelHeader.css\";\n\nexport interface PanelHeaderProps\n  extends React.HTMLAttributes<HTMLDivElement>,\n    HasRef<HTMLDivElement>,\n    HasRootRef<HTMLDivElement>,\n    AdaptivityProps {\n  left?: React.ReactNode;\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 PanelHeaderInTypography: React.FC<PanelHeaderProps> = ({\n  children,\n}: PanelHeaderProps) => {\n  const platform = usePlatform();\n\n  return platform === VKCOM ? (\n    <Text weight=\"medium\">{children}</Text>\n  ) : (\n    <span vkuiClass=\"PanelHeader__content-in\">{children}</span>\n  );\n};\n\nconst PanelHeaderIn: React.FC<PanelHeaderProps> = ({\n  children,\n  left,\n  right,\n}) => {\n  const { webviewType } = React.useContext(ConfigProviderContext);\n  const isPrimitive = isPrimitiveReactNode(children);\n\n  return (\n    <TooltipContainer fixed vkuiClass=\"PanelHeader__in\">\n      <div vkuiClass=\"PanelHeader__left\">{left}</div>\n      <div vkuiClass=\"PanelHeader__content\">\n        {isPrimitive ? (\n          <PanelHeaderInTypography>{children}</PanelHeaderInTypography>\n        ) : (\n          children\n        )}\n      </div>\n      <div vkuiClass=\"PanelHeader__right\">\n        {webviewType !== WebviewType.VKAPPS && right}\n      </div>\n    </TooltipContainer>\n  );\n};\n\nconst PanelHeader: React.FC<PanelHeaderProps> = (props: PanelHeaderProps) => {\n  const {\n    left,\n    children,\n    right,\n    separator,\n    visor,\n    transparent,\n    shadow,\n    getRef,\n    getRootRef,\n    sizeX,\n    sizeY,\n    fixed,\n    ...restProps\n  } = props;\n  const platform = usePlatform();\n  const { webviewType } = React.useContext(ConfigProviderContext);\n  const needShadow = shadow && sizeX === SizeType.REGULAR;\n  let isFixed = fixed !== undefined ? fixed : platform !== Platform.VKCOM;\n\n  return (\n    <div\n      {...restProps}\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\": webviewType === WebviewType.VKAPPS,\n          \"PanelHeader--no-left\": !left,\n          \"PanelHeader--no-right\": !right,\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 {...props} />\n        </FixedLayout>\n      ) : (\n        <PanelHeaderIn {...props} />\n      )}\n      {separator && visor && platform !== VKCOM && (\n        <Separator\n          vkuiClass=\"PanelHeader__separator\"\n          expanded={sizeX === SizeType.REGULAR}\n        />\n      )}\n    </div>\n  );\n};\n\nPanelHeader.defaultProps = {\n  separator: true,\n  transparent: false,\n  visor: true,\n};\n\nexport default withAdaptivity(PanelHeader, {\n  sizeX: true,\n  sizeY: true,\n});\n"],"file":"PanelHeader.js"}

package/dist/cjs/components/PanelHeaderBack/PanelHeaderBack.d.ts

@@ -1,9 +1,9 @@
-import * as React from 'react';
-import { PanelHeaderButtonProps } from '../PanelHeaderButton/PanelHeaderButton';
-import { AdaptivityProps } from '../../hoc/withAdaptivity';
-import './PanelHeaderBack.css';
+import * as React from "react";
+import { PanelHeaderButtonProps } from "../PanelHeaderButton/PanelHeaderButton";
+import { AdaptivityProps } from "../../hoc/withAdaptivity";
+import "./PanelHeaderBack.css";
 export declare type PanelHeaderBackProps = PanelHeaderButtonProps & AdaptivityProps & {
-    'aria-label'?: string;
+    "aria-label"?: string;
 };
 declare const _default: React.NamedExoticComponent<PanelHeaderBackProps>;
 export default _default;

package/dist/cjs/components/PanelHeaderBack/PanelHeaderBack.js

@@ -40,15 +40,15 @@ var PanelHeaderBack = function PanelHeaderBack(_ref) {
   var platform = (0, _usePlatform.usePlatform)();
   var showLabel = platform === _platform.VKCOM || platform === _platform.IOS && sizeX === _withAdaptivity.SizeType.REGULAR;
   return (0, _jsxRuntime.createScopedElement)(_PanelHeaderButton.PanelHeaderButton, (0, _extends2.default)({}, restProps, {
-    vkuiClass: (0, _classNames.classNames)((0, _getClassName.getClassName)('PanelHeaderBack', platform), {
-      'PanelHeaderBack--has-label': showLabel && !!label
+    vkuiClass: (0, _classNames.classNames)((0, _getClassName.getClassName)("PanelHeaderBack", platform), {
+      "PanelHeaderBack--has-label": showLabel && !!label
     }),
     label: showLabel && label
   }), platform === _platform.ANDROID && (0, _jsxRuntime.createScopedElement)(_icons.Icon28ArrowLeftOutline, null), platform === _platform.VKCOM && (0, _jsxRuntime.createScopedElement)(_icons.Icon28ChevronLeftOutline, null), platform === _platform.IOS && (0, _jsxRuntime.createScopedElement)(_icons.Icon28ChevronBack, null));
 };
 
 PanelHeaderBack.defaultProps = {
-  'aria-label': 'Назад'
+  "aria-label": "Назад"
 };
 
 var _default = /*#__PURE__*/React.memo((0, _withAdaptivity.withAdaptivity)(PanelHeaderBack, {

package/dist/cjs/components/PanelHeaderBack/PanelHeaderBack.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/PanelHeaderBack/PanelHeaderBack.tsx"],"names":["PanelHeaderBack","label","sizeX","restProps","platform","showLabel","VKCOM","IOS","SizeType","REGULAR","ANDROID","defaultProps","React","memo"],"mappings":";;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;AAOA,IAAMA,eAA8D,GAAG,SAAjEA,eAAiE,OAA8E;AAAA,MAA3EC,KAA2E,QAA3EA,KAA2E;AAAA,MAApEC,KAAoE,QAApEA,KAAoE;AAAA,MAA1DC,SAA0D;AACnJ,MAAMC,QAAQ,GAAG,+BAAjB;AACA,MAAMC,SAAS,GAAGD,QAAQ,KAAKE,eAAb,IAAsBF,QAAQ,KAAKG,aAAb,IAAoBL,KAAK,KAAKM,yBAASC,OAA/E;AAEA,SACE,qCAAC,oCAAD,6BACMN,SADN;AAEE,IAAA,SAAS,EAAE,4BAAW,gCAAa,iBAAb,EAAgCC,QAAhC,CAAX,EAAsD;AAC/D,oCAA8BC,SAAS,IAAI,CAAC,CAACJ;AADkB,KAAtD,CAFb;AAKE,IAAA,KAAK,EAAEI,SAAS,IAAIJ;AALtB,MAOGG,QAAQ,KAAKM,iBAAb,IAAwB,qCAAC,6BAAD,OAP3B,EAQGN,QAAQ,KAAKE,eAAb,IAAsB,qCAAC,+BAAD,OARzB,EASGF,QAAQ,KAAKG,aAAb,IAAoB,qCAAC,wBAAD,OATvB,CADF;AAaD,CAjBD;;AAmBAP,eAAe,CAACW,YAAhB,GAA+B;AAC7B,gBAAc;AADe,CAA/B;;4BAIeC,KAAK,CAACC,IAAN,CAAW,oCAAeb,eAAf,EAAgC;AACxDE,EAAAA,KAAK,EAAE;AADiD,CAAhC,CAAX,C","sourcesContent":["import * as React from 'react';\nimport { Icon28ChevronBack, Icon28ChevronLeftOutline, Icon28ArrowLeftOutline } from '@vkontakte/icons';\nimport { PanelHeaderButton, PanelHeaderButtonProps } from '../PanelHeaderButton/PanelHeaderButton';\nimport { ANDROID, VKCOM, IOS } from '../../lib/platform';\nimport { usePlatform } from '../../hooks/usePlatform';\nimport { withAdaptivity, SizeType, AdaptivityProps } from '../../hoc/withAdaptivity';\nimport { getClassName } from '../../helpers/getClassName';\nimport { classNames } from '../../lib/classNames';\nimport './PanelHeaderBack.css';\n\nexport type PanelHeaderBackProps = PanelHeaderButtonProps & AdaptivityProps & {\n  'aria-label'?: string;\n};\n\nconst PanelHeaderBack: React.FunctionComponent<PanelHeaderBackProps> = ({ label, sizeX, ...restProps }: PanelHeaderButtonProps & AdaptivityProps) => {\n  const platform = usePlatform();\n  const showLabel = platform === VKCOM || platform === IOS && sizeX === SizeType.REGULAR;\n\n  return (\n    <PanelHeaderButton\n      {...restProps}\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\nPanelHeaderBack.defaultProps = {\n  'aria-label': 'Назад',\n};\n\nexport default React.memo(withAdaptivity(PanelHeaderBack, {\n  sizeX: true,\n}));\n"],"file":"PanelHeaderBack.js"}
+{"version":3,"sources":["../../../../src/components/PanelHeaderBack/PanelHeaderBack.tsx"],"names":["PanelHeaderBack","label","sizeX","restProps","platform","showLabel","VKCOM","IOS","SizeType","REGULAR","ANDROID","defaultProps","React","memo"],"mappings":";;;;;;;;;;;;;;;;;AAAA;;AACA;;AAKA;;AAIA;;AACA;;AACA;;AAKA;;AACA;;;;AAQA,IAAMA,eAA8D,GAAG,SAAjEA,eAAiE,OAIvB;AAAA,MAH9CC,KAG8C,QAH9CA,KAG8C;AAAA,MAF9CC,KAE8C,QAF9CA,KAE8C;AAAA,MAD3CC,SAC2C;AAC9C,MAAMC,QAAQ,GAAG,+BAAjB;AACA,MAAMC,SAAS,GACbD,QAAQ,KAAKE,eAAb,IAAuBF,QAAQ,KAAKG,aAAb,IAAoBL,KAAK,KAAKM,yBAASC,OADhE;AAGA,SACE,qCAAC,oCAAD,6BACMN,SADN;AAEE,IAAA,SAAS,EAAE,4BAAW,gCAAa,iBAAb,EAAgCC,QAAhC,CAAX,EAAsD;AAC/D,oCAA8BC,SAAS,IAAI,CAAC,CAACJ;AADkB,KAAtD,CAFb;AAKE,IAAA,KAAK,EAAEI,SAAS,IAAIJ;AALtB,MAOGG,QAAQ,KAAKM,iBAAb,IAAwB,qCAAC,6BAAD,OAP3B,EAQGN,QAAQ,KAAKE,eAAb,IAAsB,qCAAC,+BAAD,OARzB,EASGF,QAAQ,KAAKG,aAAb,IAAoB,qCAAC,wBAAD,OATvB,CADF;AAaD,CAtBD;;AAwBAP,eAAe,CAACW,YAAhB,GAA+B;AAC7B,gBAAc;AADe,CAA/B;;4BAIeC,KAAK,CAACC,IAAN,CACb,oCAAeb,eAAf,EAAgC;AAC9BE,EAAAA,KAAK,EAAE;AADuB,CAAhC,CADa,C","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\nconst PanelHeaderBack: React.FunctionComponent<PanelHeaderBackProps> = ({\n  label,\n  sizeX,\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      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\nPanelHeaderBack.defaultProps = {\n  \"aria-label\": \"Назад\",\n};\n\nexport default React.memo(\n  withAdaptivity(PanelHeaderBack, {\n    sizeX: true,\n  })\n);\n"],"file":"PanelHeaderBack.js"}

package/dist/cjs/components/PanelHeaderButton/PanelHeaderButton.d.ts

@@ -1,7 +1,7 @@
-import * as React from 'react';
-import { TappableProps } from '../Tappable/Tappable';
-import './PanelHeaderButton.css';
-export interface PanelHeaderButtonProps extends Omit<TappableProps, 'label'> {
+import * as React from "react";
+import { TappableProps } from "../Tappable/Tappable";
+import "./PanelHeaderButton.css";
+export interface PanelHeaderButtonProps extends Omit<TappableProps, "label"> {
     primary?: boolean;
     label?: React.ReactNode;
 }

package/dist/cjs/components/PanelHeaderButton/PanelHeaderButton.js

@@ -40,12 +40,12 @@ var ButtonTypography = function ButtonTypography(_ref) {
     return (0, _jsxRuntime.createScopedElement)(_Title.default, {
       Component: "span",
       level: "3",
-      weight: primary ? 'semibold' : 'regular'
+      weight: primary ? "semibold" : "regular"
     }, children);
   }
 
   return (0, _jsxRuntime.createScopedElement)(_Text.default, {
-    weight: platform === _platform.VKCOM ? 'regular' : 'medium'
+    weight: platform === _platform.VKCOM ? "regular" : "medium"
   }, children);
 };
 
@@ -62,29 +62,29 @@ var PanelHeaderButton = function PanelHeaderButton(_ref2) {
 
   switch (platform) {
     case _platform.ANDROID:
-      hoverMode = 'background';
-      activeMode = 'background';
+      hoverMode = "background";
+      activeMode = "background";
       break;
 
     case _platform.IOS:
-      hoverMode = 'background';
-      activeMode = 'opacity';
+      hoverMode = "background";
+      activeMode = "opacity";
       break;
 
     case _platform.VKCOM:
-      hoverMode = 'PanelHeaderButton--hover';
-      activeMode = 'PanelHeaderButton--active';
+      hoverMode = "PanelHeaderButton--hover";
+      activeMode = "PanelHeaderButton--active";
   }
 
   return (0, _jsxRuntime.createScopedElement)(_Tappable.default, (0, _extends2.default)({}, restProps, {
     hoverMode: hoverMode,
-    Component: restProps.href ? 'a' : 'button',
+    Component: restProps.href ? "a" : "button",
     activeEffectDelay: 200,
     activeMode: activeMode,
-    vkuiClass: (0, _classNames.classNames)((0, _getClassName.getClassName)('PanelHeaderButton', platform), {
-      'PanelHeaderButton--primary': primary,
-      'PanelHeaderButton--primitive': isPrimitive,
-      'PanelHeaderButton--notPrimitive': !isPrimitive && !isPrimitiveLabel
+    vkuiClass: (0, _classNames.classNames)((0, _getClassName.getClassName)("PanelHeaderButton", platform), {
+      "PanelHeaderButton--primary": primary,
+      "PanelHeaderButton--primitive": isPrimitive,
+      "PanelHeaderButton--notPrimitive": !isPrimitive && !isPrimitiveLabel
     })
   }), isPrimitive ? (0, _jsxRuntime.createScopedElement)(ButtonTypography, {
     primary: primary
@@ -95,7 +95,7 @@ var PanelHeaderButton = function PanelHeaderButton(_ref2) {
 
 exports.PanelHeaderButton = PanelHeaderButton;
 PanelHeaderButton.defaultProps = {
-  'primary': false,
-  'aria-label': 'Закрыть'
+  primary: false,
+  "aria-label": "Закрыть"
 };
 //# sourceMappingURL=PanelHeaderButton.js.map