@vkontakte/vkui 4.29.1 → 4.32.0

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

@@ -1,7 +1,6 @@
 import * as React from "react";
-interface TransitionContextProps {
+export interface TransitionContextProps {
     entering: boolean;
 }
 export declare const useNavTransition: () => TransitionContextProps;
 export declare const NavTransitionProvider: React.FC<TransitionContextProps>;
-export {};

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,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"}
+{"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;;;;AAEA,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\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: 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/Pagination/Pagination.d.ts

@@ -39,4 +39,7 @@ export interface PaginationProps extends Omit<React.HTMLAttributes<HTMLElement>,
     getPageAriaLabel?(page: number, isCurrent: boolean): string;
     onChange?(page: number): void;
 }
+/**
+ * @see https://vkcom.github.io/VKUI/#/Pagination
+ */
 export declare const Pagination: React.FC<PaginationProps>;

package/dist/cjs/components/Pagination/Pagination.js

@@ -35,6 +35,9 @@ function getPageAriaLabelDefault(page, isCurrent) {
   return isCurrent ? "".concat(page, " \u0441\u0442\u0440\u0430\u043D\u0438\u0446\u0430") : "\u041F\u0435\u0440\u0435\u0439\u0442\u0438 \u043D\u0430 ".concat(page, " \u0441\u0442\u0440\u0430\u043D\u0438\u0446\u0443");
 }
 
+/**
+ * @see https://vkcom.github.io/VKUI/#/Pagination
+ */
 var Pagination = function Pagination(_ref) {
   var _ref$currentPage = _ref.currentPage,
       currentPage = _ref$currentPage === void 0 ? 1 : _ref$currentPage,

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/Pagination/Pagination.tsx"],"names":["getPageAriaLabelDefault","page","isCurrent","Pagination","currentPage","siblingCount","boundaryCount","totalPages","disabled","getPageAriaLabel","prevButtonAriaLabel","nextButtonAriaLabel","getRootRef","onChange","resetProps","sizeY","pages","isFirstPage","isLastPage","handlePrevClick","React","useCallback","handleClick","event","currentTarget","dataset","Number","handleNextClick","renderPages","undefined","map"],"mappings":"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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\nexport const Pagination: React.FC<PaginationProps> = ({\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}) => {\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"}
+{"version":3,"sources":["../../../../src/components/Pagination/Pagination.tsx"],"names":["getPageAriaLabelDefault","page","isCurrent","Pagination","currentPage","siblingCount","boundaryCount","totalPages","disabled","getPageAriaLabel","prevButtonAriaLabel","nextButtonAriaLabel","getRootRef","onChange","resetProps","sizeY","pages","isFirstPage","isLastPage","handlePrevClick","React","useCallback","handleClick","event","currentTarget","dataset","Number","handleNextClick","renderPages","undefined","map"],"mappings":";;;;;;;;;;;;;;;;;AAAA;;AACA;;AAOA;;AAEA;;AACA;;AAEA;;AACA;;;;AAIA,SAASA,uBAAT,CAAiCC,IAAjC,EAA+CC,SAA/C,EAA2E;AACzE,SAAOA,SAAS,aAAMD,IAAN,2HAAsCA,IAAtC,sDAAhB;AACD;;AA2CD;AACA;AACA;AACO,IAAME,UAAqC,GAAG,SAAxCA,UAAwC,OAY/C;AAAA,8BAXJC,WAWI;AAAA,MAXJA,WAWI,iCAXU,CAWV;AAAA,+BAVJC,YAUI;AAAA,MAVJA,YAUI,kCAVW,CAUX;AAAA,gCATJC,aASI;AAAA,MATJA,aASI,mCATY,CASZ;AAAA,6BARJC,UAQI;AAAA,MARJA,UAQI,gCARS,CAQT;AAAA,MAPJC,QAOI,QAPJA,QAOI;AAAA,mCANJC,gBAMI;AAAA,MANJA,gBAMI,sCANeT,uBAMf;AAAA,mCALJU,mBAKI;AAAA,MALJA,mBAKI,sCALkB,gCAKlB;AAAA,mCAJJC,mBAII;AAAA,MAJJA,mBAII,sCAJkB,+BAIlB;AAAA,MAHJC,UAGI,QAHJA,UAGI;AAAA,MAFJC,QAEI,QAFJA,QAEI;AAAA,MADDC,UACC;;AACJ,uBAAkB,oCAAlB;AAAA,MAAQC,KAAR,kBAAQA,KAAR;;AAEA,MAAMC,KAAK,GAAG,kCAAc;AAC1BZ,IAAAA,WAAW,EAAXA,WAD0B;AAE1BG,IAAAA,UAAU,EAAVA,UAF0B;AAG1BF,IAAAA,YAAY,EAAZA,YAH0B;AAI1BC,IAAAA,aAAa,EAAbA;AAJ0B,GAAd,CAAd;AAMA,MAAMW,WAAW,GAAGb,WAAW,KAAK,CAApC;AACA,MAAMc,UAAU,GAAGd,WAAW,KAAKG,UAAnC;AAEA,MAAMY,eAAe,GAAGC,KAAK,CAACC,WAAN,CAAkB,YAAM;AAC9C,QAAIR,QAAQ,IAAI,CAACI,WAAjB,EAA8B;AAC5BJ,MAAAA,QAAQ,CAACT,WAAW,GAAG,CAAf,CAAR;AACD;AACF,GAJuB,EAIrB,CAACA,WAAD,EAAca,WAAd,EAA2BJ,QAA3B,CAJqB,CAAxB;AAMA,MAAMS,WAAW,GAAGF,KAAK,CAACC,WAAN,CAClB,UAACE,KAAD,EAA0C;AACxC,QAAMtB,IAAY,GAAGsB,KAAK,CAACC,aAAN,CAAoBC,OAApB,CAA4BxB,IAA5B,IAAoC,GAAzD;AACAY,IAAAA,QAAQ,SAAR,IAAAA,QAAQ,WAAR,YAAAA,QAAQ,CAAGa,MAAM,CAACzB,IAAD,CAAT,CAAR;AACD,GAJiB,EAKlB,CAACY,QAAD,CALkB,CAApB;AAQA,MAAMc,eAAe,GAAGP,KAAK,CAACC,WAAN,CAAkB,YAAM;AAC9C,QAAIR,QAAQ,IAAI,CAACK,UAAjB,EAA6B;AAC3BL,MAAAA,QAAQ,CAACT,WAAW,GAAG,CAAf,CAAR;AACD;AACF,GAJuB,EAIrB,CAACA,WAAD,EAAcc,UAAd,EAA0BL,QAA1B,CAJqB,CAAxB;AAMA,MAAMe,WAAW,GAAGR,KAAK,CAACC,WAAN,CAClB,UAACpB,IAAD,EAA8B;AAC5B,YAAQA,IAAR;AACE,WAAK,gBAAL;AACA,WAAK,cAAL;AACE,eACE;AAAI,UAAA,GAAG,EAAEA;AAAT,WACE;AACE,UAAA,SAAS,EAAE,4BACT,kBADS,EAET,iCAFS,oCAGkBc,KAHlB,GAITP,QAAQ,IAAI,4BAJH;AADb,iBADF,CADF;;AAcF;AAAS;AACP,cAAMN,UAAS,GAAGD,IAAI,KAAKG,WAA3B;;AACA,iBACE;AAAI,YAAA,GAAG,EAAEH;AAAT,aACE,qCAAC,iBAAD;AACE,YAAA,SAAS,EAAE,4BACT,kBADS,oCAEkBc,KAFlB,GAGTb,UAAS,IAAI,2BAHJ,EAITM,QAAQ,IAAI,4BAJH,CADb;AAOE,YAAA,UAAU,EAAC,gCAPb;AAQE,YAAA,SAAS,EAAC,+BARZ;AASE,YAAA,SAAS,EAAE,CAACN,UATd;AAUE,YAAA,QAAQ,EAAE,CAACA,UAVb;AAWE,YAAA,gBAAgB,EAAC,SAXnB;AAYE,YAAA,QAAQ,EAAEM,QAZZ;AAaE,yBAAWP,IAbb;AAcE,4BAAcC,UAAS,GAAG,IAAH,GAAU2B,SAdnC;AAeE,0BAAYpB,gBAAgB,CAACR,IAAD,EAAOC,UAAP,CAf9B;AAgBE,YAAA,OAAO,EAAEoB;AAhBX,aAkBGrB,IAlBH,CADF,CADF;AAwBD;AA3CH;AA6CD,GA/CiB,EAgDlB,CAACc,KAAD,EAAQX,WAAR,EAAqBI,QAArB,EAA+BC,gBAA/B,EAAiDa,WAAjD,CAhDkB,CAApB;AAmDA,SACE;AACE,IAAA,SAAS,EAAC,YADZ;AAEE,IAAA,IAAI,EAAC,YAFP;AAGE,kBAAW,4HAHb;AAIE,IAAA,GAAG,EAAEV;AAJP,KAKME,UALN,GAOE;AAAI,IAAA,SAAS,EAAC;AAAd,KACE;AAAI,IAAA,SAAS,EAAC;AAAd,KACE,qCAAC,cAAD;AACE,IAAA,IAAI,EAAC,GADP;AAEE,IAAA,MAAM,EAAE,qCAAC,+BAAD;AAA0B,MAAA,KAAK,EAAE;AAAjC,MAFV;AAGE,IAAA,UAAU,EAAC,QAHb;AAIE,IAAA,IAAI,EAAC,UAJP;AAKE,IAAA,SAAS,MALX;AAME,IAAA,QAAQ,EAAEG,WAAW,IAAIT,QAN3B;AAOE,kBAAYE,mBAPd;AAQE,IAAA,OAAO,EAAES;AARX,IADF,CADF,EAaGH,KAAK,CAACc,GAAN,CAAUF,WAAV,CAbH,EAcE;AAAI,IAAA,SAAS,EAAC;AAAd,KACE,qCAAC,cAAD;AACE,IAAA,IAAI,EAAC,GADP;AAEE,IAAA,KAAK,EAAE,qCAAC,gCAAD;AAA2B,MAAA,KAAK,EAAE;AAAlC,MAFT;AAGE,IAAA,UAAU,EAAC,QAHb;AAIE,IAAA,IAAI,EAAC,UAJP;AAKE,IAAA,SAAS,MALX;AAME,IAAA,QAAQ,EAAEV,UAAU,IAAIV,QAN1B;AAOE,kBAAYG,mBAPd;AAQE,IAAA,OAAO,EAAEgB;AARX,IADF,CAdF,CAPF,CADF;AAqCD,CApIM","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: React.FC<PaginationProps> = ({\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}) => {\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"}

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

@@ -6,4 +6,7 @@ import "./Panel.css";
 export interface PanelProps extends React.HTMLAttributes<HTMLDivElement>, HasRootRef<HTMLDivElement>, AdaptivityProps, NavIdProps {
     centered?: boolean;
 }
+/**
+ * @see https://vkcom.github.io/VKUI/#/Panel
+ */
 export declare const Panel: React.FC<Pick<PanelProps & AdaptivityContextInterface, "hidden" | "dir" | "nav" | "slot" | "style" | "title" | "color" | "translate" | "prefix" | "children" | "className" | "id" | "lang" | "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" | "getRootRef" | "centered"> & import("../AdaptivityProvider/AdaptivityContext").SizeProps>;

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

@@ -30,6 +30,10 @@ var _platform = require("../../lib/platform");
 var _usePlatform = require("../../hooks/usePlatform");
 
 var _excluded = ["centered", "children", "getRootRef", "sizeX", "nav"];
+
+/**
+ * @see https://vkcom.github.io/VKUI/#/Panel
+ */
 var Panel = (0, _withAdaptivity.withAdaptivity)(function (_ref) {
   var _ref$centered = _ref.centered,
       centered = _ref$centered === void 0 ? false : _ref$centered,

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;;;AAgBO,IAAMA,KAAK,GAAG,oCACnB,gBAA0E;AAAA,2BAAvEC,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,GAAG,+BAAjB;AAEA,SACE,uEACMD,SADN;AAEE,IAAA,GAAG,EAAEH,UAFP,CAGE;AAHF;AAIE,IAAA,SAAS,EAAE,6BACT,gCAAa,OAAb,EAAsBI,QAAtB,CADS,mBAECH,KAFD;AAIP,yBAAmBH;AAJZ,8BAKUG,KALV,GAKoB,IALpB;AAJb,MAaE,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,CAbF,CADF;AA0BD,CA9BkB,EA+BnB;AACEE,EAAAA,KAAK,EAAE;AADT,CA/BmB,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 } 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\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"],"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;;;;AAgBA;AACA;AACA;AACO,IAAMA,KAAK,GAAG,oCACnB,gBAA0E;AAAA,2BAAvEC,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,GAAG,+BAAjB;AAEA,SACE,uEACMD,SADN;AAEE,IAAA,GAAG,EAAEH,UAFP,CAGE;AAHF;AAIE,IAAA,SAAS,EAAE,6BACT,gCAAa,OAAb,EAAsBI,QAAtB,CADS,mBAECH,KAFD;AAIP,yBAAmBH;AAJZ,8BAKUG,KALV,GAKoB,IALpB;AAJb,MAaE,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,CAbF,CADF;AA0BD,CA9BkB,EA+BnB;AACEE,EAAAA,KAAK,EAAE;AADT,CA/BmB,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 } 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"],"file":"Panel.js"}

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

@@ -3,7 +3,15 @@ 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 {
+    before?: React.ReactNode;
+    /**
+     * @deprecated Будет удалено в 5.0.0. Используйте `before`
+     */
     left?: React.ReactNode;
+    after?: React.ReactNode;
+    /**
+     * @deprecated Будет удалено в 5.0.0. Используйте `after`
+     */
     right?: React.ReactNode;
     separator?: boolean;
     transparent?: boolean;
@@ -17,5 +25,7 @@ export interface PanelHeaderProps extends React.HTMLAttributes<HTMLDivElement>,
      */
     fixed?: boolean;
 }
-declare const _default: React.FC<Pick<PanelHeaderProps, "fixed" | "transparent" | "left" | "right" | "hidden" | "dir" | "slot" | "style" | "title" | "color" | "separator" | "translate" | "prefix" | "children" | "className" | "id" | "lang" | "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" | "getRootRef" | "getRef" | "shadow" | "visor"> & import("../AdaptivityProvider/AdaptivityContext").SizeProps>;
-export default _default;
+/**
+ * @see https://vkcom.github.io/VKUI/#/PanelHeader
+ */
+export declare const PanelHeader: React.FC<Pick<PanelHeaderProps, "fixed" | "transparent" | "left" | "right" | "hidden" | "dir" | "slot" | "style" | "title" | "color" | "separator" | "after" | "translate" | "prefix" | "children" | "className" | "id" | "lang" | "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" | "getRootRef" | "getRef" | "before" | "visor" | "shadow"> & import("../AdaptivityProvider/AdaptivityContext").SizeProps>;

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

@@ -7,7 +7,7 @@ var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWild
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = void 0;
+exports.PanelHeader = void 0;
 
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 
@@ -23,9 +23,11 @@ var _getClassName = require("../../helpers/getClassName");
 
 var _classNames = require("../../lib/classNames");
 
+var _warnOnce = require("../../lib/warnOnce");
+
 var _FixedLayout = _interopRequireDefault(require("../FixedLayout/FixedLayout"));
 
-var _Separator = _interopRequireDefault(require("../Separator/Separator"));
+var _Separator = require("../Separator/Separator");
 
 var _platform = require("../../lib/platform");
 
@@ -33,18 +35,21 @@ var _ConfigProviderContext = require("../ConfigProvider/ConfigProviderContext");
 
 var _withAdaptivity = require("../../hoc/withAdaptivity");
 
-var _Text = _interopRequireDefault(require("../Typography/Text/Text"));
+var _Text = require("../Typography/Text/Text");
 
 var _TooltipContainer = require("../Tooltip/TooltipContainer");
 
 var _ModalRootContext = _interopRequireDefault(require("../ModalRoot/ModalRootContext"));
 
-var _excluded = ["left", "children", "right", "separator", "visor", "transparent", "shadow", "getRef", "getRootRef", "sizeX", "sizeY", "fixed"];
+var _Spacing = require("../Spacing/Spacing");
+
+var _excluded = ["before", "left", "after", "right", "children", "separator", "visor", "transparent", "shadow", "getRef", "getRootRef", "sizeX", "sizeY", "fixed"];
 
 var PanelHeaderIn = function PanelHeaderIn(_ref) {
-  var children = _ref.children,
-      left = _ref.left,
-      right = _ref.right;
+  var before = _ref.before,
+      after = _ref.after,
+      separator = _ref.separator,
+      children = _ref.children;
 
   var _React$useContext = React.useContext(_ConfigProviderContext.ConfigProviderContext),
       webviewType = _React$useContext.webviewType;
@@ -53,36 +58,45 @@ var PanelHeaderIn = function PanelHeaderIn(_ref) {
       isInsideModal = _React$useContext2.isInsideModal;
 
   var platform = (0, _usePlatform.usePlatform)();
-  return (0, _jsxRuntime.createScopedElement)(_TooltipContainer.TooltipContainer, {
+  return (0, _jsxRuntime.createScopedElement)(React.Fragment, null, (0, _jsxRuntime.createScopedElement)(_TooltipContainer.TooltipContainer, {
     fixed: true,
     vkuiClass: "PanelHeader__in"
   }, (0, _jsxRuntime.createScopedElement)("div", {
-    vkuiClass: "PanelHeader__left"
-  }, left), (0, _jsxRuntime.createScopedElement)("div", {
+    vkuiClass: "PanelHeader__before"
+  }, before), (0, _jsxRuntime.createScopedElement)("div", {
     vkuiClass: "PanelHeader__content"
-  }, platform === _platform.VKCOM ? (0, _jsxRuntime.createScopedElement)(_Text.default, {
-    weight: "medium"
+  }, platform === _platform.VKCOM ? (0, _jsxRuntime.createScopedElement)(_Text.Text, {
+    weight: "2"
   }, children) : (0, _jsxRuntime.createScopedElement)("span", {
     vkuiClass: "PanelHeader__content-in"
   }, children)), (0, _jsxRuntime.createScopedElement)("div", {
-    vkuiClass: "PanelHeader__right"
-  }, (webviewType === _ConfigProviderContext.WebviewType.INTERNAL || isInsideModal) && right));
+    vkuiClass: "PanelHeader__after"
+  }, (webviewType === _ConfigProviderContext.WebviewType.INTERNAL || isInsideModal) && after)), separator && platform === _platform.VKCOM && (0, _jsxRuntime.createScopedElement)(_Separator.Separator, {
+    wide: true
+  }));
 };
 
-var PanelHeader = function PanelHeader(props) {
-  var left = props.left,
-      children = props.children,
-      right = props.right,
-      separator = props.separator,
-      visor = props.visor,
-      transparent = props.transparent,
-      shadow = props.shadow,
-      getRef = props.getRef,
-      getRootRef = props.getRootRef,
-      sizeX = props.sizeX,
-      sizeY = props.sizeY,
-      fixed = props.fixed,
-      restProps = (0, _objectWithoutProperties2.default)(props, _excluded);
+var warn = (0, _warnOnce.warnOnce)("PanelHeader");
+
+var PanelHeaderComponent = function PanelHeaderComponent(_ref2) {
+  var propsBefore = _ref2.before,
+      left = _ref2.left,
+      propsAfter = _ref2.after,
+      right = _ref2.right,
+      children = _ref2.children,
+      _ref2$separator = _ref2.separator,
+      separator = _ref2$separator === void 0 ? true : _ref2$separator,
+      _ref2$visor = _ref2.visor,
+      visor = _ref2$visor === void 0 ? true : _ref2$visor,
+      _ref2$transparent = _ref2.transparent,
+      transparent = _ref2$transparent === void 0 ? false : _ref2$transparent,
+      shadow = _ref2.shadow,
+      getRef = _ref2.getRef,
+      getRootRef = _ref2.getRootRef,
+      sizeX = _ref2.sizeX,
+      sizeY = _ref2.sizeY,
+      fixed = _ref2.fixed,
+      restProps = (0, _objectWithoutProperties2.default)(_ref2, _excluded);
   var platform = (0, _usePlatform.usePlatform)();
 
   var _React$useContext3 = React.useContext(_ConfigProviderContext.ConfigProviderContext),
@@ -92,7 +106,23 @@ var PanelHeader = function PanelHeader(props) {
       isInsideModal = _React$useContext4.isInsideModal;
 
   var needShadow = shadow && sizeX === _withAdaptivity.SizeType.REGULAR;
-  var isFixed = fixed !== undefined ? fixed : platform !== _platform.Platform.VKCOM;
+  var isFixed = fixed !== undefined ? fixed : platform !== _platform.Platform.VKCOM; // TODO: удалить перед 5.0.0
+
+  var before = propsBefore !== null && propsBefore !== void 0 ? propsBefore : left;
+  var after = propsAfter !== null && propsAfter !== void 0 ? propsAfter : right;
+
+  if (process.env.NODE_ENV === "development") {
+    right && warn("Свойство right устарелo и будет удалено в 5.0.0. Используйте after.");
+    left && warn("Свойство left устарелo и будет удалено в 5.0.0. Используйте before.");
+  } // /end TODO
+
+
+  var innerProps = {
+    before: before,
+    after: after,
+    separator: separator,
+    children: children
+  };
   return (0, _jsxRuntime.createScopedElement)("div", (0, _extends2.default)({}, restProps, {
     // eslint-disable-next-line vkui/no-object-expression-in-arguments
     vkuiClass: (0, _classNames.classNames)((0, _getClassName.getClassName)("PanelHeader", platform), {
@@ -101,8 +131,8 @@ var PanelHeader = function PanelHeader(props) {
       "PanelHeader--vis": visor,
       "PanelHeader--sep": separator && visor,
       "PanelHeader--vkapps": webviewType === _ConfigProviderContext.WebviewType.VKAPPS && !isInsideModal,
-      "PanelHeader--no-left": !left,
-      "PanelHeader--no-right": !right,
+      "PanelHeader--no-before": !before,
+      "PanelHeader--no-after": !after,
       "PanelHeader--fixed": isFixed
     }, "PanelHeader--sizeX-".concat(sizeX)),
     ref: isFixed ? getRootRef : getRef
@@ -110,22 +140,18 @@ var PanelHeader = function PanelHeader(props) {
     vkuiClass: "PanelHeader__fixed",
     vertical: "top",
     getRootRef: getRef
-  }, (0, _jsxRuntime.createScopedElement)(PanelHeaderIn, props)) : (0, _jsxRuntime.createScopedElement)(PanelHeaderIn, props), separator && visor && platform !== _platform.VKCOM && (0, _jsxRuntime.createScopedElement)(_Separator.default, {
-    vkuiClass: "PanelHeader__separator",
-    expanded: sizeX === _withAdaptivity.SizeType.REGULAR
-  }));
+  }, (0, _jsxRuntime.createScopedElement)(PanelHeaderIn, innerProps)) : (0, _jsxRuntime.createScopedElement)(PanelHeaderIn, innerProps), separator && visor && platform !== _platform.VKCOM && (sizeX === _withAdaptivity.SizeType.REGULAR ? (0, _jsxRuntime.createScopedElement)(_Spacing.Spacing, {
+    size: 16
+  }) : (0, _jsxRuntime.createScopedElement)(_Separator.Separator, null)));
 };
+/**
+ * @see https://vkcom.github.io/VKUI/#/PanelHeader
+ */
 
-PanelHeader.defaultProps = {
-  separator: true,
-  transparent: false,
-  visor: true
-}; // eslint-disable-next-line import/no-default-export
 
-var _default = (0, _withAdaptivity.withAdaptivity)(PanelHeader, {
+var PanelHeader = (0, _withAdaptivity.withAdaptivity)(PanelHeaderComponent, {
   sizeX: true,
   sizeY: true
 });
-
-exports.default = _default;
+exports.PanelHeader = PanelHeader;
 //# sourceMappingURL=PanelHeader.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/PanelHeader/PanelHeader.tsx"],"names":["PanelHeaderIn","children","left","right","React","useContext","ConfigProviderContext","webviewType","ModalRootContext","isInsideModal","platform","VKCOM","WebviewType","INTERNAL","PanelHeader","props","separator","visor","transparent","shadow","getRef","getRootRef","sizeX","sizeY","fixed","restProps","needShadow","SizeType","REGULAR","isFixed","undefined","Platform","VKAPPS","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 Text from \"../Typography/Text/Text\";\nimport { TooltipContainer } from \"../Tooltip/TooltipContainer\";\nimport ModalRootContext from \"../ModalRoot/ModalRootContext\";\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 PanelHeaderIn: React.FC<PanelHeaderProps> = ({\n  children,\n  left,\n  right,\n}) => {\n  const { webviewType } = React.useContext(ConfigProviderContext);\n  const { isInsideModal } = React.useContext(ModalRootContext);\n  const platform = usePlatform();\n\n  return (\n    <TooltipContainer fixed vkuiClass=\"PanelHeader__in\">\n      <div vkuiClass=\"PanelHeader__left\">{left}</div>\n      <div vkuiClass=\"PanelHeader__content\">\n        {platform === VKCOM ? (\n          <Text weight=\"medium\">{children}</Text>\n        ) : (\n          <span vkuiClass=\"PanelHeader__content-in\">{children}</span>\n        )}\n      </div>\n      <div vkuiClass=\"PanelHeader__right\">\n        {(webviewType === WebviewType.INTERNAL || isInsideModal) && 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 { isInsideModal } = React.useContext(ModalRootContext);\n  const needShadow = shadow && sizeX === SizeType.REGULAR;\n  let isFixed = fixed !== undefined ? fixed : platform !== Platform.VKCOM;\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-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\n// eslint-disable-next-line import/no-default-export\nexport default withAdaptivity(PanelHeader, {\n  sizeX: true,\n  sizeY: true,\n});\n"],"file":"PanelHeader.js"}
+{"version":3,"sources":["../../../../src/components/PanelHeader/PanelHeader.tsx"],"names":["PanelHeaderIn","before","after","separator","children","React","useContext","ConfigProviderContext","webviewType","ModalRootContext","isInsideModal","platform","VKCOM","WebviewType","INTERNAL","warn","PanelHeaderComponent","propsBefore","left","propsAfter","right","visor","transparent","shadow","getRef","getRootRef","sizeX","sizeY","fixed","restProps","needShadow","SizeType","REGULAR","isFixed","undefined","Platform","process","env","NODE_ENV","innerProps","VKAPPS","PanelHeader"],"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 { 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: React.FC<PanelHeaderProps> = ({\n  before,\n  after,\n  separator,\n  children,\n}) => {\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"],"file":"PanelHeader.js"}

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

@@ -33,6 +33,9 @@ var _classNames = require("../../lib/classNames");
 
 var _excluded = ["label", "sizeX"];
 
+/**
+ * @see https://vkcom.github.io/VKUI/#/PanelHeaderBack
+ */
 var PanelHeaderBack = function PanelHeaderBack(_ref) {
   var label = _ref.label,
       sizeX = _ref.sizeX,

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;;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;AACA,IAAA,SAAS,EAAE,4BAAW,gCAAa,iBAAb,EAAgCC,QAAhC,CAAX,EAAsD;AAC/D,oCAA8BC,SAAS,IAAI,CAAC,CAACJ;AADkB,KAAtD,CAHb;AAME,IAAA,KAAK,EAAEI,SAAS,IAAIJ;AANtB,MAQGG,QAAQ,KAAKM,iBAAb,IAAwB,qCAAC,6BAAD,OAR3B,EASGN,QAAQ,KAAKE,eAAb,IAAsB,qCAAC,+BAAD,OATzB,EAUGF,QAAQ,KAAKG,aAAb,IAAoB,qCAAC,wBAAD,OAVvB,CADF;AAcD,CAvBD;;AAyBAP,eAAe,CAACW,YAAhB,GAA+B;AAC7B,gBAAc;AADe,CAA/B,C,CAIA;;4BACeC,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      // 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\nPanelHeaderBack.defaultProps = {\n  \"aria-label\": \"Назад\",\n};\n\n// eslint-disable-next-line import/no-default-export\nexport default React.memo(\n  withAdaptivity(PanelHeaderBack, {\n    sizeX: true,\n  })\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;AACA;AACA;AACA,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;AACA,IAAA,SAAS,EAAE,4BAAW,gCAAa,iBAAb,EAAgCC,QAAhC,CAAX,EAAsD;AAC/D,oCAA8BC,SAAS,IAAI,CAAC,CAACJ;AADkB,KAAtD,CAHb;AAME,IAAA,KAAK,EAAEI,SAAS,IAAIJ;AANtB,MAQGG,QAAQ,KAAKM,iBAAb,IAAwB,qCAAC,6BAAD,OAR3B,EASGN,QAAQ,KAAKE,eAAb,IAAsB,qCAAC,+BAAD,OATzB,EAUGF,QAAQ,KAAKG,aAAb,IAAoB,qCAAC,wBAAD,OAVvB,CADF;AAcD,CAvBD;;AAyBAP,eAAe,CAACW,YAAhB,GAA+B;AAC7B,gBAAc;AADe,CAA/B,C,CAIA;;4BACeC,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\n/**\n * @see https://vkcom.github.io/VKUI/#/PanelHeaderBack\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      // 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\nPanelHeaderBack.defaultProps = {\n  \"aria-label\": \"Назад\",\n};\n\n// eslint-disable-next-line import/no-default-export\nexport default React.memo(\n  withAdaptivity(PanelHeaderBack, {\n    sizeX: true,\n  })\n);\n"],"file":"PanelHeaderBack.js"}

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

@@ -5,4 +5,7 @@ export interface PanelHeaderButtonProps extends Omit<TappableProps, "label"> {
     primary?: boolean;
     label?: React.ReactNode;
 }
+/**
+ * @see https://vkcom.github.io/VKUI/#/PanelHeaderButton
+ */
 export declare const PanelHeaderButton: React.FC<PanelHeaderButtonProps>;

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

@@ -27,7 +27,7 @@ var _utils = require("../../lib/utils");
 
 var _platform = require("../../lib/platform");
 
-var _Text = _interopRequireDefault(require("../Typography/Text/Text"));
+var _Text = require("../Typography/Text/Text");
 
 var _Title = require("../Typography/Title/Title");
 
@@ -46,12 +46,15 @@ var ButtonTypography = function ButtonTypography(_ref) {
     }, children);
   }
 
-  return (0, _jsxRuntime.createScopedElement)(_Text.default, {
-    weight: platform === _platform.VKCOM ? "regular" : "medium"
+  return (0, _jsxRuntime.createScopedElement)(_Text.Text, {
+    weight: platform === _platform.VKCOM ? undefined : "2"
   }, children);
 };
 
 var warn = (0, _warnOnce.warnOnce)("PanelHeaderButton");
+/**
+ * @see https://vkcom.github.io/VKUI/#/PanelHeaderButton
+ */
 
 var PanelHeaderButton = function PanelHeaderButton(_ref2) {
   var children = _ref2.children,

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/PanelHeaderButton/PanelHeaderButton.tsx"],"names":["ButtonTypography","primary","children","platform","IOS","VKCOM","warn","PanelHeaderButton","label","restProps","isPrimitive","isPrimitiveLabel","hoverMode","activeMode","ANDROID","process","env","NODE_ENV","hasAccessibleName","Boolean","href"],"mappings":";;;;;;;;;;;;;;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;AAYA,IAAMA,gBAAiD,GAAG,SAApDA,gBAAoD,OAG7B;AAAA,MAF3BC,OAE2B,QAF3BA,OAE2B;AAAA,MAD3BC,QAC2B,QAD3BA,QAC2B;AAC3B,MAAMC,QAAQ,GAAG,+BAAjB;;AAEA,MAAIA,QAAQ,KAAKC,aAAjB,EAAsB;AACpB,WACE,qCAAC,YAAD;AAAO,MAAA,SAAS,EAAC,MAAjB;AAAwB,MAAA,KAAK,EAAC,GAA9B;AAAkC,MAAA,MAAM,EAAEH,OAAO,GAAG,GAAH,GAAS;AAA1D,OACGC,QADH,CADF;AAKD;;AAED,SACE,qCAAC,aAAD;AAAM,IAAA,MAAM,EAAEC,QAAQ,KAAKE,eAAb,GAAqB,SAArB,GAAiC;AAA/C,KAA0DH,QAA1D,CADF;AAGD,CAjBD;;AAmBA,IAAMI,IAAI,GAAG,wBAAS,mBAAT,CAAb;;AACO,IAAMC,iBAAmD,GAAG,SAAtDA,iBAAsD,QAKrC;AAAA,MAJ5BL,QAI4B,SAJ5BA,QAI4B;AAAA,4BAH5BD,OAG4B;AAAA,MAH5BA,OAG4B,8BAHlB,KAGkB;AAAA,MAF5BO,KAE4B,SAF5BA,KAE4B;AAAA,MADzBC,SACyB;AAC5B,MAAMC,WAAW,GAAG,iCAAqBR,QAArB,CAApB;AACA,MAAMS,gBAAgB,GAAG,iCAAqBH,KAArB,CAAzB;AACA,MAAML,QAAQ,GAAG,+BAAjB;AAEA,MAAIS,SAAJ;AACA,MAAIC,UAAJ;;AAEA,UAAQV,QAAR;AACE,SAAKW,iBAAL;AACEF,MAAAA,SAAS,GAAG,YAAZ;AACAC,MAAAA,UAAU,GAAG,YAAb;AACA;;AACF,SAAKT,aAAL;AACEQ,MAAAA,SAAS,GAAG,YAAZ;AACAC,MAAAA,UAAU,GAAG,SAAb;AACA;;AACF,SAAKR,eAAL;AACEO,MAAAA,SAAS,GAAG,0BAAZ;AACAC,MAAAA,UAAU,GAAG,2BAAb;AAXJ;;AAcA,MAAIE,OAAO,CAACC,GAAR,CAAYC,QAAZ,KAAyB,aAA7B,EAA4C;AAC1C,QAAMC,iBAAiB,GAAGC,OAAO,CAC/B,iCAAqBjB,QAArB,KACE,iCAAqBM,KAArB,CADF,IAEEC,SAAS,CAAC,YAAD,CAFX,IAGEA,SAAS,CAAC,iBAAD,CAJoB,CAAjC;;AAOA,QAAI,CAACS,iBAAL,EAAwB;AACtBZ,MAAAA,IAAI,CACF,oMADE,EAEF,OAFE,CAAJ;AAID;AACF;;AAED,SACE,qCAAC,iBAAD,6BACMG,SADN;AAEE,IAAA,SAAS,EAAEG,SAFb;AAGE,IAAA,SAAS,EAAEH,SAAS,CAACW,IAAV,GAAiB,GAAjB,GAAuB,QAHpC;AAIE,IAAA,iBAAiB,EAAE,GAJrB;AAKE,IAAA,UAAU,EAAEP,UALd,CAME;AANF;AAOE,IAAA,SAAS,EAAE,4BAAW,gCAAa,mBAAb,EAAkCV,QAAlC,CAAX,EAAwD;AACjE,oCAA8BF,OADmC;AAEjE,sCAAgCS,WAFiC;AAGjE,yCAAmC,CAACA,WAAD,IAAgB,CAACC;AAHa,KAAxD;AAPb,MAaGD,WAAW,GACV,qCAAC,gBAAD;AAAkB,IAAA,OAAO,EAAET;AAA3B,KAAqCC,QAArC,CADU,GAGVA,QAhBJ,EAkBGS,gBAAgB,GACf,qCAAC,gBAAD;AAAkB,IAAA,OAAO,EAAEV;AAA3B,KAAqCO,KAArC,CADe,GAGfA,KArBJ,CADF;AA0BD,CArEM","sourcesContent":["import * as React from \"react\";\nimport Tappable, { TappableProps } 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: React.FC<ButtonTypographyProps> = ({\n  primary,\n  children,\n}: 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 (\n    <Text weight={platform === VKCOM ? \"regular\" : \"medium\"}>{children}</Text>\n  );\n};\n\nconst warn = warnOnce(\"PanelHeaderButton\");\nexport const PanelHeaderButton: React.FC<PanelHeaderButtonProps> = ({\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"}
+{"version":3,"sources":["../../../../src/components/PanelHeaderButton/PanelHeaderButton.tsx"],"names":["ButtonTypography","primary","children","platform","IOS","VKCOM","undefined","warn","PanelHeaderButton","label","restProps","isPrimitive","isPrimitiveLabel","hoverMode","activeMode","ANDROID","process","env","NODE_ENV","hasAccessibleName","Boolean","href"],"mappings":";;;;;;;;;;;;;;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;AAYA,IAAMA,gBAAiD,GAAG,SAApDA,gBAAoD,OAG7B;AAAA,MAF3BC,OAE2B,QAF3BA,OAE2B;AAAA,MAD3BC,QAC2B,QAD3BA,QAC2B;AAC3B,MAAMC,QAAQ,GAAG,+BAAjB;;AAEA,MAAIA,QAAQ,KAAKC,aAAjB,EAAsB;AACpB,WACE,qCAAC,YAAD;AAAO,MAAA,SAAS,EAAC,MAAjB;AAAwB,MAAA,KAAK,EAAC,GAA9B;AAAkC,MAAA,MAAM,EAAEH,OAAO,GAAG,GAAH,GAAS;AAA1D,OACGC,QADH,CADF;AAKD;;AAED,SAAO,qCAAC,UAAD;AAAM,IAAA,MAAM,EAAEC,QAAQ,KAAKE,eAAb,GAAqBC,SAArB,GAAiC;AAA/C,KAAqDJ,QAArD,CAAP;AACD,CAfD;;AAiBA,IAAMK,IAAI,GAAG,wBAAS,mBAAT,CAAb;AAEA;AACA;AACA;;AACO,IAAMC,iBAAmD,GAAG,SAAtDA,iBAAsD,QAKrC;AAAA,MAJ5BN,QAI4B,SAJ5BA,QAI4B;AAAA,4BAH5BD,OAG4B;AAAA,MAH5BA,OAG4B,8BAHlB,KAGkB;AAAA,MAF5BQ,KAE4B,SAF5BA,KAE4B;AAAA,MADzBC,SACyB;AAC5B,MAAMC,WAAW,GAAG,iCAAqBT,QAArB,CAApB;AACA,MAAMU,gBAAgB,GAAG,iCAAqBH,KAArB,CAAzB;AACA,MAAMN,QAAQ,GAAG,+BAAjB;AAEA,MAAIU,SAAJ;AACA,MAAIC,UAAJ;;AAEA,UAAQX,QAAR;AACE,SAAKY,iBAAL;AACEF,MAAAA,SAAS,GAAG,YAAZ;AACAC,MAAAA,UAAU,GAAG,YAAb;AACA;;AACF,SAAKV,aAAL;AACES,MAAAA,SAAS,GAAG,YAAZ;AACAC,MAAAA,UAAU,GAAG,SAAb;AACA;;AACF,SAAKT,eAAL;AACEQ,MAAAA,SAAS,GAAG,0BAAZ;AACAC,MAAAA,UAAU,GAAG,2BAAb;AAXJ;;AAcA,MAAIE,OAAO,CAACC,GAAR,CAAYC,QAAZ,KAAyB,aAA7B,EAA4C;AAC1C,QAAMC,iBAAiB,GAAGC,OAAO,CAC/B,iCAAqBlB,QAArB,KACE,iCAAqBO,KAArB,CADF,IAEEC,SAAS,CAAC,YAAD,CAFX,IAGEA,SAAS,CAAC,iBAAD,CAJoB,CAAjC;;AAOA,QAAI,CAACS,iBAAL,EAAwB;AACtBZ,MAAAA,IAAI,CACF,oMADE,EAEF,OAFE,CAAJ;AAID;AACF;;AAED,SACE,qCAAC,iBAAD,6BACMG,SADN;AAEE,IAAA,SAAS,EAAEG,SAFb;AAGE,IAAA,SAAS,EAAEH,SAAS,CAACW,IAAV,GAAiB,GAAjB,GAAuB,QAHpC;AAIE,IAAA,iBAAiB,EAAE,GAJrB;AAKE,IAAA,UAAU,EAAEP,UALd,CAME;AANF;AAOE,IAAA,SAAS,EAAE,4BAAW,gCAAa,mBAAb,EAAkCX,QAAlC,CAAX,EAAwD;AACjE,oCAA8BF,OADmC;AAEjE,sCAAgCU,WAFiC;AAGjE,yCAAmC,CAACA,WAAD,IAAgB,CAACC;AAHa,KAAxD;AAPb,MAaGD,WAAW,GACV,qCAAC,gBAAD;AAAkB,IAAA,OAAO,EAAEV;AAA3B,KAAqCC,QAArC,CADU,GAGVA,QAhBJ,EAkBGU,gBAAgB,GACf,qCAAC,gBAAD;AAAkB,IAAA,OAAO,EAAEX;AAA3B,KAAqCQ,KAArC,CADe,GAGfA,KArBJ,CADF;AA0BD,CArEM","sourcesContent":["import * as React from \"react\";\nimport Tappable, { TappableProps } 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: React.FC<ButtonTypographyProps> = ({\n  primary,\n  children,\n}: 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: React.FC<PanelHeaderButtonProps> = ({\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"}

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

@@ -1,4 +1,7 @@
 import * as React from "react";
 import { PanelHeaderButtonProps } from "../PanelHeaderButton/PanelHeaderButton";
+/**
+ * @see https://vkcom.github.io/VKUI/#/PanelHeaderClose
+ */
 declare const PanelHeaderClose: React.FunctionComponent<PanelHeaderButtonProps>;
 export default PanelHeaderClose;

package/dist/cjs/components/PanelHeaderClose/PanelHeaderClose.js

@@ -25,6 +25,9 @@ var _usePlatform = require("../../hooks/usePlatform");
 
 var _excluded = ["children"];
 
+/**
+ * @see https://vkcom.github.io/VKUI/#/PanelHeaderClose
+ */
 var PanelHeaderClose = function PanelHeaderClose(_ref) {
   var children = _ref.children,
       restProps = (0, _objectWithoutProperties2.default)(_ref, _excluded);

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/PanelHeaderClose/PanelHeaderClose.tsx"],"names":["PanelHeaderClose","children","restProps","platform","ANDROID","VKCOM","defaultProps"],"mappings":";;;;;;;;;;;;;;;AACA;;AACA;;AAIA;;AACA;;AACA;;;;AAEA,IAAMA,gBAAiE,GAAG,SAApEA,gBAAoE,OAG5C;AAAA,MAF5BC,QAE4B,QAF5BA,QAE4B;AAAA,MADzBC,SACyB;AAC5B,MAAMC,QAAQ,GAAG,+BAAjB;AACA,SACE,qCAAC,oCAAD;AACE,kBAAY,iCAAqBF,QAArB;AADd,KAEMC,SAFN,GAIGC,QAAQ,KAAKC,iBAAb,IAAwBD,QAAQ,KAAKE,eAArC,GACC,qCAAC,0BAAD,OADD,GAGCJ,QAPJ,CADF;AAYD,CAjBD;;AAmBAD,gBAAgB,CAACM,YAAjB,GAAgC;AAC9BL,EAAAA,QAAQ,EAAE;AADoB,CAAhC,C,CAIA;;eACeD,gB","sourcesContent":["import * as React from \"react\";\nimport { 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\nconst PanelHeaderClose: React.FunctionComponent<PanelHeaderButtonProps> = ({\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\nPanelHeaderClose.defaultProps = {\n  children: \"Отмена\",\n};\n\n// eslint-disable-next-line import/no-default-export\nexport default PanelHeaderClose;\n"],"file":"PanelHeaderClose.js"}
+{"version":3,"sources":["../../../../src/components/PanelHeaderClose/PanelHeaderClose.tsx"],"names":["PanelHeaderClose","children","restProps","platform","ANDROID","VKCOM","defaultProps"],"mappings":";;;;;;;;;;;;;;;AACA;;AACA;;AAIA;;AACA;;AACA;;;;AAEA;AACA;AACA;AACA,IAAMA,gBAAiE,GAAG,SAApEA,gBAAoE,OAG5C;AAAA,MAF5BC,QAE4B,QAF5BA,QAE4B;AAAA,MADzBC,SACyB;AAC5B,MAAMC,QAAQ,GAAG,+BAAjB;AACA,SACE,qCAAC,oCAAD;AACE,kBAAY,iCAAqBF,QAArB;AADd,KAEMC,SAFN,GAIGC,QAAQ,KAAKC,iBAAb,IAAwBD,QAAQ,KAAKE,eAArC,GACC,qCAAC,0BAAD,OADD,GAGCJ,QAPJ,CADF;AAYD,CAjBD;;AAmBAD,gBAAgB,CAACM,YAAjB,GAAgC;AAC9BL,EAAAA,QAAQ,EAAE;AADoB,CAAhC,C,CAIA;;eACeD,gB","sourcesContent":["import * as React from \"react\";\nimport { 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 */\nconst PanelHeaderClose: React.FunctionComponent<PanelHeaderButtonProps> = ({\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\nPanelHeaderClose.defaultProps = {\n  children: \"Отмена\",\n};\n\n// eslint-disable-next-line import/no-default-export\nexport default PanelHeaderClose;\n"],"file":"PanelHeaderClose.js"}

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

@@ -5,5 +5,8 @@ export interface PanelHeaderContentProps extends React.HTMLAttributes<HTMLDivEle
     before?: React.ReactNode;
     status?: React.ReactNode;
 }
+/**
+ * @see https://vkcom.github.io/VKUI/#/PanelHeaderContent
+ */
 declare const PanelHeaderContent: React.FunctionComponent<PanelHeaderContentProps>;
 export default PanelHeaderContent;