@vkontakte/vkui 5.2.4 → 5.3.1

package/dist/components/FixedLayout/FixedLayout.js.map

@@ -1 +1 @@
-{"version":3,"file":"FixedLayout.js","names":["React","classNames","useExternRef","useGlobalEventListener","usePlatform","useDOM","Platform","SplitColContext","TooltipContainer","FixedLayout","children","style","vertical","getRootRef","getRef","filled","className","restProps","platform","ref","useState","undefined","width","setWidth","window","useContext","colRef","doResize","current","computedStyle","getComputedStyle","clientWidth","parseFloat","paddingLeft","paddingRight","useEffect","IOS","styles"],"sources":["../../../src/components/FixedLayout/FixedLayout.tsx"],"sourcesContent":["import * as React from 'react';\nimport { classNames } 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 { HasRef, HasRootRef } from '../../types';\nimport { SplitColContext } from '../SplitCol/SplitColContext';\nimport { TooltipContainer } from '../Tooltip/TooltipContainer';\nimport styles from './FixedLayout.module.css';\n\nexport interface FixedLayoutProps\n  extends React.HTMLAttributes<HTMLDivElement>,\n    HasRootRef<HTMLDivElement>,\n    HasRef<HTMLDivElement> {\n  vertical?: 'top' | 'bottom';\n  /**\n   * Это свойство определяет, будет ли фон компонента окрашен в цвет фона контента.\n   * Это часто необходимо для фиксированных кнопок в нижней части экрана.\n   */\n  filled?: boolean;\n}\n\nexport interface FixedLayoutState {\n  position: 'absolute' | null;\n  top: number;\n  bottom: number;\n  width: string;\n}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/FixedLayout\n */\nexport const FixedLayout = ({\n  children,\n  style,\n  vertical,\n  getRootRef,\n  getRef,\n  filled,\n  className,\n  ...restProps\n}: FixedLayoutProps) => {\n  const platform = usePlatform();\n  const ref = useExternRef(getRootRef, getRef); // TODO: v6 удалить getRef\n  const [width, setWidth] = React.useState<string | undefined>(undefined);\n  const { window } = useDOM();\n  const { colRef } = React.useContext(SplitColContext);\n  const doResize = () => {\n    if (colRef?.current) {\n      const computedStyle = getComputedStyle(colRef.current);\n\n      setWidth(\n        `${\n          colRef.current.clientWidth -\n          parseFloat(computedStyle.paddingLeft) -\n          parseFloat(computedStyle.paddingRight)\n        }px`,\n      );\n    } else {\n      setWidth(undefined);\n    }\n  };\n  React.useEffect(doResize, [colRef, platform]);\n  useGlobalEventListener(window, 'resize', doResize);\n\n  return (\n    <TooltipContainer\n      {...restProps}\n      fixed\n      ref={ref}\n      className={classNames(\n        styles['FixedLayout'],\n        platform === Platform.IOS && styles['FixedLayout--ios'],\n        filled && styles['FixedLayout--filled'],\n        vertical && styles[`FixedLayout--vertical-${vertical}`],\n        className,\n      )}\n      style={{ ...style, width }}\n    >\n      {children}\n    </TooltipContainer>\n  );\n};\n"],"mappings":";;;;;AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,UAAU,QAAQ,iBAAiB;AAC5C,SAASC,YAAY,QAAQ,0BAA0B;AACvD,SAASC,sBAAsB,QAAQ,oCAAoC;AAC3E,SAASC,WAAW,QAAQ,yBAAyB;AACrD,SAASC,MAAM,QAAQ,eAAe;AACtC,SAASC,QAAQ,QAAQ,oBAAoB;AAE7C,SAASC,eAAe,QAAQ,6BAA6B;AAC7D,SAASC,gBAAgB,QAAQ,6BAA6B;AAsB9D;AACA;AACA;AACA,OAAO,IAAMC,WAAW,GAAG,SAAdA,WAAW,OASA;EAAA,IARtBC,QAAQ,QAARA,QAAQ;IACRC,KAAK,QAALA,KAAK;IACLC,QAAQ,QAARA,QAAQ;IACRC,UAAU,QAAVA,UAAU;IACVC,MAAM,QAANA,MAAM;IACNC,MAAM,QAANA,MAAM;IACNC,SAAS,QAATA,SAAS;IACNC,SAAS;EAEZ,IAAMC,QAAQ,GAAGd,WAAW,EAAE;EAC9B,IAAMe,GAAG,GAAGjB,YAAY,CAACW,UAAU,EAAEC,MAAM,CAAC,CAAC,CAAC;EAC9C,sBAA0Bd,KAAK,CAACoB,QAAQ,CAAqBC,SAAS,CAAC;IAAA;IAAhEC,KAAK;IAAEC,QAAQ;EACtB,cAAmBlB,MAAM,EAAE;IAAnBmB,MAAM,WAANA,MAAM;EACd,wBAAmBxB,KAAK,CAACyB,UAAU,CAAClB,eAAe,CAAC;IAA5CmB,MAAM,qBAANA,MAAM;EACd,IAAMC,QAAQ,GAAG,SAAXA,QAAQ,GAAS;IACrB,IAAID,MAAM,aAANA,MAAM,eAANA,MAAM,CAAEE,OAAO,EAAE;MACnB,IAAMC,aAAa,GAAGC,gBAAgB,CAACJ,MAAM,CAACE,OAAO,CAAC;MAEtDL,QAAQ,WAEJG,MAAM,CAACE,OAAO,CAACG,WAAW,GAC1BC,UAAU,CAACH,aAAa,CAACI,WAAW,CAAC,GACrCD,UAAU,CAACH,aAAa,CAACK,YAAY,CAAC,QAEzC;IACH,CAAC,MAAM;MACLX,QAAQ,CAACF,SAAS,CAAC;IACrB;EACF,CAAC;EACDrB,KAAK,CAACmC,SAAS,CAACR,QAAQ,EAAE,CAACD,MAAM,EAAER,QAAQ,CAAC,CAAC;EAC7Cf,sBAAsB,CAACqB,MAAM,EAAE,QAAQ,EAAEG,QAAQ,CAAC;EAElD,oBACE,oBAAC,gBAAgB,eACXV,SAAS;IACb,KAAK;IACL,GAAG,EAAEE,GAAI;IACT,SAAS,EAAElB,UAAU,oBAEnBiB,QAAQ,KAAKZ,QAAQ,CAAC8B,GAAG,0BAA8B,EACvDrB,MAAM,6BAAiC,EACvCH,QAAQ,IAAIyB,MAAM,iCAA0BzB,QAAQ,EAAG,EACvDI,SAAS,CACT;IACF,KAAK,kCAAOL,KAAK;MAAEW,KAAK,EAALA;IAAK;EAAG,IAE1BZ,QAAQ,CACQ;AAEvB,CAAC;AAAC;EAAA;EAAA;AAAA"}
+{"version":3,"sources":["../../../src/components/FixedLayout/FixedLayout.tsx"],"sourcesContent":["import * as React from 'react';\nimport { classNames } 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 { HasRef, HasRootRef } from '../../types';\nimport { SplitColContext } from '../SplitCol/SplitColContext';\nimport { TooltipContainer } from '../Tooltip/TooltipContainer';\nimport styles from './FixedLayout.module.css';\n\nexport interface FixedLayoutProps\n  extends React.HTMLAttributes<HTMLDivElement>,\n    HasRootRef<HTMLDivElement>,\n    HasRef<HTMLDivElement> {\n  vertical?: 'top' | 'bottom';\n  /**\n   * Это свойство определяет, будет ли фон компонента окрашен в цвет фона контента.\n   * Это часто необходимо для фиксированных кнопок в нижней части экрана.\n   */\n  filled?: boolean;\n}\n\nexport interface FixedLayoutState {\n  position: 'absolute' | null;\n  top: number;\n  bottom: number;\n  width: string;\n}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/FixedLayout\n */\nexport const FixedLayout = ({\n  children,\n  style,\n  vertical,\n  getRootRef,\n  getRef,\n  filled,\n  className,\n  ...restProps\n}: FixedLayoutProps) => {\n  const platform = usePlatform();\n  const ref = useExternRef(getRootRef, getRef); // TODO: v6 удалить getRef\n  const [width, setWidth] = React.useState<string | undefined>(undefined);\n  const { window } = useDOM();\n  const { colRef } = React.useContext(SplitColContext);\n  const doResize = () => {\n    if (colRef?.current) {\n      const computedStyle = getComputedStyle(colRef.current);\n\n      setWidth(\n        `${\n          colRef.current.clientWidth -\n          parseFloat(computedStyle.paddingLeft) -\n          parseFloat(computedStyle.paddingRight)\n        }px`,\n      );\n    } else {\n      setWidth(undefined);\n    }\n  };\n  React.useEffect(doResize, [colRef, platform]);\n  useGlobalEventListener(window, 'resize', doResize);\n\n  return (\n    <TooltipContainer\n      {...restProps}\n      fixed\n      ref={ref}\n      className={classNames(\n        styles['FixedLayout'],\n        platform === Platform.IOS && 'vkuiInternalFixedLayout--ios',\n        filled && styles['FixedLayout--filled'],\n        vertical &&\n          {\n            top: styles['FixedLayout--vertical-top'],\n            bottom: classNames(\n              styles['FixedLayout--vertical-bottom'],\n              'vkuiInternalFixedLayout--vertical-bottom',\n            ),\n          }[vertical],\n        className,\n      )}\n      style={{ ...style, width }}\n    >\n      {children}\n    </TooltipContainer>\n  );\n};\n"],"names":["React","classNames","useExternRef","useGlobalEventListener","usePlatform","useDOM","Platform","SplitColContext","TooltipContainer","FixedLayout","children","style","vertical","getRootRef","getRef","filled","className","restProps","platform","ref","useState","undefined","width","setWidth","window","colRef","useContext","doResize","current","computedStyle","getComputedStyle","clientWidth","parseFloat","paddingLeft","paddingRight","useEffect","fixed","IOS","top","bottom"],"mappings":";;;;AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,UAAU,QAAQ,kBAAkB;AAC7C,SAASC,YAAY,QAAQ,2BAA2B;AACxD,SAASC,sBAAsB,QAAQ,qCAAqC;AAC5E,SAASC,WAAW,QAAQ,0BAA0B;AACtD,SAASC,MAAM,QAAQ,gBAAgB;AACvC,SAASC,QAAQ,QAAQ,qBAAqB;AAE9C,SAASC,eAAe,QAAQ,8BAA8B;AAC9D,SAASC,gBAAgB,QAAQ,8BAA8B;AAsB/D;;CAEC,GACD,OAAO,IAAMC,cAAc,iBASH;QARtBC,kBAAAA,UACAC,eAAAA,OACAC,kBAAAA,UACAC,oBAAAA,YACAC,gBAAAA,QACAC,gBAAAA,QACAC,mBAAAA,WACGC;QAPHP;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;;IAGA,IAAME,WAAWd;IACjB,IAAMe,MAAMjB,aAAaW,YAAYC,SAAS,0BAA0B;IACxE,IAA0Bd,mCAAAA,MAAMoB,QAAQ,CAAqBC,gBAAtDC,QAAmBtB,oBAAZuB,WAAYvB;IAC1B,IAAM,AAAEwB,SAAWnB,SAAXmB;IACR,IAAM,AAAEC,SAAWzB,MAAM0B,UAAU,CAACnB,iBAA5BkB;IACR,IAAME,WAAW,WAAM;QACrB,IAAIF,mBAAAA,oBAAAA,KAAAA,IAAAA,OAAQG,OAAO,EAAE;YACnB,IAAMC,gBAAgBC,iBAAiBL,OAAOG,OAAO;YAErDL,SACE,AAAC,GAIA,OAHCE,OAAOG,OAAO,CAACG,WAAW,GAC1BC,WAAWH,cAAcI,WAAW,IACpCD,WAAWH,cAAcK,YAAY,GACtC;QAEL,OAAO;YACLX,SAASF;QACX,CAAC;IACH;IACArB,MAAMmC,SAAS,CAACR,UAAU;QAACF;QAAQP;KAAS;IAC5Cf,uBAAuBqB,QAAQ,UAAUG;IAEzC,qBACE,oBAACnB,0DACKS;QACJmB,OAAAA,IAAK;QACLjB,KAAKA;QACLH,WAAWf,8BAETiB,aAAaZ,SAAS+B,GAAG,IAAI,gCAC7BtB,qCACAH,YACE,CAAA;YACE0B,GAAG;YACHC,QAAQtC,+CAEN;QAEJ,CAAA,CAAC,CAACW,SAAS,EACbI;QAEFL,OAAO,wCAAKA;YAAOW,OAAAA;;QAElBZ;AAGP,EAAE"}

package/dist/components/FocusTrap/FocusTrap.js

@@ -1,124 +1,107 @@
-import _extends from "@babel/runtime/helpers/extends";
-import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["Component", "onClose", "restoreFocus", "timeout", "getRootRef", "children"];
-import * as React from 'react';
-import { useExternRef } from '../../hooks/useExternRef';
-import { useGlobalEventListener } from '../../hooks/useGlobalEventListener';
-import { useTimeout } from '../../hooks/useTimeout';
-import { FOCUSABLE_ELEMENTS_LIST, Keys, pressedKey } from '../../lib/accessibility';
-import { useDOM } from '../../lib/dom';
-import { useIsomorphicLayoutEffect } from '../../lib/useIsomorphicLayoutEffect';
-import { AppRootContext } from '../AppRoot/AppRootContext';
+import _object_spread from "@swc/helpers/src/_object_spread.mjs";
+import _object_without_properties from "@swc/helpers/src/_object_without_properties.mjs";
+import _sliced_to_array from "@swc/helpers/src/_sliced_to_array.mjs";
+import * as React from "react";
+import { useExternRef } from "../../hooks/useExternRef";
+import { useGlobalEventListener } from "../../hooks/useGlobalEventListener";
+import { useTimeout } from "../../hooks/useTimeout";
+import { FOCUSABLE_ELEMENTS_LIST, Keys, pressedKey } from "../../lib/accessibility";
+import { useDOM } from "../../lib/dom";
+import { useIsomorphicLayoutEffect } from "../../lib/useIsomorphicLayoutEffect";
+import { AppRootContext } from "../AppRoot/AppRootContext";
 var FOCUSABLE_ELEMENTS = FOCUSABLE_ELEMENTS_LIST.join();
 /**
  * @see https://vkcom.github.io/VKUI/#/FocusTrap
- */
-export var FocusTrap = function FocusTrap(_ref) {
-  var _ref$Component = _ref.Component,
-    Component = _ref$Component === void 0 ? 'div' : _ref$Component,
-    onClose = _ref.onClose,
-    _ref$restoreFocus = _ref.restoreFocus,
-    restoreFocus = _ref$restoreFocus === void 0 ? true : _ref$restoreFocus,
-    _ref$timeout = _ref.timeout,
-    timeout = _ref$timeout === void 0 ? 0 : _ref$timeout,
-    getRootRef = _ref.getRootRef,
-    children = _ref.children,
-    restProps = _objectWithoutProperties(_ref, _excluded);
-  var ref = useExternRef(getRootRef);
-  var _useDOM = useDOM(),
-    document = _useDOM.document,
-    window = _useDOM.window;
-  var _React$useState = React.useState(null),
-    _React$useState2 = _slicedToArray(_React$useState, 2),
-    focusableNodes = _React$useState2[0],
-    setFocusableNodes = _React$useState2[1];
-  var _React$useState3 = React.useState(null),
-    _React$useState4 = _slicedToArray(_React$useState3, 2),
-    restoreFocusTo = _React$useState4[0],
-    setRestoreFocusTo = _React$useState4[1];
-
-  // HANDLE TRAP MOUNT
-
-  var _React$useContext = React.useContext(AppRootContext),
-    keyboardInput = _React$useContext.keyboardInput;
-  var focusOnTrapMount = useTimeout(function () {
-    var _ref$current;
-    if (keyboardInput && !((_ref$current = ref.current) !== null && _ref$current !== void 0 && _ref$current.contains(document.activeElement)) && focusableNodes !== null && focusableNodes !== void 0 && focusableNodes.length) {
-      focusableNodes[0].focus();
-    }
-  }, timeout);
-  useIsomorphicLayoutEffect(function () {
-    focusOnTrapMount.set();
-  }, []);
-
-  // HANDLE FOCUSABLE NODES
-
-  useIsomorphicLayoutEffect(function () {
-    if (!ref.current) {
-      return;
-    }
-    var nodes = [];
-    Array.prototype.forEach.call(
-    // eslint-disable-next-line no-restricted-properties
-    ref.current.querySelectorAll(FOCUSABLE_ELEMENTS), function (focusableEl) {
-      var _getComputedStyle = window.getComputedStyle(focusableEl),
-        display = _getComputedStyle.display,
-        visibility = _getComputedStyle.visibility;
-      if (display !== 'none' && visibility !== 'hidden') {
-        nodes.push(focusableEl);
-      }
-    });
-    if (nodes.length === 0) {
-      // Чтобы фокус был хотя бы на родителе
-      nodes.push(ref.current);
-    }
-    setFocusableNodes(nodes);
-  }, [children]);
-
-  // HANDLE TRAP UNMOUNT
-
-  var focusOnTrapUnmount = useTimeout(function () {
-    if (restoreFocusTo) {
-      restoreFocusTo.focus();
-    }
-  }, timeout);
-  useIsomorphicLayoutEffect(function () {
-    if (restoreFocus && document.activeElement) {
-      setRestoreFocusTo(document.activeElement);
-      return function () {
-        focusOnTrapUnmount.set();
-      };
-    }
-    return;
-  }, [restoreFocus]);
-  var onDocumentKeydown = function onDocumentKeydown(e) {
-    if (pressedKey(e) === Keys.TAB && focusableNodes !== null && focusableNodes !== void 0 && focusableNodes.length) {
-      var lastIdx = focusableNodes.length - 1;
-      var targetIdx = focusableNodes.findIndex(function (node) {
-        return node === e.target;
-      });
-      var shouldFocusFirstNode = targetIdx === -1 || targetIdx === lastIdx && !e.shiftKey;
-      if (shouldFocusFirstNode || targetIdx === 0 && e.shiftKey) {
-        e.preventDefault();
-        var node = focusableNodes[shouldFocusFirstNode ? 0 : lastIdx];
-        if (node !== document.activeElement) {
-          node.focus();
+ */ export var FocusTrap = function(_param) {
+    var _param_Component = _param.Component, Component = _param_Component === void 0 ? "div" : _param_Component, onClose = _param.onClose, _param_restoreFocus = _param.restoreFocus, restoreFocus = _param_restoreFocus === void 0 ? true : _param_restoreFocus, _param_timeout = _param.timeout, timeout = _param_timeout === void 0 ? 0 : _param_timeout, getRootRef = _param.getRootRef, children = _param.children, restProps = _object_without_properties(_param, [
+        "Component",
+        "onClose",
+        "restoreFocus",
+        "timeout",
+        "getRootRef",
+        "children"
+    ]);
+    var ref = useExternRef(getRootRef);
+    var _useDOM = useDOM(), document = _useDOM.document, window = _useDOM.window;
+    var _React_useState = _sliced_to_array(React.useState(null), 2), focusableNodes = _React_useState[0], setFocusableNodes = _React_useState[1];
+    var _React_useState1 = _sliced_to_array(React.useState(null), 2), restoreFocusTo = _React_useState1[0], setRestoreFocusTo = _React_useState1[1];
+    // HANDLE TRAP MOUNT
+    var keyboardInput = React.useContext(AppRootContext).keyboardInput;
+    var focusOnTrapMount = useTimeout(function() {
+        var _ref_current;
+        if (keyboardInput && !((_ref_current = ref.current) === null || _ref_current === void 0 ? void 0 : _ref_current.contains(document.activeElement)) && (focusableNodes === null || focusableNodes === void 0 ? void 0 : focusableNodes.length)) {
+            focusableNodes[0].focus();
+        }
+    }, timeout);
+    useIsomorphicLayoutEffect(function() {
+        focusOnTrapMount.set();
+    }, []);
+    // HANDLE FOCUSABLE NODES
+    useIsomorphicLayoutEffect(function() {
+        if (!ref.current) {
+            return;
         }
-        return false;
-      }
-    }
-    if (onClose && pressedKey(e) === Keys.ESCAPE) {
-      onClose();
-    }
-    return true;
-  };
-  useGlobalEventListener(document, 'keydown', onDocumentKeydown, {
-    capture: true
-  });
-  return /*#__PURE__*/React.createElement(Component, _extends({
-    tabIndex: -1,
-    ref: ref
-  }, restProps), children);
+        var nodes = [];
+        Array.prototype.forEach.call(// eslint-disable-next-line no-restricted-properties
+        ref.current.querySelectorAll(FOCUSABLE_ELEMENTS), function(focusableEl) {
+            var _window_getComputedStyle = window.getComputedStyle(focusableEl), display = _window_getComputedStyle.display, visibility = _window_getComputedStyle.visibility;
+            if (display !== "none" && visibility !== "hidden") {
+                nodes.push(focusableEl);
+            }
+        });
+        if (nodes.length === 0) {
+            // Чтобы фокус был хотя бы на родителе
+            nodes.push(ref.current);
+        }
+        setFocusableNodes(nodes);
+    }, [
+        children
+    ]);
+    // HANDLE TRAP UNMOUNT
+    var focusOnTrapUnmount = useTimeout(function() {
+        if (restoreFocusTo) {
+            restoreFocusTo.focus();
+        }
+    }, timeout);
+    useIsomorphicLayoutEffect(function() {
+        if (restoreFocus && document.activeElement) {
+            setRestoreFocusTo(document.activeElement);
+            return function() {
+                focusOnTrapUnmount.set();
+            };
+        }
+        return;
+    }, [
+        restoreFocus
+    ]);
+    var onDocumentKeydown = function(e) {
+        if (pressedKey(e) === Keys.TAB && (focusableNodes === null || focusableNodes === void 0 ? void 0 : focusableNodes.length)) {
+            var lastIdx = focusableNodes.length - 1;
+            var targetIdx = focusableNodes.findIndex(function(node) {
+                return node === e.target;
+            });
+            var shouldFocusFirstNode = targetIdx === -1 || targetIdx === lastIdx && !e.shiftKey;
+            if (shouldFocusFirstNode || targetIdx === 0 && e.shiftKey) {
+                e.preventDefault();
+                var node = focusableNodes[shouldFocusFirstNode ? 0 : lastIdx];
+                if (node !== document.activeElement) {
+                    node.focus();
+                }
+                return false;
+            }
+        }
+        if (onClose && pressedKey(e) === Keys.ESCAPE) {
+            onClose();
+        }
+        return true;
+    };
+    useGlobalEventListener(document, "keydown", onDocumentKeydown, {
+        capture: true
+    });
+    return /*#__PURE__*/ React.createElement(Component, _object_spread({
+        tabIndex: -1,
+        ref: ref
+    }, restProps), children);
 };
+
 //# sourceMappingURL=FocusTrap.js.map

package/dist/components/FocusTrap/FocusTrap.js.map

@@ -1 +1 @@
-{"version":3,"file":"FocusTrap.js","names":["React","useExternRef","useGlobalEventListener","useTimeout","FOCUSABLE_ELEMENTS_LIST","Keys","pressedKey","useDOM","useIsomorphicLayoutEffect","AppRootContext","FOCUSABLE_ELEMENTS","join","FocusTrap","Component","onClose","restoreFocus","timeout","getRootRef","children","restProps","ref","document","window","useState","focusableNodes","setFocusableNodes","restoreFocusTo","setRestoreFocusTo","useContext","keyboardInput","focusOnTrapMount","current","contains","activeElement","length","focus","set","nodes","Array","prototype","forEach","call","querySelectorAll","focusableEl","getComputedStyle","display","visibility","push","focusOnTrapUnmount","onDocumentKeydown","e","TAB","lastIdx","targetIdx","findIndex","node","target","shouldFocusFirstNode","shiftKey","preventDefault","ESCAPE","capture"],"sources":["../../../src/components/FocusTrap/FocusTrap.tsx"],"sourcesContent":["import * as React from 'react';\nimport { useExternRef } from '../../hooks/useExternRef';\nimport { useGlobalEventListener } from '../../hooks/useGlobalEventListener';\nimport { useTimeout } from '../../hooks/useTimeout';\nimport { FOCUSABLE_ELEMENTS_LIST, Keys, pressedKey } from '../../lib/accessibility';\nimport { useDOM } from '../../lib/dom';\nimport { useIsomorphicLayoutEffect } from '../../lib/useIsomorphicLayoutEffect';\nimport { HasComponent, HasRootRef } from '../../types';\nimport { AppRootContext } from '../AppRoot/AppRootContext';\n\nconst FOCUSABLE_ELEMENTS: string = FOCUSABLE_ELEMENTS_LIST.join();\nexport interface FocusTrapProps\n  extends React.AllHTMLAttributes<HTMLElement>,\n    HasRootRef<HTMLElement>,\n    HasComponent {\n  restoreFocus?: boolean;\n  timeout?: number;\n  onClose?(): void;\n}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/FocusTrap\n */\nexport const FocusTrap = ({\n  Component = 'div',\n  onClose,\n  restoreFocus = true,\n  timeout = 0,\n  getRootRef,\n  children,\n  ...restProps\n}: FocusTrapProps) => {\n  const ref = useExternRef<HTMLElement>(getRootRef);\n\n  const { document, window } = useDOM();\n\n  const [focusableNodes, setFocusableNodes] = React.useState<HTMLElement[] | null>(null);\n  const [restoreFocusTo, setRestoreFocusTo] = React.useState<HTMLElement | null>(null);\n\n  // HANDLE TRAP MOUNT\n\n  const { keyboardInput } = React.useContext(AppRootContext);\n  const focusOnTrapMount = useTimeout(() => {\n    if (\n      keyboardInput &&\n      !ref.current?.contains(document!.activeElement) &&\n      focusableNodes?.length\n    ) {\n      focusableNodes[0].focus();\n    }\n  }, timeout);\n  useIsomorphicLayoutEffect(() => {\n    focusOnTrapMount.set();\n  }, []);\n\n  // HANDLE FOCUSABLE NODES\n\n  useIsomorphicLayoutEffect(() => {\n    if (!ref.current) {\n      return;\n    }\n\n    const nodes: HTMLElement[] = [];\n    Array.prototype.forEach.call(\n      // eslint-disable-next-line no-restricted-properties\n      ref.current.querySelectorAll(FOCUSABLE_ELEMENTS),\n      (focusableEl: Element) => {\n        const { display, visibility } = window!.getComputedStyle(focusableEl);\n\n        if (display !== 'none' && visibility !== 'hidden') {\n          nodes.push(focusableEl as HTMLElement);\n        }\n      },\n    );\n\n    if (nodes.length === 0) {\n      // Чтобы фокус был хотя бы на родителе\n      nodes.push(ref.current);\n    }\n\n    setFocusableNodes(nodes);\n  }, [children]);\n\n  // HANDLE TRAP UNMOUNT\n\n  const focusOnTrapUnmount = useTimeout(() => {\n    if (restoreFocusTo) {\n      restoreFocusTo.focus();\n    }\n  }, timeout);\n  useIsomorphicLayoutEffect(() => {\n    if (restoreFocus && document!.activeElement) {\n      setRestoreFocusTo(document!.activeElement as HTMLElement);\n\n      return () => {\n        focusOnTrapUnmount.set();\n      };\n    }\n\n    return;\n  }, [restoreFocus]);\n\n  const onDocumentKeydown = (e: KeyboardEvent) => {\n    if (pressedKey(e) === Keys.TAB && focusableNodes?.length) {\n      const lastIdx = focusableNodes.length - 1;\n      const targetIdx = focusableNodes.findIndex((node) => node === e.target);\n\n      const shouldFocusFirstNode = targetIdx === -1 || (targetIdx === lastIdx && !e.shiftKey);\n\n      if (shouldFocusFirstNode || (targetIdx === 0 && e.shiftKey)) {\n        e.preventDefault();\n\n        const node = focusableNodes[shouldFocusFirstNode ? 0 : lastIdx];\n\n        if (node !== document!.activeElement) {\n          node.focus();\n        }\n\n        return false;\n      }\n    }\n\n    if (onClose && pressedKey(e) === Keys.ESCAPE) {\n      onClose();\n    }\n\n    return true;\n  };\n  useGlobalEventListener(document, 'keydown', onDocumentKeydown, {\n    capture: true,\n  });\n\n  return (\n    <Component tabIndex={-1} ref={ref} {...restProps}>\n      {children}\n    </Component>\n  );\n};\n"],"mappings":"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"}
+{"version":3,"sources":["../../../src/components/FocusTrap/FocusTrap.tsx"],"sourcesContent":["import * as React from 'react';\nimport { useExternRef } from '../../hooks/useExternRef';\nimport { useGlobalEventListener } from '../../hooks/useGlobalEventListener';\nimport { useTimeout } from '../../hooks/useTimeout';\nimport { FOCUSABLE_ELEMENTS_LIST, Keys, pressedKey } from '../../lib/accessibility';\nimport { useDOM } from '../../lib/dom';\nimport { useIsomorphicLayoutEffect } from '../../lib/useIsomorphicLayoutEffect';\nimport { HasComponent, HasRootRef } from '../../types';\nimport { AppRootContext } from '../AppRoot/AppRootContext';\n\nconst FOCUSABLE_ELEMENTS: string = FOCUSABLE_ELEMENTS_LIST.join();\nexport interface FocusTrapProps\n  extends React.AllHTMLAttributes<HTMLElement>,\n    HasRootRef<HTMLElement>,\n    HasComponent {\n  restoreFocus?: boolean;\n  timeout?: number;\n  onClose?(): void;\n}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/FocusTrap\n */\nexport const FocusTrap = ({\n  Component = 'div',\n  onClose,\n  restoreFocus = true,\n  timeout = 0,\n  getRootRef,\n  children,\n  ...restProps\n}: FocusTrapProps) => {\n  const ref = useExternRef<HTMLElement>(getRootRef);\n\n  const { document, window } = useDOM();\n\n  const [focusableNodes, setFocusableNodes] = React.useState<HTMLElement[] | null>(null);\n  const [restoreFocusTo, setRestoreFocusTo] = React.useState<HTMLElement | null>(null);\n\n  // HANDLE TRAP MOUNT\n\n  const { keyboardInput } = React.useContext(AppRootContext);\n  const focusOnTrapMount = useTimeout(() => {\n    if (\n      keyboardInput &&\n      !ref.current?.contains(document!.activeElement) &&\n      focusableNodes?.length\n    ) {\n      focusableNodes[0].focus();\n    }\n  }, timeout);\n  useIsomorphicLayoutEffect(() => {\n    focusOnTrapMount.set();\n  }, []);\n\n  // HANDLE FOCUSABLE NODES\n\n  useIsomorphicLayoutEffect(() => {\n    if (!ref.current) {\n      return;\n    }\n\n    const nodes: HTMLElement[] = [];\n    Array.prototype.forEach.call(\n      // eslint-disable-next-line no-restricted-properties\n      ref.current.querySelectorAll(FOCUSABLE_ELEMENTS),\n      (focusableEl: Element) => {\n        const { display, visibility } = window!.getComputedStyle(focusableEl);\n\n        if (display !== 'none' && visibility !== 'hidden') {\n          nodes.push(focusableEl as HTMLElement);\n        }\n      },\n    );\n\n    if (nodes.length === 0) {\n      // Чтобы фокус был хотя бы на родителе\n      nodes.push(ref.current);\n    }\n\n    setFocusableNodes(nodes);\n  }, [children]);\n\n  // HANDLE TRAP UNMOUNT\n\n  const focusOnTrapUnmount = useTimeout(() => {\n    if (restoreFocusTo) {\n      restoreFocusTo.focus();\n    }\n  }, timeout);\n  useIsomorphicLayoutEffect(() => {\n    if (restoreFocus && document!.activeElement) {\n      setRestoreFocusTo(document!.activeElement as HTMLElement);\n\n      return () => {\n        focusOnTrapUnmount.set();\n      };\n    }\n\n    return;\n  }, [restoreFocus]);\n\n  const onDocumentKeydown = (e: KeyboardEvent) => {\n    if (pressedKey(e) === Keys.TAB && focusableNodes?.length) {\n      const lastIdx = focusableNodes.length - 1;\n      const targetIdx = focusableNodes.findIndex((node) => node === e.target);\n\n      const shouldFocusFirstNode = targetIdx === -1 || (targetIdx === lastIdx && !e.shiftKey);\n\n      if (shouldFocusFirstNode || (targetIdx === 0 && e.shiftKey)) {\n        e.preventDefault();\n\n        const node = focusableNodes[shouldFocusFirstNode ? 0 : lastIdx];\n\n        if (node !== document!.activeElement) {\n          node.focus();\n        }\n\n        return false;\n      }\n    }\n\n    if (onClose && pressedKey(e) === Keys.ESCAPE) {\n      onClose();\n    }\n\n    return true;\n  };\n  useGlobalEventListener(document, 'keydown', onDocumentKeydown, {\n    capture: true,\n  });\n\n  return (\n    <Component tabIndex={-1} ref={ref} {...restProps}>\n      {children}\n    </Component>\n  );\n};\n"],"names":["React","useExternRef","useGlobalEventListener","useTimeout","FOCUSABLE_ELEMENTS_LIST","Keys","pressedKey","useDOM","useIsomorphicLayoutEffect","AppRootContext","FOCUSABLE_ELEMENTS","join","FocusTrap","Component","onClose","restoreFocus","timeout","getRootRef","children","restProps","ref","document","window","useState","focusableNodes","setFocusableNodes","restoreFocusTo","setRestoreFocusTo","keyboardInput","useContext","focusOnTrapMount","current","contains","activeElement","length","focus","set","nodes","Array","prototype","forEach","call","querySelectorAll","focusableEl","getComputedStyle","display","visibility","push","focusOnTrapUnmount","onDocumentKeydown","e","TAB","lastIdx","targetIdx","findIndex","node","target","shouldFocusFirstNode","shiftKey","preventDefault","ESCAPE","capture","tabIndex"],"mappings":"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"}

package/dist/components/FocusVisible/FocusVisible.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-export declare type FocusVisibleMode = 'inside' | 'outside';
+export type FocusVisibleMode = 'inside' | 'outside';
 export interface FocusVisibleProps {
     mode: FocusVisibleMode;
 }

package/dist/components/FocusVisible/FocusVisible.js

@@ -1,17 +1,16 @@
-import * as React from 'react';
-import { classNames } from '@vkontakte/vkjs';
+import * as React from "react";
+import { classNames } from "@vkontakte/vkjs";
 /**
  * @see https://vkcom.github.io/VKUI/#/FocusVisible
- */
-export var FocusVisible = function FocusVisible(_ref) {
-  var mode = _ref.mode;
-  return /*#__PURE__*/React.createElement("span", {
-    "aria-hidden": true,
-    className: classNames("vkuiFocusVisible", styles["FocusVisible--mode-".concat(mode)])
-  });
-};
-var styles = {
-  "FocusVisible--mode-inside": "vkuiFocusVisible--mode-inside",
-  "FocusVisible--mode-outside": "vkuiFocusVisible--mode-outside"
+ */ export var FocusVisible = function(param) {
+    var mode = param.mode;
+    return /*#__PURE__*/ React.createElement("span", {
+        "aria-hidden": true,
+        className: classNames("vkuiFocusVisible", {
+            inside: "vkuiFocusVisible--mode-inside",
+            outside: "vkuiFocusVisible--mode-outside"
+        }[mode])
+    });
 };
+
 //# sourceMappingURL=FocusVisible.js.map

package/dist/components/FocusVisible/FocusVisible.js.map

@@ -1 +1 @@
-{"version":3,"file":"FocusVisible.js","names":["React","classNames","FocusVisible","mode","styles"],"sources":["../../../src/components/FocusVisible/FocusVisible.tsx"],"sourcesContent":["import * as React from 'react';\nimport { classNames } from '@vkontakte/vkjs';\nimport styles from './FocusVisible.module.css';\n\nexport type FocusVisibleMode = 'inside' | 'outside';\n\nexport interface FocusVisibleProps {\n  mode: FocusVisibleMode;\n}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/FocusVisible\n */\nexport const FocusVisible = ({ mode }: FocusVisibleProps) => (\n  <span\n    aria-hidden\n    className={classNames(styles['FocusVisible'], styles[`FocusVisible--mode-${mode}`])}\n  />\n);\n"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,UAAU,QAAQ,iBAAiB;AAS5C;AACA;AACA;AACA,OAAO,IAAMC,YAAY,GAAG,SAAfA,YAAY;EAAA,IAAMC,IAAI,QAAJA,IAAI;EAAA,oBACjC;IACE,mBAAW;IACX,SAAS,EAAEF,UAAU,qBAAyBG,MAAM,8BAAuBD,IAAI,EAAG;EAAE,EACpF;AAAA,CACH;AAAC;EAAA;EAAA;AAAA"}
+{"version":3,"sources":["../../../src/components/FocusVisible/FocusVisible.tsx"],"sourcesContent":["import * as React from 'react';\nimport { classNames } from '@vkontakte/vkjs';\nimport styles from './FocusVisible.module.css';\n\nexport type FocusVisibleMode = 'inside' | 'outside';\n\nexport interface FocusVisibleProps {\n  mode: FocusVisibleMode;\n}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/FocusVisible\n */\nexport const FocusVisible = ({ mode }: FocusVisibleProps) => (\n  <span\n    aria-hidden\n    className={classNames(\n      styles['FocusVisible'],\n      {\n        inside: styles['FocusVisible--mode-inside'],\n        outside: styles['FocusVisible--mode-outside'],\n      }[mode],\n    )}\n  />\n);\n"],"names":["React","classNames","FocusVisible","mode","span","aria-hidden","className","inside","outside"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,UAAU,QAAQ,kBAAkB;AAS7C;;CAEC,GACD,OAAO,IAAMC,eAAe;QAAGC,aAAAA;yBAC7B,oBAACC;QACCC,eAAAA,IAAW;QACXC,WAAWL,+BAET;YACEM,MAAM;YACNC,OAAO;QACT,CAAC,CAACL,KAAK;;EAGX"}

package/dist/components/Footer/Footer.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { HasComponent } from '../../types';
-export declare type FooterProps = React.AllHTMLAttributes<HTMLElement> & HasComponent;
+export type FooterProps = React.AllHTMLAttributes<HTMLElement> & HasComponent;
 /**
  * @see https://vkcom.github.io/VKUI/#/Footer
  */

package/dist/components/Footer/Footer.js

@@ -1,20 +1,21 @@
-import _extends from "@babel/runtime/helpers/extends";
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["children", "className"];
-import * as React from 'react';
-import { classNames } from '@vkontakte/vkjs';
-import { Footnote } from '../Typography/Footnote/Footnote';
+import _object_spread from "@swc/helpers/src/_object_spread.mjs";
+import _object_spread_props from "@swc/helpers/src/_object_spread_props.mjs";
+import _object_without_properties from "@swc/helpers/src/_object_without_properties.mjs";
+import * as React from "react";
+import { classNames } from "@vkontakte/vkjs";
+import { Footnote } from "../Typography/Footnote/Footnote";
 /**
  * @see https://vkcom.github.io/VKUI/#/Footer
- */
-export var Footer = function Footer(_ref) {
-  var children = _ref.children,
-    className = _ref.className,
-    restProps = _objectWithoutProperties(_ref, _excluded);
-  return /*#__PURE__*/React.createElement(Footnote, _extends({
-    Component: "footer"
-  }, restProps, {
-    className: classNames("vkuiFooter", className)
-  }), children);
+ */ export var Footer = function(_param) {
+    var children = _param.children, className = _param.className, restProps = _object_without_properties(_param, [
+        "children",
+        "className"
+    ]);
+    return /*#__PURE__*/ React.createElement(Footnote, _object_spread_props(_object_spread({
+        Component: "footer"
+    }, restProps), {
+        className: classNames("vkuiFooter", className)
+    }), children);
 };
+
 //# sourceMappingURL=Footer.js.map

package/dist/components/Footer/Footer.js.map

@@ -1 +1 @@
-{"version":3,"file":"Footer.js","names":["React","classNames","Footnote","Footer","children","className","restProps"],"sources":["../../../src/components/Footer/Footer.tsx"],"sourcesContent":["import * as React from 'react';\nimport { classNames } from '@vkontakte/vkjs';\nimport { HasComponent } from '../../types';\nimport { Footnote } from '../Typography/Footnote/Footnote';\nimport styles from './Footer.module.css';\n\nexport type FooterProps = React.AllHTMLAttributes<HTMLElement> & HasComponent;\n\n/**\n * @see https://vkcom.github.io/VKUI/#/Footer\n */\nexport const Footer = ({ children, className, ...restProps }: FooterProps) => {\n  return (\n    <Footnote Component=\"footer\" {...restProps} className={classNames(styles['Footer'], className)}>\n      {children}\n    </Footnote>\n  );\n};\n"],"mappings":";;;AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,UAAU,QAAQ,iBAAiB;AAE5C,SAASC,QAAQ,QAAQ,iCAAiC;AAK1D;AACA;AACA;AACA,OAAO,IAAMC,MAAM,GAAG,SAATA,MAAM,OAA2D;EAAA,IAArDC,QAAQ,QAARA,QAAQ;IAAEC,SAAS,QAATA,SAAS;IAAKC,SAAS;EACxD,oBACE,oBAAC,QAAQ;IAAC,SAAS,EAAC;EAAQ,GAAKA,SAAS;IAAE,SAAS,EAAEL,UAAU,eAAmBI,SAAS;EAAE,IAC5FD,QAAQ,CACA;AAEf,CAAC"}
+{"version":3,"sources":["../../../src/components/Footer/Footer.tsx"],"sourcesContent":["import * as React from 'react';\nimport { classNames } from '@vkontakte/vkjs';\nimport { HasComponent } from '../../types';\nimport { Footnote } from '../Typography/Footnote/Footnote';\nimport styles from './Footer.module.css';\n\nexport type FooterProps = React.AllHTMLAttributes<HTMLElement> & HasComponent;\n\n/**\n * @see https://vkcom.github.io/VKUI/#/Footer\n */\nexport const Footer = ({ children, className, ...restProps }: FooterProps) => {\n  return (\n    <Footnote Component=\"footer\" {...restProps} className={classNames(styles['Footer'], className)}>\n      {children}\n    </Footnote>\n  );\n};\n"],"names":["React","classNames","Footnote","Footer","children","className","restProps","Component"],"mappings":";;;AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,UAAU,QAAQ,kBAAkB;AAE7C,SAASC,QAAQ,QAAQ,kCAAkC;AAK3D;;CAEC,GACD,OAAO,IAAMC,SAAS,iBAAwD;QAArDC,kBAAAA,UAAUC,mBAAAA,WAAcC;QAAxBF;QAAUC;;IACjC,qBACE,oBAACH;QAASK,WAAU;OAAaD;QAAWD,WAAWJ,yBAA6BI;QACjFD;AAGP,EAAE"}

package/dist/components/FormField/FormField.js

@@ -1,66 +1,55 @@
-import _extends from "@babel/runtime/helpers/extends";
-import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-var _excluded = ["Component", "status", "children", "getRootRef", "before", "after", "disabled", "mode", "className"];
-import * as React from 'react';
-import { classNames } from '@vkontakte/vkjs';
-import { useAdaptivity } from '../../hooks/useAdaptivity';
-import { SizeType } from '../../lib/adaptivity';
-var sizeYClassNames = _defineProperty({
-  none: "vkuiFormField--sizeY-none"
+import _define_property from "@swc/helpers/src/_define_property.mjs";
+import _object_spread from "@swc/helpers/src/_object_spread.mjs";
+import _object_spread_props from "@swc/helpers/src/_object_spread_props.mjs";
+import _object_without_properties from "@swc/helpers/src/_object_without_properties.mjs";
+import _sliced_to_array from "@swc/helpers/src/_sliced_to_array.mjs";
+import * as React from "react";
+import { classNames } from "@vkontakte/vkjs";
+import { useAdaptivity } from "../../hooks/useAdaptivity";
+import { SizeType } from "../../lib/adaptivity";
+var sizeYClassNames = _define_property({
+    none: "vkuiFormField--sizeY-none"
 }, SizeType.COMPACT, "vkuiFormField--sizeY-compact");
 /**
  * @see https://vkcom.github.io/VKUI/#/FormField
- */
-export var FormField = function FormField(_ref) {
-  var _ref$Component = _ref.Component,
-    Component = _ref$Component === void 0 ? 'span' : _ref$Component,
-    _ref$status = _ref.status,
-    status = _ref$status === void 0 ? 'default' : _ref$status,
-    children = _ref.children,
-    getRootRef = _ref.getRootRef,
-    before = _ref.before,
-    after = _ref.after,
-    disabled = _ref.disabled,
-    _ref$mode = _ref.mode,
-    mode = _ref$mode === void 0 ? 'default' : _ref$mode,
-    className = _ref.className,
-    restProps = _objectWithoutProperties(_ref, _excluded);
-  var _useAdaptivity = useAdaptivity(),
-    _useAdaptivity$sizeY = _useAdaptivity.sizeY,
-    sizeY = _useAdaptivity$sizeY === void 0 ? 'none' : _useAdaptivity$sizeY;
-  var _React$useState = React.useState(false),
-    _React$useState2 = _slicedToArray(_React$useState, 2),
-    hover = _React$useState2[0],
-    setHover = _React$useState2[1];
-  var handleMouseEnter = function handleMouseEnter(e) {
-    e.stopPropagation();
-    setHover(true);
-  };
-  var handleMouseLeave = function handleMouseLeave(e) {
-    e.stopPropagation();
-    setHover(false);
-  };
-  return /*#__PURE__*/React.createElement(Component, _extends({}, restProps, {
-    ref: getRootRef,
-    onMouseEnter: handleMouseEnter,
-    onMouseLeave: handleMouseLeave,
-    className: classNames("vkuiFormField", styles["FormField--mode-".concat(mode)], styles["FormField--status-".concat(status)], sizeY !== SizeType.REGULAR && sizeYClassNames[sizeY], disabled && "vkuiFormField--disabled", !disabled && hover && "vkuiFormField--hover", className)
-  }), before && /*#__PURE__*/React.createElement("span", {
-    className: "vkuiFormField__before"
-  }, before), children, after && /*#__PURE__*/React.createElement("span", {
-    className: "vkuiFormField__after"
-  }, after), /*#__PURE__*/React.createElement("span", {
-    "aria-hidden": true,
-    className: "vkuiFormField__border"
-  }));
-};
-var styles = {
-  "FormField--mode-default": "vkuiFormField--mode-default",
-  "FormField--mode-plain": "vkuiFormField--mode-plain",
-  "FormField--status-error": "vkuiFormField--status-error",
-  "FormField--status-valid": "vkuiFormField--status-valid",
-  "FormField--status-default": "vkuiFormField--status-default"
+ */ export var FormField = function(_param) {
+    var _param_Component = _param.Component, Component = _param_Component === void 0 ? "span" : _param_Component, _param_status = _param.status, status = _param_status === void 0 ? "default" : _param_status, children = _param.children, getRootRef = _param.getRootRef, before = _param.before, after = _param.after, disabled = _param.disabled, _param_mode = _param.mode, mode = _param_mode === void 0 ? "default" : _param_mode, className = _param.className, restProps = _object_without_properties(_param, [
+        "Component",
+        "status",
+        "children",
+        "getRootRef",
+        "before",
+        "after",
+        "disabled",
+        "mode",
+        "className"
+    ]);
+    var _useAdaptivity = useAdaptivity(), _useAdaptivity_sizeY = _useAdaptivity.sizeY, sizeY = _useAdaptivity_sizeY === void 0 ? "none" : _useAdaptivity_sizeY;
+    var _React_useState = _sliced_to_array(React.useState(false), 2), hover = _React_useState[0], setHover = _React_useState[1];
+    var handleMouseEnter = function(e) {
+        e.stopPropagation();
+        setHover(true);
+    };
+    var handleMouseLeave = function(e) {
+        e.stopPropagation();
+        setHover(false);
+    };
+    return /*#__PURE__*/ React.createElement(Component, _object_spread_props(_object_spread({}, restProps), {
+        ref: getRootRef,
+        onMouseEnter: handleMouseEnter,
+        onMouseLeave: handleMouseLeave,
+        className: classNames("vkuiFormField", mode === "default" && "vkuiFormField--mode-default", status !== "default" && ({
+            error: "vkuiFormField--status-error",
+            valid: "vkuiFormField--status-valid"
+        })[status], sizeY !== SizeType.REGULAR && sizeYClassNames[sizeY], disabled && "vkuiFormField--disabled", !disabled && hover && "vkuiFormField--hover", className)
+    }), before && /*#__PURE__*/ React.createElement("span", {
+        className: "vkuiFormField__before"
+    }, before), children, after && /*#__PURE__*/ React.createElement("span", {
+        className: classNames("vkuiFormField__after", "vkuiInternalFormField__after")
+    }, after), /*#__PURE__*/ React.createElement("span", {
+        "aria-hidden": true,
+        className: "vkuiFormField__border"
+    }));
 };
+
 //# sourceMappingURL=FormField.js.map

package/dist/components/FormField/FormField.js.map

@@ -1 +1 @@
-{"version":3,"file":"FormField.js","names":["React","classNames","useAdaptivity","SizeType","sizeYClassNames","none","COMPACT","FormField","Component","status","children","getRootRef","before","after","disabled","mode","className","restProps","sizeY","useState","hover","setHover","handleMouseEnter","e","stopPropagation","handleMouseLeave","styles","REGULAR"],"sources":["../../../src/components/FormField/FormField.tsx"],"sourcesContent":["import * as React from 'react';\nimport { classNames } from '@vkontakte/vkjs';\nimport { useAdaptivity } from '../../hooks/useAdaptivity';\nimport { SizeType } from '../../lib/adaptivity';\nimport { HasComponent, HasRootRef } from '../../types';\nimport styles from './FormField.module.css';\n\nconst sizeYClassNames = {\n  none: styles['FormField--sizeY-none'],\n  [SizeType.COMPACT]: styles['FormField--sizeY-compact'],\n};\n\nexport interface FormFieldProps {\n  status?: 'default' | 'error' | 'valid';\n  /**\n   * Добавляет иконку слева.\n   *\n   * Рекомендации:\n   *\n   * - Используйте следующие размеры иконок `12` | `16` | `20` | `24` | `28`.\n   * - Используйте [IconButton](https://vkcom.github.io/VKUI/#/IconButton), если вам нужна кликабельная иконка.\n   */\n  before?: React.ReactNode;\n  /**\n   * Добавляет иконку справа.\n   *\n   * Рекомендации:\n   *\n   * - Используйте следующие размеры иконок `12` | `16` | `20` | `24` | `28`.\n   * - Используйте [IconButton](https://vkcom.github.io/VKUI/#/IconButton), если вам нужна кликабельная иконка.\n   */\n  after?: React.ReactNode;\n  mode?: 'default' | 'plain';\n}\n\ninterface FormFieldOwnProps\n  extends React.AllHTMLAttributes<HTMLElement>,\n    HasRootRef<HTMLElement>,\n    HasComponent,\n    FormFieldProps {\n  disabled?: boolean;\n}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/FormField\n */\nexport const FormField = ({\n  Component = 'span',\n  status = 'default',\n  children,\n  getRootRef,\n  before,\n  after,\n  disabled,\n  mode = 'default',\n  className,\n  ...restProps\n}: FormFieldOwnProps) => {\n  const { sizeY = 'none' } = useAdaptivity();\n  const [hover, setHover] = React.useState(false);\n\n  const handleMouseEnter = (e: MouseEvent) => {\n    e.stopPropagation();\n    setHover(true);\n  };\n\n  const handleMouseLeave = (e: MouseEvent) => {\n    e.stopPropagation();\n    setHover(false);\n  };\n\n  return (\n    <Component\n      {...restProps}\n      ref={getRootRef}\n      onMouseEnter={handleMouseEnter}\n      onMouseLeave={handleMouseLeave}\n      className={classNames(\n        styles['FormField'],\n        styles[`FormField--mode-${mode}`],\n        styles[`FormField--status-${status}`],\n        sizeY !== SizeType.REGULAR && sizeYClassNames[sizeY],\n        disabled && styles['FormField--disabled'],\n        !disabled && hover && styles['FormField--hover'],\n        className,\n      )}\n    >\n      {before && <span className={styles['FormField__before']}>{before}</span>}\n      {children}\n      {after && <span className={styles['FormField__after']}>{after}</span>}\n      <span aria-hidden className={styles['FormField__border']} />\n    </Component>\n  );\n};\n"],"mappings":";;;;;AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,UAAU,QAAQ,iBAAiB;AAC5C,SAASC,aAAa,QAAQ,2BAA2B;AACzD,SAASC,QAAQ,QAAQ,sBAAsB;AAI/C,IAAMC,eAAe;EACnBC,IAAI;AAAiC,GACpCF,QAAQ,CAACG,OAAO,iCAClB;AAiCD;AACA;AACA;AACA,OAAO,IAAMC,SAAS,GAAG,SAAZA,SAAS,OAWG;EAAA,0BAVvBC,SAAS;IAATA,SAAS,+BAAG,MAAM;IAAA,mBAClBC,MAAM;IAANA,MAAM,4BAAG,SAAS;IAClBC,QAAQ,QAARA,QAAQ;IACRC,UAAU,QAAVA,UAAU;IACVC,MAAM,QAANA,MAAM;IACNC,KAAK,QAALA,KAAK;IACLC,QAAQ,QAARA,QAAQ;IAAA,iBACRC,IAAI;IAAJA,IAAI,0BAAG,SAAS;IAChBC,SAAS,QAATA,SAAS;IACNC,SAAS;EAEZ,qBAA2Bf,aAAa,EAAE;IAAA,sCAAlCgB,KAAK;IAALA,KAAK,qCAAG,MAAM;EACtB,sBAA0BlB,KAAK,CAACmB,QAAQ,CAAC,KAAK,CAAC;IAAA;IAAxCC,KAAK;IAAEC,QAAQ;EAEtB,IAAMC,gBAAgB,GAAG,SAAnBA,gBAAgB,CAAIC,CAAa,EAAK;IAC1CA,CAAC,CAACC,eAAe,EAAE;IACnBH,QAAQ,CAAC,IAAI,CAAC;EAChB,CAAC;EAED,IAAMI,gBAAgB,GAAG,SAAnBA,gBAAgB,CAAIF,CAAa,EAAK;IAC1CA,CAAC,CAACC,eAAe,EAAE;IACnBH,QAAQ,CAAC,KAAK,CAAC;EACjB,CAAC;EAED,oBACE,oBAAC,SAAS,eACJJ,SAAS;IACb,GAAG,EAAEN,UAAW;IAChB,YAAY,EAAEW,gBAAiB;IAC/B,YAAY,EAAEG,gBAAiB;IAC/B,SAAS,EAAExB,UAAU,kBAEnByB,MAAM,2BAAoBX,IAAI,EAAG,EACjCW,MAAM,6BAAsBjB,MAAM,EAAG,EACrCS,KAAK,KAAKf,QAAQ,CAACwB,OAAO,IAAIvB,eAAe,CAACc,KAAK,CAAC,EACpDJ,QAAQ,6BAAiC,EACzC,CAACA,QAAQ,IAAIM,KAAK,0BAA8B,EAChDJ,SAAS;EACT,IAEDJ,MAAM,iBAAI;IAAM,SAAS;EAA8B,GAAEA,MAAM,CAAQ,EACvEF,QAAQ,EACRG,KAAK,iBAAI;IAAM,SAAS;EAA6B,GAAEA,KAAK,CAAQ,eACrE;IAAM,mBAAW;IAAC,SAAS;EAA8B,EAAG,CAClD;AAEhB,CAAC;AAAC;EAAA;EAAA;EAAA;EAAA;EAAA;AAAA"}
+{"version":3,"sources":["../../../src/components/FormField/FormField.tsx"],"sourcesContent":["import * as React from 'react';\nimport { classNames } from '@vkontakte/vkjs';\nimport { useAdaptivity } from '../../hooks/useAdaptivity';\nimport { SizeType } from '../../lib/adaptivity';\nimport { HasComponent, HasRootRef } from '../../types';\nimport styles from './FormField.module.css';\n\nconst sizeYClassNames = {\n  none: styles['FormField--sizeY-none'],\n  [SizeType.COMPACT]: styles['FormField--sizeY-compact'],\n};\n\nexport interface FormFieldProps {\n  status?: 'default' | 'error' | 'valid';\n  /**\n   * Добавляет иконку слева.\n   *\n   * Рекомендации:\n   *\n   * - Используйте следующие размеры иконок `12` | `16` | `20` | `24` | `28`.\n   * - Используйте [IconButton](https://vkcom.github.io/VKUI/#/IconButton), если вам нужна кликабельная иконка.\n   */\n  before?: React.ReactNode;\n  /**\n   * Добавляет иконку справа.\n   *\n   * Рекомендации:\n   *\n   * - Используйте следующие размеры иконок `12` | `16` | `20` | `24` | `28`.\n   * - Используйте [IconButton](https://vkcom.github.io/VKUI/#/IconButton), если вам нужна кликабельная иконка.\n   */\n  after?: React.ReactNode;\n  mode?: 'default' | 'plain';\n}\n\ninterface FormFieldOwnProps\n  extends React.AllHTMLAttributes<HTMLElement>,\n    HasRootRef<HTMLElement>,\n    HasComponent,\n    FormFieldProps {\n  disabled?: boolean;\n}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/FormField\n */\nexport const FormField = ({\n  Component = 'span',\n  status = 'default',\n  children,\n  getRootRef,\n  before,\n  after,\n  disabled,\n  mode = 'default',\n  className,\n  ...restProps\n}: FormFieldOwnProps) => {\n  const { sizeY = 'none' } = useAdaptivity();\n  const [hover, setHover] = React.useState(false);\n\n  const handleMouseEnter = (e: MouseEvent) => {\n    e.stopPropagation();\n    setHover(true);\n  };\n\n  const handleMouseLeave = (e: MouseEvent) => {\n    e.stopPropagation();\n    setHover(false);\n  };\n\n  return (\n    <Component\n      {...restProps}\n      ref={getRootRef}\n      onMouseEnter={handleMouseEnter}\n      onMouseLeave={handleMouseLeave}\n      className={classNames(\n        styles['FormField'],\n        mode === 'default' && styles['FormField--mode-default'],\n        status !== 'default' &&\n          {\n            error: styles['FormField--status-error'],\n            valid: styles['FormField--status-valid'],\n          }[status],\n        sizeY !== SizeType.REGULAR && sizeYClassNames[sizeY],\n        disabled && styles['FormField--disabled'],\n        !disabled && hover && styles['FormField--hover'],\n        className,\n      )}\n    >\n      {before && <span className={styles['FormField__before']}>{before}</span>}\n      {children}\n      {after && (\n        <span className={classNames(styles['FormField__after'], 'vkuiInternalFormField__after')}>\n          {after}\n        </span>\n      )}\n      <span aria-hidden className={styles['FormField__border']} />\n    </Component>\n  );\n};\n"],"names":["React","classNames","useAdaptivity","SizeType","sizeYClassNames","none","COMPACT","FormField","Component","status","children","getRootRef","before","after","disabled","mode","className","restProps","sizeY","useState","hover","setHover","handleMouseEnter","e","stopPropagation","handleMouseLeave","ref","onMouseEnter","onMouseLeave","error","valid","REGULAR","span","aria-hidden"],"mappings":";;;;;AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,UAAU,QAAQ,kBAAkB;AAC7C,SAASC,aAAa,QAAQ,4BAA4B;AAC1D,SAASC,QAAQ,QAAQ,uBAAuB;AAIhD,IAAMC;IACJC,IAAI;GACHF,SAASG,OAAO;AAkCnB;;CAEC,GACD,OAAO,IAAMC,YAAY,iBAWA;kCAVvBC,WAAAA,0CAAY,kDACZC,QAAAA,oCAAS,2BACTC,kBAAAA,UACAC,oBAAAA,YACAC,gBAAAA,QACAC,eAAAA,OACAC,kBAAAA,+BACAC,MAAAA,gCAAO,yBACPC,mBAAAA,WACGC;QATHT;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;;IAGA,IAA2Bd,iBAAAA,wCAAAA,eAAnBgB,OAAAA,0CAAQ;IAChB,IAA0BlB,mCAAAA,MAAMmB,QAAQ,CAAC,KAAK,OAAvCC,QAAmBpB,oBAAZqB,WAAYrB;IAE1B,IAAMsB,mBAAmB,SAACC,GAAkB;QAC1CA,EAAEC,eAAe;QACjBH,SAAS,IAAI;IACf;IAEA,IAAMI,mBAAmB,SAACF,GAAkB;QAC1CA,EAAEC,eAAe;QACjBH,SAAS,KAAK;IAChB;IAEA,qBACE,oBAACb,mDACKS;QACJS,KAAKf;QACLgB,cAAcL;QACdM,cAAcH;QACdT,WAAWf,4BAETc,SAAS,4CACTN,WAAW,aACT,CAAA;YACEoB,KAAK;YACLC,KAAK;QACP,CAAA,CAAC,CAACrB,OAAO,EACXS,UAAUf,SAAS4B,OAAO,IAAI3B,eAAe,CAACc,MAAM,EACpDJ,uCACA,CAACA,YAAYM,iCACbJ;QAGDJ,wBAAU,oBAACoB;QAAKhB,SAAS;OAAgCJ,SACzDF,UACAG,uBACC,oBAACmB;QAAKhB,WAAWf,mCAAuC;OACrDY,sBAGL,oBAACmB;QAAKC,eAAAA,IAAW;QAACjB,SAAS;;AAGjC,EAAE"}