@vkontakte/vkui 4.19.0 → 4.22.0

package/dist/cssm/components/ModalRoot/useModalManager.js

@@ -0,0 +1,189 @@
+import _extends from "@babel/runtime/helpers/extends";
+import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
+import _objectSpread from "@babel/runtime/helpers/objectSpread2";
+import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
+import { createScopedElement } from "../../lib/jsxRuntime";
+import * as React from 'react';
+import { ModalType } from "./types";
+import { warnOnce } from "../../lib/warnOnce";
+import { getNavId } from "../../lib/getNavId";
+import { useIsomorphicLayoutEffect } from "../../lib/useIsomorphicLayoutEffect";
+import { noop, isFunction } from "../../lib/utils";
+
+function getModals(children) {
+  return React.Children.toArray(children);
+}
+
+var warn = warnOnce('ModalRoot');
+export function modalTransitionReducer(state, action) {
+  if (action.type === 'setActive' && action.id !== state.activeModal) {
+    var nextModal = action.id; // preserve exiting modal if switching mid-transition
+
+    var prevModal = state.exitingModal || state.activeModal;
+
+    var history = _toConsumableArray(state.history);
+
+    var isBack = history.includes(nextModal);
+
+    if (nextModal === null) {
+      history = [];
+    } else if (isBack) {
+      history = history.splice(0, history.indexOf(nextModal) + 1);
+    } else {
+      history.push(nextModal);
+    }
+
+    return {
+      activeModal: nextModal,
+      // not entering yet
+      enteringModal: null,
+      exitingModal: prevModal,
+      history: history,
+      isBack: isBack
+    };
+  }
+
+  if (action.type === 'entered' && action.id === state.enteringModal) {
+    return _objectSpread(_objectSpread({}, state), {}, {
+      enteringModal: null
+    });
+  }
+
+  if (action.type === 'exited' && action.id === state.exitingModal) {
+    return _objectSpread(_objectSpread({}, state), {}, {
+      exitingModal: null
+    });
+  }
+
+  if (action.type === 'inited' && action.id === state.activeModal) {
+    return _objectSpread(_objectSpread({}, state), {}, {
+      enteringModal: action.id
+    });
+  }
+
+  return state;
+}
+/**
+ * Реализует переход модалок. При смене activeModal m1 -> m2:
+ * 1. activeModal: m1, exitingModal: null, enteringModal: null, триггер перехода
+ * 2. activeModal: m2, exitingModal: m1, enteringModal: null, рендерим m2 чтобы прошел init, начинаем анимацию выхода
+ * одновременный переход между ModalPage:
+ *   3a. activeModal: m2, exitingModal: m1, enteringModal: m2
+ *   4a. exitingModal и enteringModal переходят в null в порядке завершения анимации
+ * ИЛИ дожидаемся скрытия ModalCard
+ *   3b. activeModal: m2, exitingModal: null, enteringModal: m2
+ *   4b. enteringModal переходит в null после завершения анимации
+ * 5. activeModal: m2, exitingModal: null, enteringModal: null, переход закончен
+ */
+
+export function useModalManager(activeModal, children, onClose) {
+  var initModal = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : noop;
+  var modalsState = React.useRef({}).current;
+  getModals(children).forEach(function (Modal) {
+    var modalProps = Modal.props;
+    var id = getNavId(modalProps, warn);
+    var state = modalsState[id] || {
+      id: id
+    };
+    state.onClose = Modal.props.onClose;
+    state.dynamicContentHeight = !!modalProps.dynamicContentHeight; // ModalPage props
+
+    if (typeof modalProps.settlingHeight === 'number') {
+      state.settlingHeight = modalProps.settlingHeight;
+    }
+
+    modalsState[state.id] = state;
+  });
+  var isMissing = activeModal && !modalsState[activeModal];
+  var safeActiveModal = isMissing ? null : activeModal;
+
+  var _React$useReducer = React.useReducer(modalTransitionReducer, {
+    activeModal: safeActiveModal,
+    enteringModal: null,
+    exitingModal: null,
+    history: safeActiveModal ? [safeActiveModal] : [],
+    isBack: false
+  }),
+      _React$useReducer2 = _slicedToArray(_React$useReducer, 2),
+      transitionState = _React$useReducer2[0],
+      dispatchTransition = _React$useReducer2[1]; // Map props to state, render activeModal for init
+
+
+  useIsomorphicLayoutEffect(function () {
+    // ignore non-existent activeModal
+    if (process.env.NODE_ENV === 'development' && isMissing) {
+      warn("Can't transition - modal ".concat(activeModal, " not found"));
+    }
+
+    dispatchTransition({
+      type: 'setActive',
+      id: safeActiveModal
+    });
+  }, [activeModal]); // Init activeModal & set enteringModal
+
+  useIsomorphicLayoutEffect(function () {
+    if (transitionState.activeModal) {
+      initModal(modalsState[transitionState.activeModal]);
+      dispatchTransition({
+        type: 'inited',
+        id: transitionState.activeModal
+      });
+    }
+  }, [transitionState.activeModal]);
+
+  var isCard = function isCard(id) {
+    var _modalsState$id;
+
+    return ((_modalsState$id = modalsState[id]) === null || _modalsState$id === void 0 ? void 0 : _modalsState$id.type) === ModalType.CARD;
+  };
+
+  var onEnter = React.useCallback(function (id) {
+    return dispatchTransition({
+      type: 'entered',
+      id: id
+    });
+  }, []);
+  var onExit = React.useCallback(function (id) {
+    return dispatchTransition({
+      type: 'exited',
+      id: id
+    });
+  }, []);
+  var delayEnter = Boolean(transitionState.exitingModal && (isCard(activeModal) || isCard(transitionState.exitingModal)));
+  var getModalState = React.useCallback(function (id) {
+    return modalsState[id];
+  }, []);
+
+  function closeActiveModal() {
+    var modalState = modalsState[transitionState.activeModal];
+
+    if (modalState) {
+      if (isFunction(modalState.onClose)) {
+        modalState.onClose();
+      } else if (isFunction(onClose)) {
+        onClose(modalState.id);
+      } else if (process.env.NODE_ENV === 'development') {
+        warn('onClose is undefined');
+      }
+    }
+  }
+
+  return _objectSpread(_objectSpread({
+    onEnter: onEnter,
+    onExit: onExit
+  }, transitionState), {}, {
+    delayEnter: delayEnter,
+    getModalState: getModalState,
+    closeActiveModal: closeActiveModal
+  });
+}
+export function withModalManager() {
+  var initModal = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : noop;
+  return function (Wrapped) {
+    return function WithModalManager(props) {
+      var transitionManager = useModalManager(props.activeModal, props.children, props.onClose, initModal);
+      return createScopedElement(Wrapped, _extends({}, props, transitionManager));
+    };
+  };
+}
+//# sourceMappingURL=useModalManager.js.map

package/dist/cssm/components/ModalRoot/useModalManager.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/ModalRoot/useModalManager.tsx"],"names":["React","ModalType","warnOnce","getNavId","useIsomorphicLayoutEffect","noop","isFunction","getModals","children","Children","toArray","warn","modalTransitionReducer","state","action","type","id","activeModal","nextModal","prevModal","exitingModal","history","isBack","includes","splice","indexOf","push","enteringModal","useModalManager","onClose","initModal","modalsState","useRef","current","forEach","Modal","modalProps","props","dynamicContentHeight","settlingHeight","isMissing","safeActiveModal","useReducer","transitionState","dispatchTransition","process","env","NODE_ENV","isCard","CARD","onEnter","useCallback","onExit","delayEnter","Boolean","getModalState","closeActiveModal","modalState","withModalManager","Wrapped","WithModalManager","transitionManager"],"mappings":"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","sourcesContent":["import * as React from 'react';\nimport { ModalsState, ModalsStateEntry, ModalType } from './types';\nimport { warnOnce } from '../../lib/warnOnce';\nimport { getNavId } from '../../lib/getNavId';\nimport { useIsomorphicLayoutEffect } from '../../lib/useIsomorphicLayoutEffect';\nimport { noop, isFunction } from '../../lib/utils';\n\ninterface ModalTransitionState {\n  activeModal?: string;\n  enteringModal?: string;\n  exitingModal?: string;\n\n  history?: string[];\n  isBack?: boolean;\n}\n\nexport interface ModalTransitionProps extends ModalTransitionState {\n  onEnter: (id: string) => void;\n  onExit: (id: string) => void;\n  getModalState: (id: string) => ModalsStateEntry;\n  closeActiveModal: VoidFunction;\n  delayEnter: boolean;\n}\n\nfunction getModals(children: React.ReactNode | React.ReactNode[]) {\n  return React.Children.toArray(children) as React.ReactElement[];\n}\n\nconst warn = warnOnce('ModalRoot');\n\nexport function modalTransitionReducer(\n  state: ModalTransitionState,\n  action: { type: 'setActive' | 'entered' | 'exited' | 'inited'; id: string },\n): ModalTransitionState {\n  if (action.type === 'setActive' && action.id !== state.activeModal) {\n    const nextModal = action.id;\n    // preserve exiting modal if switching mid-transition\n    const prevModal = state.exitingModal || state.activeModal;\n    let history = [...state.history];\n    const isBack = history.includes(nextModal);\n\n    if (nextModal === null) {\n      history = [];\n    } else if (isBack) {\n      history = history.splice(0, history.indexOf(nextModal) + 1);\n    } else {\n      history.push(nextModal);\n    }\n\n    return {\n      activeModal: nextModal,\n      // not entering yet\n      enteringModal: null,\n      exitingModal: prevModal,\n      history,\n      isBack,\n    };\n  }\n  if (action.type === 'entered' && action.id === state.enteringModal) {\n    return { ...state, enteringModal: null };\n  }\n  if (action.type === 'exited' && action.id === state.exitingModal) {\n    return { ...state, exitingModal: null };\n  }\n  if (action.type === 'inited' && action.id === state.activeModal) {\n    return { ...state, enteringModal: action.id };\n  }\n  return state;\n}\n\n/**\n * Реализует переход модалок. При смене activeModal m1 -> m2:\n * 1. activeModal: m1, exitingModal: null, enteringModal: null, триггер перехода\n * 2. activeModal: m2, exitingModal: m1, enteringModal: null, рендерим m2 чтобы прошел init, начинаем анимацию выхода\n * одновременный переход между ModalPage:\n *   3a. activeModal: m2, exitingModal: m1, enteringModal: m2\n *   4a. exitingModal и enteringModal переходят в null в порядке завершения анимации\n * ИЛИ дожидаемся скрытия ModalCard\n *   3b. activeModal: m2, exitingModal: null, enteringModal: m2\n *   4b. enteringModal переходит в null после завершения анимации\n * 5. activeModal: m2, exitingModal: null, enteringModal: null, переход закончен\n */\nexport function useModalManager(\n  activeModal: string,\n  children: React.ReactNode | React.ReactNode[],\n  onClose: (id: string) => void,\n  initModal: (state: ModalsStateEntry) => void = noop,\n): ModalTransitionProps {\n  const modalsState = React.useRef<ModalsState>({}).current;\n  getModals(children).forEach((Modal) => {\n    const modalProps = Modal.props;\n    const id = getNavId(modalProps, warn);\n    const state: ModalsStateEntry = modalsState[id] || { id };\n\n    state.onClose = Modal.props.onClose;\n    state.dynamicContentHeight = !!modalProps.dynamicContentHeight;\n    // ModalPage props\n    if (typeof modalProps.settlingHeight === 'number') {\n      state.settlingHeight = modalProps.settlingHeight;\n    }\n\n    modalsState[state.id] = state;\n  });\n\n  const isMissing = activeModal && !modalsState[activeModal];\n  const safeActiveModal = isMissing ? null : activeModal;\n  const [transitionState, dispatchTransition] = React.useReducer(modalTransitionReducer, {\n    activeModal: safeActiveModal,\n    enteringModal: null,\n    exitingModal: null,\n    history: safeActiveModal ? [safeActiveModal] : [],\n    isBack: false,\n  });\n\n  // Map props to state, render activeModal for init\n  useIsomorphicLayoutEffect(() => {\n    // ignore non-existent activeModal\n    if (process.env.NODE_ENV === 'development' && isMissing) {\n      warn(`Can't transition - modal ${activeModal} not found`);\n    }\n    dispatchTransition({ type: 'setActive', id: safeActiveModal });\n  }, [activeModal]);\n\n  // Init activeModal & set enteringModal\n  useIsomorphicLayoutEffect(() => {\n    if (transitionState.activeModal) {\n      initModal(modalsState[transitionState.activeModal]);\n      dispatchTransition({ type: 'inited', id: transitionState.activeModal });\n    }\n  }, [transitionState.activeModal]);\n\n  const isCard = (id: string) => modalsState[id]?.type === ModalType.CARD;\n  const onEnter = React.useCallback((id: string) => dispatchTransition({ type: 'entered', id }), []);\n  const onExit = React.useCallback((id: string) => dispatchTransition({ type: 'exited', id }), []);\n  const delayEnter = Boolean(transitionState.exitingModal && (isCard(activeModal) || isCard(transitionState.exitingModal)));\n  const getModalState = React.useCallback((id: string) => modalsState[id], []);\n\n  function closeActiveModal() {\n    const modalState = modalsState[transitionState.activeModal];\n    if (modalState) {\n      if (isFunction(modalState.onClose)) {\n        modalState.onClose();\n      } else if (isFunction(onClose)) {\n        onClose(modalState.id);\n      } else if (process.env.NODE_ENV === 'development') {\n        warn('onClose is undefined');\n      }\n    }\n  }\n\n  return {\n    onEnter,\n    onExit,\n    ...transitionState,\n    delayEnter,\n    getModalState,\n    closeActiveModal,\n  };\n}\n\nexport function withModalManager(initModal: (a: ModalsStateEntry) => void = noop) {\n  return function<Props extends ModalTransitionProps>(\n    Wrapped: React.ComponentType<Props>,\n  ): React.FC<Omit<Props, keyof ModalTransitionProps> & { activeModal: string }> {\n    return function WithModalManager(props) {\n      const transitionManager = useModalManager(\n        props.activeModal,\n        props.children,\n        (props as any).onClose,\n        initModal);\n      return <Wrapped {...props as any} {...transitionManager} />;\n    };\n  };\n}\n"],"file":"useModalManager.js"}

package/dist/cssm/components/NativeSelect/NativeSelect.js

@@ -6,7 +6,7 @@ var _excluded = ["style", "defaultValue", "align", "placeholder", "children", "c
 import { createScopedElement } from "../../lib/jsxRuntime";
 import * as React from 'react';
 import { classNames } from "../../lib/classNames";
-import { Icon20Dropdown, Icon24Dropdown } from '@vkontakte/icons';
+import { DropdownIcon } from "../DropdownIcon/DropdownIcon";
 import { FormField } from "../FormField/FormField";
 import { withAdaptivity, SizeType } from "../../hoc/withAdaptivity";
 import { getClassName } from "../../helpers/getClassName";
@@ -73,7 +73,7 @@ var NativeSelect = function NativeSelect(_ref) {
     style: style,
     getRootRef: getRootRef,
     disabled: disabled,
-    after: sizeY === SizeType.COMPACT ? createScopedElement(Icon20Dropdown, null) : createScopedElement(Icon24Dropdown, null)
+    after: createScopedElement(DropdownIcon, null)
   }, createScopedElement("select", _extends({}, restProps, {
     disabled: disabled,
     vkuiClass: "Select__el",

package/dist/cssm/components/NativeSelect/NativeSelect.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/NativeSelect/NativeSelect.tsx"],"names":["React","classNames","Icon20Dropdown","Icon24Dropdown","FormField","withAdaptivity","SizeType","getClassName","Headline","Text","VKCOM","useIsomorphicLayoutEffect","useEnsuredControl","useExternRef","usePlatform","NativeSelect","style","defaultValue","align","placeholder","children","className","getRef","getRootRef","disabled","sizeX","sizeY","multiline","restProps","platform","useState","title","setTitle","notSelected","setNotSelected","value","onChange","selectRef","selectedOption","current","options","selectedIndex","text","TypographyComponent","COMPACT"],"mappings":"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","sourcesContent":["import * as React from 'react';\nimport { classNames } from '../../lib/classNames';\nimport { Icon20Dropdown, Icon24Dropdown } from '@vkontakte/icons';\nimport { FormField } from '../FormField/FormField';\nimport { HasAlign, HasRef, HasRootRef } from '../../types';\nimport { withAdaptivity, AdaptivityProps, SizeType } from '../../hoc/withAdaptivity';\nimport { getClassName } from '../../helpers/getClassName';\nimport Headline from '../Typography/Headline/Headline';\nimport Text from '../Typography/Text/Text';\nimport { VKCOM } from '../../lib/platform';\nimport { useIsomorphicLayoutEffect } from '../../lib/useIsomorphicLayoutEffect';\nimport { useEnsuredControl } from '../../hooks/useEnsuredControl';\nimport { useExternRef } from '../../hooks/useExternRef';\nimport { usePlatform } from '../../hooks/usePlatform';\nimport '../Select/Select.css';\n\nexport interface NativeSelectProps extends\n  React.SelectHTMLAttributes<HTMLSelectElement>,\n  HasRef<HTMLSelectElement>,\n  HasRootRef<HTMLLabelElement>,\n  HasAlign,\n  AdaptivityProps {\n  placeholder?: string;\n  multiline?: boolean;\n}\n\nexport interface SelectState {\n  value?: React.SelectHTMLAttributes<HTMLSelectElement>['value'];\n  title?: string;\n  notSelected?: boolean;\n}\n\nconst NativeSelect: React.FC<NativeSelectProps> = ({\n  style, defaultValue = '', align, placeholder, children,\n  className, getRef, getRootRef, disabled, sizeX, sizeY, multiline,\n  ...restProps\n}) => {\n  const platform = usePlatform();\n  const [title, setTitle] = React.useState('');\n  const [notSelected, setNotSelected] = React.useState(false);\n  const [value, onChange] = useEnsuredControl(restProps, { defaultValue });\n  const selectRef = useExternRef(getRef);\n  useIsomorphicLayoutEffect(() => {\n    const selectedOption = selectRef.current.options[selectRef.current.selectedIndex];\n    if (selectedOption) {\n      setTitle(selectedOption.text);\n      setNotSelected(selectedOption.value === '' && placeholder != null);\n    }\n  }, [value, children]);\n\n  const TypographyComponent = platform === VKCOM || sizeY === SizeType.COMPACT ? Text : Headline;\n\n  return (\n    <FormField\n      Component=\"label\"\n      vkuiClass={classNames(getClassName('Select', platform), {\n        ['Select--not-selected']: notSelected,\n        [`Select--align-${align}`]: !!align,\n        [`Select--sizeX--${sizeX}`]: !!sizeX,\n        [`Select--sizeY--${sizeY}`]: !!sizeY,\n        'Select--multiline': multiline,\n      })}\n      className={className}\n      style={style}\n      getRootRef={getRootRef}\n      disabled={disabled}\n      after={sizeY === SizeType.COMPACT ? <Icon20Dropdown /> : <Icon24Dropdown />}\n    >\n      <select\n        {...restProps}\n        disabled={disabled}\n        vkuiClass=\"Select__el\"\n        onChange={onChange}\n        value={value}\n        ref={selectRef}\n      >\n        {placeholder && <option value=\"\">{placeholder}</option>}\n        {children}\n      </select>\n      <TypographyComponent Component=\"div\" weight=\"regular\" vkuiClass=\"Select__container\">\n        <span vkuiClass=\"Select__title\">{title}</span>\n      </TypographyComponent>\n    </FormField>\n  );\n};\n\nexport default withAdaptivity(NativeSelect, {\n  sizeX: true,\n  sizeY: true,\n});\n"],"file":"NativeSelect.js"}
+{"version":3,"sources":["../../../../src/components/NativeSelect/NativeSelect.tsx"],"names":["React","classNames","DropdownIcon","FormField","withAdaptivity","SizeType","getClassName","Headline","Text","VKCOM","useIsomorphicLayoutEffect","useEnsuredControl","useExternRef","usePlatform","NativeSelect","style","defaultValue","align","placeholder","children","className","getRef","getRootRef","disabled","sizeX","sizeY","multiline","restProps","platform","useState","title","setTitle","notSelected","setNotSelected","value","onChange","selectRef","selectedOption","current","options","selectedIndex","text","TypographyComponent","COMPACT"],"mappings":"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","sourcesContent":["import * as React from 'react';\nimport { classNames } from '../../lib/classNames';\nimport { DropdownIcon } from '../DropdownIcon/DropdownIcon';\nimport { FormField } from '../FormField/FormField';\nimport { HasAlign, HasRef, HasRootRef } from '../../types';\nimport { withAdaptivity, AdaptivityProps, SizeType } from '../../hoc/withAdaptivity';\nimport { getClassName } from '../../helpers/getClassName';\nimport Headline from '../Typography/Headline/Headline';\nimport Text from '../Typography/Text/Text';\nimport { VKCOM } from '../../lib/platform';\nimport { useIsomorphicLayoutEffect } from '../../lib/useIsomorphicLayoutEffect';\nimport { useEnsuredControl } from '../../hooks/useEnsuredControl';\nimport { useExternRef } from '../../hooks/useExternRef';\nimport { usePlatform } from '../../hooks/usePlatform';\nimport '../Select/Select.css';\n\nexport interface NativeSelectProps extends\n  React.SelectHTMLAttributes<HTMLSelectElement>,\n  HasRef<HTMLSelectElement>,\n  HasRootRef<HTMLLabelElement>,\n  HasAlign,\n  AdaptivityProps {\n  placeholder?: string;\n  multiline?: boolean;\n}\n\nexport interface SelectState {\n  value?: React.SelectHTMLAttributes<HTMLSelectElement>['value'];\n  title?: string;\n  notSelected?: boolean;\n}\n\nconst NativeSelect: React.FC<NativeSelectProps> = ({\n  style, defaultValue = '', align, placeholder, children,\n  className, getRef, getRootRef, disabled, sizeX, sizeY, multiline,\n  ...restProps\n}) => {\n  const platform = usePlatform();\n  const [title, setTitle] = React.useState('');\n  const [notSelected, setNotSelected] = React.useState(false);\n  const [value, onChange] = useEnsuredControl(restProps, { defaultValue });\n  const selectRef = useExternRef(getRef);\n  useIsomorphicLayoutEffect(() => {\n    const selectedOption = selectRef.current.options[selectRef.current.selectedIndex];\n    if (selectedOption) {\n      setTitle(selectedOption.text);\n      setNotSelected(selectedOption.value === '' && placeholder != null);\n    }\n  }, [value, children]);\n\n  const TypographyComponent = platform === VKCOM || sizeY === SizeType.COMPACT ? Text : Headline;\n\n  return (\n    <FormField\n      Component=\"label\"\n      vkuiClass={classNames(getClassName('Select', platform), {\n        ['Select--not-selected']: notSelected,\n        [`Select--align-${align}`]: !!align,\n        [`Select--sizeX--${sizeX}`]: !!sizeX,\n        [`Select--sizeY--${sizeY}`]: !!sizeY,\n        'Select--multiline': multiline,\n      })}\n      className={className}\n      style={style}\n      getRootRef={getRootRef}\n      disabled={disabled}\n      after={<DropdownIcon />}\n    >\n      <select\n        {...restProps}\n        disabled={disabled}\n        vkuiClass=\"Select__el\"\n        onChange={onChange}\n        value={value}\n        ref={selectRef}\n      >\n        {placeholder && <option value=\"\">{placeholder}</option>}\n        {children}\n      </select>\n      <TypographyComponent Component=\"div\" weight=\"regular\" vkuiClass=\"Select__container\">\n        <span vkuiClass=\"Select__title\">{title}</span>\n      </TypographyComponent>\n    </FormField>\n  );\n};\n\nexport default withAdaptivity(NativeSelect, {\n  sizeX: true,\n  sizeY: true,\n});\n"],"file":"NativeSelect.js"}

package/dist/cssm/components/PullToRefresh/PullToRefresh.js

@@ -59,6 +59,8 @@ var PullToRefresh = /*#__PURE__*/function (_React$PureComponent) {
 
     _defineProperty(_assertThisInitialized(_this), "contentRef", void 0);
 
+    _defineProperty(_assertThisInitialized(_this), "waitFetchingTimeout", void 0);
+
     _defineProperty(_assertThisInitialized(_this), "onTouchStart", function (e) {
       if (_this.state.refreshing) {
         cancelEvent(e);
@@ -120,35 +122,16 @@ var PullToRefresh = /*#__PURE__*/function (_React$PureComponent) {
     });
 
     _defineProperty(_assertThisInitialized(_this), "onTouchEnd", function () {
-      var _this$state2 = _this.state,
-          refreshing = _this$state2.refreshing,
-          canRefresh = _this$state2.canRefresh,
-          refreshingFinished = _this$state2.refreshingFinished;
-
       _this.setState({
         watching: false,
         touchDown: false
-      }, function () {
-        if (canRefresh && !refreshing) {
-          _this.runRefreshing();
-        } else if (refreshing && refreshingFinished) {
-          _this.resetRefreshingState();
-        } else {
-          _this.setState({
-            spinnerY: refreshing ? _this.params.refreshing : _this.params.start,
-            spinnerProgress: 0,
-            contentShift: 0
-          });
-        }
       });
     });
 
     _defineProperty(_assertThisInitialized(_this), "onRefreshingFinish", function () {
-      _this.setState({
-        refreshingFinished: true
-      }, function () {
-        !_this.state.touchDown && _this.resetRefreshingState();
-      });
+      if (!_this.state.touchDown) {
+        _this.resetRefreshingState();
+      }
     });
 
     _this.params = {
@@ -163,7 +146,6 @@ var PullToRefresh = /*#__PURE__*/function (_React$PureComponent) {
       refreshing: false,
       canRefresh: false,
       touchDown: false,
-      refreshingFinished: false,
       touchY: 0,
       spinnerY: _this.params.start,
       spinnerProgress: 0,
@@ -202,18 +184,47 @@ var PullToRefresh = /*#__PURE__*/function (_React$PureComponent) {
           passive: false
         });
       }
+
+      clearTimeout(this.waitFetchingTimeout);
     }
   }, {
     key: "componentDidUpdate",
-    value: function componentDidUpdate(prevProps) {
+    value: function componentDidUpdate(prevProps, prevState) {
       if (prevProps.isFetching && !this.props.isFetching) {
         this.onRefreshingFinish();
       }
+
+      if (!prevProps.isFetching && this.props.isFetching) {
+        clearTimeout(this.waitFetchingTimeout);
+      }
+
+      if (prevState.touchDown && !this.state.touchDown) {
+        var _this$state2 = this.state,
+            refreshing = _this$state2.refreshing,
+            canRefresh = _this$state2.canRefresh;
+
+        if (!refreshing && canRefresh) {
+          this.runRefreshing();
+        } else if (refreshing && !this.props.isFetching) {
+          // only iOS can start refresh before gesture end
+          this.resetRefreshingState();
+        } else {
+          // refreshing && isFetching: refresh in progress
+          // OR !refreshing && !canRefresh: pull was not strong enough
+          this.setState({
+            spinnerY: refreshing ? this.params.refreshing : this.params.start,
+            spinnerProgress: 0,
+            contentShift: 0
+          });
+        }
+      }
     }
   }, {
     key: "runRefreshing",
     value: function runRefreshing() {
       if (!this.state.refreshing && this.props.onRefresh) {
+        // cleanup if the consumer does not start fetching in 1s
+        this.waitFetchingTimeout = setTimeout(this.onRefreshingFinish, 1000);
         this.setState({
           refreshing: true,
           spinnerY: this.props.platform === ANDROID || this.props.platform === VKCOM ? this.params.refreshing : this.state.spinnerY
@@ -229,7 +240,6 @@ var PullToRefresh = /*#__PURE__*/function (_React$PureComponent) {
         watching: false,
         canRefresh: false,
         refreshing: false,
-        refreshingFinished: false,
         spinnerY: this.params.start,
         spinnerProgress: 0,
         contentShift: 0

package/dist/cssm/components/PullToRefresh/PullToRefresh.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/PullToRefresh/PullToRefresh.tsx"],"names":["React","Touch","TouchRootContext","FixedLayout","classNames","IOS","ANDROID","VKCOM","getClassName","PullToRefreshSpinner","withPlatform","canUseDOM","withDOM","runTapticImpactOccurred","withContext","ScrollContext","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","runRefreshing","refreshingFinished","resetRefreshingState","contentRef","createRef","document","addEventListener","onWindowTouchMove","passive","removeEventListener","prevProps","isFetching","onRefreshingFinish","onRefresh","children","window","restProps","spinnerTransform","contentTransform","onTouchStart","onTouchMove","onTouchEnd","transform","WebkitTransform","opacity","PureComponent"],"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 { ScrollContext, ScrollContextInterface } 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  refreshingFinished: 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<PullToRefreshProps & DOMProps, PullToRefreshState> {\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: props.platform === ANDROID || props.platform === VKCOM ? 50 : 36,\n\n      positionMultiplier: 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      refreshingFinished: 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\n  contentRef: React.RefObject<HTMLDivElement>;\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  }\n\n  componentDidUpdate(prevProps: PullToRefreshProps) {\n    if (prevProps.isFetching && !this.props.isFetching) {\n      this.onRefreshingFinish();\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(start, Math.min(this.params.maxY, start + shift * positionMultiplier));\n      const progress = 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 (isY && pageYOffset === 0 && shiftY > 0 && !refreshing && touchDown) {\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: VoidFunction = () => {\n    const { refreshing, canRefresh, refreshingFinished } = this.state;\n\n    this.setState({\n      watching: false,\n      touchDown: false,\n    }, () => {\n      if (canRefresh && !refreshing) {\n        this.runRefreshing();\n      } else if (refreshing && refreshingFinished) {\n        this.resetRefreshingState();\n      } else {\n        this.setState({\n          spinnerY: refreshing ? this.params.refreshing : this.params.start,\n          spinnerProgress: 0,\n          contentShift: 0,\n        });\n      }\n    });\n  };\n\n  runRefreshing() {\n    if (!this.state.refreshing && this.props.onRefresh) {\n      this.setState({\n        refreshing: true,\n        spinnerY: this.props.platform === ANDROID || this.props.platform === VKCOM ? this.params.refreshing : this.state.spinnerY,\n      });\n\n      this.props.onRefresh();\n      runTapticImpactOccurred('light');\n    }\n  }\n\n  onRefreshingFinish: VoidFunction = () => {\n    this.setState({\n      refreshingFinished: true,\n    }, () => {\n      !this.state.touchDown && this.resetRefreshingState();\n    });\n  };\n\n  resetRefreshingState() {\n    this.setState({\n      watching: false,\n      canRefresh: false,\n      refreshing: false,\n      refreshingFinished: false,\n      spinnerY: this.params.start,\n      spinnerProgress: 0,\n      contentShift: 0,\n    });\n  }\n\n  render() {\n    const { children, onRefresh, isFetching, platform, window, document, scroll, ...restProps } = this.props;\n    const { watching, refreshing, spinnerY, spinnerProgress, canRefresh, touchDown, contentShift } = 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, 'scroll');\n"],"file":"PullToRefresh.js"}
+{"version":3,"sources":["../../../../src/components/PullToRefresh/PullToRefresh.tsx"],"names":["React","Touch","TouchRootContext","FixedLayout","classNames","IOS","ANDROID","VKCOM","getClassName","PullToRefreshSpinner","withPlatform","canUseDOM","withDOM","runTapticImpactOccurred","withContext","ScrollContext","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","runRefreshing","resetRefreshingState","contentRef","createRef","document","addEventListener","onWindowTouchMove","passive","removeEventListener","clearTimeout","waitFetchingTimeout","prevProps","prevState","isFetching","onRefreshingFinish","onRefresh","setTimeout","children","window","restProps","spinnerTransform","contentTransform","onTouchStart","onTouchMove","onTouchEnd","transform","WebkitTransform","opacity","PureComponent"],"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 { ScrollContext, ScrollContextInterface } 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<PullToRefreshProps & DOMProps, PullToRefreshState> {\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: props.platform === ANDROID || props.platform === VKCOM ? 50 : 36,\n\n      positionMultiplier: 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(prevProps: PullToRefreshProps, prevState: PullToRefreshState) {\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(start, Math.min(this.params.maxY, start + shift * positionMultiplier));\n      const progress = 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 (isY && pageYOffset === 0 && shiftY > 0 && !refreshing && touchDown) {\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: this.props.platform === ANDROID || this.props.platform === VKCOM ? this.params.refreshing : 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 { children, onRefresh, isFetching, platform, window, document, scroll, ...restProps } = this.props;\n    const { watching, refreshing, spinnerY, spinnerProgress, canRefresh, touchDown, contentShift } = 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, 'scroll');\n"],"file":"PullToRefresh.js"}

package/dist/cssm/components/Removable/Removable.css

@@ -1 +1 @@
-.vkuiRemovable{position:relative;min-width:0;width:100%;max-width:100%}.vkuiRemovable__content{display:flex;flex-flow:row nowrap;align-items:center}.vkuiRemovable__action{position:relative;flex-grow:0;flex-shrink:0;border:0}.vkuiRemovable--start .vkuiRemovable__action{align-self:flex-start}.vkuiFormItem .vkuiRemovable,.vkuiFormLayoutGroup .vkuiRemovable{padding-left:16px;padding-left:var(--formitem_padding);padding-right:16px;padding-right:var(--formitem_padding);margin-left:calc(-1*16px);margin-left:calc(-1*var(--formitem_padding));margin-right:calc(-1*16px);margin-right:calc(-1*var(--formitem_padding))}.vkuiFormItem--withTop .vkuiRemovable__action,.vkuiFormItem--withTop~.vkuiRemovable__action{top:28px}.vkuiFormItem--withTop .vkuiRemovable--sizeY-compact .vkuiRemovable__action,.vkuiRemovable--sizeY-compact .vkuiFormItem--withTop~.vkuiRemovable__action{top:26px}.vkuiCell .vkuiRemovable{padding-right:6px;box-sizing:border-box}.vkuiCell.vkuiCell--android .vkuiRemovable.vkuiRemovable--sizeY-regular{padding-right:4px}.vkuiRemovable--ios{overflow:hidden}.vkuiRemovable__remove{position:absolute;left:100%;top:0;height:100%;padding:0 10px;font-size:15px;line-height:45px;color:#fff;color:var(--white);background-color:#e64646;background-color:var(--destructive);border:0;border-radius:0}.vkuiRemovable__remove-in{display:flex;align-items:center;justify-content:center;width:100%;height:100%}@media (prefers-reduced-motion:no-preference){.vkuiRemovable--ios .vkuiRemovable__content,.vkuiRemovable__remove{transition:-webkit-transform .6s cubic-bezier(.36,.66,.04,1);transition:transform .6s cubic-bezier(.36,.66,.04,1);transition:transform .6s cubic-bezier(.36,.66,.04,1),-webkit-transform .6s cubic-bezier(.36,.66,.04,1);transition:-webkit-transform .6s var(--ios-easing);transition:transform .6s var(--ios-easing);transition:transform .6s var(--ios-easing),-webkit-transform .6s var(--ios-easing)}}.vkuiRemovable__toggle{display:block;width:48px;height:48px;background:0 0}.vkuiRemovable__toggle-in{position:relative;display:flex;align-items:center;align-content:center;justify-content:center;width:100%;height:100%;border:0}.vkuiRemovable__toggle-in::after{content:"";width:22px;height:22px;background-color:#e64646;background-color:var(--destructive);border-radius:50%}.vkuiRemovable__toggle-in::before{content:"";position:absolute;display:block;width:12px;height:2px;background-color:#fff;background-color:var(--white)}.vkuiRemovable--sizeY-compact .vkuiRemovable__toggle{margin-top:-4px;margin-bottom:-4px}.vkuiFormLayoutGroup .vkuiRemovable--ios .vkuiRemovable__content{flex-wrap:wrap}.vkuiFormLayoutGroup .vkuiRemovable--ios .vkuiFormItem--withTop~.vkuiRemovable__offset{order:-1;display:block;width:100%;height:28px}.vkuiFormLayoutGroup .vkuiRemovable--ios.vkuiRemovable--sizeY-compact .vkuiFormItem--withTop~.vkuiRemovable__offset{height:26px}.vkuiFormItem .vkuiRemovable--android .vkuiRemovable__action,.vkuiFormItem .vkuiRemovable--vkcom .vkuiRemovable__action,.vkuiFormLayoutGroup .vkuiRemovable--android .vkuiRemovable__action,.vkuiFormLayoutGroup .vkuiRemovable--vkcom .vkuiRemovable__action{margin-top:-2px;margin-right:-16px;margin-bottom:-2px}.vkuiFormItem--sizeY-compact .vkuiRemovable--android .vkuiRemovable__action,.vkuiFormItem--sizeY-compact .vkuiRemovable--vkcom .vkuiRemovable__action,.vkuiFormLayoutGroup--sizeY-compact .vkuiRemovable--android .vkuiRemovable__action,.vkuiFormLayoutGroup--sizeY-compact .vkuiRemovable--vkcom .vkuiRemovable__action{margin-left:2px;margin-top:-4px;margin-right:-14px;margin-bottom:-4px}
+.vkuiRemovable__content{position:relative;display:flex;align-items:center;padding-left:16px;padding-left:var(--formitem_padding)}.vkuiRemovable__action{position:relative;flex-grow:0;flex-shrink:0;border:0}.vkuiRemovable--start .vkuiRemovable__action{align-self:flex-start}.vkuiFormItem--removable.vkuiFormItem--withTop .vkuiRemovable__action,.vkuiFormLayoutGroup--removable .vkuiFormItem--withTop~.vkuiRemovable__action{top:28px}.vkuiFormItem--sizeY-compact.vkuiFormItem--removable.vkuiFormItem--withTop .vkuiRemovable__action,.vkuiFormLayoutGroup--sizeY-compact.vkuiFormLayoutGroup--removable .vkuiFormItem--withTop~.vkuiRemovable__action{top:26px}.vkuiRemovable--ios{overflow:hidden}.vkuiRemovable__remove{position:absolute;left:100%;top:0;height:100%;padding:0 10px;font-size:15px;line-height:45px;color:#fff;color:var(--white);background-color:#e64646;background-color:var(--destructive);border:0;border-radius:0}.vkuiRemovable__remove-in{display:flex;align-items:center;justify-content:center;width:100%;height:100%}@media (prefers-reduced-motion:no-preference){.vkuiRemovable--ios .vkuiRemovable__content{transition:-webkit-transform .6s cubic-bezier(.36,.66,.04,1);transition:transform .6s cubic-bezier(.36,.66,.04,1);transition:transform .6s cubic-bezier(.36,.66,.04,1),-webkit-transform .6s cubic-bezier(.36,.66,.04,1);transition:-webkit-transform .6s var(--ios-easing);transition:transform .6s var(--ios-easing);transition:transform .6s var(--ios-easing),-webkit-transform .6s var(--ios-easing)}}.vkuiRemovable__toggle{display:block;width:44px;height:44px;margin:0 2px;background:0 0}.vkuiRemovable__toggle-in{position:relative;display:flex;align-items:center;align-content:center;justify-content:center;width:100%;height:100%;border:0}.vkuiRemovable__toggle-in::after{content:"";width:22px;height:22px;background-color:#e64646;background-color:var(--destructive);border-radius:50%}.vkuiRemovable__toggle-in::before{content:"";position:absolute;display:block;width:12px;height:2px;background-color:#fff;background-color:var(--white)}.vkuiRemovable--ios .vkuiRemovable__content{padding-left:0;padding-right:16px;padding-right:var(--formitem_padding)}.vkuiFormLayoutGroup--removable .vkuiRemovable__content{flex-wrap:wrap}.vkuiFormLayoutGroup--removable .vkuiFormItem--ios.vkuiFormItem--withTop~.vkuiRemovable__offset{order:-1;display:block;width:100%;height:28px}.vkuiFormLayoutGroup--removable.vkuiFormLayoutGroup--sizeY-compact .vkuiFormItem--ios.vkuiFormItem--withTop~.vkuiRemovable__offset{height:26px}