@vkontakte/vkui 4.37.0 → 5.0.0

package/dist/cjs/components/CalendarTime/CalendarTime.js

@@ -17,7 +17,9 @@ var _CustomSelect = require("../CustomSelect/CustomSelect");
 
 var _Button = require("../Button/Button");
 
-var _withAdaptivity = require("../../hoc/withAdaptivity");
+var _adaptivity = require("../../lib/adaptivity");
+
+var _AdaptivityProvider = require("../AdaptivityProvider/AdaptivityProvider");
 
 var hours = [];
 
@@ -57,33 +59,36 @@ var CalendarTime = function CalendarTime(_ref) {
     vkuiClass: "CalendarTime"
   }, (0, _jsxRuntime.createScopedElement)("div", {
     vkuiClass: "CalendarTime__picker"
+  }, (0, _jsxRuntime.createScopedElement)(_AdaptivityProvider.AdaptivityProvider, {
+    sizeY: _adaptivity.SizeType.COMPACT
   }, (0, _jsxRuntime.createScopedElement)(_CustomSelect.CustomSelect, {
     value: value.getHours(),
     options: hours,
     onChange: onHoursChange,
     forceDropdownPortal: false,
-    sizeY: _withAdaptivity.SizeType.COMPACT,
     "aria-label": changeHoursAriaLabel
-  })), (0, _jsxRuntime.createScopedElement)("div", {
+  }))), (0, _jsxRuntime.createScopedElement)("div", {
     vkuiClass: "CalendarTime__divider"
   }, ":"), (0, _jsxRuntime.createScopedElement)("div", {
     vkuiClass: "CalendarTime__picker"
+  }, (0, _jsxRuntime.createScopedElement)(_AdaptivityProvider.AdaptivityProvider, {
+    sizeY: _adaptivity.SizeType.COMPACT
   }, (0, _jsxRuntime.createScopedElement)(_CustomSelect.CustomSelect, {
     value: value.getMinutes(),
     options: minutes,
     onChange: onMinutesChange,
     forceDropdownPortal: false,
-    sizeY: _withAdaptivity.SizeType.COMPACT,
     "aria-label": changeMinutesAriaLabel
-  })), (0, _jsxRuntime.createScopedElement)("div", {
+  }))), (0, _jsxRuntime.createScopedElement)("div", {
     vkuiClass: "CalendarTime__button"
+  }, (0, _jsxRuntime.createScopedElement)(_AdaptivityProvider.AdaptivityProvider, {
+    sizeY: _adaptivity.SizeType.COMPACT
   }, (0, _jsxRuntime.createScopedElement)(_Button.Button, {
-    sizeY: _withAdaptivity.SizeType.COMPACT,
     mode: "secondary",
     onClick: onClose,
     size: "l",
     "aria-label": doneButtonText
-  }, doneButtonText)));
+  }, doneButtonText))));
 };
 
 exports.CalendarTime = CalendarTime;

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

@@ -1 +1 @@
-{"version":3,"file":"CalendarTime.js","names":["hours","i","push","value","label","String","padStart","minutes","CalendarTime","doneButtonText","onChange","onClose","changeHoursAriaLabel","changeMinutesAriaLabel","onHoursChange","React","useCallback","event","setHours","Number","target","onMinutesChange","setMinutes","getHours","SizeType","COMPACT","getMinutes"],"sources":["../../../../src/components/CalendarTime/CalendarTime.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { setHours, setMinutes } from \"../../lib/date\";\nimport { CustomSelect } from \"../CustomSelect/CustomSelect\";\nimport { Button } from \"../Button/Button\";\nimport { SizeType } from \"../../hoc/withAdaptivity\";\nimport \"./CalendarTime.css\";\n\nexport interface CalendarTimeProps {\n  value: Date;\n  doneButtonText?: string;\n  changeHoursAriaLabel?: string;\n  changeMinutesAriaLabel?: string;\n  onChange?(value: Date): void;\n  onClose?(): void;\n}\n\nconst hours: Array<{\n  value: number;\n  label: string;\n}> = [];\nfor (let i = 0; i < 24; i += 1) {\n  hours.push({ value: i, label: String(i).padStart(2, \"0\") });\n}\n\nconst minutes: Array<{\n  value: number;\n  label: string;\n}> = [];\nfor (let i = 0; i < 60; i += 1) {\n  minutes.push({ value: i, label: String(i).padStart(2, \"0\") });\n}\n\nexport const CalendarTime = ({\n  value,\n  doneButtonText = \"Готово\",\n  onChange,\n  onClose,\n  changeHoursAriaLabel = \"Изменить час\",\n  changeMinutesAriaLabel = \"Изменить минуту\",\n}: CalendarTimeProps) => {\n  const onHoursChange = React.useCallback(\n    (event: React.ChangeEvent<HTMLSelectElement>) =>\n      onChange?.(setHours(value, Number(event.target.value))),\n    [onChange, value]\n  );\n  const onMinutesChange = React.useCallback(\n    (event: React.ChangeEvent<HTMLSelectElement>) =>\n      onChange?.(setMinutes(value, Number(event.target.value))),\n    [onChange, value]\n  );\n\n  return (\n    <div vkuiClass=\"CalendarTime\">\n      <div vkuiClass=\"CalendarTime__picker\">\n        <CustomSelect\n          value={value.getHours()}\n          options={hours}\n          onChange={onHoursChange}\n          forceDropdownPortal={false}\n          sizeY={SizeType.COMPACT}\n          aria-label={changeHoursAriaLabel}\n        />\n      </div>\n      <div vkuiClass=\"CalendarTime__divider\">:</div>\n      <div vkuiClass=\"CalendarTime__picker\">\n        <CustomSelect\n          value={value.getMinutes()}\n          options={minutes}\n          onChange={onMinutesChange}\n          forceDropdownPortal={false}\n          sizeY={SizeType.COMPACT}\n          aria-label={changeMinutesAriaLabel}\n        />\n      </div>\n      <div vkuiClass=\"CalendarTime__button\">\n        <Button\n          sizeY={SizeType.COMPACT}\n          mode=\"secondary\"\n          onClick={onClose}\n          size=\"l\"\n          aria-label={doneButtonText}\n        >\n          {doneButtonText}\n        </Button>\n      </div>\n    </div>\n  );\n};\n"],"mappings":";;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AAYA,IAAMA,KAGJ,GAAG,EAHL;;AAIA,KAAK,IAAIC,CAAC,GAAG,CAAb,EAAgBA,CAAC,GAAG,EAApB,EAAwBA,CAAC,IAAI,CAA7B,EAAgC;EAC9BD,KAAK,CAACE,IAAN,CAAW;IAAEC,KAAK,EAAEF,CAAT;IAAYG,KAAK,EAAEC,MAAM,CAACJ,CAAD,CAAN,CAAUK,QAAV,CAAmB,CAAnB,EAAsB,GAAtB;EAAnB,CAAX;AACD;;AAED,IAAMC,OAGJ,GAAG,EAHL;;AAIA,KAAK,IAAIN,EAAC,GAAG,CAAb,EAAgBA,EAAC,GAAG,EAApB,EAAwBA,EAAC,IAAI,CAA7B,EAAgC;EAC9BM,OAAO,CAACL,IAAR,CAAa;IAAEC,KAAK,EAAEF,EAAT;IAAYG,KAAK,EAAEC,MAAM,CAACJ,EAAD,CAAN,CAAUK,QAAV,CAAmB,CAAnB,EAAsB,GAAtB;EAAnB,CAAb;AACD;;AAEM,IAAME,YAAY,GAAG,SAAfA,YAAe,OAOH;EAAA,IANvBL,KAMuB,QANvBA,KAMuB;EAAA,+BALvBM,cAKuB;EAAA,IALvBA,cAKuB,oCALN,QAKM;EAAA,IAJvBC,QAIuB,QAJvBA,QAIuB;EAAA,IAHvBC,OAGuB,QAHvBA,OAGuB;EAAA,iCAFvBC,oBAEuB;EAAA,IAFvBA,oBAEuB,sCAFA,cAEA;EAAA,iCADvBC,sBACuB;EAAA,IADvBA,sBACuB,sCADE,iBACF;EACvB,IAAMC,aAAa,GAAGC,KAAK,CAACC,WAAN,CACpB,UAACC,KAAD;IAAA,OACEP,QADF,aACEA,QADF,uBACEA,QAAQ,CAAG,IAAAQ,cAAA,EAASf,KAAT,EAAgBgB,MAAM,CAACF,KAAK,CAACG,MAAN,CAAajB,KAAd,CAAtB,CAAH,CADV;EAAA,CADoB,EAGpB,CAACO,QAAD,EAAWP,KAAX,CAHoB,CAAtB;EAKA,IAAMkB,eAAe,GAAGN,KAAK,CAACC,WAAN,CACtB,UAACC,KAAD;IAAA,OACEP,QADF,aACEA,QADF,uBACEA,QAAQ,CAAG,IAAAY,gBAAA,EAAWnB,KAAX,EAAkBgB,MAAM,CAACF,KAAK,CAACG,MAAN,CAAajB,KAAd,CAAxB,CAAH,CADV;EAAA,CADsB,EAGtB,CAACO,QAAD,EAAWP,KAAX,CAHsB,CAAxB;EAMA,OACE;IAAK,SAAS,EAAC;EAAf,GACE;IAAK,SAAS,EAAC;EAAf,GACE,qCAAC,0BAAD;IACE,KAAK,EAAEA,KAAK,CAACoB,QAAN,EADT;IAEE,OAAO,EAAEvB,KAFX;IAGE,QAAQ,EAAEc,aAHZ;IAIE,mBAAmB,EAAE,KAJvB;IAKE,KAAK,EAAEU,wBAAA,CAASC,OALlB;IAME,cAAYb;EANd,EADF,CADF,EAWE;IAAK,SAAS,EAAC;EAAf,OAXF,EAYE;IAAK,SAAS,EAAC;EAAf,GACE,qCAAC,0BAAD;IACE,KAAK,EAAET,KAAK,CAACuB,UAAN,EADT;IAEE,OAAO,EAAEnB,OAFX;IAGE,QAAQ,EAAEc,eAHZ;IAIE,mBAAmB,EAAE,KAJvB;IAKE,KAAK,EAAEG,wBAAA,CAASC,OALlB;IAME,cAAYZ;EANd,EADF,CAZF,EAsBE;IAAK,SAAS,EAAC;EAAf,GACE,qCAAC,cAAD;IACE,KAAK,EAAEW,wBAAA,CAASC,OADlB;IAEE,IAAI,EAAC,WAFP;IAGE,OAAO,EAAEd,OAHX;IAIE,IAAI,EAAC,GAJP;IAKE,cAAYF;EALd,GAOGA,cAPH,CADF,CAtBF,CADF;AAoCD,CAvDM"}
+{"version":3,"file":"CalendarTime.js","names":["hours","i","push","value","label","String","padStart","minutes","CalendarTime","doneButtonText","onChange","onClose","changeHoursAriaLabel","changeMinutesAriaLabel","onHoursChange","React","useCallback","event","setHours","Number","target","onMinutesChange","setMinutes","SizeType","COMPACT","getHours","getMinutes"],"sources":["../../../../src/components/CalendarTime/CalendarTime.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { setHours, setMinutes } from \"../../lib/date\";\nimport { CustomSelect } from \"../CustomSelect/CustomSelect\";\nimport { Button } from \"../Button/Button\";\nimport { SizeType } from \"../../lib/adaptivity\";\nimport { AdaptivityProvider } from \"../AdaptivityProvider/AdaptivityProvider\";\nimport \"./CalendarTime.css\";\n\nexport interface CalendarTimeProps {\n  value: Date;\n  doneButtonText?: string;\n  changeHoursAriaLabel?: string;\n  changeMinutesAriaLabel?: string;\n  onChange?(value: Date): void;\n  onClose?(): void;\n}\n\nconst hours: Array<{\n  value: number;\n  label: string;\n}> = [];\nfor (let i = 0; i < 24; i += 1) {\n  hours.push({ value: i, label: String(i).padStart(2, \"0\") });\n}\n\nconst minutes: Array<{\n  value: number;\n  label: string;\n}> = [];\nfor (let i = 0; i < 60; i += 1) {\n  minutes.push({ value: i, label: String(i).padStart(2, \"0\") });\n}\n\nexport const CalendarTime = ({\n  value,\n  doneButtonText = \"Готово\",\n  onChange,\n  onClose,\n  changeHoursAriaLabel = \"Изменить час\",\n  changeMinutesAriaLabel = \"Изменить минуту\",\n}: CalendarTimeProps) => {\n  const onHoursChange = React.useCallback(\n    (event: React.ChangeEvent<HTMLSelectElement>) =>\n      onChange?.(setHours(value, Number(event.target.value))),\n    [onChange, value]\n  );\n  const onMinutesChange = React.useCallback(\n    (event: React.ChangeEvent<HTMLSelectElement>) =>\n      onChange?.(setMinutes(value, Number(event.target.value))),\n    [onChange, value]\n  );\n\n  return (\n    <div vkuiClass=\"CalendarTime\">\n      <div vkuiClass=\"CalendarTime__picker\">\n        <AdaptivityProvider sizeY={SizeType.COMPACT}>\n          <CustomSelect\n            value={value.getHours()}\n            options={hours}\n            onChange={onHoursChange}\n            forceDropdownPortal={false}\n            aria-label={changeHoursAriaLabel}\n          />\n        </AdaptivityProvider>\n      </div>\n      <div vkuiClass=\"CalendarTime__divider\">:</div>\n      <div vkuiClass=\"CalendarTime__picker\">\n        <AdaptivityProvider sizeY={SizeType.COMPACT}>\n          <CustomSelect\n            value={value.getMinutes()}\n            options={minutes}\n            onChange={onMinutesChange}\n            forceDropdownPortal={false}\n            aria-label={changeMinutesAriaLabel}\n          />\n        </AdaptivityProvider>\n      </div>\n      <div vkuiClass=\"CalendarTime__button\">\n        <AdaptivityProvider sizeY={SizeType.COMPACT}>\n          <Button\n            mode=\"secondary\"\n            onClick={onClose}\n            size=\"l\"\n            aria-label={doneButtonText}\n          >\n            {doneButtonText}\n          </Button>\n        </AdaptivityProvider>\n      </div>\n    </div>\n  );\n};\n"],"mappings":"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"}

package/dist/cjs/components/Card/Card.js

@@ -15,10 +15,6 @@ var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/h
 
 var _classNames = require("../../lib/classNames");
 
-var _getClassName = require("../../helpers/getClassName");
-
-var _usePlatform = require("../../hooks/usePlatform");
-
 var _excluded = ["mode", "children", "getRootRef"];
 
 /**
@@ -30,10 +26,9 @@ var Card = function Card(_ref) {
       children = _ref.children,
       getRootRef = _ref.getRootRef,
       restProps = (0, _objectWithoutProperties2.default)(_ref, _excluded);
-  var platform = (0, _usePlatform.usePlatform)();
   return (0, _jsxRuntime.createScopedElement)("div", (0, _extends2.default)({}, restProps, {
     ref: getRootRef,
-    vkuiClass: (0, _classNames.classNames)((0, _getClassName.getClassName)("Card", platform), "Card--md-".concat(mode))
+    vkuiClass: (0, _classNames.classNames)("Card", "Card--mode-".concat(mode))
   }), (0, _jsxRuntime.createScopedElement)("div", {
     vkuiClass: "Card__in"
   }, children));

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

@@ -1 +1 @@
-{"version":3,"file":"Card.js","names":["Card","mode","children","getRootRef","restProps","platform","usePlatform","classNames","getClassName"],"sources":["../../../../src/components/Card/Card.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { classNames } from \"../../lib/classNames\";\nimport { getClassName } from \"../../helpers/getClassName\";\nimport { usePlatform } from \"../../hooks/usePlatform\";\nimport { HasRootRef } from \"../../types\";\nimport \"./Card.css\";\n\nexport interface CardProps\n  extends React.HTMLAttributes<HTMLDivElement>,\n    HasRootRef<HTMLDivElement> {\n  mode?: \"tint\" | \"shadow\" | \"outline\";\n}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/Card\n */\nexport const Card = ({\n  mode = \"tint\",\n  children,\n  getRootRef,\n  ...restProps\n}: CardProps) => {\n  const platform = usePlatform();\n\n  return (\n    <div\n      {...restProps}\n      ref={getRootRef}\n      vkuiClass={classNames(getClassName(\"Card\", platform), `Card--md-${mode}`)}\n    >\n      <div vkuiClass=\"Card__in\">{children}</div>\n    </div>\n  );\n};\n"],"mappings":";;;;;;;;;;;;;;;AACA;;AACA;;AACA;;;;AAUA;AACA;AACA;AACO,IAAMA,IAAI,GAAG,SAAPA,IAAO,OAKH;EAAA,qBAJfC,IAIe;EAAA,IAJfA,IAIe,0BAJR,MAIQ;EAAA,IAHfC,QAGe,QAHfA,QAGe;EAAA,IAFfC,UAEe,QAFfA,UAEe;EAAA,IADZC,SACY;EACf,IAAMC,QAAQ,GAAG,IAAAC,wBAAA,GAAjB;EAEA,OACE,uEACMF,SADN;IAEE,GAAG,EAAED,UAFP;IAGE,SAAS,EAAE,IAAAI,sBAAA,EAAW,IAAAC,0BAAA,EAAa,MAAb,EAAqBH,QAArB,CAAX,qBAAuDJ,IAAvD;EAHb,IAKE;IAAK,SAAS,EAAC;EAAf,GAA2BC,QAA3B,CALF,CADF;AASD,CAjBM"}
+{"version":3,"file":"Card.js","names":["Card","mode","children","getRootRef","restProps","classNames"],"sources":["../../../../src/components/Card/Card.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { classNames } from \"../../lib/classNames\";\nimport { HasRootRef } from \"../../types\";\nimport \"./Card.css\";\n\nexport interface CardProps\n  extends React.HTMLAttributes<HTMLDivElement>,\n    HasRootRef<HTMLDivElement> {\n  mode?: \"tint\" | \"shadow\" | \"outline\";\n}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/Card\n */\nexport const Card = ({\n  mode = \"tint\",\n  children,\n  getRootRef,\n  ...restProps\n}: CardProps) => {\n  return (\n    <div\n      {...restProps}\n      ref={getRootRef}\n      vkuiClass={classNames(\"Card\", `Card--mode-${mode}`)}\n    >\n      <div vkuiClass=\"Card__in\">{children}</div>\n    </div>\n  );\n};\n"],"mappings":";;;;;;;;;;;;;;;AACA;;;;AAUA;AACA;AACA;AACO,IAAMA,IAAI,GAAG,SAAPA,IAAO,OAKH;EAAA,qBAJfC,IAIe;EAAA,IAJfA,IAIe,0BAJR,MAIQ;EAAA,IAHfC,QAGe,QAHfA,QAGe;EAAA,IAFfC,UAEe,QAFfA,UAEe;EAAA,IADZC,SACY;EACf,OACE,uEACMA,SADN;IAEE,GAAG,EAAED,UAFP;IAGE,SAAS,EAAE,IAAAE,sBAAA,EAAW,MAAX,uBAAiCJ,IAAjC;EAHb,IAKE;IAAK,SAAS,EAAC;EAAf,GAA2BC,QAA3B,CALF,CADF;AASD,CAfM"}

package/dist/cjs/components/CardGrid/CardGrid.js

@@ -15,31 +15,30 @@ var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/h
 
 var _classNames = require("../../lib/classNames");
 
-var _withAdaptivity = require("../../hoc/withAdaptivity");
+var _getSizeXClassName = require("../../helpers/getSizeXClassName");
 
-var _excluded = ["children", "size", "spaced", "sizeX"];
+var _useAdaptivity2 = require("../../hooks/useAdaptivity");
 
-var CardGridComponent = function CardGridComponent(_ref) {
+var _excluded = ["children", "size", "spaced"];
+
+/**
+ * @see https://vkcom.github.io/VKUI/#/CardGrid
+ */
+var CardGrid = function CardGrid(_ref) {
   var children = _ref.children,
       _ref$size = _ref.size,
       size = _ref$size === void 0 ? "s" : _ref$size,
       _ref$spaced = _ref.spaced,
       spaced = _ref$spaced === void 0 ? false : _ref$spaced,
-      sizeX = _ref.sizeX,
       restProps = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+
+  var _useAdaptivity = (0, _useAdaptivity2.useAdaptivity)(),
+      sizeX = _useAdaptivity.sizeX;
+
   return (0, _jsxRuntime.createScopedElement)("div", (0, _extends2.default)({}, restProps, {
-    vkuiClass: (0, _classNames.classNames)("CardGrid", spaced && "CardGrid--spaced", "CardGrid--".concat(size), "CardGrid--sizeX-".concat(sizeX) // TODO: v5 новая адаптивность
-    )
+    vkuiClass: (0, _classNames.classNames)("CardGrid", spaced && "CardGrid--spaced", "CardGrid--size-".concat(size), (0, _getSizeXClassName.getSizeXClassName)("CardGrid", sizeX))
   }), children);
 };
-/**
- * @see https://vkcom.github.io/VKUI/#/CardGrid
- */
 
-
-var CardGrid = (0, _withAdaptivity.withAdaptivity)(CardGridComponent, {
-  sizeX: true
-});
 exports.CardGrid = CardGrid;
-CardGrid.displayName = "CardGrid"; // TODO: v5 remove
 //# sourceMappingURL=CardGrid.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"CardGrid.js","names":["CardGridComponent","children","size","spaced","sizeX","restProps","classNames","CardGrid","withAdaptivity","displayName"],"sources":["../../../../src/components/CardGrid/CardGrid.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { classNames } from \"../../lib/classNames\";\nimport { withAdaptivity, AdaptivityProps } from \"../../hoc/withAdaptivity\";\nimport \"./CardGrid.css\";\n\nexport interface CardGridProps\n  extends React.HTMLAttributes<HTMLDivElement>,\n    AdaptivityProps {\n  size: \"s\" | \"m\" | \"l\";\n  /**\n   * Если true, то вокруг компонента присутствуют стандартные отсупы сверху/снизу и слева/справа\n   */\n  spaced?: boolean;\n}\n\nconst CardGridComponent = ({\n  children,\n  size = \"s\",\n  spaced = false,\n  sizeX,\n  ...restProps\n}: CardGridProps) => {\n  return (\n    <div\n      {...restProps}\n      vkuiClass={classNames(\n        \"CardGrid\",\n        spaced && \"CardGrid--spaced\",\n        `CardGrid--${size}`,\n        `CardGrid--sizeX-${sizeX}` // TODO: v5 новая адаптивность\n      )}\n    >\n      {children}\n    </div>\n  );\n};\n\n/**\n * @see https://vkcom.github.io/VKUI/#/CardGrid\n */\nexport const CardGrid = withAdaptivity(CardGridComponent, { sizeX: true });\n\nCardGrid.displayName = \"CardGrid\"; // TODO: v5 remove\n"],"mappings":";;;;;;;;;;;;;;;AACA;;AACA;;;;AAaA,IAAMA,iBAAiB,GAAG,SAApBA,iBAAoB,OAML;EAAA,IALnBC,QAKmB,QALnBA,QAKmB;EAAA,qBAJnBC,IAImB;EAAA,IAJnBA,IAImB,0BAJZ,GAIY;EAAA,uBAHnBC,MAGmB;EAAA,IAHnBA,MAGmB,4BAHV,KAGU;EAAA,IAFnBC,KAEmB,QAFnBA,KAEmB;EAAA,IADhBC,SACgB;EACnB,OACE,uEACMA,SADN;IAEE,SAAS,EAAE,IAAAC,sBAAA,EACT,UADS,EAETH,MAAM,IAAI,kBAFD,sBAGID,IAHJ,6BAIUE,KAJV,EAIkB;IAJlB;EAFb,IASGH,QATH,CADF;AAaD,CApBD;AAsBA;AACA;AACA;;;AACO,IAAMM,QAAQ,GAAG,IAAAC,8BAAA,EAAeR,iBAAf,EAAkC;EAAEI,KAAK,EAAE;AAAT,CAAlC,CAAjB;;AAEPG,QAAQ,CAACE,WAAT,GAAuB,UAAvB,C,CAAmC"}
+{"version":3,"file":"CardGrid.js","names":["CardGrid","children","size","spaced","restProps","useAdaptivity","sizeX","classNames","getSizeXClassName"],"sources":["../../../../src/components/CardGrid/CardGrid.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { classNames } from \"../../lib/classNames\";\nimport { getSizeXClassName } from \"../../helpers/getSizeXClassName\";\nimport { useAdaptivity } from \"../../hooks/useAdaptivity\";\nimport \"./CardGrid.css\";\n\nexport interface CardGridProps extends React.HTMLAttributes<HTMLDivElement> {\n  size?: \"s\" | \"m\" | \"l\";\n  /**\n   * Если true, то вокруг компонента присутствуют стандартные отсупы сверху/снизу и слева/справа\n   */\n  spaced?: boolean;\n}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/CardGrid\n */\nexport const CardGrid = ({\n  children,\n  size = \"s\",\n  spaced = false,\n  ...restProps\n}: CardGridProps) => {\n  const { sizeX } = useAdaptivity();\n\n  return (\n    <div\n      {...restProps}\n      vkuiClass={classNames(\n        \"CardGrid\",\n        spaced && \"CardGrid--spaced\",\n        `CardGrid--size-${size}`,\n        getSizeXClassName(\"CardGrid\", sizeX)\n      )}\n    >\n      {children}\n    </div>\n  );\n};\n"],"mappings":";;;;;;;;;;;;;;;AACA;;AACA;;AACA;;;;AAWA;AACA;AACA;AACO,IAAMA,QAAQ,GAAG,SAAXA,QAAW,OAKH;EAAA,IAJnBC,QAImB,QAJnBA,QAImB;EAAA,qBAHnBC,IAGmB;EAAA,IAHnBA,IAGmB,0BAHZ,GAGY;EAAA,uBAFnBC,MAEmB;EAAA,IAFnBA,MAEmB,4BAFV,KAEU;EAAA,IADhBC,SACgB;;EACnB,qBAAkB,IAAAC,6BAAA,GAAlB;EAAA,IAAQC,KAAR,kBAAQA,KAAR;;EAEA,OACE,uEACMF,SADN;IAEE,SAAS,EAAE,IAAAG,sBAAA,EACT,UADS,EAETJ,MAAM,IAAI,kBAFD,2BAGSD,IAHT,GAIT,IAAAM,oCAAA,EAAkB,UAAlB,EAA8BF,KAA9B,CAJS;EAFb,IASGL,QATH,CADF;AAaD,CArBM"}

package/dist/cjs/components/CardScroll/CardScroll.js

@@ -21,12 +21,10 @@ var React = _interopRequireWildcard(require("react"));
 
 var _classNames = require("../../lib/classNames");
 
-var _getClassName = require("../../helpers/getClassName");
+var _getSizeXClassName = require("../../helpers/getSizeXClassName");
 
 var _useAdaptivity2 = require("../../hooks/useAdaptivity");
 
-var _usePlatform = require("../../hooks/usePlatform");
-
 var _HorizontalScroll = require("../HorizontalScroll/HorizontalScroll");
 
 var _dom = require("../../lib/dom");
@@ -45,7 +43,6 @@ var CardScroll = function CardScroll(_ref) {
       _ref$withSpaces = _ref.withSpaces,
       withSpaces = _ref$withSpaces === void 0 ? true : _ref$withSpaces,
       restProps = (0, _objectWithoutProperties2.default)(_ref, _excluded);
-  var platform = (0, _usePlatform.usePlatform)();
 
   var _useAdaptivity = (0, _useAdaptivity2.useAdaptivity)(),
       sizeX = _useAdaptivity.sizeX;
@@ -102,7 +99,7 @@ var CardScroll = function CardScroll(_ref) {
   }
 
   return (0, _jsxRuntime.createScopedElement)("div", (0, _extends2.default)({}, restProps, {
-    vkuiClass: (0, _classNames.classNames)((0, _getClassName.getClassName)("CardScroll", platform), "CardScroll--sizeX-".concat(sizeX), "CardScroll--".concat(size), withSpaces && "CardScroll--withSpaces")
+    vkuiClass: (0, _classNames.classNames)("CardScroll", (0, _getSizeXClassName.getSizeXClassName)("CardScroll", sizeX), "CardScroll--size-".concat(size), withSpaces && "CardScroll--withSpaces")
   }), (0, _jsxRuntime.createScopedElement)(_HorizontalScroll.HorizontalScroll, {
     getScrollToLeft: getScrollToLeft,
     getScrollToRight: getScrollToRight,

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

@@ -1 +1 @@
-{"version":3,"file":"CardScroll.js","names":["CardScroll","children","size","showArrows","withSpaces","restProps","platform","usePlatform","useAdaptivity","sizeX","refContainer","React","useRef","gapRef","useDOM","window","getScrollToLeft","offset","current","containerWidth","offsetWidth","slideIndex","findIndex","el","offsetLeft","parseInt","getComputedStyle","marginRight","slide","scrollTo","getScrollToRight","Array","prototype","find","call","classNames","getClassName"],"sources":["../../../../src/components/CardScroll/CardScroll.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { classNames } from \"../../lib/classNames\";\nimport { getClassName } from \"../../helpers/getClassName\";\nimport { useAdaptivity } from \"../../hooks/useAdaptivity\";\nimport { usePlatform } from \"../../hooks/usePlatform\";\nimport {\n  HorizontalScroll,\n  HorizontalScrollProps,\n} from \"../HorizontalScroll/HorizontalScroll\";\nimport { useDOM } from \"../../lib/dom\";\nimport \"./CardScroll.css\";\n\nexport interface CardScrollProps extends React.HTMLAttributes<HTMLDivElement> {\n  /**\n   * При `size=false` ширина `Card` будет регулироваться контентом внутри. В остальных случаях — будет явно задана в процентах.\n   */\n  size?: \"s\" | \"m\" | \"l\" | false;\n  showArrows?: HorizontalScrollProps[\"showArrows\"];\n  withSpaces?: boolean;\n}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/CardScroll\n */\nexport const CardScroll = ({\n  children,\n  size = \"s\",\n  showArrows = true,\n  withSpaces = true,\n  ...restProps\n}: CardScrollProps) => {\n  const platform = usePlatform();\n  const { sizeX } = useAdaptivity();\n\n  const refContainer = React.useRef<HTMLDivElement>(null);\n  const gapRef = React.useRef<HTMLDivElement>(null);\n\n  const { window } = useDOM();\n\n  function getScrollToLeft(offset: number): number {\n    if (!refContainer.current || !gapRef.current) {\n      return offset;\n    }\n    const containerWidth = refContainer.current.offsetWidth;\n    const slideIndex = (\n      [...refContainer.current.children] as HTMLElement[]\n    ).findIndex(\n      (el: HTMLElement) =>\n        el.offsetLeft +\n          el.offsetWidth +\n          parseInt(window!.getComputedStyle(el).marginRight) -\n          offset >=\n        0\n    );\n\n    if (slideIndex === -1) {\n      return offset;\n    }\n\n    if (slideIndex === 0) {\n      return 0;\n    }\n\n    const slide = refContainer.current.children[slideIndex] as HTMLElement;\n\n    const scrollTo =\n      slide.offsetLeft -\n      (containerWidth - slide.offsetWidth) +\n      gapRef.current.offsetWidth;\n\n    if (scrollTo <= 2 * gapRef.current.offsetWidth) {\n      return 0;\n    }\n\n    return scrollTo;\n  }\n\n  function getScrollToRight(offset: number): number {\n    if (!refContainer.current || !gapRef.current) {\n      return offset;\n    }\n\n    const containerWidth = refContainer.current.offsetWidth;\n    const slide = Array.prototype.find.call(\n      refContainer.current.children,\n      (el: HTMLElement) =>\n        el.offsetLeft + el.offsetWidth - offset > containerWidth\n    ) as HTMLElement;\n\n    if (!slide) {\n      return offset;\n    }\n\n    return slide.offsetLeft - gapRef.current.offsetWidth;\n  }\n\n  return (\n    <div\n      {...restProps}\n      vkuiClass={classNames(\n        getClassName(\"CardScroll\", platform),\n        `CardScroll--sizeX-${sizeX}`,\n        `CardScroll--${size}`,\n        withSpaces && \"CardScroll--withSpaces\"\n      )}\n    >\n      <HorizontalScroll\n        getScrollToLeft={getScrollToLeft}\n        getScrollToRight={getScrollToRight}\n        showArrows={showArrows}\n      >\n        <div vkuiClass=\"CardScroll__in\" ref={refContainer}>\n          <span vkuiClass=\"CardScroll__gap\" ref={gapRef} />\n          {children}\n          <span vkuiClass=\"CardScroll__gap\" />\n        </div>\n      </HorizontalScroll>\n    </div>\n  );\n};\n"],"mappings":"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"}
+{"version":3,"file":"CardScroll.js","names":["CardScroll","children","size","showArrows","withSpaces","restProps","useAdaptivity","sizeX","refContainer","React","useRef","gapRef","useDOM","window","getScrollToLeft","offset","current","containerWidth","offsetWidth","slideIndex","findIndex","el","offsetLeft","parseInt","getComputedStyle","marginRight","slide","scrollTo","getScrollToRight","Array","prototype","find","call","classNames","getSizeXClassName"],"sources":["../../../../src/components/CardScroll/CardScroll.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { classNames } from \"../../lib/classNames\";\nimport { getSizeXClassName } from \"../../helpers/getSizeXClassName\";\nimport { useAdaptivity } from \"../../hooks/useAdaptivity\";\nimport {\n  HorizontalScroll,\n  HorizontalScrollProps,\n} from \"../HorizontalScroll/HorizontalScroll\";\nimport { useDOM } from \"../../lib/dom\";\nimport \"./CardScroll.css\";\n\nexport interface CardScrollProps extends React.HTMLAttributes<HTMLDivElement> {\n  /**\n   * При `size=false` ширина `Card` будет регулироваться контентом внутри. В остальных случаях — будет явно задана в процентах.\n   */\n  size?: \"s\" | \"m\" | \"l\" | false;\n  showArrows?: HorizontalScrollProps[\"showArrows\"];\n  withSpaces?: boolean;\n}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/CardScroll\n */\nexport const CardScroll = ({\n  children,\n  size = \"s\",\n  showArrows = true,\n  withSpaces = true,\n  ...restProps\n}: CardScrollProps) => {\n  const { sizeX } = useAdaptivity();\n\n  const refContainer = React.useRef<HTMLDivElement>(null);\n  const gapRef = React.useRef<HTMLDivElement>(null);\n\n  const { window } = useDOM();\n\n  function getScrollToLeft(offset: number): number {\n    if (!refContainer.current || !gapRef.current) {\n      return offset;\n    }\n    const containerWidth = refContainer.current.offsetWidth;\n    const slideIndex = (\n      [...refContainer.current.children] as HTMLElement[]\n    ).findIndex(\n      (el: HTMLElement) =>\n        el.offsetLeft +\n          el.offsetWidth +\n          parseInt(window!.getComputedStyle(el).marginRight) -\n          offset >=\n        0\n    );\n\n    if (slideIndex === -1) {\n      return offset;\n    }\n\n    if (slideIndex === 0) {\n      return 0;\n    }\n\n    const slide = refContainer.current.children[slideIndex] as HTMLElement;\n\n    const scrollTo =\n      slide.offsetLeft -\n      (containerWidth - slide.offsetWidth) +\n      gapRef.current.offsetWidth;\n\n    if (scrollTo <= 2 * gapRef.current.offsetWidth) {\n      return 0;\n    }\n\n    return scrollTo;\n  }\n\n  function getScrollToRight(offset: number): number {\n    if (!refContainer.current || !gapRef.current) {\n      return offset;\n    }\n\n    const containerWidth = refContainer.current.offsetWidth;\n    const slide = Array.prototype.find.call(\n      refContainer.current.children,\n      (el: HTMLElement) =>\n        el.offsetLeft + el.offsetWidth - offset > containerWidth\n    ) as HTMLElement;\n\n    if (!slide) {\n      return offset;\n    }\n\n    return slide.offsetLeft - gapRef.current.offsetWidth;\n  }\n\n  return (\n    <div\n      {...restProps}\n      vkuiClass={classNames(\n        \"CardScroll\",\n        getSizeXClassName(\"CardScroll\", sizeX),\n        `CardScroll--size-${size}`,\n        withSpaces && \"CardScroll--withSpaces\"\n      )}\n    >\n      <HorizontalScroll\n        getScrollToLeft={getScrollToLeft}\n        getScrollToRight={getScrollToRight}\n        showArrows={showArrows}\n      >\n        <div vkuiClass=\"CardScroll__in\" ref={refContainer}>\n          <span vkuiClass=\"CardScroll__gap\" ref={gapRef} />\n          {children}\n          <span vkuiClass=\"CardScroll__gap\" />\n        </div>\n      </HorizontalScroll>\n    </div>\n  );\n};\n"],"mappings":"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"}

package/dist/cjs/components/Cell/Cell.js

@@ -21,8 +21,6 @@ var _classNames = require("../../lib/classNames");
 
 var _utils = require("../../lib/utils");
 
-var _warnOnce = require("../../lib/warnOnce");
-
 var _platform = require("../../lib/platform");
 
 var _SimpleCell = require("../SimpleCell/SimpleCell");
@@ -41,15 +39,14 @@ var _CellDragger = require("./CellDragger/CellDragger");
 
 var _CellCheckbox = require("./CellCheckbox/CellCheckbox");
 
-var _excluded = ["mode", "onRemove", "removePlaceholder", "onDragFinish", "before", "after", "disabled", "removable", "draggable", "selectable", "Component", "onChange", "name", "value", "checked", "defaultChecked", "getRootRef", "draggerLabel", "className", "style"],
+var _excluded = ["mode", "onRemove", "removePlaceholder", "onDragFinish", "before", "after", "disabled", "draggable", "Component", "onChange", "name", "value", "checked", "defaultChecked", "getRootRef", "draggerLabel", "className", "style"],
     _excluded2 = ["dragging"];
-var warn = (0, _warnOnce.warnOnce)("Cell");
+
 /**
  * @see https://vkcom.github.io/VKUI/#/Cell
  */
-
 var Cell = function Cell(_ref) {
-  var propsMode = _ref.mode,
+  var mode = _ref.mode,
       _ref$onRemove = _ref.onRemove,
       _onRemove = _ref$onRemove === void 0 ? _utils.noop : _ref$onRemove,
       _ref$removePlaceholde = _ref.removePlaceholder,
@@ -58,9 +55,7 @@ var Cell = function Cell(_ref) {
       before = _ref.before,
       after = _ref.after,
       disabled = _ref.disabled,
-      deprecatedRemovable = _ref.removable,
       draggable = _ref.draggable,
-      deprecatedSelectable = _ref.selectable,
       Component = _ref.Component,
       onChange = _ref.onChange,
       name = _ref.name,
@@ -74,19 +69,6 @@ var Cell = function Cell(_ref) {
       style = _ref.style,
       restProps = (0, _objectWithoutProperties2.default)(_ref, _excluded);
 
-  // TODO: удалить перед 5.0.0
-  var mode = propsMode;
-
-  if (!propsMode && (deprecatedSelectable || deprecatedRemovable)) {
-    mode = deprecatedSelectable ? "selectable" : "removable";
-
-    if (process.env.NODE_ENV === "development") {
-      deprecatedSelectable && warn('Свойство selectable устарело и будет удалено в 5.0.0. Используйте mode="selectable".');
-      deprecatedRemovable && warn('Свойство removable устарело и будет удалено в 5.0.0. Используйте mode="removable".');
-    }
-  } // /end TODO
-
-
   var selectable = mode === "selectable";
   var removable = mode === "removable";
   var platform = (0, _usePlatform.usePlatform)();
@@ -139,7 +121,7 @@ var Cell = function Cell(_ref) {
 
   var simpleCellDisabled = draggable && !selectable || removable || disabled;
   var hasActive = !simpleCellDisabled && !dragging;
-  var cellClasses = (0, _classNames.classNames)("Cell", platform === _platform.IOS && "Cell--ios", dragging && "Cell--dragging", removable && "Cell--removable", selectable && "Cell--selectable", disabled && "Cell--disabled");
+  var cellClasses = (0, _classNames.classNames)("Cell", platform === _platform.Platform.IOS && "Cell--ios", dragging && "Cell--dragging", removable && "Cell--removable", selectable && "Cell--selectable", disabled && "Cell--disabled");
   var simpleCell = (0, _jsxRuntime.createScopedElement)(_SimpleCell.SimpleCell, (0, _extends2.default)({
     hasActive: hasActive,
     hasHover: hasActive
@@ -147,8 +129,8 @@ var Cell = function Cell(_ref) {
     vkuiClass: "Cell__content",
     disabled: simpleCellDisabled,
     Component: selectable ? "label" : Component,
-    before: (0, _jsxRuntime.createScopedElement)(React.Fragment, null, draggable && platform !== _platform.IOS && dragger, selectable && checkbox, before),
-    after: (0, _jsxRuntime.createScopedElement)(React.Fragment, null, draggable && platform === _platform.IOS && dragger, after)
+    before: (0, _jsxRuntime.createScopedElement)(React.Fragment, null, draggable && platform !== _platform.Platform.IOS && dragger, selectable && checkbox, before),
+    after: (0, _jsxRuntime.createScopedElement)(React.Fragment, null, draggable && platform === _platform.Platform.IOS && dragger, after)
   }));
 
   if (removable) {

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

@@ -1 +1 @@
-{"version":3,"file":"Cell.js","names":["warn","warnOnce","Cell","propsMode","mode","onRemove","noop","removePlaceholder","onDragFinish","before","after","disabled","deprecatedRemovable","removable","draggable","deprecatedSelectable","selectable","Component","onChange","name","value","checked","defaultChecked","getRootRef","draggerLabel","className","style","restProps","process","env","NODE_ENV","platform","usePlatform","rootElRef","useExternRef","useDraggable","dragging","draggableProps","React","useContext","ListContext","toggleDrag","useEffect","undefined","dragger","checkbox","checkboxProps","simpleCellDisabled","hasActive","cellClasses","classNames","IOS","simpleCell","e","current"],"sources":["../../../../src/components/Cell/Cell.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { classNames } from \"../../lib/classNames\";\nimport { noop } from \"../../lib/utils\";\nimport { warnOnce } from \"../../lib/warnOnce\";\nimport { IOS } from \"../../lib/platform\";\nimport { SimpleCell, SimpleCellProps } from \"../SimpleCell/SimpleCell\";\nimport { HasPlatform, HasRootRef } from \"../../types\";\nimport { Removable, RemovableProps } from \"../Removable/Removable\";\nimport { usePlatform } from \"../../hooks/usePlatform\";\nimport { useExternRef } from \"../../hooks/useExternRef\";\nimport { useDraggable } from \"./useDraggable\";\nimport { ListContext } from \"../List/ListContext\";\nimport { CellDragger } from \"./CellDragger/CellDragger\";\nimport { CellCheckbox, CellCheckboxProps } from \"./CellCheckbox/CellCheckbox\";\nimport \"./Cell.css\";\n\nexport interface CellProps\n  extends Omit<SimpleCellProps, \"getRootRef\">,\n    HasPlatform,\n    RemovableProps,\n    HasRootRef<HTMLDivElement> {\n  mode?: \"removable\" | \"selectable\";\n  /**\n   * В режиме перетаскивания ячейка перестает быть кликабельной, то есть при клике переданный onClick вызываться не будет\n   */\n  draggable?: boolean;\n  /**\n   * @deprecated Будет удалено в 5.0.0. Используйте mode=\"removable\"\n   */\n  removable?: boolean;\n  /**\n   * Имя для input в режиме selectable\n   */\n  name?: string;\n  /**\n   * @deprecated Будет удалено в 5.0.0. Используйте mode=\"selectable\"\n   */\n  selectable?: boolean;\n  /**\n   * В режиме selectable реагирует на входящие значения пропса checked, как зависящий напрямую от входящего значения\n   */\n  checked?: boolean;\n  /**\n   * В режиме selectable реагирует на входящие значения пропса defaultChecked как неконтролируемый компонент\n   */\n  defaultChecked?: boolean;\n  /**\n   * Коллбэк срабатывает при завершении перетаскивания.\n   * **Важно:** режим перетаскивания не меняет порядок ячеек в DOM. В коллбэке есть объект с полями `from` и `to`.\n   * Эти числа нужны для того, чтобы разработчик понимал, с какого индекса на какой произошел переход. В песочнице\n   * есть рабочий пример с обработкой этих чисел и перерисовкой списка.\n   */\n  onDragFinish?: ({ from, to }: { from: number; to: number }) => void;\n  /**\n   * aria-label для кнопки перетаскивания ячейки\n   */\n  draggerLabel?: string;\n}\n\nconst warn = warnOnce(\"Cell\");\n\n/**\n * @see https://vkcom.github.io/VKUI/#/Cell\n */\nexport const Cell = ({\n  mode: propsMode, // TODO: убрать переименование в propsMode перед 5.0.0\n  onRemove = noop,\n  removePlaceholder = \"Удалить\",\n  onDragFinish,\n  before,\n  after,\n  disabled,\n  removable: deprecatedRemovable, // TODO: удалить перед 5.0.0\n  draggable,\n  selectable: deprecatedSelectable, // TODO: удалить перед 5.0.0\n  Component,\n  onChange,\n  name,\n  value,\n  checked,\n  defaultChecked,\n  getRootRef,\n  draggerLabel = \"Перенести ячейку\",\n  className,\n  style,\n  ...restProps\n}: CellProps) => {\n  // TODO: удалить перед 5.0.0\n  let mode: CellProps[\"mode\"] = propsMode;\n\n  if (!propsMode && (deprecatedSelectable || deprecatedRemovable)) {\n    mode = deprecatedSelectable ? \"selectable\" : \"removable\";\n\n    if (process.env.NODE_ENV === \"development\") {\n      deprecatedSelectable &&\n        warn(\n          'Свойство selectable устарело и будет удалено в 5.0.0. Используйте mode=\"selectable\".'\n        );\n      deprecatedRemovable &&\n        warn(\n          'Свойство removable устарело и будет удалено в 5.0.0. Используйте mode=\"removable\".'\n        );\n    }\n  }\n  // /end TODO\n\n  const selectable = mode === \"selectable\";\n  const removable = mode === \"removable\";\n\n  const platform = usePlatform();\n\n  const rootElRef = useExternRef(getRootRef);\n\n  const { dragging, ...draggableProps } = useDraggable({\n    rootElRef,\n    onDragFinish,\n  });\n\n  const { toggleDrag } = React.useContext(ListContext);\n  React.useEffect(() => {\n    if (dragging) {\n      toggleDrag(true);\n      return () => toggleDrag(false);\n    }\n    return undefined;\n  }, [dragging, toggleDrag]);\n\n  let dragger;\n  if (draggable) {\n    dragger = (\n      <CellDragger\n        vkuiClass=\"Cell__dragger\"\n        aria-label={draggerLabel}\n        {...draggableProps}\n      />\n    );\n  }\n\n  let checkbox;\n  if (selectable) {\n    const checkboxProps: CellCheckboxProps = {\n      name,\n      value,\n      onChange,\n      defaultChecked,\n      checked,\n      disabled,\n    };\n    checkbox = <CellCheckbox vkuiClass=\"Cell__checkbox\" {...checkboxProps} />;\n  }\n\n  const simpleCellDisabled =\n    (draggable && !selectable) || removable || disabled;\n  const hasActive = !simpleCellDisabled && !dragging;\n\n  const cellClasses = classNames(\n    \"Cell\",\n    platform === IOS && \"Cell--ios\",\n    dragging && \"Cell--dragging\",\n    removable && \"Cell--removable\",\n    selectable && \"Cell--selectable\",\n    disabled && \"Cell--disabled\"\n  );\n\n  const simpleCell = (\n    <SimpleCell\n      hasActive={hasActive}\n      hasHover={hasActive}\n      {...restProps}\n      vkuiClass=\"Cell__content\"\n      disabled={simpleCellDisabled}\n      Component={selectable ? \"label\" : Component}\n      before={\n        <React.Fragment>\n          {draggable && platform !== IOS && dragger}\n          {selectable && checkbox}\n          {before}\n        </React.Fragment>\n      }\n      after={\n        <React.Fragment>\n          {draggable && platform === IOS && dragger}\n          {after}\n        </React.Fragment>\n      }\n    />\n  );\n\n  if (removable) {\n    return (\n      <Removable\n        vkuiClass={cellClasses}\n        className={className}\n        style={style}\n        getRootRef={rootElRef}\n        removePlaceholder={removePlaceholder}\n        onRemove={(e) => onRemove(e, rootElRef.current)}\n      >\n        {simpleCell}\n      </Removable>\n    );\n  }\n\n  return (\n    <div\n      vkuiClass={cellClasses}\n      className={className}\n      style={style}\n      ref={rootElRef}\n    >\n      {simpleCell}\n    </div>\n  );\n};\n"],"mappings":"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"}
+{"version":3,"file":"Cell.js","names":["Cell","mode","onRemove","noop","removePlaceholder","onDragFinish","before","after","disabled","draggable","Component","onChange","name","value","checked","defaultChecked","getRootRef","draggerLabel","className","style","restProps","selectable","removable","platform","usePlatform","rootElRef","useExternRef","useDraggable","dragging","draggableProps","React","useContext","ListContext","toggleDrag","useEffect","undefined","dragger","checkbox","checkboxProps","simpleCellDisabled","hasActive","cellClasses","classNames","Platform","IOS","simpleCell","e","current"],"sources":["../../../../src/components/Cell/Cell.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { classNames } from \"../../lib/classNames\";\nimport { noop } from \"../../lib/utils\";\nimport { Platform } from \"../../lib/platform\";\nimport { SimpleCell, SimpleCellProps } from \"../SimpleCell/SimpleCell\";\nimport { HasPlatform, HasRootRef } from \"../../types\";\nimport { Removable, RemovableProps } from \"../Removable/Removable\";\nimport { usePlatform } from \"../../hooks/usePlatform\";\nimport { useExternRef } from \"../../hooks/useExternRef\";\nimport { useDraggable } from \"./useDraggable\";\nimport { ListContext } from \"../List/ListContext\";\nimport { CellDragger } from \"./CellDragger/CellDragger\";\nimport { CellCheckbox, CellCheckboxProps } from \"./CellCheckbox/CellCheckbox\";\nimport \"./Cell.css\";\n\nexport interface CellProps\n  extends Omit<SimpleCellProps, \"getRootRef\">,\n    HasPlatform,\n    RemovableProps,\n    HasRootRef<HTMLDivElement> {\n  mode?: \"removable\" | \"selectable\";\n  /**\n   * В режиме перетаскивания ячейка перестает быть кликабельной, то есть при клике переданный onClick вызываться не будет\n   */\n  draggable?: boolean;\n  /**\n   * Имя для input в режиме selectable\n   */\n  name?: string;\n  /**\n   * В режиме selectable реагирует на входящие значения пропса cheсked, как зависящий напрямую от входящего значения\n   */\n  checked?: boolean;\n  /**\n   * В режиме selectable реагирует на входящие значения пропса defaultChecked как неконтролируемый компонент\n   */\n  defaultChecked?: boolean;\n  /**\n   * Коллбэк срабатывает при завершении перетаскивания.\n   * **Важно:** режим перетаскивания не меняет порядок ячеек в DOM. В коллбэке есть объект с полями `from` и `to`.\n   * Эти числа нужны для того, чтобы разработчик понимал, с какого индекса на какой произошел переход. В песочнице\n   * есть рабочий пример с обработкой этих чисел и перерисовкой списка.\n   */\n  onDragFinish?: ({ from, to }: { from: number; to: number }) => void;\n  /**\n   * aria-label для кнопки перетаскивания ячейки\n   */\n  draggerLabel?: string;\n}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/Cell\n */\nexport const Cell = ({\n  mode,\n  onRemove = noop,\n  removePlaceholder = \"Удалить\",\n  onDragFinish,\n  before,\n  after,\n  disabled,\n  draggable,\n  Component,\n  onChange,\n  name,\n  value,\n  checked,\n  defaultChecked,\n  getRootRef,\n  draggerLabel = \"Перенести ячейку\",\n  className,\n  style,\n  ...restProps\n}: CellProps) => {\n  const selectable = mode === \"selectable\";\n  const removable = mode === \"removable\";\n\n  const platform = usePlatform();\n\n  const rootElRef = useExternRef(getRootRef);\n\n  const { dragging, ...draggableProps } = useDraggable({\n    rootElRef,\n    onDragFinish,\n  });\n\n  const { toggleDrag } = React.useContext(ListContext);\n  React.useEffect(() => {\n    if (dragging) {\n      toggleDrag(true);\n      return () => toggleDrag(false);\n    }\n    return undefined;\n  }, [dragging, toggleDrag]);\n\n  let dragger;\n  if (draggable) {\n    dragger = (\n      <CellDragger\n        vkuiClass=\"Cell__dragger\"\n        aria-label={draggerLabel}\n        {...draggableProps}\n      />\n    );\n  }\n\n  let checkbox;\n  if (selectable) {\n    const checkboxProps: CellCheckboxProps = {\n      name,\n      value,\n      onChange,\n      defaultChecked,\n      checked,\n      disabled,\n    };\n    checkbox = <CellCheckbox vkuiClass=\"Cell__checkbox\" {...checkboxProps} />;\n  }\n\n  const simpleCellDisabled =\n    (draggable && !selectable) || removable || disabled;\n  const hasActive = !simpleCellDisabled && !dragging;\n\n  const cellClasses = classNames(\n    \"Cell\",\n    platform === Platform.IOS && \"Cell--ios\",\n    dragging && \"Cell--dragging\",\n    removable && \"Cell--removable\",\n    selectable && \"Cell--selectable\",\n    disabled && \"Cell--disabled\"\n  );\n\n  const simpleCell = (\n    <SimpleCell\n      hasActive={hasActive}\n      hasHover={hasActive}\n      {...restProps}\n      vkuiClass=\"Cell__content\"\n      disabled={simpleCellDisabled}\n      Component={selectable ? \"label\" : Component}\n      before={\n        <React.Fragment>\n          {draggable && platform !== Platform.IOS && dragger}\n          {selectable && checkbox}\n          {before}\n        </React.Fragment>\n      }\n      after={\n        <React.Fragment>\n          {draggable && platform === Platform.IOS && dragger}\n          {after}\n        </React.Fragment>\n      }\n    />\n  );\n\n  if (removable) {\n    return (\n      <Removable\n        vkuiClass={cellClasses}\n        className={className}\n        style={style}\n        getRootRef={rootElRef}\n        removePlaceholder={removePlaceholder}\n        onRemove={(e) => onRemove(e, rootElRef.current)}\n      >\n        {simpleCell}\n      </Removable>\n    );\n  }\n\n  return (\n    <div\n      vkuiClass={cellClasses}\n      className={className}\n      style={style}\n      ref={rootElRef}\n    >\n      {simpleCell}\n    </div>\n  );\n};\n"],"mappings":"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"}

package/dist/cjs/components/Cell/CellCheckbox/CellCheckbox.js

@@ -30,8 +30,8 @@ var CellCheckbox = function CellCheckbox(_ref) {
       style = _ref.style,
       restProps = (0, _objectWithoutProperties2.default)(_ref, _excluded);
   var platform = (0, _usePlatform.usePlatform)();
-  var IconOff = platform === _platform.ANDROID ? _icons.Icon24CheckBoxOff : _icons.Icon24CheckCircleOff;
-  var IconOn = platform === _platform.ANDROID ? _icons.Icon24CheckBoxOn : _icons.Icon24CheckCircleOn;
+  var IconOff = platform === _platform.Platform.IOS || platform === _platform.Platform.VKCOM ? _icons.Icon24CheckCircleOff : _icons.Icon24CheckBoxOff;
+  var IconOn = platform === _platform.Platform.IOS || platform === _platform.Platform.VKCOM ? _icons.Icon24CheckCircleOn : _icons.Icon24CheckBoxOn;
   return (0, _jsxRuntime.createScopedElement)("div", {
     vkuiClass: (0, _classNames.classNames)((0, _getClassName.getClassName)("CellCheckbox", platform)),
     className: className,

package/dist/cjs/components/Cell/CellCheckbox/CellCheckbox.js.map

@@ -1 +1 @@
-{"version":3,"file":"CellCheckbox.js","names":["CellCheckbox","className","style","restProps","platform","usePlatform","IconOff","ANDROID","Icon24CheckBoxOff","Icon24CheckCircleOff","IconOn","Icon24CheckBoxOn","Icon24CheckCircleOn","classNames","getClassName"],"sources":["../../../../../src/components/Cell/CellCheckbox/CellCheckbox.tsx"],"sourcesContent":["import * as React from \"react\";\nimport {\n  Icon24CheckBoxOff,\n  Icon24CheckBoxOn,\n  Icon24CheckCircleOff,\n  Icon24CheckCircleOn,\n} from \"@vkontakte/icons\";\nimport { getClassName } from \"../../../helpers/getClassName\";\nimport { usePlatform } from \"../../../hooks/usePlatform\";\nimport { classNames } from \"../../../lib/classNames\";\nimport { ANDROID } from \"../../../lib/platform\";\nimport { CellProps } from \"../Cell\";\nimport \"./CellCheckbox.css\";\n\nexport type CellCheckboxProps = Pick<CellProps, \"defaultChecked\" | \"checked\"> &\n  React.InputHTMLAttributes<HTMLInputElement>;\n\nexport const CellCheckbox = ({\n  className,\n  style,\n  ...restProps\n}: CellCheckboxProps) => {\n  const platform = usePlatform();\n\n  const IconOff =\n    platform === ANDROID ? Icon24CheckBoxOff : Icon24CheckCircleOff;\n\n  const IconOn = platform === ANDROID ? Icon24CheckBoxOn : Icon24CheckCircleOn;\n\n  return (\n    <div\n      vkuiClass={classNames(getClassName(\"CellCheckbox\", platform))}\n      className={className}\n      style={style}\n    >\n      <input vkuiClass=\"CellCheckbox__input\" type=\"checkbox\" {...restProps} />\n      <IconOff vkuiClass=\"CellCheckbox__icon CellCheckbox__icon--off\" />\n      <IconOn vkuiClass=\"CellCheckbox__icon CellCheckbox__icon--on\" />\n    </div>\n  );\n};\n"],"mappings":";;;;;;;;;;;;;;;AACA;;AAMA;;AACA;;AACA;;AACA;;;;AAOO,IAAMA,YAAY,GAAG,SAAfA,YAAe,OAIH;EAAA,IAHvBC,SAGuB,QAHvBA,SAGuB;EAAA,IAFvBC,KAEuB,QAFvBA,KAEuB;EAAA,IADpBC,SACoB;EACvB,IAAMC,QAAQ,GAAG,IAAAC,wBAAA,GAAjB;EAEA,IAAMC,OAAO,GACXF,QAAQ,KAAKG,iBAAb,GAAuBC,wBAAvB,GAA2CC,2BAD7C;EAGA,IAAMC,MAAM,GAAGN,QAAQ,KAAKG,iBAAb,GAAuBI,uBAAvB,GAA0CC,0BAAzD;EAEA,OACE;IACE,SAAS,EAAE,IAAAC,sBAAA,EAAW,IAAAC,0BAAA,EAAa,cAAb,EAA6BV,QAA7B,CAAX,CADb;IAEE,SAAS,EAAEH,SAFb;IAGE,KAAK,EAAEC;EAHT,GAKE;IAAO,SAAS,EAAC,qBAAjB;IAAuC,IAAI,EAAC;EAA5C,GAA2DC,SAA3D,EALF,EAME,qCAAC,OAAD;IAAS,SAAS,EAAC;EAAnB,EANF,EAOE,qCAAC,MAAD;IAAQ,SAAS,EAAC;EAAlB,EAPF,CADF;AAWD,CAvBM"}
+{"version":3,"file":"CellCheckbox.js","names":["CellCheckbox","className","style","restProps","platform","usePlatform","IconOff","Platform","IOS","VKCOM","Icon24CheckCircleOff","Icon24CheckBoxOff","IconOn","Icon24CheckCircleOn","Icon24CheckBoxOn","classNames","getClassName"],"sources":["../../../../../src/components/Cell/CellCheckbox/CellCheckbox.tsx"],"sourcesContent":["import * as React from \"react\";\nimport {\n  Icon24CheckBoxOff,\n  Icon24CheckBoxOn,\n  Icon24CheckCircleOff,\n  Icon24CheckCircleOn,\n} from \"@vkontakte/icons\";\nimport { getClassName } from \"../../../helpers/getClassName\";\nimport { usePlatform } from \"../../../hooks/usePlatform\";\nimport { classNames } from \"../../../lib/classNames\";\nimport { Platform } from \"../../../lib/platform\";\nimport { CellProps } from \"../Cell\";\nimport \"./CellCheckbox.css\";\n\nexport type CellCheckboxProps = Pick<CellProps, \"defaultChecked\" | \"checked\"> &\n  React.InputHTMLAttributes<HTMLInputElement>;\n\nexport const CellCheckbox = ({\n  className,\n  style,\n  ...restProps\n}: CellCheckboxProps) => {\n  const platform = usePlatform();\n\n  const IconOff =\n    platform === Platform.IOS || platform === Platform.VKCOM\n      ? Icon24CheckCircleOff\n      : Icon24CheckBoxOff;\n\n  const IconOn =\n    platform === Platform.IOS || platform === Platform.VKCOM\n      ? Icon24CheckCircleOn\n      : Icon24CheckBoxOn;\n\n  return (\n    <div\n      vkuiClass={classNames(getClassName(\"CellCheckbox\", platform))}\n      className={className}\n      style={style}\n    >\n      <input vkuiClass=\"CellCheckbox__input\" type=\"checkbox\" {...restProps} />\n      <IconOff vkuiClass=\"CellCheckbox__icon CellCheckbox__icon--off\" />\n      <IconOn vkuiClass=\"CellCheckbox__icon CellCheckbox__icon--on\" />\n    </div>\n  );\n};\n"],"mappings":";;;;;;;;;;;;;;;AACA;;AAMA;;AACA;;AACA;;AACA;;;;AAOO,IAAMA,YAAY,GAAG,SAAfA,YAAe,OAIH;EAAA,IAHvBC,SAGuB,QAHvBA,SAGuB;EAAA,IAFvBC,KAEuB,QAFvBA,KAEuB;EAAA,IADpBC,SACoB;EACvB,IAAMC,QAAQ,GAAG,IAAAC,wBAAA,GAAjB;EAEA,IAAMC,OAAO,GACXF,QAAQ,KAAKG,kBAAA,CAASC,GAAtB,IAA6BJ,QAAQ,KAAKG,kBAAA,CAASE,KAAnD,GACIC,2BADJ,GAEIC,wBAHN;EAKA,IAAMC,MAAM,GACVR,QAAQ,KAAKG,kBAAA,CAASC,GAAtB,IAA6BJ,QAAQ,KAAKG,kBAAA,CAASE,KAAnD,GACII,0BADJ,GAEIC,uBAHN;EAKA,OACE;IACE,SAAS,EAAE,IAAAC,sBAAA,EAAW,IAAAC,0BAAA,EAAa,cAAb,EAA6BZ,QAA7B,CAAX,CADb;IAEE,SAAS,EAAEH,SAFb;IAGE,KAAK,EAAEC;EAHT,GAKE;IAAO,SAAS,EAAC,qBAAjB;IAAuC,IAAI,EAAC;EAA5C,GAA2DC,SAA3D,EALF,EAME,qCAAC,OAAD;IAAS,SAAS,EAAC;EAAnB,EANF,EAOE,qCAAC,MAAD;IAAQ,SAAS,EAAC;EAAlB,EAPF,CADF;AAWD,CA5BM"}

package/dist/cjs/components/Cell/CellDragger/CellDragger.js

@@ -46,7 +46,7 @@ var CellDragger = function CellDragger(_ref) {
     onMoveY: onDragMove,
     onEnd: onDragEnd,
     onClick: onClick
-  }, restProps), platform === _platform.IOS ? (0, _jsxRuntime.createScopedElement)(_icons.Icon24ReorderIos, null) : (0, _jsxRuntime.createScopedElement)(_icons.Icon24Reorder, null));
+  }, restProps), platform === _platform.Platform.IOS ? (0, _jsxRuntime.createScopedElement)(_icons.Icon24ReorderIos, null) : (0, _jsxRuntime.createScopedElement)(_icons.Icon24Reorder, null));
 };
 
 exports.CellDragger = CellDragger;

package/dist/cjs/components/Cell/CellDragger/CellDragger.js.map

@@ -1 +1 @@
-{"version":3,"file":"CellDragger.js","names":["CellDragger","onDragStart","onDragMove","onDragEnd","restProps","platform","usePlatform","onClick","React","useCallback","e","preventDefault","classNames","getClassName","IOS"],"sources":["../../../../../src/components/Cell/CellDragger/CellDragger.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { Icon24Reorder, Icon24ReorderIos } from \"@vkontakte/icons\";\nimport { getClassName } from \"../../../helpers/getClassName\";\nimport { usePlatform } from \"../../../hooks/usePlatform\";\nimport { classNames } from \"../../../lib/classNames\";\nimport { IOS } from \"../../../lib/platform\";\nimport { Touch } from \"../../Touch/Touch\";\nimport { DraggableProps } from \"../useDraggable\";\nimport \"./CellDragger.css\";\n\ntype CellDraggerProps = DraggableProps & React.HTMLAttributes<HTMLElement>;\n\nexport const CellDragger = ({\n  onDragStart,\n  onDragMove,\n  onDragEnd,\n  ...restProps\n}: CellDraggerProps) => {\n  const platform = usePlatform();\n\n  const onClick = React.useCallback((e: React.MouseEvent) => {\n    e.preventDefault();\n  }, []);\n\n  return (\n    <Touch\n      vkuiClass={classNames(getClassName(\"CellDragger\", platform))}\n      onStart={onDragStart}\n      onMoveY={onDragMove}\n      onEnd={onDragEnd}\n      onClick={onClick}\n      {...restProps}\n    >\n      {platform === IOS ? <Icon24ReorderIos /> : <Icon24Reorder />}\n    </Touch>\n  );\n};\n"],"mappings":";;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;AAMO,IAAMA,WAAW,GAAG,SAAdA,WAAc,OAKH;EAAA,IAJtBC,WAIsB,QAJtBA,WAIsB;EAAA,IAHtBC,UAGsB,QAHtBA,UAGsB;EAAA,IAFtBC,SAEsB,QAFtBA,SAEsB;EAAA,IADnBC,SACmB;EACtB,IAAMC,QAAQ,GAAG,IAAAC,wBAAA,GAAjB;EAEA,IAAMC,OAAO,GAAGC,KAAK,CAACC,WAAN,CAAkB,UAACC,CAAD,EAAyB;IACzDA,CAAC,CAACC,cAAF;EACD,CAFe,EAEb,EAFa,CAAhB;EAIA,OACE,qCAAC,YAAD;IACE,SAAS,EAAE,IAAAC,sBAAA,EAAW,IAAAC,0BAAA,EAAa,aAAb,EAA4BR,QAA5B,CAAX,CADb;IAEE,OAAO,EAAEJ,WAFX;IAGE,OAAO,EAAEC,UAHX;IAIE,KAAK,EAAEC,SAJT;IAKE,OAAO,EAAEI;EALX,GAMMH,SANN,GAQGC,QAAQ,KAAKS,aAAb,GAAmB,qCAAC,uBAAD,OAAnB,GAA0C,qCAAC,oBAAD,OAR7C,CADF;AAYD,CAxBM"}
+{"version":3,"file":"CellDragger.js","names":["CellDragger","onDragStart","onDragMove","onDragEnd","restProps","platform","usePlatform","onClick","React","useCallback","e","preventDefault","classNames","getClassName","Platform","IOS"],"sources":["../../../../../src/components/Cell/CellDragger/CellDragger.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { Icon24Reorder, Icon24ReorderIos } from \"@vkontakte/icons\";\nimport { getClassName } from \"../../../helpers/getClassName\";\nimport { usePlatform } from \"../../../hooks/usePlatform\";\nimport { classNames } from \"../../../lib/classNames\";\nimport { Platform } from \"../../../lib/platform\";\nimport { Touch } from \"../../Touch/Touch\";\nimport { DraggableProps } from \"../useDraggable\";\nimport \"./CellDragger.css\";\n\ntype CellDraggerProps = DraggableProps & React.HTMLAttributes<HTMLElement>;\n\nexport const CellDragger = ({\n  onDragStart,\n  onDragMove,\n  onDragEnd,\n  ...restProps\n}: CellDraggerProps) => {\n  const platform = usePlatform();\n\n  const onClick = React.useCallback((e: React.MouseEvent) => {\n    e.preventDefault();\n  }, []);\n\n  return (\n    <Touch\n      vkuiClass={classNames(getClassName(\"CellDragger\", platform))}\n      onStart={onDragStart}\n      onMoveY={onDragMove}\n      onEnd={onDragEnd}\n      onClick={onClick}\n      {...restProps}\n    >\n      {platform === Platform.IOS ? <Icon24ReorderIos /> : <Icon24Reorder />}\n    </Touch>\n  );\n};\n"],"mappings":";;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;AAMO,IAAMA,WAAW,GAAG,SAAdA,WAAc,OAKH;EAAA,IAJtBC,WAIsB,QAJtBA,WAIsB;EAAA,IAHtBC,UAGsB,QAHtBA,UAGsB;EAAA,IAFtBC,SAEsB,QAFtBA,SAEsB;EAAA,IADnBC,SACmB;EACtB,IAAMC,QAAQ,GAAG,IAAAC,wBAAA,GAAjB;EAEA,IAAMC,OAAO,GAAGC,KAAK,CAACC,WAAN,CAAkB,UAACC,CAAD,EAAyB;IACzDA,CAAC,CAACC,cAAF;EACD,CAFe,EAEb,EAFa,CAAhB;EAIA,OACE,qCAAC,YAAD;IACE,SAAS,EAAE,IAAAC,sBAAA,EAAW,IAAAC,0BAAA,EAAa,aAAb,EAA4BR,QAA5B,CAAX,CADb;IAEE,OAAO,EAAEJ,WAFX;IAGE,OAAO,EAAEC,UAHX;IAIE,KAAK,EAAEC,SAJT;IAKE,OAAO,EAAEI;EALX,GAMMH,SANN,GAQGC,QAAQ,KAAKS,kBAAA,CAASC,GAAtB,GAA4B,qCAAC,uBAAD,OAA5B,GAAmD,qCAAC,oBAAD,OARtD,CADF;AAYD,CAxBM"}

package/dist/cjs/components/CellButton/CellButton.js

@@ -31,7 +31,7 @@ var CellButton = function CellButton(_ref) {
   return (0, _jsxRuntime.createScopedElement)(_SimpleCell.SimpleCell, (0, _extends2.default)({
     stopPropagation: true
   }, restProps, {
-    vkuiClass: (0, _classNames.classNames)("CellButton", "CellButton--".concat(mode), centered && "CellButton--centered")
+    vkuiClass: (0, _classNames.classNames)("CellButton", "CellButton--mode-".concat(mode), centered && "CellButton--centered")
   }));
 };
 

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

@@ -1 +1 @@
-{"version":3,"file":"CellButton.js","names":["CellButton","centered","mode","restProps","classNames"],"sources":["../../../../src/components/CellButton/CellButton.tsx"],"sourcesContent":["import { classNames } from \"../../lib/classNames\";\nimport { SimpleCell, SimpleCellProps } from \"../SimpleCell/SimpleCell\";\nimport \"./CellButton.css\";\n\nexport interface CellButtonProps extends SimpleCellProps {\n  mode?: \"primary\" | \"danger\";\n  centered?: boolean;\n}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/CellButton\n */\nexport const CellButton = ({\n  centered = false,\n  mode = \"primary\",\n  ...restProps\n}: CellButtonProps) => {\n  return (\n    <SimpleCell\n      stopPropagation={true}\n      {...restProps}\n      vkuiClass={classNames(\n        \"CellButton\",\n        `CellButton--${mode}`,\n        centered && \"CellButton--centered\"\n      )}\n    />\n  );\n};\n"],"mappings":";;;;;;;;;;;;;;;AAAA;;AACA;;;;AAQA;AACA;AACA;AACO,IAAMA,UAAU,GAAG,SAAbA,UAAa,OAIH;EAAA,yBAHrBC,QAGqB;EAAA,IAHrBA,QAGqB,8BAHV,KAGU;EAAA,qBAFrBC,IAEqB;EAAA,IAFrBA,IAEqB,0BAFd,SAEc;EAAA,IADlBC,SACkB;EACrB,OACE,qCAAC,sBAAD;IACE,eAAe,EAAE;EADnB,GAEMA,SAFN;IAGE,SAAS,EAAE,IAAAC,sBAAA,EACT,YADS,wBAEMF,IAFN,GAGTD,QAAQ,IAAI,sBAHH;EAHb,GADF;AAWD,CAhBM"}
+{"version":3,"file":"CellButton.js","names":["CellButton","centered","mode","restProps","classNames"],"sources":["../../../../src/components/CellButton/CellButton.tsx"],"sourcesContent":["import { classNames } from \"../../lib/classNames\";\nimport { SimpleCell, SimpleCellProps } from \"../SimpleCell/SimpleCell\";\nimport \"./CellButton.css\";\n\nexport interface CellButtonProps extends SimpleCellProps {\n  mode?: \"primary\" | \"danger\";\n  centered?: boolean;\n}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/CellButton\n */\nexport const CellButton = ({\n  centered = false,\n  mode = \"primary\",\n  ...restProps\n}: CellButtonProps) => {\n  return (\n    <SimpleCell\n      stopPropagation={true}\n      {...restProps}\n      vkuiClass={classNames(\n        \"CellButton\",\n        `CellButton--mode-${mode}`,\n        centered && \"CellButton--centered\"\n      )}\n    />\n  );\n};\n"],"mappings":";;;;;;;;;;;;;;;AAAA;;AACA;;;;AAQA;AACA;AACA;AACO,IAAMA,UAAU,GAAG,SAAbA,UAAa,OAIH;EAAA,yBAHrBC,QAGqB;EAAA,IAHrBA,QAGqB,8BAHV,KAGU;EAAA,qBAFrBC,IAEqB;EAAA,IAFrBA,IAEqB,0BAFd,SAEc;EAAA,IADlBC,SACkB;EACrB,OACE,qCAAC,sBAAD;IACE,eAAe,EAAE;EADnB,GAEMA,SAFN;IAGE,SAAS,EAAE,IAAAC,sBAAA,EACT,YADS,6BAEWF,IAFX,GAGTD,QAAQ,IAAI,sBAHH;EAHb,GADF;AAWD,CAhBM"}

package/dist/cjs/components/Checkbox/Checkbox.js

@@ -27,21 +27,23 @@ var _icons = require("@vkontakte/icons");
 
 var _usePlatform = require("../../hooks/usePlatform");
 
-var _withAdaptivity = require("../../hoc/withAdaptivity");
+var _utils = require("../../lib/utils");
 
-var _Text = require("../Typography/Text/Text");
+var _Footnote = require("../Typography/Footnote/Footnote");
 
-var _utils = require("../../lib/utils");
+var _getSizeYClassName = require("../../helpers/getSizeYClassName");
 
-var _Caption = require("../Typography/Caption/Caption");
+var _useAdaptivity2 = require("../../hooks/useAdaptivity");
 
 var _useExternRef = require("../../hooks/useExternRef");
 
+var _SizeYConditionalRender = require("../SizeYConditionalRender/SizeYConditionalRender");
+
 var _VisuallyHiddenInput = require("../VisuallyHiddenInput/VisuallyHiddenInput");
 
 var _warnOnce = require("../../lib/warnOnce");
 
-var _excluded = ["children", "className", "style", "getRootRef", "getRef", "description", "indeterminate", "defaultIndeterminate", "sizeY", "onChange"];
+var _excluded = ["children", "className", "style", "getRootRef", "getRef", "description", "indeterminate", "defaultIndeterminate", "onChange"];
 var warn = (0, _warnOnce.warnOnce)("Checkbox");
 /**
  * @see https://vkcom.github.io/VKUI/#/Checkbox
@@ -56,11 +58,14 @@ var Checkbox = function Checkbox(_ref) {
       description = _ref.description,
       indeterminate = _ref.indeterminate,
       defaultIndeterminate = _ref.defaultIndeterminate,
-      sizeY = _ref.sizeY,
       onChange = _ref.onChange,
       restProps = (0, _objectWithoutProperties2.default)(_ref, _excluded);
   var inputRef = (0, _useExternRef.useExternRef)(getRef);
   var platform = (0, _usePlatform.usePlatform)();
+
+  var _useAdaptivity = (0, _useAdaptivity2.useAdaptivity)(),
+      sizeY = _useAdaptivity.sizeY;
+
   React.useEffect(function () {
     var indeterminateValue = indeterminate === undefined ? defaultIndeterminate : indeterminate;
 
@@ -96,11 +101,11 @@ var Checkbox = function Checkbox(_ref) {
 
   return (0, _jsxRuntime.createScopedElement)(_Tappable.Tappable, {
     Component: "label",
-    vkuiClass: (0, _classNames.classNames)("Checkbox", "Checkbox--sizeY-".concat(sizeY), !((0, _utils.hasReactNode)(children) || (0, _utils.hasReactNode)(description)) && "Checkbox--simple"),
+    vkuiClass: (0, _classNames.classNames)("Checkbox", platform === _platform.Platform.VKCOM && "Checkbox--vkcom", (0, _getSizeYClassName.getSizeYClassName)("Checkbox", sizeY), !((0, _utils.hasReactNode)(children) || (0, _utils.hasReactNode)(description)) && "Checkbox--simple"),
     className: className,
     style: style,
     disabled: restProps.disabled,
-    activeEffectDelay: platform === _platform.IOS ? 100 : _Tappable.ACTIVE_EFFECT_DELAY,
+    activeEffectDelay: platform === _platform.Platform.IOS ? 100 : _Tappable.ACTIVE_EFFECT_DELAY,
     getRootRef: getRootRef
   }, (0, _jsxRuntime.createScopedElement)(_VisuallyHiddenInput.VisuallyHiddenInput, (0, _extends2.default)({}, restProps, {
     onChange: handleChange,
@@ -109,38 +114,54 @@ var Checkbox = function Checkbox(_ref) {
     getRef: inputRef
   })), (0, _jsxRuntime.createScopedElement)("div", {
     vkuiClass: "Checkbox__icon Checkbox__icon--on"
-  }, sizeY === _withAdaptivity.SizeType.COMPACT || platform === _platform.VKCOM ? (0, _jsxRuntime.createScopedElement)(_icons.Icon20CheckBoxOn, {
-    "aria-hidden": true
-  }) : (0, _jsxRuntime.createScopedElement)(_icons.Icon24CheckBoxOn, {
+  }, platform === _platform.Platform.VKCOM ? (0, _jsxRuntime.createScopedElement)(_icons.Icon20CheckBoxOn, {
     "aria-hidden": true
+  }) : (0, _jsxRuntime.createScopedElement)(_SizeYConditionalRender.SizeYConditionalRender, {
+    compact: (0, _jsxRuntime.createScopedElement)(_icons.Icon20CheckBoxOn, {
+      "aria-hidden": true
+    }),
+    regular: (0, _jsxRuntime.createScopedElement)(_icons.Icon24CheckBoxOn, {
+      "aria-hidden": true
+    })
   })), (0, _jsxRuntime.createScopedElement)("div", {
     vkuiClass: "Checkbox__icon Checkbox__icon--off"
-  }, sizeY === _withAdaptivity.SizeType.COMPACT || platform === _platform.VKCOM ? (0, _jsxRuntime.createScopedElement)(_icons.Icon20CheckBoxOff, {
-    "aria-hidden": true
-  }) : (0, _jsxRuntime.createScopedElement)(_icons.Icon24CheckBoxOff, {
+  }, platform === _platform.Platform.VKCOM ? (0, _jsxRuntime.createScopedElement)(_icons.Icon20CheckBoxOff, {
     "aria-hidden": true
+  }) : (0, _jsxRuntime.createScopedElement)(_SizeYConditionalRender.SizeYConditionalRender, {
+    compact: (0, _jsxRuntime.createScopedElement)(_icons.Icon20CheckBoxOff, {
+      "aria-hidden": true
+    }),
+    regular: (0, _jsxRuntime.createScopedElement)(_icons.Icon24CheckBoxOff, {
+      "aria-hidden": true
+    })
   })), (0, _jsxRuntime.createScopedElement)("div", {
     vkuiClass: "Checkbox__icon Checkbox__icon--indeterminate"
-  }, (0, _jsxRuntime.createScopedElement)(_icons.Icon20CheckBoxIndetermanate, {
+  }, platform === _platform.Platform.VKCOM ? (0, _jsxRuntime.createScopedElement)(_icons.Icon20CheckBoxIndetermanate, {
     "aria-hidden": true,
-    width: sizeY === _withAdaptivity.SizeType.COMPACT || platform === _platform.VKCOM ? 20 : 24,
-    height: sizeY === _withAdaptivity.SizeType.COMPACT || platform === _platform.VKCOM ? 20 : 24
-  })), (0, _jsxRuntime.createScopedElement)(_Text.Text, {
-    vkuiClass: "Checkbox__content",
-    Component: "div"
+    width: 20,
+    height: 20
+  }) : (0, _jsxRuntime.createScopedElement)(_SizeYConditionalRender.SizeYConditionalRender, {
+    compact: (0, _jsxRuntime.createScopedElement)(_icons.Icon20CheckBoxIndetermanate, {
+      "aria-hidden": true,
+      width: 20,
+      height: 20
+    }),
+    regular: (0, _jsxRuntime.createScopedElement)(_icons.Icon20CheckBoxIndetermanate, {
+      "aria-hidden": true,
+      width: 24,
+      height: 24
+    })
+  })), (0, _jsxRuntime.createScopedElement)("div", {
+    vkuiClass: "Checkbox__content"
   }, (0, _jsxRuntime.createScopedElement)("div", {
     vkuiClass: "Checkbox__children"
-  }, children), (0, _utils.hasReactNode)(description) && (0, _jsxRuntime.createScopedElement)(_Caption.Caption, {
+  }, children), (0, _utils.hasReactNode)(description) && (0, _jsxRuntime.createScopedElement)(_Footnote.Footnote, {
     vkuiClass: "Checkbox__description"
   }, description)));
 }; // eslint-disable-next-line import/no-default-export
 
 
 exports.Checkbox = Checkbox;
-
-var _default = (0, _withAdaptivity.withAdaptivity)(Checkbox, {
-  sizeY: true
-});
-
+var _default = Checkbox;
 exports.default = _default;
 //# sourceMappingURL=Checkbox.js.map