@vkontakte/vkui 5.2.4 → 5.3.1

package/dist/components/ImageBase/helpers.js

@@ -1,55 +1,51 @@
 /**
  * Возвращает размер иконки основанный на дизайн-системы.
- */
-export function getFallbackIconSizeByImageBaseSize(imageSize) {
-  if (imageSize <= 20) {
-    return 12;
-  } else if (imageSize > 20 && imageSize <= 28) {
-    return 16;
-  } else if (imageSize > 28 && imageSize <= 32) {
-    return 20;
-  } else if (imageSize > 32 && imageSize <= 44) {
-    return 24;
-  } else if (imageSize > 44 && imageSize <= 64) {
-    return 28;
-  }
-  return getFallbackIconSizeByImageBaseSize.MAX_SIZE;
+ */ export function getFallbackIconSizeByImageBaseSize(imageSize) {
+    if (imageSize <= 20) {
+        return 12;
+    } else if (imageSize > 20 && imageSize <= 28) {
+        return 16;
+    } else if (imageSize > 28 && imageSize <= 32) {
+        return 20;
+    } else if (imageSize > 32 && imageSize <= 44) {
+        return 24;
+    } else if (imageSize > 44 && imageSize <= 64) {
+        return 28;
+    }
+    return getFallbackIconSizeByImageBaseSize.MAX_SIZE;
 }
 getFallbackIconSizeByImageBaseSize.MAX_SIZE = 36;
-
 /**
  * Возвращает размер иконки основанный на дизайн-системы.
- */
-export function getBadgeIconSizeByImageBaseSize(imageSize) {
-  if (imageSize <= 36) {
-    return 12;
-  } else if (imageSize > 36 && imageSize <= 48) {
-    return 16;
-  } else if (imageSize > 48 && imageSize <= 64) {
-    return 20;
-  }
-  return getBadgeIconSizeByImageBaseSize.MAX_SIZE;
+ */ export function getBadgeIconSizeByImageBaseSize(imageSize) {
+    if (imageSize <= 36) {
+        return 12;
+    } else if (imageSize > 36 && imageSize <= 48) {
+        return 16;
+    } else if (imageSize > 48 && imageSize <= 64) {
+        return 20;
+    }
+    return getBadgeIconSizeByImageBaseSize.MAX_SIZE;
 }
 getBadgeIconSizeByImageBaseSize.MAX_SIZE = 24;
-
 /**
  * Возвращает размер иконки основанный на дизайн-системы.
- */
-export function getOverlayIconSizeByImageBaseSize(imageSize) {
-  if (imageSize <= 20) {
-    return 12;
-  } else if (imageSize > 20 && imageSize <= 24) {
-    return 16;
-  } else if (imageSize > 24 && imageSize <= 28) {
-    return 18;
-  } else if (imageSize > 28 && imageSize <= 40) {
-    return 20;
-  } else if (imageSize > 40 && imageSize <= 48) {
-    return 24;
-  } else if (imageSize > 48 && imageSize <= 88) {
-    return 28;
-  }
-  return getOverlayIconSizeByImageBaseSize.MAX_SIZE;
+ */ export function getOverlayIconSizeByImageBaseSize(imageSize) {
+    if (imageSize <= 20) {
+        return 12;
+    } else if (imageSize > 20 && imageSize <= 24) {
+        return 16;
+    } else if (imageSize > 24 && imageSize <= 28) {
+        return 18;
+    } else if (imageSize > 28 && imageSize <= 40) {
+        return 20;
+    } else if (imageSize > 40 && imageSize <= 48) {
+        return 24;
+    } else if (imageSize > 48 && imageSize <= 88) {
+        return 28;
+    }
+    return getOverlayIconSizeByImageBaseSize.MAX_SIZE;
 }
 getOverlayIconSizeByImageBaseSize.MAX_SIZE = 32;
+
 //# sourceMappingURL=helpers.js.map

package/dist/components/ImageBase/helpers.js.map

@@ -1 +1 @@
-{"version":3,"file":"helpers.js","names":["getFallbackIconSizeByImageBaseSize","imageSize","MAX_SIZE","getBadgeIconSizeByImageBaseSize","getOverlayIconSizeByImageBaseSize"],"sources":["../../../src/components/ImageBase/helpers.ts"],"sourcesContent":["/**\n * Возвращает размер иконки основанный на дизайн-системы.\n */\nexport function getFallbackIconSizeByImageBaseSize(imageSize: number): 12 | 16 | 20 | 24 | 28 | 36 {\n  if (imageSize <= 20) {\n    return 12;\n  } else if (imageSize > 20 && imageSize <= 28) {\n    return 16;\n  } else if (imageSize > 28 && imageSize <= 32) {\n    return 20;\n  } else if (imageSize > 32 && imageSize <= 44) {\n    return 24;\n  } else if (imageSize > 44 && imageSize <= 64) {\n    return 28;\n  }\n  return getFallbackIconSizeByImageBaseSize.MAX_SIZE;\n}\n\ngetFallbackIconSizeByImageBaseSize.MAX_SIZE = 36 as const;\n\n/**\n * Возвращает размер иконки основанный на дизайн-системы.\n */\nexport function getBadgeIconSizeByImageBaseSize(imageSize: number): 12 | 16 | 20 | 24 {\n  if (imageSize <= 36) {\n    return 12;\n  } else if (imageSize > 36 && imageSize <= 48) {\n    return 16;\n  } else if (imageSize > 48 && imageSize <= 64) {\n    return 20;\n  }\n  return getBadgeIconSizeByImageBaseSize.MAX_SIZE;\n}\n\ngetBadgeIconSizeByImageBaseSize.MAX_SIZE = 24 as const;\n\n/**\n * Возвращает размер иконки основанный на дизайн-системы.\n */\nexport function getOverlayIconSizeByImageBaseSize(\n  imageSize: number,\n): 12 | 16 | 18 | 20 | 24 | 28 | 32 {\n  if (imageSize <= 20) {\n    return 12;\n  } else if (imageSize > 20 && imageSize <= 24) {\n    return 16;\n  } else if (imageSize > 24 && imageSize <= 28) {\n    return 18;\n  } else if (imageSize > 28 && imageSize <= 40) {\n    return 20;\n  } else if (imageSize > 40 && imageSize <= 48) {\n    return 24;\n  } else if (imageSize > 48 && imageSize <= 88) {\n    return 28;\n  }\n  return getOverlayIconSizeByImageBaseSize.MAX_SIZE;\n}\n\ngetOverlayIconSizeByImageBaseSize.MAX_SIZE = 32 as const;\n"],"mappings":"AAAA;AACA;AACA;AACA,OAAO,SAASA,kCAAkC,CAACC,SAAiB,EAA+B;EACjG,IAAIA,SAAS,IAAI,EAAE,EAAE;IACnB,OAAO,EAAE;EACX,CAAC,MAAM,IAAIA,SAAS,GAAG,EAAE,IAAIA,SAAS,IAAI,EAAE,EAAE;IAC5C,OAAO,EAAE;EACX,CAAC,MAAM,IAAIA,SAAS,GAAG,EAAE,IAAIA,SAAS,IAAI,EAAE,EAAE;IAC5C,OAAO,EAAE;EACX,CAAC,MAAM,IAAIA,SAAS,GAAG,EAAE,IAAIA,SAAS,IAAI,EAAE,EAAE;IAC5C,OAAO,EAAE;EACX,CAAC,MAAM,IAAIA,SAAS,GAAG,EAAE,IAAIA,SAAS,IAAI,EAAE,EAAE;IAC5C,OAAO,EAAE;EACX;EACA,OAAOD,kCAAkC,CAACE,QAAQ;AACpD;AAEAF,kCAAkC,CAACE,QAAQ,GAAG,EAAW;;AAEzD;AACA;AACA;AACA,OAAO,SAASC,+BAA+B,CAACF,SAAiB,EAAqB;EACpF,IAAIA,SAAS,IAAI,EAAE,EAAE;IACnB,OAAO,EAAE;EACX,CAAC,MAAM,IAAIA,SAAS,GAAG,EAAE,IAAIA,SAAS,IAAI,EAAE,EAAE;IAC5C,OAAO,EAAE;EACX,CAAC,MAAM,IAAIA,SAAS,GAAG,EAAE,IAAIA,SAAS,IAAI,EAAE,EAAE;IAC5C,OAAO,EAAE;EACX;EACA,OAAOE,+BAA+B,CAACD,QAAQ;AACjD;AAEAC,+BAA+B,CAACD,QAAQ,GAAG,EAAW;;AAEtD;AACA;AACA;AACA,OAAO,SAASE,iCAAiC,CAC/CH,SAAiB,EACiB;EAClC,IAAIA,SAAS,IAAI,EAAE,EAAE;IACnB,OAAO,EAAE;EACX,CAAC,MAAM,IAAIA,SAAS,GAAG,EAAE,IAAIA,SAAS,IAAI,EAAE,EAAE;IAC5C,OAAO,EAAE;EACX,CAAC,MAAM,IAAIA,SAAS,GAAG,EAAE,IAAIA,SAAS,IAAI,EAAE,EAAE;IAC5C,OAAO,EAAE;EACX,CAAC,MAAM,IAAIA,SAAS,GAAG,EAAE,IAAIA,SAAS,IAAI,EAAE,EAAE;IAC5C,OAAO,EAAE;EACX,CAAC,MAAM,IAAIA,SAAS,GAAG,EAAE,IAAIA,SAAS,IAAI,EAAE,EAAE;IAC5C,OAAO,EAAE;EACX,CAAC,MAAM,IAAIA,SAAS,GAAG,EAAE,IAAIA,SAAS,IAAI,EAAE,EAAE;IAC5C,OAAO,EAAE;EACX;EACA,OAAOG,iCAAiC,CAACF,QAAQ;AACnD;AAEAE,iCAAiC,CAACF,QAAQ,GAAG,EAAW"}
+{"version":3,"sources":["../../../src/components/ImageBase/helpers.ts"],"sourcesContent":["/**\n * Возвращает размер иконки основанный на дизайн-системы.\n */\nexport function getFallbackIconSizeByImageBaseSize(imageSize: number): 12 | 16 | 20 | 24 | 28 | 36 {\n  if (imageSize <= 20) {\n    return 12;\n  } else if (imageSize > 20 && imageSize <= 28) {\n    return 16;\n  } else if (imageSize > 28 && imageSize <= 32) {\n    return 20;\n  } else if (imageSize > 32 && imageSize <= 44) {\n    return 24;\n  } else if (imageSize > 44 && imageSize <= 64) {\n    return 28;\n  }\n  return getFallbackIconSizeByImageBaseSize.MAX_SIZE;\n}\n\ngetFallbackIconSizeByImageBaseSize.MAX_SIZE = 36 as const;\n\n/**\n * Возвращает размер иконки основанный на дизайн-системы.\n */\nexport function getBadgeIconSizeByImageBaseSize(imageSize: number): 12 | 16 | 20 | 24 {\n  if (imageSize <= 36) {\n    return 12;\n  } else if (imageSize > 36 && imageSize <= 48) {\n    return 16;\n  } else if (imageSize > 48 && imageSize <= 64) {\n    return 20;\n  }\n  return getBadgeIconSizeByImageBaseSize.MAX_SIZE;\n}\n\ngetBadgeIconSizeByImageBaseSize.MAX_SIZE = 24 as const;\n\n/**\n * Возвращает размер иконки основанный на дизайн-системы.\n */\nexport function getOverlayIconSizeByImageBaseSize(\n  imageSize: number,\n): 12 | 16 | 18 | 20 | 24 | 28 | 32 {\n  if (imageSize <= 20) {\n    return 12;\n  } else if (imageSize > 20 && imageSize <= 24) {\n    return 16;\n  } else if (imageSize > 24 && imageSize <= 28) {\n    return 18;\n  } else if (imageSize > 28 && imageSize <= 40) {\n    return 20;\n  } else if (imageSize > 40 && imageSize <= 48) {\n    return 24;\n  } else if (imageSize > 48 && imageSize <= 88) {\n    return 28;\n  }\n  return getOverlayIconSizeByImageBaseSize.MAX_SIZE;\n}\n\ngetOverlayIconSizeByImageBaseSize.MAX_SIZE = 32 as const;\n"],"names":["getFallbackIconSizeByImageBaseSize","imageSize","MAX_SIZE","getBadgeIconSizeByImageBaseSize","getOverlayIconSizeByImageBaseSize"],"mappings":"AAAA;;CAEC,GACD,OAAO,SAASA,mCAAmCC,SAAiB,EAA+B;IACjG,IAAIA,aAAa,IAAI;QACnB,OAAO;IACT,OAAO,IAAIA,YAAY,MAAMA,aAAa,IAAI;QAC5C,OAAO;IACT,OAAO,IAAIA,YAAY,MAAMA,aAAa,IAAI;QAC5C,OAAO;IACT,OAAO,IAAIA,YAAY,MAAMA,aAAa,IAAI;QAC5C,OAAO;IACT,OAAO,IAAIA,YAAY,MAAMA,aAAa,IAAI;QAC5C,OAAO;IACT,CAAC;IACD,OAAOD,mCAAmCE,QAAQ;AACpD,CAAC;AAEDF,mCAAmCE,QAAQ,GAAG;AAE9C;;CAEC,GACD,OAAO,SAASC,gCAAgCF,SAAiB,EAAqB;IACpF,IAAIA,aAAa,IAAI;QACnB,OAAO;IACT,OAAO,IAAIA,YAAY,MAAMA,aAAa,IAAI;QAC5C,OAAO;IACT,OAAO,IAAIA,YAAY,MAAMA,aAAa,IAAI;QAC5C,OAAO;IACT,CAAC;IACD,OAAOE,gCAAgCD,QAAQ;AACjD,CAAC;AAEDC,gCAAgCD,QAAQ,GAAG;AAE3C;;CAEC,GACD,OAAO,SAASE,kCACdH,SAAiB,EACiB;IAClC,IAAIA,aAAa,IAAI;QACnB,OAAO;IACT,OAAO,IAAIA,YAAY,MAAMA,aAAa,IAAI;QAC5C,OAAO;IACT,OAAO,IAAIA,YAAY,MAAMA,aAAa,IAAI;QAC5C,OAAO;IACT,OAAO,IAAIA,YAAY,MAAMA,aAAa,IAAI;QAC5C,OAAO;IACT,OAAO,IAAIA,YAAY,MAAMA,aAAa,IAAI;QAC5C,OAAO;IACT,OAAO,IAAIA,YAAY,MAAMA,aAAa,IAAI;QAC5C,OAAO;IACT,CAAC;IACD,OAAOG,kCAAkCF,QAAQ;AACnD,CAAC;AAEDE,kCAAkCF,QAAQ,GAAG"}

package/dist/components/ImageBase/types.d.ts

@@ -1,6 +1,6 @@
 export declare const imageBaseSizes: readonly [16, 20, 24, 28, 32, 36, 40, 44, 48, 56, 64, 72, 80, 88, 96];
-export declare type ImageBaseSize = (typeof imageBaseSizes)[number];
-export declare type ImageBaseExpectedIconProps = {
+export type ImageBaseSize = (typeof imageBaseSizes)[number];
+export type ImageBaseExpectedIconProps = {
     width?: number;
     height?: number;
     className?: string;

package/dist/components/ImageBase/types.js

@@ -1,2 +1,19 @@
-export var imageBaseSizes = [16, 20, 24, 28, 32, 36, 40, 44, 48, 56, 64, 72, 80, 88, 96];
+export var imageBaseSizes = [
+    16,
+    20,
+    24,
+    28,
+    32,
+    36,
+    40,
+    44,
+    48,
+    56,
+    64,
+    72,
+    80,
+    88,
+    96
+];
+
 //# sourceMappingURL=types.js.map

package/dist/components/ImageBase/types.js.map

@@ -1 +1 @@
-{"version":3,"file":"types.js","names":["imageBaseSizes"],"sources":["../../../src/components/ImageBase/types.ts"],"sourcesContent":["export const imageBaseSizes = [16, 20, 24, 28, 32, 36, 40, 44, 48, 56, 64, 72, 80, 88, 96] as const;\n\nexport type ImageBaseSize = (typeof imageBaseSizes)[number];\n\nexport type ImageBaseExpectedIconProps = {\n  width?: number;\n  height?: number;\n  className?: string;\n};\n\nexport interface ImageBaseContextProps {\n  size: ImageBaseSize | number;\n}\n"],"mappings":"AAAA,OAAO,IAAMA,cAAc,GAAG,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,CAAU"}
+{"version":3,"sources":["../../../src/components/ImageBase/types.ts"],"sourcesContent":["export const imageBaseSizes = [16, 20, 24, 28, 32, 36, 40, 44, 48, 56, 64, 72, 80, 88, 96] as const;\n\nexport type ImageBaseSize = (typeof imageBaseSizes)[number];\n\nexport type ImageBaseExpectedIconProps = {\n  width?: number;\n  height?: number;\n  className?: string;\n};\n\nexport interface ImageBaseContextProps {\n  size: ImageBaseSize | number;\n}\n"],"names":["imageBaseSizes"],"mappings":"AAAA,OAAO,IAAMA,iBAAiB;IAAC;IAAI;IAAI;IAAI;IAAI;IAAI;IAAI;IAAI;IAAI;IAAI;IAAI;IAAI;IAAI;IAAI;IAAI;CAAG,CAAU"}

package/dist/components/ImageBase/validators.js

@@ -1,82 +1,81 @@
-import { warnOnce } from '../../lib/warnOnce';
-import { getBadgeIconSizeByImageBaseSize, getFallbackIconSizeByImageBaseSize, getOverlayIconSizeByImageBaseSize } from './helpers';
-import { imageBaseSizes } from './types';
-
+import { warnOnce } from "../../lib/warnOnce";
+import { getBadgeIconSizeByImageBaseSize, getFallbackIconSizeByImageBaseSize, getOverlayIconSizeByImageBaseSize } from "./helpers";
+import { imageBaseSizes } from "./types";
 /**
  * Пример,
  *
  * Icon28User -> 28
  * Icon12Circle1 -> 12
  * Icon12Circle2 -> 12
- */
-function parseIconSizeByDisplayName(displayName) {
-  if (typeof displayName !== 'string') {
-    return null;
-  }
-  var rawSize = displayName.replace(/\d+$/g, '') // удаляем цифры в конце
-  .replace(/\D/g, ''); // удаляем всё, что не является числом
-  var size = Number(rawSize);
-  return size > 0 ? size : null;
+ */ function parseIconSizeByDisplayName(displayName) {
+    if (typeof displayName !== "string") {
+        return null;
+    }
+    var rawSize = displayName.replace(/\d+$/g, "") // удаляем цифры в конце
+    .replace(/\D/g, ""); // удаляем всё, что не является числом
+    var size = Number(rawSize);
+    return size > 0 ? size : null;
 }
 function parseIconSizeByWidthProp(width) {
-  if (typeof width !== 'string' && typeof width !== 'number') {
-    return null;
-  }
-  var size = Number(width);
-  return size > 0 ? size : null;
+    if (typeof width !== "string" && typeof width !== "number") {
+        return null;
+    }
+    var size = Number(width);
+    return size > 0 ? size : null;
 }
 function getElementDisplayName(element) {
-  var _element$type$display;
-  return (_element$type$display = element.type.displayName) !== null && _element$type$display !== void 0 ? _element$type$display : null;
+    var _element_type_displayName;
+    return (_element_type_displayName = element.type.displayName) !== null && _element_type_displayName !== void 0 ? _element_type_displayName : null;
 }
 function getElementWidthProp(element) {
-  var _element$props$width;
-  return (_element$props$width = element.props.width) !== null && _element$props$width !== void 0 ? _element$props$width : null;
+    var _element_props_width;
+    return (_element_props_width = element.props.width) !== null && _element_props_width !== void 0 ? _element_props_width : null;
 }
 function getIconSizeByElement(element) {
-  var sizeByDisplayName = parseIconSizeByDisplayName(getElementDisplayName(element));
-  var sizeByWidth = parseIconSizeByWidthProp(getElementWidthProp(element));
-  return sizeByWidth ? sizeByWidth : sizeByDisplayName;
+    var sizeByDisplayName = parseIconSizeByDisplayName(getElementDisplayName(element));
+    var sizeByWidth = parseIconSizeByWidthProp(getElementWidthProp(element));
+    return sizeByWidth ? sizeByWidth : sizeByDisplayName;
 }
 function validateIconComponentSizeByImageSize(imageSize, iconProp, selectorFn, logger) {
-  var iconSize = getIconSizeByElement(iconProp.value);
-  if (iconSize === null) {
-    return;
-  }
-  var result = selectorFn(imageSize);
-  if (result === iconSize || result === selectorFn.MAX_SIZE && iconSize >= result) {
-    return;
-  }
-  var iconName = getElementDisplayName(iconProp.value);
-  var propMessage = iconName ? "".concat(iconProp.name, "={<").concat(iconName, " />}") : iconProp.name;
-  logger("\u0420\u0430\u0437\u043C\u0435\u0440 `".concat(propMessage, "` \u043D\u0435 \u0441\u043E\u043E\u0442\u0432\u0435\u0442\u0441\u0442\u0432\u0443\u0435\u0442 \u0434\u0438\u0437\u0430\u0439\u043D-\u0441\u0438\u0441\u0442\u0435\u043C\u0435. \u0414\u043B\u044F `size={").concat(imageSize, "}` \u0440\u0430\u0437\u043C\u0435\u0440 \u0438\u043A\u043E\u043D\u043A\u0438 \u0434\u043B\u044F `").concat(iconProp.name, "` \u0434\u043E\u043B\u0436\u0435\u043D \u0441\u043E\u043E\u0442\u0432\u0435\u0442\u0441\u0442\u0432\u043E\u0432\u0430\u0442\u044C <Icon").concat(result, "<name> />. \u0415\u0441\u043B\u0438 \u0442\u0430\u043A\u043E\u0433\u043E \u0440\u0430\u0437\u043C\u0435\u0440\u0430 \u043D\u0435\u0442, \u0442\u043E \u0438\u0441\u043F\u043E\u043B\u044C\u0437\u0443\u0439\u0442\u0435 <").concat(iconName, " width={").concat(result, "} height={").concat(result, "} />"), 'log');
+    var iconSize = getIconSizeByElement(iconProp.value);
+    if (iconSize === null) {
+        return;
+    }
+    var result = selectorFn(imageSize);
+    if (result === iconSize || result === selectorFn.MAX_SIZE && iconSize >= result) {
+        return;
+    }
+    var iconName = getElementDisplayName(iconProp.value);
+    var propMessage = iconName ? "".concat(iconProp.name, "={<").concat(iconName, " />}") : iconProp.name;
+    logger("Размер `".concat(propMessage, "` не соответствует дизайн-системе. Для `size={").concat(imageSize, "}` размер иконки для `").concat(iconProp.name, "` должен соответствовать <Icon").concat(result, "<name> />. Если такого размера нет, то используйте <").concat(iconName, " width={").concat(result, "} height={").concat(result, "} />"), "log");
 }
-var warnImageBase = warnOnce('ImageBase');
+var warnImageBase = warnOnce("ImageBase");
 export function validateFallbackIcon(imageSize, iconProp) {
-  return validateIconComponentSizeByImageSize(imageSize, iconProp, getFallbackIconSizeByImageBaseSize, warnImageBase);
+    return validateIconComponentSizeByImageSize(imageSize, iconProp, getFallbackIconSizeByImageBaseSize, warnImageBase);
 }
 var mapOfExpectedSize = new Set(imageBaseSizes);
-var arrayOfSizes = Object.keys(mapOfExpectedSize).map(function (str) {
-  return Number(str);
+var arrayOfSizes = Object.keys(mapOfExpectedSize).map(function(str) {
+    return Number(str);
 });
-var maxSize = arrayOfSizes.reduce(function (maxSize, size) {
-  return size > maxSize ? size : maxSize;
+var maxSize = arrayOfSizes.reduce(function(maxSize, size) {
+    return size > maxSize ? size : maxSize;
 }, 0);
 export function validateSize(imageSize) {
-  if (imageSize > maxSize || mapOfExpectedSize.has(imageSize)) {
-    return;
-  }
-  warnImageBase("`size={".concat(imageSize, "}` \u043D\u0435 \u0441\u043E\u043E\u0442\u0432\u0435\u0442\u0441\u0442\u0432\u0443\u0435\u0442 \u0434\u0438\u0437\u0430\u0439\u043D-\u0441\u0438\u0441\u0442\u0435\u043C\u0435. \u041F\u043E\u0436\u0430\u043B\u0443\u0439\u0441\u0442\u0430, \u0438\u0441\u043F\u043E\u043B\u044C\u0437\u0443\u0439\u0442\u0435 \u043E\u0434\u0438\u043D \u0438\u0437 \u0441\u043B\u0435\u0434\u0443\u044E\u0449\u0438\u0445 \u0432\u0430\u0440\u0438\u0430\u043D\u0442\u043E\u0432: ").concat(arrayOfSizes.join(' | ')), 'log');
+    if (imageSize > maxSize || mapOfExpectedSize.has(imageSize)) {
+        return;
+    }
+    warnImageBase("`size={".concat(imageSize, "}` не соответствует дизайн-системе. Пожалуйста, используйте один из следующих вариантов: ").concat(arrayOfSizes.join(" | ")), "log");
 }
-var warnImageBaseBadge = warnOnce('ImageBase.Badge');
+var warnImageBaseBadge = warnOnce("ImageBase.Badge");
 export function validateBadgeIcon(imageSize, iconProp) {
-  if (imageSize < 24 && iconProp) {
-    return warnImageBaseBadge('Не используйте бейдж при `size < 24`.', 'log');
-  }
-  validateIconComponentSizeByImageSize(imageSize, iconProp, getBadgeIconSizeByImageBaseSize, warnImageBaseBadge);
+    if (imageSize < 24 && iconProp) {
+        return warnImageBaseBadge("Не используйте бейдж при `size < 24`.", "log");
+    }
+    validateIconComponentSizeByImageSize(imageSize, iconProp, getBadgeIconSizeByImageBaseSize, warnImageBaseBadge);
 }
-var warnImageBaseOverlay = warnOnce('ImageBase.Overlay');
+var warnImageBaseOverlay = warnOnce("ImageBase.Overlay");
 export function validateOverlayIcon(imageSize, iconProp) {
-  validateIconComponentSizeByImageSize(imageSize, iconProp, getOverlayIconSizeByImageBaseSize, warnImageBaseOverlay);
+    validateIconComponentSizeByImageSize(imageSize, iconProp, getOverlayIconSizeByImageBaseSize, warnImageBaseOverlay);
 }
+
 //# sourceMappingURL=validators.js.map

package/dist/components/ImageBase/validators.js.map

@@ -1 +1 @@
-{"version":3,"file":"validators.js","names":["warnOnce","getBadgeIconSizeByImageBaseSize","getFallbackIconSizeByImageBaseSize","getOverlayIconSizeByImageBaseSize","imageBaseSizes","parseIconSizeByDisplayName","displayName","rawSize","replace","size","Number","parseIconSizeByWidthProp","width","getElementDisplayName","element","type","getElementWidthProp","props","getIconSizeByElement","sizeByDisplayName","sizeByWidth","validateIconComponentSizeByImageSize","imageSize","iconProp","selectorFn","logger","iconSize","value","result","MAX_SIZE","iconName","propMessage","name","warnImageBase","validateFallbackIcon","mapOfExpectedSize","Set","arrayOfSizes","Object","keys","map","str","maxSize","reduce","validateSize","has","join","warnImageBaseBadge","validateBadgeIcon","warnImageBaseOverlay","validateOverlayIcon"],"sources":["../../../src/components/ImageBase/validators.ts"],"sourcesContent":["import { warnOnce } from '../../lib/warnOnce';\nimport {\n  getBadgeIconSizeByImageBaseSize,\n  getFallbackIconSizeByImageBaseSize,\n  getOverlayIconSizeByImageBaseSize,\n} from './helpers';\nimport { imageBaseSizes } from './types';\n\n/**\n * Пример,\n *\n * Icon28User -> 28\n * Icon12Circle1 -> 12\n * Icon12Circle2 -> 12\n */\nfunction parseIconSizeByDisplayName(displayName: unknown): number | null {\n  if (typeof displayName !== 'string') {\n    return null;\n  }\n  const rawSize = displayName\n    .replace(/\\d+$/g, '') // удаляем цифры в конце\n    .replace(/\\D/g, ''); // удаляем всё, что не является числом\n  const size = Number(rawSize);\n  return size > 0 ? size : null;\n}\n\nfunction parseIconSizeByWidthProp(width: unknown): number | null {\n  if (typeof width !== 'string' && typeof width !== 'number') {\n    return null;\n  }\n  const size = Number(width);\n  return size > 0 ? size : null;\n}\n\nfunction getElementDisplayName(element: JSX.Element): string | null {\n  return element.type.displayName ?? null;\n}\n\nfunction getElementWidthProp(element: JSX.Element): number | string | null {\n  return element.props.width ?? null;\n}\n\nfunction getIconSizeByElement(element: JSX.Element): number | null {\n  const sizeByDisplayName = parseIconSizeByDisplayName(getElementDisplayName(element));\n  const sizeByWidth = parseIconSizeByWidthProp(getElementWidthProp(element));\n  return sizeByWidth ? sizeByWidth : sizeByDisplayName;\n}\n\ninterface IconProp {\n  name: string;\n  value: JSX.Element;\n}\n\ninterface SelectorFn {\n  (imageSize: number): number;\n  MAX_SIZE: number;\n}\n\nfunction validateIconComponentSizeByImageSize(\n  imageSize: number,\n  iconProp: IconProp,\n  selectorFn: SelectorFn,\n  logger: ReturnType<typeof warnOnce>,\n) {\n  const iconSize = getIconSizeByElement(iconProp.value);\n\n  if (iconSize === null) {\n    return;\n  }\n\n  const result = selectorFn(imageSize);\n\n  if (result === iconSize || (result === selectorFn.MAX_SIZE && iconSize >= result)) {\n    return;\n  }\n\n  const iconName = getElementDisplayName(iconProp.value);\n  const propMessage = iconName ? `${iconProp.name}={<${iconName} />}` : iconProp.name;\n\n  logger(\n    `Размер \\`${propMessage}\\` не соответствует дизайн-системе. Для \\`size={${imageSize}}\\` размер иконки для \\`${iconProp.name}\\` должен соответствовать <Icon${result}<name> />. Если такого размера нет, то используйте <${iconName} width={${result}} height={${result}} />`,\n    'log',\n  );\n}\n\nconst warnImageBase = warnOnce('ImageBase');\n\nexport function validateFallbackIcon(imageSize: number, iconProp: IconProp) {\n  return validateIconComponentSizeByImageSize(\n    imageSize,\n    iconProp,\n    getFallbackIconSizeByImageBaseSize,\n    warnImageBase,\n  );\n}\n\nconst mapOfExpectedSize = new Set<number>(imageBaseSizes);\n\nconst arrayOfSizes = Object.keys(mapOfExpectedSize).map((str) => Number(str));\nconst maxSize = arrayOfSizes.reduce((maxSize, size) => (size > maxSize ? size : maxSize), 0);\n\nexport function validateSize(imageSize: number): void {\n  if (imageSize > maxSize || mapOfExpectedSize.has(imageSize)) {\n    return;\n  }\n  warnImageBase(\n    `\\`size={${imageSize}}\\` не соответствует дизайн-системе. Пожалуйста, используйте один из следующих вариантов: ${arrayOfSizes.join(\n      ' | ',\n    )}`,\n    'log',\n  );\n}\n\nconst warnImageBaseBadge = warnOnce('ImageBase.Badge');\n\nexport function validateBadgeIcon(imageSize: number, iconProp: IconProp): void {\n  if (imageSize < 24 && iconProp) {\n    return warnImageBaseBadge('Не используйте бейдж при `size < 24`.', 'log');\n  }\n  validateIconComponentSizeByImageSize(\n    imageSize,\n    iconProp,\n    getBadgeIconSizeByImageBaseSize,\n    warnImageBaseBadge,\n  );\n}\n\nconst warnImageBaseOverlay = warnOnce('ImageBase.Overlay');\n\nexport function validateOverlayIcon(imageSize: number, iconProp: IconProp): void {\n  validateIconComponentSizeByImageSize(\n    imageSize,\n    iconProp,\n    getOverlayIconSizeByImageBaseSize,\n    warnImageBaseOverlay,\n  );\n}\n"],"mappings":"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"}
+{"version":3,"sources":["../../../src/components/ImageBase/validators.ts"],"sourcesContent":["import { warnOnce } from '../../lib/warnOnce';\nimport {\n  getBadgeIconSizeByImageBaseSize,\n  getFallbackIconSizeByImageBaseSize,\n  getOverlayIconSizeByImageBaseSize,\n} from './helpers';\nimport { imageBaseSizes } from './types';\n\n/**\n * Пример,\n *\n * Icon28User -> 28\n * Icon12Circle1 -> 12\n * Icon12Circle2 -> 12\n */\nfunction parseIconSizeByDisplayName(displayName: unknown): number | null {\n  if (typeof displayName !== 'string') {\n    return null;\n  }\n  const rawSize = displayName\n    .replace(/\\d+$/g, '') // удаляем цифры в конце\n    .replace(/\\D/g, ''); // удаляем всё, что не является числом\n  const size = Number(rawSize);\n  return size > 0 ? size : null;\n}\n\nfunction parseIconSizeByWidthProp(width: unknown): number | null {\n  if (typeof width !== 'string' && typeof width !== 'number') {\n    return null;\n  }\n  const size = Number(width);\n  return size > 0 ? size : null;\n}\n\nfunction getElementDisplayName(element: JSX.Element): string | null {\n  return element.type.displayName ?? null;\n}\n\nfunction getElementWidthProp(element: JSX.Element): number | string | null {\n  return element.props.width ?? null;\n}\n\nfunction getIconSizeByElement(element: JSX.Element): number | null {\n  const sizeByDisplayName = parseIconSizeByDisplayName(getElementDisplayName(element));\n  const sizeByWidth = parseIconSizeByWidthProp(getElementWidthProp(element));\n  return sizeByWidth ? sizeByWidth : sizeByDisplayName;\n}\n\ninterface IconProp {\n  name: string;\n  value: JSX.Element;\n}\n\ninterface SelectorFn {\n  (imageSize: number): number;\n  MAX_SIZE: number;\n}\n\nfunction validateIconComponentSizeByImageSize(\n  imageSize: number,\n  iconProp: IconProp,\n  selectorFn: SelectorFn,\n  logger: ReturnType<typeof warnOnce>,\n) {\n  const iconSize = getIconSizeByElement(iconProp.value);\n\n  if (iconSize === null) {\n    return;\n  }\n\n  const result = selectorFn(imageSize);\n\n  if (result === iconSize || (result === selectorFn.MAX_SIZE && iconSize >= result)) {\n    return;\n  }\n\n  const iconName = getElementDisplayName(iconProp.value);\n  const propMessage = iconName ? `${iconProp.name}={<${iconName} />}` : iconProp.name;\n\n  logger(\n    `Размер \\`${propMessage}\\` не соответствует дизайн-системе. Для \\`size={${imageSize}}\\` размер иконки для \\`${iconProp.name}\\` должен соответствовать <Icon${result}<name> />. Если такого размера нет, то используйте <${iconName} width={${result}} height={${result}} />`,\n    'log',\n  );\n}\n\nconst warnImageBase = warnOnce('ImageBase');\n\nexport function validateFallbackIcon(imageSize: number, iconProp: IconProp) {\n  return validateIconComponentSizeByImageSize(\n    imageSize,\n    iconProp,\n    getFallbackIconSizeByImageBaseSize,\n    warnImageBase,\n  );\n}\n\nconst mapOfExpectedSize = new Set<number>(imageBaseSizes);\n\nconst arrayOfSizes = Object.keys(mapOfExpectedSize).map((str) => Number(str));\nconst maxSize = arrayOfSizes.reduce((maxSize, size) => (size > maxSize ? size : maxSize), 0);\n\nexport function validateSize(imageSize: number): void {\n  if (imageSize > maxSize || mapOfExpectedSize.has(imageSize)) {\n    return;\n  }\n  warnImageBase(\n    `\\`size={${imageSize}}\\` не соответствует дизайн-системе. Пожалуйста, используйте один из следующих вариантов: ${arrayOfSizes.join(\n      ' | ',\n    )}`,\n    'log',\n  );\n}\n\nconst warnImageBaseBadge = warnOnce('ImageBase.Badge');\n\nexport function validateBadgeIcon(imageSize: number, iconProp: IconProp): void {\n  if (imageSize < 24 && iconProp) {\n    return warnImageBaseBadge('Не используйте бейдж при `size < 24`.', 'log');\n  }\n  validateIconComponentSizeByImageSize(\n    imageSize,\n    iconProp,\n    getBadgeIconSizeByImageBaseSize,\n    warnImageBaseBadge,\n  );\n}\n\nconst warnImageBaseOverlay = warnOnce('ImageBase.Overlay');\n\nexport function validateOverlayIcon(imageSize: number, iconProp: IconProp): void {\n  validateIconComponentSizeByImageSize(\n    imageSize,\n    iconProp,\n    getOverlayIconSizeByImageBaseSize,\n    warnImageBaseOverlay,\n  );\n}\n"],"names":["warnOnce","getBadgeIconSizeByImageBaseSize","getFallbackIconSizeByImageBaseSize","getOverlayIconSizeByImageBaseSize","imageBaseSizes","parseIconSizeByDisplayName","displayName","rawSize","replace","size","Number","parseIconSizeByWidthProp","width","getElementDisplayName","element","type","getElementWidthProp","props","getIconSizeByElement","sizeByDisplayName","sizeByWidth","validateIconComponentSizeByImageSize","imageSize","iconProp","selectorFn","logger","iconSize","value","result","MAX_SIZE","iconName","propMessage","name","warnImageBase","validateFallbackIcon","mapOfExpectedSize","Set","arrayOfSizes","Object","keys","map","str","maxSize","reduce","validateSize","has","join","warnImageBaseBadge","validateBadgeIcon","warnImageBaseOverlay","validateOverlayIcon"],"mappings":"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"}

package/dist/components/InfoRow/InfoRow.js

@@ -1,25 +1,26 @@
-import _extends from "@babel/runtime/helpers/extends";
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["header", "children", "className"];
-import * as React from 'react';
-import { classNames, hasReactNode } from '@vkontakte/vkjs';
-import { Headline } from '../Typography/Headline/Headline';
-import { Subhead } from '../Typography/Subhead/Subhead';
+import _object_spread from "@swc/helpers/src/_object_spread.mjs";
+import _object_spread_props from "@swc/helpers/src/_object_spread_props.mjs";
+import _object_without_properties from "@swc/helpers/src/_object_without_properties.mjs";
+import * as React from "react";
+import { classNames, hasReactNode } from "@vkontakte/vkjs";
+import { Headline } from "../Typography/Headline/Headline";
+import { Subhead } from "../Typography/Subhead/Subhead";
 /**
  * @see https://vkcom.github.io/VKUI/#/InfoRow
- */
-export var InfoRow = function InfoRow(_ref) {
-  var header = _ref.header,
-    children = _ref.children,
-    className = _ref.className,
-    restProps = _objectWithoutProperties(_ref, _excluded);
-  return /*#__PURE__*/React.createElement(Headline, _extends({}, restProps, {
-    Component: "span",
-    className: classNames("vkuiInfoRow", className),
-    weight: "3"
-  }), hasReactNode(header) && /*#__PURE__*/React.createElement(Subhead, {
-    Component: "span",
-    className: "vkuiInfoRow__header"
-  }, header), children);
+ */ export var InfoRow = function(_param) /*#__PURE__*/ {
+    var header = _param.header, children = _param.children, className = _param.className, restProps = _object_without_properties(_param, [
+        "header",
+        "children",
+        "className"
+    ]);
+    return React.createElement(Headline, _object_spread_props(_object_spread({}, restProps), {
+        Component: "span",
+        className: classNames("vkuiInfoRow", className),
+        weight: "3"
+    }), hasReactNode(header) && /*#__PURE__*/ React.createElement(Subhead, {
+        Component: "span",
+        className: "vkuiInfoRow__header"
+    }, header), children);
 };
+
 //# sourceMappingURL=InfoRow.js.map

package/dist/components/InfoRow/InfoRow.js.map

@@ -1 +1 @@
-{"version":3,"file":"InfoRow.js","names":["React","classNames","hasReactNode","Headline","Subhead","InfoRow","header","children","className","restProps"],"sources":["../../../src/components/InfoRow/InfoRow.tsx"],"sourcesContent":["import * as React from 'react';\nimport { classNames, hasReactNode } from '@vkontakte/vkjs';\nimport { Headline } from '../Typography/Headline/Headline';\nimport { Subhead } from '../Typography/Subhead/Subhead';\nimport styles from './InfoRow.module.css';\n\nexport interface InfoRowProps extends React.HTMLAttributes<HTMLDivElement> {\n  header: React.ReactNode;\n}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/InfoRow\n */\nexport const InfoRow = ({ header, children, className, ...restProps }: InfoRowProps) => (\n  <Headline\n    {...restProps}\n    Component=\"span\"\n    className={classNames(styles['InfoRow'], className)}\n    weight=\"3\"\n  >\n    {hasReactNode(header) && (\n      <Subhead Component=\"span\" className={styles['InfoRow__header']}>\n        {header}\n      </Subhead>\n    )}\n    {children}\n  </Headline>\n);\n"],"mappings":";;;AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,UAAU,EAAEC,YAAY,QAAQ,iBAAiB;AAC1D,SAASC,QAAQ,QAAQ,iCAAiC;AAC1D,SAASC,OAAO,QAAQ,+BAA+B;AAOvD;AACA;AACA;AACA,OAAO,IAAMC,OAAO,GAAG,SAAVA,OAAO;EAAA,IAAMC,MAAM,QAANA,MAAM;IAAEC,QAAQ,QAARA,QAAQ;IAAEC,SAAS,QAATA,SAAS;IAAKC,SAAS;EAAA,oBACjE,oBAAC,QAAQ,eACHA,SAAS;IACb,SAAS,EAAC,MAAM;IAChB,SAAS,EAAER,UAAU,gBAAoBO,SAAS,CAAE;IACpD,MAAM,EAAC;EAAG,IAETN,YAAY,CAACI,MAAM,CAAC,iBACnB,oBAAC,OAAO;IAAC,SAAS,EAAC,MAAM;IAAC,SAAS;EAA4B,GAC5DA,MAAM,CAEV,EACAC,QAAQ,CACA;AAAA,CACZ"}
+{"version":3,"sources":["../../../src/components/InfoRow/InfoRow.tsx"],"sourcesContent":["import * as React from 'react';\nimport { classNames, hasReactNode } from '@vkontakte/vkjs';\nimport { Headline } from '../Typography/Headline/Headline';\nimport { Subhead } from '../Typography/Subhead/Subhead';\nimport styles from './InfoRow.module.css';\n\nexport interface InfoRowProps extends React.HTMLAttributes<HTMLDivElement> {\n  header: React.ReactNode;\n}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/InfoRow\n */\nexport const InfoRow = ({ header, children, className, ...restProps }: InfoRowProps) => (\n  <Headline\n    {...restProps}\n    Component=\"span\"\n    className={classNames(styles['InfoRow'], className)}\n    weight=\"3\"\n  >\n    {hasReactNode(header) && (\n      <Subhead Component=\"span\" className={styles['InfoRow__header']}>\n        {header}\n      </Subhead>\n    )}\n    {children}\n  </Headline>\n);\n"],"names":["React","classNames","hasReactNode","Headline","Subhead","InfoRow","header","children","className","restProps","Component","weight"],"mappings":";;;AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,UAAU,EAAEC,YAAY,QAAQ,kBAAkB;AAC3D,SAASC,QAAQ,QAAQ,kCAAkC;AAC3D,SAASC,OAAO,QAAQ,gCAAgC;AAOxD;;CAEC,GACD,OAAO,IAAMC,UAAU,+BACrB;QADwBC,gBAAAA,QAAQC,kBAAAA,UAAUC,mBAAAA,WAAcC;QAAhCH;QAAQC;QAAUC;;WAC1C,oBAACL,kDACKM;QACJC,WAAU;QACVF,WAAWP,0BAA8BO;QACzCG,QAAO;QAENT,aAAaI,yBACZ,oBAACF;QAAQM,WAAU;QAAOF,SAAS;OAChCF,SAGJC;AACO,EACV"}

package/dist/components/Input/Input.js

@@ -1,48 +1,45 @@
-import _extends from "@babel/runtime/helpers/extends";
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-var _excluded = ["type", "align", "getRef", "className", "getRootRef", "style", "before", "after", "status", "mode"];
-import * as React from 'react';
-import { classNames } from '@vkontakte/vkjs';
-import { useAdaptivity } from '../../hooks/useAdaptivity';
-import { SizeType } from '../../lib/adaptivity';
-import { FormField } from '../FormField/FormField';
-var sizeYClassNames = _defineProperty({
-  none: "vkuiInput--sizeY-none"
+import _define_property from "@swc/helpers/src/_define_property.mjs";
+import _object_spread from "@swc/helpers/src/_object_spread.mjs";
+import _object_spread_props from "@swc/helpers/src/_object_spread_props.mjs";
+import _object_without_properties from "@swc/helpers/src/_object_without_properties.mjs";
+import * as React from "react";
+import { classNames } from "@vkontakte/vkjs";
+import { useAdaptivity } from "../../hooks/useAdaptivity";
+import { SizeType } from "../../lib/adaptivity";
+import { FormField } from "../FormField/FormField";
+var sizeYClassNames = _define_property({
+    none: "vkuiInput--sizeY-none"
 }, SizeType.COMPACT, "vkuiInput--sizeY-compact");
 /**
  * @see https://vkcom.github.io/VKUI/#/Input
- */
-export var Input = function Input(_ref) {
-  var _ref$type = _ref.type,
-    type = _ref$type === void 0 ? 'text' : _ref$type,
-    _ref$align = _ref.align,
-    align = _ref$align === void 0 ? 'left' : _ref$align,
-    getRef = _ref.getRef,
-    className = _ref.className,
-    getRootRef = _ref.getRootRef,
-    style = _ref.style,
-    before = _ref.before,
-    after = _ref.after,
-    status = _ref.status,
-    mode = _ref.mode,
-    restProps = _objectWithoutProperties(_ref, _excluded);
-  var _useAdaptivity = useAdaptivity(),
-    _useAdaptivity$sizeY = _useAdaptivity.sizeY,
-    sizeY = _useAdaptivity$sizeY === void 0 ? 'none' : _useAdaptivity$sizeY;
-  return /*#__PURE__*/React.createElement(FormField, {
-    style: style,
-    className: classNames("vkuiInput", align === 'right' && "vkuiInput--align-right", align === 'center' && "vkuiInput--align-center", sizeY !== SizeType.REGULAR && sizeYClassNames[sizeY], before && "vkuiInput--hasBefore", after && "vkuiInput--hasAfter", className),
-    getRootRef: getRootRef,
-    before: before,
-    after: after,
-    disabled: restProps.disabled,
-    mode: mode,
-    status: status
-  }, /*#__PURE__*/React.createElement("input", _extends({}, restProps, {
-    type: type,
-    className: "vkuiInput__el",
-    ref: getRef
-  })));
+ */ export var Input = function(_param) {
+    var _param_type = _param.type, type = _param_type === void 0 ? "text" : _param_type, _param_align = _param.align, align = _param_align === void 0 ? "left" : _param_align, getRef = _param.getRef, className = _param.className, getRootRef = _param.getRootRef, style = _param.style, before = _param.before, after = _param.after, status = _param.status, mode = _param.mode, restProps = _object_without_properties(_param, [
+        "type",
+        "align",
+        "getRef",
+        "className",
+        "getRootRef",
+        "style",
+        "before",
+        "after",
+        "status",
+        "mode"
+    ]);
+    var _useAdaptivity = useAdaptivity(), _useAdaptivity_sizeY = _useAdaptivity.sizeY, sizeY = _useAdaptivity_sizeY === void 0 ? "none" : _useAdaptivity_sizeY;
+    return /*#__PURE__*/ React.createElement(FormField, {
+        style: style,
+        className: classNames("vkuiInput", align === "right" && "vkuiInput--align-right", align === "center" && "vkuiInput--align-center", sizeY !== SizeType.REGULAR && sizeYClassNames[sizeY], before && "vkuiInput--hasBefore", after && "vkuiInput--hasAfter", className),
+        getRootRef: getRootRef,
+        before: before,
+        after: after,
+        disabled: restProps.disabled,
+        mode: mode,
+        status: status
+    }, /*#__PURE__*/ React.createElement("input", _object_spread_props(_object_spread({}, restProps), {
+        type: type,
+        className: "vkuiInput__el",
+        ref: getRef
+    })));
 };
+
 //# sourceMappingURL=Input.js.map

package/dist/components/Input/Input.js.map

@@ -1 +1 @@
-{"version":3,"file":"Input.js","names":["React","classNames","useAdaptivity","SizeType","FormField","sizeYClassNames","none","COMPACT","Input","type","align","getRef","className","getRootRef","style","before","after","status","mode","restProps","sizeY","REGULAR","disabled"],"sources":["../../../src/components/Input/Input.tsx"],"sourcesContent":["import * as React from 'react';\nimport { classNames } from '@vkontakte/vkjs';\nimport { useAdaptivity } from '../../hooks/useAdaptivity';\nimport { SizeType } from '../../lib/adaptivity';\nimport { HasAlign, HasRef, HasRootRef } from '../../types';\nimport { FormField, FormFieldProps } from '../FormField/FormField';\nimport styles from './Input.module.css';\n\nconst sizeYClassNames = {\n  none: styles['Input--sizeY-none'],\n  [SizeType.COMPACT]: styles['Input--sizeY-compact'],\n};\n\nexport interface InputProps\n  extends React.InputHTMLAttributes<HTMLInputElement>,\n    HasRef<HTMLInputElement>,\n    HasRootRef<HTMLDivElement>,\n    HasAlign,\n    FormFieldProps {}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/Input\n */\nexport const Input = ({\n  type = 'text',\n  align = 'left',\n  getRef,\n  className,\n  getRootRef,\n  style,\n  before,\n  after,\n  status,\n  mode,\n  ...restProps\n}: InputProps) => {\n  const { sizeY = 'none' } = useAdaptivity();\n\n  return (\n    <FormField\n      style={style}\n      className={classNames(\n        styles['Input'],\n        align === 'right' && styles['Input--align-right'],\n        align === 'center' && styles['Input--align-center'],\n        sizeY !== SizeType.REGULAR && sizeYClassNames[sizeY],\n        before && styles['Input--hasBefore'],\n        after && styles['Input--hasAfter'],\n        className,\n      )}\n      getRootRef={getRootRef}\n      before={before}\n      after={after}\n      disabled={restProps.disabled}\n      mode={mode}\n      status={status}\n    >\n      <input {...restProps} type={type} className={styles['Input__el']} ref={getRef} />\n    </FormField>\n  );\n};\n"],"mappings":";;;;AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,UAAU,QAAQ,iBAAiB;AAC5C,SAASC,aAAa,QAAQ,2BAA2B;AACzD,SAASC,QAAQ,QAAQ,sBAAsB;AAE/C,SAASC,SAAS,QAAwB,wBAAwB;AAGlE,IAAMC,eAAe;EACnBC,IAAI;AAA6B,GAChCH,QAAQ,CAACI,OAAO,6BAClB;AASD;AACA;AACA;AACA,OAAO,IAAMC,KAAK,GAAG,SAARA,KAAK,OAYA;EAAA,qBAXhBC,IAAI;IAAJA,IAAI,0BAAG,MAAM;IAAA,kBACbC,KAAK;IAALA,KAAK,2BAAG,MAAM;IACdC,MAAM,QAANA,MAAM;IACNC,SAAS,QAATA,SAAS;IACTC,UAAU,QAAVA,UAAU;IACVC,KAAK,QAALA,KAAK;IACLC,MAAM,QAANA,MAAM;IACNC,KAAK,QAALA,KAAK;IACLC,MAAM,QAANA,MAAM;IACNC,IAAI,QAAJA,IAAI;IACDC,SAAS;EAEZ,qBAA2BjB,aAAa,EAAE;IAAA,sCAAlCkB,KAAK;IAALA,KAAK,qCAAG,MAAM;EAEtB,oBACE,oBAAC,SAAS;IACR,KAAK,EAAEN,KAAM;IACb,SAAS,EAAEb,UAAU,cAEnBS,KAAK,KAAK,OAAO,4BAAgC,EACjDA,KAAK,KAAK,QAAQ,6BAAiC,EACnDU,KAAK,KAAKjB,QAAQ,CAACkB,OAAO,IAAIhB,eAAe,CAACe,KAAK,CAAC,EACpDL,MAAM,0BAA8B,EACpCC,KAAK,yBAA6B,EAClCJ,SAAS,CACT;IACF,UAAU,EAAEC,UAAW;IACvB,MAAM,EAAEE,MAAO;IACf,KAAK,EAAEC,KAAM;IACb,QAAQ,EAAEG,SAAS,CAACG,QAAS;IAC7B,IAAI,EAAEJ,IAAK;IACX,MAAM,EAAED;EAAO,gBAEf,0CAAWE,SAAS;IAAE,IAAI,EAAEV,IAAK;IAAC,SAAS,iBAAsB;IAAC,GAAG,EAAEE;EAAO,GAAG,CACvE;AAEhB,CAAC"}
+{"version":3,"sources":["../../../src/components/Input/Input.tsx"],"sourcesContent":["import * as React from 'react';\nimport { classNames } from '@vkontakte/vkjs';\nimport { useAdaptivity } from '../../hooks/useAdaptivity';\nimport { SizeType } from '../../lib/adaptivity';\nimport { HasAlign, HasRef, HasRootRef } from '../../types';\nimport { FormField, FormFieldProps } from '../FormField/FormField';\nimport styles from './Input.module.css';\n\nconst sizeYClassNames = {\n  none: styles['Input--sizeY-none'],\n  [SizeType.COMPACT]: styles['Input--sizeY-compact'],\n};\n\nexport interface InputProps\n  extends React.InputHTMLAttributes<HTMLInputElement>,\n    HasRef<HTMLInputElement>,\n    HasRootRef<HTMLDivElement>,\n    HasAlign,\n    FormFieldProps {}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/Input\n */\nexport const Input = ({\n  type = 'text',\n  align = 'left',\n  getRef,\n  className,\n  getRootRef,\n  style,\n  before,\n  after,\n  status,\n  mode,\n  ...restProps\n}: InputProps) => {\n  const { sizeY = 'none' } = useAdaptivity();\n\n  return (\n    <FormField\n      style={style}\n      className={classNames(\n        styles['Input'],\n        align === 'right' && styles['Input--align-right'],\n        align === 'center' && styles['Input--align-center'],\n        sizeY !== SizeType.REGULAR && sizeYClassNames[sizeY],\n        before && styles['Input--hasBefore'],\n        after && styles['Input--hasAfter'],\n        className,\n      )}\n      getRootRef={getRootRef}\n      before={before}\n      after={after}\n      disabled={restProps.disabled}\n      mode={mode}\n      status={status}\n    >\n      <input {...restProps} type={type} className={styles['Input__el']} ref={getRef} />\n    </FormField>\n  );\n};\n"],"names":["React","classNames","useAdaptivity","SizeType","FormField","sizeYClassNames","none","COMPACT","Input","type","align","getRef","className","getRootRef","style","before","after","status","mode","restProps","sizeY","REGULAR","disabled","input","ref"],"mappings":";;;;AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,UAAU,QAAQ,kBAAkB;AAC7C,SAASC,aAAa,QAAQ,4BAA4B;AAC1D,SAASC,QAAQ,QAAQ,uBAAuB;AAEhD,SAASC,SAAS,QAAwB,yBAAyB;AAGnE,IAAMC;IACJC,IAAI;GACHH,SAASI,OAAO;AAUnB;;CAEC,GACD,OAAO,IAAMC,QAAQ,iBAYH;6BAXhBC,MAAAA,gCAAO,4CACPC,OAAAA,kCAAQ,uBACRC,gBAAAA,QACAC,mBAAAA,WACAC,oBAAAA,YACAC,eAAAA,OACAC,gBAAAA,QACAC,eAAAA,OACAC,gBAAAA,QACAC,cAAAA,MACGC;QAVHV;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;;IAGA,IAA2BhB,iBAAAA,wCAAAA,eAAnBkB,OAAAA,0CAAQ;IAEhB,qBACE,oBAAChB;QACCU,OAAOA;QACPF,WAAWX,wBAETS,UAAU,qCACVA,UAAU,uCACVU,UAAUjB,SAASkB,OAAO,IAAIhB,eAAe,CAACe,MAAM,EACpDL,kCACAC,gCACAJ;QAEFC,YAAYA;QACZE,QAAQA;QACRC,OAAOA;QACPM,UAAUH,UAAUG,QAAQ;QAC5BJ,MAAMA;QACND,QAAQA;qBAER,oBAACM,iDAAUJ;QAAWV,MAAMA;QAAMG,SAAS;QAAuBY,KAAKb;;AAG7E,EAAE"}