@vkontakte/vkui 5.7.2 → 5.8.0

package/dist/lib/adaptivity/functions.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/lib/adaptivity/functions.ts"],"sourcesContent":["import type { Exact } from '../../types';\nimport { Platform, type PlatformType } from '../platform';\nimport { SizeType, VIEW_WIDTH_TO_CSS_BREAKPOINT_MAP, ViewHeight, ViewWidth } from './constants';\nimport type { CSSBreakpointsClassNames, MediaQueries } from './types';\n\nexport function getViewWidthByMediaQueries(mediaQueries: MediaQueries): ViewWidth {\n  /* eslint-disable no-restricted-properties */\n  if (mediaQueries.desktopPlus.matches) {\n    return ViewWidth.DESKTOP;\n  }\n  if (mediaQueries.tablet.matches) {\n    return ViewWidth.TABLET;\n  }\n  if (mediaQueries.smallTablet.matches) {\n    return ViewWidth.SMALL_TABLET;\n  }\n  if (mediaQueries.mobile.matches) {\n    return ViewWidth.MOBILE;\n  }\n  /* eslint-enable no-restricted-properties */\n  return ViewWidth.SMALL_MOBILE;\n}\n\nexport function getViewHeightByMediaQueries(mediaQueries: MediaQueries): ViewHeight {\n  /* eslint-disable no-restricted-properties */\n  if (mediaQueries.mediumHeight.matches) {\n    return ViewHeight.MEDIUM;\n  }\n  if (mediaQueries.mobileLandscapeHeight.matches) {\n    return ViewHeight.SMALL;\n  }\n  /* eslint-enable no-restricted-properties */\n  return ViewHeight.EXTRA_SMALL;\n}\n\nexport function getSizeX(viewWidth: ViewWidth): SizeType {\n  return viewWidth <= ViewWidth.MOBILE ? SizeType.COMPACT : SizeType.REGULAR;\n}\n\nexport function getSizeY(\n  viewWidth: ViewWidth,\n  viewHeight: ViewHeight,\n  hasPointer: boolean,\n): SizeType {\n  if ((viewWidth >= ViewWidth.SMALL_TABLET && hasPointer) || viewHeight <= ViewHeight.EXTRA_SMALL) {\n    return SizeType.COMPACT;\n  }\n  return SizeType.REGULAR;\n}\n\n/**\n * Проверка на Desktop.\n *\n * Функция гарантировано вернёт `boolean` или `null` в зависимости от условий.\n *\n * Возвращаем `null` в случае, если у нас недостаточно данных, чтобы определить платформу.\n *\n * ⚠️ При передаче Platform.VKCOM всегда будет возвращать `true`.\n */\nexport function tryToCheckIsDesktop(viewWidth: ViewWidth, viewHeight: ViewHeight, hasPointer: undefined | boolean, platform?: PlatformType): boolean; // prettier-ignore\nexport function tryToCheckIsDesktop(viewWidth: ViewWidth, viewHeight: undefined, hasPointer: boolean, platform?: PlatformType): boolean; // prettier-ignore\nexport function tryToCheckIsDesktop(viewWidth: undefined | ViewWidth, viewHeight: undefined, hasPointer: undefined, platform?: PlatformType): null; // prettier-ignore\nexport function tryToCheckIsDesktop(viewWidth: undefined, viewHeight: undefined | ViewHeight, hasPointer: undefined, platform?: PlatformType): null; // prettier-ignore\nexport function tryToCheckIsDesktop(viewWidth: undefined, viewHeight: undefined, hasPointer: undefined | boolean, platform?: PlatformType): null; // prettier-ignore\nexport function tryToCheckIsDesktop(viewWidth: undefined | ViewWidth, viewHeight: undefined | ViewHeight, hasPointer: undefined | boolean, platform?: PlatformType): null | boolean; // prettier-ignore\nexport function tryToCheckIsDesktop(\n  viewWidth: undefined | ViewWidth,\n  viewHeight: undefined | ViewHeight,\n  hasPointer: undefined | boolean,\n  platform?: PlatformType,\n): null | boolean {\n  // см. https://github.com/VKCOM/VKUI/pull/2473\n  const IS_VKCOM_CRUTCH = platform === Platform.VKCOM;\n\n  if (\n    ((viewWidth === undefined || hasPointer === undefined) &&\n      (viewWidth === undefined || viewHeight === undefined)) ||\n    (hasPointer === undefined && viewHeight === undefined)\n  ) {\n    return IS_VKCOM_CRUTCH ? true : null;\n  }\n\n  const widthIsLikeDesktop = viewWidth >= ViewWidth.SMALL_TABLET;\n  const otherParametersIsLikeDesktop =\n    hasPointer || (viewHeight !== undefined ? viewHeight >= ViewHeight.MEDIUM : false);\n\n  return (widthIsLikeDesktop && otherParametersIsLikeDesktop) || IS_VKCOM_CRUTCH;\n}\n\n/**\n * Конвертирует `viewWidth` в CSS брейкпоинты (см. тесты для наглядности).\n *\n * > Note: используется восклицательный знак (!), чтобы принудить TS поверить, что св-во точно не может быть\n * > `undefined`. Это всё из-за применения `Partial<...>` для объекта.\n */\nexport function viewWidthToClassName<T extends Partial<CSSBreakpointsClassNames>>(\n  breakpointClassNames: Exact<CSSBreakpointsClassNames, T>,\n  viewWidth: ViewWidth | 'none' = 'none',\n): string | null {\n  if (viewWidth === 'none') {\n    return breakpointClassNames.hasOwnProperty('none') ? breakpointClassNames['none']! : null;\n  }\n\n  const breakpoints: string[] = [];\n  const breakpointName = VIEW_WIDTH_TO_CSS_BREAKPOINT_MAP[viewWidth];\n\n  if (breakpointClassNames.hasOwnProperty(breakpointName)) {\n    breakpoints.push(breakpointClassNames[breakpointName]!);\n  }\n\n  if (viewWidth >= ViewWidth.MOBILE) {\n    if (breakpointClassNames.hasOwnProperty('mobilePlus')) {\n      breakpoints.push(breakpointClassNames['mobilePlus']!);\n    }\n  }\n\n  if (viewWidth >= ViewWidth.SMALL_TABLET) {\n    if (breakpointClassNames.hasOwnProperty('smallTabletPlus')) {\n      breakpoints.push(breakpointClassNames['smallTabletPlus']!);\n    }\n  } else {\n    if (breakpointClassNames.hasOwnProperty('smallTabletMinus')) {\n      breakpoints.push(breakpointClassNames['smallTabletMinus']!);\n    }\n  }\n\n  if (viewWidth >= ViewWidth.TABLET) {\n    if (breakpointClassNames.hasOwnProperty('tabletPlus')) {\n      breakpoints.push(breakpointClassNames['tabletPlus']!);\n    }\n  } else {\n    if (breakpointClassNames.hasOwnProperty('tabletMinus')) {\n      breakpoints.push(breakpointClassNames['tabletMinus']!);\n    }\n  }\n\n  return breakpoints.length > 0 ? breakpoints.join(' ') : null;\n}\n"],"names":["Platform","SizeType","VIEW_WIDTH_TO_CSS_BREAKPOINT_MAP","ViewHeight","ViewWidth","getViewWidthByMediaQueries","mediaQueries","desktopPlus","matches","DESKTOP","tablet","TABLET","smallTablet","SMALL_TABLET","mobile","MOBILE","SMALL_MOBILE","getViewHeightByMediaQueries","mediumHeight","MEDIUM","mobileLandscapeHeight","SMALL","EXTRA_SMALL","getSizeX","viewWidth","COMPACT","REGULAR","getSizeY","viewHeight","hasPointer","tryToCheckIsDesktop","platform","IS_VKCOM_CRUTCH","VKCOM","undefined","widthIsLikeDesktop","otherParametersIsLikeDesktop","viewWidthToClassName","breakpointClassNames","hasOwnProperty","breakpoints","breakpointName","push","length","join"],"mappings":"AACA,SAASA,QAAQ,QAA2B,cAAc;AAC1D,SAASC,QAAQ,EAAEC,gCAAgC,EAAEC,UAAU,EAAEC,SAAS,QAAQ,cAAc;AAGhG,OAAO,SAASC,2BAA2BC,YAA0B;IACnE,2CAA2C,GAC3C,IAAIA,aAAaC,WAAW,CAACC,OAAO,EAAE;QACpC,OAAOJ,UAAUK,OAAO;IAC1B;IACA,IAAIH,aAAaI,MAAM,CAACF,OAAO,EAAE;QAC/B,OAAOJ,UAAUO,MAAM;IACzB;IACA,IAAIL,aAAaM,WAAW,CAACJ,OAAO,EAAE;QACpC,OAAOJ,UAAUS,YAAY;IAC/B;IACA,IAAIP,aAAaQ,MAAM,CAACN,OAAO,EAAE;QAC/B,OAAOJ,UAAUW,MAAM;IACzB;IACA,0CAA0C,GAC1C,OAAOX,UAAUY,YAAY;AAC/B;AAEA,OAAO,SAASC,4BAA4BX,YAA0B;IACpE,2CAA2C,GAC3C,IAAIA,aAAaY,YAAY,CAACV,OAAO,EAAE;QACrC,OAAOL,WAAWgB,MAAM;IAC1B;IACA,IAAIb,aAAac,qBAAqB,CAACZ,OAAO,EAAE;QAC9C,OAAOL,WAAWkB,KAAK;IACzB;IACA,0CAA0C,GAC1C,OAAOlB,WAAWmB,WAAW;AAC/B;AAEA,OAAO,SAASC,SAASC,SAAoB;IAC3C,OAAOA,aAAapB,UAAUW,MAAM,GAAGd,SAASwB,OAAO,GAAGxB,SAASyB,OAAO;AAC5E;AAEA,OAAO,SAASC,SACdH,SAAoB,EACpBI,UAAsB,EACtBC,UAAmB;IAEnB,IAAI,AAACL,aAAapB,UAAUS,YAAY,IAAIgB,cAAeD,cAAczB,WAAWmB,WAAW,EAAE;QAC/F,OAAOrB,SAASwB,OAAO;IACzB;IACA,OAAOxB,SAASyB,OAAO;AACzB;AAiBA,OAAO,SAASI,oBACdN,SAAgC,EAChCI,UAAkC,EAClCC,UAA+B,EAC/BE,QAAuB;IAEvB,8CAA8C;IAC9C,IAAMC,kBAAkBD,aAAa/B,SAASiC,KAAK;IAEnD,IACE,AAAET,CAAAA,cAAcU,aAAaL,eAAeK,SAAQ,KACjDV,CAAAA,cAAcU,aAAaN,eAAeM,SAAQ,KACpDL,eAAeK,aAAaN,eAAeM,WAC5C;QACA,OAAOF,kBAAkB,OAAO;IAClC;IAEA,IAAMG,qBAAqBX,aAAapB,UAAUS,YAAY;IAC9D,IAAMuB,+BACJP,cAAeD,CAAAA,eAAeM,YAAYN,cAAczB,WAAWgB,MAAM,GAAG,KAAI;IAElF,OAAO,AAACgB,sBAAsBC,gCAAiCJ;AACjE;AAEA;;;;;CAKC,GACD,OAAO,SAASK,qBACdC,oBAAwD;QACxDd,YAAAA,iEAAgC;IAEhC,IAAIA,cAAc,QAAQ;QACxB,OAAOc,qBAAqBC,cAAc,CAAC,UAAUD,oBAAoB,CAAC,OAAO,GAAI;IACvF;IAEA,IAAME,cAAwB,EAAE;IAChC,IAAMC,iBAAiBvC,gCAAgC,CAACsB,UAAU;IAElE,IAAIc,qBAAqBC,cAAc,CAACE,iBAAiB;QACvDD,YAAYE,IAAI,CAACJ,oBAAoB,CAACG,eAAe;IACvD;IAEA,IAAIjB,aAAapB,UAAUW,MAAM,EAAE;QACjC,IAAIuB,qBAAqBC,cAAc,CAAC,eAAe;YACrDC,YAAYE,IAAI,CAACJ,oBAAoB,CAAC,aAAa;QACrD;IACF;IAEA,IAAId,aAAapB,UAAUS,YAAY,EAAE;QACvC,IAAIyB,qBAAqBC,cAAc,CAAC,oBAAoB;YAC1DC,YAAYE,IAAI,CAACJ,oBAAoB,CAAC,kBAAkB;QAC1D;IACF,OAAO;QACL,IAAIA,qBAAqBC,cAAc,CAAC,qBAAqB;YAC3DC,YAAYE,IAAI,CAACJ,oBAAoB,CAAC,mBAAmB;QAC3D;IACF;IAEA,IAAId,aAAapB,UAAUO,MAAM,EAAE;QACjC,IAAI2B,qBAAqBC,cAAc,CAAC,eAAe;YACrDC,YAAYE,IAAI,CAACJ,oBAAoB,CAAC,aAAa;QACrD;IACF,OAAO;QACL,IAAIA,qBAAqBC,cAAc,CAAC,gBAAgB;YACtDC,YAAYE,IAAI,CAACJ,oBAAoB,CAAC,cAAc;QACtD;IACF;IAEA,OAAOE,YAAYG,MAAM,GAAG,IAAIH,YAAYI,IAAI,CAAC,OAAO;AAC1D"}
+{"version":3,"sources":["../../../src/lib/adaptivity/functions.ts"],"sourcesContent":["import type { Exact } from '../../types';\nimport { Platform, type PlatformType } from '../platform';\nimport {\n  BREAKPOINTS,\n  SizeType,\n  VIEW_WIDTH_TO_CSS_BREAKPOINT_MAP,\n  ViewHeight,\n  ViewWidth,\n} from './constants';\nimport type { CSSBreakpointsClassNames, MediaQueries } from './types';\n\n/**\n * @public\n */\nexport function getViewWidthByViewportWidth(viewportWidth: number) {\n  if (viewportWidth >= BREAKPOINTS.DESKTOP) {\n    return ViewWidth.DESKTOP;\n  }\n  if (viewportWidth >= BREAKPOINTS.TABLET) {\n    return ViewWidth.TABLET;\n  }\n  if (viewportWidth >= BREAKPOINTS.SMALL_TABLET) {\n    return ViewWidth.SMALL_TABLET;\n  }\n  if (viewportWidth >= BREAKPOINTS.MOBILE) {\n    return ViewWidth.MOBILE;\n  }\n  return ViewWidth.SMALL_MOBILE;\n}\n\nexport function getViewWidthByMediaQueries(mediaQueries: MediaQueries): ViewWidth {\n  /* eslint-disable no-restricted-properties */\n  if (mediaQueries.desktopPlus.matches) {\n    return ViewWidth.DESKTOP;\n  }\n  if (mediaQueries.tablet.matches) {\n    return ViewWidth.TABLET;\n  }\n  if (mediaQueries.smallTablet.matches) {\n    return ViewWidth.SMALL_TABLET;\n  }\n  if (mediaQueries.mobile.matches) {\n    return ViewWidth.MOBILE;\n  }\n  /* eslint-enable no-restricted-properties */\n  return ViewWidth.SMALL_MOBILE;\n}\n\n/**\n * @public\n */\nexport function getViewHeightByViewportHeight(viewportHeight: number) {\n  if (viewportHeight >= BREAKPOINTS.MEDIUM_HEIGHT) {\n    return ViewHeight.MEDIUM;\n  }\n  if (viewportHeight >= BREAKPOINTS.MOBILE_LANDSCAPE_HEIGHT) {\n    return ViewHeight.SMALL;\n  }\n  return ViewHeight.EXTRA_SMALL;\n}\n\nexport function getViewHeightByMediaQueries(mediaQueries: MediaQueries): ViewHeight {\n  /* eslint-disable no-restricted-properties */\n  if (mediaQueries.mediumHeight.matches) {\n    return ViewHeight.MEDIUM;\n  }\n  if (mediaQueries.mobileLandscapeHeight.matches) {\n    return ViewHeight.SMALL;\n  }\n  /* eslint-enable no-restricted-properties */\n  return ViewHeight.EXTRA_SMALL;\n}\n\nexport function getSizeX(viewWidth: ViewWidth): SizeType {\n  return viewWidth <= ViewWidth.MOBILE ? SizeType.COMPACT : SizeType.REGULAR;\n}\n\nexport function getSizeY(\n  viewWidth: ViewWidth,\n  viewHeight: ViewHeight,\n  hasPointer: boolean,\n): SizeType {\n  if ((viewWidth >= ViewWidth.SMALL_TABLET && hasPointer) || viewHeight <= ViewHeight.EXTRA_SMALL) {\n    return SizeType.COMPACT;\n  }\n  return SizeType.REGULAR;\n}\n\n/**\n * Проверка на Desktop.\n *\n * Функция гарантировано вернёт `boolean` или `null` в зависимости от условий.\n *\n * Возвращаем `null` в случае, если у нас недостаточно данных, чтобы определить платформу.\n *\n * ⚠️ При передаче Platform.VKCOM всегда будет возвращать `true`.\n */\nexport function tryToCheckIsDesktop(viewWidth: ViewWidth, viewHeight: ViewHeight, hasPointer: undefined | boolean, platform?: PlatformType): boolean; // prettier-ignore\nexport function tryToCheckIsDesktop(viewWidth: ViewWidth, viewHeight: undefined, hasPointer: boolean, platform?: PlatformType): boolean; // prettier-ignore\nexport function tryToCheckIsDesktop(viewWidth: undefined | ViewWidth, viewHeight: undefined, hasPointer: undefined, platform?: PlatformType): null; // prettier-ignore\nexport function tryToCheckIsDesktop(viewWidth: undefined, viewHeight: undefined | ViewHeight, hasPointer: undefined, platform?: PlatformType): null; // prettier-ignore\nexport function tryToCheckIsDesktop(viewWidth: undefined, viewHeight: undefined, hasPointer: undefined | boolean, platform?: PlatformType): null; // prettier-ignore\nexport function tryToCheckIsDesktop(viewWidth: undefined | ViewWidth, viewHeight: undefined | ViewHeight, hasPointer: undefined | boolean, platform?: PlatformType): null | boolean; // prettier-ignore\nexport function tryToCheckIsDesktop(\n  viewWidth: undefined | ViewWidth,\n  viewHeight: undefined | ViewHeight,\n  hasPointer: undefined | boolean,\n  platform?: PlatformType,\n): null | boolean {\n  // см. https://github.com/VKCOM/VKUI/pull/2473\n  const IS_VKCOM_CRUTCH = platform === Platform.VKCOM;\n\n  if (\n    ((viewWidth === undefined || hasPointer === undefined) &&\n      (viewWidth === undefined || viewHeight === undefined)) ||\n    (hasPointer === undefined && viewHeight === undefined)\n  ) {\n    return IS_VKCOM_CRUTCH ? true : null;\n  }\n\n  const widthIsLikeDesktop = viewWidth >= ViewWidth.SMALL_TABLET;\n  const otherParametersIsLikeDesktop =\n    hasPointer || (viewHeight !== undefined ? viewHeight >= ViewHeight.MEDIUM : false);\n\n  return (widthIsLikeDesktop && otherParametersIsLikeDesktop) || IS_VKCOM_CRUTCH;\n}\n\n/**\n * Конвертирует `viewWidth` в CSS брейкпоинты (см. тесты для наглядности).\n *\n * > Note: используется восклицательный знак (!), чтобы принудить TS поверить, что св-во точно не может быть\n * > `undefined`. Это всё из-за применения `Partial<...>` для объекта.\n */\nexport function viewWidthToClassName<T extends Partial<CSSBreakpointsClassNames>>(\n  breakpointClassNames: Exact<CSSBreakpointsClassNames, T>,\n  viewWidth: ViewWidth | 'none' = 'none',\n): string | null {\n  if (viewWidth === 'none') {\n    return breakpointClassNames.hasOwnProperty('none') ? breakpointClassNames['none']! : null;\n  }\n\n  const breakpoints: string[] = [];\n  const breakpointName = VIEW_WIDTH_TO_CSS_BREAKPOINT_MAP[viewWidth];\n\n  if (breakpointClassNames.hasOwnProperty(breakpointName)) {\n    breakpoints.push(breakpointClassNames[breakpointName]!);\n  }\n\n  if (viewWidth >= ViewWidth.MOBILE) {\n    if (breakpointClassNames.hasOwnProperty('mobilePlus')) {\n      breakpoints.push(breakpointClassNames['mobilePlus']!);\n    }\n  }\n\n  if (viewWidth >= ViewWidth.SMALL_TABLET) {\n    if (breakpointClassNames.hasOwnProperty('smallTabletPlus')) {\n      breakpoints.push(breakpointClassNames['smallTabletPlus']!);\n    }\n  } else {\n    if (breakpointClassNames.hasOwnProperty('smallTabletMinus')) {\n      breakpoints.push(breakpointClassNames['smallTabletMinus']!);\n    }\n  }\n\n  if (viewWidth >= ViewWidth.TABLET) {\n    if (breakpointClassNames.hasOwnProperty('tabletPlus')) {\n      breakpoints.push(breakpointClassNames['tabletPlus']!);\n    }\n  } else {\n    if (breakpointClassNames.hasOwnProperty('tabletMinus')) {\n      breakpoints.push(breakpointClassNames['tabletMinus']!);\n    }\n  }\n\n  return breakpoints.length > 0 ? breakpoints.join(' ') : null;\n}\n"],"names":["Platform","BREAKPOINTS","SizeType","VIEW_WIDTH_TO_CSS_BREAKPOINT_MAP","ViewHeight","ViewWidth","getViewWidthByViewportWidth","viewportWidth","DESKTOP","TABLET","SMALL_TABLET","MOBILE","SMALL_MOBILE","getViewWidthByMediaQueries","mediaQueries","desktopPlus","matches","tablet","smallTablet","mobile","getViewHeightByViewportHeight","viewportHeight","MEDIUM_HEIGHT","MEDIUM","MOBILE_LANDSCAPE_HEIGHT","SMALL","EXTRA_SMALL","getViewHeightByMediaQueries","mediumHeight","mobileLandscapeHeight","getSizeX","viewWidth","COMPACT","REGULAR","getSizeY","viewHeight","hasPointer","tryToCheckIsDesktop","platform","IS_VKCOM_CRUTCH","VKCOM","undefined","widthIsLikeDesktop","otherParametersIsLikeDesktop","viewWidthToClassName","breakpointClassNames","hasOwnProperty","breakpoints","breakpointName","push","length","join"],"mappings":"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"}

package/dist/lib/appearance/index.d.ts

@@ -0,0 +1 @@
+export type { AppearanceType } from './types';

package/dist/lib/appearance/index.js

@@ -0,0 +1,3 @@
+export { };
+
+//# sourceMappingURL=index.js.map

package/dist/lib/appearance/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/lib/appearance/index.ts"],"sourcesContent":["export type { AppearanceType } from './types';\n"],"names":[],"mappings":"AAAA,WAA8C"}

package/dist/lib/appearance/types.d.ts

@@ -0,0 +1 @@
+export type AppearanceType = 'light' | 'dark';

package/dist/lib/appearance/types.js

@@ -0,0 +1,3 @@
+export { };
+
+//# sourceMappingURL=types.js.map

package/dist/lib/appearance/types.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/lib/appearance/types.ts"],"sourcesContent":["export type AppearanceType = 'light' | 'dark';\n"],"names":[],"mappings":"AAAA,WAA8C"}

package/dist/lib/floating/index.d.ts

@@ -1,4 +1,4 @@
-export { useFloating, offset as offsetMiddleware, flip as flipMiddleware, shift as shiftMiddleware, autoPlacement as autoPlacementMiddleware, arrow as arrowMiddleware, size as sizeMiddleware, } from '@floating-ui/react-dom';
+export { useFloating, offset as offsetMiddleware, flip as flipMiddleware, shift as shiftMiddleware, autoPlacement as autoPlacementMiddleware, arrow as arrowMiddleware, size as sizeMiddleware, hide as hideMiddleware, } from '@floating-ui/react-dom';
 export type { Placement, PlacementWithAuto, AutoPlacementType, UseFloatingMiddleware, } from './types';
 export { checkIsNotAutoPlacement, getAutoPlacementAlign, convertFloatingDataToReactCSSProperties, } from './functions';
 export { autoUpdateFloatingElement } from './adapters';

package/dist/lib/floating/index.js

@@ -1,4 +1,4 @@
-export { useFloating, offset as offsetMiddleware, flip as flipMiddleware, shift as shiftMiddleware, autoPlacement as autoPlacementMiddleware, arrow as arrowMiddleware, size as sizeMiddleware } from "@floating-ui/react-dom";
+export { useFloating, offset as offsetMiddleware, flip as flipMiddleware, shift as shiftMiddleware, autoPlacement as autoPlacementMiddleware, arrow as arrowMiddleware, size as sizeMiddleware, hide as hideMiddleware } from "@floating-ui/react-dom";
 export { checkIsNotAutoPlacement, getAutoPlacementAlign, convertFloatingDataToReactCSSProperties } from "./functions";
 export { autoUpdateFloatingElement } from "./adapters";
 

package/dist/lib/floating/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/lib/floating/index.ts"],"sourcesContent":["export {\n  useFloating,\n  offset as offsetMiddleware,\n  flip as flipMiddleware,\n  shift as shiftMiddleware,\n  autoPlacement as autoPlacementMiddleware,\n  arrow as arrowMiddleware,\n  size as sizeMiddleware,\n} from '@floating-ui/react-dom';\n\nexport type {\n  Placement,\n  PlacementWithAuto,\n  AutoPlacementType,\n  UseFloatingMiddleware,\n} from './types';\n\nexport {\n  checkIsNotAutoPlacement,\n  getAutoPlacementAlign,\n  convertFloatingDataToReactCSSProperties,\n} from './functions';\n\nexport { autoUpdateFloatingElement } from './adapters';\n"],"names":["useFloating","offset","offsetMiddleware","flip","flipMiddleware","shift","shiftMiddleware","autoPlacement","autoPlacementMiddleware","arrow","arrowMiddleware","size","sizeMiddleware","checkIsNotAutoPlacement","getAutoPlacementAlign","convertFloatingDataToReactCSSProperties","autoUpdateFloatingElement"],"mappings":"AAAA,SACEA,WAAW,EACXC,UAAUC,gBAAgB,EAC1BC,QAAQC,cAAc,EACtBC,SAASC,eAAe,EACxBC,iBAAiBC,uBAAuB,EACxCC,SAASC,eAAe,EACxBC,QAAQC,cAAc,QACjB,yBAAyB;AAShC,SACEC,uBAAuB,EACvBC,qBAAqB,EACrBC,uCAAuC,QAClC,cAAc;AAErB,SAASC,yBAAyB,QAAQ,aAAa"}
+{"version":3,"sources":["../../../src/lib/floating/index.ts"],"sourcesContent":["export {\n  useFloating,\n  offset as offsetMiddleware,\n  flip as flipMiddleware,\n  shift as shiftMiddleware,\n  autoPlacement as autoPlacementMiddleware,\n  arrow as arrowMiddleware,\n  size as sizeMiddleware,\n  hide as hideMiddleware,\n} from '@floating-ui/react-dom';\n\nexport type {\n  Placement,\n  PlacementWithAuto,\n  AutoPlacementType,\n  UseFloatingMiddleware,\n} from './types';\n\nexport {\n  checkIsNotAutoPlacement,\n  getAutoPlacementAlign,\n  convertFloatingDataToReactCSSProperties,\n} from './functions';\n\nexport { autoUpdateFloatingElement } from './adapters';\n"],"names":["useFloating","offset","offsetMiddleware","flip","flipMiddleware","shift","shiftMiddleware","autoPlacement","autoPlacementMiddleware","arrow","arrowMiddleware","size","sizeMiddleware","hide","hideMiddleware","checkIsNotAutoPlacement","getAutoPlacementAlign","convertFloatingDataToReactCSSProperties","autoUpdateFloatingElement"],"mappings":"AAAA,SACEA,WAAW,EACXC,UAAUC,gBAAgB,EAC1BC,QAAQC,cAAc,EACtBC,SAASC,eAAe,EACxBC,iBAAiBC,uBAAuB,EACxCC,SAASC,eAAe,EACxBC,QAAQC,cAAc,EACtBC,QAAQC,cAAc,QACjB,yBAAyB;AAShC,SACEC,uBAAuB,EACvBC,qBAAqB,EACrBC,uCAAuC,QAClC,cAAc;AAErB,SAASC,yBAAyB,QAAQ,aAAa"}

package/dist/lib/platform.js

@@ -7,23 +7,27 @@ export var Platform;
     Platform["IOS"] = "ios";
     Platform["VKCOM"] = "vkcom";
 })(Platform || (Platform = {}));
-var PLATFORM_ALIAS = {
-    desktop_web: Platform.VKCOM
-};
-function isPlatformAlias(platformAlias) {
-    return platformAlias in PLATFORM_ALIAS;
-}
 /**
+ * TODO [>=6]: удалить из VKUI
+ *
  * Значение, которое передаётся в качестве query-параметра при открытии VK Mini Apps
  * @see {@link https://dev.vk.com/mini-apps/development/launch-params#vk_platform vk_platform}
+ *
+ * @deprecated v5.8.0
  */ function getPlatformByQueryString(queryString) {
+    var PLATFORM_ALIAS = {
+        desktop_web: Platform.VKCOM
+    };
+    var isPlatformAlias = function(platformAlias) {
+        return platformAlias in PLATFORM_ALIAS;
+    };
     try {
         var parsedQuery = querystring.parse(queryString);
         var platformAliasByQuery = parsedQuery["vk_platform"];
         return typeof platformAliasByQuery === "string" && isPlatformAlias(platformAliasByQuery) ? PLATFORM_ALIAS[platformAliasByQuery] : undefined;
     } catch (e) {
         console.warn(e);
-        return undefined;
+        return;
     }
 }
 var platformByQueryString = canUseDOM ? getPlatformByQueryString(location.search) : undefined;

package/dist/lib/platform.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/lib/platform.ts"],"sourcesContent":["import { querystring } from '@vkontakte/vkjs';\nimport { LiteralUnion } from '../types';\nimport { BrowserInfo, computeBrowserInfo } from './browser';\nimport { canUseDOM } from './dom';\n\nexport enum Platform {\n  ANDROID = 'android',\n  IOS = 'ios',\n  VKCOM = 'vkcom',\n}\n\nconst PLATFORM_ALIAS = {\n  desktop_web: Platform.VKCOM,\n};\n\nfunction isPlatformAlias(platformAlias: string): platformAlias is keyof typeof PLATFORM_ALIAS {\n  return platformAlias in PLATFORM_ALIAS;\n}\n\n/**\n * Значение, которое передаётся в качестве query-параметра при открытии VK Mini Apps\n * @see {@link https://dev.vk.com/mini-apps/development/launch-params#vk_platform vk_platform}\n */\nfunction getPlatformByQueryString(queryString: string): Platform | undefined {\n  try {\n    const parsedQuery = querystring.parse(queryString);\n    const platformAliasByQuery = parsedQuery['vk_platform'];\n\n    return typeof platformAliasByQuery === 'string' && isPlatformAlias(platformAliasByQuery)\n      ? PLATFORM_ALIAS[platformAliasByQuery]\n      : undefined;\n  } catch (e) {\n    console.warn(e);\n\n    return undefined;\n  }\n}\n\nconst platformByQueryString = canUseDOM ? getPlatformByQueryString(location.search) : undefined;\n\nexport type PlatformType = LiteralUnion<'android' | 'ios' | 'vkcom', string>;\n\nexport function platform(browserInfo?: BrowserInfo): PlatformType {\n  if (platformByQueryString) {\n    return platformByQueryString;\n  }\n\n  if (!browserInfo) {\n    browserInfo = computeBrowserInfo();\n  }\n\n  return browserInfo.system === 'ios' ? Platform.IOS : Platform.ANDROID;\n}\n"],"names":["querystring","computeBrowserInfo","canUseDOM","Platform","ANDROID","IOS","VKCOM","PLATFORM_ALIAS","desktop_web","isPlatformAlias","platformAlias","getPlatformByQueryString","queryString","parsedQuery","parse","platformAliasByQuery","undefined","e","console","warn","platformByQueryString","location","search","platform","browserInfo","system"],"mappings":"AAAA,SAASA,WAAW,QAAQ,kBAAkB;AAE9C,SAAsBC,kBAAkB,QAAQ,YAAY;AAC5D,SAASC,SAAS,QAAQ,QAAQ;WAE3B;UAAKC,QAAQ;IAARA,SACVC,aAAU;IADAD,SAEVE,SAAM;IAFIF,SAGVG,WAAQ;GAHEH,aAAAA;AAMZ,IAAMI,iBAAiB;IACrBC,aAAaL,SAASG,KAAK;AAC7B;AAEA,SAASG,gBAAgBC,aAAqB;IAC5C,OAAOA,iBAAiBH;AAC1B;AAEA;;;CAGC,GACD,SAASI,yBAAyBC,WAAmB;IACnD,IAAI;QACF,IAAMC,cAAcb,YAAYc,KAAK,CAACF;QACtC,IAAMG,uBAAuBF,WAAW,CAAC,cAAc;QAEvD,OAAO,OAAOE,yBAAyB,YAAYN,gBAAgBM,wBAC/DR,cAAc,CAACQ,qBAAqB,GACpCC;IACN,EAAE,OAAOC,GAAG;QACVC,QAAQC,IAAI,CAACF;QAEb,OAAOD;IACT;AACF;AAEA,IAAMI,wBAAwBlB,YAAYS,yBAAyBU,SAASC,MAAM,IAAIN;AAItF,OAAO,SAASO,SAASC,WAAyB;IAChD,IAAIJ,uBAAuB;QACzB,OAAOA;IACT;IAEA,IAAI,CAACI,aAAa;QAChBA,cAAcvB;IAChB;IAEA,OAAOuB,YAAYC,MAAM,KAAK,QAAQtB,SAASE,GAAG,GAAGF,SAASC,OAAO;AACvE"}
+{"version":3,"sources":["../../src/lib/platform.ts"],"sourcesContent":["import { querystring } from '@vkontakte/vkjs';\nimport { LiteralUnion } from '../types';\nimport { BrowserInfo, computeBrowserInfo } from './browser';\nimport { canUseDOM } from './dom';\n\nexport enum Platform {\n  ANDROID = 'android',\n  IOS = 'ios',\n  VKCOM = 'vkcom',\n}\n\n/**\n * TODO [>=6]: удалить из VKUI\n *\n * Значение, которое передаётся в качестве query-параметра при открытии VK Mini Apps\n * @see {@link https://dev.vk.com/mini-apps/development/launch-params#vk_platform vk_platform}\n *\n * @deprecated v5.8.0\n */\nfunction getPlatformByQueryString(queryString: string): Platform | undefined {\n  const PLATFORM_ALIAS = { desktop_web: Platform.VKCOM };\n  const isPlatformAlias = (platformAlias: string): platformAlias is keyof typeof PLATFORM_ALIAS =>\n    platformAlias in PLATFORM_ALIAS;\n  try {\n    const parsedQuery = querystring.parse(queryString);\n    const platformAliasByQuery = parsedQuery['vk_platform'];\n    return typeof platformAliasByQuery === 'string' && isPlatformAlias(platformAliasByQuery)\n      ? PLATFORM_ALIAS[platformAliasByQuery]\n      : undefined;\n  } catch (e) {\n    console.warn(e);\n    return;\n  }\n}\n\nconst platformByQueryString = canUseDOM ? getPlatformByQueryString(location.search) : undefined;\n\nexport type PlatformType = LiteralUnion<'android' | 'ios' | 'vkcom', string>;\n\nexport function platform(browserInfo?: BrowserInfo): PlatformType {\n  if (platformByQueryString) {\n    return platformByQueryString;\n  }\n\n  if (!browserInfo) {\n    browserInfo = computeBrowserInfo();\n  }\n\n  return browserInfo.system === 'ios' ? Platform.IOS : Platform.ANDROID;\n}\n"],"names":["querystring","computeBrowserInfo","canUseDOM","Platform","ANDROID","IOS","VKCOM","getPlatformByQueryString","queryString","PLATFORM_ALIAS","desktop_web","isPlatformAlias","platformAlias","parsedQuery","parse","platformAliasByQuery","undefined","e","console","warn","platformByQueryString","location","search","platform","browserInfo","system"],"mappings":"AAAA,SAASA,WAAW,QAAQ,kBAAkB;AAE9C,SAAsBC,kBAAkB,QAAQ,YAAY;AAC5D,SAASC,SAAS,QAAQ,QAAQ;WAE3B;UAAKC,QAAQ;IAARA,SACVC,aAAU;IADAD,SAEVE,SAAM;IAFIF,SAGVG,WAAQ;GAHEH,aAAAA;AAMZ;;;;;;;CAOC,GACD,SAASI,yBAAyBC,WAAmB;IACnD,IAAMC,iBAAiB;QAAEC,aAAaP,SAASG,KAAK;IAAC;IACrD,IAAMK,kBAAkB,SAACC;eACvBA,iBAAiBH;;IACnB,IAAI;QACF,IAAMI,cAAcb,YAAYc,KAAK,CAACN;QACtC,IAAMO,uBAAuBF,WAAW,CAAC,cAAc;QACvD,OAAO,OAAOE,yBAAyB,YAAYJ,gBAAgBI,wBAC/DN,cAAc,CAACM,qBAAqB,GACpCC;IACN,EAAE,OAAOC,GAAG;QACVC,QAAQC,IAAI,CAACF;QACb;IACF;AACF;AAEA,IAAMG,wBAAwBlB,YAAYK,yBAAyBc,SAASC,MAAM,IAAIN;AAItF,OAAO,SAASO,SAASC,WAAyB;IAChD,IAAIJ,uBAAuB;QACzB,OAAOA;IACT;IAEA,IAAI,CAACI,aAAa;QAChBA,cAAcvB;IAChB;IAEA,OAAOuB,YAAYC,MAAM,KAAK,QAAQtB,SAASE,GAAG,GAAGF,SAASC,OAAO;AACvE"}

package/dist/lib/select.d.ts

@@ -6,5 +6,5 @@ type Option = {
 };
 type GetOptionLabel = (option: Option) => string | undefined;
 export declare const defaultFilterFn: (query: string | undefined, option: Option, getOptionLabel?: GetOptionLabel) => boolean;
-export declare const getFormFieldModeFromSelectType: (selectType?: SelectType) => "default" | "plain";
+export declare const getFormFieldModeFromSelectType: (selectType?: SelectType) => "plain" | "default";
 export {};

package/dist/lib/taptic.d.ts

@@ -1,2 +1,6 @@
 import { TapticVibrationPowerType } from '@vkontakte/vk-bridge';
+/**
+ * TODO [>=6]: удалить хук (#5049)
+ * @deprecated v5.8.0
+ */
 export declare function runTapticImpactOccurred(style: TapticVibrationPowerType): void;

package/dist/lib/taptic.js

@@ -1,5 +1,8 @@
 import vkBridge from "@vkontakte/vk-bridge";
-export function runTapticImpactOccurred(style) {
+/**
+ * TODO [>=6]: удалить хук (#5049)
+ * @deprecated v5.8.0
+ */ export function runTapticImpactOccurred(style) {
     if (vkBridge.supports("VKWebAppTapticImpactOccurred")) {
         vkBridge.send("VKWebAppTapticImpactOccurred", {
             style: style

package/dist/lib/taptic.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/lib/taptic.ts"],"sourcesContent":["import vkBridge, { TapticVibrationPowerType } from '@vkontakte/vk-bridge';\n\nexport function runTapticImpactOccurred(style: TapticVibrationPowerType) {\n  if (vkBridge.supports('VKWebAppTapticImpactOccurred')) {\n    vkBridge.send('VKWebAppTapticImpactOccurred', { style }).catch(() => undefined);\n  }\n}\n"],"names":["vkBridge","runTapticImpactOccurred","style","supports","send","catch","undefined"],"mappings":"AAAA,OAAOA,cAA4C,uBAAuB;AAE1E,OAAO,SAASC,wBAAwBC,KAA+B;IACrE,IAAIF,SAASG,QAAQ,CAAC,iCAAiC;QACrDH,SAASI,IAAI,CAAC,gCAAgC;YAAEF,OAAAA;QAAM,GAAGG,KAAK,CAAC;mBAAMC;;IACvE;AACF"}
+{"version":3,"sources":["../../src/lib/taptic.ts"],"sourcesContent":["import vkBridge, { TapticVibrationPowerType } from '@vkontakte/vk-bridge';\n\n/**\n * TODO [>=6]: удалить хук (#5049)\n * @deprecated v5.8.0\n */\nexport function runTapticImpactOccurred(style: TapticVibrationPowerType) {\n  if (vkBridge.supports('VKWebAppTapticImpactOccurred')) {\n    vkBridge.send('VKWebAppTapticImpactOccurred', { style }).catch(() => undefined);\n  }\n}\n"],"names":["vkBridge","runTapticImpactOccurred","style","supports","send","catch","undefined"],"mappings":"AAAA,OAAOA,cAA4C,uBAAuB;AAE1E;;;CAGC,GACD,OAAO,SAASC,wBAAwBC,KAA+B;IACrE,IAAIF,SAASG,QAAQ,CAAC,iCAAiC;QACrDH,SAASI,IAAI,CAAC,gCAAgC;YAAEF,OAAAA;QAAM,GAAGG,KAAK,CAAC;mBAAMC;;IACvE;AACF"}

package/dist/lib/utils.d.ts

@@ -7,3 +7,5 @@ export declare function setRef<T>(element: T, ref?: React.Ref<T>): void;
 export declare function multiRef<T>(...refs: Array<React.Ref<T> | undefined>): React.RefObject<T>;
 export declare function getTitleFromChildren(children: React.ReactNode): string;
 export declare const stopPropagation: <T extends React.SyntheticEvent<Element, Event>>(event: T) => void;
+export declare function addClassNameToElement(element: HTMLElement, className: string): void;
+export declare function removeClassNameFromElement(element: HTMLElement, classNameToRemove: string): void;

package/dist/lib/utils.js

@@ -50,5 +50,21 @@ export function getTitleFromChildren(children) {
 export var stopPropagation = function(event) {
     return event.stopPropagation();
 };
+export function addClassNameToElement(element1, className) {
+    var elementClassName = element1.getAttribute("class") || "";
+    var updatedClassName = "".concat(elementClassName).concat(elementClassName ? " " : "").concat(className);
+    element1.setAttribute("class", updatedClassName);
+}
+export function removeClassNameFromElement(element1, classNameToRemove) {
+    var classNamesArray = (element1.getAttribute("class") || "").split(/\s+/);
+    var elementIndexToRemove = classNamesArray.findIndex(function(className) {
+        return className === classNameToRemove;
+    });
+    if (elementIndexToRemove === -1) {
+        return;
+    }
+    classNamesArray.splice(elementIndexToRemove, 1);
+    element1.setAttribute("class", classNamesArray.join(" "));
+}
 
 //# sourceMappingURL=utils.js.map

package/dist/lib/utils.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/lib/utils.ts"],"sourcesContent":["import * as React from 'react';\n\nexport type ImgOnlyAttributes = {\n  [index in Exclude<\n    keyof React.ImgHTMLAttributes<HTMLImageElement>,\n    keyof React.HTMLAttributes<HTMLImageElement>\n  >]: React.ImgHTMLAttributes<HTMLImageElement>[index];\n};\n\nexport function debounce<A extends any[]>(fn: (...args: A) => void, delay: number) {\n  let timeout: any;\n\n  return (...args: A) => {\n    clearTimeout(timeout);\n    timeout = setTimeout(() => fn(...args), delay);\n  };\n}\n\nexport function setRef<T>(element: T, ref?: React.Ref<T>): void {\n  if (ref) {\n    if (typeof ref === 'function') {\n      ref(element);\n    } else {\n      (ref as React.MutableRefObject<T>).current = element;\n    }\n  }\n}\n\nexport function multiRef<T>(...refs: Array<React.Ref<T> | undefined>): React.RefObject<T> {\n  let current: T | null = null;\n  return {\n    get current() {\n      return current;\n    },\n    set current(element) {\n      current = element;\n      refs.forEach((ref) => ref && setRef(element, ref));\n    },\n  };\n}\n\nexport function getTitleFromChildren(children: React.ReactNode): string {\n  let label = '';\n\n  React.Children.map(children, (child) => {\n    if (typeof child === 'string') {\n      label += ' ' + child;\n    }\n  });\n\n  return label.trim();\n}\n\nexport const stopPropagation = <T extends React.SyntheticEvent>(event: T) =>\n  event.stopPropagation();\n"],"names":["React","debounce","fn","delay","timeout","args","clearTimeout","setTimeout","setRef","element","ref","current","multiRef","refs","forEach","getTitleFromChildren","children","label","Children","map","child","trim","stopPropagation","event"],"mappings":";AAAA,YAAYA,WAAW,QAAQ;AAS/B,OAAO,SAASC,SAA0BC,EAAwB,EAAEC,KAAa;IAC/E,IAAIC;IAEJ,OAAO;yCAAIC;YAAAA;;QACTC,aAAaF;QACbA,UAAUG,WAAW;mBAAML,GAAAA,MAAAA,KAAAA,GAAG,qBAAGG;WAAOF;IAC1C;AACF;AAEA,OAAO,SAASK,OAAUC,QAAU,EAAEC,GAAkB;IACtD,IAAIA,KAAK;QACP,IAAI,OAAOA,QAAQ,YAAY;YAC7BA,IAAID;QACN,OAAO;YACJC,IAAkCC,OAAO,GAAGF;QAC/C;IACF;AACF;AAEA,OAAO,SAASG;IAAY,IAAA,IAAA,OAAA,UAAA,QAAA,AAAGC,OAAH,UAAA,OAAA,OAAA,GAAA,OAAA,MAAA,OAAA;QAAGA,KAAH,QAAA,SAAA,CAAA,KAAwC;IAAD;IACjE,IAAIF,UAAoB;IACxB,OAAO;QACL,IAAIA,WAAU;YACZ,OAAOA;QACT;QACA,IAAIA,SAAQF,QAAS;YACnBE,UAAUF;YACVI,KAAKC,OAAO,CAAC,SAACJ;uBAAQA,OAAOF,OAAOC,SAASC;;QAC/C;IACF;AACF;AAEA,OAAO,SAASK,qBAAqBC,QAAyB;IAC5D,IAAIC,QAAQ;IAEZjB,MAAMkB,QAAQ,CAACC,GAAG,CAACH,UAAU,SAACI;QAC5B,IAAI,OAAOA,UAAU,UAAU;YAC7BH,SAAS,MAAMG;QACjB;IACF;IAEA,OAAOH,MAAMI,IAAI;AACnB;AAEA,OAAO,IAAMC,kBAAkB,SAAiCC;WAC9DA,MAAMD,eAAe;EAAG"}
+{"version":3,"sources":["../../src/lib/utils.ts"],"sourcesContent":["import * as React from 'react';\n\nexport type ImgOnlyAttributes = {\n  [index in Exclude<\n    keyof React.ImgHTMLAttributes<HTMLImageElement>,\n    keyof React.HTMLAttributes<HTMLImageElement>\n  >]: React.ImgHTMLAttributes<HTMLImageElement>[index];\n};\n\nexport function debounce<A extends any[]>(fn: (...args: A) => void, delay: number) {\n  let timeout: any;\n\n  return (...args: A) => {\n    clearTimeout(timeout);\n    timeout = setTimeout(() => fn(...args), delay);\n  };\n}\n\nexport function setRef<T>(element: T, ref?: React.Ref<T>): void {\n  if (ref) {\n    if (typeof ref === 'function') {\n      ref(element);\n    } else {\n      (ref as React.MutableRefObject<T>).current = element;\n    }\n  }\n}\n\nexport function multiRef<T>(...refs: Array<React.Ref<T> | undefined>): React.RefObject<T> {\n  let current: T | null = null;\n  return {\n    get current() {\n      return current;\n    },\n    set current(element) {\n      current = element;\n      refs.forEach((ref) => ref && setRef(element, ref));\n    },\n  };\n}\n\nexport function getTitleFromChildren(children: React.ReactNode): string {\n  let label = '';\n\n  React.Children.map(children, (child) => {\n    if (typeof child === 'string') {\n      label += ' ' + child;\n    }\n  });\n\n  return label.trim();\n}\n\nexport const stopPropagation = <T extends React.SyntheticEvent>(event: T) =>\n  event.stopPropagation();\n\nexport function addClassNameToElement(element: HTMLElement, className: string) {\n  const elementClassName = element.getAttribute('class') || '';\n  const updatedClassName = `${elementClassName}${elementClassName ? ' ' : ''}${className}`;\n\n  element.setAttribute('class', updatedClassName);\n}\n\nexport function removeClassNameFromElement(element: HTMLElement, classNameToRemove: string) {\n  const classNamesArray = (element.getAttribute('class') || '').split(/\\s+/);\n  const elementIndexToRemove = classNamesArray.findIndex(\n    (className) => className === classNameToRemove,\n  );\n  if (elementIndexToRemove === -1) {\n    return;\n  }\n  classNamesArray.splice(elementIndexToRemove, 1);\n\n  element.setAttribute('class', classNamesArray.join(' '));\n}\n"],"names":["React","debounce","fn","delay","timeout","args","clearTimeout","setTimeout","setRef","element","ref","current","multiRef","refs","forEach","getTitleFromChildren","children","label","Children","map","child","trim","stopPropagation","event","addClassNameToElement","className","elementClassName","getAttribute","updatedClassName","setAttribute","removeClassNameFromElement","classNameToRemove","classNamesArray","split","elementIndexToRemove","findIndex","splice","join"],"mappings":";AAAA,YAAYA,WAAW,QAAQ;AAS/B,OAAO,SAASC,SAA0BC,EAAwB,EAAEC,KAAa;IAC/E,IAAIC;IAEJ,OAAO;yCAAIC;YAAAA;;QACTC,aAAaF;QACbA,UAAUG,WAAW;mBAAML,GAAAA,MAAAA,KAAAA,GAAG,qBAAGG;WAAOF;IAC1C;AACF;AAEA,OAAO,SAASK,OAAUC,QAAU,EAAEC,GAAkB;IACtD,IAAIA,KAAK;QACP,IAAI,OAAOA,QAAQ,YAAY;YAC7BA,IAAID;QACN,OAAO;YACJC,IAAkCC,OAAO,GAAGF;QAC/C;IACF;AACF;AAEA,OAAO,SAASG;IAAY,IAAA,IAAA,OAAA,UAAA,QAAA,AAAGC,OAAH,UAAA,OAAA,OAAA,GAAA,OAAA,MAAA,OAAA;QAAGA,KAAH,QAAA,SAAA,CAAA,KAAwC;IAAD;IACjE,IAAIF,UAAoB;IACxB,OAAO;QACL,IAAIA,WAAU;YACZ,OAAOA;QACT;QACA,IAAIA,SAAQF,QAAS;YACnBE,UAAUF;YACVI,KAAKC,OAAO,CAAC,SAACJ;uBAAQA,OAAOF,OAAOC,SAASC;;QAC/C;IACF;AACF;AAEA,OAAO,SAASK,qBAAqBC,QAAyB;IAC5D,IAAIC,QAAQ;IAEZjB,MAAMkB,QAAQ,CAACC,GAAG,CAACH,UAAU,SAACI;QAC5B,IAAI,OAAOA,UAAU,UAAU;YAC7BH,SAAS,MAAMG;QACjB;IACF;IAEA,OAAOH,MAAMI,IAAI;AACnB;AAEA,OAAO,IAAMC,kBAAkB,SAAiCC;WAC9DA,MAAMD,eAAe;EAAG;AAE1B,OAAO,SAASE,sBAAsBf,QAAoB,EAAEgB,SAAiB;IAC3E,IAAMC,mBAAmBjB,SAAQkB,YAAY,CAAC,YAAY;IAC1D,IAAMC,mBAAmB,AAAC,GAAqBF,OAAnBA,kBAAiDD,OAA9BC,mBAAmB,MAAM,IAAe,OAAVD;IAE7EhB,SAAQoB,YAAY,CAAC,SAASD;AAChC;AAEA,OAAO,SAASE,2BAA2BrB,QAAoB,EAAEsB,iBAAyB;IACxF,IAAMC,kBAAkB,AAACvB,CAAAA,SAAQkB,YAAY,CAAC,YAAY,EAAC,EAAGM,KAAK,CAAC;IACpE,IAAMC,uBAAuBF,gBAAgBG,SAAS,CACpD,SAACV;eAAcA,cAAcM;;IAE/B,IAAIG,yBAAyB,CAAC,GAAG;QAC/B;IACF;IACAF,gBAAgBI,MAAM,CAACF,sBAAsB;IAE7CzB,SAAQoB,YAAY,CAAC,SAASG,gBAAgBK,IAAI,CAAC;AACrD"}

package/dist/types.d.ts

@@ -65,4 +65,5 @@ interface Nothing {
  * @see {@link https://github.com/microsoft/TypeScript/issues/29729}
  */
 export type LiteralUnion<Union, Type> = Union | (Type & Nothing);
+export type HTMLAttributesWithRootRef<T> = React.HTMLAttributes<T> & HasRootRef<T>;
 export {};

package/dist/types.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/types.ts"],"sourcesContent":["import * as React from 'react';\nimport { Insets } from '@vkontakte/vk-bridge';\nimport { PlatformType } from './lib/platform';\n\nexport type AnyFunction = (...args: any[]) => any;\n\nexport type AlignType = 'left' | 'center' | 'right';\n\nexport interface HasChildren {\n  children?: React.ReactNode;\n}\n\nexport type HasDataAttribute = Record<\n  `data-${string}`,\n  string | number | boolean | undefined | null\n>;\n\nexport interface HasRootRef<T> {\n  getRootRef?: React.Ref<T>;\n}\n\nexport interface HasRef<T> {\n  getRef?: React.Ref<T>;\n}\n\nexport interface HasComponent {\n  Component?: React.ElementType;\n}\n\nexport interface HasAlign {\n  align?: AlignType;\n}\n\nexport interface HasPlatform {\n  /**\n   * @ignore\n   */\n  platform?: PlatformType;\n}\n\nexport interface HasInsets {\n  /**\n   * @ignore\n   */\n  insets?: Partial<Insets>;\n}\n\nexport interface Version {\n  major: number;\n  minor?: number;\n  patch?: number;\n}\n\n/**\n * Тип содержит атрибуты, которые применяются только для `<a>`\n *\n * @see {@link https://developer.mozilla.org/ru/docs/Web/HTML/Element/A &lt;a&gt; - HTML | MDN}\n */\nexport type AnchorHTMLAttributesOnly = Omit<\n  React.AnchorHTMLAttributes<HTMLAnchorElement>,\n  keyof React.HTMLAttributes<HTMLAnchorElement>\n>;\n\n/**\n * Проверяет, является ли тип подтипом другого.\n *\n * В TS не реализовано.\n *\n * @see {@link https://github.com/microsoft/TypeScript/issues/12936}\n */\nexport type Exact<A, B> = A extends B ? B : never;\n\n/**\n * Для возможности указывать css custom properties\n */\nexport type CSSCustomProperties<T extends string | undefined = string> = Record<`--${string}`, T>;\n\n// eslint-disable-next-line @typescript-eslint/no-empty-interface\ninterface Nothing {}\n\n/**\n * Автозаполнение для типов\n *\n * @example\n * LiteralUnion<'foo' | 'bar', string>\n *\n * @see {@link https://github.com/microsoft/TypeScript/issues/29729}\n */\nexport type LiteralUnion<Union, Type> = Union | (Type & Nothing);\n"],"names":["React"],"mappings":"AAAA,YAAYA,WAAW,QAAQ"}
+{"version":3,"sources":["../src/types.ts"],"sourcesContent":["import * as React from 'react';\nimport { Insets } from '@vkontakte/vk-bridge';\nimport { PlatformType } from './lib/platform';\n\nexport type AnyFunction = (...args: any[]) => any;\n\nexport type AlignType = 'left' | 'center' | 'right';\n\nexport interface HasChildren {\n  children?: React.ReactNode;\n}\n\nexport type HasDataAttribute = Record<\n  `data-${string}`,\n  string | number | boolean | undefined | null\n>;\n\nexport interface HasRootRef<T> {\n  getRootRef?: React.Ref<T>;\n}\n\nexport interface HasRef<T> {\n  getRef?: React.Ref<T>;\n}\n\nexport interface HasComponent {\n  Component?: React.ElementType;\n}\n\nexport interface HasAlign {\n  align?: AlignType;\n}\n\nexport interface HasPlatform {\n  /**\n   * @ignore\n   */\n  platform?: PlatformType;\n}\n\nexport interface HasInsets {\n  /**\n   * @ignore\n   */\n  insets?: Partial<Insets>;\n}\n\nexport interface Version {\n  major: number;\n  minor?: number;\n  patch?: number;\n}\n\n/**\n * Тип содержит атрибуты, которые применяются только для `<a>`\n *\n * @see {@link https://developer.mozilla.org/ru/docs/Web/HTML/Element/A &lt;a&gt; - HTML | MDN}\n */\nexport type AnchorHTMLAttributesOnly = Omit<\n  React.AnchorHTMLAttributes<HTMLAnchorElement>,\n  keyof React.HTMLAttributes<HTMLAnchorElement>\n>;\n\n/**\n * Проверяет, является ли тип подтипом другого.\n *\n * В TS не реализовано.\n *\n * @see {@link https://github.com/microsoft/TypeScript/issues/12936}\n */\nexport type Exact<A, B> = A extends B ? B : never;\n\n/**\n * Для возможности указывать css custom properties\n */\nexport type CSSCustomProperties<T extends string | undefined = string> = Record<`--${string}`, T>;\n\n// eslint-disable-next-line @typescript-eslint/no-empty-interface\ninterface Nothing {}\n\n/**\n * Автозаполнение для типов\n *\n * @example\n * LiteralUnion<'foo' | 'bar', string>\n *\n * @see {@link https://github.com/microsoft/TypeScript/issues/29729}\n */\nexport type LiteralUnion<Union, Type> = Union | (Type & Nothing);\n\nexport type HTMLAttributesWithRootRef<T> = React.HTMLAttributes<T> & HasRootRef<T>;\n"],"names":["React"],"mappings":"AAAA,YAAYA,WAAW,QAAQ"}