@vkontakte/vkui 4.37.0 → 5.0.0

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

@@ -1 +0,0 @@
-{"version":3,"file":"Dropdown.js","names":["React","useDOM","Popper","FocusTrap","useTimeout","useExternRef","useEventListener","useGlobalEventListener","usePatchChildrenRef","Dropdown","action","shownProp","shown","showDelay","hideDelay","offsetDistance","content","children","style","getRef","onShownChange","restProps","document","hoverable","hovered","useRef","useState","computedShown","setComputedShown","dropdownNode","setPopperNode","styles","patchedPopperRef","childRef","child","setShown","value","showTimeout","hideTimeout","handleTargetEnter","current","clear","set","handleTargetClick","handleTargetLeave","handleContentKeyDownEscape","handleOutsideClick","e","contains","target","targetEnterListener","targetClickEvent","targetLeaveListener","useEffect","add","className","undefined"],"sources":["../../../../src/components/Dropdown/Dropdown.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { useDOM } from \"../../lib/dom\";\nimport { PopperCommonProps, Popper } from \"../Popper/Popper\";\nimport { FocusTrap } from \"../FocusTrap/FocusTrap\";\nimport { useTimeout } from \"../../hooks/useTimeout\";\nimport { useExternRef } from \"../../hooks/useExternRef\";\nimport { useEventListener } from \"../../hooks/useEventListener\";\nimport { useGlobalEventListener } from \"../../hooks/useGlobalEventListener\";\nimport { usePatchChildrenRef } from \"../../hooks/usePatchChildrenRef\";\nimport \"./Dropdown.css\";\n\nexport interface DropdownProps\n  extends Omit<PopperCommonProps, \"arrow\" | \"arrowClassName\"> {\n  /**\n   * Механика вызова всплывающего окна.\n   *\n   * - `\"click\"` – показывается/скрывается только при нажатии.\n   * - `\"hover\"` – помимо нажатия, будет показываться/скрывается при наведении/отведении мыши.\n   *\n   * > ⚠️`\"hover\"` на тач-устройствах будет работать как `\"click\"`, с одним лишь нюансом, что не будет закрываться\n   * > при повторном нажатии на целевой элемент. Для закрытия необходимо нажать на область вне целевого элемента\n   * > и выпадающего окна.\n   */\n  action?: \"click\" | \"hover\";\n  /**\n   * Если передан, то всплывающее окно будет показан/скрыт в зависимости от значения свойства.\n   */\n  shown?: boolean;\n  /**\n   * Количество миллисекунд, после которых произойдёт показ всплывающего окна.\n   *\n   * > Используется только для `action=\"hover\"` при наведении/отведении мыши.\n   */\n  showDelay?: number;\n  /**\n   * Количество миллисекунд, после которых произойдёт скрытие всплывающего окна.\n   *\n   * > Используется только для `action=\"hover\"` при наведении/отведении мыши.\n   */\n  hideDelay?: number;\n  /**\n   * Содержимое всплывающего окна.\n   */\n  content?: React.ReactNode;\n  /**\n   * Целевой элемент. Всплывающее окно появится возле него.\n   *\n   * > ⚠️ Если это пользовательский компонент, то он должен предоставлять параметры либо `getRootRef`, либо `ref` для получения ссылки на DOM-узел.\n   */\n  children?: React.ReactElement;\n  /**\n   * Вызывается при каждом изменении видимости всплывающего окна.\n   */\n  onShownChange?(shown: boolean): void;\n}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/Dropdown\n *\n * TODO v5.0.0 Переименовать в `Popover` (см. https://github.com/VKCOM/VKUI/issues/2523)\n */\nexport const Dropdown = ({\n  action = \"click\",\n  shown: shownProp,\n  showDelay = 150,\n  hideDelay = 150,\n  offsetDistance = 8,\n  content,\n  children,\n  style,\n  getRef,\n  onShownChange,\n  ...restProps\n}: DropdownProps) => {\n  const { document } = useDOM();\n\n  const hoverable = action === \"hover\";\n  const hovered = React.useRef(false);\n  const [computedShown, setComputedShown] = React.useState(shownProp || false);\n  const [dropdownNode, setPopperNode] = React.useState<HTMLElement | null>(\n    null\n  );\n\n  // Reason: Typescript ругается на CSS Custom Properties в объекте\n  // eslint-disable-next-line @typescript-eslint/consistent-type-assertions\n  const styles = {\n    ...style,\n    \"--popover-safe-zone-padding\": `${offsetDistance}px`,\n  } as React.CSSProperties;\n\n  const shown = typeof shownProp === \"boolean\" ? shownProp : computedShown;\n\n  const patchedPopperRef = useExternRef<HTMLDivElement>(setPopperNode, getRef);\n\n  const [childRef, child] = usePatchChildrenRef(children);\n\n  const setShown = (value: boolean) => {\n    if (typeof shownProp !== \"boolean\") {\n      setComputedShown(value);\n    }\n    typeof onShownChange === \"function\" && onShownChange(value);\n  };\n\n  const showTimeout = useTimeout(() => setShown(true), showDelay);\n\n  const hideTimeout = useTimeout(() => setShown(false), hideDelay);\n\n  const handleTargetEnter = () => {\n    hovered.current = true;\n    hideTimeout.clear();\n    showTimeout.set();\n  };\n\n  const handleTargetClick = () => {\n    if (hovered.current && shown) {\n      return;\n    }\n    setShown(!shown);\n  };\n\n  const handleTargetLeave = () => {\n    hovered.current = false;\n    showTimeout.clear();\n    hideTimeout.set();\n  };\n\n  const handleContentKeyDownEscape = () => {\n    setShown(false);\n  };\n\n  const handleOutsideClick = (e: MouseEvent) => {\n    if (\n      dropdownNode &&\n      !childRef.current?.contains(e.target as Node) &&\n      !dropdownNode.contains(e.target as Node)\n    ) {\n      setShown(false);\n    }\n  };\n\n  useGlobalEventListener(document, \"click\", handleOutsideClick);\n  const targetEnterListener = useEventListener(\"mouseenter\", handleTargetEnter);\n  const targetClickEvent = useEventListener(\"click\", handleTargetClick);\n  const targetLeaveListener = useEventListener(\"mouseleave\", handleTargetLeave);\n\n  React.useEffect(() => {\n    if (!childRef.current) {\n      return;\n    }\n\n    targetClickEvent.add(childRef.current);\n\n    if (hoverable) {\n      targetEnterListener.add(childRef.current);\n      targetLeaveListener.add(childRef.current);\n    }\n  }, [\n    childRef,\n    hoverable,\n    targetClickEvent,\n    targetEnterListener,\n    targetLeaveListener,\n  ]);\n\n  return (\n    <React.Fragment>\n      {child}\n      {shown && (\n        <Popper\n          {...restProps}\n          vkuiClass=\"Dropdown\"\n          targetRef={childRef}\n          getRef={patchedPopperRef}\n          offsetDistance={offsetDistance}\n          style={styles}\n          renderContent={({ className }) => (\n            <FocusTrap\n              vkuiClass={className}\n              onClose={handleContentKeyDownEscape}\n            >\n              {content}\n            </FocusTrap>\n          )}\n          onMouseOver={hoverable ? hideTimeout.clear : undefined}\n          onMouseOut={hoverable ? handleTargetLeave : undefined}\n        />\n      )}\n    </React.Fragment>\n  );\n};\n"],"mappings":"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"}

package/dist/cssm/components/FormStatus/FormStatus.css

@@ -1,3 +0,0 @@
-.vkuiFormStatus{background:#f2f3f5;background:var(--field_background,var(--vkui--color_field_background));border-radius:10px;color:#6d7885;color:var(--text_subhead,var(--vkui--color_text_subhead));padding:12px}.vkuiFormStatus b:first-child,.vkuiFormStatus__header{color:#000;color:var(--text_primary,var(--vkui--color_text_primary))}.vkuiFormStatus b:first-child,.vkuiFormStatus__header:not(:last-child){margin-bottom:2px}.vkuiFormStatus--error{background:#faebeb;background:var(
-    --field_error_background,var(--vkui--color_background_negative_tint)
-  );color:#e64646;color:var(--field_error_border,var(--vkui--color_text_negative))}.vkuiFormStatus--error .vkuiFormStatus b:first-child,.vkuiFormStatus--error .vkuiFormStatus__header{color:currentColor}.vkuiFormStatus b:first-child{display:block;font-size:16px;font-weight:500;line-height:20px}

package/dist/cssm/components/FormStatus/FormStatus.d.ts

@@ -1,11 +0,0 @@
-import * as React from "react";
-import "./FormStatus.css";
-export interface FormStatusProps extends React.HTMLAttributes<HTMLDivElement> {
-    mode?: "default" | "error";
-    header?: React.ReactNode;
-}
-/**
- * @deprecated Этот компонент устарел и будет удален в v5.0.0. Используйте [`Banner`](#/Banner).
- * @see https://vkcom.github.io/VKUI/#/FormStatus
- */
-export declare const FormStatus: ({ mode, header, children, dangerouslySetInnerHTML, ...restProps }: FormStatusProps) => JSX.Element;

package/dist/cssm/components/FormStatus/FormStatus.js

@@ -1,33 +0,0 @@
-import _extends from "@babel/runtime/helpers/extends";
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["mode", "header", "children", "dangerouslySetInnerHTML"];
-import { createScopedElement } from "../../lib/jsxRuntime";
-import { classNames } from "../../lib/classNames";
-import { Headline } from "../Typography/Headline/Headline";
-import { Caption } from "../Typography/Caption/Caption";
-import { hasReactNode } from "../../lib/utils";
-import "./FormStatus.css";
-
-/* TODO: v5.0.0 удалить */
-
-/**
- * @deprecated Этот компонент устарел и будет удален в v5.0.0. Используйте [`Banner`](#/Banner).
- * @see https://vkcom.github.io/VKUI/#/FormStatus
- */
-export var FormStatus = function FormStatus(_ref) {
-  var mode = _ref.mode,
-      header = _ref.header,
-      children = _ref.children,
-      dangerouslySetInnerHTML = _ref.dangerouslySetInnerHTML,
-      restProps = _objectWithoutProperties(_ref, _excluded);
-
-  return createScopedElement("div", _extends({}, restProps, {
-    vkuiClass: classNames("FormStatus", "FormStatus--".concat(mode))
-  }), hasReactNode(header) && createScopedElement(Headline, {
-    weight: "2",
-    vkuiClass: "FormStatus__header"
-  }, header), dangerouslySetInnerHTML && createScopedElement(Caption, {
-    dangerouslySetInnerHTML: dangerouslySetInnerHTML
-  }), hasReactNode(children) && !dangerouslySetInnerHTML && createScopedElement(Caption, null, children));
-};
-//# sourceMappingURL=FormStatus.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"FormStatus.js","names":["classNames","Headline","Caption","hasReactNode","FormStatus","mode","header","children","dangerouslySetInnerHTML","restProps"],"sources":["../../../../src/components/FormStatus/FormStatus.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { classNames } from \"../../lib/classNames\";\nimport { Headline } from \"../Typography/Headline/Headline\";\nimport { Caption } from \"../Typography/Caption/Caption\";\nimport { hasReactNode } from \"../../lib/utils\";\nimport \"./FormStatus.css\";\n\nexport interface FormStatusProps extends React.HTMLAttributes<HTMLDivElement> {\n  mode?: \"default\" | \"error\";\n  header?: React.ReactNode;\n}\n\n/* TODO: v5.0.0 удалить */\n\n/**\n * @deprecated Этот компонент устарел и будет удален в v5.0.0. Используйте [`Banner`](#/Banner).\n * @see https://vkcom.github.io/VKUI/#/FormStatus\n */\nexport const FormStatus = ({\n  mode,\n  header,\n  children,\n  dangerouslySetInnerHTML,\n  ...restProps\n}: FormStatusProps) => {\n  return (\n    <div\n      {...restProps}\n      vkuiClass={classNames(\"FormStatus\", `FormStatus--${mode}`)}\n    >\n      {hasReactNode(header) && (\n        <Headline weight=\"2\" vkuiClass=\"FormStatus__header\">\n          {header}\n        </Headline>\n      )}\n      {dangerouslySetInnerHTML && (\n        <Caption dangerouslySetInnerHTML={dangerouslySetInnerHTML} />\n      )}\n      {hasReactNode(children) && !dangerouslySetInnerHTML && (\n        <Caption>{children}</Caption>\n      )}\n    </div>\n  );\n};\n"],"mappings":";;;;AACA,SAASA,UAAT;AACA,SAASC,QAAT;AACA,SAASC,OAAT;AACA,SAASC,YAAT;AACA;;AAOA;;AAEA;AACA;AACA;AACA;AACA,OAAO,IAAMC,UAAU,GAAG,SAAbA,UAAa,OAMH;EAAA,IALrBC,IAKqB,QALrBA,IAKqB;EAAA,IAJrBC,MAIqB,QAJrBA,MAIqB;EAAA,IAHrBC,QAGqB,QAHrBA,QAGqB;EAAA,IAFrBC,uBAEqB,QAFrBA,uBAEqB;EAAA,IADlBC,SACkB;;EACrB,OACE,wCACMA,SADN;IAEE,SAAS,EAAET,UAAU,CAAC,YAAD,wBAA8BK,IAA9B;EAFvB,IAIGF,YAAY,CAACG,MAAD,CAAZ,IACC,oBAAC,QAAD;IAAU,MAAM,EAAC,GAAjB;IAAqB,SAAS,EAAC;EAA/B,GACGA,MADH,CALJ,EASGE,uBAAuB,IACtB,oBAAC,OAAD;IAAS,uBAAuB,EAAEA;EAAlC,EAVJ,EAYGL,YAAY,CAACI,QAAD,CAAZ,IAA0B,CAACC,uBAA3B,IACC,oBAAC,OAAD,QAAUD,QAAV,CAbJ,CADF;AAkBD,CAzBM"}

package/dist/cssm/components/InitialsAvatar/InitialsAvatar.css

@@ -1 +0,0 @@
-.vkuiInitialsAvatar{background-color:#99a2ad;background-image:linear-gradient(135deg,#b1b6bd,#99a2ad)}.vkuiInitialsAvatar--color-red{background-color:#e52e40;background-image:linear-gradient(135deg,#ff7583,#e52e40)}.vkuiInitialsAvatar--color-pink{background-color:#e62e6b;background-image:linear-gradient(135deg,#ff8880,#e62e6b)}.vkuiInitialsAvatar--color-orange{background-color:#e66b2e;background-image:linear-gradient(135deg,#ffbf80,#e66b2e)}.vkuiInitialsAvatar--color-yellow{background-color:#e7a902;background-image:linear-gradient(135deg,#ffd54f,#e7a902)}.vkuiInitialsAvatar--color-green{background-color:#6cd97e;background-image:linear-gradient(135deg,#6cd97e,#12b212)}.vkuiInitialsAvatar--color-l-blue{background-color:#2bb4d6;background-image:linear-gradient(135deg,#7df1fa,#2bb4d6)}.vkuiInitialsAvatar--color-blue{background-color:#3f8ae0;background-image:linear-gradient(135deg,#6cf,#3f8ae0)}.vkuiInitialsAvatar--color-violet{background-color:#8f3fe0;background-image:linear-gradient(135deg,#d3a6ff,#8f3fe0)}.vkuiInitialsAvatar__text{color:#fff;color:var(--white,var(--vkui--color_text_contrast));font-family:VK Sans Display,-apple-system,system-ui,Helvetica Neue,Roboto,sans-serif;font-family:var(--font-display);font-weight:600;text-align:center;text-transform:uppercase}

package/dist/cssm/components/InitialsAvatar/InitialsAvatar.d.ts

@@ -1,35 +0,0 @@
-import * as React from "react";
-import { HasRootRef } from "../../types";
-import { AvatarProps } from "../Avatar/Avatar";
-import "./InitialsAvatar.css";
-/**
- * Градиенты, которые можно использовать в алгоритме поиска градиентов по числовому идентификатору пользователя.
- * @example user.id % 6 + 1
- */
-export declare type InitialsAvatarNumberGradients = 1 | 2 | 3 | 4 | 5 | 6;
-export declare type InitialsAvatarTextGradients = "red" | "pink" | "orange" | "yellow" | "green" | "l-blue" | "blue" | "violet";
-export interface InitialsAvatarProps extends React.HTMLAttributes<HTMLDivElement>, HasRootRef<HTMLDivElement>, Pick<AvatarProps, "size" | "shadow" | "badge"> {
-    children?: React.ReactNode;
-    /**
-     * `'red' | 'pink' | 'orange' | 'yellow' | 'green' | 'l-blue' | 'blue' | 'violet'`
-     *
-     * Если передано число, то оно будет сконвертировано в строчное представление цвета по следующей схеме:
-     *
-     * 1: 'red'
-     *
-     * 2: 'orange'
-     *
-     * 3: 'yellow'
-     *
-     * 4: 'green'
-     *
-     * 5: 'l-blue'
-     *
-     * 6: 'violet'
-     */
-    gradientColor?: InitialsAvatarNumberGradients | InitialsAvatarTextGradients;
-}
-/**
- * @see https://vkcom.github.io/VKUI/#/InitialsAvatar
- */
-export declare const InitialsAvatar: ({ size, children, gradientColor, style, ...restProps }: InitialsAvatarProps) => JSX.Element;

package/dist/cssm/components/InitialsAvatar/InitialsAvatar.js

@@ -1,53 +0,0 @@
-import _extends from "@babel/runtime/helpers/extends";
-import _objectSpread from "@babel/runtime/helpers/objectSpread2";
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["size", "children", "gradientColor", "style"];
-import { createScopedElement } from "../../lib/jsxRuntime";
-import { classNames } from "../../lib/classNames";
-import { AVATAR_DEFAULT_SIZE, Avatar } from "../Avatar/Avatar";
-import "./InitialsAvatar.css";
-/**
- * Градиенты, которые можно использовать в алгоритме поиска градиентов по числовому идентификатору пользователя.
- * @example user.id % 6 + 1
- */
-
-var COLORS_NUMBER_TO_TEXT_MAP = {
-  1: "red",
-  2: "orange",
-  3: "yellow",
-  4: "green",
-  5: "l-blue",
-  6: "violet"
-};
-
-function getInitialsFontSize(avatarSize) {
-  var calculatedFontSize = Math.ceil(avatarSize * 0.36);
-  var evenFix = calculatedFontSize % 2;
-  return calculatedFontSize + evenFix;
-}
-/**
- * @see https://vkcom.github.io/VKUI/#/InitialsAvatar
- */
-
-
-export var InitialsAvatar = function InitialsAvatar(_ref) {
-  var _ref$size = _ref.size,
-      size = _ref$size === void 0 ? AVATAR_DEFAULT_SIZE : _ref$size,
-      children = _ref.children,
-      gradientColor = _ref.gradientColor,
-      style = _ref.style,
-      restProps = _objectWithoutProperties(_ref, _excluded);
-
-  var gradientName = typeof gradientColor === "string" ? gradientColor : gradientColor && COLORS_NUMBER_TO_TEXT_MAP[gradientColor];
-  return createScopedElement(Avatar, _extends({}, restProps, {
-    style: _objectSpread(_objectSpread({}, style), {}, {
-      fontSize: getInitialsFontSize(size)
-    }),
-    size: size,
-    vkuiClass: classNames("InitialsAvatar", "InitialsAvatar--color-".concat(gradientName))
-  }), createScopedElement("span", {
-    "aria-hidden": "true",
-    vkuiClass: "InitialsAvatar__text"
-  }, children));
-};
-//# sourceMappingURL=InitialsAvatar.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"InitialsAvatar.js","names":["classNames","AVATAR_DEFAULT_SIZE","Avatar","COLORS_NUMBER_TO_TEXT_MAP","getInitialsFontSize","avatarSize","calculatedFontSize","Math","ceil","evenFix","InitialsAvatar","size","children","gradientColor","style","restProps","gradientName","fontSize"],"sources":["../../../../src/components/InitialsAvatar/InitialsAvatar.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { HasRootRef } from \"../../types\";\nimport { classNames } from \"../../lib/classNames\";\nimport { AVATAR_DEFAULT_SIZE, Avatar, AvatarProps } from \"../Avatar/Avatar\";\nimport \"./InitialsAvatar.css\";\n\n/**\n * Градиенты, которые можно использовать в алгоритме поиска градиентов по числовому идентификатору пользователя.\n * @example user.id % 6 + 1\n */\nexport type InitialsAvatarNumberGradients = 1 | 2 | 3 | 4 | 5 | 6;\nexport type InitialsAvatarTextGradients =\n  | \"red\"\n  | \"pink\"\n  | \"orange\"\n  | \"yellow\"\n  | \"green\"\n  | \"l-blue\"\n  | \"blue\"\n  | \"violet\";\n\nexport interface InitialsAvatarProps\n  extends React.HTMLAttributes<HTMLDivElement>,\n    HasRootRef<HTMLDivElement>,\n    Pick<AvatarProps, \"size\" | \"shadow\" | \"badge\"> {\n  children?: React.ReactNode;\n  /**\n   * `'red' | 'pink' | 'orange' | 'yellow' | 'green' | 'l-blue' | 'blue' | 'violet'`\n   *\n   * Если передано число, то оно будет сконвертировано в строчное представление цвета по следующей схеме:\n   *\n   * 1: 'red'\n   *\n   * 2: 'orange'\n   *\n   * 3: 'yellow'\n   *\n   * 4: 'green'\n   *\n   * 5: 'l-blue'\n   *\n   * 6: 'violet'\n   */\n  gradientColor?: InitialsAvatarNumberGradients | InitialsAvatarTextGradients;\n}\n\nconst COLORS_NUMBER_TO_TEXT_MAP: Record<\n  InitialsAvatarNumberGradients,\n  InitialsAvatarTextGradients\n> = {\n  1: \"red\",\n  2: \"orange\",\n  3: \"yellow\",\n  4: \"green\",\n  5: \"l-blue\",\n  6: \"violet\",\n};\n\nfunction getInitialsFontSize(avatarSize: number) {\n  const calculatedFontSize = Math.ceil(avatarSize * 0.36);\n  const evenFix = calculatedFontSize % 2;\n  return calculatedFontSize + evenFix;\n}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/InitialsAvatar\n */\nexport const InitialsAvatar = ({\n  size = AVATAR_DEFAULT_SIZE,\n  children,\n  gradientColor,\n  style,\n  ...restProps\n}: InitialsAvatarProps) => {\n  const gradientName =\n    typeof gradientColor === \"string\"\n      ? gradientColor\n      : gradientColor && COLORS_NUMBER_TO_TEXT_MAP[gradientColor];\n\n  return (\n    <Avatar\n      {...restProps}\n      style={{\n        ...style,\n        fontSize: getInitialsFontSize(size),\n      }}\n      size={size}\n      vkuiClass={classNames(\n        \"InitialsAvatar\",\n        `InitialsAvatar--color-${gradientName}`\n      )}\n    >\n      <span aria-hidden=\"true\" vkuiClass=\"InitialsAvatar__text\">\n        {children}\n      </span>\n    </Avatar>\n  );\n};\n"],"mappings":";;;;;AAEA,SAASA,UAAT;AACA,SAASC,mBAAT,EAA8BC,MAA9B;AACA;AAEA;AACA;AACA;AACA;;AAqCA,IAAMC,yBAGL,GAAG;EACF,GAAG,KADD;EAEF,GAAG,QAFD;EAGF,GAAG,QAHD;EAIF,GAAG,OAJD;EAKF,GAAG,QALD;EAMF,GAAG;AAND,CAHJ;;AAYA,SAASC,mBAAT,CAA6BC,UAA7B,EAAiD;EAC/C,IAAMC,kBAAkB,GAAGC,IAAI,CAACC,IAAL,CAAUH,UAAU,GAAG,IAAvB,CAA3B;EACA,IAAMI,OAAO,GAAGH,kBAAkB,GAAG,CAArC;EACA,OAAOA,kBAAkB,GAAGG,OAA5B;AACD;AAED;AACA;AACA;;;AACA,OAAO,IAAMC,cAAc,GAAG,SAAjBA,cAAiB,OAMH;EAAA,qBALzBC,IAKyB;EAAA,IALzBA,IAKyB,0BALlBV,mBAKkB;EAAA,IAJzBW,QAIyB,QAJzBA,QAIyB;EAAA,IAHzBC,aAGyB,QAHzBA,aAGyB;EAAA,IAFzBC,KAEyB,QAFzBA,KAEyB;EAAA,IADtBC,SACsB;;EACzB,IAAMC,YAAY,GAChB,OAAOH,aAAP,KAAyB,QAAzB,GACIA,aADJ,GAEIA,aAAa,IAAIV,yBAAyB,CAACU,aAAD,CAHhD;EAKA,OACE,oBAAC,MAAD,eACME,SADN;IAEE,KAAK,kCACAD,KADA;MAEHG,QAAQ,EAAEb,mBAAmB,CAACO,IAAD;IAF1B,EAFP;IAME,IAAI,EAAEA,IANR;IAOE,SAAS,EAAEX,UAAU,CACnB,gBADmB,kCAEMgB,YAFN;EAPvB,IAYE;IAAM,eAAY,MAAlB;IAAyB,SAAS,EAAC;EAAnC,GACGJ,QADH,CAZF,CADF;AAkBD,CA9BM"}

package/dist/cssm/components/SimpleCheckbox/SimpleCheckbox.css

@@ -1 +0,0 @@
-.vkuiSimpleCheckbox{border-radius:50%;display:block;height:24px;margin:-10px;padding:10px;width:24px}.vkuiSimpleCheckbox__input{-webkit-appearance:none;-moz-appearance:none;appearance:none;position:absolute}.vkuiSimpleCheckbox__container{align-items:flex-start;display:flex;justify-content:flex-start}.vkuiSimpleCheckbox__icon{border-radius:4px;box-sizing:border-box;display:flex;flex-shrink:0;margin:0}.vkuiSimpleCheckbox__icon--indeterminate,.vkuiSimpleCheckbox__icon--on{color:#2688eb;color:var(--accent);display:none}.vkuiSimpleCheckbox__icon--off{color:#b8c1cc;color:var(--icon_tertiary)}.vkuiSimpleCheckbox__input:checked~.vkuiSimpleCheckbox__container .vkuiSimpleCheckbox__icon--on{display:flex}.vkuiSimpleCheckbox__input:checked~.vkuiSimpleCheckbox__container .vkuiSimpleCheckbox__icon--off,.vkuiSimpleCheckbox__input:indeterminate~.vkuiSimpleCheckbox__container .vkuiSimpleCheckbox__icon--indeterminate{display:none}.vkuiSimpleCheckbox__input:indeterminate~.vkuiSimpleCheckbox__container .vkuiSimpleCheckbox__icon--indeterminate{display:flex}.vkuiSimpleCheckbox__input:indeterminate~.vkuiSimpleCheckbox__container .vkuiSimpleCheckbox__icon--off,.vkuiSimpleCheckbox__input:indeterminate~.vkuiSimpleCheckbox__container .vkuiSimpleCheckbox__icon--on{display:none}.vkuiSimpleCheckbox__input[disabled]~.vkuiSimpleCheckbox__container{opacity:.6}.vkuiSimpleCheckbox--android.vkuiSimpleCheckbox--sizeY-compact,.vkuiSimpleCheckbox--ios.vkuiSimpleCheckbox--sizeY-compact{height:20px;margin:-8px;padding:8px;width:20px}.vkuiSimpleCheckbox--vkcom{border-radius:4px;height:22px;margin:0;padding:0;width:22px}.vkuiSimpleCheckbox--vkcom .vkuiSimpleCheckbox__activeShadow,.vkuiSimpleCheckbox--vkcom .vkuiSimpleCheckbox__hoverShadow{border-radius:inherit;bottom:0;height:16px;left:0;margin:3px;overflow:hidden;pointer-events:none;position:absolute;right:0;top:0;transition:inherit;width:16px}.vkuiSimpleCheckbox--vkcom.vkuiSimpleCheckbox--active .vkuiSimpleCheckbox__activeShadow{background-color:rgba(0,0,0,.08);background-color:var(--background_highlighted)}.vkuiSimpleCheckbox--vkcom.vkuiSimpleCheckbox--hover .vkuiSimpleCheckbox__hoverShadow{background-color:rgba(0,0,0,.04);background-color:var(--background_hover)}.vkuiSimpleCheckbox--vkcom .vkuiSimpleCheckbox__icon{border-radius:3px;border-width:1px;padding:1px}.vkuiSimpleCheckbox--vkcom .vkuiSimpleCheckbox__input[disabled]~.vkuiSimpleCheckbox__container{opacity:.4}

package/dist/cssm/components/SimpleCheckbox/SimpleCheckbox.d.ts

@@ -1,12 +0,0 @@
-import * as React from "react";
-import { HasRef, HasRootRef } from "../../types";
-import "./SimpleCheckbox.css";
-export interface SimpleCheckboxProps extends React.InputHTMLAttributes<HTMLInputElement>, HasRootRef<HTMLLabelElement>, HasRef<HTMLInputElement> {
-    indeterminate?: boolean;
-    defaultIndeterminate?: boolean;
-}
-/**
- * @deprecated Этот компонент устарел и будет удален в 5.0.0. Используйте [`Checkbox`](https://vkcom.github.io/VKUI/#/Checkbox).
- * @see https://vkcom.github.io/VKUI/#/SimpleCheckbox
- */
-export declare const SimpleCheckbox: ({ className, style, getRootRef, getRef, indeterminate, defaultIndeterminate, onChange, ...restProps }: SimpleCheckboxProps) => JSX.Element;

package/dist/cssm/components/SimpleCheckbox/SimpleCheckbox.js

@@ -1,106 +0,0 @@
-import _extends from "@babel/runtime/helpers/extends";
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["className", "style", "getRootRef", "getRef", "indeterminate", "defaultIndeterminate", "onChange"];
-import { createScopedElement } from "../../lib/jsxRuntime";
-import * as React from "react";
-import { ACTIVE_EFFECT_DELAY, Tappable } from "../Tappable/Tappable";
-import { getClassName } from "../../helpers/getClassName";
-import { classNames } from "../../lib/classNames";
-import { IOS, VKCOM } from "../../lib/platform";
-import { Icon20CheckBoxOn, Icon20CheckBoxOff, Icon24CheckBoxOn, Icon24CheckBoxOff, Icon20CheckBoxIndetermanate } from "@vkontakte/icons";
-import { usePlatform } from "../../hooks/usePlatform";
-import { useAdaptivity } from "../../hooks/useAdaptivity";
-import { useExternRef } from "../../hooks/useExternRef";
-import { SizeType } from "../../hoc/withAdaptivity";
-import { warnOnce } from "../../lib/warnOnce";
-import "./SimpleCheckbox.css";
-var warn = warnOnce("SimpleCheckbox");
-var IS_DEV = process.env.NODE_ENV === "development";
-
-/**
- * @deprecated Этот компонент устарел и будет удален в 5.0.0. Используйте [`Checkbox`](https://vkcom.github.io/VKUI/#/Checkbox).
- * @see https://vkcom.github.io/VKUI/#/SimpleCheckbox
- */
-export var SimpleCheckbox = function SimpleCheckbox(_ref) {
-  var className = _ref.className,
-      style = _ref.style,
-      getRootRef = _ref.getRootRef,
-      getRef = _ref.getRef,
-      indeterminate = _ref.indeterminate,
-      defaultIndeterminate = _ref.defaultIndeterminate,
-      onChange = _ref.onChange,
-      restProps = _objectWithoutProperties(_ref, _excluded);
-
-  var _useAdaptivity = useAdaptivity(),
-      sizeY = _useAdaptivity.sizeY;
-
-  var platform = usePlatform();
-  var inputRef = useExternRef(getRef);
-  React.useEffect(function () {
-    var indeterminateValue = indeterminate === undefined ? defaultIndeterminate : indeterminate;
-
-    if (inputRef.current) {
-      inputRef.current.indeterminate = Boolean(indeterminateValue);
-    }
-  }, [defaultIndeterminate, indeterminate, inputRef]);
-  var handleChange = React.useCallback(function (event) {
-    if (defaultIndeterminate !== undefined && indeterminate === undefined && restProps.checked === undefined && inputRef.current) {
-      inputRef.current.indeterminate = false;
-    }
-
-    if (indeterminate !== undefined && inputRef.current) {
-      inputRef.current.indeterminate = indeterminate;
-    }
-
-    onChange && onChange(event);
-  }, [defaultIndeterminate, indeterminate, restProps.checked, onChange, inputRef]);
-
-  if (IS_DEV) {
-    if (defaultIndeterminate && restProps.defaultChecked) {
-      warn("defaultIndeterminate и defaultChecked не могут быть true одновременно", "error");
-    }
-
-    if (indeterminate && restProps.checked) {
-      warn("indeterminate и checked не могут быть true одновременно", "error");
-    }
-
-    if (restProps.defaultChecked && restProps.checked) {
-      warn("defaultChecked и checked не могут быть true одновременно", "error");
-    }
-  }
-
-  return createScopedElement(Tappable, {
-    Component: "label",
-    vkuiClass: classNames(getClassName("SimpleCheckbox", platform), "SimpleCheckbox--sizeY-".concat(sizeY)),
-    className: className,
-    style: style,
-    disabled: restProps.disabled,
-    activeMode: platform === VKCOM ? "SimpleCheckbox--active" : "background",
-    hoverMode: platform === VKCOM ? "SimpleCheckbox--hover" : "background",
-    activeEffectDelay: platform === IOS ? 100 : ACTIVE_EFFECT_DELAY,
-    getRootRef: getRootRef
-  }, createScopedElement("input", _extends({}, restProps, {
-    onChange: handleChange,
-    type: "checkbox",
-    vkuiClass: "SimpleCheckbox__input",
-    ref: inputRef
-  })), createScopedElement("div", {
-    vkuiClass: "SimpleCheckbox__container"
-  }, createScopedElement("div", {
-    vkuiClass: "SimpleCheckbox__icon SimpleCheckbox__icon--on"
-  }, sizeY === SizeType.COMPACT || platform === VKCOM ? createScopedElement(Icon20CheckBoxOn, null) : createScopedElement(Icon24CheckBoxOn, null)), createScopedElement("div", {
-    vkuiClass: "SimpleCheckbox__icon SimpleCheckbox__icon--off"
-  }, sizeY === SizeType.COMPACT || platform === VKCOM ? createScopedElement(Icon20CheckBoxOff, null) : createScopedElement(Icon24CheckBoxOff, null)), createScopedElement("div", {
-    vkuiClass: "SimpleCheckbox__icon SimpleCheckbox__icon--indeterminate"
-  }, createScopedElement(Icon20CheckBoxIndetermanate, {
-    width: sizeY === SizeType.COMPACT || platform === VKCOM ? 20 : 24,
-    height: sizeY === SizeType.COMPACT || platform === VKCOM ? 20 : 24
-  }))), platform === VKCOM && createScopedElement("div", {
-    "aria-hidden": true,
-    vkuiClass: "SimpleCheckbox__activeShadow"
-  }), platform === VKCOM && createScopedElement("div", {
-    "aria-hidden": true,
-    vkuiClass: "SimpleCheckbox__hoverShadow"
-  }));
-};
-//# sourceMappingURL=SimpleCheckbox.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"SimpleCheckbox.js","names":["React","ACTIVE_EFFECT_DELAY","Tappable","getClassName","classNames","IOS","VKCOM","Icon20CheckBoxOn","Icon20CheckBoxOff","Icon24CheckBoxOn","Icon24CheckBoxOff","Icon20CheckBoxIndetermanate","usePlatform","useAdaptivity","useExternRef","SizeType","warnOnce","warn","IS_DEV","process","env","NODE_ENV","SimpleCheckbox","className","style","getRootRef","getRef","indeterminate","defaultIndeterminate","onChange","restProps","sizeY","platform","inputRef","useEffect","indeterminateValue","undefined","current","Boolean","handleChange","useCallback","event","checked","defaultChecked","disabled","COMPACT"],"sources":["../../../../src/components/SimpleCheckbox/SimpleCheckbox.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { ACTIVE_EFFECT_DELAY, Tappable } from \"../Tappable/Tappable\";\nimport { getClassName } from \"../../helpers/getClassName\";\nimport { classNames } from \"../../lib/classNames\";\nimport { IOS, VKCOM } from \"../../lib/platform\";\n\nimport {\n  Icon20CheckBoxOn,\n  Icon20CheckBoxOff,\n  Icon24CheckBoxOn,\n  Icon24CheckBoxOff,\n  Icon20CheckBoxIndetermanate,\n} from \"@vkontakte/icons\";\n\nimport { HasRef, HasRootRef } from \"../../types\";\nimport { usePlatform } from \"../../hooks/usePlatform\";\nimport { useAdaptivity } from \"../../hooks/useAdaptivity\";\nimport { useExternRef } from \"../../hooks/useExternRef\";\nimport { SizeType } from \"../../hoc/withAdaptivity\";\nimport { warnOnce } from \"../../lib/warnOnce\";\n\nimport \"./SimpleCheckbox.css\";\n\nconst warn = warnOnce(\"SimpleCheckbox\");\nconst IS_DEV = process.env.NODE_ENV === \"development\";\n\nexport interface SimpleCheckboxProps\n  extends React.InputHTMLAttributes<HTMLInputElement>,\n    HasRootRef<HTMLLabelElement>,\n    HasRef<HTMLInputElement> {\n  indeterminate?: boolean;\n  defaultIndeterminate?: boolean;\n}\n\n/**\n * @deprecated Этот компонент устарел и будет удален в 5.0.0. Используйте [`Checkbox`](https://vkcom.github.io/VKUI/#/Checkbox).\n * @see https://vkcom.github.io/VKUI/#/SimpleCheckbox\n */\nexport const SimpleCheckbox = ({\n  className,\n  style,\n  getRootRef,\n  getRef,\n  indeterminate,\n  defaultIndeterminate,\n  onChange,\n  ...restProps\n}: SimpleCheckboxProps) => {\n  const { sizeY } = useAdaptivity();\n  const platform = usePlatform();\n  const inputRef = useExternRef(getRef);\n\n  React.useEffect(() => {\n    const indeterminateValue =\n      indeterminate === undefined ? defaultIndeterminate : indeterminate;\n\n    if (inputRef.current) {\n      inputRef.current.indeterminate = Boolean(indeterminateValue);\n    }\n  }, [defaultIndeterminate, indeterminate, inputRef]);\n\n  const handleChange: SimpleCheckboxProps[\"onChange\"] = React.useCallback(\n    (event: React.ChangeEvent<HTMLInputElement>) => {\n      if (\n        defaultIndeterminate !== undefined &&\n        indeterminate === undefined &&\n        restProps.checked === undefined &&\n        inputRef.current\n      ) {\n        inputRef.current.indeterminate = false;\n      }\n      if (indeterminate !== undefined && inputRef.current) {\n        inputRef.current.indeterminate = indeterminate;\n      }\n      onChange && onChange(event);\n    },\n    [defaultIndeterminate, indeterminate, restProps.checked, onChange, inputRef]\n  );\n\n  if (IS_DEV) {\n    if (defaultIndeterminate && restProps.defaultChecked) {\n      warn(\n        \"defaultIndeterminate и defaultChecked не могут быть true одновременно\",\n        \"error\"\n      );\n    }\n\n    if (indeterminate && restProps.checked) {\n      warn(\"indeterminate и checked не могут быть true одновременно\", \"error\");\n    }\n\n    if (restProps.defaultChecked && restProps.checked) {\n      warn(\"defaultChecked и checked не могут быть true одновременно\", \"error\");\n    }\n  }\n\n  return (\n    <Tappable\n      Component=\"label\"\n      vkuiClass={classNames(\n        getClassName(\"SimpleCheckbox\", platform),\n        `SimpleCheckbox--sizeY-${sizeY}`\n      )}\n      className={className}\n      style={style}\n      disabled={restProps.disabled}\n      activeMode={platform === VKCOM ? \"SimpleCheckbox--active\" : \"background\"}\n      hoverMode={platform === VKCOM ? \"SimpleCheckbox--hover\" : \"background\"}\n      activeEffectDelay={platform === IOS ? 100 : ACTIVE_EFFECT_DELAY}\n      getRootRef={getRootRef}\n    >\n      <input\n        {...restProps}\n        onChange={handleChange}\n        type=\"checkbox\"\n        vkuiClass=\"SimpleCheckbox__input\"\n        ref={inputRef}\n      />\n      <div vkuiClass=\"SimpleCheckbox__container\">\n        <div vkuiClass=\"SimpleCheckbox__icon SimpleCheckbox__icon--on\">\n          {sizeY === SizeType.COMPACT || platform === VKCOM ? (\n            <Icon20CheckBoxOn />\n          ) : (\n            <Icon24CheckBoxOn />\n          )}\n        </div>\n        <div vkuiClass=\"SimpleCheckbox__icon SimpleCheckbox__icon--off\">\n          {sizeY === SizeType.COMPACT || platform === VKCOM ? (\n            <Icon20CheckBoxOff />\n          ) : (\n            <Icon24CheckBoxOff />\n          )}\n        </div>\n        <div vkuiClass=\"SimpleCheckbox__icon SimpleCheckbox__icon--indeterminate\">\n          <Icon20CheckBoxIndetermanate\n            width={sizeY === SizeType.COMPACT || platform === VKCOM ? 20 : 24}\n            height={sizeY === SizeType.COMPACT || platform === VKCOM ? 20 : 24}\n          />\n        </div>\n      </div>\n      {platform === VKCOM && (\n        <div aria-hidden={true} vkuiClass=\"SimpleCheckbox__activeShadow\" />\n      )}\n      {platform === VKCOM && (\n        <div aria-hidden={true} vkuiClass=\"SimpleCheckbox__hoverShadow\" />\n      )}\n    </Tappable>\n  );\n};\n"],"mappings":"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"}

package/dist/cssm/components/SliderSwitch/SliderSwitch.css

@@ -1 +0,0 @@
-.vkuiSliderSwitch{background-color:#f2f3f5;background-color:var(--field_background);border-radius:8px;box-sizing:border-box;display:flex;height:44px;position:relative;transition:all .1s ease-out;width:100%}.vkuiSliderSwitch__button{-webkit-tap-highlight-color:transparent;align-items:center;-webkit-appearance:none;background:transparent;border:0;box-sizing:border-box;color:#6d7885;color:var(--text_subhead);cursor:pointer;display:flex;height:100%;justify-content:center;margin:0;padding:0;transition:color .1s ease-out;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:50%;z-index:1}.vkuiSliderSwitch__button--focus{box-shadow:inset 0 0 0 1px #2688eb;box-shadow:inset 0 0 0 1px var(--accent)}.vkuiSliderSwitch__button--ios{border-radius:10px}.vkuiSliderSwitch__button--android,.vkuiSliderSwitch__button--vkcom{border-radius:8px}.vkuiSliderSwitch__button--hover{color:#99a2ad;color:var(--text_tertiary)}.vkuiSliderSwitch__border{background-color:#b8c1cc;background-color:var(--toolbar_attach_background_from);height:28px;left:50%;opacity:.5;position:absolute;top:8px;width:1px}.vkuiSliderSwitch__button--active{color:#000;color:var(--text_primary);transition:-webkit-transform .15s ease-in;transition:transform .15s ease-in;transition:transform .15s ease-in,-webkit-transform .15s ease-in}.vkuiSliderSwitch__button--activeHover{color:#000;color:var(--header_alternate_tab_active_text)}.vkuiSliderSwitch__slider{border-radius:6px;height:40px;left:0;margin:2px;position:absolute;top:0;transition:-webkit-transform .15s;transition:transform .15s;transition:transform .15s,-webkit-transform .15s;width:calc(50% - 4px)}.vkuiSliderSwitch--firstActive{margin-left:2px}.vkuiSliderSwitch--firstActive,.vkuiSliderSwitch--secondActive{background-color:#fff;background-color:var(--background_content)}.vkuiSliderSwitch--secondActive{-webkit-transform:translateX(calc(100% + 4px));transform:translateX(calc(100% + 4px))}

package/dist/cssm/components/SliderSwitch/SliderSwitch.d.ts

@@ -1,48 +0,0 @@
-import * as React from "react";
-import { HasPlatform } from "../../types";
-import "./SliderSwitch.css";
-export interface SliderSwitchOptionInterface {
-    name: string;
-    value: string | number;
-}
-export interface SliderSwitchProps extends React.HTMLAttributes<HTMLDivElement>, HasPlatform {
-    options: Array<{
-        name: string;
-        value: string | number;
-    }>;
-    activeValue?: SliderSwitchOptionInterface["value"];
-    name?: string;
-    onSwitch?: (value: SliderSwitchOptionInterface["value"]) => void;
-}
-interface SliderSwitchState {
-    activeValue: SliderSwitchOptionInterface["value"];
-    hoveredOptionId: number;
-}
-/**
- * @deprecated Этот компонент устарел и будет удален в 5.0.0. Используйте [`SegmentedControl`](https://vkcom.github.io/VKUI/#/SegmentedControl).
- * @see https://vkcom.github.io/VKUI/#/SliderSwitch
- */
-declare class SliderSwitch extends React.Component<SliderSwitchProps, SliderSwitchState> {
-    constructor(props: SliderSwitchProps);
-    static defaultProps: {
-        options: {
-            name: string;
-            value: string;
-        }[];
-    };
-    firstButton: React.RefObject<HTMLDivElement>;
-    secondButton: React.RefObject<HTMLDivElement>;
-    onSwitch: (value: string | number) => void;
-    handleFirstClick: () => void;
-    handleSecondClick: () => void;
-    handleFirstHover: () => void;
-    handleSecondHover: () => void;
-    resetFocusedOption: () => void;
-    switchByKey: (event: React.KeyboardEvent<Element>) => void;
-    static getDerivedStateFromProps(nextProps: SliderSwitchProps, prevState: SliderSwitchState): {
-        activeValue: string | number;
-    } | null;
-    componentDidMount(): void;
-    render(): JSX.Element;
-}
-export { SliderSwitch };

package/dist/cssm/components/SliderSwitch/SliderSwitch.js

@@ -1,210 +0,0 @@
-import _extends from "@babel/runtime/helpers/extends";
-import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
-import _createClass from "@babel/runtime/helpers/createClass";
-import _assertThisInitialized from "@babel/runtime/helpers/assertThisInitialized";
-import _inherits from "@babel/runtime/helpers/inherits";
-import _createSuper from "@babel/runtime/helpers/createSuper";
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-var _excluded = ["name", "options", "activeValue", "onSwitch"];
-import { createScopedElement } from "../../lib/jsxRuntime";
-import * as React from "react";
-import { SliderSwitchButton } from "./SliderSwitchButton";
-import { classNames } from "../../lib/classNames";
-import { warnOnce } from "../../lib/warnOnce";
-import "./SliderSwitch.css";
-var warn = warnOnce("SliderSwitch");
-/**
- * @deprecated Этот компонент устарел и будет удален в 5.0.0. Используйте [`SegmentedControl`](https://vkcom.github.io/VKUI/#/SegmentedControl).
- * @see https://vkcom.github.io/VKUI/#/SliderSwitch
- */
-
-var SliderSwitch = /*#__PURE__*/function (_React$Component) {
-  _inherits(SliderSwitch, _React$Component);
-
-  var _super = _createSuper(SliderSwitch);
-
-  function SliderSwitch(props) {
-    var _props$activeValue;
-
-    var _this;
-
-    _classCallCheck(this, SliderSwitch);
-
-    _this = _super.call(this, props);
-
-    _defineProperty(_assertThisInitialized(_this), "firstButton", void 0);
-
-    _defineProperty(_assertThisInitialized(_this), "secondButton", void 0);
-
-    _defineProperty(_assertThisInitialized(_this), "onSwitch", function (value) {
-      var onSwitch = _this.props.onSwitch;
-
-      _this.setState(function () {
-        return {
-          activeValue: value
-        };
-      }, function () {
-        onSwitch && onSwitch(value);
-      });
-    });
-
-    _defineProperty(_assertThisInitialized(_this), "handleFirstClick", function () {
-      var options = _this.props.options;
-      var value = options[0].value;
-
-      _this.onSwitch(value);
-    });
-
-    _defineProperty(_assertThisInitialized(_this), "handleSecondClick", function () {
-      var options = _this.props.options;
-      var value = options[1].value;
-
-      _this.onSwitch(value);
-    });
-
-    _defineProperty(_assertThisInitialized(_this), "handleFirstHover", function () {
-      _this.setState(function () {
-        return {
-          hoveredOptionId: 0
-        };
-      });
-    });
-
-    _defineProperty(_assertThisInitialized(_this), "handleSecondHover", function () {
-      _this.setState(function () {
-        return {
-          hoveredOptionId: 1
-        };
-      });
-    });
-
-    _defineProperty(_assertThisInitialized(_this), "resetFocusedOption", function () {
-      _this.setState(function () {
-        return {
-          hoveredOptionId: -1
-        };
-      });
-    });
-
-    _defineProperty(_assertThisInitialized(_this), "switchByKey", function (event) {
-      var _options$find;
-
-      if (event.key !== "Enter" && event.key !== "Spacebar" && event.key !== " ") {
-        return;
-      }
-
-      event.preventDefault();
-      var options = _this.props.options;
-      var activeValue = _this.state.activeValue;
-      var value = (_options$find = options.find(function (option) {
-        return option.value !== activeValue;
-      })) === null || _options$find === void 0 ? void 0 : _options$find.value;
-
-      if (value !== undefined) {
-        _this.onSwitch(value);
-      }
-
-      if (options[0].value === value) {
-        var _this$firstButton$cur;
-
-        (_this$firstButton$cur = _this.firstButton.current) === null || _this$firstButton$cur === void 0 ? void 0 : _this$firstButton$cur.focus();
-      } else {
-        var _this$secondButton$cu;
-
-        (_this$secondButton$cu = _this.secondButton.current) === null || _this$secondButton$cu === void 0 ? void 0 : _this$secondButton$cu.focus();
-      }
-    });
-
-    _this.state = {
-      activeValue: (_props$activeValue = props.activeValue) !== null && _props$activeValue !== void 0 ? _props$activeValue : "",
-      hoveredOptionId: -1
-    };
-    _this.firstButton = /*#__PURE__*/React.createRef();
-    _this.secondButton = /*#__PURE__*/React.createRef();
-    return _this;
-  }
-
-  _createClass(SliderSwitch, [{
-    key: "componentDidMount",
-    value: function componentDidMount() {
-      if (process.env.NODE_ENV === "development") {
-        warn("Этот компонент устарел и будет удален в 5.0.0. Используйте SegmentedControl.");
-      }
-    }
-  }, {
-    key: "render",
-    value: function render() {
-      var _this$props = this.props,
-          name = _this$props.name,
-          options = _this$props.options,
-          _activeValue = _this$props.activeValue,
-          onSwitch = _this$props.onSwitch,
-          restProps = _objectWithoutProperties(_this$props, _excluded);
-
-      var _this$state = this.state,
-          activeValue = _this$state.activeValue,
-          hoveredOptionId = _this$state.hoveredOptionId;
-
-      var _options = _slicedToArray(options, 2),
-          firstOption = _options[0],
-          secondOption = _options[1];
-
-      var firstActive = firstOption.value === activeValue;
-      var secondActive = secondOption.value === activeValue;
-      return createScopedElement("div", _extends({}, restProps, {
-        vkuiClass: "SliderSwitch",
-        onKeyDown: this.switchByKey,
-        onMouseLeave: this.resetFocusedOption
-      }), !firstActive && !secondActive && createScopedElement("div", {
-        vkuiClass: "SliderSwitch__border"
-      }), createScopedElement("div", {
-        vkuiClass: classNames("SliderSwitch__slider", firstActive && "SliderSwitch--firstActive", secondActive && "SliderSwitch--secondActive")
-      }), createScopedElement("input", {
-        type: "hidden",
-        name: name,
-        value: activeValue
-      }), createScopedElement(SliderSwitchButton, {
-        active: firstActive,
-        hovered: hoveredOptionId === 0,
-        "aria-pressed": firstActive,
-        onClick: this.handleFirstClick,
-        onMouseEnter: this.handleFirstHover,
-        getRootRef: this.firstButton
-      }, firstOption.name), createScopedElement(SliderSwitchButton, {
-        active: secondActive,
-        hovered: hoveredOptionId === 1,
-        onClick: this.handleSecondClick,
-        onMouseEnter: this.handleSecondHover,
-        getRootRef: this.secondButton
-      }, secondOption.name));
-    }
-  }], [{
-    key: "getDerivedStateFromProps",
-    value: function getDerivedStateFromProps(nextProps, prevState) {
-      if (nextProps.activeValue && nextProps.activeValue !== prevState.activeValue) {
-        return {
-          activeValue: nextProps.activeValue
-        };
-      }
-
-      return null;
-    }
-  }]);
-
-  return SliderSwitch;
-}(React.Component);
-
-_defineProperty(SliderSwitch, "defaultProps", {
-  options: [{
-    name: "",
-    value: ""
-  }, {
-    name: "",
-    value: ""
-  }]
-});
-
-export { SliderSwitch };
-//# sourceMappingURL=SliderSwitch.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"SliderSwitch.js","names":["React","SliderSwitchButton","classNames","warnOnce","warn","SliderSwitch","props","value","onSwitch","setState","activeValue","options","hoveredOptionId","event","key","preventDefault","state","find","option","undefined","firstButton","current","focus","secondButton","createRef","process","env","NODE_ENV","name","_activeValue","restProps","firstOption","secondOption","firstActive","secondActive","switchByKey","resetFocusedOption","handleFirstClick","handleFirstHover","handleSecondClick","handleSecondHover","nextProps","prevState","Component"],"sources":["../../../../src/components/SliderSwitch/SliderSwitch.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { SliderSwitchButton } from \"./SliderSwitchButton\";\nimport { classNames } from \"../../lib/classNames\";\nimport { warnOnce } from \"../../lib/warnOnce\";\nimport { HasPlatform } from \"../../types\";\nimport \"./SliderSwitch.css\";\n\nexport interface SliderSwitchOptionInterface {\n  name: string;\n  value: string | number;\n}\n\nexport interface SliderSwitchProps\n  extends React.HTMLAttributes<HTMLDivElement>,\n    HasPlatform {\n  options: Array<{\n    name: string;\n    value: string | number;\n  }>;\n  activeValue?: SliderSwitchOptionInterface[\"value\"];\n  name?: string;\n  onSwitch?: (value: SliderSwitchOptionInterface[\"value\"]) => void;\n}\n\ninterface SliderSwitchState {\n  activeValue: SliderSwitchOptionInterface[\"value\"];\n  hoveredOptionId: number;\n}\n\nconst warn = warnOnce(\"SliderSwitch\");\n\n/**\n * @deprecated Этот компонент устарел и будет удален в 5.0.0. Используйте [`SegmentedControl`](https://vkcom.github.io/VKUI/#/SegmentedControl).\n * @see https://vkcom.github.io/VKUI/#/SliderSwitch\n */\nclass SliderSwitch extends React.Component<\n  SliderSwitchProps,\n  SliderSwitchState\n> {\n  public constructor(props: SliderSwitchProps) {\n    super(props);\n\n    this.state = {\n      activeValue: props.activeValue ?? \"\",\n      hoveredOptionId: -1,\n    };\n\n    this.firstButton = React.createRef();\n    this.secondButton = React.createRef();\n  }\n\n  static defaultProps = {\n    options: [\n      { name: \"\", value: \"\" },\n      { name: \"\", value: \"\" },\n    ],\n  };\n\n  firstButton: React.RefObject<HTMLDivElement>;\n  secondButton: React.RefObject<HTMLDivElement>;\n\n  onSwitch = (value: SliderSwitchOptionInterface[\"value\"]) => {\n    const { onSwitch } = this.props;\n\n    this.setState(\n      () => ({\n        activeValue: value,\n      }),\n      () => {\n        onSwitch && onSwitch(value);\n      }\n    );\n  };\n\n  handleFirstClick = () => {\n    const { options } = this.props;\n    const { value } = options[0];\n\n    this.onSwitch(value);\n  };\n\n  handleSecondClick = () => {\n    const { options } = this.props;\n    const { value } = options[1];\n\n    this.onSwitch(value);\n  };\n\n  handleFirstHover = () => {\n    this.setState(() => ({\n      hoveredOptionId: 0,\n    }));\n  };\n\n  handleSecondHover = () => {\n    this.setState(() => ({\n      hoveredOptionId: 1,\n    }));\n  };\n\n  resetFocusedOption = () => {\n    this.setState(() => ({\n      hoveredOptionId: -1,\n    }));\n  };\n\n  switchByKey = (event: React.KeyboardEvent) => {\n    if (\n      event.key !== \"Enter\" &&\n      event.key !== \"Spacebar\" &&\n      event.key !== \" \"\n    ) {\n      return;\n    }\n    event.preventDefault();\n\n    const { options } = this.props;\n    const { activeValue } = this.state;\n    const value = options.find((option) => option.value !== activeValue)?.value;\n\n    if (value !== undefined) {\n      this.onSwitch(value);\n    }\n\n    if (options[0].value === value) {\n      this.firstButton.current?.focus();\n    } else {\n      this.secondButton.current?.focus();\n    }\n  };\n\n  static getDerivedStateFromProps(\n    nextProps: SliderSwitchProps,\n    prevState: SliderSwitchState\n  ) {\n    if (\n      nextProps.activeValue &&\n      nextProps.activeValue !== prevState.activeValue\n    ) {\n      return {\n        activeValue: nextProps.activeValue,\n      };\n    }\n\n    return null;\n  }\n\n  componentDidMount(): void {\n    if (process.env.NODE_ENV === \"development\") {\n      warn(\n        \"Этот компонент устарел и будет удален в 5.0.0. Используйте SegmentedControl.\"\n      );\n    }\n  }\n\n  public render() {\n    const {\n      name,\n      options,\n      activeValue: _activeValue,\n      onSwitch,\n      ...restProps\n    } = this.props;\n    const { activeValue, hoveredOptionId } = this.state;\n\n    const [firstOption, secondOption] = options;\n    const firstActive = firstOption.value === activeValue;\n    const secondActive = secondOption.value === activeValue;\n\n    return (\n      <div\n        {...restProps}\n        vkuiClass=\"SliderSwitch\"\n        onKeyDown={this.switchByKey}\n        onMouseLeave={this.resetFocusedOption}\n      >\n        {!firstActive && !secondActive && (\n          <div vkuiClass=\"SliderSwitch__border\" />\n        )}\n        <div\n          vkuiClass={classNames(\n            \"SliderSwitch__slider\",\n            firstActive && \"SliderSwitch--firstActive\",\n            secondActive && \"SliderSwitch--secondActive\"\n          )}\n        />\n        <input type=\"hidden\" name={name} value={activeValue} />\n        <SliderSwitchButton\n          active={firstActive}\n          hovered={hoveredOptionId === 0}\n          aria-pressed={firstActive}\n          onClick={this.handleFirstClick}\n          onMouseEnter={this.handleFirstHover}\n          getRootRef={this.firstButton}\n        >\n          {firstOption.name}\n        </SliderSwitchButton>\n        <SliderSwitchButton\n          active={secondActive}\n          hovered={hoveredOptionId === 1}\n          onClick={this.handleSecondClick}\n          onMouseEnter={this.handleSecondHover}\n          getRootRef={this.secondButton}\n        >\n          {secondOption.name}\n        </SliderSwitchButton>\n      </div>\n    );\n  }\n}\n\nexport { SliderSwitch };\n"],"mappings":"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"}