@vkontakte/vkui 5.0.0 → 5.0.2

package/dist/cjs/components/Radio/Radio.js

@@ -1,97 +1,78 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.Radio = void 0;
-
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
-var _jsxRuntime = require("../../lib/jsxRuntime");
-
+var React = _interopRequireWildcard(require("react"));
 var _Tappable = require("../Tappable/Tappable");
-
 var _classNames = require("../../lib/classNames");
-
 var _platform = require("../../lib/platform");
-
 var _usePlatform = require("../../hooks/usePlatform");
-
 var _utils = require("../../lib/utils");
-
 var _VisuallyHiddenInput = require("../VisuallyHiddenInput/VisuallyHiddenInput");
-
 var _Footnote = require("../Typography/Footnote/Footnote");
-
 var _getSizeYClassName = require("../../helpers/getSizeYClassName");
-
 var _useAdaptivity2 = require("../../hooks/useAdaptivity");
-
 var _excluded = ["children", "description", "style", "className", "getRootRef"];
-
 var RadioIcon = function RadioIcon(props) {
-  return (0, _jsxRuntime.createScopedElement)("svg", (0, _extends2.default)({
+  return /*#__PURE__*/React.createElement("svg", (0, _extends2.default)({
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 24 24",
     "aria-hidden": true
-  }, props), (0, _jsxRuntime.createScopedElement)("circle", {
+  }, props), /*#__PURE__*/React.createElement("circle", {
     cx: "12",
     cy: "12",
     r: "11",
     stroke: "currentColor",
     strokeWidth: "2",
     fill: "none"
-  }), (0, _jsxRuntime.createScopedElement)("circle", {
+  }), /*#__PURE__*/React.createElement("circle", {
     cx: "12",
     cy: "12",
     r: "7.5",
-    vkuiClass: "Radio__pin",
+    className: "vkuiRadio__pin",
     fill: "currentColor"
   }));
 };
-
 /**
  * @see https://vkcom.github.io/VKUI/#/Radio
  */
 var Radio = function Radio(_ref) {
   var children = _ref.children,
-      description = _ref.description,
-      style = _ref.style,
-      className = _ref.className,
-      getRootRef = _ref.getRootRef,
-      restProps = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+    description = _ref.description,
+    style = _ref.style,
+    className = _ref.className,
+    getRootRef = _ref.getRootRef,
+    restProps = (0, _objectWithoutProperties2.default)(_ref, _excluded);
   var platform = (0, _usePlatform.usePlatform)();
-
   var _useAdaptivity = (0, _useAdaptivity2.useAdaptivity)(),
-      sizeY = _useAdaptivity.sizeY;
-
-  return (0, _jsxRuntime.createScopedElement)(_Tappable.Tappable, {
+    sizeY = _useAdaptivity.sizeY;
+  return /*#__PURE__*/React.createElement(_Tappable.Tappable, {
     Component: "label",
     style: style,
-    className: className,
-    vkuiClass: (0, _classNames.classNames)("Radio", (0, _getSizeYClassName.getSizeYClassName)("Radio", sizeY)),
+    className: (0, _classNames.classNamesString)("vkuiRadio", (0, _getSizeYClassName.getSizeYClassName)("vkuiRadio", sizeY), className),
     activeEffectDelay: platform === _platform.Platform.IOS ? 100 : _Tappable.ACTIVE_EFFECT_DELAY,
     disabled: restProps.disabled,
     getRootRef: getRootRef
-  }, (0, _jsxRuntime.createScopedElement)(_VisuallyHiddenInput.VisuallyHiddenInput, (0, _extends2.default)({}, restProps, {
-    vkuiClass: "Radio__input",
+  }, /*#__PURE__*/React.createElement(_VisuallyHiddenInput.VisuallyHiddenInput, (0, _extends2.default)({}, restProps, {
+    className: "vkuiRadio__input",
     type: "radio"
-  })), (0, _jsxRuntime.createScopedElement)("div", {
-    vkuiClass: "Radio__container"
-  }, (0, _jsxRuntime.createScopedElement)(RadioIcon, {
-    vkuiClass: "Radio__icon"
-  }), (0, _jsxRuntime.createScopedElement)("div", {
-    vkuiClass: "Radio__content"
-  }, (0, _jsxRuntime.createScopedElement)("div", {
-    vkuiClass: "Radio__children"
-  }, children), (0, _utils.hasReactNode)(description) && (0, _jsxRuntime.createScopedElement)(_Footnote.Footnote, {
-    vkuiClass: "Radio__description"
+  })), /*#__PURE__*/React.createElement("div", {
+    className: "vkuiRadio__container"
+  }, /*#__PURE__*/React.createElement(RadioIcon, {
+    className: "vkuiRadio__icon"
+  }), /*#__PURE__*/React.createElement("div", {
+    className: "vkuiRadio__content"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "vkuiRadio__children"
+  }, children), (0, _utils.hasReactNode)(description) && /*#__PURE__*/React.createElement(_Footnote.Footnote, {
+    className: "vkuiRadio__description"
   }, description))));
 };
-
 exports.Radio = Radio;
 //# sourceMappingURL=Radio.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Radio.js","names":["RadioIcon","props","Radio","children","description","style","className","getRootRef","restProps","platform","usePlatform","useAdaptivity","sizeY","classNames","getSizeYClassName","Platform","IOS","ACTIVE_EFFECT_DELAY","disabled","hasReactNode"],"sources":["../../../../src/components/Radio/Radio.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { ACTIVE_EFFECT_DELAY, Tappable } from \"../Tappable/Tappable\";\nimport { classNames } from \"../../lib/classNames\";\nimport { Platform } from \"../../lib/platform\";\nimport { HasRef, HasRootRef } from \"../../types\";\nimport { usePlatform } from \"../../hooks/usePlatform\";\nimport { hasReactNode } from \"../../lib/utils\";\nimport { VisuallyHiddenInput } from \"../VisuallyHiddenInput/VisuallyHiddenInput\";\nimport { Footnote } from \"../Typography/Footnote/Footnote\";\nimport { getSizeYClassName } from \"../../helpers/getSizeYClassName\";\nimport { useAdaptivity } from \"../../hooks/useAdaptivity\";\nimport \"./Radio.css\";\n\nconst RadioIcon = (props: React.SVGProps<SVGSVGElement>) => {\n  return (\n    <svg\n      xmlns=\"http://www.w3.org/2000/svg\"\n      viewBox=\"0 0 24 24\"\n      aria-hidden\n      {...props}\n    >\n      <circle\n        cx=\"12\"\n        cy=\"12\"\n        r=\"11\"\n        stroke=\"currentColor\"\n        strokeWidth=\"2\"\n        fill=\"none\"\n      />\n      <circle\n        cx=\"12\"\n        cy=\"12\"\n        r=\"7.5\"\n        vkuiClass=\"Radio__pin\"\n        fill=\"currentColor\"\n      />\n    </svg>\n  );\n};\n\nexport interface RadioProps\n  extends React.InputHTMLAttributes<HTMLInputElement>,\n    HasRef<HTMLInputElement>,\n    HasRootRef<HTMLLabelElement> {\n  description?: React.ReactNode;\n}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/Radio\n */\nexport const Radio = ({\n  children,\n  description,\n  style,\n  className,\n  getRootRef,\n  ...restProps\n}: RadioProps) => {\n  const platform = usePlatform();\n  const { sizeY } = useAdaptivity();\n\n  return (\n    <Tappable\n      Component=\"label\"\n      style={style}\n      className={className}\n      vkuiClass={classNames(\"Radio\", getSizeYClassName(\"Radio\", sizeY))}\n      activeEffectDelay={platform === Platform.IOS ? 100 : ACTIVE_EFFECT_DELAY}\n      disabled={restProps.disabled}\n      getRootRef={getRootRef}\n    >\n      <VisuallyHiddenInput\n        {...restProps}\n        vkuiClass=\"Radio__input\"\n        type=\"radio\"\n      />\n      <div vkuiClass=\"Radio__container\">\n        <RadioIcon vkuiClass=\"Radio__icon\" />\n        <div vkuiClass=\"Radio__content\">\n          <div vkuiClass=\"Radio__children\">{children}</div>\n          {hasReactNode(description) && (\n            <Footnote vkuiClass=\"Radio__description\">{description}</Footnote>\n          )}\n        </div>\n      </div>\n    </Tappable>\n  );\n};\n"],"mappings":";;;;;;;;;;;;;;;AACA;;AACA;;AACA;;AAEA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;AAGA,IAAMA,SAAS,GAAG,SAAZA,SAAY,CAACC,KAAD,EAA0C;EAC1D,OACE;IACE,KAAK,EAAC,4BADR;IAEE,OAAO,EAAC,WAFV;IAGE;EAHF,GAIMA,KAJN,GAME;IACE,EAAE,EAAC,IADL;IAEE,EAAE,EAAC,IAFL;IAGE,CAAC,EAAC,IAHJ;IAIE,MAAM,EAAC,cAJT;IAKE,WAAW,EAAC,GALd;IAME,IAAI,EAAC;EANP,EANF,EAcE;IACE,EAAE,EAAC,IADL;IAEE,EAAE,EAAC,IAFL;IAGE,CAAC,EAAC,KAHJ;IAIE,SAAS,EAAC,YAJZ;IAKE,IAAI,EAAC;EALP,EAdF,CADF;AAwBD,CAzBD;;AAkCA;AACA;AACA;AACO,IAAMC,KAAK,GAAG,SAARA,KAAQ,OAOH;EAAA,IANhBC,QAMgB,QANhBA,QAMgB;EAAA,IALhBC,WAKgB,QALhBA,WAKgB;EAAA,IAJhBC,KAIgB,QAJhBA,KAIgB;EAAA,IAHhBC,SAGgB,QAHhBA,SAGgB;EAAA,IAFhBC,UAEgB,QAFhBA,UAEgB;EAAA,IADbC,SACa;EAChB,IAAMC,QAAQ,GAAG,IAAAC,wBAAA,GAAjB;;EACA,qBAAkB,IAAAC,6BAAA,GAAlB;EAAA,IAAQC,KAAR,kBAAQA,KAAR;;EAEA,OACE,qCAAC,kBAAD;IACE,SAAS,EAAC,OADZ;IAEE,KAAK,EAAEP,KAFT;IAGE,SAAS,EAAEC,SAHb;IAIE,SAAS,EAAE,IAAAO,sBAAA,EAAW,OAAX,EAAoB,IAAAC,oCAAA,EAAkB,OAAlB,EAA2BF,KAA3B,CAApB,CAJb;IAKE,iBAAiB,EAAEH,QAAQ,KAAKM,kBAAA,CAASC,GAAtB,GAA4B,GAA5B,GAAkCC,6BALvD;IAME,QAAQ,EAAET,SAAS,CAACU,QANtB;IAOE,UAAU,EAAEX;EAPd,GASE,qCAAC,wCAAD,6BACMC,SADN;IAEE,SAAS,EAAC,cAFZ;IAGE,IAAI,EAAC;EAHP,GATF,EAcE;IAAK,SAAS,EAAC;EAAf,GACE,qCAAC,SAAD;IAAW,SAAS,EAAC;EAArB,EADF,EAEE;IAAK,SAAS,EAAC;EAAf,GACE;IAAK,SAAS,EAAC;EAAf,GAAkCL,QAAlC,CADF,EAEG,IAAAgB,mBAAA,EAAaf,WAAb,KACC,qCAAC,kBAAD;IAAU,SAAS,EAAC;EAApB,GAA0CA,WAA1C,CAHJ,CAFF,CAdF,CADF;AA0BD,CArCM"}
+{"version":3,"file":"Radio.js","names":["RadioIcon","props","Radio","children","description","style","className","getRootRef","restProps","platform","usePlatform","useAdaptivity","sizeY","classNamesString","getSizeYClassName","Platform","IOS","ACTIVE_EFFECT_DELAY","disabled","hasReactNode"],"sources":["../../../../src/components/Radio/Radio.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { ACTIVE_EFFECT_DELAY, Tappable } from \"../Tappable/Tappable\";\nimport { classNamesString } from \"../../lib/classNames\";\nimport { Platform } from \"../../lib/platform\";\nimport { HasRef, HasRootRef } from \"../../types\";\nimport { usePlatform } from \"../../hooks/usePlatform\";\nimport { hasReactNode } from \"../../lib/utils\";\nimport { VisuallyHiddenInput } from \"../VisuallyHiddenInput/VisuallyHiddenInput\";\nimport { Footnote } from \"../Typography/Footnote/Footnote\";\nimport { getSizeYClassName } from \"../../helpers/getSizeYClassName\";\nimport { useAdaptivity } from \"../../hooks/useAdaptivity\";\nimport styles from \"./Radio.module.css\";\n\nconst RadioIcon = (props: React.SVGProps<SVGSVGElement>) => {\n  return (\n    <svg\n      xmlns=\"http://www.w3.org/2000/svg\"\n      viewBox=\"0 0 24 24\"\n      aria-hidden\n      {...props}\n    >\n      <circle\n        cx=\"12\"\n        cy=\"12\"\n        r=\"11\"\n        stroke=\"currentColor\"\n        strokeWidth=\"2\"\n        fill=\"none\"\n      />\n      <circle\n        cx=\"12\"\n        cy=\"12\"\n        r=\"7.5\"\n        className={styles[\"Radio__pin\"]}\n        fill=\"currentColor\"\n      />\n    </svg>\n  );\n};\n\nexport interface RadioProps\n  extends React.InputHTMLAttributes<HTMLInputElement>,\n    HasRef<HTMLInputElement>,\n    HasRootRef<HTMLLabelElement> {\n  description?: React.ReactNode;\n}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/Radio\n */\nexport const Radio = ({\n  children,\n  description,\n  style,\n  className,\n  getRootRef,\n  ...restProps\n}: RadioProps) => {\n  const platform = usePlatform();\n  const { sizeY } = useAdaptivity();\n\n  return (\n    <Tappable\n      Component=\"label\"\n      style={style}\n      className={classNamesString(\n        styles[\"Radio\"],\n        getSizeYClassName(styles[\"Radio\"], sizeY),\n        className\n      )}\n      activeEffectDelay={platform === Platform.IOS ? 100 : ACTIVE_EFFECT_DELAY}\n      disabled={restProps.disabled}\n      getRootRef={getRootRef}\n    >\n      <VisuallyHiddenInput\n        {...restProps}\n        className={styles[\"Radio__input\"]}\n        type=\"radio\"\n      />\n      <div className={styles[\"Radio__container\"]}>\n        <RadioIcon className={styles[\"Radio__icon\"]} />\n        <div className={styles[\"Radio__content\"]}>\n          <div className={styles[\"Radio__children\"]}>{children}</div>\n          {hasReactNode(description) && (\n            <Footnote className={styles[\"Radio__description\"]}>\n              {description}\n            </Footnote>\n          )}\n        </div>\n      </div>\n    </Tappable>\n  );\n};\n"],"mappings":";;;;;;;;;;AAAA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AAA0D;AAG1D,IAAMA,SAAS,GAAG,SAAZA,SAAS,CAAIC,KAAoC,EAAK;EAC1D,oBACE;IACE,KAAK,EAAC,4BAA4B;IAClC,OAAO,EAAC,WAAW;IACnB;EAAW,GACPA,KAAK,gBAET;IACE,EAAE,EAAC,IAAI;IACP,EAAE,EAAC,IAAI;IACP,CAAC,EAAC,IAAI;IACN,MAAM,EAAC,cAAc;IACrB,WAAW,EAAC,GAAG;IACf,IAAI,EAAC;EAAM,EACX,eACF;IACE,EAAE,EAAC,IAAI;IACP,EAAE,EAAC,IAAI;IACP,CAAC,EAAC,KAAK;IACP,SAAS,kBAAuB;IAChC,IAAI,EAAC;EAAc,EACnB,CACE;AAEV,CAAC;AASD;AACA;AACA;AACO,IAAMC,KAAK,GAAG,SAARA,KAAK,OAOA;EAAA,IANhBC,QAAQ,QAARA,QAAQ;IACRC,WAAW,QAAXA,WAAW;IACXC,KAAK,QAALA,KAAK;IACLC,SAAS,QAATA,SAAS;IACTC,UAAU,QAAVA,UAAU;IACPC,SAAS;EAEZ,IAAMC,QAAQ,GAAG,IAAAC,wBAAW,GAAE;EAC9B,qBAAkB,IAAAC,6BAAa,GAAE;IAAzBC,KAAK,kBAALA,KAAK;EAEb,oBACE,oBAAC,kBAAQ;IACP,SAAS,EAAC,OAAO;IACjB,KAAK,EAAEP,KAAM;IACb,SAAS,EAAE,IAAAQ,4BAAgB,eAEzB,IAAAC,oCAAiB,eAAkBF,KAAK,CAAC,EACzCN,SAAS,CACT;IACF,iBAAiB,EAAEG,QAAQ,KAAKM,kBAAQ,CAACC,GAAG,GAAG,GAAG,GAAGC,6BAAoB;IACzE,QAAQ,EAAET,SAAS,CAACU,QAAS;IAC7B,UAAU,EAAEX;EAAW,gBAEvB,oBAAC,wCAAmB,6BACdC,SAAS;IACb,SAAS,oBAAyB;IAClC,IAAI,EAAC;EAAO,GACZ,eACF;IAAK,SAAS;EAA6B,gBACzC,oBAAC,SAAS;IAAC,SAAS;EAAwB,EAAG,eAC/C;IAAK,SAAS;EAA2B,gBACvC;IAAK,SAAS;EAA4B,GAAEL,QAAQ,CAAO,EAC1D,IAAAgB,mBAAY,EAACf,WAAW,CAAC,iBACxB,oBAAC,kBAAQ;IAAC,SAAS;EAA+B,GAC/CA,WAAW,CAEf,CACG,CACF,CACG;AAEf,CAAC;AAAC"}

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

@@ -0,0 +1,8 @@
+import * as React from "react";
+export interface RadioGroupProps extends React.HTMLAttributes<HTMLDivElement> {
+    mode?: "vertical" | "horizontal";
+}
+/**
+ * @see https://vkcom.github.io/VKUI/#/RadioGroup
+ */
+export declare const RadioGroup: ({ mode, children, className, ...restProps }: RadioGroupProps) => JSX.Element;

package/dist/cjs/components/RadioGroup/RadioGroup.js

@@ -1,34 +1,32 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.RadioGroup = void 0;
-
-var _jsxRuntime = require("../../lib/jsxRuntime");
-
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-
+var React = _interopRequireWildcard(require("react"));
 var _classNames = require("../../lib/classNames");
-
-var _excluded = ["mode", "children"];
-
+var _excluded = ["mode", "children", "className"];
 /**
  * @see https://vkcom.github.io/VKUI/#/RadioGroup
  */
 var RadioGroup = function RadioGroup(_ref) {
   var _ref$mode = _ref.mode,
-      mode = _ref$mode === void 0 ? "vertical" : _ref$mode,
-      children = _ref.children,
-      restProps = (0, _objectWithoutProperties2.default)(_ref, _excluded);
-  return (0, _jsxRuntime.createScopedElement)("div", (0, _extends2.default)({
-    vkuiClass: (0, _classNames.classNames)("RadioGroup", "RadioGroup--mode-".concat(mode))
+    mode = _ref$mode === void 0 ? "vertical" : _ref$mode,
+    children = _ref.children,
+    className = _ref.className,
+    restProps = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+  return /*#__PURE__*/React.createElement("div", (0, _extends2.default)({
+    className: (0, _classNames.classNamesString)("vkuiRadioGroup", styles["RadioGroup--mode-".concat(mode)], className)
   }, restProps), children);
 };
-
 exports.RadioGroup = RadioGroup;
+var styles = {
+  "RadioGroup--mode-horizontal": "vkuiRadioGroup--mode-horizontal",
+  "RadioGroup--mode-vertical": "vkuiRadioGroup--mode-vertical"
+};
 //# sourceMappingURL=RadioGroup.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"RadioGroup.js","names":["RadioGroup","mode","children","restProps","classNames"],"sources":["../../../../src/components/RadioGroup/RadioGroup.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { classNames } from \"../../lib/classNames\";\nimport \"./RadioGroup.css\";\n\nexport interface RadioGroupProps extends React.HTMLAttributes<HTMLDivElement> {\n  mode?: \"vertical\" | \"horizontal\";\n}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/RadioGroup\n */\nexport const RadioGroup = ({\n  mode = \"vertical\",\n  children,\n  ...restProps\n}: RadioGroupProps) => (\n  <div\n    vkuiClass={classNames(\"RadioGroup\", `RadioGroup--mode-${mode}`)}\n    {...restProps}\n  >\n    {children}\n  </div>\n);\n"],"mappings":";;;;;;;;;;;;;;;AACA;;;;AAOA;AACA;AACA;AACO,IAAMA,UAAU,GAAG,SAAbA,UAAa;EAAA,qBACxBC,IADwB;EAAA,IACxBA,IADwB,0BACjB,UADiB;EAAA,IAExBC,QAFwB,QAExBA,QAFwB;EAAA,IAGrBC,SAHqB;EAAA,OAKxB;IACE,SAAS,EAAE,IAAAC,sBAAA,EAAW,YAAX,6BAA6CH,IAA7C;EADb,GAEME,SAFN,GAIGD,QAJH,CALwB;AAAA,CAAnB"}
+{"version":3,"file":"RadioGroup.js","names":["RadioGroup","mode","children","className","restProps","classNamesString","styles"],"sources":["../../../../src/components/RadioGroup/RadioGroup.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { classNamesString } from \"../../lib/classNames\";\nimport styles from \"./RadioGroup.module.css\";\n\nexport interface RadioGroupProps extends React.HTMLAttributes<HTMLDivElement> {\n  mode?: \"vertical\" | \"horizontal\";\n}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/RadioGroup\n */\nexport const RadioGroup = ({\n  mode = \"vertical\",\n  children,\n  className,\n  ...restProps\n}: RadioGroupProps) => (\n  <div\n    className={classNamesString(\n      styles[\"RadioGroup\"],\n      styles[`RadioGroup--mode-${mode}`],\n      className\n    )}\n    {...restProps}\n  >\n    {children}\n  </div>\n);\n"],"mappings":";;;;;;;;;;AAAA;AACA;AAAwD;AAOxD;AACA;AACA;AACO,IAAMA,UAAU,GAAG,SAAbA,UAAU;EAAA,qBACrBC,IAAI;IAAJA,IAAI,0BAAG,UAAU;IACjBC,QAAQ,QAARA,QAAQ;IACRC,SAAS,QAATA,SAAS;IACNC,SAAS;EAAA,oBAEZ;IACE,SAAS,EAAE,IAAAC,4BAAgB,oBAEzBC,MAAM,4BAAqBL,IAAI,EAAG,EAClCE,SAAS;EACT,GACEC,SAAS,GAEZF,QAAQ,CACL;AAAA,CACP;AAAC;AAAA;EAAA;EAAA;AAAA"}

package/dist/cjs/components/RangeSlider/RangeSlider.js

@@ -1,55 +1,40 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-
 var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.RangeSlider = void 0;
-
-var _jsxRuntime = require("../../lib/jsxRuntime");
-
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-
 var React = _interopRequireWildcard(require("react"));
-
 var _math = require("../../helpers/math");
-
 var _UniversalSlider = require("./UniversalSlider");
-
 var _excluded = ["onChange", "defaultValue", "min", "max", "step"];
-
 /**
  * @see https://vkcom.github.io/VKUI/#/RangeSlider
  */
 var RangeSlider = function RangeSlider(_ref) {
   var onChange = _ref.onChange,
-      defaultValue = _ref.defaultValue,
-      _ref$min = _ref.min,
-      min = _ref$min === void 0 ? 0 : _ref$min,
-      _ref$max = _ref.max,
-      max = _ref$max === void 0 ? 100 : _ref$max,
-      _ref$step = _ref.step,
-      step = _ref$step === void 0 ? 0 : _ref$step,
-      props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+    defaultValue = _ref.defaultValue,
+    _ref$min = _ref.min,
+    min = _ref$min === void 0 ? 0 : _ref$min,
+    _ref$max = _ref.max,
+    max = _ref$max === void 0 ? 100 : _ref$max,
+    _ref$step = _ref.step,
+    step = _ref$step === void 0 ? 0 : _ref$step,
+    props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
   var isControlled = Boolean(props.value);
-
   var _React$useState = React.useState(defaultValue || [min, max]),
-      _React$useState2 = (0, _slicedToArray2.default)(_React$useState, 2),
-      localValue = _React$useState2[0],
-      setValue = _React$useState2[1];
-
+    _React$useState2 = (0, _slicedToArray2.default)(_React$useState, 2),
+    localValue = _React$useState2[0],
+    setValue = _React$useState2[1];
   var _ref2 = props.value || localValue,
-      _ref3 = (0, _slicedToArray2.default)(_ref2, 2),
-      start = _ref3[0],
-      end = _ref3[1];
-
+    _ref3 = (0, _slicedToArray2.default)(_ref2, 2),
+    start = _ref3[0],
+    end = _ref3[1];
   var value = React.useMemo(function () {
     return [(0, _math.clamp)(start, min, max), (0, _math.clamp)(end, min, max)];
   }, [end, max, min, start]);
@@ -57,11 +42,10 @@ var RangeSlider = function RangeSlider(_ref) {
     if (props.disabled || value[0] === nextValue[0] && value[1] === nextValue[1]) {
       return;
     }
-
     !isControlled && setValue(nextValue);
     onChange && onChange(nextValue, event);
   }, [props.disabled, value, isControlled, onChange]);
-  return (0, _jsxRuntime.createScopedElement)(_UniversalSlider.UniversalSlider, (0, _extends2.default)({}, props, {
+  return /*#__PURE__*/React.createElement(_UniversalSlider.UniversalSlider, (0, _extends2.default)({}, props, {
     value: value,
     onChange: handleChange,
     min: min,
@@ -69,6 +53,5 @@ var RangeSlider = function RangeSlider(_ref) {
     step: step
   }));
 };
-
 exports.RangeSlider = RangeSlider;
 //# sourceMappingURL=RangeSlider.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"RangeSlider.js","names":["RangeSlider","onChange","defaultValue","min","max","step","props","isControlled","Boolean","value","React","useState","localValue","setValue","start","end","useMemo","clamp","handleChange","useCallback","nextValue","event","disabled"],"sources":["../../../../src/components/RangeSlider/RangeSlider.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { clamp } from \"../../helpers/math\";\nimport { UniversalSlider, UniversalSliderProps } from \"./UniversalSlider\";\nimport { TouchEvent } from \"../Touch/Touch\";\n\nexport type Value = [number, number];\nexport type RangeSliderProps = UniversalSliderProps<Value>;\n\n/**\n * @see https://vkcom.github.io/VKUI/#/RangeSlider\n */\nexport const RangeSlider = ({\n  onChange,\n  defaultValue,\n  min = 0,\n  max = 100,\n  step = 0,\n  ...props\n}: RangeSliderProps) => {\n  const isControlled = Boolean(props.value);\n\n  const [localValue, setValue] = React.useState(\n    defaultValue || ([min, max] as Value)\n  );\n  const [start, end] = props.value || localValue;\n  const value = React.useMemo(\n    () => [clamp(start, min, max), clamp(end, min, max)] as Value,\n    [end, max, min, start]\n  );\n\n  const handleChange: RangeSliderProps[\"onChange\"] = React.useCallback(\n    (nextValue: Value, event: TouchEvent) => {\n      if (\n        props.disabled ||\n        (value[0] === nextValue[0] && value[1] === nextValue[1])\n      ) {\n        return;\n      }\n      !isControlled && setValue(nextValue);\n      onChange && onChange(nextValue, event);\n    },\n    [props.disabled, value, isControlled, onChange]\n  );\n\n  return (\n    <UniversalSlider\n      {...props}\n      value={value}\n      onChange={handleChange}\n      min={min}\n      max={max}\n      step={step}\n    />\n  );\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;;;AAMA;AACA;AACA;AACO,IAAMA,WAAW,GAAG,SAAdA,WAAc,OAOH;EAAA,IANtBC,QAMsB,QANtBA,QAMsB;EAAA,IALtBC,YAKsB,QALtBA,YAKsB;EAAA,oBAJtBC,GAIsB;EAAA,IAJtBA,GAIsB,yBAJhB,CAIgB;EAAA,oBAHtBC,GAGsB;EAAA,IAHtBA,GAGsB,yBAHhB,GAGgB;EAAA,qBAFtBC,IAEsB;EAAA,IAFtBA,IAEsB,0BAFf,CAEe;EAAA,IADnBC,KACmB;EACtB,IAAMC,YAAY,GAAGC,OAAO,CAACF,KAAK,CAACG,KAAP,CAA5B;;EAEA,sBAA+BC,KAAK,CAACC,QAAN,CAC7BT,YAAY,IAAK,CAACC,GAAD,EAAMC,GAAN,CADY,CAA/B;EAAA;EAAA,IAAOQ,UAAP;EAAA,IAAmBC,QAAnB;;EAGA,YAAqBP,KAAK,CAACG,KAAN,IAAeG,UAApC;EAAA;EAAA,IAAOE,KAAP;EAAA,IAAcC,GAAd;;EACA,IAAMN,KAAK,GAAGC,KAAK,CAACM,OAAN,CACZ;IAAA,OAAM,CAAC,IAAAC,WAAA,EAAMH,KAAN,EAAaX,GAAb,EAAkBC,GAAlB,CAAD,EAAyB,IAAAa,WAAA,EAAMF,GAAN,EAAWZ,GAAX,EAAgBC,GAAhB,CAAzB,CAAN;EAAA,CADY,EAEZ,CAACW,GAAD,EAAMX,GAAN,EAAWD,GAAX,EAAgBW,KAAhB,CAFY,CAAd;EAKA,IAAMI,YAA0C,GAAGR,KAAK,CAACS,WAAN,CACjD,UAACC,SAAD,EAAmBC,KAAnB,EAAyC;IACvC,IACEf,KAAK,CAACgB,QAAN,IACCb,KAAK,CAAC,CAAD,CAAL,KAAaW,SAAS,CAAC,CAAD,CAAtB,IAA6BX,KAAK,CAAC,CAAD,CAAL,KAAaW,SAAS,CAAC,CAAD,CAFtD,EAGE;MACA;IACD;;IACD,CAACb,YAAD,IAAiBM,QAAQ,CAACO,SAAD,CAAzB;IACAnB,QAAQ,IAAIA,QAAQ,CAACmB,SAAD,EAAYC,KAAZ,CAApB;EACD,CAVgD,EAWjD,CAACf,KAAK,CAACgB,QAAP,EAAiBb,KAAjB,EAAwBF,YAAxB,EAAsCN,QAAtC,CAXiD,CAAnD;EAcA,OACE,qCAAC,gCAAD,6BACMK,KADN;IAEE,KAAK,EAAEG,KAFT;IAGE,QAAQ,EAAES,YAHZ;IAIE,GAAG,EAAEf,GAJP;IAKE,GAAG,EAAEC,GALP;IAME,IAAI,EAAEC;EANR,GADF;AAUD,CA3CM"}
+{"version":3,"file":"RangeSlider.js","names":["RangeSlider","onChange","defaultValue","min","max","step","props","isControlled","Boolean","value","React","useState","localValue","setValue","start","end","useMemo","clamp","handleChange","useCallback","nextValue","event","disabled"],"sources":["../../../../src/components/RangeSlider/RangeSlider.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { clamp } from \"../../helpers/math\";\nimport { UniversalSlider, UniversalSliderProps } from \"./UniversalSlider\";\nimport { TouchEvent } from \"../Touch/Touch\";\n\nexport type Value = [number, number];\nexport type RangeSliderProps = UniversalSliderProps<Value>;\n\n/**\n * @see https://vkcom.github.io/VKUI/#/RangeSlider\n */\nexport const RangeSlider = ({\n  onChange,\n  defaultValue,\n  min = 0,\n  max = 100,\n  step = 0,\n  ...props\n}: RangeSliderProps) => {\n  const isControlled = Boolean(props.value);\n\n  const [localValue, setValue] = React.useState(\n    defaultValue || ([min, max] as Value)\n  );\n  const [start, end] = props.value || localValue;\n  const value = React.useMemo(\n    () => [clamp(start, min, max), clamp(end, min, max)] as Value,\n    [end, max, min, start]\n  );\n\n  const handleChange: RangeSliderProps[\"onChange\"] = React.useCallback(\n    (nextValue: Value, event: TouchEvent) => {\n      if (\n        props.disabled ||\n        (value[0] === nextValue[0] && value[1] === nextValue[1])\n      ) {\n        return;\n      }\n      !isControlled && setValue(nextValue);\n      onChange && onChange(nextValue, event);\n    },\n    [props.disabled, value, isControlled, onChange]\n  );\n\n  return (\n    <UniversalSlider\n      {...props}\n      value={value}\n      onChange={handleChange}\n      min={min}\n      max={max}\n      step={step}\n    />\n  );\n};\n"],"mappings":";;;;;;;;;;;AAAA;AACA;AACA;AAA0E;AAM1E;AACA;AACA;AACO,IAAMA,WAAW,GAAG,SAAdA,WAAW,OAOA;EAAA,IANtBC,QAAQ,QAARA,QAAQ;IACRC,YAAY,QAAZA,YAAY;IAAA,gBACZC,GAAG;IAAHA,GAAG,yBAAG,CAAC;IAAA,gBACPC,GAAG;IAAHA,GAAG,yBAAG,GAAG;IAAA,iBACTC,IAAI;IAAJA,IAAI,0BAAG,CAAC;IACLC,KAAK;EAER,IAAMC,YAAY,GAAGC,OAAO,CAACF,KAAK,CAACG,KAAK,CAAC;EAEzC,sBAA+BC,KAAK,CAACC,QAAQ,CAC3CT,YAAY,IAAK,CAACC,GAAG,EAAEC,GAAG,CAAW,CACtC;IAAA;IAFMQ,UAAU;IAAEC,QAAQ;EAG3B,YAAqBP,KAAK,CAACG,KAAK,IAAIG,UAAU;IAAA;IAAvCE,KAAK;IAAEC,GAAG;EACjB,IAAMN,KAAK,GAAGC,KAAK,CAACM,OAAO,CACzB;IAAA,OAAM,CAAC,IAAAC,WAAK,EAACH,KAAK,EAAEX,GAAG,EAAEC,GAAG,CAAC,EAAE,IAAAa,WAAK,EAACF,GAAG,EAAEZ,GAAG,EAAEC,GAAG,CAAC,CAAC;EAAA,CAAS,EAC7D,CAACW,GAAG,EAAEX,GAAG,EAAED,GAAG,EAAEW,KAAK,CAAC,CACvB;EAED,IAAMI,YAA0C,GAAGR,KAAK,CAACS,WAAW,CAClE,UAACC,SAAgB,EAAEC,KAAiB,EAAK;IACvC,IACEf,KAAK,CAACgB,QAAQ,IACbb,KAAK,CAAC,CAAC,CAAC,KAAKW,SAAS,CAAC,CAAC,CAAC,IAAIX,KAAK,CAAC,CAAC,CAAC,KAAKW,SAAS,CAAC,CAAC,CAAE,EACxD;MACA;IACF;IACA,CAACb,YAAY,IAAIM,QAAQ,CAACO,SAAS,CAAC;IACpCnB,QAAQ,IAAIA,QAAQ,CAACmB,SAAS,EAAEC,KAAK,CAAC;EACxC,CAAC,EACD,CAACf,KAAK,CAACgB,QAAQ,EAAEb,KAAK,EAAEF,YAAY,EAAEN,QAAQ,CAAC,CAChD;EAED,oBACE,oBAAC,gCAAe,6BACVK,KAAK;IACT,KAAK,EAAEG,KAAM;IACb,QAAQ,EAAES,YAAa;IACvB,GAAG,EAAEf,GAAI;IACT,GAAG,EAAEC,GAAI;IACT,IAAI,EAAEC;EAAK,GACX;AAEN,CAAC;AAAC"}

package/dist/cjs/components/RangeSlider/UniversalSlider.d.ts

@@ -0,0 +1,14 @@
+import * as React from "react";
+import { TouchEvent } from "../Touch/Touch";
+import { HasRootRef } from "../../types";
+export declare type UniversalValue = [number | null, number];
+export interface UniversalSliderProps<Value> extends HasRootRef<HTMLDivElement>, Omit<React.HTMLAttributes<HTMLDivElement>, "value" | "defaultValue" | "onChange"> {
+    min?: number;
+    max?: number;
+    step?: number;
+    value?: Value;
+    defaultValue?: Value;
+    disabled?: boolean;
+    onChange?(value: Value, e: TouchEvent): void;
+}
+export declare const UniversalSlider: ({ min, max, step, value, defaultValue, onChange, getRootRef, disabled, className, ...restProps }: UniversalSliderProps<UniversalValue>) => JSX.Element;

package/dist/cjs/components/RangeSlider/UniversalSlider.js

@@ -1,56 +1,39 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-
 var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.UniversalSlider = void 0;
-
-var _jsxRuntime = require("../../lib/jsxRuntime");
-
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-
 var React = _interopRequireWildcard(require("react"));
-
 var _Touch = require("../Touch/Touch");
-
 var _classNames = require("../../lib/classNames");
-
 var _math = require("../../helpers/math");
-
 var _useExternRef = require("../../hooks/useExternRef");
-
 var _useAdaptivity2 = require("../../hooks/useAdaptivity");
-
 var _getSizeYClassName = require("../../helpers/getSizeYClassName");
-
-var _excluded = ["min", "max", "step", "value", "defaultValue", "onChange", "getRootRef", "disabled"];
-
+var _excluded = ["min", "max", "step", "value", "defaultValue", "onChange", "getRootRef", "disabled", "className"];
 var UniversalSlider = function UniversalSlider(_ref) {
   var _ref$min = _ref.min,
-      min = _ref$min === void 0 ? 0 : _ref$min,
-      _ref$max = _ref.max,
-      max = _ref$max === void 0 ? 100 : _ref$max,
-      step = _ref.step,
-      _ref$value = _ref.value,
-      value = _ref$value === void 0 ? [0, 0] : _ref$value,
-      defaultValue = _ref.defaultValue,
-      onChange = _ref.onChange,
-      getRootRef = _ref.getRootRef,
-      disabled = _ref.disabled,
-      restProps = (0, _objectWithoutProperties2.default)(_ref, _excluded);
-
+    min = _ref$min === void 0 ? 0 : _ref$min,
+    _ref$max = _ref.max,
+    max = _ref$max === void 0 ? 100 : _ref$max,
+    step = _ref.step,
+    _ref$value = _ref.value,
+    value = _ref$value === void 0 ? [0, 0] : _ref$value,
+    defaultValue = _ref.defaultValue,
+    onChange = _ref.onChange,
+    getRootRef = _ref.getRootRef,
+    disabled = _ref.disabled,
+    className = _ref.className,
+    restProps = (0, _objectWithoutProperties2.default)(_ref, _excluded);
   var _value = (0, _slicedToArray2.default)(value, 2),
-      start = _value[0],
-      end = _value[1];
-
+    start = _value[0],
+    end = _value[1];
   var isRange = start != null;
   var gesture = React.useRef({
     dragging: false,
@@ -60,61 +43,47 @@ var UniversalSlider = function UniversalSlider(_ref) {
   var container = (0, _useExternRef.useExternRef)(getRootRef);
   var thumbStart = React.useRef(null);
   var thumbEnd = React.useRef(null);
-
   var _useAdaptivity = (0, _useAdaptivity2.useAdaptivity)(),
-      sizeY = _useAdaptivity.sizeY;
-
+    sizeY = _useAdaptivity.sizeY;
   var offsetToValue = function offsetToValue(absolute) {
     return (0, _math.rescale)(absolute, [0, gesture.containerWidth], [min, max], {
       step: step
     });
   };
-
   var updateRange = function updateRange(nextValue) {
     if (start == null) {
       return [null, nextValue];
     }
-
     var dragging = gesture.dragging;
-
     if (dragging === "start") {
       if (nextValue > end) {
         // "перехватиться", если перетянули за конец
         gesture.dragging = "end";
         return [end, nextValue];
       }
-
       return [nextValue, end];
     }
-
     if (dragging === "end") {
       if (nextValue < start) {
         // "перехватиться", если перетянули за начало
         gesture.dragging = "start";
         return [nextValue, start];
       }
-
       return [start, nextValue];
     }
-
     return value;
   };
-
   var snapDirection = function snapDirection(pos, target) {
     if (target === thumbStart.current) {
       return "start";
     }
-
     if (target === thumbEnd.current) {
       return "end";
     }
-
     return Math.abs((start !== null && start !== void 0 ? start : 0) - pos) <= Math.abs(end - pos) ? "start" : "end";
   };
-
   var onStart = function onStart(e) {
     var _container$current, _boundingRect$width, _boundingRect$left;
-
     var boundingRect = (_container$current = container.current) === null || _container$current === void 0 ? void 0 : _container$current.getBoundingClientRect();
     gesture.containerWidth = (_boundingRect$width = boundingRect === null || boundingRect === void 0 ? void 0 : boundingRect.width) !== null && _boundingRect$width !== void 0 ? _boundingRect$width : 0;
     var absolutePosition = e.startX - ((_boundingRect$left = boundingRect === null || boundingRect === void 0 ? void 0 : boundingRect.left) !== null && _boundingRect$left !== void 0 ? _boundingRect$left : 0);
@@ -124,50 +93,45 @@ var UniversalSlider = function UniversalSlider(_ref) {
     onChange === null || onChange === void 0 ? void 0 : onChange(updateRange(pos), e);
     e.originalEvent.stopPropagation();
   };
-
   var onMove = function onMove(e) {
     onChange === null || onChange === void 0 ? void 0 : onChange(updateRange(offsetToValue(gesture.startX + (e.shiftX || 0))), e);
     e.originalEvent.stopPropagation();
     e.originalEvent.preventDefault();
   };
-
   var onEnd = function onEnd(e) {
     gesture.dragging = false;
     e.originalEvent.stopPropagation();
   };
-
   var toPercent = function toPercent(v) {
     return (v - min) / (max - min) * 100;
   };
-
   var draggerStyle = isRange ? {
     width: "".concat(toPercent(end) - toPercent(start !== null && start !== void 0 ? start : 0), "%"),
     left: "".concat(toPercent(start !== null && start !== void 0 ? start : 0), "%")
   } : {
     width: "".concat(toPercent(end), "%")
   };
-  return (0, _jsxRuntime.createScopedElement)(_Touch.Touch, (0, _extends2.default)({
+  return /*#__PURE__*/React.createElement(_Touch.Touch, (0, _extends2.default)({
     "data-value": isRange ? value.join(",") : value
   }, restProps, disabled ? {} : {
     onStart: onStart,
     onMove: onMove,
     onEnd: onEnd
   }, {
-    vkuiClass: (0, _classNames.classNames)("Slider", (0, _getSizeYClassName.getSizeYClassName)("Slider", sizeY), disabled && "Slider--disabled")
-  }), (0, _jsxRuntime.createScopedElement)("div", {
+    className: (0, _classNames.classNamesString)("vkuiSlider", (0, _getSizeYClassName.getSizeYClassName)("vkuiSlider", sizeY), disabled && "vkuiSlider--disabled", className)
+  }), /*#__PURE__*/React.createElement("div", {
     ref: container,
-    vkuiClass: "Slider__in"
-  }, (0, _jsxRuntime.createScopedElement)("div", {
-    vkuiClass: "Slider__dragger",
+    className: "vkuiSlider__in"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "vkuiSlider__dragger",
     style: draggerStyle
-  }, isRange && (0, _jsxRuntime.createScopedElement)("span", {
-    vkuiClass: (0, _classNames.classNames)("Slider__thumb", "Slider__thumb--start"),
+  }, isRange && /*#__PURE__*/React.createElement("span", {
+    className: (0, _classNames.classNamesString)("vkuiSlider__thumb", "vkuiSlider__thumb--start"),
     ref: thumbStart
-  }), (0, _jsxRuntime.createScopedElement)("span", {
-    vkuiClass: (0, _classNames.classNames)("Slider__thumb", "Slider__thumb--end"),
+  }), /*#__PURE__*/React.createElement("span", {
+    className: (0, _classNames.classNamesString)("vkuiSlider__thumb", "vkuiSlider__thumb--end"),
     ref: thumbEnd
   }))));
 };
-
 exports.UniversalSlider = UniversalSlider;
 //# sourceMappingURL=UniversalSlider.js.map

package/dist/cjs/components/RangeSlider/UniversalSlider.js.map

@@ -1 +1 @@
-{"version":3,"file":"UniversalSlider.js","names":["UniversalSlider","min","max","step","value","defaultValue","onChange","getRootRef","disabled","restProps","start","end","isRange","gesture","React","useRef","dragging","startX","containerWidth","current","container","useExternRef","thumbStart","thumbEnd","useAdaptivity","sizeY","offsetToValue","absolute","rescale","updateRange","nextValue","snapDirection","pos","target","Math","abs","onStart","e","boundingRect","getBoundingClientRect","width","absolutePosition","left","originalEvent","stopPropagation","onMove","shiftX","preventDefault","onEnd","toPercent","v","draggerStyle","join","classNames","getSizeYClassName"],"sources":["../../../../src/components/RangeSlider/UniversalSlider.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { Touch, TouchEvent, TouchEventHandler } from \"../Touch/Touch\";\nimport { classNames } from \"../../lib/classNames\";\nimport { HasRootRef } from \"../../types\";\nimport { rescale } from \"../../helpers/math\";\nimport { useExternRef } from \"../../hooks/useExternRef\";\nimport { useAdaptivity } from \"../../hooks/useAdaptivity\";\nimport { getSizeYClassName } from \"../../helpers/getSizeYClassName\";\nimport \"../Slider/Slider.css\";\n\nexport type UniversalValue = [number | null, number];\n\nexport interface UniversalSliderProps<Value>\n  extends HasRootRef<HTMLDivElement>,\n    Omit<\n      React.HTMLAttributes<HTMLDivElement>,\n      \"value\" | \"defaultValue\" | \"onChange\"\n    > {\n  min?: number;\n  max?: number;\n  step?: number;\n  value?: Value;\n  defaultValue?: Value;\n  disabled?: boolean;\n  onChange?(value: Value, e: TouchEvent): void;\n}\n\nexport const UniversalSlider = ({\n  min = 0,\n  max = 100,\n  step,\n  value = [0, 0],\n  defaultValue,\n  onChange,\n  getRootRef,\n  disabled,\n  ...restProps\n}: UniversalSliderProps<UniversalValue>) => {\n  const [start, end] = value;\n  const isRange = start != null;\n  const gesture = React.useRef({\n    dragging: false as false | \"start\" | \"end\",\n    startX: 0,\n    containerWidth: 0,\n  }).current;\n  const container = useExternRef(getRootRef);\n  const thumbStart = React.useRef<HTMLDivElement>(null);\n  const thumbEnd = React.useRef<HTMLDivElement>(null);\n  const { sizeY } = useAdaptivity();\n\n  const offsetToValue = (absolute: number) => {\n    return rescale(absolute, [0, gesture.containerWidth], [min, max], { step });\n  };\n\n  const updateRange = (nextValue: number): UniversalValue => {\n    if (start == null) {\n      return [null, nextValue];\n    }\n\n    const { dragging } = gesture;\n    if (dragging === \"start\") {\n      if (nextValue > end) {\n        // \"перехватиться\", если перетянули за конец\n        gesture.dragging = \"end\";\n        return [end, nextValue];\n      }\n      return [nextValue, end];\n    }\n    if (dragging === \"end\") {\n      if (nextValue < start) {\n        // \"перехватиться\", если перетянули за начало\n        gesture.dragging = \"start\";\n        return [nextValue, start];\n      }\n      return [start, nextValue];\n    }\n\n    return value;\n  };\n\n  const snapDirection = (pos: number, target: EventTarget | null) => {\n    if (target === thumbStart.current) {\n      return \"start\";\n    }\n    if (target === thumbEnd.current) {\n      return \"end\";\n    }\n    return Math.abs((start ?? 0) - pos) <= Math.abs(end - pos)\n      ? \"start\"\n      : \"end\";\n  };\n\n  const onStart: TouchEventHandler = (e: TouchEvent) => {\n    const boundingRect = container.current?.getBoundingClientRect();\n    gesture.containerWidth = boundingRect?.width ?? 0;\n\n    const absolutePosition = e.startX - (boundingRect?.left ?? 0);\n    const pos = offsetToValue(absolutePosition);\n    gesture.dragging = snapDirection(pos, e.originalEvent.target);\n    gesture.startX = absolutePosition;\n\n    onChange?.(updateRange(pos), e);\n    e.originalEvent.stopPropagation();\n  };\n\n  const onMove: TouchEventHandler = (e: TouchEvent) => {\n    onChange?.(updateRange(offsetToValue(gesture.startX + (e.shiftX || 0))), e);\n\n    e.originalEvent.stopPropagation();\n    e.originalEvent.preventDefault();\n  };\n\n  const onEnd: TouchEventHandler = (e) => {\n    gesture.dragging = false;\n    e.originalEvent.stopPropagation();\n  };\n\n  const toPercent = (v: number) => ((v - min) / (max - min)) * 100;\n  const draggerStyle = isRange\n    ? {\n        width: `${toPercent(end) - toPercent(start ?? 0)}%`,\n        left: `${toPercent(start ?? 0)}%`,\n      }\n    : {\n        width: `${toPercent(end)}%`,\n      };\n\n  return (\n    <Touch\n      data-value={isRange ? value.join(\",\") : value}\n      {...restProps}\n      {...(disabled ? {} : { onStart, onMove, onEnd })}\n      vkuiClass={classNames(\n        \"Slider\",\n        getSizeYClassName(\"Slider\", sizeY),\n        disabled && \"Slider--disabled\"\n      )}\n    >\n      <div ref={container} vkuiClass=\"Slider__in\">\n        <div vkuiClass=\"Slider__dragger\" style={draggerStyle}>\n          {isRange && (\n            <span\n              vkuiClass={classNames(\"Slider__thumb\", \"Slider__thumb--start\")}\n              ref={thumbStart}\n            />\n          )}\n          <span\n            vkuiClass={classNames(\"Slider__thumb\", \"Slider__thumb--end\")}\n            ref={thumbEnd}\n          />\n        </div>\n      </div>\n    </Touch>\n  );\n};\n"],"mappings":"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"}
+{"version":3,"file":"UniversalSlider.js","names":["UniversalSlider","min","max","step","value","defaultValue","onChange","getRootRef","disabled","className","restProps","start","end","isRange","gesture","React","useRef","dragging","startX","containerWidth","current","container","useExternRef","thumbStart","thumbEnd","useAdaptivity","sizeY","offsetToValue","absolute","rescale","updateRange","nextValue","snapDirection","pos","target","Math","abs","onStart","e","boundingRect","getBoundingClientRect","width","absolutePosition","left","originalEvent","stopPropagation","onMove","shiftX","preventDefault","onEnd","toPercent","v","draggerStyle","join","classNamesString","getSizeYClassName"],"sources":["../../../../src/components/RangeSlider/UniversalSlider.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { Touch, TouchEvent, TouchEventHandler } from \"../Touch/Touch\";\nimport { classNamesString } from \"../../lib/classNames\";\nimport { HasRootRef } from \"../../types\";\nimport { rescale } from \"../../helpers/math\";\nimport { useExternRef } from \"../../hooks/useExternRef\";\nimport { useAdaptivity } from \"../../hooks/useAdaptivity\";\nimport { getSizeYClassName } from \"../../helpers/getSizeYClassName\";\nimport styles from \"../Slider/Slider.module.css\";\n\nexport type UniversalValue = [number | null, number];\n\nexport interface UniversalSliderProps<Value>\n  extends HasRootRef<HTMLDivElement>,\n    Omit<\n      React.HTMLAttributes<HTMLDivElement>,\n      \"value\" | \"defaultValue\" | \"onChange\"\n    > {\n  min?: number;\n  max?: number;\n  step?: number;\n  value?: Value;\n  defaultValue?: Value;\n  disabled?: boolean;\n  onChange?(value: Value, e: TouchEvent): void;\n}\n\nexport const UniversalSlider = ({\n  min = 0,\n  max = 100,\n  step,\n  value = [0, 0],\n  defaultValue,\n  onChange,\n  getRootRef,\n  disabled,\n  className,\n  ...restProps\n}: UniversalSliderProps<UniversalValue>) => {\n  const [start, end] = value;\n  const isRange = start != null;\n  const gesture = React.useRef({\n    dragging: false as false | \"start\" | \"end\",\n    startX: 0,\n    containerWidth: 0,\n  }).current;\n  const container = useExternRef(getRootRef);\n  const thumbStart = React.useRef<HTMLDivElement>(null);\n  const thumbEnd = React.useRef<HTMLDivElement>(null);\n  const { sizeY } = useAdaptivity();\n\n  const offsetToValue = (absolute: number) => {\n    return rescale(absolute, [0, gesture.containerWidth], [min, max], { step });\n  };\n\n  const updateRange = (nextValue: number): UniversalValue => {\n    if (start == null) {\n      return [null, nextValue];\n    }\n\n    const { dragging } = gesture;\n    if (dragging === \"start\") {\n      if (nextValue > end) {\n        // \"перехватиться\", если перетянули за конец\n        gesture.dragging = \"end\";\n        return [end, nextValue];\n      }\n      return [nextValue, end];\n    }\n    if (dragging === \"end\") {\n      if (nextValue < start) {\n        // \"перехватиться\", если перетянули за начало\n        gesture.dragging = \"start\";\n        return [nextValue, start];\n      }\n      return [start, nextValue];\n    }\n\n    return value;\n  };\n\n  const snapDirection = (pos: number, target: EventTarget | null) => {\n    if (target === thumbStart.current) {\n      return \"start\";\n    }\n    if (target === thumbEnd.current) {\n      return \"end\";\n    }\n    return Math.abs((start ?? 0) - pos) <= Math.abs(end - pos)\n      ? \"start\"\n      : \"end\";\n  };\n\n  const onStart: TouchEventHandler = (e: TouchEvent) => {\n    const boundingRect = container.current?.getBoundingClientRect();\n    gesture.containerWidth = boundingRect?.width ?? 0;\n\n    const absolutePosition = e.startX - (boundingRect?.left ?? 0);\n    const pos = offsetToValue(absolutePosition);\n    gesture.dragging = snapDirection(pos, e.originalEvent.target);\n    gesture.startX = absolutePosition;\n\n    onChange?.(updateRange(pos), e);\n    e.originalEvent.stopPropagation();\n  };\n\n  const onMove: TouchEventHandler = (e: TouchEvent) => {\n    onChange?.(updateRange(offsetToValue(gesture.startX + (e.shiftX || 0))), e);\n\n    e.originalEvent.stopPropagation();\n    e.originalEvent.preventDefault();\n  };\n\n  const onEnd: TouchEventHandler = (e) => {\n    gesture.dragging = false;\n    e.originalEvent.stopPropagation();\n  };\n\n  const toPercent = (v: number) => ((v - min) / (max - min)) * 100;\n  const draggerStyle = isRange\n    ? {\n        width: `${toPercent(end) - toPercent(start ?? 0)}%`,\n        left: `${toPercent(start ?? 0)}%`,\n      }\n    : {\n        width: `${toPercent(end)}%`,\n      };\n\n  return (\n    <Touch\n      data-value={isRange ? value.join(\",\") : value}\n      {...restProps}\n      {...(disabled ? {} : { onStart, onMove, onEnd })}\n      className={classNamesString(\n        styles[\"Slider\"],\n        getSizeYClassName(styles[\"Slider\"], sizeY),\n        disabled && styles[\"Slider--disabled\"],\n        className\n      )}\n    >\n      <div ref={container} className={styles[\"Slider__in\"]}>\n        <div className={styles[\"Slider__dragger\"]} style={draggerStyle}>\n          {isRange && (\n            <span\n              className={classNamesString(\n                styles[\"Slider__thumb\"],\n                styles[\"Slider__thumb--start\"]\n              )}\n              ref={thumbStart}\n            />\n          )}\n          <span\n            className={classNamesString(\n              styles[\"Slider__thumb\"],\n              styles[\"Slider__thumb--end\"]\n            )}\n            ref={thumbEnd}\n          />\n        </div>\n      </div>\n    </Touch>\n  );\n};\n"],"mappings":"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"}