npm - @vkontakte/vkui - Versions diffs - 4.24.0 → 4.25.0 - Mend

@vkontakte/vkui 4.24.0 → 4.25.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1469) hide show

package/dist/cjs/components/PullToRefresh/PullToRefresh.js CHANGED Viewed

@@ -87,7 +87,7 @@ var PullToRefresh = /*#__PURE__*/function (_React$PureComponent) {
     _this = _super.call(this, props);
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "params", void 0);
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "contentRef", void 0);
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "waitFetchingTimeout", void 0);
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "waitFetchingTimeout", undefined);
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "onTouchStart", function (e) {
       if (_this.state.refreshing) {
         cancelEvent(e);
@@ -104,14 +104,14 @@ var PullToRefresh = /*#__PURE__*/function (_React$PureComponent) {
       }
     });
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "onTouchMove", function (e) {
+      var _this$props$scroll;
       var isY = e.isY,
           shiftY = e.shiftY;
       var _this$params = _this.params,
           start = _this$params.start,
           max = _this$params.max;
-      var pageYOffset = _this.props.scroll.getScroll().y;
+      var pageYOffset = (_this$props$scroll = _this.props.scroll) === null || _this$props$scroll === void 0 ? void 0 : _this$props$scroll.getScroll().y;
       var _this$state = _this.state,
           refreshing = _this$state.refreshing,
           watching = _this$state.watching,
@@ -207,7 +207,9 @@ var PullToRefresh = /*#__PURE__*/function (_React$PureComponent) {
         });
       }
-      clearTimeout(this.waitFetchingTimeout);
+      if (this.waitFetchingTimeout) {
+        clearTimeout(this.waitFetchingTimeout);
+      }
     }
   }, {
     key: "componentDidUpdate",
@@ -216,7 +218,7 @@ var PullToRefresh = /*#__PURE__*/function (_React$PureComponent) {
         this.onRefreshingFinish();
       }
-      if (!prevProps.isFetching && this.props.isFetching) {
+      if (!prevProps.isFetching && this.props.isFetching && this.waitFetchingTimeout) {
         clearTimeout(this.waitFetchingTimeout);
       }
@@ -315,7 +317,7 @@ var PullToRefresh = /*#__PURE__*/function (_React$PureComponent) {
           opacity: watching || refreshing || canRefresh ? 1 : 0
         },
         on: refreshing,
-        progress: refreshing ? null : spinnerProgress
+        progress: refreshing ? undefined : spinnerProgress
       })), (0, _jsxRuntime.createScopedElement)("div", {
         vkuiClass: "PullToRefresh__content",
         ref: this.contentRef,
@@ -327,7 +329,8 @@ var PullToRefresh = /*#__PURE__*/function (_React$PureComponent) {
     }
   }]);
   return PullToRefresh;
-}(React.PureComponent);
+}(React.PureComponent); // eslint-disable-next-line import/no-default-export
 var _default = (0, _withContext.withContext)((0, _withPlatform.withPlatform)((0, _dom.withDOM)(PullToRefresh)), _ScrollContext.ScrollContext, "scroll");

package/dist/cjs/components/PullToRefresh/PullToRefresh.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../../src/components/PullToRefresh/PullToRefresh.tsx"],"names":["cancelEvent","event","originalEvent","preventDefault","cancelable","stopPropagation","PullToRefresh","props","e","state","refreshing","setState","touchDown","isY","shiftY","params","start","max","pageYOffset","scroll","getScroll","y","watching","positionMultiplier","shift","Math","touchY","currentY","min","maxY","progress","abs","spinnerY","spinnerProgress","canRefresh","contentShift","platform","IOS","runRefreshing","resetRefreshingState","ANDROID","VKCOM","contentRef","React","createRef","document","canUseDOM","addEventListener","onWindowTouchMove","passive","removeEventListener","clearTimeout","waitFetchingTimeout","prevProps","prevState","isFetching","onRefreshingFinish","onRefresh","setTimeout","children","window","restProps","spinnerTransform","contentTransform","onTouchStart","onTouchMove","onTouchEnd","transform","WebkitTransform","opacity","PureComponent","ScrollContext"],"mappings":"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","sourcesContent":["import * as React from \"react\";\nimport { Touch, TouchProps, TouchEvent } from \"../Touch/Touch\";\nimport TouchRootContext from \"../Touch/TouchContext\";\nimport FixedLayout from \"../FixedLayout/FixedLayout\";\nimport { classNames } from \"../../lib/classNames\";\nimport { IOS, ANDROID, VKCOM } from \"../../lib/platform\";\nimport { getClassName } from \"../../helpers/getClassName\";\nimport PullToRefreshSpinner from \"./PullToRefreshSpinner\";\nimport { withPlatform } from \"../../hoc/withPlatform\";\nimport { AnyFunction, HasPlatform } from \"../../types\";\nimport { canUseDOM, DOMProps, withDOM } from \"../../lib/dom\";\nimport { runTapticImpactOccurred } from \"../../lib/taptic\";\nimport { withContext } from \"../../hoc/withContext\";\nimport {\n ScrollContext,\n ScrollContextInterface,\n} from \"../AppRoot/ScrollContext\";\nimport \"./PullToRefresh.css\";\n\nexport interface PullToRefreshProps extends TouchProps, HasPlatform {\n /*\n Будет вызвана для обновления контента\n /\n onRefresh: AnyFunction;\n /\n Определяет, выполняется ли обновление. Для скрытия спиннера после получения контента необходимо передать `false`\n /\n isFetching?: boolean;\n /* @ignore /\n scroll?: ScrollContextInterface;\n}\n\nexport interface PullToRefreshState {\n watching: boolean;\n refreshing: boolean;\n canRefresh: boolean;\n\n touchDown: boolean;\n\n touchY: number;\n spinnerY: PullToRefreshParams[\"start\"];\n spinnerProgress: number;\n contentShift: number;\n}\n\nexport interface PullToRefreshParams {\n start: number;\n max: number;\n maxY: number;\n refreshing: number;\n positionMultiplier: number;\n}\n\nexport type TouchEventHandler = (event: TouchEvent) => void;\n\nfunction cancelEvent(event: any) {\n if (!event) {\n return false;\n }\n while (event.originalEvent) {\n event = event.originalEvent;\n }\n if (event.preventDefault && event.cancelable) {\n event.preventDefault();\n }\n if (event.stopPropagation) {\n event.stopPropagation();\n }\n return false;\n}\n\nclass PullToRefresh extends React.PureComponent<\n PullToRefreshProps & DOMProps,\n PullToRefreshState\n> {\n constructor(props: PullToRefreshProps) {\n super(props);\n\n this.params = {\n start: props.platform === ANDROID \|\| props.platform === VKCOM ? -45 : -10,\n max: props.platform === ANDROID \|\| props.platform === VKCOM ? 80 : 50,\n maxY: props.platform === ANDROID \|\| props.platform === VKCOM ? 80 : 400,\n refreshing:\n props.platform === ANDROID \|\| props.platform === VKCOM ? 50 : 36,\n\n positionMultiplier:\n props.platform === ANDROID \|\| props.platform === VKCOM ? 1 : 0.21,\n };\n\n this.state = {\n watching: false,\n refreshing: false,\n canRefresh: false,\n\n touchDown: false,\n\n touchY: 0,\n spinnerY: this.params.start,\n spinnerProgress: 0,\n contentShift: 0,\n };\n\n this.contentRef = React.createRef();\n }\n\n params: PullToRefreshParams;\n contentRef: React.RefObject<HTMLDivElement>;\n waitFetchingTimeout: ReturnType<typeof setTimeout>;\n\n get document() {\n return this.props.document;\n }\n\n componentDidMount() {\n if (canUseDOM) {\n this.document.addEventListener(\"touchmove\", this.onWindowTouchMove, {\n // @ts-ignore\n cancelable: true,\n passive: false,\n });\n }\n }\n\n componentWillUnmount() {\n // Здесь нужен последний аргумент с такими же параметрами, потому что\n // некоторые браузеры на странных вендорах типа Meizu не удаляют обработчик.\n // https://github.com/VKCOM/VKUI/issues/444\n if (canUseDOM) {\n this.document.removeEventListener(\"touchmove\", this.onWindowTouchMove, {\n // @ts-ignore\n cancelable: true,\n passive: false,\n });\n }\n clearTimeout(this.waitFetchingTimeout);\n }\n\n componentDidUpdate(\n prevProps: PullToRefreshProps,\n prevState: PullToRefreshState\n ) {\n if (prevProps.isFetching && !this.props.isFetching) {\n this.onRefreshingFinish();\n }\n if (!prevProps.isFetching && this.props.isFetching) {\n clearTimeout(this.waitFetchingTimeout);\n }\n\n if (prevState.touchDown && !this.state.touchDown) {\n const { refreshing, canRefresh } = this.state;\n if (!refreshing && canRefresh) {\n this.runRefreshing();\n } else if (refreshing && !this.props.isFetching) {\n // only iOS can start refresh before gesture end\n this.resetRefreshingState();\n } else {\n // refreshing && isFetching: refresh in progress\n // OR !refreshing && !canRefresh: pull was not strong enough\n this.setState({\n spinnerY: refreshing ? this.params.refreshing : this.params.start,\n spinnerProgress: 0,\n contentShift: 0,\n });\n }\n }\n }\n\n onTouchStart: TouchEventHandler = (e: TouchEvent) => {\n if (this.state.refreshing) {\n cancelEvent(e);\n }\n this.setState({ touchDown: true });\n };\n\n onWindowTouchMove: EventListener = (event: Event) => {\n if (this.state.refreshing) {\n event.preventDefault();\n event.stopPropagation();\n }\n };\n\n onTouchMove: TouchEventHandler = (e: TouchEvent) => {\n const { isY, shiftY } = e;\n const { start, max } = this.params;\n const pageYOffset = this.props.scroll.getScroll().y;\n\n const { refreshing, watching, touchDown } = this.state;\n\n if (watching && touchDown) {\n cancelEvent(e);\n\n const { positionMultiplier } = this.params;\n\n const shift = Math.max(0, shiftY - this.state.touchY);\n\n const currentY = Math.max(\n start,\n Math.min(this.params.maxY, start + shift positionMultiplier)\n );\n const progress =\n currentY > -10 ? Math.abs((currentY + 10) / max) * 80 : 0;\n\n this.setState({\n spinnerY: currentY,\n spinnerProgress: Math.min(80, Math.max(0, progress)),\n canRefresh: progress > 80,\n contentShift: (currentY + 10) * 2.3,\n });\n\n if (progress > 85 && !refreshing && this.props.platform === IOS) {\n this.runRefreshing();\n }\n } else if (\n isY &&\n pageYOffset === 0 &&\n shiftY > 0 &&\n !refreshing &&\n touchDown\n ) {\n cancelEvent(e);\n\n this.setState({\n watching: true,\n touchY: shiftY,\n spinnerY: start,\n spinnerProgress: 0,\n });\n }\n };\n\n onTouchEnd = () => {\n this.setState({\n watching: false,\n touchDown: false,\n });\n };\n\n runRefreshing() {\n if (!this.state.refreshing && this.props.onRefresh) {\n // cleanup if the consumer does not start fetching in 1s\n this.waitFetchingTimeout = setTimeout(this.onRefreshingFinish, 1000);\n this.setState({\n refreshing: true,\n spinnerY:\n this.props.platform === ANDROID \|\| this.props.platform === VKCOM\n ? this.params.refreshing\n : this.state.spinnerY,\n });\n\n this.props.onRefresh();\n runTapticImpactOccurred(\"light\");\n }\n }\n\n onRefreshingFinish: VoidFunction = () => {\n if (!this.state.touchDown) {\n this.resetRefreshingState();\n }\n };\n\n resetRefreshingState() {\n this.setState({\n watching: false,\n canRefresh: false,\n refreshing: false,\n spinnerY: this.params.start,\n spinnerProgress: 0,\n contentShift: 0,\n });\n }\n\n render() {\n const {\n children,\n onRefresh,\n isFetching,\n platform,\n window,\n document,\n scroll,\n ...restProps\n } = this.props;\n const {\n watching,\n refreshing,\n spinnerY,\n spinnerProgress,\n canRefresh,\n touchDown,\n contentShift,\n } = this.state;\n\n const spinnerTransform = `translate3d(0, ${spinnerY}px, 0)`;\n let contentTransform = \"\";\n\n if (platform === IOS && refreshing && !touchDown) {\n contentTransform = \"translate3d(0, 100px, 0)\";\n } else if (platform === IOS && (contentShift \|\| refreshing)) {\n contentTransform = `translate3d(0, ${contentShift}px, 0)`;\n }\n\n return (\n <TouchRootContext.Provider value={true}>\n <Touch\n {...restProps}\n onStart={this.onTouchStart}\n onMove={this.onTouchMove}\n onEnd={this.onTouchEnd}\n vkuiClass={classNames(getClassName(\"PullToRefresh\", platform), {\n \"PullToRefresh--watching\": watching,\n \"PullToRefresh--refreshing\": refreshing,\n })}\n >\n <FixedLayout vkuiClass=\"PullToRefresh__controls\">\n <PullToRefreshSpinner\n style={{\n transform: spinnerTransform,\n WebkitTransform: spinnerTransform,\n opacity: watching \|\| refreshing \|\| canRefresh ? 1 : 0,\n }}\n on={refreshing}\n progress={refreshing ? null : spinnerProgress}\n />\n </FixedLayout>\n\n <div\n vkuiClass=\"PullToRefresh__content\"\n ref={this.contentRef}\n style={{\n transform: contentTransform,\n WebkitTransform: contentTransform,\n }}\n >\n {children}\n </div>\n </Touch>\n </TouchRootContext.Provider>\n );\n }\n}\n\nexport default withContext(\n withPlatform(withDOM<PullToRefreshProps>(PullToRefresh)),\n ScrollContext,\n \"scroll\"\n);\n"],"file":"PullToRefresh.js"}
1	+ {"version":3,"sources":["../../../../src/components/PullToRefresh/PullToRefresh.tsx"],"names":["cancelEvent","event","originalEvent","preventDefault","cancelable","stopPropagation","PullToRefresh","props","undefined","e","state","refreshing","setState","touchDown","isY","shiftY","params","start","max","pageYOffset","scroll","getScroll","y","watching","positionMultiplier","shift","Math","touchY","currentY","min","maxY","progress","abs","spinnerY","spinnerProgress","canRefresh","contentShift","platform","IOS","runRefreshing","resetRefreshingState","ANDROID","VKCOM","contentRef","React","createRef","document","canUseDOM","addEventListener","onWindowTouchMove","passive","removeEventListener","waitFetchingTimeout","clearTimeout","prevProps","prevState","isFetching","onRefreshingFinish","onRefresh","setTimeout","children","window","restProps","spinnerTransform","contentTransform","onTouchStart","onTouchMove","onTouchEnd","transform","WebkitTransform","opacity","PureComponent","ScrollContext"],"mappings":"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","sourcesContent":["import * as React from \"react\";\nimport { Touch, TouchProps, TouchEvent } from \"../Touch/Touch\";\nimport TouchRootContext from \"../Touch/TouchContext\";\nimport FixedLayout from \"../FixedLayout/FixedLayout\";\nimport { classNames } from \"../../lib/classNames\";\nimport { IOS, ANDROID, VKCOM } from \"../../lib/platform\";\nimport { getClassName } from \"../../helpers/getClassName\";\nimport PullToRefreshSpinner from \"./PullToRefreshSpinner\";\nimport { withPlatform } from \"../../hoc/withPlatform\";\nimport { AnyFunction, HasPlatform } from \"../../types\";\nimport { canUseDOM, DOMProps, withDOM } from \"../../lib/dom\";\nimport { runTapticImpactOccurred } from \"../../lib/taptic\";\nimport { withContext } from \"../../hoc/withContext\";\nimport {\n ScrollContext,\n ScrollContextInterface,\n} from \"../AppRoot/ScrollContext\";\nimport \"./PullToRefresh.css\";\n\nexport interface PullToRefreshProps extends TouchProps, HasPlatform {\n /*\n Будет вызвана для обновления контента\n /\n onRefresh: AnyFunction;\n /\n Определяет, выполняется ли обновление. Для скрытия спиннера после получения контента необходимо передать `false`\n /\n isFetching?: boolean;\n /* @ignore /\n scroll?: ScrollContextInterface;\n}\n\nexport interface PullToRefreshState {\n watching: boolean;\n refreshing: boolean;\n canRefresh: boolean;\n\n touchDown: boolean;\n\n touchY: number;\n spinnerY: PullToRefreshParams[\"start\"];\n spinnerProgress: number;\n contentShift: number;\n}\n\nexport interface PullToRefreshParams {\n start: number;\n max: number;\n maxY: number;\n refreshing: number;\n positionMultiplier: number;\n}\n\nexport type TouchEventHandler = (event: TouchEvent) => void;\n\nfunction cancelEvent(event: any) {\n if (!event) {\n return false;\n }\n while (event.originalEvent) {\n event = event.originalEvent;\n }\n if (event.preventDefault && event.cancelable) {\n event.preventDefault();\n }\n if (event.stopPropagation) {\n event.stopPropagation();\n }\n return false;\n}\n\nclass PullToRefresh extends React.PureComponent<\n PullToRefreshProps & DOMProps,\n PullToRefreshState\n> {\n constructor(props: PullToRefreshProps) {\n super(props);\n\n this.params = {\n start: props.platform === ANDROID \|\| props.platform === VKCOM ? -45 : -10,\n max: props.platform === ANDROID \|\| props.platform === VKCOM ? 80 : 50,\n maxY: props.platform === ANDROID \|\| props.platform === VKCOM ? 80 : 400,\n refreshing:\n props.platform === ANDROID \|\| props.platform === VKCOM ? 50 : 36,\n\n positionMultiplier:\n props.platform === ANDROID \|\| props.platform === VKCOM ? 1 : 0.21,\n };\n\n this.state = {\n watching: false,\n refreshing: false,\n canRefresh: false,\n\n touchDown: false,\n\n touchY: 0,\n spinnerY: this.params.start,\n spinnerProgress: 0,\n contentShift: 0,\n };\n\n this.contentRef = React.createRef();\n }\n\n params: PullToRefreshParams;\n contentRef: React.RefObject<HTMLDivElement>;\n waitFetchingTimeout: ReturnType<typeof setTimeout> \| undefined = undefined;\n\n get document() {\n return this.props.document;\n }\n\n componentDidMount() {\n if (canUseDOM) {\n this.document!.addEventListener(\"touchmove\", this.onWindowTouchMove, {\n // @ts-ignore\n cancelable: true,\n passive: false,\n });\n }\n }\n\n componentWillUnmount() {\n // Здесь нужен последний аргумент с такими же параметрами, потому что\n // некоторые браузеры на странных вендорах типа Meizu не удаляют обработчик.\n // https://github.com/VKCOM/VKUI/issues/444\n if (canUseDOM) {\n this.document!.removeEventListener(\"touchmove\", this.onWindowTouchMove, {\n // @ts-ignore\n cancelable: true,\n passive: false,\n });\n }\n if (this.waitFetchingTimeout) {\n clearTimeout(this.waitFetchingTimeout);\n }\n }\n\n componentDidUpdate(\n prevProps: PullToRefreshProps,\n prevState: PullToRefreshState\n ) {\n if (prevProps.isFetching && !this.props.isFetching) {\n this.onRefreshingFinish();\n }\n if (\n !prevProps.isFetching &&\n this.props.isFetching &&\n this.waitFetchingTimeout\n ) {\n clearTimeout(this.waitFetchingTimeout);\n }\n\n if (prevState.touchDown && !this.state.touchDown) {\n const { refreshing, canRefresh } = this.state;\n if (!refreshing && canRefresh) {\n this.runRefreshing();\n } else if (refreshing && !this.props.isFetching) {\n // only iOS can start refresh before gesture end\n this.resetRefreshingState();\n } else {\n // refreshing && isFetching: refresh in progress\n // OR !refreshing && !canRefresh: pull was not strong enough\n this.setState({\n spinnerY: refreshing ? this.params.refreshing : this.params.start,\n spinnerProgress: 0,\n contentShift: 0,\n });\n }\n }\n }\n\n onTouchStart: TouchEventHandler = (e: TouchEvent) => {\n if (this.state.refreshing) {\n cancelEvent(e);\n }\n this.setState({ touchDown: true });\n };\n\n onWindowTouchMove: EventListener = (event: Event) => {\n if (this.state.refreshing) {\n event.preventDefault();\n event.stopPropagation();\n }\n };\n\n onTouchMove: TouchEventHandler = (e: TouchEvent) => {\n const { isY, shiftY } = e;\n const { start, max } = this.params;\n const pageYOffset = this.props.scroll?.getScroll().y;\n\n const { refreshing, watching, touchDown } = this.state;\n\n if (watching && touchDown) {\n cancelEvent(e);\n\n const { positionMultiplier } = this.params;\n\n const shift = Math.max(0, shiftY - this.state.touchY);\n\n const currentY = Math.max(\n start,\n Math.min(this.params.maxY, start + shift positionMultiplier)\n );\n const progress =\n currentY > -10 ? Math.abs((currentY + 10) / max) * 80 : 0;\n\n this.setState({\n spinnerY: currentY,\n spinnerProgress: Math.min(80, Math.max(0, progress)),\n canRefresh: progress > 80,\n contentShift: (currentY + 10) * 2.3,\n });\n\n if (progress > 85 && !refreshing && this.props.platform === IOS) {\n this.runRefreshing();\n }\n } else if (\n isY &&\n pageYOffset === 0 &&\n shiftY > 0 &&\n !refreshing &&\n touchDown\n ) {\n cancelEvent(e);\n\n this.setState({\n watching: true,\n touchY: shiftY,\n spinnerY: start,\n spinnerProgress: 0,\n });\n }\n };\n\n onTouchEnd = () => {\n this.setState({\n watching: false,\n touchDown: false,\n });\n };\n\n runRefreshing() {\n if (!this.state.refreshing && this.props.onRefresh) {\n // cleanup if the consumer does not start fetching in 1s\n this.waitFetchingTimeout = setTimeout(this.onRefreshingFinish, 1000);\n this.setState({\n refreshing: true,\n spinnerY:\n this.props.platform === ANDROID \|\| this.props.platform === VKCOM\n ? this.params.refreshing\n : this.state.spinnerY,\n });\n\n this.props.onRefresh();\n runTapticImpactOccurred(\"light\");\n }\n }\n\n onRefreshingFinish: VoidFunction = () => {\n if (!this.state.touchDown) {\n this.resetRefreshingState();\n }\n };\n\n resetRefreshingState() {\n this.setState({\n watching: false,\n canRefresh: false,\n refreshing: false,\n spinnerY: this.params.start,\n spinnerProgress: 0,\n contentShift: 0,\n });\n }\n\n render() {\n const {\n children,\n onRefresh,\n isFetching,\n platform,\n window,\n document,\n scroll,\n ...restProps\n } = this.props;\n const {\n watching,\n refreshing,\n spinnerY,\n spinnerProgress,\n canRefresh,\n touchDown,\n contentShift,\n } = this.state;\n\n const spinnerTransform = `translate3d(0, ${spinnerY}px, 0)`;\n let contentTransform = \"\";\n\n if (platform === IOS && refreshing && !touchDown) {\n contentTransform = \"translate3d(0, 100px, 0)\";\n } else if (platform === IOS && (contentShift \|\| refreshing)) {\n contentTransform = `translate3d(0, ${contentShift}px, 0)`;\n }\n\n return (\n <TouchRootContext.Provider value={true}>\n <Touch\n {...restProps}\n onStart={this.onTouchStart}\n onMove={this.onTouchMove}\n onEnd={this.onTouchEnd}\n vkuiClass={classNames(getClassName(\"PullToRefresh\", platform), {\n \"PullToRefresh--watching\": watching,\n \"PullToRefresh--refreshing\": refreshing,\n })}\n >\n <FixedLayout vkuiClass=\"PullToRefresh__controls\">\n <PullToRefreshSpinner\n style={{\n transform: spinnerTransform,\n WebkitTransform: spinnerTransform,\n opacity: watching \|\| refreshing \|\| canRefresh ? 1 : 0,\n }}\n on={refreshing}\n progress={refreshing ? undefined : spinnerProgress}\n />\n </FixedLayout>\n\n <div\n vkuiClass=\"PullToRefresh__content\"\n ref={this.contentRef}\n style={{\n transform: contentTransform,\n WebkitTransform: contentTransform,\n }}\n >\n {children}\n </div>\n </Touch>\n </TouchRootContext.Provider>\n );\n }\n}\n\n// eslint-disable-next-line import/no-default-export\nexport default withContext(\n withPlatform(withDOM<PullToRefreshProps>(PullToRefresh)),\n ScrollContext,\n \"scroll\"\n);\n"],"file":"PullToRefresh.js"}

package/dist/cjs/components/PullToRefresh/PullToRefreshSpinner.js CHANGED Viewed

@@ -1,7 +1,5 @@
 "use strict";
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
 Object.defineProperty(exports, "__esModule", {
@@ -11,26 +9,27 @@ exports.default = void 0;
 var _jsxRuntime = require("../../lib/jsxRuntime");
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var React = _interopRequireWildcard(require("react"));
 var _classNames = require("../../lib/classNames");
-var _excluded = ["on", "progress", "size", "strokeWidth", "style"];
 function calcStrokeDashOffset(value, radius) {
   var progress = value / 100;
   return 2 * Math.PI * radius * (1 - progress);
 }
 var PullToRefreshSpinner = function PullToRefreshSpinner(_ref) {
-  var on = _ref.on,
-      progress = _ref.progress,
-      size = _ref.size,
-      strokeWidth = _ref.strokeWidth,
+  var _ref$on = _ref.on,
+      on = _ref$on === void 0 ? true : _ref$on,
+      _ref$size = _ref.size,
+      size = _ref$size === void 0 ? 24 : _ref$size,
+      _ref$strokeWidth = _ref.strokeWidth,
+      strokeWidth = _ref$strokeWidth === void 0 ? 2.5 : _ref$strokeWidth,
       style = _ref.style,
-      restProps = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+      _ref$progress = _ref.progress,
+      progress = _ref$progress === void 0 ? 0 : _ref$progress,
+      _ref$ariaLabel = _ref["aria-label"],
+      ariaLabel = _ref$ariaLabel === void 0 ? "Пожалуйста, подождите..." : _ref$ariaLabel;
   var radius = 0.5 * size - 0.5 * strokeWidth;
   var dasharray = 2 * Math.PI * radius;
   var circleCenter = 0.5 * size;
@@ -40,7 +39,7 @@ var PullToRefreshSpinner = function PullToRefreshSpinner(_ref) {
       "PullToRefresh__spinner--on": on
     }),
     style: style,
-    "aria-label": on ? restProps["aria-label"] : undefined
+    "aria-label": on ? ariaLabel : undefined
   }, (0, _jsxRuntime.createScopedElement)("svg", {
     role: "presentation",
     vkuiClass: "PullToRefresh__spinner-self",
@@ -67,15 +66,8 @@ var PullToRefreshSpinner = function PullToRefreshSpinner(_ref) {
     cy: circleCenter,
     r: radius
   }))));
-};
+}; // eslint-disable-next-line import/no-default-export
-PullToRefreshSpinner.defaultProps = {
-  size: 24,
-  strokeWidth: 2.5,
-  on: true,
-  progress: null,
-  "aria-label": "Пожалуйста, подождите..."
-};
 var _default = /*#__PURE__*/React.memo(PullToRefreshSpinner);

package/dist/cjs/components/PullToRefresh/PullToRefreshSpinner.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../../src/components/PullToRefresh/PullToRefreshSpinner.tsx"],"names":["calcStrokeDashOffset","value","radius","progress","Math","PI","PullToRefreshSpinner","on","size","strokeWidth","style","~~restProps~~","dasharray","circleCenter","dashoffset","undefined","width","height","transformOrigin","~~defaultProps","~~React","memo"],"mappings":"~~;;;;;;;;;;;;;;;~~AAAA;;AACA~~;;;;~~AAGA,SAASA,oBAAT,CAA8BC,KAA9B,EAA6CC,MAA7C,EAA6D;AAC3D,MAAMC,QAAQ,GAAGF,KAAK,GAAG,GAAzB;AACA,SAAO,IAAIG,IAAI,CAACC,EAAT,GAAcH,MAAd,IAAwB,IAAIC,QAA5B,CAAP;AACD;;AAWD,IAAMG,oBAEL,GAAG,SAFEA,oBAEF,OAO6B;AAAA,~~MAN~~/BC,EAM+B,~~QAN~~/BA,EAM+B;AAAA,~~MAL~~/BJ,~~QAK~~+B,~~QAL~~/BA,~~QAK~~+B;AAAA,~~MAJ~~/BK,~~IAI~~+B,~~QAJ~~/BA,~~IAI~~+B;AAAA,MAH/BC,~~WAG~~+B,QAH/BA,~~WAG~~+B;AAAA,~~MAF~~/BC,~~KAE~~+B,~~QAF~~/BA,~~KAE~~+B;AAAA,~~MAD5BC~~,~~SAC4B~~;AAC/B,MAAMT,MAAM,GAAG,MAAMM,IAAN,GAAa,MAAMC,WAAlC;AACA,MAAMG,SAAS,GAAG,IAAIR,IAAI,CAACC,EAAT,GAAcH,MAAhC;AACA,MAAMW,YAAY,GAAG,MAAML,IAA3B;AAEA,MAAMM,UAAU,GAAGd,oBAAoB,CAACO,EAAE,GAAG,EAAH,GAAQJ,QAAX,EAAqBD,MAArB,CAAvC;AAEA,SACE;AACE,IAAA,SAAS,EAAE,4BAAW,wBAAX,EAAqC;AAC9C,oCAA8BK;AADgB,KAArC,CADb;AAIE,IAAA,KAAK,EAAEG,KAJT;AAKE,kBAAYH,EAAE,GAAGI,~~SAAS~~,~~CAAC,YAAD,CAAZ,GAA6BI~~;~~AAL7C~~,KAOE;AACE,IAAA,IAAI,EAAC,cADP;AAEE,IAAA,SAAS,EAAC,6BAFZ;AAGE,IAAA,KAAK,EAAE;AACLC,MAAAA,KAAK,EAAER,IADF;AAELS,MAAAA,MAAM,EAAET;AAFH,KAHT;AAOE,IAAA,OAAO,gBAASA,IAAT,cAAiBA,IAAjB,CAPT;AAQE,IAAA,KAAK,EAAC;AARR,KAUE;AACE,IAAA,KAAK,EAAE;AACLQ,MAAAA,KAAK,EAAER,IADF;AAELS,MAAAA,MAAM,EAAET,IAFH;AAGLU,MAAAA,eAAe,YAAKL,YAAL,gBAAuBA,YAAvB;AAHV;AADT,KAOE;AACE,IAAA,SAAS,EAAC,6BADZ;AAEE,IAAA,IAAI,EAAC,MAFP;AAGE,IAAA,eAAe,EAAED,SAHnB;AAIE,IAAA,gBAAgB,EAAEE,UAJpB;AAKE,IAAA,WAAW,EAAEL,WALf;AAME,IAAA,aAAa,EAAC,OANhB;AAOE,IAAA,EAAE,EAAEI,YAPN;AAQE,IAAA,EAAE,EAAEA,YARN;AASE,IAAA,CAAC,EAAEX;AATL,IAPF,CAVF,CAPF,CADF;AAwCD,CAxDD~~;;AA0DAI~~,~~oBAAoB~~,~~CAACa~~,~~YAArB,GAAoC;AAClCX,EAAAA,IAAI,EAAE,EAD4B;AAElCC,EAAAA,WAAW,EAAE,GAFqB;AAGlCF,EAAAA,EAAE,EAAE,IAH8B;AAIlCJ,EAAAA,QAAQ,EAAE,IAJwB;AAKlC,gBAAc;AALoB,CAApC;;4BAQeiB,~~KAAK,CAACC,IAAN,~~CAAWf~~,oBAAX,C","sourcesContent":["import * as React from \"react\";\nimport { classNames } from \"../../lib/classNames\";\nimport \"./PullToRefresh.css\";\n\nfunction calcStrokeDashOffset(value: number, radius: number) {\n const progress = value / 100;\n return 2 * Math.PI * radius * (1 - progress);\n}\n\nexport interface PullToRefreshSpinnerProps\n extends React.HTMLAttributes<HTMLDivElement> {\n size?: number;\n strokeWidth?: number;\n on?: boolean;\n progress?: number;\n \"aria-label\"?: string;\n}\n\nconst PullToRefreshSpinner: React.FunctionComponent<\n PullToRefreshSpinnerProps\n> = ({\n on,\n ~~progress,\n~~ size,\n strokeWidth,\n style,\n ~~...restProps~~\n}: PullToRefreshSpinnerProps) => {\n const radius = 0.5 * size - 0.5 * strokeWidth;\n const dasharray = 2 * Math.PI * radius;\n const circleCenter = 0.5 * size;\n\n const dashoffset = calcStrokeDashOffset(on ? 80 : progress, radius);\n\n return (\n <div\n vkuiClass={classNames(\"PullToRefresh__spinner\", {\n \"PullToRefresh__spinner--on\": on,\n })}\n style={style}\n aria-label={on ? ~~restProps[\"aria-label\"]~~ : undefined}\n >\n <svg\n role=\"presentation\"\n vkuiClass=\"PullToRefresh__spinner-self\"\n style={{\n width: size,\n height: size,\n }}\n viewBox={`0 0 ${size} ${size}`}\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <g\n style={{\n width: size,\n height: size,\n transformOrigin: `${circleCenter}px ${circleCenter}px`,\n }}\n >\n <circle\n vkuiClass=\"PullToRefresh__spinner-path\"\n fill=\"none\"\n strokeDasharray={dasharray}\n strokeDashoffset={dashoffset}\n strokeWidth={strokeWidth}\n strokeLinecap=\"round\"\n cx={circleCenter}\n cy={circleCenter}\n r={radius}\n />\n </g>\n </svg>\n </div>\n );\n};\n\~~nPullToRefreshSpinner.defaultProps = {\~~n ~~size:~~ ~~24,\n strokeWidth:~~ ~~2.5,\n on: true,\n progress: null,\n \"aria~~-~~label~~\~~": \"Пожалуйста, подождите...\",\n};\n\~~nexport default React.memo(PullToRefreshSpinner);\n"],"file":"PullToRefreshSpinner.js"}
1	+ {"version":3,"sources":["../../../../src/components/PullToRefresh/PullToRefreshSpinner.tsx"],"names":["calcStrokeDashOffset","value","radius","progress","Math","PI","PullToRefreshSpinner","on","size","strokeWidth","style","ariaLabel","dasharray","circleCenter","dashoffset","undefined","width","height","transformOrigin","React","memo"],"mappings":";;;;;;;;;;;AAAA;;AACA;;AAGA,SAASA,oBAAT,CAA8BC,KAA9B,EAA6CC,MAA7C,EAA6D;AAC3D,MAAMC,QAAQ,GAAGF,KAAK,GAAG,GAAzB;AACA,SAAO,IAAIG,IAAI,CAACC,EAAT,GAAcH,MAAd,IAAwB,IAAIC,QAA5B,CAAP;AACD;;AAWD,IAAMG,oBAEL,GAAG,SAFEA,oBAEF,OAO6B;AAAA,qBAN/BC,EAM+B;AAAA,MAN/BA,EAM+B,wBAN1B,IAM0B;AAAA,uBAL/BC,IAK+B;AAAA,MAL/BA,IAK+B,0BALxB,EAKwB;AAAA,8BAJ/BC,WAI+B;AAAA,MAJ/BA,WAI+B,iCAJjB,GAIiB;AAAA,MAH/BC,KAG+B,QAH/BA,KAG+B;AAAA,2BAF/BP,QAE+B;AAAA,MAF/BA,QAE+B,8BAFpB,CAEoB;AAAA,4BAD/B,YAC+B;AAAA,MADjBQ,SACiB,+BADL,0BACK;AAC/B,MAAMT,MAAM,GAAG,MAAMM,IAAN,GAAa,MAAMC,WAAlC;AACA,MAAMG,SAAS,GAAG,IAAIR,IAAI,CAACC,EAAT,GAAcH,MAAhC;AACA,MAAMW,YAAY,GAAG,MAAML,IAA3B;AAEA,MAAMM,UAAU,GAAGd,oBAAoB,CAACO,EAAE,GAAG,EAAH,GAAQJ,QAAX,EAAqBD,MAArB,CAAvC;AAEA,SACE;AACE,IAAA,SAAS,EAAE,4BAAW,wBAAX,EAAqC;AAC9C,oCAA8BK;AADgB,KAArC,CADb;AAIE,IAAA,KAAK,EAAEG,KAJT;AAKE,kBAAYH,EAAE,GAAGI,SAAH,GAAeI;AAL/B,KAOE;AACE,IAAA,IAAI,EAAC,cADP;AAEE,IAAA,SAAS,EAAC,6BAFZ;AAGE,IAAA,KAAK,EAAE;AACLC,MAAAA,KAAK,EAAER,IADF;AAELS,MAAAA,MAAM,EAAET;AAFH,KAHT;AAOE,IAAA,OAAO,gBAASA,IAAT,cAAiBA,IAAjB,CAPT;AAQE,IAAA,KAAK,EAAC;AARR,KAUE;AACE,IAAA,KAAK,EAAE;AACLQ,MAAAA,KAAK,EAAER,IADF;AAELS,MAAAA,MAAM,EAAET,IAFH;AAGLU,MAAAA,eAAe,YAAKL,YAAL,gBAAuBA,YAAvB;AAHV;AADT,KAOE;AACE,IAAA,SAAS,EAAC,6BADZ;AAEE,IAAA,IAAI,EAAC,MAFP;AAGE,IAAA,eAAe,EAAED,SAHnB;AAIE,IAAA,gBAAgB,EAAEE,UAJpB;AAKE,IAAA,WAAW,EAAEL,WALf;AAME,IAAA,aAAa,EAAC,OANhB;AAOE,IAAA,EAAE,EAAEI,YAPN;AAQE,IAAA,EAAE,EAAEA,YARN;AASE,IAAA,CAAC,EAAEX;AATL,IAPF,CAVF,CAPF,CADF;AAwCD,CAxDD,C,CA0DA;;;4BACeiB,KAAK,CAACC,IAAN,CAAWd,oBAAX,C","sourcesContent":["import * as React from \"react\";\nimport { classNames } from \"../../lib/classNames\";\nimport \"./PullToRefresh.css\";\n\nfunction calcStrokeDashOffset(value: number, radius: number) {\n const progress = value / 100;\n return 2 * Math.PI * radius * (1 - progress);\n}\n\nexport interface PullToRefreshSpinnerProps\n extends React.HTMLAttributes<HTMLDivElement> {\n size?: number;\n strokeWidth?: number;\n on?: boolean;\n progress?: number;\n \"aria-label\"?: string;\n}\n\nconst PullToRefreshSpinner: React.FunctionComponent<\n PullToRefreshSpinnerProps\n> = ({\n on = true,\n size = 24,\n strokeWidth = 2.5,\n style,\n progress = 0,\n \"aria-label\": ariaLabel = \"Пожалуйста, подождите...\",\n}: PullToRefreshSpinnerProps) => {\n const radius = 0.5 * size - 0.5 * strokeWidth;\n const dasharray = 2 * Math.PI * radius;\n const circleCenter = 0.5 * size;\n\n const dashoffset = calcStrokeDashOffset(on ? 80 : progress, radius);\n\n return (\n <div\n vkuiClass={classNames(\"PullToRefresh__spinner\", {\n \"PullToRefresh__spinner--on\": on,\n })}\n style={style}\n aria-label={on ? ariaLabel : undefined}\n >\n <svg\n role=\"presentation\"\n vkuiClass=\"PullToRefresh__spinner-self\"\n style={{\n width: size,\n height: size,\n }}\n viewBox={`0 0 ${size} ${size}`}\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <g\n style={{\n width: size,\n height: size,\n transformOrigin: `${circleCenter}px ${circleCenter}px`,\n }}\n >\n <circle\n vkuiClass=\"PullToRefresh__spinner-path\"\n fill=\"none\"\n strokeDasharray={dasharray}\n strokeDashoffset={dashoffset}\n strokeWidth={strokeWidth}\n strokeLinecap=\"round\"\n cx={circleCenter}\n cy={circleCenter}\n r={radius}\n />\n </g>\n </svg>\n </div>\n );\n};\n\n// eslint-disable-next-line import/no-default-export\nexport default React.memo(PullToRefreshSpinner);\n"],"file":"PullToRefreshSpinner.js"}

package/dist/cjs/components/Radio/Radio.d.ts CHANGED Viewed

@@ -5,5 +5,5 @@ import "./Radio.css";
 export interface RadioProps extends React.InputHTMLAttributes<HTMLInputElement>, HasRef<HTMLInputElement>, HasRootRef<HTMLLabelElement>, AdaptivityProps {
     description?: React.ReactNode;
 }
-declare const _default: React.FC<RadioProps>;
+declare const _default: React.FC<Pick<RadioProps, "max" | "required" | "disabled" | "hidden" | "dir" | "form" | "slot" | "style" | "title" | "pattern" | "color" | "size" | "multiple" | "height" | "translate" | "width" | "prefix" | "src" | "children" | "className" | "id" | "lang" | "min" | "name" | "type" | "role" | "tabIndex" | "crossOrigin" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "list" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "draggable" | "placeholder" | "spellCheck" | "radioGroup" | "about" | "datatype" | "inlist" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "scheme" | "value" | "alt" | "autoFocus" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "autoComplete" | "accept" | "capture" | "checked" | "maxLength" | "minLength" | "readOnly" | "step" | "getRootRef" | "getRef" | "description"> & import("../AdaptivityProvider/AdaptivityContext").SizeProps>;
 export default _default;

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

@@ -77,7 +77,8 @@ var Radio = function Radio(props) {
     weight: "regular",
     vkuiClass: "Radio__description"
   }, description))));
-};
+}; // eslint-disable-next-line import/no-default-export
 var _default = (0, _withAdaptivity.withAdaptivity)(Radio, {
   sizeY: true

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

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../../src/components/Radio/Radio.tsx"],"names":["Radio","props","children","description","style","className","getRef","getRootRef","sizeY","restProps","platform","ContentComponent","VKCOM","SizeType","COMPACT","Text","Headline","IOS","ACTIVE_EFFECT_DELAY","disabled"],"mappings":";;;;;;;;;;;;;;;;;AACA;;AACA;;AACA;;AACA;;AAEA;;AACA;;AAKA;;AACA;;AACA;;AACA;;;;AAWA,IAAMA,KAA2B,GAAG,SAA9BA,KAA8B,CAACC,KAAD,EAAuB;AACzD,MACEC,QADF,GASID,KATJ,CACEC,QADF;AAAA,MAEEC,WAFF,GASIF,KATJ,CAEEE,WAFF;AAAA,MAGEC,KAHF,GASIH,KATJ,CAGEG,KAHF;AAAA,MAIEC,SAJF,GASIJ,KATJ,CAIEI,SAJF;AAAA,MAKEC,MALF,GASIL,KATJ,CAKEK,MALF;AAAA,MAMEC,UANF,GASIN,KATJ,CAMEM,UANF;AAAA,MAOEC,KAPF,GASIP,KATJ,CAOEO,KAPF;AAAA,MAQKC,SARL,0CASIR,KATJ;AAUA,MAAMS,QAAQ,GAAG,+BAAjB;AAEA,MAAMC,gBAAgB,GACpBD,QAAQ,KAAKE,eAAb,IAAsBJ,KAAK,KAAKK,yBAASC,OAAzC,GAAmDC,aAAnD,GAA0DC,iBAD5D;AAGA,SACE,qCAAC,iBAAD;AACE,IAAA,SAAS,EAAC,OADZ;AAEE,IAAA,KAAK,EAAEZ,KAFT;AAGE,IAAA,SAAS,EAAEC,SAHb;AAIE,IAAA,SAAS,EAAE,4BACT,gCAAa,OAAb,EAAsBK,QAAtB,CADS,yBAEOF,KAFP,EAJb;AAQE,IAAA,iBAAiB,EAAEE,QAAQ,KAAKO,aAAb,GAAmB,GAAnB,GAAyBC,6BAR9C;AASE,IAAA,QAAQ,EAAET,SAAS,CAACU,QATtB;AAUE,IAAA,UAAU,EAAEZ;AAVd,KAYE,yEACME,SADN;AAEE,IAAA,IAAI,EAAC,OAFP;AAGE,IAAA,SAAS,EAAC,cAHZ;AAIE,IAAA,GAAG,EAAEH;AAJP,KAZF,EAkBE;AAAK,IAAA,SAAS,EAAC;AAAf,KACE;AAAG,IAAA,SAAS,EAAC,aAAb;AAA2B,IAAA,IAAI,EAAC;AAAhC,IADF,EAEE,qCAAC,gBAAD;AACE,IAAA,MAAM,EAAC,SADT;AAEE,IAAA,SAAS,EAAC,gBAFZ;AAGE,IAAA,SAAS,EAAC;AAHZ,KAKE;AAAK,IAAA,SAAS,EAAC;AAAf,KAAkCJ,QAAlC,CALF,EAMG,yBAAaC,WAAb,KACC,qCAAC,gBAAD;AACE,IAAA,KAAK,EAAC,GADR;AAEE,IAAA,SAAS,EAAC,MAFZ;AAGE,IAAA,MAAM,EAAC,SAHT;AAIE,IAAA,SAAS,EAAC;AAJZ,KAMGA,WANH,CAPJ,CAFF,CAlBF,CADF;AAyCD,CAzDD~~;;eA2De~~,oCAAeH,KAAf,EAAsB;AACnCQ,EAAAA,KAAK,EAAE;AAD4B,CAAtB,C","sourcesContent":["import * as React from \"react\";\nimport Tappable, { ACTIVE_EFFECT_DELAY } from \"../Tappable/Tappable\";\nimport { getClassName } from \"../../helpers/getClassName\";\nimport { classNames } from \"../../lib/classNames\";\nimport { IOS, VKCOM } from \"../../lib/platform\";\nimport { HasRef, HasRootRef } from \"../../types\";\nimport { usePlatform } from \"../../hooks/usePlatform\";\nimport {\n withAdaptivity,\n AdaptivityProps,\n SizeType,\n} from \"../../hoc/withAdaptivity\";\nimport { hasReactNode } from \"../../lib/utils\";\nimport Caption from \"../Typography/Caption/Caption\";\nimport Headline from \"../Typography/Headline/Headline\";\nimport Text from \"../Typography/Text/Text\";\nimport \"./Radio.css\";\n\nexport interface RadioProps\n extends React.InputHTMLAttributes<HTMLInputElement>,\n HasRef<HTMLInputElement>,\n HasRootRef<HTMLLabelElement>,\n AdaptivityProps {\n description?: React.ReactNode;\n}\n\nconst Radio: React.FC<RadioProps> = (props: RadioProps) => {\n const {\n children,\n description,\n style,\n className,\n getRef,\n getRootRef,\n sizeY,\n ...restProps\n } = props;\n const platform = usePlatform();\n\n const ContentComponent =\n platform === VKCOM \|\| sizeY === SizeType.COMPACT ? Text : Headline;\n\n return (\n <Tappable\n Component=\"label\"\n style={style}\n className={className}\n vkuiClass={classNames(\n getClassName(\"Radio\", platform),\n `Radio--sizeY-${sizeY}`\n )}\n activeEffectDelay={platform === IOS ? 100 : ACTIVE_EFFECT_DELAY}\n disabled={restProps.disabled}\n getRootRef={getRootRef}\n >\n <input\n {...restProps}\n type=\"radio\"\n vkuiClass=\"Radio__input\"\n ref={getRef}\n />\n <div vkuiClass=\"Radio__container\">\n <i vkuiClass=\"Radio__icon\" role=\"presentation\" />\n <ContentComponent\n weight=\"regular\"\n vkuiClass=\"Radio__content\"\n Component=\"div\"\n >\n <div vkuiClass=\"Radio__children\">{children}</div>\n {hasReactNode(description) && (\n <Caption\n level=\"1\"\n Component=\"span\"\n weight=\"regular\"\n vkuiClass=\"Radio__description\"\n >\n {description}\n </Caption>\n )}\n </ContentComponent>\n </div>\n </Tappable>\n );\n};\n\nexport default withAdaptivity(Radio, {\n sizeY: true,\n});\n"],"file":"Radio.js"}
1	+ {"version":3,"sources":["../../../../src/components/Radio/Radio.tsx"],"names":["Radio","props","children","description","style","className","getRef","getRootRef","sizeY","restProps","platform","ContentComponent","VKCOM","SizeType","COMPACT","Text","Headline","IOS","ACTIVE_EFFECT_DELAY","disabled"],"mappings":";;;;;;;;;;;;;;;;;AACA;;AACA;;AACA;;AACA;;AAEA;;AACA;;AAKA;;AACA;;AACA;;AACA;;;;AAWA,IAAMA,KAA2B,GAAG,SAA9BA,KAA8B,CAACC,KAAD,EAAuB;AACzD,MACEC,QADF,GASID,KATJ,CACEC,QADF;AAAA,MAEEC,WAFF,GASIF,KATJ,CAEEE,WAFF;AAAA,MAGEC,KAHF,GASIH,KATJ,CAGEG,KAHF;AAAA,MAIEC,SAJF,GASIJ,KATJ,CAIEI,SAJF;AAAA,MAKEC,MALF,GASIL,KATJ,CAKEK,MALF;AAAA,MAMEC,UANF,GASIN,KATJ,CAMEM,UANF;AAAA,MAOEC,KAPF,GASIP,KATJ,CAOEO,KAPF;AAAA,MAQKC,SARL,0CASIR,KATJ;AAUA,MAAMS,QAAQ,GAAG,+BAAjB;AAEA,MAAMC,gBAAgB,GACpBD,QAAQ,KAAKE,eAAb,IAAsBJ,KAAK,KAAKK,yBAASC,OAAzC,GAAmDC,aAAnD,GAA0DC,iBAD5D;AAGA,SACE,qCAAC,iBAAD;AACE,IAAA,SAAS,EAAC,OADZ;AAEE,IAAA,KAAK,EAAEZ,KAFT;AAGE,IAAA,SAAS,EAAEC,SAHb;AAIE,IAAA,SAAS,EAAE,4BACT,gCAAa,OAAb,EAAsBK,QAAtB,CADS,yBAEOF,KAFP,EAJb;AAQE,IAAA,iBAAiB,EAAEE,QAAQ,KAAKO,aAAb,GAAmB,GAAnB,GAAyBC,6BAR9C;AASE,IAAA,QAAQ,EAAET,SAAS,CAACU,QATtB;AAUE,IAAA,UAAU,EAAEZ;AAVd,KAYE,yEACME,SADN;AAEE,IAAA,IAAI,EAAC,OAFP;AAGE,IAAA,SAAS,EAAC,cAHZ;AAIE,IAAA,GAAG,EAAEH;AAJP,KAZF,EAkBE;AAAK,IAAA,SAAS,EAAC;AAAf,KACE;AAAG,IAAA,SAAS,EAAC,aAAb;AAA2B,IAAA,IAAI,EAAC;AAAhC,IADF,EAEE,qCAAC,gBAAD;AACE,IAAA,MAAM,EAAC,SADT;AAEE,IAAA,SAAS,EAAC,gBAFZ;AAGE,IAAA,SAAS,EAAC;AAHZ,KAKE;AAAK,IAAA,SAAS,EAAC;AAAf,KAAkCJ,QAAlC,CALF,EAMG,yBAAaC,WAAb,KACC,qCAAC,gBAAD;AACE,IAAA,KAAK,EAAC,GADR;AAEE,IAAA,SAAS,EAAC,MAFZ;AAGE,IAAA,MAAM,EAAC,SAHT;AAIE,IAAA,SAAS,EAAC;AAJZ,KAMGA,WANH,CAPJ,CAFF,CAlBF,CADF;AAyCD,CAzDD,C,CA2DA;;;eACe,oCAAeH,KAAf,EAAsB;AACnCQ,EAAAA,KAAK,EAAE;AAD4B,CAAtB,C","sourcesContent":["import * as React from \"react\";\nimport Tappable, { ACTIVE_EFFECT_DELAY } from \"../Tappable/Tappable\";\nimport { getClassName } from \"../../helpers/getClassName\";\nimport { classNames } from \"../../lib/classNames\";\nimport { IOS, VKCOM } from \"../../lib/platform\";\nimport { HasRef, HasRootRef } from \"../../types\";\nimport { usePlatform } from \"../../hooks/usePlatform\";\nimport {\n withAdaptivity,\n AdaptivityProps,\n SizeType,\n} from \"../../hoc/withAdaptivity\";\nimport { hasReactNode } from \"../../lib/utils\";\nimport Caption from \"../Typography/Caption/Caption\";\nimport Headline from \"../Typography/Headline/Headline\";\nimport Text from \"../Typography/Text/Text\";\nimport \"./Radio.css\";\n\nexport interface RadioProps\n extends React.InputHTMLAttributes<HTMLInputElement>,\n HasRef<HTMLInputElement>,\n HasRootRef<HTMLLabelElement>,\n AdaptivityProps {\n description?: React.ReactNode;\n}\n\nconst Radio: React.FC<RadioProps> = (props: RadioProps) => {\n const {\n children,\n description,\n style,\n className,\n getRef,\n getRootRef,\n sizeY,\n ...restProps\n } = props;\n const platform = usePlatform();\n\n const ContentComponent =\n platform === VKCOM \|\| sizeY === SizeType.COMPACT ? Text : Headline;\n\n return (\n <Tappable\n Component=\"label\"\n style={style}\n className={className}\n vkuiClass={classNames(\n getClassName(\"Radio\", platform),\n `Radio--sizeY-${sizeY}`\n )}\n activeEffectDelay={platform === IOS ? 100 : ACTIVE_EFFECT_DELAY}\n disabled={restProps.disabled}\n getRootRef={getRootRef}\n >\n <input\n {...restProps}\n type=\"radio\"\n vkuiClass=\"Radio__input\"\n ref={getRef}\n />\n <div vkuiClass=\"Radio__container\">\n <i vkuiClass=\"Radio__icon\" role=\"presentation\" />\n <ContentComponent\n weight=\"regular\"\n vkuiClass=\"Radio__content\"\n Component=\"div\"\n >\n <div vkuiClass=\"Radio__children\">{children}</div>\n {hasReactNode(description) && (\n <Caption\n level=\"1\"\n Component=\"span\"\n weight=\"regular\"\n vkuiClass=\"Radio__description\"\n >\n {description}\n </Caption>\n )}\n </ContentComponent>\n </div>\n </Tappable>\n );\n};\n\n// eslint-disable-next-line import/no-default-export\nexport default withAdaptivity(Radio, {\n sizeY: true,\n});\n"],"file":"Radio.js"}

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

@@ -23,15 +23,21 @@ var _math = require("../../helpers/math");
 var _UniversalSlider = require("./UniversalSlider");
-var _excluded = ["onChange", "defaultValue"];
+var _excluded = ["onChange", "defaultValue", "min", "max", "step"];
 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);
   var isControlled = Boolean(props.value);
-  var _React$useState = React.useState(defaultValue || [props.min, props.max]),
+  var _React$useState = React.useState(defaultValue || [min, max]),
       _React$useState2 = (0, _slicedToArray2.default)(_React$useState, 2),
       localValue = _React$useState2[0],
       setValue = _React$useState2[1];
@@ -41,7 +47,9 @@ var RangeSlider = function RangeSlider(_ref) {
       start = _ref3[0],
       end = _ref3[1];
-  var value = [(0, _math.clamp)(start, props.min, props.max), (0, _math.clamp)(end, props.min, props.max)];
+  var value = React.useMemo(function () {
+    return [(0, _math.clamp)(start, min, max), (0, _math.clamp)(end, min, max)];
+  }, [end, max, min, start]);
   var handleChange = React.useCallback(function (nextValue, event) {
     if (props.disabled || value[0] === nextValue[0] && value[1] === nextValue[1]) {
       return;
@@ -49,18 +57,17 @@ var RangeSlider = function RangeSlider(_ref) {
     !isControlled && setValue(nextValue);
     onChange && onChange(nextValue, event);
-  }, [onChange, isControlled, value]);
+  }, [props.disabled, value, isControlled, onChange]);
   return (0, _jsxRuntime.createScopedElement)(_UniversalSlider.UniversalSlider, (0, _extends2.default)({}, props, {
     value: value,
-    onChange: handleChange
+    onChange: handleChange,
+    min: min,
+    max: max,
+    step: step
   }));
-};
+}; // eslint-disable-next-line import/no-default-export
-RangeSlider.defaultProps = {
-  min: 0,
-  max: 100,
-  step: 0
-};
 var _default = RangeSlider;
 exports.default = _default;
 //# sourceMappingURL=RangeSlider.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../../src/components/RangeSlider/RangeSlider.tsx"],"names":["RangeSlider","onChange","defaultValue","props","isControlled","Boolean","value","React","useState","~~min","max","~~localValue","setValue","start","end","handleChange","useCallback","nextValue","event","disabled"~~,"defaultProps","step"~~],"mappings":";;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;;;AAKA,IAAMA,WAAuC,GAAG,SAA1CA,WAA0C,~~OAIxB~~;AAAA,~~MAHtBC~~,~~QAGsB~~,~~QAHtBA~~,~~QAGsB~~;AAAA,~~MAFtBC~~,~~YAEsB~~,~~QAFtBA~~,~~YAEsB~~;AAAA,MADnBC,KACmB;AACtB,MAAMC,YAAY,GAAGC,OAAO,CAACF,KAAK,CAACG,KAAP,CAA5B;;AAEA,wBAA+BC,KAAK,CAACC,QAAN,~~CAC7BN~~,YAAY,IAAK,CAACC,~~KAAK~~,~~CAACM~~,~~GAAP~~,~~EAAYN,KAAK,CAACO,GAAlB,~~CADY,CAA/B;AAAA;AAAA,~~MAAOC~~,UAAP;AAAA,MAAmBC,QAAnB;;AAGA,~~cAAqBT~~,KAAK,CAACG,KAAN,~~IAAeK~~,UAApC;AAAA;AAAA,MAAOE,KAAP;AAAA,MAAcC,GAAd;;AACA,~~MAAMR~~,KAAK,~~GAAG~~,CACZ,~~iBAAMO~~,KAAN,~~EAAaV~~,~~KAAK~~,~~CAACM~~,~~GAAnB~~,~~EAAwBN~~,~~KAAK~~,~~CAACO~~,~~GAA9B~~,~~CADY~~,~~EAEZ~~,~~iBAAMI~~,~~GAAN~~,~~EAAWX~~,~~KAAK~~,~~CAACM~~,~~GAAjB~~,~~EAAsBN~~,~~KAAK~~,~~CAACO~~,~~GAA5B~~,CAFY,CAAd;AAKA,~~MAAMK~~,YAA0C,~~GAAGR~~,KAAK,~~CAACS~~,WAAN,CACjD,UAACC,SAAD,EAAYC,KAAZ,EAAsB;AACpB,~~QACEf~~,KAAK,~~CAACgB~~,QAAN,~~IACCb~~,KAAK,CAAC,CAAD,CAAL,~~KAAaW~~,SAAS,CAAC,CAAD,CAAtB,~~IAA6BX~~,KAAK,CAAC,CAAD,CAAL,~~KAAaW~~,SAAS,CAAC,CAAD,CAFtD,EAGE;AACA;AACD;;AACD,~~KAACb~~,YAAD,~~IAAiBQ~~,QAAQ,~~CAACK~~,SAAD,CAAzB;~~AACAhB~~,IAAAA,QAAQ,IAAIA,QAAQ,~~CAACgB~~,SAAD,EAAYC,KAAZ,CAApB;AACD,GAVgD,EAWjD,~~CAACjB~~,~~QAAD~~,~~EAAWG~~,~~YAAX~~,~~EAAyBE~~,~~KAAzB~~,CAXiD,CAAnD;AAcA,~~SAAO~~,qCAAC,gCAAD,~~6BAAqBH~~,~~KAArB~~;~~AAA4B~~,IAAA,KAAK,EAAEG,~~KAAnC~~;~~AAA0C~~,IAAA,QAAQ,~~EAAES;AAApD~~,~~KAAP~~;~~AACD~~,~~CA/BD;;AAiCAf~~,~~WAAW~~,~~CAACoB~~,~~YAAZ,GAA2B~~;~~AACzBX~~,~~EAAAA~~,GAAG,~~EAAE~~,~~CADoB~~;~~AAEzBC~~,~~EAAAA~~,~~GAAG~~,~~EAAE~~,~~GAFoB~~;~~AAGzBW~~,~~EAAAA~~,~~IAAI~~,~~EAAE;AAHmB~~,~~CAA3B;eAMerB,~~W","sourcesContent":["import * as React from \"react\";\nimport { clamp } from \"../../helpers/math\";\nimport { UniversalSlider, UniversalSliderProps } from \"./UniversalSlider\";\n\nexport type Value = [number, number];\nexport type RangeSliderProps = UniversalSliderProps<Value>;\n\nconst RangeSlider: React.FC<RangeSliderProps> = ({\n onChange,\n defaultValue,\n ...props\n}: RangeSliderProps) => {\n const isControlled = Boolean(props.value);\n\n const [localValue, setValue] = React.useState(\n defaultValue \|\| ([~~props.~~min, ~~props.~~max] as Value)\n );\n const [start, end] = props.value \|\| localValue;\n const value = [\n clamp(start, ~~props.~~min, ~~props.~~max)~~,\n~~ clamp(end, ~~props.~~min, ~~props.~~max)~~,\n~~ ] as Value;\n\n const handleChange: RangeSliderProps[\"onChange\"] = React.useCallback(\n (nextValue, event) => {\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 [~~onChange~~, isControlled, ~~value~~]\n );\n\n return <UniversalSlider {...props} value={value} onChange={handleChange} ~~/>;\~~n};\n\~~nRangeSlider.defaultProps~~ = {\n ~~min: 0,\~~n ~~max: 100,\~~n ~~step: 0,\n~~};\n\nexport default RangeSlider;\n"],"file":"RangeSlider.js"}
1	+ {"version":3,"sources":["../../../../src/components/RangeSlider/RangeSlider.tsx"],"names":["RangeSlider","onChange","defaultValue","min","max","step","props","isControlled","Boolean","value","React","useState","localValue","setValue","start","end","useMemo","handleChange","useCallback","nextValue","event","disabled"],"mappings":";;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;;;AAKA,IAAMA,WAAuC,GAAG,SAA1CA,WAA0C,OAOxB;AAAA,MANtBC,QAMsB,QANtBA,QAMsB;AAAA,MALtBC,YAKsB,QALtBA,YAKsB;AAAA,sBAJtBC,GAIsB;AAAA,MAJtBA,GAIsB,yBAJhB,CAIgB;AAAA,sBAHtBC,GAGsB;AAAA,MAHtBA,GAGsB,yBAHhB,GAGgB;AAAA,uBAFtBC,IAEsB;AAAA,MAFtBA,IAEsB,0BAFf,CAEe;AAAA,MADnBC,KACmB;AACtB,MAAMC,YAAY,GAAGC,OAAO,CAACF,KAAK,CAACG,KAAP,CAA5B;;AAEA,wBAA+BC,KAAK,CAACC,QAAN,CAC7BT,YAAY,IAAK,CAACC,GAAD,EAAMC,GAAN,CADY,CAA/B;AAAA;AAAA,MAAOQ,UAAP;AAAA,MAAmBC,QAAnB;;AAGA,cAAqBP,KAAK,CAACG,KAAN,IAAeG,UAApC;AAAA;AAAA,MAAOE,KAAP;AAAA,MAAcC,GAAd;;AACA,MAAMN,KAAK,GAAGC,KAAK,CAACM,OAAN,CACZ;AAAA,WAAM,CAAC,iBAAMF,KAAN,EAAaX,GAAb,EAAkBC,GAAlB,CAAD,EAAyB,iBAAMW,GAAN,EAAWZ,GAAX,EAAgBC,GAAhB,CAAzB,CAAN;AAAA,GADY,EAEZ,CAACW,GAAD,EAAMX,GAAN,EAAWD,GAAX,EAAgBW,KAAhB,CAFY,CAAd;AAKA,MAAMG,YAA0C,GAAGP,KAAK,CAACQ,WAAN,CACjD,UAACC,SAAD,EAAYC,KAAZ,EAAsB;AACpB,QACEd,KAAK,CAACe,QAAN,IACCZ,KAAK,CAAC,CAAD,CAAL,KAAaU,SAAS,CAAC,CAAD,CAAtB,IAA6BV,KAAK,CAAC,CAAD,CAAL,KAAaU,SAAS,CAAC,CAAD,CAFtD,EAGE;AACA;AACD;;AACD,KAACZ,YAAD,IAAiBM,QAAQ,CAACM,SAAD,CAAzB;AACAlB,IAAAA,QAAQ,IAAIA,QAAQ,CAACkB,SAAD,EAAYC,KAAZ,CAApB;AACD,GAVgD,EAWjD,CAACd,KAAK,CAACe,QAAP,EAAiBZ,KAAjB,EAAwBF,YAAxB,EAAsCN,QAAtC,CAXiD,CAAnD;AAcA,SACE,qCAAC,gCAAD,6BACMK,KADN;AAEE,IAAA,KAAK,EAAEG,KAFT;AAGE,IAAA,QAAQ,EAAEQ,YAHZ;AAIE,IAAA,GAAG,EAAEd,GAJP;AAKE,IAAA,GAAG,EAAEC,GALP;AAME,IAAA,IAAI,EAAEC;AANR,KADF;AAUD,CA3CD,C,CA6CA;;;eACeL,W","sourcesContent":["import * as React from \"react\";\nimport { clamp } from \"../../helpers/math\";\nimport { UniversalSlider, UniversalSliderProps } from \"./UniversalSlider\";\n\nexport type Value = [number, number];\nexport type RangeSliderProps = UniversalSliderProps<Value>;\n\nconst RangeSlider: React.FC<RangeSliderProps> = ({\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, event) => {\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\n// eslint-disable-next-line import/no-default-export\nexport default RangeSlider;\n"],"file":"RangeSlider.js"}

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

@@ -13,4 +13,4 @@ export interface UniversalSliderProps<Value> extends HasRootRef<HTMLDivElement>,
     disabled?: boolean;
     onChange?(value: Value, e: TouchEvent): void;
 }
-export declare const UniversalSlider: React.FC<UniversalSliderProps<UniversalValue>>;
+export declare const UniversalSlider: React.FC<Pick<UniversalSliderProps<UniversalValue>, "max" | "disabled" | "hidden" | "dir" | "slot" | "style" | "title" | "color" | "translate" | "prefix" | "children" | "className" | "id" | "lang" | "min" | "role" | "tabIndex" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "draggable" | "placeholder" | "spellCheck" | "radioGroup" | "about" | "datatype" | "inlist" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "scheme" | "value" | "step" | "getRootRef"> & import("../AdaptivityProvider/AdaptivityContext").SizeProps>;

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

@@ -36,10 +36,13 @@ var _usePlatform = require("../../hooks/usePlatform");
 var _excluded = ["min", "max", "step", "value", "defaultValue", "onChange", "getRootRef", "sizeY", "disabled"];
 var UniversalSliderDumb = function UniversalSliderDumb(_ref) {
-  var min = _ref.min,
-      max = _ref.max,
+  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,
-      value = _ref.value,
+      _ref$value = _ref.value,
+      value = _ref$value === void 0 ? [0, 0] : _ref$value,
       defaultValue = _ref.defaultValue,
       onChange = _ref.onChange,
       getRootRef = _ref.getRootRef,
@@ -59,8 +62,8 @@ var UniversalSliderDumb = function UniversalSliderDumb(_ref) {
     containerWidth: 0
   }).current;
   var container = (0, _useExternRef.useExternRef)(getRootRef);
-  var thumbStart = React.useRef();
-  var thumbEnd = React.useRef();
+  var thumbStart = React.useRef(null);
+  var thumbEnd = React.useRef(null);
   var offsetToValue = function offsetToValue(absolute) {
     return (0, _math.rescale)(absolute, [0, gesture.containerWidth], [min, max], {
@@ -107,22 +110,24 @@ var UniversalSliderDumb = function UniversalSliderDumb(_ref) {
       return "end";
     }
-    return Math.abs(start - pos) <= Math.abs(end - pos) ? "start" : "end";
+    return Math.abs((start !== null && start !== void 0 ? start : 0) - pos) <= Math.abs(end - pos) ? "start" : "end";
   };
   var onStart = function onStart(e) {
-    var boundingRect = container.current.getBoundingClientRect();
-    gesture.containerWidth = boundingRect.width;
-    var absolutePosition = e.startX - boundingRect.left;
+    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);
     var pos = offsetToValue(absolutePosition);
     gesture.dragging = snapDirection(pos, e.originalEvent.target);
     gesture.startX = absolutePosition;
-    onChange(updateRange(pos), e);
+    onChange === null || onChange === void 0 ? void 0 : onChange(updateRange(pos), e);
     e.originalEvent.stopPropagation();
   };
   var onMove = function onMove(e) {
-    onChange(updateRange(offsetToValue(gesture.startX + (e.shiftX || 0))), e);
+    onChange === null || onChange === void 0 ? void 0 : onChange(updateRange(offsetToValue(gesture.startX + (e.shiftX || 0))), e);
     e.originalEvent.stopPropagation();
     e.originalEvent.preventDefault();
   };
@@ -137,8 +142,8 @@ var UniversalSliderDumb = function UniversalSliderDumb(_ref) {
   };
   var draggerStyle = isRange ? {
-    width: "".concat(toPercent(end) - toPercent(start), "%"),
-    left: "".concat(toPercent(start), "%")
+    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), "%")
   };

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

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../../src/components/RangeSlider/UniversalSlider.tsx"],"names":["UniversalSliderDumb","min","max","step","value","defaultValue","onChange","getRootRef","sizeY","disabled","restProps","platform","start","end","isRange","gesture","React","useRef","dragging","startX","containerWidth","current","container","thumbStart","thumbEnd","offsetToValue","absolute","updateRange","nextValue","snapDirection","pos","target","Math","abs","onStart","e","boundingRect","getBoundingClientRect","width","absolutePosition","left","originalEvent","stopPropagation","onMove","shiftX","preventDefault","onEnd","toPercent","v","draggerStyle","join","UniversalSlider"],"mappings":";;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AAEA;;AACA;;AACA;;AACA;;;;AAqBA,IAAMA,mBAAmE,GAAG,SAAtEA,mBAAsE,OAWtE;AAAA,~~MAVJC~~,GAUI,~~QAVJA~~,GAUI;AAAA,~~MATJC~~,GASI,~~QATJA~~,GASI;AAAA,MARJC,IAQI,QARJA,IAQI;AAAA,~~MAPJC~~,KAOI,~~QAPJA~~,KAOI;AAAA,MANJC,YAMI,QANJA,YAMI;AAAA,MALJC,QAKI,QALJA,QAKI;AAAA,MAJJC,UAII,QAJJA,UAII;AAAA,MAHJC,KAGI,QAHJA,KAGI;AAAA,MAFJC,QAEI,QAFJA,QAEI;AAAA,MADDC,SACC;AACJ,MAAMC,QAAQ,GAAG,+BAAjB;;AACA,4CAAqBP,KAArB;AAAA,MAAOQ,KAAP;AAAA,MAAcC,GAAd;;AACA,MAAMC,OAAO,GAAGF,KAAK,IAAI,IAAzB;AACA,MAAMG,OAAO,GAAGC,KAAK,CAACC,MAAN,CAAa;AAC3BC,IAAAA,QAAQ,EAAE,KADiB;AAE3BC,IAAAA,MAAM,EAAE,CAFmB;AAG3BC,IAAAA,cAAc,EAAE;AAHW,GAAb,EAIbC,OAJH;AAKA,MAAMC,SAAS,GAAG,gCAAaf,UAAb,CAAlB;AACA,MAAMgB,UAAU,GAAGP,KAAK,CAACC,MAAN,~~EAAnB~~;AACA,MAAMO,QAAQ,GAAGR,KAAK,CAACC,MAAN,~~EAAjB~~;;AAEA,MAAMQ,aAAa,GAAG,SAAhBA,aAAgB,CAACC,QAAD,EAAsB;AAC1C,WAAO,mBAAQA,QAAR,EAAkB,CAAC,CAAD,EAAIX,OAAO,CAACK,cAAZ,CAAlB,EAA+C,CAACnB,GAAD,EAAMC,GAAN,CAA/C,EAA2D;AAAEC,MAAAA,IAAI,EAAJA;AAAF,KAA3D,CAAP;AACD,GAFD;;AAIA,MAAMwB,WAAW,GAAG,SAAdA,WAAc,CAACC,SAAD,EAAuC;AACzD,QAAIhB,KAAK,IAAI,IAAb,EAAmB;AACjB,aAAO,CAAC,IAAD,EAAOgB,SAAP,CAAP;AACD;;AAED,QAAQV,QAAR,GAAqBH,OAArB,CAAQG,QAAR;;AACA,QAAIA,QAAQ,KAAK,OAAjB,EAA0B;AACxB,UAAIU,SAAS,GAAGf,GAAhB,EAAqB;AACnB;AACAE,QAAAA,OAAO,CAACG,QAAR,GAAmB,KAAnB;AACA,eAAO,CAACL,GAAD,EAAMe,SAAN,CAAP;AACD;;AACD,aAAO,CAACA,SAAD,EAAYf,GAAZ,CAAP;AACD;;AACD,QAAIK,QAAQ,KAAK,KAAjB,EAAwB;AACtB,UAAIU,SAAS,GAAGhB,KAAhB,EAAuB;AACrB;AACAG,QAAAA,OAAO,CAACG,QAAR,GAAmB,OAAnB;AACA,eAAO,CAACU,SAAD,EAAYhB,KAAZ,CAAP;AACD;;AACD,aAAO,CAACA,KAAD,EAAQgB,SAAR,CAAP;AACD;;AAED,WAAOxB,KAAP;AACD,GAxBD;;AA0BA,MAAMyB,aAAa,GAAG,SAAhBA,aAAgB,CAACC,GAAD,EAAcC,MAAd,~~EAAsC~~;~~AAC1D~~,QAAIA,MAAM,KAAKR,UAAU,CAACF,OAA1B,EAAmC;AACjC,aAAO,OAAP;AACD;;AACD,QAAIU,MAAM,KAAKP,QAAQ,CAACH,OAAxB,EAAiC;AAC/B,aAAO,KAAP;AACD;;AACD,WAAOW,IAAI,CAACC,GAAL,~~CAASrB~~,~~KAAK~~,~~GAAGkB~~,~~GAAjB~~,~~KAAyBE~~,IAAI,CAACC,GAAL,CAASpB,GAAG,GAAGiB,GAAf,~~CAAzB~~,~~GAA+C~~,~~OAA/C~~,~~GAAyD~~,~~KAAhE~~;~~AACD~~,~~GARD~~;;~~AAUA~~,MAAMI,OAA0B,GAAG,SAA7BA,OAA6B,CAACC,CAAD,EAAmB;AACpD,QAAMC,YAAY,~~GAAGd~~,SAAS,CAACD,~~OAAV~~,~~CAAkBgB~~,~~qBAAlB~~,EAArB;AACAtB,IAAAA,OAAO,CAACK,cAAR,~~GAAyBgB~~,YAAY,~~CAACE~~,~~KAAtC~~;AAEA,QAAMC,gBAAgB,GAAGJ,CAAC,CAAChB,MAAF,~~GAAWiB~~,YAAY,~~CAACI~~,~~IAAjD~~;AACA,QAAMV,GAAG,GAAGL,aAAa,CAACc,gBAAD,CAAzB;AACAxB,IAAAA,OAAO,CAACG,QAAR,GAAmBW,aAAa,CAACC,GAAD,EAAMK,CAAC,CAACM,aAAF,CAAgBV,MAAtB,CAAhC;AACAhB,IAAAA,OAAO,CAACI,MAAR,GAAiBoB,gBAAjB;AAEAjC,IAAAA,QAAQ,~~CAACqB~~,WAAW,CAACG,GAAD,~~CAAZ~~,~~EAAmBK~~,~~CAAnB~~,CAAR;AACAA,IAAAA,CAAC,CAACM,aAAF,CAAgBC,eAAhB;AACD,GAXD;;AAaA,MAAMC,MAAyB,GAAG,SAA5BA,MAA4B,CAACR,CAAD,EAAmB;AACnD7B,IAAAA,QAAQ,~~CAACqB~~,WAAW,CAACF,aAAa,CAACV,OAAO,CAACI,MAAR,IAAkBgB,CAAC,CAACS,MAAF,IAAY,CAA9B,CAAD,CAAd,~~CAAZ~~,~~EAA+DT~~,~~CAA/D~~,CAAR;AAEAA,IAAAA,CAAC,CAACM,aAAF,CAAgBC,eAAhB;AACAP,IAAAA,CAAC,CAACM,aAAF,CAAgBI,cAAhB;AACD,GALD;;AAOA,MAAMC,KAAwB,GAAG,SAA3BA,KAA2B,CAACX,CAAD,EAAO;AACtCpB,IAAAA,OAAO,CAACG,QAAR,GAAmB,KAAnB;AACAiB,IAAAA,CAAC,CAACM,aAAF,CAAgBC,eAAhB;AACD,GAHD;;AAKA,MAAMK,SAAS,GAAG,SAAZA,SAAY,CAACC,CAAD;AAAA,WAAgB,CAACA,CAAC,GAAG/C,GAAL,KAAaC,GAAG,GAAGD,GAAnB,CAAD,GAA4B,GAA3C;AAAA,GAAlB;;AACA,MAAMgD,YAAY,GAAGnC,OAAO,GACxB;AACEwB,IAAAA,KAAK,YAAKS,SAAS,CAAClC,GAAD,CAAT,GAAiBkC,SAAS,CAACnC,KAAD,CAA/B,MADP;AAEE4B,IAAAA,IAAI,YAAKO,SAAS,CAACnC,KAAD,CAAd;AAFN,GADwB,GAKxB;AACE0B,IAAAA,KAAK,YAAKS,SAAS,CAAClC,GAAD,CAAd;AADP,GALJ;AASA,SACE,qCAAC,YAAD;AACE,kBAAYC,OAAO,GAAGV,KAAK,CAAC8C,IAAN,CAAW,GAAX,CAAH,GAAqB9C;AAD1C,KAEMM,SAFN,EAGOD,QAAQ,GAAG,EAAH,GAAQ;AAAEyB,IAAAA,OAAO,EAAPA,OAAF;AAAWS,IAAAA,MAAM,EAANA,MAAX;AAAmBG,IAAAA,KAAK,EAALA;AAAnB,GAHvB;AAIE,IAAA,SAAS,EAAE,4BACT,gCAAa,QAAb,EAAuBnC,QAAvB,CADS,0BAEQH,KAFR,GAGTC,QAAQ,IAAI,kBAHH;AAJb,MAUE;AAAK,IAAA,GAAG,EAAEa,SAAV;AAAqB,IAAA,SAAS,EAAC;AAA/B,KACE;AAAK,IAAA,SAAS,EAAC,iBAAf;AAAiC,IAAA,KAAK,EAAE2B;AAAxC,KACGnC,OAAO,IACN;AACE,IAAA,SAAS,EAAE,4BAAW,eAAX,EAA4B,sBAA5B,CADb;AAEE,IAAA,GAAG,EAAES;AAFP,IAFJ,EAOE;AACE,IAAA,SAAS,EAAE,4BAAW,eAAX,EAA4B,oBAA5B,CADb;AAEE,IAAA,GAAG,EAAEC;AAFP,IAPF,CADF,CAVF,CADF;AA2BD,~~CA9HD~~;;~~AAgIO~~,IAAM2B,eAAe,GAAG,oCAAenD,mBAAf,EAAoC;AACjEQ,EAAAA,KAAK,EAAE;AAD0D,CAApC,CAAxB","sourcesContent":["import * as React from \"react\";\nimport { Touch, TouchEvent, TouchEventHandler } from \"../Touch/Touch\";\nimport { getClassName } from \"../../helpers/getClassName\";\nimport { classNames } from \"../../lib/classNames\";\nimport { HasRootRef } from \"../../types\";\nimport { rescale } from \"../../helpers/math\";\nimport { withAdaptivity, AdaptivityProps } from \"../../hoc/withAdaptivity\";\nimport { useExternRef } from \"../../hooks/useExternRef\";\nimport { usePlatform } from \"../../hooks/usePlatform\";\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 AdaptivityProps {\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\nconst UniversalSliderDumb: React.FC<UniversalSliderProps<UniversalValue>> = ({\n min,\n max,\n step,\n value,\n defaultValue,\n onChange,\n getRootRef,\n sizeY,\n disabled,\n ...restProps\n}) => {\n const platform = usePlatform();\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>();\n const thumbEnd = React.useRef<HTMLDivElement>();\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) => {\n if (target === thumbStart.current) {\n return \"start\";\n }\n if (target === thumbEnd.current) {\n return \"end\";\n }\n return Math.abs(start - pos) <= Math.abs(end - pos) ? \"start\" : \"end\";\n };\n\n const onStart: TouchEventHandler = (e: TouchEvent) => {\n const boundingRect = container.current.getBoundingClientRect();\n gesture.containerWidth = boundingRect.width;\n\n const absolutePosition = e.startX - boundingRect.left;\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)}%`,\n left: `${toPercent(start)}%`,\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 getClassName(\"Slider\", platform),\n `Slider--sizeY-${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\nexport const UniversalSlider = withAdaptivity(UniversalSliderDumb, {\n sizeY: true,\n});\n"],"file":"UniversalSlider.js"}
1	+ {"version":3,"sources":["../../../../src/components/RangeSlider/UniversalSlider.tsx"],"names":["UniversalSliderDumb","min","max","step","value","defaultValue","onChange","getRootRef","sizeY","disabled","restProps","platform","start","end","isRange","gesture","React","useRef","dragging","startX","containerWidth","current","container","thumbStart","thumbEnd","offsetToValue","absolute","updateRange","nextValue","snapDirection","pos","target","Math","abs","onStart","e","boundingRect","getBoundingClientRect","width","absolutePosition","left","originalEvent","stopPropagation","onMove","shiftX","preventDefault","onEnd","toPercent","v","draggerStyle","join","UniversalSlider"],"mappings":"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","sourcesContent":["import * as React from \"react\";\nimport { Touch, TouchEvent, TouchEventHandler } from \"../Touch/Touch\";\nimport { getClassName } from \"../../helpers/getClassName\";\nimport { classNames } from \"../../lib/classNames\";\nimport { HasRootRef } from \"../../types\";\nimport { rescale } from \"../../helpers/math\";\nimport { withAdaptivity, AdaptivityProps } from \"../../hoc/withAdaptivity\";\nimport { useExternRef } from \"../../hooks/useExternRef\";\nimport { usePlatform } from \"../../hooks/usePlatform\";\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 AdaptivityProps {\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\nconst UniversalSliderDumb: React.FC<UniversalSliderProps<UniversalValue>> = ({\n min = 0,\n max = 100,\n step,\n value = [0, 0],\n defaultValue,\n onChange,\n getRootRef,\n sizeY,\n disabled,\n ...restProps\n}) => {\n const platform = usePlatform();\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\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 getClassName(\"Slider\", platform),\n `Slider--sizeY-${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\nexport const UniversalSlider = withAdaptivity(UniversalSliderDumb, {\n sizeY: true,\n});\n"],"file":"UniversalSlider.js"}

package/dist/cjs/components/Removable/Removable.js CHANGED Viewed

@@ -65,6 +65,8 @@ var RemovableIos = function RemovableIos(_ref) {
     if (removeOffset > 0) {
       updateRemoveOffset(0);
     }
+  }, {
+    capture: true
   });
   var onRemoveTransitionEnd = function onRemoveTransitionEnd() {
@@ -78,10 +80,11 @@ var RemovableIos = function RemovableIos(_ref) {
   var onRemoveActivateClick = function onRemoveActivateClick(e) {
     e.stopPropagation();
-    var _removeButtonRef$curr2 = removeButtonRef === null || removeButtonRef === void 0 ? void 0 : removeButtonRef.current,
-        _removeButtonRef$curr3 = _removeButtonRef$curr2.offsetWidth,
-        offsetWidth = _removeButtonRef$curr3 === void 0 ? 0 : _removeButtonRef$curr3;
+    if (!removeButtonRef.current) {
+      return;
+    }
+    var offsetWidth = removeButtonRef.current.offsetWidth;
     updateRemoveOffset(offsetWidth);
   };