@vkontakte/vkui 4.37.0 → 5.0.0

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

@@ -1 +1 @@
-{"version":3,"file":"Select.js","names":["SelectType","default","plain","accent","SelectTypography","selectType","children","restProps","platform","usePlatform","useAdaptivity","sizeY","Platform","ANDROID","Component","VKCOM","SizeType","COMPACT","Text","Headline","SelectComponent","hasMouse","props","options","popupDirection","renderOption","map","label","value","Select","withAdaptivity","displayName"],"sources":["../../../../src/components/Select/Select.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { NativeSelect } from \"../NativeSelect/NativeSelect\";\nimport { CustomSelect, CustomSelectProps } from \"../CustomSelect/CustomSelect\";\nimport { withAdaptivity } from \"../../hoc/withAdaptivity\";\nimport { useAdaptivity } from \"../../hooks/useAdaptivity\";\nimport { usePlatform } from \"../../hooks/usePlatform\";\nimport { Platform, VKCOM } from \"../../lib/platform\";\nimport {\n  AdaptivityContextInterface,\n  AdaptivityProps,\n  SizeType,\n} from \"../AdaptivityProvider/AdaptivityContext\";\nimport { Paragraph } from \"../Typography/Paragraph/Paragraph\";\nimport { Text } from \"../Typography/Text/Text\";\nimport { Headline } from \"../Typography/Headline/Headline\";\n\nexport const SelectType = {\n  default: \"default\",\n  plain: \"plain\",\n  accent: \"accent\",\n} as const;\n\n// TODO v5.0.0 поправить под новую адаптивность\n/**\n * @see https://vkcom.github.io/VKUI/#/SelectTypography\n */\nexport const SelectTypography = ({\n  selectType = SelectType.default,\n  children,\n  ...restProps\n}: React.PropsWithChildren<Pick<CustomSelectProps, \"selectType\">>) => {\n  const platform = usePlatform();\n  const { sizeY } = useAdaptivity();\n\n  if (selectType === SelectType.accent) {\n    return (\n      <Paragraph\n        weight={platform === Platform.ANDROID ? \"2\" : \"1\"}\n        {...restProps}\n      >\n        {children}\n      </Paragraph>\n    );\n  }\n\n  const Component =\n    platform === VKCOM || sizeY === SizeType.COMPACT ? Text : Headline;\n\n  return (\n    <Component Component=\"span\" {...restProps}>\n      {children}\n    </Component>\n  );\n};\n\nexport interface SelectProps extends CustomSelectProps, AdaptivityProps {}\n\nconst SelectComponent = ({\n  hasMouse,\n  ...props\n}: SelectProps & AdaptivityContextInterface) => {\n  // Use custom select if device has connected a mouse\n  if (hasMouse) {\n    const { children, ...restProps } = props;\n\n    return <CustomSelect {...restProps} />;\n  }\n\n  const { options = [], popupDirection, renderOption, ...restProps } = props;\n\n  return (\n    <NativeSelect {...restProps}>\n      {options.map(({ label, value }) => (\n        <option value={value} key={`${value}`}>\n          {label}\n        </option>\n      ))}\n    </NativeSelect>\n  );\n};\n\n/**\n * @see https://vkcom.github.io/VKUI/#/Select\n */\nexport const Select = withAdaptivity(SelectComponent, {\n  hasMouse: true,\n});\n\nSelect.displayName = \"Select\";\n"],"mappings":";;;;;;;;;;;;;;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AAKA;;AACA;;AACA;;;;;;AAEO,IAAMA,UAAU,GAAG;EACxBC,OAAO,EAAE,SADe;EAExBC,KAAK,EAAE,OAFiB;EAGxBC,MAAM,EAAE;AAHgB,CAAnB,C,CAMP;;AACA;AACA;AACA;;;;AACO,IAAMC,gBAAgB,GAAG,SAAnBA,gBAAmB,OAIsC;EAAA,2BAHpEC,UAGoE;EAAA,IAHpEA,UAGoE,gCAHvDL,UAAU,CAACC,OAG4C;EAAA,IAFpEK,QAEoE,QAFpEA,QAEoE;EAAA,IADjEC,SACiE;EACpE,IAAMC,QAAQ,GAAG,IAAAC,wBAAA,GAAjB;;EACA,qBAAkB,IAAAC,6BAAA,GAAlB;EAAA,IAAQC,KAAR,kBAAQA,KAAR;;EAEA,IAAIN,UAAU,KAAKL,UAAU,CAACG,MAA9B,EAAsC;IACpC,OACE,qCAAC,oBAAD;MACE,MAAM,EAAEK,QAAQ,KAAKI,kBAAA,CAASC,OAAtB,GAAgC,GAAhC,GAAsC;IADhD,GAEMN,SAFN,GAIGD,QAJH,CADF;EAQD;;EAED,IAAMQ,SAAS,GACbN,QAAQ,KAAKO,eAAb,IAAsBJ,KAAK,KAAKK,2BAAA,CAASC,OAAzC,GAAmDC,UAAnD,GAA0DC,kBAD5D;EAGA,OACE,qCAAC,SAAD;IAAW,SAAS,EAAC;EAArB,GAAgCZ,SAAhC,GACGD,QADH,CADF;AAKD,CA3BM;;;;AA+BP,IAAMc,eAAe,GAAG,SAAlBA,eAAkB,QAGwB;EAAA,IAF9CC,QAE8C,SAF9CA,QAE8C;EAAA,IAD3CC,KAC2C;;EAC9C;EACA,IAAID,QAAJ,EAAc;IACZ,IAAQf,QAAR,GAAmCgB,KAAnC,CAAQhB,QAAR;IAAA,IAAqBC,UAArB,0CAAmCe,KAAnC;;IAEA,OAAO,qCAAC,0BAAD,EAAkBf,UAAlB,CAAP;EACD;;EAED,qBAAqEe,KAArE,CAAQC,OAAR;EAAA,IAAQA,OAAR,+BAAkB,EAAlB;EAAA,IAAsBC,cAAtB,GAAqEF,KAArE,CAAsBE,cAAtB;EAAA,IAAsCC,YAAtC,GAAqEH,KAArE,CAAsCG,YAAtC;EAAA,IAAuDlB,SAAvD,0CAAqEe,KAArE;EAEA,OACE,qCAAC,0BAAD,EAAkBf,SAAlB,EACGgB,OAAO,CAACG,GAAR,CAAY;IAAA,IAAGC,KAAH,SAAGA,KAAH;IAAA,IAAUC,KAAV,SAAUA,KAAV;IAAA,OACX;MAAQ,KAAK,EAAEA,KAAf;MAAsB,GAAG,YAAKA,KAAL;IAAzB,GACGD,KADH,CADW;EAAA,CAAZ,CADH,CADF;AASD,CAtBD;AAwBA;AACA;AACA;;;AACO,IAAME,MAAM,GAAG,IAAAC,8BAAA,EAAeV,eAAf,EAAgC;EACpDC,QAAQ,EAAE;AAD0C,CAAhC,CAAf;;AAIPQ,MAAM,CAACE,WAAP,GAAqB,QAArB"}
+{"version":3,"file":"Select.js","names":["SelectTypography","selectType","children","restProps","platform","usePlatform","useAdaptivity","sizeY","classNames","getClassName","getSizeYClassName","Select","options","popupDirection","renderOption","props","hasMouse","undefined","getMouseClassName","map","label","value"],"sources":["../../../../src/components/Select/Select.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { NativeSelect } from \"../NativeSelect/NativeSelect\";\nimport { CustomSelect, SelectProps } from \"../CustomSelect/CustomSelect\";\nimport { useAdaptivity } from \"../../hooks/useAdaptivity\";\nimport { usePlatform } from \"../../hooks/usePlatform\";\nimport { classNames } from \"../../lib/classNames\";\nimport { getClassName } from \"../../helpers/getClassName\";\nimport { getSizeYClassName } from \"../../helpers/getSizeYClassName\";\nimport { getMouseClassName } from \"../../helpers/getMouseClassName\";\n\nexport type SelectType = \"default\" | \"plain\" | \"accent\";\n\n/**\n * @see https://vkcom.github.io/VKUI/#/SelectTypography\n */\nexport const SelectTypography = ({\n  selectType = \"default\",\n  children,\n  ...restProps\n}: React.PropsWithChildren<Pick<SelectProps, \"selectType\">>) => {\n  const platform = usePlatform();\n  const { sizeY } = useAdaptivity();\n\n  return (\n    <span\n      vkuiClass={classNames(\n        getClassName(\"SelectTypography\", platform),\n        getSizeYClassName(\"SelectTypography\", sizeY),\n        `SelectTypography--selectType-${selectType}`\n      )}\n      {...restProps}\n    >\n      {children}\n    </span>\n  );\n};\n\n/**\n * @see https://vkcom.github.io/VKUI/#/Select\n */\nexport const Select: React.FC<SelectProps> = ({\n  children,\n  options = [],\n  popupDirection,\n  renderOption,\n  ...props\n}) => {\n  const { hasMouse } = useAdaptivity();\n\n  return (\n    <React.Fragment>\n      {(hasMouse === undefined || hasMouse === true) && (\n        <CustomSelect\n          vkuiClass={classNames(\n            \"Select__custom\",\n            getMouseClassName(\"Select__custom\", hasMouse)\n          )}\n          options={options}\n          popupDirection={popupDirection}\n          renderOption={renderOption}\n          {...props}\n        />\n      )}\n      {(hasMouse === undefined || hasMouse === false) && (\n        <NativeSelect\n          vkuiClass={classNames(\n            \"Select__native\",\n            getMouseClassName(\"Select__native\", hasMouse)\n          )}\n          {...props}\n        >\n          {options.map(({ label, value }) => (\n            <option value={value} key={`${value}`}>\n              {label}\n            </option>\n          ))}\n        </NativeSelect>\n      )}\n    </React.Fragment>\n  );\n};\n"],"mappings":";;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;;AAIA;AACA;AACA;AACO,IAAMA,gBAAgB,GAAG,SAAnBA,gBAAmB,OAIgC;EAAA,2BAH9DC,UAG8D;EAAA,IAH9DA,UAG8D,gCAHjD,SAGiD;EAAA,IAF9DC,QAE8D,QAF9DA,QAE8D;EAAA,IAD3DC,SAC2D;EAC9D,IAAMC,QAAQ,GAAG,IAAAC,wBAAA,GAAjB;;EACA,qBAAkB,IAAAC,6BAAA,GAAlB;EAAA,IAAQC,KAAR,kBAAQA,KAAR;;EAEA,OACE;IACE,SAAS,EAAE,IAAAC,sBAAA,EACT,IAAAC,0BAAA,EAAa,kBAAb,EAAiCL,QAAjC,CADS,EAET,IAAAM,oCAAA,EAAkB,kBAAlB,EAAsCH,KAAtC,CAFS,yCAGuBN,UAHvB;EADb,GAMME,SANN,GAQGD,QARH,CADF;AAYD,CApBM;AAsBP;AACA;AACA;;;;;AACO,IAAMS,MAA6B,GAAG,SAAhCA,MAAgC,QAMvC;EAAA,IALJT,QAKI,SALJA,QAKI;EAAA,0BAJJU,OAII;EAAA,IAJJA,OAII,8BAJM,EAIN;EAAA,IAHJC,cAGI,SAHJA,cAGI;EAAA,IAFJC,YAEI,SAFJA,YAEI;EAAA,IADDC,KACC;;EACJ,sBAAqB,IAAAT,6BAAA,GAArB;EAAA,IAAQU,QAAR,mBAAQA,QAAR;;EAEA,OACE,qCAAC,KAAD,CAAO,QAAP,QACG,CAACA,QAAQ,KAAKC,SAAb,IAA0BD,QAAQ,KAAK,IAAxC,KACC,qCAAC,0BAAD;IACE,SAAS,EAAE,IAAAR,sBAAA,EACT,gBADS,EAET,IAAAU,oCAAA,EAAkB,gBAAlB,EAAoCF,QAApC,CAFS,CADb;IAKE,OAAO,EAAEJ,OALX;IAME,cAAc,EAAEC,cANlB;IAOE,YAAY,EAAEC;EAPhB,GAQMC,KARN,EAFJ,EAaG,CAACC,QAAQ,KAAKC,SAAb,IAA0BD,QAAQ,KAAK,KAAxC,KACC,qCAAC,0BAAD;IACE,SAAS,EAAE,IAAAR,sBAAA,EACT,gBADS,EAET,IAAAU,oCAAA,EAAkB,gBAAlB,EAAoCF,QAApC,CAFS;EADb,GAKMD,KALN,GAOGH,OAAO,CAACO,GAAR,CAAY;IAAA,IAAGC,KAAH,SAAGA,KAAH;IAAA,IAAUC,KAAV,SAAUA,KAAV;IAAA,OACX;MAAQ,KAAK,EAAEA,KAAf;MAAsB,GAAG,YAAKA,KAAL;IAAzB,GACGD,KADH,CADW;EAAA,CAAZ,CAPH,CAdJ,CADF;AA+BD,CAxCM"}

package/dist/cjs/components/SelectMimicry/SelectMimicry.js

@@ -19,8 +19,6 @@ var _DropdownIcon = require("../DropdownIcon/DropdownIcon");
 
 var _FormField = require("../FormField/FormField");
 
-var _withAdaptivity = require("../../hoc/withAdaptivity");
-
 var _usePlatform = require("../../hooks/usePlatform");
 
 var _getClassName = require("../../helpers/getClassName");
@@ -29,9 +27,18 @@ var _select = require("../../lib/select");
 
 var _Select = require("../Select/Select");
 
-var _excluded = ["tabIndex", "placeholder", "children", "align", "getRootRef", "multiline", "disabled", "onClick", "sizeX", "sizeY", "before", "after", "selectType", "status"];
+var _useAdaptivity2 = require("../../hooks/useAdaptivity");
+
+var _getSizeXClassName = require("../../helpers/getSizeXClassName");
+
+var _getSizeYClassName = require("../../helpers/getSizeYClassName");
+
+var _excluded = ["tabIndex", "placeholder", "children", "align", "getRootRef", "multiline", "disabled", "onClick", "before", "after", "selectType", "status"];
 
-var SelectMimicryComponent = function SelectMimicryComponent(_ref) {
+/**
+ * @see https://vkcom.github.io/VKUI/#/SelectMimicry
+ */
+var SelectMimicry = function SelectMimicry(_ref) {
   var _ref$tabIndex = _ref.tabIndex,
       tabIndex = _ref$tabIndex === void 0 ? 0 : _ref$tabIndex,
       placeholder = _ref.placeholder,
@@ -41,22 +48,23 @@ var SelectMimicryComponent = function SelectMimicryComponent(_ref) {
       multiline = _ref.multiline,
       disabled = _ref.disabled,
       onClick = _ref.onClick,
-      sizeX = _ref.sizeX,
-      sizeY = _ref.sizeY,
       before = _ref.before,
       _ref$after = _ref.after,
       after = _ref$after === void 0 ? (0, _jsxRuntime.createScopedElement)(_DropdownIcon.DropdownIcon, null) : _ref$after,
       _ref$selectType = _ref.selectType,
-      selectType = _ref$selectType === void 0 ? _Select.SelectType.default : _ref$selectType,
+      selectType = _ref$selectType === void 0 ? "default" : _ref$selectType,
       status = _ref.status,
       restProps = (0, _objectWithoutProperties2.default)(_ref, _excluded);
   var platform = (0, _usePlatform.usePlatform)();
+
+  var _useAdaptivity = (0, _useAdaptivity2.useAdaptivity)(),
+      sizeX = _useAdaptivity.sizeX,
+      sizeY = _useAdaptivity.sizeY;
+
   var title = children || placeholder;
   return (0, _jsxRuntime.createScopedElement)(_FormField.FormField, (0, _extends2.default)({}, restProps, {
     tabIndex: disabled ? undefined : tabIndex,
-    vkuiClass: (0, _classNames.classNames)((0, _getClassName.getClassName)("Select", platform), "Select--".concat(selectType), !children && "Select--empty", multiline && "Select--multiline", align && "Select--align-".concat(align), "Select--sizeX-".concat(sizeX), // TODO v5.0.0 поправить под новую адаптивность
-    "Select--sizeY-".concat(sizeY), // TODO v5.0.0 поправить под новую адаптивность
-    before && "Select--hasBefore", after && "Select--hasAfter"),
+    vkuiClass: (0, _classNames.classNames)((0, _getClassName.getClassName)("Select", platform), (0, _getSizeXClassName.getSizeXClassName)("Select", sizeX), (0, _getSizeYClassName.getSizeYClassName)("Select", sizeY), multiline && "Select--multiline", align && "Select--align-".concat(align), before && "Select--hasBefore", after && "Select--hasAfter"),
     getRootRef: getRootRef,
     onClick: disabled ? undefined : onClick,
     disabled: disabled,
@@ -71,15 +79,6 @@ var SelectMimicryComponent = function SelectMimicryComponent(_ref) {
     vkuiClass: "Select__title"
   }, title)));
 };
-/**
- * @see https://vkcom.github.io/VKUI/#/SelectMimicry
- */
-
 
-var SelectMimicry = (0, _withAdaptivity.withAdaptivity)(SelectMimicryComponent, {
-  sizeX: true,
-  sizeY: true
-});
 exports.SelectMimicry = SelectMimicry;
-SelectMimicry.displayName = "SelectMimicry";
 //# sourceMappingURL=SelectMimicry.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"SelectMimicry.js","names":["SelectMimicryComponent","tabIndex","placeholder","children","align","getRootRef","multiline","disabled","onClick","sizeX","sizeY","before","after","selectType","SelectType","default","status","restProps","platform","usePlatform","title","undefined","classNames","getClassName","getFormFieldModeFromSelectType","SelectMimicry","withAdaptivity","displayName"],"sources":["../../../../src/components/SelectMimicry/SelectMimicry.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { classNames } from \"../../lib/classNames\";\nimport { DropdownIcon } from \"../DropdownIcon/DropdownIcon\";\nimport { FormField, FormFieldProps } from \"../FormField/FormField\";\nimport { HasAlign, HasRootRef } from \"../../types\";\nimport { withAdaptivity, AdaptivityProps } from \"../../hoc/withAdaptivity\";\nimport { usePlatform } from \"../../hooks/usePlatform\";\nimport { getClassName } from \"../../helpers/getClassName\";\nimport { getFormFieldModeFromSelectType } from \"../../lib/select\";\nimport { SelectType, SelectTypography } from \"../Select/Select\";\nimport \"../Select/Select.css\";\n\nexport interface SelectMimicryProps\n  extends React.HTMLAttributes<HTMLElement>,\n    HasAlign,\n    HasRootRef<HTMLElement>,\n    AdaptivityProps,\n    Pick<FormFieldProps, \"before\" | \"after\" | \"status\"> {\n  multiline?: boolean;\n  disabled?: boolean;\n  selectType?: keyof typeof SelectType;\n}\n\nconst SelectMimicryComponent = ({\n  tabIndex = 0,\n  placeholder,\n  children,\n  align,\n  getRootRef,\n  multiline,\n  disabled,\n  onClick,\n  sizeX,\n  sizeY,\n  before,\n  after = <DropdownIcon />,\n  selectType = SelectType.default,\n  status,\n  ...restProps\n}: SelectMimicryProps) => {\n  const platform = usePlatform();\n  const title = children || placeholder;\n\n  return (\n    <FormField\n      {...restProps}\n      tabIndex={disabled ? undefined : tabIndex}\n      vkuiClass={classNames(\n        getClassName(\"Select\", platform),\n        `Select--${selectType}`,\n        !children && \"Select--empty\",\n        multiline && \"Select--multiline\",\n        align && `Select--align-${align}`,\n        `Select--sizeX-${sizeX}`, // TODO v5.0.0 поправить под новую адаптивность\n        `Select--sizeY-${sizeY}`, // TODO v5.0.0 поправить под новую адаптивность\n        before && \"Select--hasBefore\",\n        after && \"Select--hasAfter\"\n      )}\n      getRootRef={getRootRef}\n      onClick={disabled ? undefined : onClick}\n      disabled={disabled}\n      before={before}\n      after={after}\n      mode={getFormFieldModeFromSelectType(selectType)}\n      status={status}\n    >\n      <div vkuiClass=\"Select__container\">\n        {/* TODO v5.0.0 поправить под новую адаптивность */}\n        <SelectTypography selectType={selectType} vkuiClass=\"Select__title\">\n          {title}\n        </SelectTypography>\n      </div>\n    </FormField>\n  );\n};\n\n/**\n * @see https://vkcom.github.io/VKUI/#/SelectMimicry\n */\nexport const SelectMimicry = withAdaptivity(SelectMimicryComponent, {\n  sizeX: true,\n  sizeY: true,\n});\n\nSelectMimicry.displayName = \"SelectMimicry\";\n"],"mappings":";;;;;;;;;;;;;;;AACA;;AACA;;AACA;;AAEA;;AACA;;AACA;;AACA;;AACA;;;;AAcA,IAAMA,sBAAsB,GAAG,SAAzBA,sBAAyB,OAgBL;EAAA,yBAfxBC,QAewB;EAAA,IAfxBA,QAewB,8BAfb,CAea;EAAA,IAdxBC,WAcwB,QAdxBA,WAcwB;EAAA,IAbxBC,QAawB,QAbxBA,QAawB;EAAA,IAZxBC,KAYwB,QAZxBA,KAYwB;EAAA,IAXxBC,UAWwB,QAXxBA,UAWwB;EAAA,IAVxBC,SAUwB,QAVxBA,SAUwB;EAAA,IATxBC,QASwB,QATxBA,QASwB;EAAA,IARxBC,OAQwB,QARxBA,OAQwB;EAAA,IAPxBC,KAOwB,QAPxBA,KAOwB;EAAA,IANxBC,KAMwB,QANxBA,KAMwB;EAAA,IALxBC,MAKwB,QALxBA,MAKwB;EAAA,sBAJxBC,KAIwB;EAAA,IAJxBA,KAIwB,2BAJhB,qCAAC,0BAAD,OAIgB;EAAA,2BAHxBC,UAGwB;EAAA,IAHxBA,UAGwB,gCAHXC,kBAAA,CAAWC,OAGA;EAAA,IAFxBC,MAEwB,QAFxBA,MAEwB;EAAA,IADrBC,SACqB;EACxB,IAAMC,QAAQ,GAAG,IAAAC,wBAAA,GAAjB;EACA,IAAMC,KAAK,GAAGjB,QAAQ,IAAID,WAA1B;EAEA,OACE,qCAAC,oBAAD,6BACMe,SADN;IAEE,QAAQ,EAAEV,QAAQ,GAAGc,SAAH,GAAepB,QAFnC;IAGE,SAAS,EAAE,IAAAqB,sBAAA,EACT,IAAAC,0BAAA,EAAa,QAAb,EAAuBL,QAAvB,CADS,oBAEEL,UAFF,GAGT,CAACV,QAAD,IAAa,eAHJ,EAITG,SAAS,IAAI,mBAJJ,EAKTF,KAAK,4BAAqBA,KAArB,CALI,0BAMQK,KANR,GAMiB;IANjB,wBAOQC,KAPR,GAOiB;IAC1BC,MAAM,IAAI,mBARD,EASTC,KAAK,IAAI,kBATA,CAHb;IAcE,UAAU,EAAEP,UAdd;IAeE,OAAO,EAAEE,QAAQ,GAAGc,SAAH,GAAeb,OAflC;IAgBE,QAAQ,EAAED,QAhBZ;IAiBE,MAAM,EAAEI,MAjBV;IAkBE,KAAK,EAAEC,KAlBT;IAmBE,IAAI,EAAE,IAAAY,sCAAA,EAA+BX,UAA/B,CAnBR;IAoBE,MAAM,EAAEG;EApBV,IAsBE;IAAK,SAAS,EAAC;EAAf,GAEE,qCAAC,wBAAD;IAAkB,UAAU,EAAEH,UAA9B;IAA0C,SAAS,EAAC;EAApD,GACGO,KADH,CAFF,CAtBF,CADF;AA+BD,CAnDD;AAqDA;AACA;AACA;;;AACO,IAAMK,aAAa,GAAG,IAAAC,8BAAA,EAAe1B,sBAAf,EAAuC;EAClES,KAAK,EAAE,IAD2D;EAElEC,KAAK,EAAE;AAF2D,CAAvC,CAAtB;;AAKPe,aAAa,CAACE,WAAd,GAA4B,eAA5B"}
+{"version":3,"file":"SelectMimicry.js","names":["SelectMimicry","tabIndex","placeholder","children","align","getRootRef","multiline","disabled","onClick","before","after","selectType","status","restProps","platform","usePlatform","useAdaptivity","sizeX","sizeY","title","undefined","classNames","getClassName","getSizeXClassName","getSizeYClassName","getFormFieldModeFromSelectType"],"sources":["../../../../src/components/SelectMimicry/SelectMimicry.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { classNames } from \"../../lib/classNames\";\nimport { DropdownIcon } from \"../DropdownIcon/DropdownIcon\";\nimport { FormField, FormFieldProps } from \"../FormField/FormField\";\nimport { HasAlign, HasRootRef } from \"../../types\";\nimport { usePlatform } from \"../../hooks/usePlatform\";\nimport { getClassName } from \"../../helpers/getClassName\";\nimport { getFormFieldModeFromSelectType } from \"../../lib/select\";\nimport { SelectType, SelectTypography } from \"../Select/Select\";\nimport { useAdaptivity } from \"../../hooks/useAdaptivity\";\nimport { getSizeXClassName } from \"../../helpers/getSizeXClassName\";\nimport { getSizeYClassName } from \"../../helpers/getSizeYClassName\";\nimport \"../Select/Select.css\";\n\nexport interface SelectMimicryProps\n  extends React.HTMLAttributes<HTMLElement>,\n    HasAlign,\n    HasRootRef<HTMLElement>,\n    Pick<FormFieldProps, \"before\" | \"after\" | \"status\"> {\n  multiline?: boolean;\n  disabled?: boolean;\n  selectType?: SelectType;\n}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/SelectMimicry\n */\nexport const SelectMimicry = ({\n  tabIndex = 0,\n  placeholder,\n  children,\n  align,\n  getRootRef,\n  multiline,\n  disabled,\n  onClick,\n  before,\n  after = <DropdownIcon />,\n  selectType = \"default\",\n  status,\n  ...restProps\n}: SelectMimicryProps) => {\n  const platform = usePlatform();\n  const { sizeX, sizeY } = useAdaptivity();\n  const title = children || placeholder;\n\n  return (\n    <FormField\n      {...restProps}\n      tabIndex={disabled ? undefined : tabIndex}\n      vkuiClass={classNames(\n        getClassName(\"Select\", platform),\n        getSizeXClassName(\"Select\", sizeX),\n        getSizeYClassName(\"Select\", sizeY),\n        multiline && \"Select--multiline\",\n        align && `Select--align-${align}`,\n        before && \"Select--hasBefore\",\n        after && \"Select--hasAfter\"\n      )}\n      getRootRef={getRootRef}\n      onClick={disabled ? undefined : onClick}\n      disabled={disabled}\n      before={before}\n      after={after}\n      mode={getFormFieldModeFromSelectType(selectType)}\n      status={status}\n    >\n      <div vkuiClass=\"Select__container\">\n        <SelectTypography selectType={selectType} vkuiClass=\"Select__title\">\n          {title}\n        </SelectTypography>\n      </div>\n    </FormField>\n  );\n};\n"],"mappings":";;;;;;;;;;;;;;;AACA;;AACA;;AACA;;AAEA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;AAaA;AACA;AACA;AACO,IAAMA,aAAa,GAAG,SAAhBA,aAAgB,OAcH;EAAA,yBAbxBC,QAawB;EAAA,IAbxBA,QAawB,8BAbb,CAaa;EAAA,IAZxBC,WAYwB,QAZxBA,WAYwB;EAAA,IAXxBC,QAWwB,QAXxBA,QAWwB;EAAA,IAVxBC,KAUwB,QAVxBA,KAUwB;EAAA,IATxBC,UASwB,QATxBA,UASwB;EAAA,IARxBC,SAQwB,QARxBA,SAQwB;EAAA,IAPxBC,QAOwB,QAPxBA,QAOwB;EAAA,IANxBC,OAMwB,QANxBA,OAMwB;EAAA,IALxBC,MAKwB,QALxBA,MAKwB;EAAA,sBAJxBC,KAIwB;EAAA,IAJxBA,KAIwB,2BAJhB,qCAAC,0BAAD,OAIgB;EAAA,2BAHxBC,UAGwB;EAAA,IAHxBA,UAGwB,gCAHX,SAGW;EAAA,IAFxBC,MAEwB,QAFxBA,MAEwB;EAAA,IADrBC,SACqB;EACxB,IAAMC,QAAQ,GAAG,IAAAC,wBAAA,GAAjB;;EACA,qBAAyB,IAAAC,6BAAA,GAAzB;EAAA,IAAQC,KAAR,kBAAQA,KAAR;EAAA,IAAeC,KAAf,kBAAeA,KAAf;;EACA,IAAMC,KAAK,GAAGhB,QAAQ,IAAID,WAA1B;EAEA,OACE,qCAAC,oBAAD,6BACMW,SADN;IAEE,QAAQ,EAAEN,QAAQ,GAAGa,SAAH,GAAenB,QAFnC;IAGE,SAAS,EAAE,IAAAoB,sBAAA,EACT,IAAAC,0BAAA,EAAa,QAAb,EAAuBR,QAAvB,CADS,EAET,IAAAS,oCAAA,EAAkB,QAAlB,EAA4BN,KAA5B,CAFS,EAGT,IAAAO,oCAAA,EAAkB,QAAlB,EAA4BN,KAA5B,CAHS,EAITZ,SAAS,IAAI,mBAJJ,EAKTF,KAAK,4BAAqBA,KAArB,CALI,EAMTK,MAAM,IAAI,mBAND,EAOTC,KAAK,IAAI,kBAPA,CAHb;IAYE,UAAU,EAAEL,UAZd;IAaE,OAAO,EAAEE,QAAQ,GAAGa,SAAH,GAAeZ,OAblC;IAcE,QAAQ,EAAED,QAdZ;IAeE,MAAM,EAAEE,MAfV;IAgBE,KAAK,EAAEC,KAhBT;IAiBE,IAAI,EAAE,IAAAe,sCAAA,EAA+Bd,UAA/B,CAjBR;IAkBE,MAAM,EAAEC;EAlBV,IAoBE;IAAK,SAAS,EAAC;EAAf,GACE,qCAAC,wBAAD;IAAkB,UAAU,EAAED,UAA9B;IAA0C,SAAS,EAAC;EAApD,GACGQ,KADH,CADF,CApBF,CADF;AA4BD,CA/CM"}

package/dist/cjs/components/Separator/Separator.js

@@ -15,22 +15,20 @@ var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/h
 
 var _classNames = require("../../lib/classNames");
 
-var _excluded = ["wide", "expanded"];
+var _excluded = ["wide"];
 
 /**
  * @see https://vkcom.github.io/VKUI/#/Separator
  */
 var Separator = function Separator(_ref) {
   var wide = _ref.wide,
-      expanded = _ref.expanded,
       restProps = (0, _objectWithoutProperties2.default)(_ref, _excluded);
   return (0, _jsxRuntime.createScopedElement)("div", (0, _extends2.default)({}, restProps, {
     "aria-hidden": "true",
-    vkuiClass: (0, _classNames.classNames)("Separator", wide && "Separator--wide", // TODO: v5 remove
-    !wide && "Separator--padded"),
+    vkuiClass: (0, _classNames.classNames)("Separator", !wide && "Separator--padded"),
     role: "separator"
   }), (0, _jsxRuntime.createScopedElement)("div", {
-    vkuiClass: (0, _classNames.classNames)("Separator__in", expanded && "Separator__in--expanded")
+    vkuiClass: "Separator__in"
   }));
 };
 

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

@@ -1 +1 @@
-{"version":3,"file":"Separator.js","names":["Separator","wide","expanded","restProps","classNames"],"sources":["../../../../src/components/Separator/Separator.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { classNames } from \"../../lib/classNames\";\nimport \"./Separator.css\";\n\nexport interface SeparatorProps extends React.HTMLAttributes<HTMLDivElement> {\n  /**\n   * С этим свойством компонент не будет иметь отступы слева и справа\n   */\n  wide?: boolean;\n\n  /**\n   * @deprecated Это свойство устарело и будет удалено в 5.0.0. Используйте [`Spacing`](https://vkcom.github.io/VKUI/#/Spacing).\n   */\n  expanded?: boolean;\n}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/Separator\n */\nexport const Separator = ({ wide, expanded, ...restProps }: SeparatorProps) => (\n  <div\n    {...restProps}\n    aria-hidden=\"true\"\n    vkuiClass={classNames(\n      \"Separator\",\n      wide && \"Separator--wide\", // TODO: v5 remove\n      !wide && \"Separator--padded\"\n    )}\n    role=\"separator\"\n  >\n    <div\n      vkuiClass={classNames(\n        \"Separator__in\",\n        expanded && \"Separator__in--expanded\"\n      )}\n    />\n  </div>\n);\n"],"mappings":";;;;;;;;;;;;;;;AACA;;;;AAeA;AACA;AACA;AACO,IAAMA,SAAS,GAAG,SAAZA,SAAY;EAAA,IAAGC,IAAH,QAAGA,IAAH;EAAA,IAASC,QAAT,QAASA,QAAT;EAAA,IAAsBC,SAAtB;EAAA,OACvB,uEACMA,SADN;IAEE,eAAY,MAFd;IAGE,SAAS,EAAE,IAAAC,sBAAA,EACT,WADS,EAETH,IAAI,IAAI,iBAFC,EAEkB;IAC3B,CAACA,IAAD,IAAS,mBAHA,CAHb;IAQE,IAAI,EAAC;EARP,IAUE;IACE,SAAS,EAAE,IAAAG,sBAAA,EACT,eADS,EAETF,QAAQ,IAAI,yBAFH;EADb,EAVF,CADuB;AAAA,CAAlB"}
+{"version":3,"file":"Separator.js","names":["Separator","wide","restProps","classNames"],"sources":["../../../../src/components/Separator/Separator.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { classNames } from \"../../lib/classNames\";\nimport \"./Separator.css\";\n\nexport interface SeparatorProps extends React.HTMLAttributes<HTMLDivElement> {\n  /**\n   * С этим свойством компонент не будет иметь отступы слева и справа\n   */\n  wide?: boolean;\n}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/Separator\n */\nexport const Separator = ({ wide, ...restProps }: SeparatorProps) => (\n  <div\n    {...restProps}\n    aria-hidden=\"true\"\n    vkuiClass={classNames(\"Separator\", !wide && \"Separator--padded\")}\n    role=\"separator\"\n  >\n    <div vkuiClass=\"Separator__in\" />\n  </div>\n);\n"],"mappings":";;;;;;;;;;;;;;;AACA;;;;AAUA;AACA;AACA;AACO,IAAMA,SAAS,GAAG,SAAZA,SAAY;EAAA,IAAGC,IAAH,QAAGA,IAAH;EAAA,IAAYC,SAAZ;EAAA,OACvB,uEACMA,SADN;IAEE,eAAY,MAFd;IAGE,SAAS,EAAE,IAAAC,sBAAA,EAAW,WAAX,EAAwB,CAACF,IAAD,IAAS,mBAAjC,CAHb;IAIE,IAAI,EAAC;EAJP,IAME;IAAK,SAAS,EAAC;EAAf,EANF,CADuB;AAAA,CAAlB"}

package/dist/cjs/components/SimpleCell/SimpleCell.js

@@ -7,12 +7,12 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.SimpleCell = void 0;
 
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-
 var _jsxRuntime = require("../../lib/jsxRuntime");
 
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+
 var _classNames = require("../../lib/classNames");
 
 var _getClassName = require("../../helpers/getClassName");
@@ -29,57 +29,41 @@ var _utils = require("../../lib/utils");
 
 var _useAdaptivity2 = require("../../hooks/useAdaptivity");
 
-var _withAdaptivity = require("../../hoc/withAdaptivity");
-
-var _Subhead = require("../Typography/Subhead/Subhead");
-
 var _Headline = require("../Typography/Headline/Headline");
 
-var _Footnote = require("../Typography/Footnote/Footnote");
-
-var _Caption = require("../Typography/Caption/Caption");
-
-var _excluded = ["badge", "badgeBeforeTitle", "badgeAfterTitle", "badgeBeforeSubtitle", "badgeAfterSubtitle", "before", "indicator", "children", "after", "description", "expandable", "multiline", "sizeY", "subhead", "subtitle", "extraSubtitle"];
+var _Subhead = require("../Typography/Subhead/Subhead");
 
-var SubtitleTypography = function SubtitleTypography(props) {
-  var _useAdaptivity = (0, _useAdaptivity2.useAdaptivity)(),
-      sizeY = _useAdaptivity.sizeY;
+var _getSizeYClassName = require("../../helpers/getSizeYClassName");
 
-  if (sizeY === _withAdaptivity.SizeType.COMPACT) {
-    return (0, _jsxRuntime.createScopedElement)(_Caption.Caption, (0, _extends2.default)({
-      level: "2"
-    }, props));
-  }
+var _excluded = ["badgeBeforeTitle", "badgeAfterTitle", "badgeBeforeSubtitle", "badgeAfterSubtitle", "before", "indicator", "children", "after", "expandable", "multiline", "subhead", "subtitle", "extraSubtitle"];
 
-  return (0, _jsxRuntime.createScopedElement)(_Footnote.Footnote, props);
-};
-
-var SimpleCellComponent = function SimpleCellComponent(_ref) {
-  var badge = _ref.badge,
-      badgeBeforeTitle = _ref.badgeBeforeTitle,
-      _ref$badgeAfterTitle = _ref.badgeAfterTitle,
-      badgeAfterTitle = _ref$badgeAfterTitle === void 0 ? badge : _ref$badgeAfterTitle,
+/**
+ * @see https://vkcom.github.io/VKUI/#/SimpleCell
+ */
+var SimpleCell = function SimpleCell(_ref) {
+  var badgeBeforeTitle = _ref.badgeBeforeTitle,
+      badgeAfterTitle = _ref.badgeAfterTitle,
       badgeBeforeSubtitle = _ref.badgeBeforeSubtitle,
       badgeAfterSubtitle = _ref.badgeAfterSubtitle,
       before = _ref.before,
       indicator = _ref.indicator,
       children = _ref.children,
       after = _ref.after,
-      description = _ref.description,
       expandable = _ref.expandable,
       multiline = _ref.multiline,
-      sizeY = _ref.sizeY,
       subhead = _ref.subhead,
-      _ref$subtitle = _ref.subtitle,
-      subtitle = _ref$subtitle === void 0 ? description : _ref$subtitle,
+      subtitle = _ref.subtitle,
       extraSubtitle = _ref.extraSubtitle,
       restProps = (0, _objectWithoutProperties2.default)(_ref, _excluded);
   var platform = (0, _usePlatform.usePlatform)();
 
-  var hasAfter = (0, _utils.hasReactNode)(after) || expandable && platform === _platform.IOS;
+  var hasAfter = (0, _utils.hasReactNode)(after) || expandable && platform === _platform.Platform.IOS;
+
+  var _useAdaptivity = (0, _useAdaptivity2.useAdaptivity)(),
+      sizeY = _useAdaptivity.sizeY;
 
   return (0, _jsxRuntime.createScopedElement)(_Tappable.Tappable, (0, _extends2.default)({}, restProps, {
-    vkuiClass: (0, _classNames.classNames)((0, _getClassName.getClassName)("SimpleCell", platform), expandable && "SimpleCell--exp", multiline && "SimpleCell--mult", "SimpleCell--sizeY-".concat(sizeY))
+    vkuiClass: (0, _classNames.classNames)((0, _getClassName.getClassName)("SimpleCell", platform), (0, _getSizeYClassName.getSizeYClassName)("SimpleCell", sizeY), expandable && "SimpleCell--exp", multiline && "SimpleCell--mult")
   }), before, (0, _jsxRuntime.createScopedElement)("div", {
     vkuiClass: "SimpleCell__main"
   }, subhead && (0, _jsxRuntime.createScopedElement)(_Subhead.Subhead, {
@@ -99,28 +83,20 @@ var SimpleCellComponent = function SimpleCellComponent(_ref) {
     vkuiClass: "SimpleCell__content"
   }, badgeBeforeSubtitle && (0, _jsxRuntime.createScopedElement)("span", {
     vkuiClass: "SimpleCell__badge"
-  }, badgeBeforeSubtitle), (0, _jsxRuntime.createScopedElement)(SubtitleTypography, {
-    vkuiClass: "SimpleCell__text SimpleCell__subtitle"
+  }, badgeBeforeSubtitle), (0, _jsxRuntime.createScopedElement)("span", {
+    vkuiClass: "SimpleCell__typography SimpleCell__text SimpleCell__subtitle"
   }, subtitle), badgeAfterSubtitle && (0, _jsxRuntime.createScopedElement)("span", {
     vkuiClass: "SimpleCell__badge"
-  }, badgeAfterSubtitle)), extraSubtitle && (0, _jsxRuntime.createScopedElement)(SubtitleTypography, {
-    vkuiClass: "SimpleCell__text SimpleCell__extraSubtitle"
+  }, badgeAfterSubtitle)), extraSubtitle && (0, _jsxRuntime.createScopedElement)("span", {
+    vkuiClass: "SimpleCell__typography SimpleCell__text SimpleCell__extraSubtitle"
   }, extraSubtitle)), (0, _utils.hasReactNode)(indicator) && (0, _jsxRuntime.createScopedElement)(_Headline.Headline, {
     Component: "span",
     weight: "3",
     vkuiClass: "SimpleCell__indicator"
   }, indicator), hasAfter && (0, _jsxRuntime.createScopedElement)("div", {
     vkuiClass: "SimpleCell__after"
-  }, after, expandable && platform === _platform.IOS && (0, _jsxRuntime.createScopedElement)(_icons.Icon24Chevron, null)));
+  }, after, expandable && platform === _platform.Platform.IOS && (0, _jsxRuntime.createScopedElement)(_icons.Icon24Chevron, null)));
 };
-/**
- * @see https://vkcom.github.io/VKUI/#/SimpleCell
- */
-
 
-var SimpleCell = (0, _withAdaptivity.withAdaptivity)(SimpleCellComponent, {
-  sizeY: true
-});
 exports.SimpleCell = SimpleCell;
-SimpleCell.displayName = "SimpleCell";
 //# sourceMappingURL=SimpleCell.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"SimpleCell.js","names":["SubtitleTypography","props","useAdaptivity","sizeY","SizeType","COMPACT","SimpleCellComponent","badge","badgeBeforeTitle","badgeAfterTitle","badgeBeforeSubtitle","badgeAfterSubtitle","before","indicator","children","after","description","expandable","multiline","subhead","subtitle","extraSubtitle","restProps","platform","usePlatform","hasAfter","hasReactNode","IOS","classNames","getClassName","SimpleCell","withAdaptivity","displayName"],"sources":["../../../../src/components/SimpleCell/SimpleCell.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { HasComponent } from \"../../types\";\nimport { classNames } from \"../../lib/classNames\";\nimport { getClassName } from \"../../helpers/getClassName\";\nimport { TappableProps, Tappable } from \"../Tappable/Tappable\";\nimport { Icon24Chevron } from \"@vkontakte/icons\";\nimport { IOS } from \"../../lib/platform\";\nimport { usePlatform } from \"../../hooks/usePlatform\";\nimport { hasReactNode } from \"../../lib/utils\";\nimport { useAdaptivity } from \"../../hooks/useAdaptivity\";\nimport { withAdaptivity, SizeType } from \"../../hoc/withAdaptivity\";\nimport { Subhead } from \"../Typography/Subhead/Subhead\";\nimport { Headline } from \"../Typography/Headline/Headline\";\nimport { Footnote } from \"../Typography/Footnote/Footnote\";\nimport { Caption } from \"../Typography/Caption/Caption\";\nimport \"./SimpleCell.css\";\n\nexport interface SimpleCellOwnProps extends HasComponent {\n  /**\n   * Иконка 28 или `<Avatar size={28|32|40|48|72} />`\n   */\n  before?: React.ReactNode;\n  /**\n   * @deprecated будет удалено в v5.0.0, используйте свойство rightBadge\n   * Иконка 12 или `<Badge />`. Добавится справа от текста `children`.\n   */\n  badge?: React.ReactNode;\n  /**\n   * Иконка 12 или `<Badge />`. Добавится слева от текста `children`.\n   */\n  badgeBeforeTitle?: React.ReactNode;\n  /**\n   * Иконка 12 или `<Badge />`. Добавится справа от текста `children`.\n   */\n  badgeAfterTitle?: React.ReactNode;\n  /**\n   * Иконка 12. Добавится слева от текста `subtitle`.\n   */\n  badgeBeforeSubtitle?: React.ReactNode;\n  /**\n   * Иконка 12. Добавится справа от текста `subtitle`.\n   */\n  badgeAfterSubtitle?: React.ReactNode;\n  /**\n   * Контейнер для текста справа от `children`.\n   */\n  indicator?: React.ReactNode;\n  /**\n   * Дополнительная строка текста над `children`.\n   */\n  subhead?: React.ReactNode;\n  /**\n   * Дополнительная строка текста под `children`.\n   */\n  subtitle?: React.ReactNode;\n  /**\n   * Дополнительная строка текста под `children` и `subtitle`.\n   */\n  extraSubtitle?: React.ReactNode;\n  /**\n   * Иконка 24|28 или `<Switch />`. Располагается справа от `indicator`.\n   */\n  after?: React.ReactNode;\n  /**\n   * @deprecated будет удалено в v5.0.0, используйте свойство subtitle\n   * Контейнер для текста под `children`.\n   */\n  description?: React.ReactNode;\n  /**\n   * Убирает анимацию нажатия\n   */\n  disabled?: boolean;\n  /**\n   * В iOS добавляет chevron справа. Передавать `true`, если предполагается переход при клике по ячейке.\n   */\n  expandable?: boolean;\n  /**\n   * Включает многострочный режим для отображения текста\n   */\n  multiline?: boolean;\n}\n\nexport interface SimpleCellProps extends SimpleCellOwnProps, TappableProps {}\n\ntype SubtitleTypographyProps = React.HTMLAttributes<HTMLDivElement> &\n  HasComponent;\n\nconst SubtitleTypography = (props: SubtitleTypographyProps) => {\n  const { sizeY } = useAdaptivity();\n\n  if (sizeY === SizeType.COMPACT) {\n    return <Caption level=\"2\" {...props} />;\n  }\n\n  return <Footnote {...props} />;\n};\n\nconst SimpleCellComponent = ({\n  badge,\n  badgeBeforeTitle,\n  badgeAfterTitle = badge,\n  badgeBeforeSubtitle,\n  badgeAfterSubtitle,\n  before,\n  indicator,\n  children,\n  after,\n  description,\n  expandable,\n  multiline,\n  sizeY,\n  subhead,\n  subtitle = description,\n  extraSubtitle,\n  ...restProps\n}: SimpleCellProps) => {\n  const platform = usePlatform();\n  const hasAfter = hasReactNode(after) || (expandable && platform === IOS);\n\n  return (\n    <Tappable\n      {...restProps}\n      vkuiClass={classNames(\n        getClassName(\"SimpleCell\", platform),\n        expandable && \"SimpleCell--exp\",\n        multiline && \"SimpleCell--mult\",\n        `SimpleCell--sizeY-${sizeY}`\n      )}\n    >\n      {before}\n      <div vkuiClass=\"SimpleCell__main\">\n        {subhead && (\n          <Subhead\n            Component=\"span\"\n            vkuiClass=\"SimpleCell__text SimpleCell__subhead\"\n          >\n            {subhead}\n          </Subhead>\n        )}\n        <div vkuiClass=\"SimpleCell__content\">\n          {badgeBeforeTitle && (\n            <span vkuiClass=\"SimpleCell__badge\">{badgeBeforeTitle}</span>\n          )}\n          <Headline\n            Component=\"span\"\n            vkuiClass=\"SimpleCell__children\"\n            weight=\"3\"\n          >\n            {children}\n          </Headline>\n          {hasReactNode(badgeAfterTitle) && (\n            <span vkuiClass=\"SimpleCell__badge\">{badgeAfterTitle}</span>\n          )}\n        </div>\n        {subtitle && (\n          <div vkuiClass=\"SimpleCell__content\">\n            {badgeBeforeSubtitle && (\n              <span vkuiClass=\"SimpleCell__badge\">{badgeBeforeSubtitle}</span>\n            )}\n            <SubtitleTypography vkuiClass=\"SimpleCell__text SimpleCell__subtitle\">\n              {subtitle}\n            </SubtitleTypography>\n            {badgeAfterSubtitle && (\n              <span vkuiClass=\"SimpleCell__badge\">{badgeAfterSubtitle}</span>\n            )}\n          </div>\n        )}\n        {extraSubtitle && (\n          <SubtitleTypography vkuiClass=\"SimpleCell__text SimpleCell__extraSubtitle\">\n            {extraSubtitle}\n          </SubtitleTypography>\n        )}\n      </div>\n      {hasReactNode(indicator) && (\n        <Headline Component=\"span\" weight=\"3\" vkuiClass=\"SimpleCell__indicator\">\n          {indicator}\n        </Headline>\n      )}\n      {hasAfter && (\n        <div vkuiClass=\"SimpleCell__after\">\n          {after}\n          {expandable && platform === IOS && <Icon24Chevron />}\n        </div>\n      )}\n    </Tappable>\n  );\n};\n\n/**\n * @see https://vkcom.github.io/VKUI/#/SimpleCell\n */\nexport const SimpleCell = withAdaptivity(SimpleCellComponent, { sizeY: true });\n\nSimpleCell.displayName = \"SimpleCell\";\n"],"mappings":"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"}
+{"version":3,"file":"SimpleCell.js","names":["SimpleCell","badgeBeforeTitle","badgeAfterTitle","badgeBeforeSubtitle","badgeAfterSubtitle","before","indicator","children","after","expandable","multiline","subhead","subtitle","extraSubtitle","restProps","platform","usePlatform","hasAfter","hasReactNode","Platform","IOS","useAdaptivity","sizeY","classNames","getClassName","getSizeYClassName"],"sources":["../../../../src/components/SimpleCell/SimpleCell.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { HasComponent } from \"../../types\";\nimport { classNames } from \"../../lib/classNames\";\nimport { getClassName } from \"../../helpers/getClassName\";\nimport { TappableProps, Tappable } from \"../Tappable/Tappable\";\nimport { Icon24Chevron } from \"@vkontakte/icons\";\nimport { Platform } from \"../../lib/platform\";\nimport { usePlatform } from \"../../hooks/usePlatform\";\nimport { hasReactNode } from \"../../lib/utils\";\nimport { useAdaptivity } from \"../../hooks/useAdaptivity\";\nimport { Headline } from \"../Typography/Headline/Headline\";\nimport { Subhead } from \"../Typography/Subhead/Subhead\";\nimport { getSizeYClassName } from \"../../helpers/getSizeYClassName\";\nimport \"./SimpleCell.css\";\n\nexport interface SimpleCellOwnProps extends HasComponent {\n  /**\n   * Иконка 28 или `<Avatar size={28|32|40|48|72} />`\n   */\n  before?: React.ReactNode;\n  /**\n   * Иконка 12 или `<Badge />`. Добавится слева от текста `children`.\n   */\n  badgeBeforeTitle?: React.ReactNode;\n  /**\n   * Иконка 12 или `<Badge />`. Добавится справа от текста `children`.\n   */\n  badgeAfterTitle?: React.ReactNode;\n  /**\n   * Иконка 12. Добавится слева от текста `subtitle`.\n   */\n  badgeBeforeSubtitle?: React.ReactNode;\n  /**\n   * Иконка 12. Добавится справа от текста `subtitle`.\n   */\n  badgeAfterSubtitle?: React.ReactNode;\n  /**\n   * Контейнер для текста справа от `children`.\n   */\n  indicator?: React.ReactNode;\n  /**\n   * Дополнительная строка текста над `children`.\n   */\n  subhead?: React.ReactNode;\n  /**\n   * Дополнительная строка текста под `children`.\n   */\n  subtitle?: React.ReactNode;\n  /**\n   * Дополнительная строка текста под `children` и `subtitle`.\n   */\n  extraSubtitle?: React.ReactNode;\n  /**\n   * Иконка 24|28 или `<Switch />`. Располагается справа от `indicator`.\n   */\n  after?: React.ReactNode;\n  /**\n   * Убирает анимацию нажатия\n   */\n  disabled?: boolean;\n  /**\n   * В iOS добавляет chevron справа. Передавать `true`, если предполагается переход при клике по ячейке.\n   */\n  expandable?: boolean;\n  /**\n   * Включает многострочный режим для отображения текста\n   */\n  multiline?: boolean;\n}\n\nexport interface SimpleCellProps extends SimpleCellOwnProps, TappableProps {}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/SimpleCell\n */\nexport const SimpleCell = ({\n  badgeBeforeTitle,\n  badgeAfterTitle,\n  badgeBeforeSubtitle,\n  badgeAfterSubtitle,\n  before,\n  indicator,\n  children,\n  after,\n  expandable,\n  multiline,\n  subhead,\n  subtitle,\n  extraSubtitle,\n  ...restProps\n}: SimpleCellProps) => {\n  const platform = usePlatform();\n  const hasAfter =\n    hasReactNode(after) || (expandable && platform === Platform.IOS);\n  const { sizeY } = useAdaptivity();\n\n  return (\n    <Tappable\n      {...restProps}\n      vkuiClass={classNames(\n        getClassName(\"SimpleCell\", platform),\n        getSizeYClassName(\"SimpleCell\", sizeY),\n        expandable && \"SimpleCell--exp\",\n        multiline && \"SimpleCell--mult\"\n      )}\n    >\n      {before}\n      <div vkuiClass=\"SimpleCell__main\">\n        {subhead && (\n          <Subhead\n            Component=\"span\"\n            vkuiClass=\"SimpleCell__text SimpleCell__subhead\"\n          >\n            {subhead}\n          </Subhead>\n        )}\n        <div vkuiClass=\"SimpleCell__content\">\n          {badgeBeforeTitle && (\n            <span vkuiClass=\"SimpleCell__badge\">{badgeBeforeTitle}</span>\n          )}\n          <Headline\n            Component=\"span\"\n            vkuiClass=\"SimpleCell__children\"\n            weight=\"3\"\n          >\n            {children}\n          </Headline>\n          {hasReactNode(badgeAfterTitle) && (\n            <span vkuiClass=\"SimpleCell__badge\">{badgeAfterTitle}</span>\n          )}\n        </div>\n        {subtitle && (\n          <div vkuiClass=\"SimpleCell__content\">\n            {badgeBeforeSubtitle && (\n              <span vkuiClass=\"SimpleCell__badge\">{badgeBeforeSubtitle}</span>\n            )}\n            <span vkuiClass=\"SimpleCell__typography SimpleCell__text SimpleCell__subtitle\">\n              {subtitle}\n            </span>\n            {badgeAfterSubtitle && (\n              <span vkuiClass=\"SimpleCell__badge\">{badgeAfterSubtitle}</span>\n            )}\n          </div>\n        )}\n        {extraSubtitle && (\n          <span vkuiClass=\"SimpleCell__typography SimpleCell__text SimpleCell__extraSubtitle\">\n            {extraSubtitle}\n          </span>\n        )}\n      </div>\n      {hasReactNode(indicator) && (\n        <Headline Component=\"span\" weight=\"3\" vkuiClass=\"SimpleCell__indicator\">\n          {indicator}\n        </Headline>\n      )}\n      {hasAfter && (\n        <div vkuiClass=\"SimpleCell__after\">\n          {after}\n          {expandable && platform === Platform.IOS && <Icon24Chevron />}\n        </div>\n      )}\n    </Tappable>\n  );\n};\n"],"mappings":";;;;;;;;;;;;;;;AAEA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;AA4DA;AACA;AACA;AACO,IAAMA,UAAU,GAAG,SAAbA,UAAa,OAeH;EAAA,IAdrBC,gBAcqB,QAdrBA,gBAcqB;EAAA,IAbrBC,eAaqB,QAbrBA,eAaqB;EAAA,IAZrBC,mBAYqB,QAZrBA,mBAYqB;EAAA,IAXrBC,kBAWqB,QAXrBA,kBAWqB;EAAA,IAVrBC,MAUqB,QAVrBA,MAUqB;EAAA,IATrBC,SASqB,QATrBA,SASqB;EAAA,IARrBC,QAQqB,QARrBA,QAQqB;EAAA,IAPrBC,KAOqB,QAPrBA,KAOqB;EAAA,IANrBC,UAMqB,QANrBA,UAMqB;EAAA,IALrBC,SAKqB,QALrBA,SAKqB;EAAA,IAJrBC,OAIqB,QAJrBA,OAIqB;EAAA,IAHrBC,QAGqB,QAHrBA,QAGqB;EAAA,IAFrBC,aAEqB,QAFrBA,aAEqB;EAAA,IADlBC,SACkB;EACrB,IAAMC,QAAQ,GAAG,IAAAC,wBAAA,GAAjB;;EACA,IAAMC,QAAQ,GACZ,IAAAC,mBAAA,EAAaV,KAAb,KAAwBC,UAAU,IAAIM,QAAQ,KAAKI,kBAAA,CAASC,GAD9D;;EAEA,qBAAkB,IAAAC,6BAAA,GAAlB;EAAA,IAAQC,KAAR,kBAAQA,KAAR;;EAEA,OACE,qCAAC,kBAAD,6BACMR,SADN;IAEE,SAAS,EAAE,IAAAS,sBAAA,EACT,IAAAC,0BAAA,EAAa,YAAb,EAA2BT,QAA3B,CADS,EAET,IAAAU,oCAAA,EAAkB,YAAlB,EAAgCH,KAAhC,CAFS,EAGTb,UAAU,IAAI,iBAHL,EAITC,SAAS,IAAI,kBAJJ;EAFb,IASGL,MATH,EAUE;IAAK,SAAS,EAAC;EAAf,GACGM,OAAO,IACN,qCAAC,gBAAD;IACE,SAAS,EAAC,MADZ;IAEE,SAAS,EAAC;EAFZ,GAIGA,OAJH,CAFJ,EASE;IAAK,SAAS,EAAC;EAAf,GACGV,gBAAgB,IACf;IAAM,SAAS,EAAC;EAAhB,GAAqCA,gBAArC,CAFJ,EAIE,qCAAC,kBAAD;IACE,SAAS,EAAC,MADZ;IAEE,SAAS,EAAC,sBAFZ;IAGE,MAAM,EAAC;EAHT,GAKGM,QALH,CAJF,EAWG,IAAAW,mBAAA,EAAahB,eAAb,KACC;IAAM,SAAS,EAAC;EAAhB,GAAqCA,eAArC,CAZJ,CATF,EAwBGU,QAAQ,IACP;IAAK,SAAS,EAAC;EAAf,GACGT,mBAAmB,IAClB;IAAM,SAAS,EAAC;EAAhB,GAAqCA,mBAArC,CAFJ,EAIE;IAAM,SAAS,EAAC;EAAhB,GACGS,QADH,CAJF,EAOGR,kBAAkB,IACjB;IAAM,SAAS,EAAC;EAAhB,GAAqCA,kBAArC,CARJ,CAzBJ,EAqCGS,aAAa,IACZ;IAAM,SAAS,EAAC;EAAhB,GACGA,aADH,CAtCJ,CAVF,EAqDG,IAAAK,mBAAA,EAAaZ,SAAb,KACC,qCAAC,kBAAD;IAAU,SAAS,EAAC,MAApB;IAA2B,MAAM,EAAC,GAAlC;IAAsC,SAAS,EAAC;EAAhD,GACGA,SADH,CAtDJ,EA0DGW,QAAQ,IACP;IAAK,SAAS,EAAC;EAAf,GACGT,KADH,EAEGC,UAAU,IAAIM,QAAQ,KAAKI,kBAAA,CAASC,GAApC,IAA2C,qCAAC,oBAAD,OAF9C,CA3DJ,CADF;AAmED,CAxFM"}

package/dist/cjs/components/SizeXConditionalRender/SizeXConditionalRender.js

@@ -0,0 +1,39 @@
+"use strict";
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.SizeXConditionalRender = void 0;
+
+var _jsxRuntime = require("../../lib/jsxRuntime");
+
+var React = _interopRequireWildcard(require("react"));
+
+var _classNames = require("../../lib/classNames");
+
+var _useAdaptivity2 = require("../../hooks/useAdaptivity");
+
+var _getSizeXClassName = require("../../helpers/getSizeXClassName");
+
+var _utils = require("../../lib/utils");
+
+var _adaptivity = require("../../lib/adaptivity");
+
+var SizeXConditionalRender = function SizeXConditionalRender(_ref) {
+  var compact = _ref.compact,
+      regular = _ref.regular;
+
+  var _useAdaptivity = (0, _useAdaptivity2.useAdaptivity)(),
+      sizeX = _useAdaptivity.sizeX;
+
+  return (0, _jsxRuntime.createScopedElement)(React.Fragment, null, (0, _utils.hasReactNode)(compact) && (sizeX === undefined || sizeX === _adaptivity.SizeType.COMPACT) && (0, _jsxRuntime.createScopedElement)("div", {
+    vkuiClass: (0, _classNames.classNames)((0, _getSizeXClassName.getSizeXClassName)("SizeXCompact", sizeX))
+  }, compact), (0, _utils.hasReactNode)(regular) && (sizeX === undefined || sizeX === _adaptivity.SizeType.REGULAR) && (0, _jsxRuntime.createScopedElement)("div", {
+    vkuiClass: (0, _classNames.classNames)((0, _getSizeXClassName.getSizeXClassName)("SizeXRegular", sizeX))
+  }, regular));
+};
+
+exports.SizeXConditionalRender = SizeXConditionalRender;
+//# sourceMappingURL=SizeXConditionalRender.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SizeXConditionalRender.js","names":["SizeXConditionalRender","compact","regular","useAdaptivity","sizeX","hasReactNode","undefined","SizeType","COMPACT","classNames","getSizeXClassName","REGULAR"],"sources":["../../../../src/components/SizeXConditionalRender/SizeXConditionalRender.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { classNames } from \"../../lib/classNames\";\nimport { useAdaptivity } from \"../../hooks/useAdaptivity\";\nimport { getSizeXClassName } from \"../../helpers/getSizeXClassName\";\nimport { hasReactNode } from \"../../lib/utils\";\nimport { SizeType } from \"../../lib/adaptivity\";\nimport \"./SizeXConditionalRender.css\";\n\nexport interface SizeXConditionalRenderProps {\n  compact?: React.ReactNode;\n  regular?: React.ReactNode;\n}\n\nexport const SizeXConditionalRender = ({\n  compact,\n  regular,\n}: SizeXConditionalRenderProps) => {\n  const { sizeX } = useAdaptivity();\n\n  return (\n    <React.Fragment>\n      {hasReactNode(compact) &&\n        (sizeX === undefined || sizeX === SizeType.COMPACT) && (\n          <div vkuiClass={classNames(getSizeXClassName(\"SizeXCompact\", sizeX))}>\n            {compact}\n          </div>\n        )}\n      {hasReactNode(regular) &&\n        (sizeX === undefined || sizeX === SizeType.REGULAR) && (\n          <div vkuiClass={classNames(getSizeXClassName(\"SizeXRegular\", sizeX))}>\n            {regular}\n          </div>\n        )}\n    </React.Fragment>\n  );\n};\n"],"mappings":";;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AAQO,IAAMA,sBAAsB,GAAG,SAAzBA,sBAAyB,OAGH;EAAA,IAFjCC,OAEiC,QAFjCA,OAEiC;EAAA,IADjCC,OACiC,QADjCA,OACiC;;EACjC,qBAAkB,IAAAC,6BAAA,GAAlB;EAAA,IAAQC,KAAR,kBAAQA,KAAR;;EAEA,OACE,qCAAC,KAAD,CAAO,QAAP,QACG,IAAAC,mBAAA,EAAaJ,OAAb,MACEG,KAAK,KAAKE,SAAV,IAAuBF,KAAK,KAAKG,oBAAA,CAASC,OAD5C,KAEG;IAAK,SAAS,EAAE,IAAAC,sBAAA,EAAW,IAAAC,oCAAA,EAAkB,cAAlB,EAAkCN,KAAlC,CAAX;EAAhB,GACGH,OADH,CAHN,EAOG,IAAAI,mBAAA,EAAaH,OAAb,MACEE,KAAK,KAAKE,SAAV,IAAuBF,KAAK,KAAKG,oBAAA,CAASI,OAD5C,KAEG;IAAK,SAAS,EAAE,IAAAF,sBAAA,EAAW,IAAAC,oCAAA,EAAkB,cAAlB,EAAkCN,KAAlC,CAAX;EAAhB,GACGF,OADH,CATN,CADF;AAgBD,CAtBM"}

package/dist/cjs/components/SizeYConditionalRender/SizeYConditionalRender.js

@@ -0,0 +1,39 @@
+"use strict";
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.SizeYConditionalRender = void 0;
+
+var _jsxRuntime = require("../../lib/jsxRuntime");
+
+var React = _interopRequireWildcard(require("react"));
+
+var _classNames = require("../../lib/classNames");
+
+var _useAdaptivity2 = require("../../hooks/useAdaptivity");
+
+var _getSizeYClassName = require("../../helpers/getSizeYClassName");
+
+var _utils = require("../../lib/utils");
+
+var _adaptivity = require("../../lib/adaptivity");
+
+var SizeYConditionalRender = function SizeYConditionalRender(_ref) {
+  var compact = _ref.compact,
+      regular = _ref.regular;
+
+  var _useAdaptivity = (0, _useAdaptivity2.useAdaptivity)(),
+      sizeY = _useAdaptivity.sizeY;
+
+  return (0, _jsxRuntime.createScopedElement)(React.Fragment, null, (0, _utils.hasReactNode)(compact) && (sizeY === undefined || sizeY === _adaptivity.SizeType.COMPACT) && (0, _jsxRuntime.createScopedElement)("div", {
+    vkuiClass: (0, _classNames.classNames)((0, _getSizeYClassName.getSizeYClassName)("SizeYCompact", sizeY))
+  }, compact), (0, _utils.hasReactNode)(regular) && (sizeY === undefined || sizeY === _adaptivity.SizeType.REGULAR) && (0, _jsxRuntime.createScopedElement)("div", {
+    vkuiClass: (0, _classNames.classNames)((0, _getSizeYClassName.getSizeYClassName)("SizeYRegular", sizeY))
+  }, regular));
+};
+
+exports.SizeYConditionalRender = SizeYConditionalRender;
+//# sourceMappingURL=SizeYConditionalRender.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SizeYConditionalRender.js","names":["SizeYConditionalRender","compact","regular","useAdaptivity","sizeY","hasReactNode","undefined","SizeType","COMPACT","classNames","getSizeYClassName","REGULAR"],"sources":["../../../../src/components/SizeYConditionalRender/SizeYConditionalRender.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { classNames } from \"../../lib/classNames\";\nimport { useAdaptivity } from \"../../hooks/useAdaptivity\";\nimport { getSizeYClassName } from \"../../helpers/getSizeYClassName\";\nimport { hasReactNode } from \"../../lib/utils\";\nimport { SizeType } from \"../../lib/adaptivity\";\nimport \"./SizeYConditionalRender.css\";\n\nexport interface SizeYConditionalRenderProps {\n  compact?: React.ReactNode;\n  regular?: React.ReactNode;\n}\n\nexport const SizeYConditionalRender = ({\n  compact,\n  regular,\n}: SizeYConditionalRenderProps) => {\n  const { sizeY } = useAdaptivity();\n\n  return (\n    <React.Fragment>\n      {hasReactNode(compact) &&\n        (sizeY === undefined || sizeY === SizeType.COMPACT) && (\n          <div vkuiClass={classNames(getSizeYClassName(\"SizeYCompact\", sizeY))}>\n            {compact}\n          </div>\n        )}\n      {hasReactNode(regular) &&\n        (sizeY === undefined || sizeY === SizeType.REGULAR) && (\n          <div vkuiClass={classNames(getSizeYClassName(\"SizeYRegular\", sizeY))}>\n            {regular}\n          </div>\n        )}\n    </React.Fragment>\n  );\n};\n"],"mappings":";;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AAQO,IAAMA,sBAAsB,GAAG,SAAzBA,sBAAyB,OAGH;EAAA,IAFjCC,OAEiC,QAFjCA,OAEiC;EAAA,IADjCC,OACiC,QADjCA,OACiC;;EACjC,qBAAkB,IAAAC,6BAAA,GAAlB;EAAA,IAAQC,KAAR,kBAAQA,KAAR;;EAEA,OACE,qCAAC,KAAD,CAAO,QAAP,QACG,IAAAC,mBAAA,EAAaJ,OAAb,MACEG,KAAK,KAAKE,SAAV,IAAuBF,KAAK,KAAKG,oBAAA,CAASC,OAD5C,KAEG;IAAK,SAAS,EAAE,IAAAC,sBAAA,EAAW,IAAAC,oCAAA,EAAkB,cAAlB,EAAkCN,KAAlC,CAAX;EAAhB,GACGH,OADH,CAHN,EAOG,IAAAI,mBAAA,EAAaH,OAAb,MACEE,KAAK,KAAKE,SAAV,IAAuBF,KAAK,KAAKG,oBAAA,CAASI,OAD5C,KAEG;IAAK,SAAS,EAAE,IAAAF,sBAAA,EAAW,IAAAC,oCAAA,EAAkB,cAAlB,EAAkCN,KAAlC,CAAX;EAAhB,GACGF,OADH,CATN,CADF;AAgBD,CAtBM"}

package/dist/cjs/components/Snackbar/Snackbar.js

@@ -27,8 +27,6 @@ var _platform = require("../../lib/platform");
 
 var _touch = require("../../lib/touch");
 
-var _withAdaptivity = require("../../hoc/withAdaptivity");
-
 var _Paragraph = require("../Typography/Paragraph/Paragraph");
 
 var _Button = require("../Button/Button");
@@ -39,18 +37,22 @@ var _useWaitTransitionFinish = require("../../hooks/useWaitTransitionFinish");
 
 var _usePlatform = require("../../hooks/usePlatform");
 
+var _useAdaptivityWithMediaQueries = require("../../hooks/useAdaptivityWithMediaQueries");
+
 var _useTimeout = require("../../hooks/useTimeout");
 
-var _excluded = ["children", "layout", "action", "before", "after", "viewWidth", "duration", "onActionClick", "onClose", "mode"];
+var _excluded = ["children", "layout", "action", "before", "after", "duration", "onActionClick", "onClose", "mode"];
 
-var SnackbarComponent = function SnackbarComponent(_ref) {
+/**
+ * @see https://vkcom.github.io/VKUI/#/Snackbar
+ */
+var Snackbar = function Snackbar(_ref) {
   var children = _ref.children,
       _ref$layout = _ref.layout,
-      layout = _ref$layout === void 0 ? "horizontal" : _ref$layout,
+      layoutProps = _ref$layout === void 0 ? "horizontal" : _ref$layout,
       action = _ref.action,
       before = _ref.before,
       after = _ref.after,
-      viewWidth = _ref.viewWidth,
       _ref$duration = _ref.duration,
       duration = _ref$duration === void 0 ? 4000 : _ref$duration,
       onActionClick = _ref.onActionClick,
@@ -60,6 +62,9 @@ var SnackbarComponent = function SnackbarComponent(_ref) {
       restProps = (0, _objectWithoutProperties2.default)(_ref, _excluded);
   var platform = (0, _usePlatform.usePlatform)();
 
+  var _useAdaptivityWithMed = (0, _useAdaptivityWithMediaQueries.useAdaptivityWithMediaQueries)(),
+      isDesktop = _useAdaptivityWithMed.isDesktop;
+
   var _useWaitTransitionFin = (0, _useWaitTransitionFinish.useWaitTransitionFinish)(),
       waitTransitionFinish = _useWaitTransitionFin.waitTransitionFinish;
 
@@ -78,8 +83,7 @@ var SnackbarComponent = function SnackbarComponent(_ref) {
   var bodyElRef = React.useRef(null);
   var innerElRef = React.useRef(null);
   var animationFrameRef = React.useRef(null);
-  var isDesktop = viewWidth >= _withAdaptivity.ViewWidth.SMALL_TABLET;
-  var transitionFinishDurationFallback = platform === _platform.ANDROID || platform === _platform.VKCOM ? 400 : 320;
+  var transitionFinishDurationFallback = platform === _platform.Platform.IOS ? 320 : 400;
 
   var close = function close() {
     setClosing(true);
@@ -124,7 +128,7 @@ var SnackbarComponent = function SnackbarComponent(_ref) {
     }
 
     shiftXPercentRef.current = shiftX / ((_bodyElRef$current$of = (_bodyElRef$current = bodyElRef.current) === null || _bodyElRef$current === void 0 ? void 0 : _bodyElRef$current.offsetWidth) !== null && _bodyElRef$current$of !== void 0 ? _bodyElRef$current$of : 0) * 100;
-    shiftXCurrentRef.current = (0, _touch.rubber)(shiftXPercentRef.current, 72, 1.2, platform === _platform.ANDROID || platform === _platform.VKCOM);
+    shiftXCurrentRef.current = (0, _touch.rubber)(shiftXPercentRef.current, 72, 1.2, platform !== _platform.Platform.IOS);
     setBodyTransform(shiftXCurrentRef.current);
   };
 
@@ -165,9 +169,9 @@ var SnackbarComponent = function SnackbarComponent(_ref) {
   React.useEffect(function () {
     return closeTimeout.set();
   }, [closeTimeout]);
-  var resolvedLayout = after || isDesktop ? "vertical" : layout;
+  var layout = after || isDesktop ? "vertical" : layoutProps;
   return (0, _jsxRuntime.createScopedElement)(_AppRootPortal.AppRootPortal, null, (0, _jsxRuntime.createScopedElement)("div", (0, _extends2.default)({}, restProps, {
-    vkuiClass: (0, _classNames.classNames)("Snackbar", platform === _platform.IOS && "Snackbar--ios", "Snackbar--l-".concat(resolvedLayout), "Snackbar--".concat(mode), closing && "Snackbar--closing", touched && "Snackbar--touched", isDesktop && "Snackbar--desktop")
+    vkuiClass: (0, _classNames.classNames)("Snackbar", platform === _platform.Platform.IOS && "Snackbar--ios", "Snackbar--layout-".concat(layout), "Snackbar--mode-".concat(mode), closing && "Snackbar--closing", touched && "Snackbar--touched", isDesktop && "Snackbar--desktop")
   }), (0, _jsxRuntime.createScopedElement)(_Touch.Touch, {
     vkuiClass: "Snackbar__in",
     getRootRef: innerElRef,
@@ -196,13 +200,5 @@ var SnackbarComponent = function SnackbarComponent(_ref) {
   }, after)))));
 };
 
-SnackbarComponent.displayName = "Snackbar";
-/**
- * @see https://vkcom.github.io/VKUI/#/Snackbar
- */
-
-var Snackbar = (0, _withAdaptivity.withAdaptivity)(SnackbarComponent, {
-  viewWidth: true
-});
 exports.Snackbar = Snackbar;
 //# sourceMappingURL=Snackbar.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Snackbar.js","names":["SnackbarComponent","children","layout","action","before","after","viewWidth","duration","onActionClick","onClose","mode","restProps","platform","usePlatform","useWaitTransitionFinish","waitTransitionFinish","React","useState","closing","setClosing","touched","setTouched","shiftXPercentRef","useRef","shiftXCurrentRef","bodyElRef","innerElRef","animationFrameRef","isDesktop","ViewWidth","SMALL_TABLET","transitionFinishDurationFallback","ANDROID","VKCOM","close","current","handleActionClick","e","closeTimeout","useTimeout","setBodyTransform","percent","cancelAnimationFrame","requestAnimationFrame","style","transform","onTouchStart","clear","onTouchMoveX","event","shiftX","originalEvent","preventDefault","offsetWidth","rubber","onTouchEnd","callback","shiftXCurrent","expectTranslateY","set","useEffect","resolvedLayout","classNames","IOS","displayName","Snackbar","withAdaptivity"],"sources":["../../../../src/components/Snackbar/Snackbar.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { Touch, TouchEvent } from \"../Touch/Touch\";\nimport { classNames } from \"../../lib/classNames\";\nimport { HasPlatform } from \"../../types\";\nimport { ANDROID, IOS, VKCOM } from \"../../lib/platform\";\nimport { rubber } from \"../../lib/touch\";\nimport { withAdaptivity, ViewWidth } from \"../../hoc/withAdaptivity\";\nimport { Paragraph } from \"../Typography/Paragraph/Paragraph\";\nimport { Button } from \"../Button/Button\";\nimport { AppRootPortal } from \"../AppRoot/AppRootPortal\";\nimport { useWaitTransitionFinish } from \"../../hooks/useWaitTransitionFinish\";\nimport { usePlatform } from \"../../hooks/usePlatform\";\nimport { useTimeout } from \"../../hooks/useTimeout\";\nimport {\n  AdaptivityContextInterface,\n  AdaptivityProps,\n} from \"../AdaptivityProvider/AdaptivityContext\";\nimport \"./Snackbar.css\";\n\nexport interface SnackbarProps\n  extends React.HTMLAttributes<HTMLElement>,\n    HasPlatform,\n    AdaptivityProps {\n  /**\n   * Название кнопки действия в уведомлении\n   */\n  action?: React.ReactNode;\n\n  /**\n   * Будет вызвано при клике на кнопку действия\n   */\n  onActionClick?: (e: React.MouseEvent) => void;\n\n  /**\n   * Цветная иконка 24x24 пикселя\n   */\n  before?: React.ReactNode;\n  /**\n   * Контент в правой части, может быть `<Avatar size={32} />`\n   */\n  after?: React.ReactNode;\n  /**\n   * Варианты расположения кнопки\n   */\n  layout?: \"vertical\" | \"horizontal\";\n  /**\n   * Время в миллисекундах, через которое плашка скроется\n   */\n  duration?: number;\n  /**\n   * Обработчик закрытия уведомления\n   */\n  onClose: () => void;\n  /**\n   * Задает стиль снекбара\n   */\n  mode?: \"default\" | \"dark\";\n}\n\nconst SnackbarComponent = ({\n  children,\n  layout = \"horizontal\",\n  action,\n  before,\n  after,\n  viewWidth,\n  duration = 4000,\n  onActionClick,\n  onClose,\n  mode = \"default\",\n  ...restProps\n}: SnackbarProps & AdaptivityContextInterface) => {\n  const platform = usePlatform();\n\n  const { waitTransitionFinish } = useWaitTransitionFinish();\n\n  const [closing, setClosing] = React.useState(false);\n  const [touched, setTouched] = React.useState(false);\n\n  const shiftXPercentRef = React.useRef<number>(0);\n  const shiftXCurrentRef = React.useRef<number>(0);\n\n  const bodyElRef = React.useRef<HTMLDivElement | null>(null);\n  const innerElRef = React.useRef<HTMLDivElement | null>(null);\n\n  const animationFrameRef = React.useRef<ReturnType<\n    typeof requestAnimationFrame\n  > | null>(null);\n\n  const isDesktop = viewWidth >= ViewWidth.SMALL_TABLET;\n  const transitionFinishDurationFallback =\n    platform === ANDROID || platform === VKCOM ? 400 : 320;\n\n  const close = () => {\n    setClosing(true);\n    waitTransitionFinish(\n      innerElRef.current,\n      () => {\n        onClose();\n      },\n      transitionFinishDurationFallback\n    );\n  };\n\n  const handleActionClick: React.MouseEventHandler<HTMLElement> = (e) => {\n    close();\n\n    if (action && typeof onActionClick === \"function\") {\n      onActionClick(e);\n    }\n  };\n\n  const closeTimeout = useTimeout(close, duration);\n\n  const setBodyTransform = (percent: number) => {\n    if (animationFrameRef.current !== null) {\n      cancelAnimationFrame(animationFrameRef.current);\n    }\n    animationFrameRef.current = requestAnimationFrame(() => {\n      if (bodyElRef.current) {\n        bodyElRef.current.style.transform = `translate3d(${percent}%, 0, 0)`;\n      }\n    });\n  };\n\n  const onTouchStart = closeTimeout.clear;\n\n  const onTouchMoveX = (event: TouchEvent) => {\n    const { shiftX, originalEvent } = event;\n    originalEvent.preventDefault();\n\n    if (!touched) {\n      setTouched(true);\n    }\n\n    shiftXPercentRef.current =\n      (shiftX / (bodyElRef.current?.offsetWidth ?? 0)) * 100;\n    shiftXCurrentRef.current = rubber(\n      shiftXPercentRef.current,\n      72,\n      1.2,\n      platform === ANDROID || platform === VKCOM\n    );\n\n    setBodyTransform(shiftXCurrentRef.current);\n  };\n\n  const onTouchEnd = (e: TouchEvent) => {\n    let callback: VoidFunction | undefined;\n\n    if (touched) {\n      let shiftXCurrent = shiftXCurrentRef.current;\n      const expectTranslateY = (shiftXCurrent / e.duration) * 240 * 0.6;\n      shiftXCurrent = shiftXCurrent + expectTranslateY;\n\n      if (isDesktop && shiftXCurrent <= -50) {\n        closeTimeout.clear();\n        waitTransitionFinish(\n          bodyElRef.current,\n          () => {\n            onClose();\n          },\n          transitionFinishDurationFallback\n        );\n        setBodyTransform(-120);\n      } else if (!isDesktop && shiftXCurrent >= 50) {\n        closeTimeout.clear();\n        waitTransitionFinish(\n          bodyElRef.current,\n          () => {\n            onClose();\n          },\n          transitionFinishDurationFallback\n        );\n        setBodyTransform(120);\n      } else {\n        callback = () => {\n          closeTimeout.set();\n          setBodyTransform(0);\n        };\n      }\n    } else {\n      closeTimeout.set();\n    }\n\n    setTouched(false);\n    callback && requestAnimationFrame(callback);\n  };\n\n  React.useEffect(() => closeTimeout.set(), [closeTimeout]);\n\n  const resolvedLayout = after || isDesktop ? \"vertical\" : layout;\n\n  return (\n    <AppRootPortal>\n      <div\n        {...restProps}\n        vkuiClass={classNames(\n          \"Snackbar\",\n          platform === IOS && \"Snackbar--ios\",\n          `Snackbar--l-${resolvedLayout}`,\n          `Snackbar--${mode}`,\n          closing && \"Snackbar--closing\",\n          touched && \"Snackbar--touched\",\n          isDesktop && \"Snackbar--desktop\"\n        )}\n      >\n        <Touch\n          vkuiClass=\"Snackbar__in\"\n          getRootRef={innerElRef}\n          onStart={onTouchStart}\n          onMoveX={onTouchMoveX}\n          onEnd={onTouchEnd}\n        >\n          <div vkuiClass=\"Snackbar__body\" ref={bodyElRef}>\n            {before && <div vkuiClass=\"Snackbar__before\">{before}</div>}\n\n            <div vkuiClass=\"Snackbar__content\">\n              <Paragraph vkuiClass=\"Snackbar__content-text\">\n                {children}\n              </Paragraph>\n\n              {action && (\n                <Button\n                  align=\"left\"\n                  hasHover={false}\n                  mode=\"tertiary\"\n                  appearance={mode === \"dark\" ? \"overlay\" : \"accent\"}\n                  size=\"s\"\n                  vkuiClass=\"Snackbar__action\"\n                  onClick={handleActionClick}\n                >\n                  {action}\n                </Button>\n              )}\n            </div>\n\n            {after && <div vkuiClass=\"Snackbar__after\">{after}</div>}\n          </div>\n        </Touch>\n      </div>\n    </AppRootPortal>\n  );\n};\n\nSnackbarComponent.displayName = \"Snackbar\";\n\n/**\n * @see https://vkcom.github.io/VKUI/#/Snackbar\n */\nexport const Snackbar = withAdaptivity(SnackbarComponent, {\n  viewWidth: true,\n});\n"],"mappings":"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"}
+{"version":3,"file":"Snackbar.js","names":["Snackbar","children","layout","layoutProps","action","before","after","duration","onActionClick","onClose","mode","restProps","platform","usePlatform","useAdaptivityWithMediaQueries","isDesktop","useWaitTransitionFinish","waitTransitionFinish","React","useState","closing","setClosing","touched","setTouched","shiftXPercentRef","useRef","shiftXCurrentRef","bodyElRef","innerElRef","animationFrameRef","transitionFinishDurationFallback","Platform","IOS","close","current","handleActionClick","e","closeTimeout","useTimeout","setBodyTransform","percent","cancelAnimationFrame","requestAnimationFrame","style","transform","onTouchStart","clear","onTouchMoveX","event","shiftX","originalEvent","preventDefault","offsetWidth","rubber","onTouchEnd","callback","shiftXCurrent","expectTranslateY","set","useEffect","classNames"],"sources":["../../../../src/components/Snackbar/Snackbar.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { Touch, TouchEvent } from \"../Touch/Touch\";\nimport { classNames } from \"../../lib/classNames\";\nimport { HasPlatform } from \"../../types\";\nimport { Platform } from \"../../lib/platform\";\nimport { rubber } from \"../../lib/touch\";\nimport { Paragraph } from \"../Typography/Paragraph/Paragraph\";\nimport { Button } from \"../Button/Button\";\nimport { AppRootPortal } from \"../AppRoot/AppRootPortal\";\nimport { useWaitTransitionFinish } from \"../../hooks/useWaitTransitionFinish\";\nimport { usePlatform } from \"../../hooks/usePlatform\";\nimport { useAdaptivityWithMediaQueries } from \"../../hooks/useAdaptivityWithMediaQueries\";\nimport { useTimeout } from \"../../hooks/useTimeout\";\nimport \"./Snackbar.css\";\n\nexport interface SnackbarProps\n  extends React.HTMLAttributes<HTMLElement>,\n    HasPlatform {\n  /**\n   * Название кнопки действия в уведомлении\n   */\n  action?: React.ReactNode;\n\n  /**\n   * Будет вызвано при клике на кнопку действия\n   */\n  onActionClick?: (e: React.MouseEvent) => void;\n\n  /**\n   * Цветная иконка 24x24 пикселя\n   */\n  before?: React.ReactNode;\n  /**\n   * Контент в правой части, может быть `<Avatar size={32} />`\n   */\n  after?: React.ReactNode;\n  /**\n   * Варианты расположения кнопки\n   */\n  layout?: \"vertical\" | \"horizontal\";\n  /**\n   * Время в миллисекундах, через которое плашка скроется\n   */\n  duration?: number;\n  /**\n   * Обработчик закрытия уведомления\n   */\n  onClose: () => void;\n  /**\n   * Задает стиль снекбара\n   */\n  mode?: \"default\" | \"dark\";\n}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/Snackbar\n */\nexport const Snackbar = ({\n  children,\n  layout: layoutProps = \"horizontal\",\n  action,\n  before,\n  after,\n  duration = 4000,\n  onActionClick,\n  onClose,\n  mode = \"default\",\n  ...restProps\n}: SnackbarProps) => {\n  const platform = usePlatform();\n  const { isDesktop } = useAdaptivityWithMediaQueries();\n\n  const { waitTransitionFinish } = useWaitTransitionFinish();\n\n  const [closing, setClosing] = React.useState(false);\n  const [touched, setTouched] = React.useState(false);\n\n  const shiftXPercentRef = React.useRef<number>(0);\n  const shiftXCurrentRef = React.useRef<number>(0);\n\n  const bodyElRef = React.useRef<HTMLDivElement | null>(null);\n  const innerElRef = React.useRef<HTMLDivElement | null>(null);\n\n  const animationFrameRef = React.useRef<ReturnType<\n    typeof requestAnimationFrame\n  > | null>(null);\n\n  const transitionFinishDurationFallback =\n    platform === Platform.IOS ? 320 : 400;\n\n  const close = () => {\n    setClosing(true);\n    waitTransitionFinish(\n      innerElRef.current,\n      () => {\n        onClose();\n      },\n      transitionFinishDurationFallback\n    );\n  };\n\n  const handleActionClick: React.MouseEventHandler<HTMLElement> = (e) => {\n    close();\n\n    if (action && typeof onActionClick === \"function\") {\n      onActionClick(e);\n    }\n  };\n\n  const closeTimeout = useTimeout(close, duration);\n\n  const setBodyTransform = (percent: number) => {\n    if (animationFrameRef.current !== null) {\n      cancelAnimationFrame(animationFrameRef.current);\n    }\n    animationFrameRef.current = requestAnimationFrame(() => {\n      if (bodyElRef.current) {\n        bodyElRef.current.style.transform = `translate3d(${percent}%, 0, 0)`;\n      }\n    });\n  };\n\n  const onTouchStart = closeTimeout.clear;\n\n  const onTouchMoveX = (event: TouchEvent) => {\n    const { shiftX, originalEvent } = event;\n    originalEvent.preventDefault();\n\n    if (!touched) {\n      setTouched(true);\n    }\n\n    shiftXPercentRef.current =\n      (shiftX / (bodyElRef.current?.offsetWidth ?? 0)) * 100;\n    shiftXCurrentRef.current = rubber(\n      shiftXPercentRef.current,\n      72,\n      1.2,\n      platform !== Platform.IOS\n    );\n\n    setBodyTransform(shiftXCurrentRef.current);\n  };\n\n  const onTouchEnd = (e: TouchEvent) => {\n    let callback: VoidFunction | undefined;\n\n    if (touched) {\n      let shiftXCurrent = shiftXCurrentRef.current;\n      const expectTranslateY = (shiftXCurrent / e.duration) * 240 * 0.6;\n      shiftXCurrent = shiftXCurrent + expectTranslateY;\n\n      if (isDesktop && shiftXCurrent <= -50) {\n        closeTimeout.clear();\n        waitTransitionFinish(\n          bodyElRef.current,\n          () => {\n            onClose();\n          },\n          transitionFinishDurationFallback\n        );\n        setBodyTransform(-120);\n      } else if (!isDesktop && shiftXCurrent >= 50) {\n        closeTimeout.clear();\n        waitTransitionFinish(\n          bodyElRef.current,\n          () => {\n            onClose();\n          },\n          transitionFinishDurationFallback\n        );\n        setBodyTransform(120);\n      } else {\n        callback = () => {\n          closeTimeout.set();\n          setBodyTransform(0);\n        };\n      }\n    } else {\n      closeTimeout.set();\n    }\n\n    setTouched(false);\n    callback && requestAnimationFrame(callback);\n  };\n\n  React.useEffect(() => closeTimeout.set(), [closeTimeout]);\n\n  const layout = after || isDesktop ? \"vertical\" : layoutProps;\n\n  return (\n    <AppRootPortal>\n      <div\n        {...restProps}\n        vkuiClass={classNames(\n          \"Snackbar\",\n          platform === Platform.IOS && \"Snackbar--ios\",\n          `Snackbar--layout-${layout}`,\n          `Snackbar--mode-${mode}`,\n          closing && \"Snackbar--closing\",\n          touched && \"Snackbar--touched\",\n          isDesktop && \"Snackbar--desktop\"\n        )}\n      >\n        <Touch\n          vkuiClass=\"Snackbar__in\"\n          getRootRef={innerElRef}\n          onStart={onTouchStart}\n          onMoveX={onTouchMoveX}\n          onEnd={onTouchEnd}\n        >\n          <div vkuiClass=\"Snackbar__body\" ref={bodyElRef}>\n            {before && <div vkuiClass=\"Snackbar__before\">{before}</div>}\n\n            <div vkuiClass=\"Snackbar__content\">\n              <Paragraph vkuiClass=\"Snackbar__content-text\">\n                {children}\n              </Paragraph>\n\n              {action && (\n                <Button\n                  align=\"left\"\n                  hasHover={false}\n                  mode=\"tertiary\"\n                  appearance={mode === \"dark\" ? \"overlay\" : \"accent\"}\n                  size=\"s\"\n                  vkuiClass=\"Snackbar__action\"\n                  onClick={handleActionClick}\n                >\n                  {action}\n                </Button>\n              )}\n            </div>\n\n            {after && <div vkuiClass=\"Snackbar__after\">{after}</div>}\n          </div>\n        </Touch>\n      </div>\n    </AppRootPortal>\n  );\n};\n"],"mappings":"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"}