@vkontakte/vkui 5.2.4 → 5.3.1

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

@@ -1,123 +1,122 @@
 "use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
 Object.defineProperty(exports, "__esModule", {
-  value: true
+    value: true
+});
+Object.defineProperty(exports, "Cell", {
+    enumerable: true,
+    get: function() {
+        return Cell;
+    }
 });
-exports.Cell = void 0;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-var React = _interopRequireWildcard(require("react"));
+var _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildcard.js").default;
+var _objectSpread = require("@swc/helpers/lib/_object_spread.js").default;
+var _objectSpreadProps = require("@swc/helpers/lib/_object_spread_props.js").default;
+var _objectWithoutProperties = require("@swc/helpers/lib/_object_without_properties.js").default;
+var _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
 var _vkjs = require("@vkontakte/vkjs");
 var _useExternRef = require("../../hooks/useExternRef");
 var _usePlatform = require("../../hooks/usePlatform");
 var _platform = require("../../lib/platform");
-var _ListContext = require("../List/ListContext");
-var _Removable = require("../Removable/Removable");
-var _SimpleCell = require("../SimpleCell/SimpleCell");
-var _CellCheckbox = require("./CellCheckbox/CellCheckbox");
-var _CellDragger = require("./CellDragger/CellDragger");
-var _useDraggable2 = require("./useDraggable");
-var _excluded = ["mode", "onRemove", "removePlaceholder", "onDragFinish", "before", "after", "disabled", "draggable", "Component", "onChange", "name", "value", "checked", "defaultChecked", "getRootRef", "draggerLabel", "className", "style"],
-  _excluded2 = ["dragging"];
-/**
- * @see https://vkcom.github.io/VKUI/#/Cell
- */
-var Cell = function Cell(_ref) {
-  var mode = _ref.mode,
-    _ref$onRemove = _ref.onRemove,
-    _onRemove = _ref$onRemove === void 0 ? _vkjs.noop : _ref$onRemove,
-    _ref$removePlaceholde = _ref.removePlaceholder,
-    removePlaceholder = _ref$removePlaceholde === void 0 ? 'Удалить' : _ref$removePlaceholde,
-    onDragFinish = _ref.onDragFinish,
-    before = _ref.before,
-    after = _ref.after,
-    disabled = _ref.disabled,
-    draggable = _ref.draggable,
-    Component = _ref.Component,
-    onChange = _ref.onChange,
-    name = _ref.name,
-    value = _ref.value,
-    checked = _ref.checked,
-    defaultChecked = _ref.defaultChecked,
-    getRootRef = _ref.getRootRef,
-    _ref$draggerLabel = _ref.draggerLabel,
-    draggerLabel = _ref$draggerLabel === void 0 ? 'Перенести ячейку' : _ref$draggerLabel,
-    className = _ref.className,
-    style = _ref.style,
-    restProps = (0, _objectWithoutProperties2.default)(_ref, _excluded);
-  var selectable = mode === 'selectable';
-  var removable = mode === 'removable';
-  var platform = (0, _usePlatform.usePlatform)();
-  var rootElRef = (0, _useExternRef.useExternRef)(getRootRef);
-  var _useDraggable = (0, _useDraggable2.useDraggable)({
-      rootElRef: rootElRef,
-      onDragFinish: onDragFinish
-    }),
-    dragging = _useDraggable.dragging,
-    draggableProps = (0, _objectWithoutProperties2.default)(_useDraggable, _excluded2);
-  var _React$useContext = React.useContext(_ListContext.ListContext),
-    toggleDrag = _React$useContext.toggleDrag;
-  React.useEffect(function () {
-    if (dragging) {
-      toggleDrag(true);
-      return function () {
-        return toggleDrag(false);
-      };
+var _listContext = require("../List/ListContext");
+var _removable = require("../Removable/Removable");
+var _simpleCell = require("../SimpleCell/SimpleCell");
+var _cellCheckbox = require("./CellCheckbox/CellCheckbox");
+var _cellDragger = require("./CellDragger/CellDragger");
+var _useDraggable = require("./useDraggable");
+var Cell = function(_param) {
+    var mode = _param.mode, _param_onRemove = _param.onRemove, onRemove = _param_onRemove === void 0 ? _vkjs.noop : _param_onRemove, _param_removePlaceholder = _param.removePlaceholder, removePlaceholder = _param_removePlaceholder === void 0 ? "Удалить" : _param_removePlaceholder, onDragFinish = _param.onDragFinish, before = _param.before, after = _param.after, disabled = _param.disabled, draggable = _param.draggable, Component = _param.Component, onChange = _param.onChange, name = _param.name, value = _param.value, checked = _param.checked, defaultChecked = _param.defaultChecked, getRootRef = _param.getRootRef, _param_draggerLabel = _param.draggerLabel, draggerLabel = _param_draggerLabel === void 0 ? "Перенести ячейку" : _param_draggerLabel, className = _param.className, style = _param.style, restProps = _objectWithoutProperties(_param, [
+        "mode",
+        "onRemove",
+        "removePlaceholder",
+        "onDragFinish",
+        "before",
+        "after",
+        "disabled",
+        "draggable",
+        "Component",
+        "onChange",
+        "name",
+        "value",
+        "checked",
+        "defaultChecked",
+        "getRootRef",
+        "draggerLabel",
+        "className",
+        "style"
+    ]);
+    var selectable = mode === "selectable";
+    var removable = mode === "removable";
+    var platform = (0, _usePlatform.usePlatform)();
+    var rootElRef = (0, _useExternRef.useExternRef)(getRootRef);
+    var _useDraggable1 = (0, _useDraggable.useDraggable)({
+        rootElRef: rootElRef,
+        onDragFinish: onDragFinish
+    }), dragging = _useDraggable1.dragging, draggableProps = _objectWithoutProperties(_useDraggable1, [
+        "dragging"
+    ]);
+    var toggleDrag = _react.useContext(_listContext.ListContext).toggleDrag;
+    _react.useEffect(function() {
+        if (dragging) {
+            toggleDrag(true);
+            return function() {
+                return toggleDrag(false);
+            };
+        }
+        return undefined;
+    }, [
+        dragging,
+        toggleDrag
+    ]);
+    var dragger;
+    if (draggable) {
+        dragger = /*#__PURE__*/ _react.createElement(_cellDragger.CellDragger, _objectSpread({
+            className: "vkuiCell__dragger",
+            "aria-label": draggerLabel
+        }, draggableProps));
     }
-    return undefined;
-  }, [dragging, toggleDrag]);
-  var dragger;
-  if (draggable) {
-    dragger = /*#__PURE__*/React.createElement(_CellDragger.CellDragger, (0, _extends2.default)({
-      className: "vkuiCell__dragger",
-      "aria-label": draggerLabel
-    }, draggableProps));
-  }
-  var checkbox;
-  if (selectable) {
-    var checkboxProps = {
-      name: name,
-      value: value,
-      onChange: onChange,
-      defaultChecked: defaultChecked,
-      checked: checked,
-      disabled: disabled
-    };
-    checkbox = /*#__PURE__*/React.createElement(_CellCheckbox.CellCheckbox, (0, _extends2.default)({
-      className: "vkuiCell__checkbox"
-    }, checkboxProps));
-  }
-  var simpleCellDisabled = draggable && !selectable || removable || disabled;
-  var hasActive = !simpleCellDisabled && !dragging;
-  var cellClasses = (0, _vkjs.classNames)("vkuiCell", platform === _platform.Platform.IOS && "vkuiCell--ios", dragging && "vkuiCell--dragging", removable && "vkuiCell--removable", selectable && "vkuiCell--selectable", disabled && "vkuiCell--disabled");
-  var simpleCell = /*#__PURE__*/React.createElement(_SimpleCell.SimpleCell, (0, _extends2.default)({
-    hasActive: hasActive,
-    hasHover: hasActive
-  }, restProps, {
-    className: "vkuiCell__content",
-    disabled: simpleCellDisabled,
-    Component: selectable ? 'label' : Component,
-    before: /*#__PURE__*/React.createElement(React.Fragment, null, draggable && platform !== _platform.Platform.IOS && dragger, selectable && checkbox, before),
-    after: /*#__PURE__*/React.createElement(React.Fragment, null, draggable && platform === _platform.Platform.IOS && dragger, after)
-  }));
-  if (removable) {
-    return /*#__PURE__*/React.createElement(_Removable.Removable, {
-      className: (0, _vkjs.classNames)(cellClasses, className),
-      style: style,
-      getRootRef: rootElRef,
-      removePlaceholder: removePlaceholder,
-      onRemove: function onRemove(e) {
-        return _onRemove(e, rootElRef.current);
-      }
+    var checkbox;
+    if (selectable) {
+        var checkboxProps = {
+            name: name,
+            value: value,
+            onChange: onChange,
+            defaultChecked: defaultChecked,
+            checked: checked,
+            disabled: disabled
+        };
+        checkbox = /*#__PURE__*/ _react.createElement(_cellCheckbox.CellCheckbox, _objectSpread({
+            className: "vkuiCell__checkbox"
+        }, checkboxProps));
+    }
+    var simpleCellDisabled = draggable && !selectable || removable || disabled;
+    var hasActive = !simpleCellDisabled && !dragging;
+    var cellClasses = (0, _vkjs.classNames)("vkuiCell", platform === _platform.Platform.IOS && "vkuiCell--ios", dragging && "vkuiCell--dragging", removable && "vkuiCell--removable", selectable && "vkuiCell--selectable", disabled && "vkuiCell--disabled");
+    var simpleCell = /*#__PURE__*/ _react.createElement(_simpleCell.SimpleCell, _objectSpreadProps(_objectSpread({
+        hasActive: hasActive,
+        hasHover: hasActive
+    }, restProps), {
+        className: "vkuiCell__content",
+        disabled: simpleCellDisabled,
+        Component: selectable ? "label" : Component,
+        before: /*#__PURE__*/ _react.createElement(_react.Fragment, null, draggable && platform !== _platform.Platform.IOS && dragger, selectable && checkbox, before),
+        after: /*#__PURE__*/ _react.createElement(_react.Fragment, null, draggable && platform === _platform.Platform.IOS && dragger, after)
+    }));
+    if (removable) {
+        return /*#__PURE__*/ _react.createElement(_removable.Removable, {
+            className: (0, _vkjs.classNames)(cellClasses, className),
+            style: style,
+            getRootRef: rootElRef,
+            removePlaceholder: removePlaceholder,
+            onRemove: function(e) {
+                return onRemove(e, rootElRef.current);
+            }
+        }, simpleCell);
+    }
+    return /*#__PURE__*/ _react.createElement("div", {
+        className: (0, _vkjs.classNames)(cellClasses, className),
+        style: style,
+        ref: rootElRef
     }, simpleCell);
-  }
-  return /*#__PURE__*/React.createElement("div", {
-    className: (0, _vkjs.classNames)(cellClasses, className),
-    style: style,
-    ref: rootElRef
-  }, simpleCell);
 };
-exports.Cell = Cell;
+
 //# sourceMappingURL=Cell.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Cell.js","names":["Cell","mode","onRemove","noop","removePlaceholder","onDragFinish","before","after","disabled","draggable","Component","onChange","name","value","checked","defaultChecked","getRootRef","draggerLabel","className","style","restProps","selectable","removable","platform","usePlatform","rootElRef","useExternRef","useDraggable","dragging","draggableProps","React","useContext","ListContext","toggleDrag","useEffect","undefined","dragger","checkbox","checkboxProps","simpleCellDisabled","hasActive","cellClasses","classNames","Platform","IOS","simpleCell","e","current"],"sources":["../../../../src/components/Cell/Cell.tsx"],"sourcesContent":["import * as React from 'react';\nimport { classNames, noop } from '@vkontakte/vkjs';\nimport { useExternRef } from '../../hooks/useExternRef';\nimport { usePlatform } from '../../hooks/usePlatform';\nimport { Platform } from '../../lib/platform';\nimport { HasRootRef } from '../../types';\nimport { ListContext } from '../List/ListContext';\nimport { Removable, RemovableProps } from '../Removable/Removable';\nimport { SimpleCell, SimpleCellProps } from '../SimpleCell/SimpleCell';\nimport { CellCheckbox, CellCheckboxProps } from './CellCheckbox/CellCheckbox';\nimport { CellDragger } from './CellDragger/CellDragger';\nimport { useDraggable } from './useDraggable';\nimport styles from './Cell.module.css';\n\nexport interface CellProps\n  extends Omit<SimpleCellProps, 'getRootRef'>,\n    RemovableProps,\n    HasRootRef<HTMLDivElement> {\n  mode?: 'removable' | 'selectable';\n  /**\n   * В режиме перетаскивания ячейка перестает быть кликабельной, то есть при клике переданный onClick вызываться не будет\n   */\n  draggable?: boolean;\n  /**\n   * Имя для input в режиме selectable\n   */\n  name?: string;\n  /**\n   * В режиме selectable реагирует на входящие значения пропса cheсked, как зависящий напрямую от входящего значения\n   */\n  checked?: boolean;\n  /**\n   * В режиме selectable реагирует на входящие значения пропса defaultChecked как неконтролируемый компонент\n   */\n  defaultChecked?: boolean;\n  /**\n   * Коллбэк срабатывает при завершении перетаскивания.\n   * **Важно:** режим перетаскивания не меняет порядок ячеек в DOM. В коллбэке есть объект с полями `from` и `to`.\n   * Эти числа нужны для того, чтобы разработчик понимал, с какого индекса на какой произошел переход. В песочнице\n   * есть рабочий пример с обработкой этих чисел и перерисовкой списка.\n   */\n  onDragFinish?: ({ from, to }: { from: number; to: number }) => void;\n  /**\n   * aria-label для кнопки перетаскивания ячейки\n   */\n  draggerLabel?: string;\n}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/Cell\n */\nexport const Cell = ({\n  mode,\n  onRemove = noop,\n  removePlaceholder = 'Удалить',\n  onDragFinish,\n  before,\n  after,\n  disabled,\n  draggable,\n  Component,\n  onChange,\n  name,\n  value,\n  checked,\n  defaultChecked,\n  getRootRef,\n  draggerLabel = 'Перенести ячейку',\n  className,\n  style,\n  ...restProps\n}: CellProps) => {\n  const selectable = mode === 'selectable';\n  const removable = mode === 'removable';\n\n  const platform = usePlatform();\n\n  const rootElRef = useExternRef(getRootRef);\n\n  const { dragging, ...draggableProps } = useDraggable({\n    rootElRef,\n    onDragFinish,\n  });\n\n  const { toggleDrag } = React.useContext(ListContext);\n  React.useEffect(() => {\n    if (dragging) {\n      toggleDrag(true);\n      return () => toggleDrag(false);\n    }\n    return undefined;\n  }, [dragging, toggleDrag]);\n\n  let dragger;\n  if (draggable) {\n    dragger = (\n      <CellDragger\n        className={styles['Cell__dragger']}\n        aria-label={draggerLabel}\n        {...draggableProps}\n      />\n    );\n  }\n\n  let checkbox;\n  if (selectable) {\n    const checkboxProps: CellCheckboxProps = {\n      name,\n      value,\n      onChange,\n      defaultChecked,\n      checked,\n      disabled,\n    };\n    checkbox = <CellCheckbox className={styles['Cell__checkbox']} {...checkboxProps} />;\n  }\n\n  const simpleCellDisabled = (draggable && !selectable) || removable || disabled;\n  const hasActive = !simpleCellDisabled && !dragging;\n\n  const cellClasses = classNames(\n    styles['Cell'],\n    platform === Platform.IOS && styles['Cell--ios'],\n    dragging && styles['Cell--dragging'],\n    removable && styles['Cell--removable'],\n    selectable && styles['Cell--selectable'],\n    disabled && styles['Cell--disabled'],\n  );\n\n  const simpleCell = (\n    <SimpleCell\n      hasActive={hasActive}\n      hasHover={hasActive}\n      {...restProps}\n      className={styles['Cell__content']}\n      disabled={simpleCellDisabled}\n      Component={selectable ? 'label' : Component}\n      before={\n        <React.Fragment>\n          {draggable && platform !== Platform.IOS && dragger}\n          {selectable && checkbox}\n          {before}\n        </React.Fragment>\n      }\n      after={\n        <React.Fragment>\n          {draggable && platform === Platform.IOS && dragger}\n          {after}\n        </React.Fragment>\n      }\n    />\n  );\n\n  if (removable) {\n    return (\n      <Removable\n        className={classNames(cellClasses, className)}\n        style={style}\n        getRootRef={rootElRef}\n        removePlaceholder={removePlaceholder}\n        onRemove={(e) => onRemove(e, rootElRef.current)}\n      >\n        {simpleCell}\n      </Removable>\n    );\n  }\n\n  return (\n    <div className={classNames(cellClasses, className)} style={style} ref={rootElRef}>\n      {simpleCell}\n    </div>\n  );\n};\n"],"mappings":"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"}
+{"version":3,"sources":["../../../../src/components/Cell/Cell.tsx"],"sourcesContent":["import * as React from 'react';\nimport { classNames, noop } from '@vkontakte/vkjs';\nimport { useExternRef } from '../../hooks/useExternRef';\nimport { usePlatform } from '../../hooks/usePlatform';\nimport { Platform } from '../../lib/platform';\nimport { HasRootRef } from '../../types';\nimport { ListContext } from '../List/ListContext';\nimport { Removable, RemovableProps } from '../Removable/Removable';\nimport { SimpleCell, SimpleCellProps } from '../SimpleCell/SimpleCell';\nimport { CellCheckbox, CellCheckboxProps } from './CellCheckbox/CellCheckbox';\nimport { CellDragger } from './CellDragger/CellDragger';\nimport { useDraggable } from './useDraggable';\nimport styles from './Cell.module.css';\n\nexport interface CellProps\n  extends Omit<SimpleCellProps, 'getRootRef'>,\n    RemovableProps,\n    HasRootRef<HTMLDivElement> {\n  mode?: 'removable' | 'selectable';\n  /**\n   * В режиме перетаскивания ячейка перестает быть кликабельной, то есть при клике переданный onClick вызываться не будет\n   */\n  draggable?: boolean;\n  /**\n   * Имя для input в режиме selectable\n   */\n  name?: string;\n  /**\n   * В режиме selectable реагирует на входящие значения пропса cheсked, как зависящий напрямую от входящего значения\n   */\n  checked?: boolean;\n  /**\n   * В режиме selectable реагирует на входящие значения пропса defaultChecked как неконтролируемый компонент\n   */\n  defaultChecked?: boolean;\n  /**\n   * Коллбэк срабатывает при завершении перетаскивания.\n   * **Важно:** режим перетаскивания не меняет порядок ячеек в DOM. В коллбэке есть объект с полями `from` и `to`.\n   * Эти числа нужны для того, чтобы разработчик понимал, с какого индекса на какой произошел переход. В песочнице\n   * есть рабочий пример с обработкой этих чисел и перерисовкой списка.\n   */\n  onDragFinish?: ({ from, to }: { from: number; to: number }) => void;\n  /**\n   * aria-label для кнопки перетаскивания ячейки\n   */\n  draggerLabel?: string;\n}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/Cell\n */\nexport const Cell = ({\n  mode,\n  onRemove = noop,\n  removePlaceholder = 'Удалить',\n  onDragFinish,\n  before,\n  after,\n  disabled,\n  draggable,\n  Component,\n  onChange,\n  name,\n  value,\n  checked,\n  defaultChecked,\n  getRootRef,\n  draggerLabel = 'Перенести ячейку',\n  className,\n  style,\n  ...restProps\n}: CellProps) => {\n  const selectable = mode === 'selectable';\n  const removable = mode === 'removable';\n\n  const platform = usePlatform();\n\n  const rootElRef = useExternRef(getRootRef);\n\n  const { dragging, ...draggableProps } = useDraggable({\n    rootElRef,\n    onDragFinish,\n  });\n\n  const { toggleDrag } = React.useContext(ListContext);\n  React.useEffect(() => {\n    if (dragging) {\n      toggleDrag(true);\n      return () => toggleDrag(false);\n    }\n    return undefined;\n  }, [dragging, toggleDrag]);\n\n  let dragger;\n  if (draggable) {\n    dragger = (\n      <CellDragger\n        className={styles['Cell__dragger']}\n        aria-label={draggerLabel}\n        {...draggableProps}\n      />\n    );\n  }\n\n  let checkbox;\n  if (selectable) {\n    const checkboxProps: CellCheckboxProps = {\n      name,\n      value,\n      onChange,\n      defaultChecked,\n      checked,\n      disabled,\n    };\n    checkbox = <CellCheckbox className={styles['Cell__checkbox']} {...checkboxProps} />;\n  }\n\n  const simpleCellDisabled = (draggable && !selectable) || removable || disabled;\n  const hasActive = !simpleCellDisabled && !dragging;\n\n  const cellClasses = classNames(\n    styles['Cell'],\n    platform === Platform.IOS && styles['Cell--ios'],\n    dragging && styles['Cell--dragging'],\n    removable && styles['Cell--removable'],\n    selectable && styles['Cell--selectable'],\n    disabled && styles['Cell--disabled'],\n  );\n\n  const simpleCell = (\n    <SimpleCell\n      hasActive={hasActive}\n      hasHover={hasActive}\n      {...restProps}\n      className={styles['Cell__content']}\n      disabled={simpleCellDisabled}\n      Component={selectable ? 'label' : Component}\n      before={\n        <React.Fragment>\n          {draggable && platform !== Platform.IOS && dragger}\n          {selectable && checkbox}\n          {before}\n        </React.Fragment>\n      }\n      after={\n        <React.Fragment>\n          {draggable && platform === Platform.IOS && dragger}\n          {after}\n        </React.Fragment>\n      }\n    />\n  );\n\n  if (removable) {\n    return (\n      <Removable\n        className={classNames(cellClasses, className)}\n        style={style}\n        getRootRef={rootElRef}\n        removePlaceholder={removePlaceholder}\n        onRemove={(e) => onRemove(e, rootElRef.current)}\n      >\n        {simpleCell}\n      </Removable>\n    );\n  }\n\n  return (\n    <div className={classNames(cellClasses, className)} style={style} ref={rootElRef}>\n      {simpleCell}\n    </div>\n  );\n};\n"],"names":["Cell","mode","onRemove","noop","removePlaceholder","onDragFinish","before","after","disabled","draggable","Component","onChange","name","value","checked","defaultChecked","getRootRef","draggerLabel","className","style","restProps","selectable","removable","platform","usePlatform","rootElRef","useExternRef","useDraggable","dragging","draggableProps","toggleDrag","React","useContext","ListContext","useEffect","undefined","dragger","CellDragger","aria-label","checkbox","checkboxProps","CellCheckbox","simpleCellDisabled","hasActive","cellClasses","classNames","Platform","IOS","simpleCell","SimpleCell","hasHover","Fragment","Removable","e","current","div","ref"],"mappings":";;;;+BAmDaA;;;eAAAA;;;;;;;2DAnDU;oBACU;4BACJ;2BACD;wBACH;2BAEG;yBACc;0BACE;4BACI;2BACpB;4BACC;AAwCtB,IAAMA,OAAO,iBAoBH;QAnBfC,cAAAA,+BACAC,UAAAA,wCAAWC,UAAI,sDACfC,mBAAAA,0DAAoB,sCACpBC,sBAAAA,cACAC,gBAAAA,QACAC,eAAAA,OACAC,kBAAAA,UACAC,mBAAAA,WACAC,mBAAAA,WACAC,kBAAAA,UACAC,cAAAA,MACAC,eAAAA,OACAC,iBAAAA,SACAC,wBAAAA,gBACAC,oBAAAA,yCACAC,cAAAA,gDAAe,0CACfC,mBAAAA,WACAC,eAAAA,OACGC;QAlBHnB;QACAC;QACAE;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;;IAGA,IAAME,aAAapB,SAAS;IAC5B,IAAMqB,YAAYrB,SAAS;IAE3B,IAAMsB,WAAWC,IAAAA,wBAAW;IAE5B,IAAMC,YAAYC,IAAAA,0BAAY,EAACV;IAE/B,IAAwCW,iBAAAA,IAAAA,0BAAY,EAAC;QACnDF,WAAAA;QACApB,cAAAA;IACF,IAHM,AAAEuB,WAAgCD,eAAhCC,UAAaC,0CAAmBF;QAAhCC;;IAKR,IAAM,AAAEE,aAAeC,OAAMC,UAAU,CAACC,wBAAW,EAA3CH;IACRC,OAAMG,SAAS,CAAC,WAAM;QACpB,IAAIN,UAAU;YACZE,WAAW,IAAI;YACf,OAAO;uBAAMA,WAAW,KAAK;;QAC/B,CAAC;QACD,OAAOK;IACT,GAAG;QAACP;QAAUE;KAAW;IAEzB,IAAIM;IACJ,IAAI3B,WAAW;QACb2B,wBACE,qBAACC,wBAAW;YACVnB,SAAS;YACToB,cAAYrB;WACRY;IAGV,CAAC;IAED,IAAIU;IACJ,IAAIlB,YAAY;QACd,IAAMmB,gBAAmC;YACvC5B,MAAAA;YACAC,OAAAA;YACAF,UAAAA;YACAI,gBAAAA;YACAD,SAAAA;YACAN,UAAAA;QACF;QACA+B,yBAAW,qBAACE,0BAAY;YAACvB,SAAS;WAAgCsB;IACpE,CAAC;IAED,IAAME,qBAAqB,AAACjC,aAAa,CAACY,cAAeC,aAAad;IACtE,IAAMmC,YAAY,CAACD,sBAAsB,CAACd;IAE1C,IAAMgB,cAAcC,IAAAA,gBAAU,cAE5BtB,aAAauB,kBAAQ,CAACC,GAAG,qBACzBnB,kCACAN,oCACAD,sCACAb;IAGF,IAAMwC,2BACJ,qBAACC,sBAAU;QACTN,WAAWA;QACXO,UAAUP;OACNvB;QACJF,SAAS;QACTV,UAAUkC;QACVhC,WAAWW,aAAa,UAAUX,SAAS;QAC3CJ,sBACE,qBAACyB,OAAMoB,QAAQ,QACZ1C,aAAac,aAAauB,kBAAQ,CAACC,GAAG,IAAIX,SAC1Cf,cAAckB,UACdjC;QAGLC,qBACE,qBAACwB,OAAMoB,QAAQ,QACZ1C,aAAac,aAAauB,kBAAQ,CAACC,GAAG,IAAIX,SAC1C7B;;IAMT,IAAIe,WAAW;QACb,qBACE,qBAAC8B,oBAAS;YACRlC,WAAW2B,IAAAA,gBAAU,EAACD,aAAa1B;YACnCC,OAAOA;YACPH,YAAYS;YACZrB,mBAAmBA;YACnBF,UAAU,SAACmD;uBAAMnD,SAASmD,GAAG5B,UAAU6B,OAAO;;WAE7CN;IAGP,CAAC;IAED,qBACE,qBAACO;QAAIrC,WAAW2B,IAAAA,gBAAU,EAACD,aAAa1B;QAAYC,OAAOA;QAAOqC,KAAK/B;OACpEuB;AAGP"}

package/dist/cjs/components/Cell/CellCheckbox/CellCheckbox.d.ts

@@ -1,4 +1,4 @@
 import * as React from 'react';
 import { CellProps } from '../Cell';
-export declare type CellCheckboxProps = Pick<CellProps, 'defaultChecked' | 'checked'> & React.InputHTMLAttributes<HTMLInputElement>;
+export type CellCheckboxProps = Pick<CellProps, 'defaultChecked' | 'checked'> & React.InputHTMLAttributes<HTMLInputElement>;
 export declare const CellCheckbox: ({ className, style, ...restProps }: CellCheckboxProps) => JSX.Element;

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

@@ -1,40 +1,43 @@
 "use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
 Object.defineProperty(exports, "__esModule", {
-  value: true
+    value: true
+});
+Object.defineProperty(exports, "CellCheckbox", {
+    enumerable: true,
+    get: function() {
+        return CellCheckbox;
+    }
 });
-exports.CellCheckbox = void 0;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-var React = _interopRequireWildcard(require("react"));
+var _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildcard.js").default;
+var _objectSpread = require("@swc/helpers/lib/_object_spread.js").default;
+var _objectWithoutProperties = require("@swc/helpers/lib/_object_without_properties.js").default;
+var _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
 var _icons = require("@vkontakte/icons");
 var _vkjs = require("@vkontakte/vkjs");
 var _usePlatform = require("../../../hooks/usePlatform");
 var _platform = require("../../../lib/platform");
-var _VisuallyHiddenInput = require("../../VisuallyHiddenInput/VisuallyHiddenInput");
-var _excluded = ["className", "style"];
-var CellCheckbox = function CellCheckbox(_ref) {
-  var className = _ref.className,
-    style = _ref.style,
-    restProps = (0, _objectWithoutProperties2.default)(_ref, _excluded);
-  var platform = (0, _usePlatform.usePlatform)();
-  var IconOff = platform === _platform.Platform.IOS || platform === _platform.Platform.VKCOM ? _icons.Icon24CheckCircleOff : _icons.Icon24CheckBoxOff;
-  var IconOn = platform === _platform.Platform.IOS || platform === _platform.Platform.VKCOM ? _icons.Icon24CheckCircleOn : _icons.Icon24CheckBoxOn;
-  return /*#__PURE__*/React.createElement("span", {
-    className: (0, _vkjs.classNames)("vkuiCellCheckbox", className),
-    style: style
-  }, /*#__PURE__*/React.createElement(_VisuallyHiddenInput.VisuallyHiddenInput, (0, _extends2.default)({
-    className: "vkuiCellCheckbox__input",
-    type: "checkbox"
-  }, restProps)), /*#__PURE__*/React.createElement("span", {
-    className: (0, _vkjs.classNames)("vkuiCellCheckbox__icon", "vkuiCellCheckbox__icon--off"),
-    "aria-hidden": true
-  }, /*#__PURE__*/React.createElement(IconOff, null)), /*#__PURE__*/React.createElement("span", {
-    className: (0, _vkjs.classNames)("vkuiCellCheckbox__icon", "vkuiCellCheckbox__icon--on"),
-    "aria-hidden": true
-  }, /*#__PURE__*/React.createElement(IconOn, null)));
+var _visuallyHiddenInput = require("../../VisuallyHiddenInput/VisuallyHiddenInput");
+var CellCheckbox = function(_param) {
+    var className = _param.className, style = _param.style, restProps = _objectWithoutProperties(_param, [
+        "className",
+        "style"
+    ]);
+    var platform = (0, _usePlatform.usePlatform)();
+    var IconOff = platform === _platform.Platform.IOS || platform === _platform.Platform.VKCOM ? _icons.Icon24CheckCircleOff : _icons.Icon24CheckBoxOff;
+    var IconOn = platform === _platform.Platform.IOS || platform === _platform.Platform.VKCOM ? _icons.Icon24CheckCircleOn : _icons.Icon24CheckBoxOn;
+    return /*#__PURE__*/ _react.createElement("span", {
+        className: className,
+        style: style
+    }, /*#__PURE__*/ _react.createElement(_visuallyHiddenInput.VisuallyHiddenInput, _objectSpread({
+        className: "vkuiCellCheckbox__input",
+        type: "checkbox"
+    }, restProps)), /*#__PURE__*/ _react.createElement("span", {
+        className: (0, _vkjs.classNames)("vkuiCellCheckbox__icon", "vkuiCellCheckbox__icon--off"),
+        "aria-hidden": true
+    }, /*#__PURE__*/ _react.createElement(IconOff, null)), /*#__PURE__*/ _react.createElement("span", {
+        className: (0, _vkjs.classNames)("vkuiCellCheckbox__icon", "vkuiCellCheckbox__icon--on"),
+        "aria-hidden": true
+    }, /*#__PURE__*/ _react.createElement(IconOn, null)));
 };
-exports.CellCheckbox = CellCheckbox;
+
 //# sourceMappingURL=CellCheckbox.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"CellCheckbox.js","names":["CellCheckbox","className","style","restProps","platform","usePlatform","IconOff","Platform","IOS","VKCOM","Icon24CheckCircleOff","Icon24CheckBoxOff","IconOn","Icon24CheckCircleOn","Icon24CheckBoxOn","classNames"],"sources":["../../../../../src/components/Cell/CellCheckbox/CellCheckbox.tsx"],"sourcesContent":["import * as React from 'react';\nimport {\n  Icon24CheckBoxOff,\n  Icon24CheckBoxOn,\n  Icon24CheckCircleOff,\n  Icon24CheckCircleOn,\n} from '@vkontakte/icons';\nimport { classNames } from '@vkontakte/vkjs';\nimport { usePlatform } from '../../../hooks/usePlatform';\nimport { Platform } from '../../../lib/platform';\nimport { VisuallyHiddenInput } from '../../VisuallyHiddenInput/VisuallyHiddenInput';\nimport { CellProps } from '../Cell';\nimport styles from './CellCheckbox.module.css';\n\nexport type CellCheckboxProps = Pick<CellProps, 'defaultChecked' | 'checked'> &\n  React.InputHTMLAttributes<HTMLInputElement>;\n\nexport const CellCheckbox = ({ className, style, ...restProps }: CellCheckboxProps) => {\n  const platform = usePlatform();\n\n  const IconOff =\n    platform === Platform.IOS || platform === Platform.VKCOM\n      ? Icon24CheckCircleOff\n      : Icon24CheckBoxOff;\n\n  const IconOn =\n    platform === Platform.IOS || platform === Platform.VKCOM\n      ? Icon24CheckCircleOn\n      : Icon24CheckBoxOn;\n\n  return (\n    <span className={classNames(styles['CellCheckbox'], className)} style={style}>\n      <VisuallyHiddenInput\n        className={styles['CellCheckbox__input']}\n        type=\"checkbox\"\n        {...restProps}\n      />\n      <span\n        className={classNames(styles['CellCheckbox__icon'], styles['CellCheckbox__icon--off'])}\n        aria-hidden\n      >\n        <IconOff />\n      </span>\n      <span\n        className={classNames(styles['CellCheckbox__icon'], styles['CellCheckbox__icon--on'])}\n        aria-hidden\n      >\n        <IconOn />\n      </span>\n    </span>\n  );\n};\n"],"mappings":";;;;;;;;;;AAAA;AACA;AAMA;AACA;AACA;AACA;AAAoF;AAO7E,IAAMA,YAAY,GAAG,SAAfA,YAAY,OAA8D;EAAA,IAAxDC,SAAS,QAATA,SAAS;IAAEC,KAAK,QAALA,KAAK;IAAKC,SAAS;EAC3D,IAAMC,QAAQ,GAAG,IAAAC,wBAAW,GAAE;EAE9B,IAAMC,OAAO,GACXF,QAAQ,KAAKG,kBAAQ,CAACC,GAAG,IAAIJ,QAAQ,KAAKG,kBAAQ,CAACE,KAAK,GACpDC,2BAAoB,GACpBC,wBAAiB;EAEvB,IAAMC,MAAM,GACVR,QAAQ,KAAKG,kBAAQ,CAACC,GAAG,IAAIJ,QAAQ,KAAKG,kBAAQ,CAACE,KAAK,GACpDI,0BAAmB,GACnBC,uBAAgB;EAEtB,oBACE;IAAM,SAAS,EAAE,IAAAC,gBAAU,sBAAyBd,SAAS,CAAE;IAAC,KAAK,EAAEC;EAAM,gBAC3E,oBAAC,wCAAmB;IAClB,SAAS,2BAAgC;IACzC,IAAI,EAAC;EAAU,GACXC,SAAS,EACb,eACF;IACE,SAAS,EAAE,IAAAY,gBAAU,0DAAkE;IACvF;EAAW,gBAEX,oBAAC,OAAO,OAAG,CACN,eACP;IACE,SAAS,EAAE,IAAAA,gBAAU,yDAAiE;IACtF;EAAW,gBAEX,oBAAC,MAAM,OAAG,CACL,CACF;AAEX,CAAC;AAAC"}
+{"version":3,"sources":["../../../../../src/components/Cell/CellCheckbox/CellCheckbox.tsx"],"sourcesContent":["import * as React from 'react';\nimport {\n  Icon24CheckBoxOff,\n  Icon24CheckBoxOn,\n  Icon24CheckCircleOff,\n  Icon24CheckCircleOn,\n} from '@vkontakte/icons';\nimport { classNames } from '@vkontakte/vkjs';\nimport { usePlatform } from '../../../hooks/usePlatform';\nimport { Platform } from '../../../lib/platform';\nimport { VisuallyHiddenInput } from '../../VisuallyHiddenInput/VisuallyHiddenInput';\nimport { CellProps } from '../Cell';\nimport styles from './CellCheckbox.module.css';\n\nexport type CellCheckboxProps = Pick<CellProps, 'defaultChecked' | 'checked'> &\n  React.InputHTMLAttributes<HTMLInputElement>;\n\nexport const CellCheckbox = ({ className, style, ...restProps }: CellCheckboxProps) => {\n  const platform = usePlatform();\n\n  const IconOff =\n    platform === Platform.IOS || platform === Platform.VKCOM\n      ? Icon24CheckCircleOff\n      : Icon24CheckBoxOff;\n\n  const IconOn =\n    platform === Platform.IOS || platform === Platform.VKCOM\n      ? Icon24CheckCircleOn\n      : Icon24CheckBoxOn;\n\n  return (\n    <span className={className} style={style}>\n      <VisuallyHiddenInput\n        className={styles['CellCheckbox__input']}\n        type=\"checkbox\"\n        {...restProps}\n      />\n      <span\n        className={classNames(styles['CellCheckbox__icon'], styles['CellCheckbox__icon--off'])}\n        aria-hidden\n      >\n        <IconOff />\n      </span>\n      <span\n        className={classNames(styles['CellCheckbox__icon'], styles['CellCheckbox__icon--on'])}\n        aria-hidden\n      >\n        <IconOn />\n      </span>\n    </span>\n  );\n};\n"],"names":["CellCheckbox","className","style","restProps","platform","usePlatform","IconOff","Platform","IOS","VKCOM","Icon24CheckCircleOff","Icon24CheckBoxOff","IconOn","Icon24CheckCircleOn","Icon24CheckBoxOn","span","VisuallyHiddenInput","type","classNames","aria-hidden"],"mappings":";;;;+BAiBaA;;;eAAAA;;;;;;2DAjBU;qBAMhB;oBACoB;2BACC;wBACH;mCACW;AAO7B,IAAMA,eAAe,iBAA2D;QAAxDC,mBAAAA,WAAWC,eAAAA,OAAUC;QAArBF;QAAWC;;IACxC,IAAME,WAAWC,IAAAA,wBAAW;IAE5B,IAAMC,UACJF,aAAaG,kBAAQ,CAACC,GAAG,IAAIJ,aAAaG,kBAAQ,CAACE,KAAK,GACpDC,2BAAoB,GACpBC,wBAAiB;IAEvB,IAAMC,SACJR,aAAaG,kBAAQ,CAACC,GAAG,IAAIJ,aAAaG,kBAAQ,CAACE,KAAK,GACpDI,0BAAmB,GACnBC,uBAAgB;IAEtB,qBACE,qBAACC;QAAKd,WAAWA;QAAWC,OAAOA;qBACjC,qBAACc,wCAAmB;QAClBf,SAAS;QACTgB,MAAK;OACDd,2BAEN,qBAACY;QACCd,WAAWiB,IAAAA,gBAAU;QACrBC,eAAAA,IAAW;qBAEX,qBAACb,+BAEH,qBAACS;QACCd,WAAWiB,IAAAA,gBAAU;QACrBC,eAAAA,IAAW;qBAEX,qBAACP;AAIT"}

package/dist/cjs/components/Cell/CellDragger/CellDragger.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
 import { DraggableProps } from '../useDraggable';
-declare type CellDraggerProps = DraggableProps & React.HTMLAttributes<HTMLElement>;
+type CellDraggerProps = DraggableProps & React.HTMLAttributes<HTMLElement>;
 export declare const CellDragger: ({ onDragStart, onDragMove, onDragEnd, className, ...restProps }: CellDraggerProps) => JSX.Element;
 export {};

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

@@ -1,37 +1,40 @@
 "use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
 Object.defineProperty(exports, "__esModule", {
-  value: true
+    value: true
+});
+Object.defineProperty(exports, "CellDragger", {
+    enumerable: true,
+    get: function() {
+        return CellDragger;
+    }
 });
-exports.CellDragger = void 0;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-var React = _interopRequireWildcard(require("react"));
+var _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildcard.js").default;
+var _objectSpread = require("@swc/helpers/lib/_object_spread.js").default;
+var _objectWithoutProperties = require("@swc/helpers/lib/_object_without_properties.js").default;
+var _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
 var _icons = require("@vkontakte/icons");
 var _vkjs = require("@vkontakte/vkjs");
 var _usePlatform = require("../../../hooks/usePlatform");
 var _platform = require("../../../lib/platform");
-var _Touch = require("../../Touch/Touch");
-var _excluded = ["onDragStart", "onDragMove", "onDragEnd", "className"];
-var CellDragger = function CellDragger(_ref) {
-  var onDragStart = _ref.onDragStart,
-    onDragMove = _ref.onDragMove,
-    onDragEnd = _ref.onDragEnd,
-    className = _ref.className,
-    restProps = (0, _objectWithoutProperties2.default)(_ref, _excluded);
-  var platform = (0, _usePlatform.usePlatform)();
-  var onClick = React.useCallback(function (e) {
-    e.preventDefault();
-  }, []);
-  return /*#__PURE__*/React.createElement(_Touch.Touch, (0, _extends2.default)({
-    className: (0, _vkjs.classNames)("vkuiCellDragger", className),
-    onStart: onDragStart,
-    onMoveY: onDragMove,
-    onEnd: onDragEnd,
-    onClick: onClick
-  }, restProps), platform === _platform.Platform.IOS ? /*#__PURE__*/React.createElement(_icons.Icon24ReorderIos, null) : /*#__PURE__*/React.createElement(_icons.Icon24Reorder, null));
+var _touch = require("../../Touch/Touch");
+var CellDragger = function(_param) {
+    var onDragStart = _param.onDragStart, onDragMove = _param.onDragMove, onDragEnd = _param.onDragEnd, className = _param.className, restProps = _objectWithoutProperties(_param, [
+        "onDragStart",
+        "onDragMove",
+        "onDragEnd",
+        "className"
+    ]);
+    var platform = (0, _usePlatform.usePlatform)();
+    var onClick = _react.useCallback(function(e) {
+        e.preventDefault();
+    }, []);
+    return /*#__PURE__*/ _react.createElement(_touch.Touch, _objectSpread({
+        className: (0, _vkjs.classNames)("vkuiCellDragger", className),
+        onStart: onDragStart,
+        onMoveY: onDragMove,
+        onEnd: onDragEnd,
+        onClick: onClick
+    }, restProps), platform === _platform.Platform.IOS ? /*#__PURE__*/ _react.createElement(_icons.Icon24ReorderIos, null) : /*#__PURE__*/ _react.createElement(_icons.Icon24Reorder, null));
 };
-exports.CellDragger = CellDragger;
+
 //# sourceMappingURL=CellDragger.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"CellDragger.js","names":["CellDragger","onDragStart","onDragMove","onDragEnd","className","restProps","platform","usePlatform","onClick","React","useCallback","e","preventDefault","classNames","Platform","IOS"],"sources":["../../../../../src/components/Cell/CellDragger/CellDragger.tsx"],"sourcesContent":["import * as React from 'react';\nimport { Icon24Reorder, Icon24ReorderIos } from '@vkontakte/icons';\nimport { classNames } from '@vkontakte/vkjs';\nimport { usePlatform } from '../../../hooks/usePlatform';\nimport { Platform } from '../../../lib/platform';\nimport { Touch } from '../../Touch/Touch';\nimport { DraggableProps } from '../useDraggable';\nimport styles from './CellDragger.module.css';\n\ntype CellDraggerProps = DraggableProps & React.HTMLAttributes<HTMLElement>;\n\nexport const CellDragger = ({\n  onDragStart,\n  onDragMove,\n  onDragEnd,\n  className,\n  ...restProps\n}: CellDraggerProps) => {\n  const platform = usePlatform();\n\n  const onClick = React.useCallback((e: React.MouseEvent) => {\n    e.preventDefault();\n  }, []);\n\n  return (\n    <Touch\n      className={classNames(styles['CellDragger'], className)}\n      onStart={onDragStart}\n      onMoveY={onDragMove}\n      onEnd={onDragEnd}\n      onClick={onClick}\n      {...restProps}\n    >\n      {platform === Platform.IOS ? <Icon24ReorderIos /> : <Icon24Reorder />}\n    </Touch>\n  );\n};\n"],"mappings":";;;;;;;;;;AAAA;AACA;AACA;AACA;AACA;AACA;AAA0C;AAMnC,IAAMA,WAAW,GAAG,SAAdA,WAAW,OAMA;EAAA,IALtBC,WAAW,QAAXA,WAAW;IACXC,UAAU,QAAVA,UAAU;IACVC,SAAS,QAATA,SAAS;IACTC,SAAS,QAATA,SAAS;IACNC,SAAS;EAEZ,IAAMC,QAAQ,GAAG,IAAAC,wBAAW,GAAE;EAE9B,IAAMC,OAAO,GAAGC,KAAK,CAACC,WAAW,CAAC,UAACC,CAAmB,EAAK;IACzDA,CAAC,CAACC,cAAc,EAAE;EACpB,CAAC,EAAE,EAAE,CAAC;EAEN,oBACE,oBAAC,YAAK;IACJ,SAAS,EAAE,IAAAC,gBAAU,qBAAwBT,SAAS,CAAE;IACxD,OAAO,EAAEH,WAAY;IACrB,OAAO,EAAEC,UAAW;IACpB,KAAK,EAAEC,SAAU;IACjB,OAAO,EAAEK;EAAQ,GACbH,SAAS,GAEZC,QAAQ,KAAKQ,kBAAQ,CAACC,GAAG,gBAAG,oBAAC,uBAAgB,OAAG,gBAAG,oBAAC,oBAAa,OAAG,CAC/D;AAEZ,CAAC;AAAC"}
+{"version":3,"sources":["../../../../../src/components/Cell/CellDragger/CellDragger.tsx"],"sourcesContent":["import * as React from 'react';\nimport { Icon24Reorder, Icon24ReorderIos } from '@vkontakte/icons';\nimport { classNames } from '@vkontakte/vkjs';\nimport { usePlatform } from '../../../hooks/usePlatform';\nimport { Platform } from '../../../lib/platform';\nimport { Touch } from '../../Touch/Touch';\nimport { DraggableProps } from '../useDraggable';\nimport styles from './CellDragger.module.css';\n\ntype CellDraggerProps = DraggableProps & React.HTMLAttributes<HTMLElement>;\n\nexport const CellDragger = ({\n  onDragStart,\n  onDragMove,\n  onDragEnd,\n  className,\n  ...restProps\n}: CellDraggerProps) => {\n  const platform = usePlatform();\n\n  const onClick = React.useCallback((e: React.MouseEvent) => {\n    e.preventDefault();\n  }, []);\n\n  return (\n    <Touch\n      className={classNames(styles['CellDragger'], className)}\n      onStart={onDragStart}\n      onMoveY={onDragMove}\n      onEnd={onDragEnd}\n      onClick={onClick}\n      {...restProps}\n    >\n      {platform === Platform.IOS ? <Icon24ReorderIos /> : <Icon24Reorder />}\n    </Touch>\n  );\n};\n"],"names":["CellDragger","onDragStart","onDragMove","onDragEnd","className","restProps","platform","usePlatform","onClick","React","useCallback","e","preventDefault","Touch","classNames","onStart","onMoveY","onEnd","Platform","IOS","Icon24ReorderIos","Icon24Reorder"],"mappings":";;;;+BAWaA;;;eAAAA;;;;;;2DAXU;qBACyB;oBACrB;2BACC;wBACH;qBACH;AAMf,IAAMA,cAAc,iBAMH;QALtBC,qBAAAA,aACAC,oBAAAA,YACAC,mBAAAA,WACAC,mBAAAA,WACGC;QAJHJ;QACAC;QACAC;QACAC;;IAGA,IAAME,WAAWC,IAAAA,wBAAW;IAE5B,IAAMC,UAAUC,OAAMC,WAAW,CAAC,SAACC,GAAwB;QACzDA,EAAEC,cAAc;IAClB,GAAG,EAAE;IAEL,qBACE,qBAACC,YAAK;QACJT,WAAWU,IAAAA,gBAAU,qBAAwBV;QAC7CW,SAASd;QACTe,SAASd;QACTe,OAAOd;QACPK,SAASA;OACLH,YAEHC,aAAaY,kBAAQ,CAACC,GAAG,iBAAG,qBAACC,uBAAgB,wBAAM,qBAACC,oBAAa,OAAG;AAG3E"}