npm - @vkontakte/vkui - Versions diffs - 5.4.2 → 5.5.0 - Mend

@vkontakte/vkui 5.4.2 → 5.5.0

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

Files changed (1983) hide show

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

@@ -8,57 +8,29 @@ Object.defineProperty(exports, "RangeSlider", {
         return RangeSlider;
     }
 });
-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 _slicedToArray = require("@swc/helpers/lib/_sliced_to_array.js").default;
-var _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
-var _math = require("../../helpers/math");
-var _universalSlider = require("./UniversalSlider");
+var _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
+var _object_spread = require("@swc/helpers/_/_object_spread");
+var _object_spread_props = require("@swc/helpers/_/_object_spread_props");
+var _object_without_properties = require("@swc/helpers/_/_object_without_properties");
+var _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
+var _Slider = require("../Slider/Slider");
 var RangeSlider = function(_param) {
-    var onChange = _param.onChange, _param_min = _param.min, min = _param_min === void 0 ? 0 : _param_min, _param_max = _param.max, max = _param_max === void 0 ? 100 : _param_max, _param_defaultValue = _param.defaultValue, defaultValue = _param_defaultValue === void 0 ? [
+    var _param_step = _param.step, step = _param_step === void 0 ? 0 : _param_step, _param_min = _param.min, min = _param_min === void 0 ? 0 : _param_min, _param_max = _param.max, max = _param_max === void 0 ? 100 : _param_max, _param_defaultValue = _param.defaultValue, defaultValue = _param_defaultValue === void 0 ? [
         min,
         max
-    ] : _param_defaultValue, _param_step = _param.step, step = _param_step === void 0 ? 0 : _param_step, props = _objectWithoutProperties(_param, [
-        "onChange",
+    ] : _param_defaultValue, restProps = _object_without_properties._(_param, [
+        "step",
         "min",
         "max",
-        "defaultValue",
-        "step"
+        "defaultValue"
     ]);
-    var isControlled = props.value !== undefined;
-    var _React_useState = _slicedToArray(_react.useState(defaultValue), 2), localValue = _React_useState[0], setValue = _React_useState[1];
-    var _ref = _slicedToArray(props.value || localValue, 2), start = _ref[0], end = _ref[1];
-    var value = _react.useMemo(function() {
-        return [
-            (0, _math.clamp)(start, min, max),
-            (0, _math.clamp)(end, min, max)
-        ];
-    }, [
-        end,
-        max,
-        min,
-        start
-    ]);
-    var handleChange = _react.useCallback(function(nextValue, event) {
-        if (props.disabled || value[0] === nextValue[0] && value[1] === nextValue[1]) {
-            return;
-        }
-        !isControlled && setValue(nextValue);
-        onChange && onChange(nextValue, event);
-    }, [
-        props.disabled,
-        value,
-        isControlled,
-        onChange
-    ]);
-    return /*#__PURE__*/ _react.createElement(_universalSlider.UniversalSlider, _objectSpreadProps(_objectSpread({}, props), {
-        value: value,
-        onChange: handleChange,
+    return /*#__PURE__*/ _react.createElement(_Slider.Slider, _object_spread_props._(_object_spread._({
+        step: step,
         min: min,
         max: max,
-        step: step
+        defaultValue: defaultValue
+    }, restProps), {
+        multiple: true
     }));
 };

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

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../../src/components/RangeSlider/RangeSlider.tsx"],"sourcesContent":["import * as React from 'react';\nimport { ~~clamp~~ } ~~from~~ ~~'../../helpers/math';\nimport { TouchEvent~~ } from '../~~Touch~~/~~Touch~~';\~~nimport { UniversalSlider, UniversalSliderProps } from './UniversalSlider';\~~n\nexport type ~~Value~~ = ~~[number~~, ~~number];\nexport type RangeSliderProps = UniversalSliderProps<Value~~>;\n\n/*\n @see https://vkcom.github.io/VKUI/#/RangeSlider\n */\nexport ~~const~~ ~~RangeSlider~~ ~~= ({~~\n ~~onChange,\~~n ~~min~~ = ~~0,\n max~~ = ~~100,\n defaultValue~~ = ~~[min,~~ ~~max],\n step~~ = ~~0,\n ...props\n}:~~ ~~RangeSliderProps~~) => ~~{\n~~ const ~~isControlled~~ = ~~props.value !== undefined;\n~~\n ~~const~~ ~~[localValue, setValue]~~ = ~~React.useState(defaultValue);\~~n ~~const~~ ~~[start, end]~~ = ~~props.value \|\| localValue;\~~n ~~const~~ ~~value~~ = ~~React.useMemo(\~~n () => [~~clamp(start,~~ min, max~~), clamp(end, min, max)~~] ~~as Value~~,\n ~~[end, max, min, start],\n~~ ~~);\n~~\n ~~const handleChange~~: RangeSliderProps~~['onChange'] = React.useCallback(\n (nextValue: Value, event: TouchEvent~~) => {\n if (props.disabled \|\| (value[0] === nextValue[0] && value[1] === nextValue[1])) {\n return;\n }\n !isControlled && setValue(nextValue);\n onChange && onChange(nextValue, event);\n },\n [props.disabled, value, isControlled, onChange],\n ~~);\n\n~~ return (\n <~~UniversalSlider\n {...props}\n value~~={~~value~~}~~\n onChange={handleChange}\n~~ min={min}\n max={max}~~\n step~~={~~step~~}\n />\n );\n};\n"],"names":["RangeSlider","~~onChange~~","min","max","defaultValue","~~step~~","~~props~~","~~isControlled~~"~~,"value","undefined","React","useState","localValue","setValue","start","end","useMemo","clamp","handleChange","useCallback","nextValue","event","disabled","UniversalSlider"~~],"mappings":";;;;+~~BAWaA~~;;;eAAAA~~;;;;;;;;2DAXU~~;~~oBACD;+BAEgC~~;~~AAQ/C~~,IAAMA,cAAc~~,iBAOH~~;~~QANtBC~~,~~kBAAAA~~,~~8BACAC~~,KAAAA,8BAAM,oCACNC,KAAAA,8BAAM,+CACNC,cAAAA,gDAAe;QAACF;QAAKC;KAAI,~~6CACzBE,MAAAA,gCAAO,iBACJC~~;~~QALHL~~;QACAC;QACAC;QACAC~~;QACAC~~;;IAGA,IAAME,eAAeD,MAAME,KAAK,KAAKC;IAErC,IAA+BC,iCAAAA,OAAMC,QAAQ,CAACP,mBAAvCQ,aAAwBF,oBAAZG,WAAYH;IAC/B,IAAqBJ,sBAAAA,MAAME,KAAK,IAAII,gBAA7BE,QAAcR,SAAPS,MAAOT;IACrB,IAAME,QAAQE,OAAMM,OAAO,CACzB;eAAM;YAACC,IAAAA,WAAK,EAACH,OAAOZ,KAAKC;YAAMc,IAAAA,WAAK,EAACF,KAAKb,KAAKC;SAAK;OACpD;QAACY;QAAKZ;QAAKD;QAAKY;KAAM;IAGxB,IAAMI,eAA6CR,OAAMS,WAAW,CAClE,SAACC,WAAkBC,OAAsB;QACvC,IAAIf,MAAMgB,QAAQ,IAAKd,KAAK,CAAC,EAAE,KAAKY,SAAS,CAAC,EAAE,IAAIZ,KAAK,CAAC,EAAE,KAAKY,SAAS,CAAC,EAAE,EAAG;YAC9E;QACF,CAAC;QACD,CAACb,gBAAgBM,SAASO;QAC1BnB,YAAYA,SAASmB,WAAWC;IAClC,GACA;QAACf,MAAMgB,QAAQ;QAAEd;QAAOD;QAAcN;KAAS;IAGjD,qBACE,~~qBAACsB,gCAAe,uCACVjB~~;~~QACJE~~,~~OAAOA~~;~~QACPP~~,~~UAAUiB~~;~~QACVhB~~,KAAKA;~~QACLC~~,~~KAAKA~~;~~QACLE~~,~~MAAMA~~;;~~AAGZ~~"}
1	+ {"version":3,"sources":["../../../../src/components/RangeSlider/RangeSlider.tsx"],"sourcesContent":["import * as React from 'react';\nimport { Slider, type SliderMultipleProps } from '../Slider/Slider';\n\nexport type RangeSliderProps = Omit<SliderMultipleProps, 'multiple'>;\n\n/*\n @see https://vkcom.github.io/VKUI/#/RangeSlider\n \n @deprecated 5.5.0\n \n Компонент устарел и будет удален в v6. Используйте [`Slider`](#/Slider).\n */\nexport const RangeSlider = ({\n step = 0,\n min = 0,\n max = 100,\n defaultValue = [min, max],\n ...restProps\n}: RangeSliderProps) => {\n return (\n <Slider step={step} min={min} max={max} defaultValue={defaultValue} {...restProps} multiple />\n );\n};\n"],"names":["RangeSlider","step","min","max","defaultValue","restProps","Slider","multiple"],"mappings":";;;;+BAYaA;;;eAAAA;;;;;;;+DAZU;sBAC0B;AAW1C,IAAMA,cAAc;6BACzBC,MAAAA,gCAAO,qCACPC,KAAAA,8BAAM,oCACNC,KAAAA,8BAAM,+CACNC,cAAAA,gDAAe;QAACF;QAAKC;KAAI,wBACtBE;QAJHJ;QACAC;QACAC;QACAC;;IAGA,qBACE,qBAACE;QAAOL,MAAMA;QAAMC,KAAKA;QAAKC,KAAKA;QAAKC,cAAcA;OAAkBC;QAAWE,UAAAA;;AAEvF"}

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

@@ -24,5 +24,5 @@ interface RemovableOwnProps extends React.HTMLAttributes<HTMLDivElement>, Remova
 /**
  * @see https://vkcom.github.io/VKUI/#/Removable
  */
-export declare const Removable: ({ getRootRef, children, onRemove, removePlaceholder, align, className, indent, ...restProps }: RemovableOwnProps) => JSX.Element;
+export declare const Removable: ({ getRootRef, children, onRemove, removePlaceholder, align, className, indent, ...restProps }: RemovableOwnProps) => React.JSX.Element;
 export {};

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

@@ -8,12 +8,12 @@ Object.defineProperty(exports, "Removable", {
         return Removable;
     }
 });
-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 _slicedToArray = require("@swc/helpers/lib/_sliced_to_array.js").default;
-var _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
+var _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
+var _object_spread = require("@swc/helpers/_/_object_spread");
+var _object_spread_props = require("@swc/helpers/_/_object_spread_props");
+var _object_without_properties = require("@swc/helpers/_/_object_without_properties");
+var _sliced_to_array = require("@swc/helpers/_/_sliced_to_array");
+var _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
 var _icons = require("@vkontakte/icons");
 var _vkjs = require("@vkontakte/vkjs");
 var _useExternRef = require("../../hooks/useExternRef");
@@ -22,8 +22,8 @@ var _usePlatform = require("../../hooks/usePlatform");
 var _dom = require("../../lib/dom");
 var _platform = require("../../lib/platform");
 var _utils = require("../../lib/utils");
-var _iconButton = require("../IconButton/IconButton");
-var _tappable = require("../Tappable/Tappable");
+var _IconButton = require("../IconButton/IconButton");
+var _Tappable = require("../Tappable/Tappable");
 /**
  * @see https://vkcom.github.io/VKUI/#/RemovableIos
  */ var RemovableIos = function(param) {
@@ -31,7 +31,7 @@ var _tappable = require("../Tappable/Tappable");
     var window = (0, _dom.useDOM)().window;
     var removeButtonRef = _react.useRef(null);
     var disabledRef = _react.useRef(true);
-    var _React_useState = _slicedToArray(_react.useState(0), 2), removeOffset = _React_useState[0], updateRemoveOffset = _React_useState[1];
+    var _React_useState = _sliced_to_array._(_react.useState(0), 2), removeOffset = _React_useState[0], updateRemoveOffset = _React_useState[1];
     (0, _useGlobalEventListener.useGlobalEventListener)(window, "click", function() {
         if (removeOffset > 0) {
             updateRemoveOffset(0);
@@ -62,7 +62,7 @@ var _tappable = require("../Tappable/Tappable");
             transform: "translateX(-".concat(removeOffset !== null && removeOffset !== void 0 ? removeOffset : 0, "px)")
         },
         onTransitionEnd: onRemoveTransitionEnd
-    }, /*#__PURE__*/ _react.createElement(_iconButton.IconButton, {
+    }, /*#__PURE__*/ _react.createElement(_IconButton.IconButton, {
         hasActive: false,
         hasHover: false,
         "aria-label": removePlaceholderString,
@@ -75,7 +75,7 @@ var _tappable = require("../Tappable/Tappable");
     })), children, /*#__PURE__*/ _react.createElement("span", {
         className: "vkuiRemovable__offset",
         "aria-hidden": true
-    }), /*#__PURE__*/ _react.createElement(_tappable.Tappable, {
+    }), /*#__PURE__*/ _react.createElement(_Tappable.Tappable, {
         Component: "button",
         hasActive: false,
         hasHover: false,
@@ -88,7 +88,7 @@ var _tappable = require("../Tappable/Tappable");
     }, removePlaceholder)));
 };
 var Removable = function(_param) {
-    var getRootRef = _param.getRootRef, children = _param.children, _param_onRemove = _param.onRemove, onRemove = _param_onRemove === void 0 ? _vkjs.noop : _param_onRemove, _param_removePlaceholder = _param.removePlaceholder, removePlaceholder = _param_removePlaceholder === void 0 ? "Удалить" : _param_removePlaceholder, _param_align = _param.align, align = _param_align === void 0 ? "center" : _param_align, className = _param.className, _param_indent = _param.indent, indent = _param_indent === void 0 ? false : _param_indent, restProps = _objectWithoutProperties(_param, [
+    var getRootRef = _param.getRootRef, children = _param.children, _param_onRemove = _param.onRemove, onRemove = _param_onRemove === void 0 ? _vkjs.noop : _param_onRemove, _param_removePlaceholder = _param.removePlaceholder, removePlaceholder = _param_removePlaceholder === void 0 ? "Удалить" : _param_removePlaceholder, _param_align = _param.align, align = _param_align === void 0 ? "center" : _param_align, className = _param.className, _param_indent = _param.indent, indent = _param_indent === void 0 ? false : _param_indent, restProps = _object_without_properties._(_param, [
         "getRootRef",
         "children",
         "onRemove",
@@ -104,12 +104,12 @@ var Removable = function(_param) {
         onRemove(e);
     };
     var removePlaceholderString = (0, _utils.getTitleFromChildren)(removePlaceholder);
-    return /*#__PURE__*/ _react.createElement("div", _objectSpreadProps(_objectSpread({}, restProps), {
+    return /*#__PURE__*/ _react.createElement("div", _object_spread_props._(_object_spread._({}, restProps), {
         ref: ref,
         className: (0, _vkjs.classNames)(platform === _platform.Platform.IOS && "vkuiRemovable--ios", align === "start" && "vkuiRemovable--align-start", indent && "vkuiRemovable--indent", className)
     }), platform !== _platform.Platform.IOS && /*#__PURE__*/ _react.createElement("div", {
         className: (0, _vkjs.classNames)("vkuiRemovable__content", "vkuiInternalRemovable__content")
-    }, children, /*#__PURE__*/ _react.createElement(_iconButton.IconButton, {
+    }, children, /*#__PURE__*/ _react.createElement(_IconButton.IconButton, {
         activeMode: "opacity",
         hoverMode: "opacity",
         className: "vkuiRemovable__action",

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

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../../src/components/Removable/Removable.tsx"],"sourcesContent":["import * as React from 'react';\nimport { Icon24Cancel } from '@vkontakte/icons';\nimport { classNames, noop } from '@vkontakte/vkjs';\nimport { useExternRef } from '../../hooks/useExternRef';\nimport { useGlobalEventListener } from '../../hooks/useGlobalEventListener';\nimport { usePlatform } from '../../hooks/usePlatform';\nimport { useDOM } from '../../lib/dom';\nimport { Platform } from '../../lib/platform';\nimport { getTitleFromChildren } from '../../lib/utils';\nimport { HasChildren, HasRootRef } from '../../types';\nimport { IconButton } from '../IconButton/IconButton';\nimport { Tappable } from '../Tappable/Tappable';\nimport styles from './Removable.module.css';\n\nexport interface RemovableProps {\n /*\n iOS only. Текст в выезжающей кнопке для удаления ячейки.\n /\n removePlaceholder?: React.ReactNode;\n /\n Коллбэк срабатывает при клике на контрол удаления.\n /\n onRemove?: (e: React.MouseEvent, rootEl?: HTMLElement \| null) => void;\n}\n\ninterface RemovableIosOwnProps extends RemovableProps, HasChildren {\n removePlaceholderString?: string;\n}\n\n/\n @see https://vkcom.github.io/VKUI/#/RemovableIos\n /\nconst RemovableIos = ({\n onRemove,\n removePlaceholder,\n removePlaceholderString,\n children,\n}: RemovableIosOwnProps) => {\n const { window } = useDOM();\n\n const removeButtonRef = React.useRef<HTMLElement>(null);\n const disabledRef = React.useRef(true);\n const [removeOffset, updateRemoveOffset] = React.useState(0);\n\n useGlobalEventListener(\n window,\n 'click',\n () => {\n if (removeOffset > 0) {\n updateRemoveOffset(0);\n }\n },\n { capture: true },\n );\n\n const onRemoveTransitionEnd = () => {\n if (removeOffset > 0) {\n removeButtonRef?.current?.focus();\n } else {\n disabledRef.current = true;\n }\n };\n\n const onRemoveActivateClick = (e: React.MouseEvent) => {\n e.stopPropagation();\n if (!removeButtonRef.current) {\n return;\n }\n const { offsetWidth } = removeButtonRef.current;\n disabledRef.current = false;\n updateRemoveOffset(offsetWidth);\n };\n\n return (\n <div\n className={classNames(styles['Removable__content'], 'vkuiInternalRemovable__content')}\n style={{ transform: `translateX(-${removeOffset ?? 0}px)` }}\n onTransitionEnd={onRemoveTransitionEnd}\n >\n <IconButton\n hasActive={false}\n hasHover={false}\n aria-label={removePlaceholderString}\n className={classNames(styles['Removable__action'], styles['Removable__toggle'])}\n onClick={onRemoveActivateClick}\n disabled={removeOffset > 0}\n >\n <i className={styles['Removable__toggle-in']} role=\"presentation\" />\n </IconButton>\n {children}\n\n <span className={styles['Removable__offset']} aria-hidden />\n\n <Tappable\n Component=\"button\"\n hasActive={false}\n hasHover={false}\n disabled={disabledRef.current}\n getRootRef={removeButtonRef}\n className={styles['Removable__remove']}\n onClick={onRemove}\n >\n <span className={styles['Removable__remove-in']}>{removePlaceholder}</span>\n </Tappable>\n </div>\n );\n};\n\ninterface RemovableOwnProps\n extends React.HTMLAttributes<HTMLDivElement>,\n RemovableProps,\n HasRootRef<HTMLDivElement> {\n /\n Расположение кнопки удаления.\n /\n align?: 'start' \| 'center';\n /\n Скрывает кнопку, но оставляет отступ.\n * @since 5.4.0\n /\n indent?: boolean;\n}\n\n/\n @see https://vkcom.github.io/VKUI/#/Removable\n */\nexport const Removable = ({\n getRootRef,\n children,\n onRemove = noop,\n removePlaceholder = 'Удалить',\n align = 'center',\n className,\n indent = false,\n ...restProps\n}: RemovableOwnProps) => {\n const platform = usePlatform();\n\n const ref = useExternRef(getRootRef);\n\n const onRemoveClick = (e: React.MouseEvent) => {\n e.preventDefault();\n onRemove(e);\n };\n\n const removePlaceholderString: string = getTitleFromChildren(removePlaceholder);\n\n return (\n <div\n {...restProps}\n ref={ref}\n className={classNames(\n platform === Platform.IOS && styles['Removable--ios'],\n align === 'start' && styles['Removable--align-start'],\n indent && styles['Removable--indent'],\n className,\n )}\n >\n {platform !== Platform.IOS && (\n <div className={classNames(styles['Removable__content'], 'vkuiInternalRemovable__content')}>\n {children}\n\n <IconButton\n activeMode=\"opacity\"\n hoverMode=\"opacity\"\n className={styles['Removable__action']}\n onClick={onRemoveClick}\n aria-label={removePlaceholderString}\n >\n <Icon24Cancel role=\"presentation\" />\n </IconButton>\n\n <span className={styles['Removable__offset']} aria-hidden />\n </div>\n )}\n\n {platform === Platform.IOS && (\n <RemovableIos\n onRemove={onRemoveClick}\n removePlaceholder={removePlaceholder}\n removePlaceholderString={removePlaceholderString}\n >\n {children}\n </RemovableIos>\n )}\n </div>\n );\n};\n"],"names":["Removable","RemovableIos","onRemove","removePlaceholder","removePlaceholderString","children","window","useDOM","removeButtonRef","React","useRef","disabledRef","useState","removeOffset","updateRemoveOffset","useGlobalEventListener","capture","onRemoveTransitionEnd","current","focus","onRemoveActivateClick","e","stopPropagation","offsetWidth","div","className","classNames","style","transform","onTransitionEnd","IconButton","hasActive","hasHover","aria-label","onClick","disabled","i","role","span","aria-hidden","Tappable","Component","getRootRef","noop","align","indent","restProps","platform","usePlatform","ref","useExternRef","onRemoveClick","preventDefault","getTitleFromChildren","Platform","IOS","activeMode","hoverMode","Icon24Cancel"],"mappings":";;;;+BA8HaA;;;eAAAA~~;;;;;;;;2DA9HU~~;qBACM;oBACI;4BACJ;sCACU;2BACX;mBACL;wBACE;qBACY;0BAEV;wBACF;AAkBzB;;CAEC,GACD,IAAMC,eAAe~~,gBAKO~~;~~QAJ1BC~~,iBAAAA,UACAC,0BAAAA,mBACAC,gCAAAA,yBACAC,iBAAAA;IAEA,IAAM,AAAEC,SAAWC,IAAAA,~~WAAM,IAAjBD~~;IAER,IAAME,kBAAkBC,OAAMC,~~MAAM,CAAc,IAAI~~;~~IACtD~~,IAAMC,cAAcF,OAAMC,~~MAAM,CAAC,IAAI~~;~~IACrC~~,IAA2CD,~~iCAAAA~~,OAAMG,~~QAAQ~~,~~CAAC,~~QAAnDC,eAAoCJ,oBAAtBK,qBAAsBL;IAE3CM,IAAAA,~~8CAAsB~~,~~EACpBT,~~QACA,SACA~~,WAAM~~;~~QACJ~~,IAAIO,eAAe,GAAG;YACpBC,mBAAmB;QACrB~~,CAAC~~;~~IACH~~,GACA;QAAEE,SAAS~~,IAAI~~;~~IAAC~~;IAGlB,IAAMC,wBAAwB~~,WAAM~~;~~QAClC~~,IAAIJ,eAAe,GAAG;gBACpBL;YAAAA,4BAAAA,6BAAAA,KAAAA,IAAAA,CAAAA,2BAAAA,gBAAiBU,~~OAAO~~,~~cAAxBV,~~sCAAAA,KAAAA,IAAAA,yBAA0BW;QAC5B,OAAO;YACLR,YAAYO,~~OAAO,GAAG,IAAI~~;~~QAC5B,CAAC~~;~~IACH~~;IAEA,IAAME,wBAAwB,SAACC~~,GAAwB~~;~~QACrDA~~,EAAEC~~,eAAe~~;~~QACjB~~,IAAI,CAACd,gBAAgBU,~~OAAO,EAAE~~;YAC5B;QACF~~,CAAC~~;~~QACD~~,IAAM,AAAEK,cAAgBf,gBAAgBU,~~OAAO,CAAvCK~~;QACRZ,YAAYO,~~OAAO,GAAG,KAAK~~;~~QAC3BJ~~,mBAAmBS;IACrB;IAEA,qBACE,qBAACC;QACCC,WAAWC,IAAAA,~~gBAAU,4BAA+B~~;QACpDC,OAAO;YAAEC,WAAW,AAAC,eAAgC,OAAlBf,yBAAAA,0BAAAA,eAAgB,~~CAAC,EAAC~~;QAAK;QAC1DgB,iBAAiBZ;qBAEjB,qBAACa~~,sBAAU~~;~~QACTC~~,WAAW~~,KAAK~~;~~QAChBC~~,UAAU~~,KAAK~~;~~QACfC~~,cAAY7B;QACZqB,WAAWC,IAAAA~~,gBAAU~~;~~QACrBQ~~,SAASd;QACTe,UAAUtB,eAAe;qBAEzB,qBAACuB;QAAEX,SAAS;QAAkCY,MAAK;SAEpDhC,wBAED,qBAACiC;QAAKb,SAAS;QAA+Bc,eAAAA~~,IAAW~~;~~sBAEzD~~,qBAACC~~,kBAAQ~~;~~QACPC~~,WAAU;QACVV,WAAW~~,KAAK~~;~~QAChBC~~,UAAU~~,KAAK~~;~~QACfG~~,UAAUxB,YAAYO~~,OAAO~~;~~QAC7BwB~~,YAAYlC;QACZiB,SAAS;QACTS,SAAShC;qBAET,qBAACoC;QAAKb,SAAS;OAAmCtB;AAI1D;AAoBO,IAAMH,YAAY~~,iBASA~~;~~QARvB0C~~,oBAAAA,YACArC,kBAAAA,mCACAH,UAAAA,wCAAWyC,~~UAAI~~,~~sDACfxC,~~mBAAAA,0DAAoB,4DACpByC,OAAAA,kCAAQ,yBACRnB,mBAAAA,kCACAoB,QAAAA,oCAAS,~~KAAK,kBACXC~~;QAPHJ;QACArC;QACAH;QACAC;QACAyC;QACAnB;QACAoB;;IAGA,IAAME,WAAWC,IAAAA~~,wBAAW~~;~~IAE5B~~,IAAMC,MAAMC,IAAAA,~~0BAAY,EAACR~~;IAEzB,IAAMS,gBAAgB,SAAC9B~~,GAAwB~~;~~QAC7CA~~,EAAE+B~~,cAAc~~;~~QAChBlD~~,SAASmB;IACX;IAEA,IAAMjB,0BAAkCiD,IAAAA,~~2BAAoB,EAAClD~~;IAE7D,qBACE,qBAACqB,~~4CACKsB~~;QACJG,KAAKA;QACLxB,WAAWC,IAAAA,~~gBAAU~~,~~EACnBqB,~~aAAaO,~~kBAAQ~~,~~CAACC~~,~~GAAG,0BACzBX,~~UAAU,yCACVC,mCACApB;QAGDsB,aAAaO,~~kBAAQ~~,~~CAACC~~,~~GAAG,kBACxB,~~qBAAC/B;QAAIC,WAAWC,IAAAA,~~gBAAU,4BAA+B~~;OACtDrB,wBAED,qBAACyB~~,sBAAU~~;~~QACT0B~~,YAAW;QACXC,WAAU;QACVhC,SAAS;QACTS,SAASiB;QACTlB,cAAY7B;qBAEZ,qBAACsD~~,mBAAY~~;~~QAACrB~~,MAAK;uBAGrB,qBAACC;QAAKb,SAAS;QAA+Bc,eAAAA~~,IAAW~~;~~SAI5DQ~~,aAAaO,~~kBAAQ~~,~~CAACC~~,~~GAAG,kBACxB,~~qBAACtD;QACCC,UAAUiD;QACVhD,mBAAmBA;QACnBC,yBAAyBA;OAExBC;AAKX"}
1	+ {"version":3,"sources":["../../../../src/components/Removable/Removable.tsx"],"sourcesContent":["import * as React from 'react';\nimport { Icon24Cancel } from '@vkontakte/icons';\nimport { classNames, noop } from '@vkontakte/vkjs';\nimport { useExternRef } from '../../hooks/useExternRef';\nimport { useGlobalEventListener } from '../../hooks/useGlobalEventListener';\nimport { usePlatform } from '../../hooks/usePlatform';\nimport { useDOM } from '../../lib/dom';\nimport { Platform } from '../../lib/platform';\nimport { getTitleFromChildren } from '../../lib/utils';\nimport { HasChildren, HasRootRef } from '../../types';\nimport { IconButton } from '../IconButton/IconButton';\nimport { Tappable } from '../Tappable/Tappable';\nimport styles from './Removable.module.css';\n\nexport interface RemovableProps {\n /*\n iOS only. Текст в выезжающей кнопке для удаления ячейки.\n /\n removePlaceholder?: React.ReactNode;\n /\n Коллбэк срабатывает при клике на контрол удаления.\n /\n onRemove?: (e: React.MouseEvent, rootEl?: HTMLElement \| null) => void;\n}\n\ninterface RemovableIosOwnProps extends RemovableProps, HasChildren {\n removePlaceholderString?: string;\n}\n\n/\n @see https://vkcom.github.io/VKUI/#/RemovableIos\n /\nconst RemovableIos = ({\n onRemove,\n removePlaceholder,\n removePlaceholderString,\n children,\n}: RemovableIosOwnProps) => {\n const { window } = useDOM();\n\n const removeButtonRef = React.useRef<HTMLElement>(null);\n const disabledRef = React.useRef(true);\n const [removeOffset, updateRemoveOffset] = React.useState(0);\n\n useGlobalEventListener(\n window,\n 'click',\n () => {\n if (removeOffset > 0) {\n updateRemoveOffset(0);\n }\n },\n { capture: true },\n );\n\n const onRemoveTransitionEnd = () => {\n if (removeOffset > 0) {\n removeButtonRef?.current?.focus();\n } else {\n disabledRef.current = true;\n }\n };\n\n const onRemoveActivateClick = (e: React.MouseEvent) => {\n e.stopPropagation();\n if (!removeButtonRef.current) {\n return;\n }\n const { offsetWidth } = removeButtonRef.current;\n disabledRef.current = false;\n updateRemoveOffset(offsetWidth);\n };\n\n return (\n <div\n className={classNames(styles['Removable__content'], 'vkuiInternalRemovable__content')}\n style={{ transform: `translateX(-${removeOffset ?? 0}px)` }}\n onTransitionEnd={onRemoveTransitionEnd}\n >\n <IconButton\n hasActive={false}\n hasHover={false}\n aria-label={removePlaceholderString}\n className={classNames(styles['Removable__action'], styles['Removable__toggle'])}\n onClick={onRemoveActivateClick}\n disabled={removeOffset > 0}\n >\n <i className={styles['Removable__toggle-in']} role=\"presentation\" />\n </IconButton>\n {children}\n\n <span className={styles['Removable__offset']} aria-hidden />\n\n <Tappable\n Component=\"button\"\n hasActive={false}\n hasHover={false}\n disabled={disabledRef.current}\n getRootRef={removeButtonRef}\n className={styles['Removable__remove']}\n onClick={onRemove}\n >\n <span className={styles['Removable__remove-in']}>{removePlaceholder}</span>\n </Tappable>\n </div>\n );\n};\n\ninterface RemovableOwnProps\n extends React.HTMLAttributes<HTMLDivElement>,\n RemovableProps,\n HasRootRef<HTMLDivElement> {\n /\n Расположение кнопки удаления.\n /\n align?: 'start' \| 'center';\n /\n Скрывает кнопку, но оставляет отступ.\n * @since 5.4.0\n /\n indent?: boolean;\n}\n\n/\n @see https://vkcom.github.io/VKUI/#/Removable\n */\nexport const Removable = ({\n getRootRef,\n children,\n onRemove = noop,\n removePlaceholder = 'Удалить',\n align = 'center',\n className,\n indent = false,\n ...restProps\n}: RemovableOwnProps) => {\n const platform = usePlatform();\n\n const ref = useExternRef(getRootRef);\n\n const onRemoveClick = (e: React.MouseEvent) => {\n e.preventDefault();\n onRemove(e);\n };\n\n const removePlaceholderString: string = getTitleFromChildren(removePlaceholder);\n\n return (\n <div\n {...restProps}\n ref={ref}\n className={classNames(\n platform === Platform.IOS && styles['Removable--ios'],\n align === 'start' && styles['Removable--align-start'],\n indent && styles['Removable--indent'],\n className,\n )}\n >\n {platform !== Platform.IOS && (\n <div className={classNames(styles['Removable__content'], 'vkuiInternalRemovable__content')}>\n {children}\n\n <IconButton\n activeMode=\"opacity\"\n hoverMode=\"opacity\"\n className={styles['Removable__action']}\n onClick={onRemoveClick}\n aria-label={removePlaceholderString}\n >\n <Icon24Cancel role=\"presentation\" />\n </IconButton>\n\n <span className={styles['Removable__offset']} aria-hidden />\n </div>\n )}\n\n {platform === Platform.IOS && (\n <RemovableIos\n onRemove={onRemoveClick}\n removePlaceholder={removePlaceholder}\n removePlaceholderString={removePlaceholderString}\n >\n {children}\n </RemovableIos>\n )}\n </div>\n );\n};\n"],"names":["Removable","RemovableIos","onRemove","removePlaceholder","removePlaceholderString","children","window","useDOM","removeButtonRef","React","useRef","disabledRef","useState","removeOffset","updateRemoveOffset","useGlobalEventListener","capture","onRemoveTransitionEnd","current","focus","onRemoveActivateClick","e","stopPropagation","offsetWidth","div","className","classNames","style","transform","onTransitionEnd","IconButton","hasActive","hasHover","aria-label","onClick","disabled","i","role","span","aria-hidden","Tappable","Component","getRootRef","noop","align","indent","restProps","platform","usePlatform","ref","useExternRef","onRemoveClick","preventDefault","getTitleFromChildren","Platform","IOS","activeMode","hoverMode","Icon24Cancel"],"mappings":";;;;+BA8HaA;;;eAAAA;;;;;;;;+DA9HU;qBACM;oBACI;4BACJ;sCACU;2BACX;mBACL;wBACE;qBACY;0BAEV;wBACF;AAkBzB;;CAEC,GACD,IAAMC,eAAe;QACnBC,iBAAAA,UACAC,0BAAAA,mBACAC,gCAAAA,yBACAC,iBAAAA;IAEA,IAAM,AAAEC,SAAWC,IAAAA,eAAXD;IAER,IAAME,kBAAkBC,OAAMC,OAAoB;IAClD,IAAMC,cAAcF,OAAMC,OAAO;IACjC,IAA2CD,qCAAAA,OAAMG,SAAS,QAAnDC,eAAoCJ,oBAAtBK,qBAAsBL;IAE3CM,IAAAA,gDACET,QACA,SACA;QACE,IAAIO,eAAe,GAAG;YACpBC,mBAAmB;QACrB;IACF,GACA;QAAEE,SAAS;IAAK;IAGlB,IAAMC,wBAAwB;QAC5B,IAAIJ,eAAe,GAAG;gBACpBL;YAAAA,4BAAAA,6BAAAA,KAAAA,IAAAA,CAAAA,2BAAAA,gBAAiBU,qBAAjBV,sCAAAA,KAAAA,IAAAA,yBAA0BW;QAC5B,OAAO;YACLR,YAAYO,UAAU;QACxB;IACF;IAEA,IAAME,wBAAwB,SAACC;QAC7BA,EAAEC;QACF,IAAI,CAACd,gBAAgBU,SAAS;YAC5B;QACF;QACA,IAAM,AAAEK,cAAgBf,gBAAgBU,QAAhCK;QACRZ,YAAYO,UAAU;QACtBJ,mBAAmBS;IACrB;IAEA,qBACE,qBAACC;QACCC,WAAWC,IAAAA,4CAAyC;QACpDC,OAAO;YAAEC,WAAW,AAAC,eAAgC,OAAlBf,yBAAAA,0BAAAA,eAAgB,GAAE;QAAK;QAC1DgB,iBAAiBZ;qBAEjB,qBAACa;QACCC,WAAW;QACXC,UAAU;QACVC,cAAY7B;QACZqB,WAAWC,IAAAA;QACXQ,SAASd;QACTe,UAAUtB,eAAe;qBAEzB,qBAACuB;QAAEX,SAAS;QAAkCY,MAAK;SAEpDhC,wBAED,qBAACiC;QAAKb,SAAS;QAA+Bc,eAAAA;sBAE9C,qBAACC;QACCC,WAAU;QACVV,WAAW;QACXC,UAAU;QACVG,UAAUxB,YAAYO;QACtBwB,YAAYlC;QACZiB,SAAS;QACTS,SAAShC;qBAET,qBAACoC;QAAKb,SAAS;OAAmCtB;AAI1D;AAoBO,IAAMH,YAAY;QACvB0C,oBAAAA,YACArC,kBAAAA,mCACAH,UAAAA,wCAAWyC,gEACXxC,mBAAAA,0DAAoB,4DACpByC,OAAAA,kCAAQ,yBACRnB,mBAAAA,kCACAoB,QAAAA,oCAAS,uBACNC;QAPHJ;QACArC;QACAH;QACAC;QACAyC;QACAnB;QACAoB;;IAGA,IAAME,WAAWC,IAAAA;IAEjB,IAAMC,MAAMC,IAAAA,4BAAaR;IAEzB,IAAMS,gBAAgB,SAAC9B;QACrBA,EAAE+B;QACFlD,SAASmB;IACX;IAEA,IAAMjB,0BAAkCiD,IAAAA,6BAAqBlD;IAE7D,qBACE,qBAACqB,mDACKsB;QACJG,KAAKA;QACLxB,WAAWC,IAAAA,kBACTqB,aAAaO,mBAASC,6BACtBX,UAAU,yCACVC,mCACApB;QAGDsB,aAAaO,mBAASC,qBACrB,qBAAC/B;QAAIC,WAAWC,IAAAA,4CAAyC;OACtDrB,wBAED,qBAACyB;QACC0B,YAAW;QACXC,WAAU;QACVhC,SAAS;QACTS,SAASiB;QACTlB,cAAY7B;qBAEZ,qBAACsD;QAAarB,MAAK;uBAGrB,qBAACC;QAAKb,SAAS;QAA+Bc,eAAAA;SAIjDQ,aAAaO,mBAASC,qBACrB,qBAACtD;QACCC,UAAUiD;QACVhD,mBAAmBA;QACnBC,yBAAyBA;OAExBC;AAKX"}

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

@@ -53,6 +53,6 @@ export interface RichCellProps extends TappableProps {
  * @see https://vkcom.github.io/VKUI/#/RichCell
  */
 export declare const RichCell: {
-    ({ subhead, children, text, caption, before, after, afterCaption, bottom, actions, multiline, className, ...restProps }: RichCellProps): JSX.Element;
-    Icon: ({ children, className, ...restProps }: React.HTMLAttributes<HTMLDivElement>) => JSX.Element;
+    ({ subhead, children, text, caption, before, after, afterCaption, bottom, actions, multiline, className, ...restProps }: RichCellProps): React.JSX.Element;
+    Icon: ({ children, className, ...restProps }: React.HTMLAttributes<HTMLDivElement>) => React.JSX.Element;
 };

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

@@ -8,23 +8,23 @@ Object.defineProperty(exports, "RichCell", {
         return RichCell;
     }
 });
-var _defineProperty = require("@swc/helpers/lib/_define_property.js").default;
-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 _define_property = require("@swc/helpers/_/_define_property");
+var _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
+var _object_spread = require("@swc/helpers/_/_object_spread");
+var _object_spread_props = require("@swc/helpers/_/_object_spread_props");
+var _object_without_properties = require("@swc/helpers/_/_object_without_properties");
+var _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
 var _vkjs = require("@vkontakte/vkjs");
 var _useAdaptivity = require("../../hooks/useAdaptivity");
 var _adaptivity = require("../../lib/adaptivity");
-var _tappable = require("../Tappable/Tappable");
-var _subhead = require("../Typography/Subhead/Subhead");
-var _richCellIcon = require("./RichCellIcon/RichCellIcon");
-var sizeYClassNames = _defineProperty({
+var _Tappable = require("../Tappable/Tappable");
+var _Subhead = require("../Typography/Subhead/Subhead");
+var _RichCellIcon = require("./RichCellIcon/RichCellIcon");
+var sizeYClassNames = _define_property._({
     none: "vkuiRichCell--sizeY-none"
 }, _adaptivity.SizeType.COMPACT, "vkuiRichCell--sizeY-compact");
 var RichCell = function(_param) {
-    var subhead = _param.subhead, children = _param.children, text = _param.text, caption = _param.caption, before = _param.before, after = _param.after, afterCaption = _param.afterCaption, bottom = _param.bottom, actions = _param.actions, multiline = _param.multiline, className = _param.className, restProps = _objectWithoutProperties(_param, [
+    var subhead = _param.subhead, children = _param.children, text = _param.text, caption = _param.caption, before = _param.before, after = _param.after, afterCaption = _param.afterCaption, bottom = _param.bottom, actions = _param.actions, multiline = _param.multiline, className = _param.className, restProps = _object_without_properties._(_param, [
         "subhead",
         "children",
         "text",
@@ -38,7 +38,7 @@ var RichCell = function(_param) {
         "className"
     ]);
     var _useAdaptivity1 = (0, _useAdaptivity.useAdaptivity)(), _useAdaptivity_sizeY = _useAdaptivity1.sizeY, sizeY = _useAdaptivity_sizeY === void 0 ? "none" : _useAdaptivity_sizeY;
-    return /*#__PURE__*/ _react.createElement(_tappable.Tappable, _objectSpreadProps(_objectSpread({}, restProps), {
+    return /*#__PURE__*/ _react.createElement(_Tappable.Tappable, _object_spread_props._(_object_spread._({}, restProps), {
         className: (0, _vkjs.classNames)("vkuiRichCell", !multiline && "vkuiRichCell--text-ellipsis", sizeY !== _adaptivity.SizeType.REGULAR && sizeYClassNames[sizeY], className)
     }), before && /*#__PURE__*/ _react.createElement("div", {
         className: "vkuiRichCell__before"
@@ -48,14 +48,14 @@ var RichCell = function(_param) {
         className: "vkuiRichCell__content"
     }, /*#__PURE__*/ _react.createElement("div", {
         className: "vkuiRichCell__content-before"
-    }, subhead && /*#__PURE__*/ _react.createElement(_subhead.Subhead, {
+    }, subhead && /*#__PURE__*/ _react.createElement(_Subhead.Subhead, {
         Component: "div",
         className: "vkuiRichCell__subhead"
     }, subhead), /*#__PURE__*/ _react.createElement("div", {
         className: "vkuiRichCell__children"
     }, children), text && /*#__PURE__*/ _react.createElement("div", {
         className: "vkuiRichCell__text"
-    }, text), caption && /*#__PURE__*/ _react.createElement(_subhead.Subhead, {
+    }, text), caption && /*#__PURE__*/ _react.createElement(_Subhead.Subhead, {
         Component: "div",
         className: "vkuiRichCell__caption"
     }, caption)), (after || afterCaption) && /*#__PURE__*/ _react.createElement("div", {
@@ -70,6 +70,6 @@ var RichCell = function(_param) {
         className: "vkuiRichCell__actions"
     }, actions)));
 };
-RichCell.Icon = _richCellIcon.RichCellIcon;
+RichCell.Icon = _RichCellIcon.RichCellIcon;
 //# sourceMappingURL=RichCell.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../../src/components/RichCell/RichCell.tsx"],"sourcesContent":["import * as React from 'react';\nimport { classNames } from '@vkontakte/vkjs';\nimport { useAdaptivity } from '../../hooks/useAdaptivity';\nimport { SizeType } from '../../lib/adaptivity';\nimport { Tappable, TappableProps } from '../Tappable/Tappable';\nimport { Subhead } from '../Typography/Subhead/Subhead';\nimport { RichCellIcon } from './RichCellIcon/RichCellIcon';\nimport styles from './RichCell.module.css';\n\nconst sizeYClassNames = {\n none: styles['RichCell--sizeY-none'],\n [SizeType.COMPACT]: styles['RichCell--sizeY-compact'],\n};\n\nexport interface RichCellProps extends TappableProps {\n /*\n Контейнер для текста над `children`.\n /\n subhead?: React.ReactNode;\n /\n Контейнер для текста под `children`.\n /\n text?: React.ReactNode;\n /\n Контейнер для текста под `text`.\n /\n caption?: React.ReactNode;\n /\n Контейнер для контента под `caption`. Например `<UsersStack size=\"m\" />`.\n /\n bottom?: React.ReactNode;\n /\n Кнопки-действия. Принимает [`Button`](https://vkcom.github.io/VKUI/#/Button) с параметрами:\n \n - `mode=\"primary\" size=\"s\"`\n * - `mode=\"secondary\" size=\"s\"`\n \n Для набора кнопок используйте [`ButtonGroup`](https://vkcom.github.io/VKUI/#/ButtonGroup) с параметрами:\n \n - `mode=\"horizontal\" gap=\"s\" stretched`\n /\n actions?: React.ReactNode;\n /\n `<Avatar size={40\|48\|72} />`.\n /\n before?: React.ReactNode;\n /\n Иконка 28 или текст.\n /\n after?: React.ReactNode;\n /\n Текст под `after`.\n /\n afterCaption?: React.ReactNode;\n /\n Убирает анимацию нажатия.\n /\n disabled?: boolean;\n /\n Включает многострочный режим для `subhead`, `children`, `text` и `caption`.\n /\n multiline?: boolean;\n}\n\n/\n @see https://vkcom.github.io/VKUI/#/RichCell\n */\nexport const RichCell = ({\n subhead,\n children,\n text,\n caption,\n before,\n after,\n afterCaption,\n bottom,\n actions,\n multiline,\n className,\n ...restProps\n}: RichCellProps) => {\n const { sizeY = 'none' } = useAdaptivity();\n\n return (\n <Tappable\n {...restProps}\n className={classNames(\n styles['RichCell'],\n !multiline && styles['RichCell--text-ellipsis'],\n sizeY !== SizeType.REGULAR && sizeYClassNames[sizeY],\n className,\n )}\n >\n {before && <div className={styles['RichCell__before']}>{before}</div>}\n <div className={styles['RichCell__in']}>\n <div className={styles['RichCell__content']}>\n <div className={styles['RichCell__content-before']}>\n {subhead && (\n <Subhead Component=\"div\" className={styles['RichCell__subhead']}>\n {subhead}\n </Subhead>\n )}\n <div className={styles['RichCell__children']}>{children}</div>\n {text && <div className={styles['RichCell__text']}>{text}</div>}\n {caption && (\n <Subhead Component=\"div\" className={styles['RichCell__caption']}>\n {caption}\n </Subhead>\n )}\n </div>\n {(after \|\| afterCaption) && (\n <div className={styles['RichCell__content-after']}>\n {after && <div className={styles['RichCell__after-children']}>{after}</div>}\n {afterCaption && (\n <div className={styles['RichCell__after-caption']}>{afterCaption}</div>\n )}\n </div>\n )}\n </div>\n {bottom && <div className={styles['RichCell__bottom']}>{bottom}</div>}\n {actions && <div className={styles['RichCell__actions']}>{actions}</div>}\n </div>\n </Tappable>\n );\n};\n\nRichCell.Icon = RichCellIcon;\n"],"names":["RichCell","sizeYClassNames","none","SizeType","COMPACT","subhead","children","text","caption","before","after","afterCaption","bottom","actions","multiline","className","restProps","useAdaptivity","sizeY","Tappable","classNames","REGULAR","div","Subhead","Component","Icon","RichCellIcon"],"mappings":";;;;+BAmEaA;;;eAAAA~~;;;;;;;;2DAnEU~~;oBACI;6BACG;0BACL;wBACe;uBAChB;4BACK;AAG7B,IAAMC;IACJC,IAAI;GACHC,~~oBAAQ,CAACC,OAAO~~;~~AAwDZ~~,IAAMJ,WAAW~~,iBAaH~~;~~QAZnBK~~,iBAAAA,SACAC,kBAAAA,UACAC,cAAAA,MACAC,iBAAAA,SACAC,gBAAAA,QACAC,eAAAA,OACAC,sBAAAA,cACAC,gBAAAA,QACAC,iBAAAA,SACAC,mBAAAA,WACAC,mBAAAA,WACGC;QAXHX;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;;IAGA,IAA2BE,kBAAAA,IAAAA,~~4BAAa~~,~~4BAAbA,~~gBAAnBC,OAAAA,0CAAQ;IAEhB,qBACE,qBAACC,~~kBAAQ,uCACHH~~;QACJD,WAAWK,IAAAA,~~gBAAU~~,~~kBAEnB,~~CAACN,4CACDI,UAAUf,~~oBAAQ~~,~~CAACkB~~,~~OAAO,IAAIpB,~~eAAe,CAACiB,MAAM,EACpDH;QAGDN,wBAAU,qBAACa;QAAIP,SAAS;OAA+BN,uBACxD,qBAACa;QAAIP,SAAS;qBACZ,qBAACO;QAAIP,SAAS;qBACZ,qBAACO;QAAIP,SAAS;OACXV,yBACC,qBAACkB~~,gBAAO~~;~~QAACC~~,WAAU;QAAMT,SAAS;OAC/BV,wBAGL,qBAACiB;QAAIP,SAAS;OAAiCT,WAC9CC,sBAAQ,qBAACe;QAAIP,SAAS;OAA6BR,OACnDC,yBACC,qBAACe~~,gBAAO~~;~~QAACC~~,WAAU;QAAMT,SAAS;OAC/BP,WAIN,AAACE,CAAAA,SAASC,YAAW,mBACpB,qBAACW;QAAIP,SAAS;OACXL,uBAAS,qBAACY;QAAIP,SAAS;OAAuCL,QAC9DC,8BACC,qBAACW;QAAIP,SAAS;OAAsCJ,iBAK3DC,wBAAU,qBAACU;QAAIP,SAAS;OAA+BH,SACvDC,yBAAW,qBAACS;QAAIP,SAAS;OAAgCF;AAIlE;AAEAb,SAASyB,~~IAAI,GAAGC,0BAAY~~"}
1	+ {"version":3,"sources":["../../../../src/components/RichCell/RichCell.tsx"],"sourcesContent":["import * as React from 'react';\nimport { classNames } from '@vkontakte/vkjs';\nimport { useAdaptivity } from '../../hooks/useAdaptivity';\nimport { SizeType } from '../../lib/adaptivity';\nimport { Tappable, TappableProps } from '../Tappable/Tappable';\nimport { Subhead } from '../Typography/Subhead/Subhead';\nimport { RichCellIcon } from './RichCellIcon/RichCellIcon';\nimport styles from './RichCell.module.css';\n\nconst sizeYClassNames = {\n none: styles['RichCell--sizeY-none'],\n [SizeType.COMPACT]: styles['RichCell--sizeY-compact'],\n};\n\nexport interface RichCellProps extends TappableProps {\n /*\n Контейнер для текста над `children`.\n /\n subhead?: React.ReactNode;\n /\n Контейнер для текста под `children`.\n /\n text?: React.ReactNode;\n /\n Контейнер для текста под `text`.\n /\n caption?: React.ReactNode;\n /\n Контейнер для контента под `caption`. Например `<UsersStack size=\"m\" />`.\n /\n bottom?: React.ReactNode;\n /\n Кнопки-действия. Принимает [`Button`](https://vkcom.github.io/VKUI/#/Button) с параметрами:\n \n - `mode=\"primary\" size=\"s\"`\n * - `mode=\"secondary\" size=\"s\"`\n \n Для набора кнопок используйте [`ButtonGroup`](https://vkcom.github.io/VKUI/#/ButtonGroup) с параметрами:\n \n - `mode=\"horizontal\" gap=\"s\" stretched`\n /\n actions?: React.ReactNode;\n /\n `<Avatar size={40\|48\|72} />`.\n /\n before?: React.ReactNode;\n /\n Иконка 28 или текст.\n /\n after?: React.ReactNode;\n /\n Текст под `after`.\n /\n afterCaption?: React.ReactNode;\n /\n Убирает анимацию нажатия.\n /\n disabled?: boolean;\n /\n Включает многострочный режим для `subhead`, `children`, `text` и `caption`.\n /\n multiline?: boolean;\n}\n\n/\n @see https://vkcom.github.io/VKUI/#/RichCell\n */\nexport const RichCell = ({\n subhead,\n children,\n text,\n caption,\n before,\n after,\n afterCaption,\n bottom,\n actions,\n multiline,\n className,\n ...restProps\n}: RichCellProps) => {\n const { sizeY = 'none' } = useAdaptivity();\n\n return (\n <Tappable\n {...restProps}\n className={classNames(\n styles['RichCell'],\n !multiline && styles['RichCell--text-ellipsis'],\n sizeY !== SizeType.REGULAR && sizeYClassNames[sizeY],\n className,\n )}\n >\n {before && <div className={styles['RichCell__before']}>{before}</div>}\n <div className={styles['RichCell__in']}>\n <div className={styles['RichCell__content']}>\n <div className={styles['RichCell__content-before']}>\n {subhead && (\n <Subhead Component=\"div\" className={styles['RichCell__subhead']}>\n {subhead}\n </Subhead>\n )}\n <div className={styles['RichCell__children']}>{children}</div>\n {text && <div className={styles['RichCell__text']}>{text}</div>}\n {caption && (\n <Subhead Component=\"div\" className={styles['RichCell__caption']}>\n {caption}\n </Subhead>\n )}\n </div>\n {(after \|\| afterCaption) && (\n <div className={styles['RichCell__content-after']}>\n {after && <div className={styles['RichCell__after-children']}>{after}</div>}\n {afterCaption && (\n <div className={styles['RichCell__after-caption']}>{afterCaption}</div>\n )}\n </div>\n )}\n </div>\n {bottom && <div className={styles['RichCell__bottom']}>{bottom}</div>}\n {actions && <div className={styles['RichCell__actions']}>{actions}</div>}\n </div>\n </Tappable>\n );\n};\n\nRichCell.Icon = RichCellIcon;\n"],"names":["RichCell","sizeYClassNames","none","SizeType","COMPACT","subhead","children","text","caption","before","after","afterCaption","bottom","actions","multiline","className","restProps","useAdaptivity","sizeY","Tappable","classNames","REGULAR","div","Subhead","Component","Icon","RichCellIcon"],"mappings":";;;;+BAmEaA;;;eAAAA;;;;;;;;+DAnEU;oBACI;6BACG;0BACL;wBACe;uBAChB;4BACK;AAG7B,IAAMC;IACJC,IAAI;GACHC,qBAASC;AAwDL,IAAMJ,WAAW;QACtBK,iBAAAA,SACAC,kBAAAA,UACAC,cAAAA,MACAC,iBAAAA,SACAC,gBAAAA,QACAC,eAAAA,OACAC,sBAAAA,cACAC,gBAAAA,QACAC,iBAAAA,SACAC,mBAAAA,WACAC,mBAAAA,WACGC;QAXHX;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;;IAGA,IAA2BE,kBAAAA,IAAAA,wDAAAA,gBAAnBC,OAAAA,0CAAQ;IAEhB,qBACE,qBAACC,gEACKH;QACJD,WAAWK,IAAAA,kCAET,CAACN,4CACDI,UAAUf,qBAASkB,WAAWpB,eAAe,CAACiB,MAAM,EACpDH;QAGDN,wBAAU,qBAACa;QAAIP,SAAS;OAA+BN,uBACxD,qBAACa;QAAIP,SAAS;qBACZ,qBAACO;QAAIP,SAAS;qBACZ,qBAACO;QAAIP,SAAS;OACXV,yBACC,qBAACkB;QAAQC,WAAU;QAAMT,SAAS;OAC/BV,wBAGL,qBAACiB;QAAIP,SAAS;OAAiCT,WAC9CC,sBAAQ,qBAACe;QAAIP,SAAS;OAA6BR,OACnDC,yBACC,qBAACe;QAAQC,WAAU;QAAMT,SAAS;OAC/BP,WAIN,AAACE,CAAAA,SAASC,YAAW,mBACpB,qBAACW;QAAIP,SAAS;OACXL,uBAAS,qBAACY;QAAIP,SAAS;OAAuCL,QAC9DC,8BACC,qBAACW;QAAIP,SAAS;OAAsCJ,iBAK3DC,wBAAU,qBAACU;QAAIP,SAAS;OAA+BH,SACvDC,yBAAW,qBAACS;QAAIP,SAAS;OAAgCF;AAIlE;AAEAb,SAASyB,OAAOC"}

package/dist/cjs/components/RichCell/RichCellIcon/RichCellIcon.d.ts CHANGED Viewed

@@ -1,2 +1,2 @@
 import * as React from 'react';
-export declare const RichCellIcon: ({ children, className, ...restProps }: React.HTMLAttributes<HTMLDivElement>) => JSX.Element;
+export declare const RichCellIcon: ({ children, className, ...restProps }: React.HTMLAttributes<HTMLDivElement>) => React.JSX.Element;

package/dist/cjs/components/RichCell/RichCellIcon/RichCellIcon.js CHANGED Viewed

@@ -8,18 +8,18 @@ Object.defineProperty(exports, "RichCellIcon", {
         return RichCellIcon;
     }
 });
-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 _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
+var _object_spread = require("@swc/helpers/_/_object_spread");
+var _object_spread_props = require("@swc/helpers/_/_object_spread_props");
+var _object_without_properties = require("@swc/helpers/_/_object_without_properties");
+var _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
 var _vkjs = require("@vkontakte/vkjs");
 var RichCellIcon = function(_param) {
-    var children = _param.children, className = _param.className, restProps = _objectWithoutProperties(_param, [
+    var children = _param.children, className = _param.className, restProps = _object_without_properties._(_param, [
         "children",
         "className"
     ]);
-    return /*#__PURE__*/ _react.createElement("div", _objectSpreadProps(_objectSpread({}, restProps), {
+    return /*#__PURE__*/ _react.createElement("div", _object_spread_props._(_object_spread._({}, restProps), {
         className: (0, _vkjs.classNames)("vkuiRichCellIcon", className)
     }), children);
 };

package/dist/cjs/components/RichCell/RichCellIcon/RichCellIcon.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../../../src/components/RichCell/RichCellIcon/RichCellIcon.tsx"],"sourcesContent":["import * as React from 'react';\nimport { classNames } from '@vkontakte/vkjs';\nimport styles from './RichCellIcon.module.css';\n\nexport const RichCellIcon = ({\n children,\n className,\n ...restProps\n}: React.HTMLAttributes<HTMLDivElement>) => {\n return (\n <div {...restProps} className={classNames(styles['RichCellIcon'], className)}>\n {children}\n </div>\n );\n};\n"],"names":["RichCellIcon","children","className","restProps","div","classNames"],"mappings":";;;;+BAIaA;;;eAAAA~~;;;;;;;2DAJU~~;oBACI;AAGpB,IAAMA,eAAe~~,iBAIgB~~;~~QAH1CC~~,kBAAAA,UACAC,mBAAAA,WACGC;QAFHF;QACAC;;IAGA,qBACE,qBAACE,~~4CAAQD~~;QAAWD,WAAWG,IAAAA,~~gBAAU,sBAAyBH~~;QAC/DD;AAGP"}
1	+ {"version":3,"sources":["../../../../../src/components/RichCell/RichCellIcon/RichCellIcon.tsx"],"sourcesContent":["import * as React from 'react';\nimport { classNames } from '@vkontakte/vkjs';\nimport styles from './RichCellIcon.module.css';\n\nexport const RichCellIcon = ({\n children,\n className,\n ...restProps\n}: React.HTMLAttributes<HTMLDivElement>) => {\n return (\n <div {...restProps} className={classNames(styles['RichCellIcon'], className)}>\n {children}\n </div>\n );\n};\n"],"names":["RichCellIcon","children","className","restProps","div","classNames"],"mappings":";;;;+BAIaA;;;eAAAA;;;;;;;+DAJU;oBACI;AAGpB,IAAMA,eAAe;QAC1BC,kBAAAA,UACAC,mBAAAA,WACGC;QAFHF;QACAC;;IAGA,qBACE,qBAACE,mDAAQD;QAAWD,WAAWG,IAAAA,sCAAmCH;QAC/DD;AAGP"}

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

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import * as React from 'react';
 import { HoverPopperProps } from '../HoverPopper/HoverPopper';
 export interface RichTooltipProps extends Omit<HoverPopperProps, 'arrowClassName'> {
     /**
@@ -9,4 +9,4 @@ export interface RichTooltipProps extends Omit<HoverPopperProps, 'arrowClassName
 /**
  * @see https://vkcom.github.io/VKUI/#/RichTooltip
  */
-export declare const RichTooltip: ({ children, arrow, appearance, className, ...popperProps }: RichTooltipProps) => JSX.Element;
+export declare const RichTooltip: ({ children, arrow, appearance, className, ...popperProps }: RichTooltipProps) => React.JSX.Element;

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

@@ -8,20 +8,20 @@ Object.defineProperty(exports, "RichTooltip", {
         return RichTooltip;
     }
 });
-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 _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
+var _object_spread = require("@swc/helpers/_/_object_spread");
+var _object_without_properties = require("@swc/helpers/_/_object_without_properties");
+var _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
 var _vkjs = require("@vkontakte/vkjs");
-var _hoverPopper = require("../HoverPopper/HoverPopper");
+var _HoverPopper = require("../HoverPopper/HoverPopper");
 var RichTooltip = function(_param) {
-    var children = _param.children, _param_arrow = _param.arrow, arrow = _param_arrow === void 0 ? true : _param_arrow, _param_appearance = _param.appearance, appearance = _param_appearance === void 0 ? "neutral" : _param_appearance, className = _param.className, popperProps = _objectWithoutProperties(_param, [
+    var children = _param.children, _param_arrow = _param.arrow, arrow = _param_arrow === void 0 ? true : _param_arrow, _param_appearance = _param.appearance, appearance = _param_appearance === void 0 ? "neutral" : _param_appearance, className = _param.className, popperProps = _object_without_properties._(_param, [
         "children",
         "arrow",
         "appearance",
         "className"
     ]);
-    return /*#__PURE__*/ _react.createElement(_hoverPopper.HoverPopper, _objectSpread({
+    return /*#__PURE__*/ _react.createElement(_HoverPopper.HoverPopper, _object_spread._({
         className: (0, _vkjs.classNames)("vkuiRichTooltip", appearance !== "neutral" && ({
             accent: "vkuiRichTooltip--appearance-accent",
             white: "vkuiRichTooltip--appearance-white",

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

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../../src/components/RichTooltip/RichTooltip.tsx"],"sourcesContent":["import * as React from 'react';\nimport { classNames } from '@vkontakte/vkjs';\nimport { HoverPopper, HoverPopperProps } from '../HoverPopper/HoverPopper';\nimport styles from './RichTooltip.module.css';\n\nexport interface RichTooltipProps extends Omit<HoverPopperProps, 'arrowClassName'> {\n /*\n Стиль отображения подсказки\n /\n appearance?: 'accent' \| 'neutral' \| 'white' \| 'black' \| 'inversion';\n}\n\n/\n @see https://vkcom.github.io/VKUI/#/RichTooltip\n */\nexport const RichTooltip = ({\n children,\n arrow = true,\n appearance = 'neutral',\n className,\n ...popperProps\n}: RichTooltipProps) => {\n return (\n <HoverPopper\n className={classNames(\n styles['RichTooltip'],\n appearance !== 'neutral' &&\n {\n accent: styles['RichTooltip--appearance-accent'],\n white: styles['RichTooltip--appearance-white'],\n black: styles['RichTooltip--appearance-black'],\n inversion: styles['RichTooltip--appearance-inversion'],\n }[appearance],\n className,\n )}\n arrow={arrow}\n arrowClassName={styles['RichTooltip__arrow']}\n {...popperProps}\n >\n {children}\n </HoverPopper>\n );\n};\n"],"names":["RichTooltip","children","arrow","appearance","className","popperProps","HoverPopper","classNames","accent","white","black","inversion","arrowClassName"],"mappings":";;;;+BAeaA;;;eAAAA~~;;;;;;2DAfU~~;oBACI;2BACmB;AAavC,IAAMA,cAAc~~,iBAMH~~;~~QALtBC~~,kBAAAA,gCACAC,OAAAA,kCAAQ,~~IAAI~~,~~4CACZC,~~YAAAA,4CAAa,+BACbC,mBAAAA,WACGC;QAJHJ;QACAC;QACAC;QACAC;;IAGA,qBACE,qBAACE~~,wBAAW~~;~~QACVF~~,WAAWG,IAAAA,~~gBAAU~~,~~qBAEnBJ,~~eAAe,aACb,CAAA;YACEK,MAAM;YACNC,KAAK;YACLC,KAAK;YACLC,SAAS;QACX,CAAA,CAAC,CAACR,WAAW,EACfC;QAEFF,OAAOA;QACPU,cAAc;OACVP,cAEHJ;AAGP"}
1	+ {"version":3,"sources":["../../../../src/components/RichTooltip/RichTooltip.tsx"],"sourcesContent":["import * as React from 'react';\nimport { classNames } from '@vkontakte/vkjs';\nimport { HoverPopper, HoverPopperProps } from '../HoverPopper/HoverPopper';\nimport styles from './RichTooltip.module.css';\n\nexport interface RichTooltipProps extends Omit<HoverPopperProps, 'arrowClassName'> {\n /*\n Стиль отображения подсказки\n /\n appearance?: 'accent' \| 'neutral' \| 'white' \| 'black' \| 'inversion';\n}\n\n/\n @see https://vkcom.github.io/VKUI/#/RichTooltip\n */\nexport const RichTooltip = ({\n children,\n arrow = true,\n appearance = 'neutral',\n className,\n ...popperProps\n}: RichTooltipProps) => {\n return (\n <HoverPopper\n className={classNames(\n styles['RichTooltip'],\n appearance !== 'neutral' &&\n {\n accent: styles['RichTooltip--appearance-accent'],\n white: styles['RichTooltip--appearance-white'],\n black: styles['RichTooltip--appearance-black'],\n inversion: styles['RichTooltip--appearance-inversion'],\n }[appearance],\n className,\n )}\n arrow={arrow}\n arrowClassName={styles['RichTooltip__arrow']}\n {...popperProps}\n >\n {children}\n </HoverPopper>\n );\n};\n"],"names":["RichTooltip","children","arrow","appearance","className","popperProps","HoverPopper","classNames","accent","white","black","inversion","arrowClassName"],"mappings":";;;;+BAeaA;;;eAAAA;;;;;;+DAfU;oBACI;2BACmB;AAavC,IAAMA,cAAc;QACzBC,kBAAAA,gCACAC,OAAAA,kCAAQ,gDACRC,YAAAA,4CAAa,+BACbC,mBAAAA,WACGC;QAJHJ;QACAC;QACAC;QACAC;;IAGA,qBACE,qBAACE;QACCF,WAAWG,IAAAA,qCAETJ,eAAe,aACb,CAAA;YACEK,MAAM;YACNC,KAAK;YACLC,KAAK;YACLC,SAAS;QACX,CAAA,CAAC,CAACR,WAAW,EACfC;QAEFF,OAAOA;QACPU,cAAc;OACVP,cAEHJ;AAGP"}

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

@@ -17,4 +17,4 @@ export interface RootState {
 /**
  * @see https://vkcom.github.io/VKUI/#/Root
  */
-export declare const Root: ({ children, activeView: _activeView, onTransition, nav, className, ...restProps }: RootProps) => JSX.Element;
+export declare const Root: ({ children, activeView: _activeView, onTransition, nav, className, ...restProps }: RootProps) => React.JSX.Element;

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

@@ -8,12 +8,12 @@ Object.defineProperty(exports, "Root", {
         return Root;
     }
 });
-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 _slicedToArray = require("@swc/helpers/lib/_sliced_to_array.js").default;
-var _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
+var _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
+var _object_spread = require("@swc/helpers/_/_object_spread");
+var _object_spread_props = require("@swc/helpers/_/_object_spread_props");
+var _object_without_properties = require("@swc/helpers/_/_object_without_properties");
+var _sliced_to_array = require("@swc/helpers/_/_sliced_to_array");
+var _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
 var _vkjs = require("@vkontakte/vkjs");
 var _usePlatform = require("../../hooks/usePlatform");
 var _useTimeout = require("../../hooks/useTimeout");
@@ -22,29 +22,29 @@ var _getNavId = require("../../lib/getNavId");
 var _platform = require("../../lib/platform");
 var _useIsomorphicLayoutEffect = require("../../lib/useIsomorphicLayoutEffect");
 var _warnOnce = require("../../lib/warnOnce");
-var _scrollContext = require("../AppRoot/ScrollContext");
-var _configProviderContext = require("../ConfigProvider/ConfigProviderContext");
-var _navTransitionContext = require("../NavTransitionContext/NavTransitionContext");
-var _splitColContext = require("../SplitCol/SplitColContext");
+var _ScrollContext = require("../AppRoot/ScrollContext");
+var _ConfigProviderContext = require("../ConfigProvider/ConfigProviderContext");
+var _NavTransitionContext = require("../NavTransitionContext/NavTransitionContext");
+var _SplitColContext = require("../SplitCol/SplitColContext");
 var warn = (0, _warnOnce.warnOnce)("Root");
 var Root = function(_param) {
-    var children = _param.children, _activeView = _param.activeView, onTransition = _param.onTransition, nav = _param.nav, className = _param.className, restProps = _objectWithoutProperties(_param, [
+    var children = _param.children, _activeView = _param.activeView, onTransition = _param.onTransition, nav = _param.nav, className = _param.className, restProps = _object_without_properties._(_param, [
         "children",
         "activeView",
         "onTransition",
         "nav",
         "className"
     ]);
-    var scroll = _react.useContext(_scrollContext.ScrollContext);
+    var scroll = _react.useContext(_ScrollContext.ScrollContext);
     var platform = (0, _usePlatform.usePlatform)();
     var document = (0, _dom.useDOM)().document;
     var scrolls = _react.useRef({}).current;
     var viewNodes = _react.useRef({}).current;
-    var _useConfigProvider = (0, _configProviderContext.useConfigProvider)(), _useConfigProvider_transitionMotionEnabled = _useConfigProvider.transitionMotionEnabled, transitionMotionEnabled = _useConfigProvider_transitionMotionEnabled === void 0 ? true : _useConfigProvider_transitionMotionEnabled;
-    var animate = _react.useContext(_splitColContext.SplitColContext).animate;
+    var _useConfigProvider = (0, _ConfigProviderContext.useConfigProvider)(), _useConfigProvider_transitionMotionEnabled = _useConfigProvider.transitionMotionEnabled, transitionMotionEnabled = _useConfigProvider_transitionMotionEnabled === void 0 ? true : _useConfigProvider_transitionMotionEnabled;
+    var animate = _react.useContext(_SplitColContext.SplitColContext).animate;
     var disableAnimation = !transitionMotionEnabled || !animate;
     var views = _react.Children.toArray(children);
-    var _React_useState = _slicedToArray(_react.useState({
+    var _React_useState = _sliced_to_array._(_react.useState({
         activeView: _activeView,
         transition: false
     }), 2), _React_useState_ = _React_useState[0], prevView = _React_useState_.prevView, activeView = _React_useState_.activeView, transition = _React_useState_.transition, isBack = _React_useState_.isBack, _setState = _React_useState[1];
@@ -121,7 +121,7 @@ var Root = function(_param) {
             finishTransition();
         }
     };
-    return /*#__PURE__*/ _react.createElement("div", _objectSpreadProps(_objectSpread({}, restProps), {
+    return /*#__PURE__*/ _react.createElement("div", _object_spread_props._(_object_spread._({}, restProps), {
         className: (0, _vkjs.classNames)("vkuiRoot", platform === _platform.Platform.IOS && "vkuiRoot--ios", transition && "vkuiRoot--transition", className)
     }), views.map(function(view) {
         var viewId = (0, _getNavId.getNavId)(view.props, warn);
@@ -138,7 +138,7 @@ var Root = function(_param) {
             },
             onAnimationEnd: isTransitionTarget ? onAnimationEnd : undefined,
             className: (0, _vkjs.classNames)("vkuiRoot__view", transition && viewId === prevView && isBack && "vkuiRoot__view--hide-back", transition && viewId === prevView && !isBack && "vkuiRoot__view--hide-forward", transition && viewId === activeView && isBack && "vkuiRoot__view--show-back", transition && viewId === activeView && !isBack && "vkuiRoot__view--show-forward")
-        }, /*#__PURE__*/ _react.createElement(_navTransitionContext.NavTransitionProvider, {
+        }, /*#__PURE__*/ _react.createElement(_NavTransitionContext.NavTransitionProvider, {
             entering: transition && viewId === activeView
         }, /*#__PURE__*/ _react.createElement("div", {
             className: "vkuiRoot__scrollCompensation",

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

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../../src/components/Root/Root.tsx"],"sourcesContent":["import * as React from 'react';\nimport { classNames } from '@vkontakte/vkjs';\nimport { usePlatform } from '../../hooks/usePlatform';\nimport { useTimeout } from '../../hooks/useTimeout';\nimport { useDOM } from '../../lib/dom';\nimport { getNavId, NavIdProps } from '../../lib/getNavId';\nimport { Platform } from '../../lib/platform';\nimport { useIsomorphicLayoutEffect } from '../../lib/useIsomorphicLayoutEffect';\nimport { warnOnce } from '../../lib/warnOnce';\nimport { ScrollContext } from '../AppRoot/ScrollContext';\nimport { useConfigProvider } from '../ConfigProvider/ConfigProviderContext';\nimport { NavTransitionProvider } from '../NavTransitionContext/NavTransitionContext';\nimport { SplitColContext } from '../SplitCol/SplitColContext';\nimport styles from './Root.module.css';\n\nexport interface RootProps extends React.HTMLAttributes<HTMLDivElement>, NavIdProps {\n activeView: string;\n onTransition?(params: { isBack: boolean; from: string; to: string }): void;\n}\n\nexport interface RootState {\n activeView: string;\n transition: boolean;\n isBack?: boolean;\n prevView?: string;\n}\n\nconst warn = warnOnce('Root');\n\n/*\n @see https://vkcom.github.io/VKUI/#/Root\n */\nexport const Root = ({\n children,\n activeView: _activeView,\n onTransition,\n nav,\n className,\n ...restProps\n}: RootProps) => {\n const scroll = React.useContext(ScrollContext);\n const platform = usePlatform();\n const { document } = useDOM();\n const scrolls = React.useRef<Record<string, number>>({}).current;\n const viewNodes = React.useRef<Record<string, HTMLElement \| null>>({}).current;\n\n const { transitionMotionEnabled = true } = useConfigProvider();\n const { animate } = React.useContext(SplitColContext);\n const disableAnimation = !transitionMotionEnabled \|\| !animate;\n\n const views = React.Children.toArray(children) as React.ReactElement[];\n\n const [{ prevView, activeView, transition, isBack }, _setState] = React.useState<RootState>({\n activeView: _activeView,\n transition: false,\n });\n const transitionTo = (panel: string) => {\n if (panel !== activeView) {\n const viewIds = views.map((view) => getNavId(view.props, warn));\n const isBack = viewIds.indexOf(panel) < viewIds.indexOf(activeView);\n scrolls[activeView] = scroll.getScroll().y;\n _setState({\n activeView: panel,\n prevView: activeView,\n transition: !disableAnimation,\n isBack,\n });\n }\n };\n const finishTransition = React.useCallback(\n () => _setState({ activeView, prevView, isBack, transition: false }),\n [activeView, isBack, prevView],\n );\n\n useIsomorphicLayoutEffect(() => {\n (document!.activeElement as HTMLElement).blur();\n }, [activeView]);\n\n // Нужен переход\n useIsomorphicLayoutEffect(() => transitionTo(_activeView), [_activeView]);\n useIsomorphicLayoutEffect(() => {\n if (!transition && prevView) {\n // Закончился переход\n scroll.scrollTo(0, isBack ? scrolls[activeView] : 0);\n onTransition &&\n onTransition({\n isBack: Boolean(isBack),\n from: prevView,\n to: activeView,\n });\n }\n }, [transition, prevView]);\n\n const fallbackTransition = useTimeout(finishTransition, platform === Platform.IOS ? 600 : 300);\n React.useEffect(() => {\n if (!transition) {\n fallbackTransition.clear();\n return;\n }\n fallbackTransition.set();\n }, [fallbackTransition, transition]);\n\n const onAnimationEnd = (e: React.AnimationEvent) => {\n if (\n [\n styles['vkui-root-android-animation-hide-back'],\n styles['vkui-root-android-animation-show-forward'],\n styles['vkui-root-ios-animation-hide-back'],\n styles['vkui-root-ios-animation-show-forward'],\n ].includes(e.animationName)\n ) {\n finishTransition();\n }\n };\n\n return (\n <div\n {...restProps}\n className={classNames(\n styles['Root'],\n platform === Platform.IOS && styles['Root--ios'],\n transition && styles['Root--transition'],\n className,\n )}\n >\n {views.map((view) => {\n const viewId = getNavId(view.props, warn);\n if (viewId !== activeView && !(transition && viewId === prevView)) {\n return null;\n }\n const isTransitionTarget = transition && viewId === (isBack ? prevView : activeView);\n const compensateScroll =\n transition && (viewId === prevView \|\| (isBack && viewId === activeView));\n return (\n <div\n key={viewId}\n ref={(e) => viewId && (viewNodes[viewId] = e)}\n onAnimationEnd={isTransitionTarget ? onAnimationEnd : undefined}\n className={classNames(\n styles['Root__view'],\n transition && viewId === prevView && isBack && styles['Root__view--hide-back'],\n transition && viewId === prevView && !isBack && styles['Root__view--hide-forward'],\n transition && viewId === activeView && isBack && styles['Root__view--show-back'],\n transition && viewId === activeView && !isBack && styles['Root__view--show-forward'],\n )}\n >\n <NavTransitionProvider entering={transition && viewId === activeView}>\n <div\n className={styles['Root__scrollCompensation']}\n style={{\n marginTop: compensateScroll ? viewId && -(scrolls[viewId] ?? 0) : undefined,\n }}\n >\n {view}\n </div>\n </NavTransitionProvider>\n </div>\n );\n })}\n </div>\n );\n};\n"],"names":["Root","warn","warnOnce","children","activeView","_activeView","onTransition","nav","className","restProps","scroll","React","useContext","ScrollContext","platform","usePlatform","document","useDOM","scrolls","useRef","current","viewNodes","useConfigProvider","transitionMotionEnabled","animate","SplitColContext","disableAnimation","views","Children","toArray","useState","transition","prevView","isBack","_setState","transitionTo","panel","viewIds","map","view","getNavId","props","indexOf","getScroll","y","finishTransition","useCallback","useIsomorphicLayoutEffect","activeElement","blur","scrollTo","Boolean","from","to","fallbackTransition","useTimeout","Platform","IOS","useEffect","clear","set","onAnimationEnd","e","includes","animationName","div","classNames","viewId","isTransitionTarget","compensateScroll","key","ref","undefined","NavTransitionProvider","entering","style","marginTop"],"mappings":";;;;+BAgCaA;;;eAAAA~~;;;;;;;;2DAhCU~~;oBACI;2BACC;0BACD;mBACJ;wBACc;wBACZ;yCACiB;wBACjB;6BACK;qCACI;oCACI;+BACN;AAehC,IAAMC,OAAOC,IAAAA,~~kBAAQ,EAAC~~;AAKf,IAAMF,OAAO~~,iBAOH~~;~~QANfG~~,kBAAAA,UACAC,AAAYC,qBAAZD,YACAE,sBAAAA,cACAC,aAAAA,KACAC,mBAAAA,WACGC;QALHN;QACAC;QACAE;QACAC;QACAC;;IAGA,IAAME,SAASC,OAAMC,~~UAAU,CAACC,4BAAa~~;~~IAC7C~~,IAAMC,WAAWC,IAAAA~~,wBAAW~~;~~IAC5B~~,IAAM,AAAEC,WAAaC,IAAAA,~~WAAM,IAAnBD~~;IACR,IAAME,UAAUP,OAAMQ,~~MAAM~~,~~CAAyB,~~CAAC,GAAGC~~,OAAO~~;~~IAChE~~,IAAMC,YAAYV,OAAMQ,~~MAAM~~,~~CAAqC,~~CAAC,GAAGC~~,OAAO~~;~~IAE9E~~,IAA2CE,qBAAAA,IAAAA,~~wCAAiB~~,~~kDAAjBA,~~mBAAnCC,yBAAAA,kFAA0B~~,IAAI~~;~~IACtC~~,IAAM,AAAEC,UAAYb,OAAMC,~~UAAU~~,~~CAACa,gCAAe,EAA5CD~~;IACR,IAAME,mBAAmB,CAACH,2BAA2B,CAACC;IAEtD,IAAMG,QAAQhB,OAAMiB,~~QAAQ~~,~~CAACC,OAAO,CAAC1B~~;IAErC,IAAkEQ,~~iCAAAA~~,OAAMmB,~~QAAQ,CAAY~~;QAC1F1B,YAAYC;QACZ0B,YAAY~~,KAAK~~;~~IACnB~~,2BAHkEpB,oBAAzDqB,4BAAAA,UAAU5B,8BAAAA,YAAY2B,8BAAAA,YAAYE,0BAAAA,QAAUC,YAAavB;IAIlE,IAAMwB,eAAe,SAACC~~,OAAkB~~;~~QACtC~~,IAAIA,UAAUhC,YAAY;YACxB,IAAMiC,UAAUV,MAAMW,~~GAAG~~,~~CAAC,~~SAACC;uBAASC,IAAAA,~~kBAAQ~~,~~EAACD,~~KAAKE,~~KAAK,EAAExC~~;;YACzD,IAAMgC,SAASI,QAAQK,~~OAAO~~,~~CAACN,~~SAASC,QAAQK,~~OAAO,CAACtC~~;YACxDc,OAAO,CAACd,WAAW,GAAGM,OAAOiC,~~SAAS,GAAGC,CAAC~~;~~YAC1CV~~,UAAU;gBACR9B,YAAYgC;gBACZJ,UAAU5B;gBACV2B,YAAY,CAACL;gBACbO,QAAAA;YACF;QACF~~,CAAC~~;~~IACH~~;IACA,IAAMY,mBAAmBlC,OAAMmC,~~WAAW,CACxC~~;eAAMZ,UAAU;YAAE9B,YAAAA;YAAY4B,UAAAA;YAAUC,QAAAA;YAAQF,YAAY~~,KAAK~~;~~QAAC~~;OAClE;QAAC3B;QAAY6B;QAAQD;KAAS;IAGhCe,IAAAA,~~oDAAyB,EAAC,WAAM~~;~~QAC7B~~/B,SAAUgC,~~aAAa,CAAiBC,IAAI~~;~~IAC/C~~,GAAG;QAAC7C;KAAW;IAEf,gBAAgB;IAChB2C,IAAAA,~~oDAAyB,EAAC~~;eAAMZ,aAAa9B;OAAc;QAACA;KAAY;IACxE0C,IAAAA,~~oDAAyB,EAAC,WAAM~~;~~QAC9B~~,IAAI,CAAChB,cAAcC,UAAU;YAC3B,qBAAqB;YACrBtB,OAAOwC,~~QAAQ~~,~~CAAC,~~GAAGjB,SAASf,OAAO,CAACd,WAAW,GAAG~~,CAAC~~;~~YACnDE~~,gBACEA,aAAa;gBACX2B,QAAQkB,QAAQlB;gBAChBmB,MAAMpB;gBACNqB,IAAIjD;YACN;QACJ~~,CAAC~~;~~IACH~~,GAAG;QAAC2B;QAAYC;KAAS;IAEzB,IAAMsB,qBAAqBC,IAAAA,~~sBAAU~~,~~EAACV,~~kBAAkB/B,aAAa0C,~~kBAAQ~~,~~CAACC~~,~~GAAG,GAAG,~~MAAM~~,GAAG~~;~~IAC7F9C~~,OAAM+C,~~SAAS,CAAC,WAAM~~;~~QACpB~~,IAAI,CAAC3B,YAAY;YACfuB,mBAAmBK~~,KAAK~~;~~YACxB~~;QACF~~,CAAC~~;~~QACDL~~,mBAAmBM~~,GAAG~~;~~IACxB~~,GAAG;QAACN;QAAoBvB;KAAW;IAEnC,IAAM8B,iBAAiB,SAACC~~,GAA4B~~;~~QAClD~~,IACE;;;;;SAKC,CAACC,~~QAAQ~~,~~CAACD,~~EAAEE,~~aAAa,GAC1B~~;YACAnB;QACF~~,CAAC~~;~~IACH~~;IAEA,qBACE,qBAACoB,~~4CACKxD~~;QACJD,WAAW0D,IAAAA,~~gBAAU~~,~~cAEnBpD,~~aAAa0C,~~kBAAQ~~,~~CAACC~~,~~GAAG,qBACzB1B,~~sCACAvB;QAGDmB,MAAMW,~~GAAG~~,~~CAAC,~~SAACC~~,MAAS~~;~~QACnB~~,IAAM4B,SAAS3B,IAAAA,~~kBAAQ~~,~~EAACD,~~KAAKE,~~KAAK,EAAExC~~;QACpC,IAAIkE,WAAW/D,cAAc,CAAE2B,CAAAA,cAAcoC,WAAWnC,QAAO,GAAI;YACjE,OAAO~~,IAAI~~;~~QACb,CAAC~~;~~QACD~~,IAAMoC,qBAAqBrC,cAAcoC,WAAYlC,CAAAA,SAASD,WAAW5B,~~UAAU,AAAD~~;QAClF,IAAMiE,mBACJtC,cAAeoC,CAAAA,WAAWnC,YAAaC,UAAUkC,WAAW/D,UAAU;YAkBpBc;QAjBpD,qBACE,qBAAC+C;YACCK,KAAKH;YACLI,KAAK,SAACT;uBAAMK,UAAW9C,CAAAA,SAAS,CAAC8C,OAAO,GAAGL,CAAAA;;YAC3CD,gBAAgBO,qBAAqBP,iBAAiBW~~,SAAS~~;~~YAC/DhE~~,WAAW0D,IAAAA,~~gBAAU~~,~~oBAEnBnC,~~cAAcoC,WAAWnC,YAAYC,uCACrCF,cAAcoC,WAAWnC,YAAY,CAACC,0CACtCF,cAAcoC,WAAW/D,cAAc6B,uCACvCF,cAAcoC,WAAW/D,cAAc,CAAC6B;yBAG1C,qBAACwC~~,2CAAqB~~;~~YAACC~~,UAAU3C,cAAcoC,WAAW/D;yBACxD,qBAAC6D;YACCzD,SAAS;YACTmE,OAAO;gBACLC,WAAWP,mBAAmBF,UAAU,CAAEjD,CAAAA,CAAAA,kBAAAA,OAAO,CAACiD,OAAO,cAAfjD,6BAAAA,kBAAmB,~~CAAC~~,~~AAAD,~~IAAKsD~~,SAAS~~;~~YAC7E~~;WAECjC;IAKX;AAGN"}
1	+ {"version":3,"sources":["../../../../src/components/Root/Root.tsx"],"sourcesContent":["import * as React from 'react';\nimport { classNames } from '@vkontakte/vkjs';\nimport { usePlatform } from '../../hooks/usePlatform';\nimport { useTimeout } from '../../hooks/useTimeout';\nimport { useDOM } from '../../lib/dom';\nimport { getNavId, NavIdProps } from '../../lib/getNavId';\nimport { Platform } from '../../lib/platform';\nimport { useIsomorphicLayoutEffect } from '../../lib/useIsomorphicLayoutEffect';\nimport { warnOnce } from '../../lib/warnOnce';\nimport { ScrollContext } from '../AppRoot/ScrollContext';\nimport { useConfigProvider } from '../ConfigProvider/ConfigProviderContext';\nimport { NavTransitionProvider } from '../NavTransitionContext/NavTransitionContext';\nimport { SplitColContext } from '../SplitCol/SplitColContext';\nimport styles from './Root.module.css';\n\nexport interface RootProps extends React.HTMLAttributes<HTMLDivElement>, NavIdProps {\n activeView: string;\n onTransition?(params: { isBack: boolean; from: string; to: string }): void;\n}\n\nexport interface RootState {\n activeView: string;\n transition: boolean;\n isBack?: boolean;\n prevView?: string;\n}\n\nconst warn = warnOnce('Root');\n\n/*\n @see https://vkcom.github.io/VKUI/#/Root\n */\nexport const Root = ({\n children,\n activeView: _activeView,\n onTransition,\n nav,\n className,\n ...restProps\n}: RootProps) => {\n const scroll = React.useContext(ScrollContext);\n const platform = usePlatform();\n const { document } = useDOM();\n const scrolls = React.useRef<Record<string, number>>({}).current;\n const viewNodes = React.useRef<Record<string, HTMLElement \| null>>({}).current;\n\n const { transitionMotionEnabled = true } = useConfigProvider();\n const { animate } = React.useContext(SplitColContext);\n const disableAnimation = !transitionMotionEnabled \|\| !animate;\n\n const views = React.Children.toArray(children) as React.ReactElement[];\n\n const [{ prevView, activeView, transition, isBack }, _setState] = React.useState<RootState>({\n activeView: _activeView,\n transition: false,\n });\n const transitionTo = (panel: string) => {\n if (panel !== activeView) {\n const viewIds = views.map((view) => getNavId(view.props, warn));\n const isBack = viewIds.indexOf(panel) < viewIds.indexOf(activeView);\n scrolls[activeView] = scroll.getScroll().y;\n _setState({\n activeView: panel,\n prevView: activeView,\n transition: !disableAnimation,\n isBack,\n });\n }\n };\n const finishTransition = React.useCallback(\n () => _setState({ activeView, prevView, isBack, transition: false }),\n [activeView, isBack, prevView],\n );\n\n useIsomorphicLayoutEffect(() => {\n (document!.activeElement as HTMLElement).blur();\n }, [activeView]);\n\n // Нужен переход\n useIsomorphicLayoutEffect(() => transitionTo(_activeView), [_activeView]);\n useIsomorphicLayoutEffect(() => {\n if (!transition && prevView) {\n // Закончился переход\n scroll.scrollTo(0, isBack ? scrolls[activeView] : 0);\n onTransition &&\n onTransition({\n isBack: Boolean(isBack),\n from: prevView,\n to: activeView,\n });\n }\n }, [transition, prevView]);\n\n const fallbackTransition = useTimeout(finishTransition, platform === Platform.IOS ? 600 : 300);\n React.useEffect(() => {\n if (!transition) {\n fallbackTransition.clear();\n return;\n }\n fallbackTransition.set();\n }, [fallbackTransition, transition]);\n\n const onAnimationEnd = (e: React.AnimationEvent) => {\n if (\n [\n styles['vkui-root-android-animation-hide-back'],\n styles['vkui-root-android-animation-show-forward'],\n styles['vkui-root-ios-animation-hide-back'],\n styles['vkui-root-ios-animation-show-forward'],\n ].includes(e.animationName)\n ) {\n finishTransition();\n }\n };\n\n return (\n <div\n {...restProps}\n className={classNames(\n styles['Root'],\n platform === Platform.IOS && styles['Root--ios'],\n transition && styles['Root--transition'],\n className,\n )}\n >\n {views.map((view) => {\n const viewId = getNavId(view.props, warn);\n if (viewId !== activeView && !(transition && viewId === prevView)) {\n return null;\n }\n const isTransitionTarget = transition && viewId === (isBack ? prevView : activeView);\n const compensateScroll =\n transition && (viewId === prevView \|\| (isBack && viewId === activeView));\n return (\n <div\n key={viewId}\n ref={(e) => viewId && (viewNodes[viewId] = e)}\n onAnimationEnd={isTransitionTarget ? onAnimationEnd : undefined}\n className={classNames(\n styles['Root__view'],\n transition && viewId === prevView && isBack && styles['Root__view--hide-back'],\n transition && viewId === prevView && !isBack && styles['Root__view--hide-forward'],\n transition && viewId === activeView && isBack && styles['Root__view--show-back'],\n transition && viewId === activeView && !isBack && styles['Root__view--show-forward'],\n )}\n >\n <NavTransitionProvider entering={transition && viewId === activeView}>\n <div\n className={styles['Root__scrollCompensation']}\n style={{\n marginTop: compensateScroll ? viewId && -(scrolls[viewId] ?? 0) : undefined,\n }}\n >\n {view}\n </div>\n </NavTransitionProvider>\n </div>\n );\n })}\n </div>\n );\n};\n"],"names":["Root","warn","warnOnce","children","activeView","_activeView","onTransition","nav","className","restProps","scroll","React","useContext","ScrollContext","platform","usePlatform","document","useDOM","scrolls","useRef","current","viewNodes","useConfigProvider","transitionMotionEnabled","animate","SplitColContext","disableAnimation","views","Children","toArray","useState","transition","prevView","isBack","_setState","transitionTo","panel","viewIds","map","view","getNavId","props","indexOf","getScroll","y","finishTransition","useCallback","useIsomorphicLayoutEffect","activeElement","blur","scrollTo","Boolean","from","to","fallbackTransition","useTimeout","Platform","IOS","useEffect","clear","set","onAnimationEnd","e","includes","animationName","div","classNames","viewId","isTransitionTarget","compensateScroll","key","ref","undefined","NavTransitionProvider","entering","style","marginTop"],"mappings":";;;;+BAgCaA;;;eAAAA;;;;;;;;+DAhCU;oBACI;2BACC;0BACD;mBACJ;wBACc;wBACZ;yCACiB;wBACjB;6BACK;qCACI;oCACI;+BACN;AAehC,IAAMC,OAAOC,IAAAA,oBAAS;AAKf,IAAMF,OAAO;QAClBG,kBAAAA,UACAC,AAAYC,qBAAZD,YACAE,sBAAAA,cACAC,aAAAA,KACAC,mBAAAA,WACGC;QALHN;QACAC;QACAE;QACAC;QACAC;;IAGA,IAAME,SAASC,OAAMC,WAAWC;IAChC,IAAMC,WAAWC,IAAAA;IACjB,IAAM,AAAEC,WAAaC,IAAAA,eAAbD;IACR,IAAME,UAAUP,OAAMQ,OAA+B,CAAC,GAAGC;IACzD,IAAMC,YAAYV,OAAMQ,OAA2C,CAAC,GAAGC;IAEvE,IAA2CE,qBAAAA,IAAAA,0FAAAA,mBAAnCC,yBAAAA,kFAA0B;IAClC,IAAM,AAAEC,UAAYb,OAAMC,WAAWa,kCAA7BD;IACR,IAAME,mBAAmB,CAACH,2BAA2B,CAACC;IAEtD,IAAMG,QAAQhB,OAAMiB,SAASC,QAAQ1B;IAErC,IAAkEQ,qCAAAA,OAAMmB,SAAoB;QAC1F1B,YAAYC;QACZ0B,YAAY;IACd,2BAHkEpB,oBAAzDqB,4BAAAA,UAAU5B,8BAAAA,YAAY2B,8BAAAA,YAAYE,0BAAAA,QAAUC,YAAavB;IAIlE,IAAMwB,eAAe,SAACC;QACpB,IAAIA,UAAUhC,YAAY;YACxB,IAAMiC,UAAUV,MAAMW,IAAI,SAACC;uBAASC,IAAAA,oBAASD,KAAKE,OAAOxC;;YACzD,IAAMgC,SAASI,QAAQK,QAAQN,SAASC,QAAQK,QAAQtC;YACxDc,OAAO,CAACd,WAAW,GAAGM,OAAOiC,YAAYC;YACzCV,UAAU;gBACR9B,YAAYgC;gBACZJ,UAAU5B;gBACV2B,YAAY,CAACL;gBACbO,QAAAA;YACF;QACF;IACF;IACA,IAAMY,mBAAmBlC,OAAMmC,YAC7B;eAAMZ,UAAU;YAAE9B,YAAAA;YAAY4B,UAAAA;YAAUC,QAAAA;YAAQF,YAAY;QAAM;OAClE;QAAC3B;QAAY6B;QAAQD;KAAS;IAGhCe,IAAAA,sDAA0B;QACvB/B,SAAUgC,cAA8BC;IAC3C,GAAG;QAAC7C;KAAW;IAEf,gBAAgB;IAChB2C,IAAAA,sDAA0B;eAAMZ,aAAa9B;OAAc;QAACA;KAAY;IACxE0C,IAAAA,sDAA0B;QACxB,IAAI,CAAChB,cAAcC,UAAU;YAC3B,qBAAqB;YACrBtB,OAAOwC,SAAS,GAAGjB,SAASf,OAAO,CAACd,WAAW,GAAG;YAClDE,gBACEA,aAAa;gBACX2B,QAAQkB,QAAQlB;gBAChBmB,MAAMpB;gBACNqB,IAAIjD;YACN;QACJ;IACF,GAAG;QAAC2B;QAAYC;KAAS;IAEzB,IAAMsB,qBAAqBC,IAAAA,wBAAWV,kBAAkB/B,aAAa0C,mBAASC,MAAM,MAAM;IAC1F9C,OAAM+C,UAAU;QACd,IAAI,CAAC3B,YAAY;YACfuB,mBAAmBK;YACnB;QACF;QACAL,mBAAmBM;IACrB,GAAG;QAACN;QAAoBvB;KAAW;IAEnC,IAAM8B,iBAAiB,SAACC;QACtB,IACE;;;;;SAKC,CAACC,SAASD,EAAEE,gBACb;YACAnB;QACF;IACF;IAEA,qBACE,qBAACoB,mDACKxD;QACJD,WAAW0D,IAAAA,8BAETpD,aAAa0C,mBAASC,wBACtB1B,sCACAvB;QAGDmB,MAAMW,IAAI,SAACC;QACV,IAAM4B,SAAS3B,IAAAA,oBAASD,KAAKE,OAAOxC;QACpC,IAAIkE,WAAW/D,cAAc,CAAE2B,CAAAA,cAAcoC,WAAWnC,QAAO,GAAI;YACjE,OAAO;QACT;QACA,IAAMoC,qBAAqBrC,cAAcoC,WAAYlC,CAAAA,SAASD,WAAW5B,UAAS;QAClF,IAAMiE,mBACJtC,cAAeoC,CAAAA,WAAWnC,YAAaC,UAAUkC,WAAW/D,UAAU;YAkBpBc;QAjBpD,qBACE,qBAAC+C;YACCK,KAAKH;YACLI,KAAK,SAACT;uBAAMK,UAAW9C,CAAAA,SAAS,CAAC8C,OAAO,GAAGL,CAAAA;;YAC3CD,gBAAgBO,qBAAqBP,iBAAiBW;YACtDhE,WAAW0D,IAAAA,oCAETnC,cAAcoC,WAAWnC,YAAYC,uCACrCF,cAAcoC,WAAWnC,YAAY,CAACC,0CACtCF,cAAcoC,WAAW/D,cAAc6B,uCACvCF,cAAcoC,WAAW/D,cAAc,CAAC6B;yBAG1C,qBAACwC;YAAsBC,UAAU3C,cAAcoC,WAAW/D;yBACxD,qBAAC6D;YACCzD,SAAS;YACTmE,OAAO;gBACLC,WAAWP,mBAAmBF,UAAU,CAAEjD,CAAAA,CAAAA,kBAAAA,OAAO,CAACiD,OAAO,cAAfjD,6BAAAA,kBAAmB,CAAA,IAAKsD;YACpE;WAECjC;IAKX;AAGN"}

package/dist/cjs/components/ScreenSpinner/Icon48CancelCircle.d.ts CHANGED Viewed

@@ -1,2 +1,2 @@
 import * as React from 'react';
-export declare const Icon48CancelCircle: (props: React.SVGProps<SVGSVGElement>) => JSX.Element;
+export declare const Icon48CancelCircle: (props: React.SVGProps<SVGSVGElement>) => React.JSX.Element;