@vkontakte/vkui 4.36.1 → 4.37.1

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/Root/Root.tsx"],"names":["warn","Root","popout","modal","children","_activeView","activeView","onTransition","nav","restProps","scroll","React","useContext","ScrollContext","platform","document","scrolls","useRef","current","viewNodes","ConfigProviderContext","transitionMotionEnabled","SplitColContext","animate","disableAnimation","views","Children","toArray","useState","transition","prevView","isBack","_setState","transitionTo","panel","viewIds","map","view","props","indexOf","getScroll","y","finishTransition","useCallback","activeElement","blur","scrollTo","Boolean","from","to","fallbackTransition","IOS","useEffect","clear","set","onAnimationEnd","e","includes","animationName","process","env","NODE_ENV","viewId","isTransitionTarget","compensateScroll","undefined","marginTop"],"mappings":"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","sourcesContent":["import * as React from \"react\";\nimport { classNames } from \"../../lib/classNames\";\nimport { IOS } from \"../../lib/platform\";\nimport { ConfigProviderContext } from \"../ConfigProvider/ConfigProviderContext\";\nimport { SplitColContext } from \"../SplitCol/SplitCol\";\nimport { AppRootPortal } from \"../AppRoot/AppRootPortal\";\nimport { ScrollContext } from \"../AppRoot/ScrollContext\";\nimport { NavTransitionProvider } from \"../NavTransitionContext/NavTransitionContext\";\nimport { getNavId, NavIdProps } from \"../../lib/getNavId\";\nimport { warnOnce } from \"../../lib/warnOnce\";\nimport { useDOM } from \"../../lib/dom\";\nimport { useIsomorphicLayoutEffect } from \"../../lib/useIsomorphicLayoutEffect\";\nimport { useTimeout } from \"../../hooks/useTimeout\";\nimport { usePlatform } from \"../../hooks/usePlatform\";\nimport \"./Root.css\";\n\nexport interface RootProps\n  extends React.HTMLAttributes<HTMLDivElement>,\n    NavIdProps {\n  activeView: string;\n  onTransition?(params: { isBack: boolean; from: string; to: string }): void;\n  /**\n   * @deprecated будет удалено в 5.0.0. Используйте одноименное свойство у `SplitLayout`.\n   *\n   * Свойство для отрисовки `Alert`, `ActionSheet` и `ScreenSpinner`.\n   */\n  popout?: React.ReactNode;\n  /**\n   * @deprecated будет удалено в 5.0.0. Используйте одноименное свойство у `SplitLayout`.\n   *\n   * Свойство для отрисовки `ModalRoot`.\n   */\n  modal?: React.ReactNode;\n}\n\nexport interface RootState {\n  activeView: string;\n  transition: boolean;\n  isBack?: boolean;\n  prevView?: string;\n}\n\nconst warn = warnOnce(\"Root\");\n\n/**\n * @see https://vkcom.github.io/VKUI/#/Root\n */\nexport const Root = ({\n  popout = null,\n  modal,\n  children,\n  activeView: _activeView,\n  onTransition,\n  nav,\n  ...restProps\n}: RootProps) => {\n  const scroll = React.useContext(ScrollContext);\n  const platform = usePlatform();\n  const { document } = useDOM();\n  const scrolls = React.useRef<Record<string, number>>({}).current;\n  const viewNodes = React.useRef<Record<string, HTMLElement | null>>(\n    {}\n  ).current;\n\n  const { transitionMotionEnabled = true } = React.useContext(\n    ConfigProviderContext\n  );\n  const { animate } = React.useContext(SplitColContext);\n  const disableAnimation = !transitionMotionEnabled || !animate;\n\n  const views = React.Children.toArray(children) as React.ReactElement[];\n\n  const [{ prevView, activeView, transition, isBack }, _setState] =\n    React.useState<RootState>({\n      activeView: _activeView,\n      transition: false,\n    });\n  const transitionTo = (panel: string) => {\n    if (panel !== activeView) {\n      const viewIds = views.map((view) => getNavId(view.props, warn));\n      const isBack = viewIds.indexOf(panel) < viewIds.indexOf(activeView);\n      scrolls[activeView] = scroll.getScroll().y;\n      _setState({\n        activeView: panel,\n        prevView: activeView,\n        transition: !disableAnimation,\n        isBack,\n      });\n    }\n  };\n  const finishTransition = React.useCallback(\n    () => _setState({ activeView, prevView, isBack, transition: false }),\n    [activeView, isBack, prevView]\n  );\n\n  useIsomorphicLayoutEffect(() => {\n    (document!.activeElement as HTMLElement).blur();\n  }, [!!popout, activeView]);\n\n  // Нужен переход\n  useIsomorphicLayoutEffect(() => transitionTo(_activeView), [_activeView]);\n  useIsomorphicLayoutEffect(() => {\n    if (!transition && prevView) {\n      // Закончился переход\n      scroll.scrollTo(0, isBack ? scrolls[activeView] : 0);\n      onTransition &&\n        onTransition({\n          isBack: Boolean(isBack),\n          from: prevView,\n          to: activeView,\n        });\n    }\n  }, [transition, prevView]);\n\n  const fallbackTransition = useTimeout(\n    finishTransition,\n    platform === IOS ? 600 : 300\n  );\n  React.useEffect(() => {\n    if (!transition) {\n      fallbackTransition.clear();\n      return;\n    }\n    fallbackTransition.set();\n  }, [fallbackTransition, transition]);\n\n  const onAnimationEnd = (e: React.AnimationEvent) => {\n    if (\n      [\n        \"vkui-root-android-animation-hide-back\",\n        \"vkui-root-android-animation-show-forward\",\n        \"vkui-root-ios-animation-hide-back\",\n        \"vkui-root-ios-animation-show-forward\",\n      ].includes(e.animationName)\n    ) {\n      finishTransition();\n    }\n  };\n\n  if (process.env.NODE_ENV === \"development\") {\n    popout &&\n      warn(\n        \"Свойство popout устарело и будет удалено в 5.0.0. Используйте одноименное свойство у SplitLayout.\"\n      );\n    modal &&\n      warn(\n        \"Свойство modal устарело и будет удалено в 5.0.0. Используйте одноименное свойство у SplitLayout.\"\n      );\n  }\n\n  return (\n    <div\n      {...restProps}\n      vkuiClass={classNames(\n        \"Root\",\n        platform === IOS && \"Root--ios\",\n        transition && \"Root--transition\"\n      )}\n    >\n      {views.map((view) => {\n        const viewId = getNavId(view.props, warn);\n        if (viewId !== activeView && !(transition && viewId === prevView)) {\n          return null;\n        }\n        const isTransitionTarget =\n          transition && viewId === (isBack ? prevView : activeView);\n        const compensateScroll =\n          transition &&\n          (viewId === prevView || (isBack && viewId === activeView));\n        return (\n          <div\n            key={viewId}\n            ref={(e) => viewId && (viewNodes[viewId] = e)}\n            onAnimationEnd={isTransitionTarget ? onAnimationEnd : undefined}\n            vkuiClass={classNames(\n              \"Root__view\",\n              transition &&\n                viewId === prevView &&\n                isBack &&\n                \"Root__view--hide-back\",\n              transition &&\n                viewId === prevView &&\n                !isBack &&\n                \"Root__view--hide-forward\",\n              transition &&\n                viewId === activeView &&\n                isBack &&\n                \"Root__view--show-back\",\n              transition &&\n                viewId === activeView &&\n                !isBack &&\n                \"Root__view--show-forward\",\n              !transition && viewId === activeView && \"Root__view--active\"\n            )}\n          >\n            <NavTransitionProvider\n              entering={transition && viewId === activeView}\n            >\n              <div\n                vkuiClass=\"Root__scrollCompensation\"\n                style={{\n                  marginTop: compensateScroll\n                    ? viewId && -(scrolls[viewId] ?? 0)\n                    : undefined,\n                }}\n              >\n                {view}\n              </div>\n            </NavTransitionProvider>\n          </div>\n        );\n      })}\n      <AppRootPortal>\n        {!!popout && <div vkuiClass=\"Root__popout\">{popout}</div>}\n        {!!modal && <div vkuiClass=\"Root__modal\">{modal}</div>}\n      </AppRootPortal>\n    </div>\n  );\n};\n"],"file":"Root.js"}
+{"version":3,"file":"Root.js","names":["warn","warnOnce","Root","popout","modal","children","_activeView","activeView","onTransition","nav","restProps","scroll","React","useContext","ScrollContext","platform","usePlatform","useDOM","document","scrolls","useRef","current","viewNodes","ConfigProviderContext","transitionMotionEnabled","SplitColContext","animate","disableAnimation","views","Children","toArray","useState","transition","prevView","isBack","_setState","transitionTo","panel","viewIds","map","view","getNavId","props","indexOf","getScroll","y","finishTransition","useCallback","useIsomorphicLayoutEffect","activeElement","blur","scrollTo","Boolean","from","to","fallbackTransition","useTimeout","IOS","useEffect","clear","set","onAnimationEnd","e","includes","animationName","process","env","NODE_ENV","classNames","viewId","isTransitionTarget","compensateScroll","undefined","marginTop"],"sources":["../../../../src/components/Root/Root.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { classNames } from \"../../lib/classNames\";\nimport { IOS } from \"../../lib/platform\";\nimport { ConfigProviderContext } from \"../ConfigProvider/ConfigProviderContext\";\nimport { SplitColContext } from \"../SplitCol/SplitCol\";\nimport { AppRootPortal } from \"../AppRoot/AppRootPortal\";\nimport { ScrollContext } from \"../AppRoot/ScrollContext\";\nimport { NavTransitionProvider } from \"../NavTransitionContext/NavTransitionContext\";\nimport { getNavId, NavIdProps } from \"../../lib/getNavId\";\nimport { warnOnce } from \"../../lib/warnOnce\";\nimport { useDOM } from \"../../lib/dom\";\nimport { useIsomorphicLayoutEffect } from \"../../lib/useIsomorphicLayoutEffect\";\nimport { useTimeout } from \"../../hooks/useTimeout\";\nimport { usePlatform } from \"../../hooks/usePlatform\";\nimport \"./Root.css\";\n\nexport interface RootProps\n  extends React.HTMLAttributes<HTMLDivElement>,\n    NavIdProps {\n  activeView: string;\n  onTransition?(params: { isBack: boolean; from: string; to: string }): void;\n  /**\n   * @deprecated будет удалено в 5.0.0. Используйте одноименное свойство у `SplitLayout`.\n   *\n   * Свойство для отрисовки `Alert`, `ActionSheet` и `ScreenSpinner`.\n   */\n  popout?: React.ReactNode;\n  /**\n   * @deprecated будет удалено в 5.0.0. Используйте одноименное свойство у `SplitLayout`.\n   *\n   * Свойство для отрисовки `ModalRoot`.\n   */\n  modal?: React.ReactNode;\n}\n\nexport interface RootState {\n  activeView: string;\n  transition: boolean;\n  isBack?: boolean;\n  prevView?: string;\n}\n\nconst warn = warnOnce(\"Root\");\n\n/**\n * @see https://vkcom.github.io/VKUI/#/Root\n */\nexport const Root = ({\n  popout = null,\n  modal,\n  children,\n  activeView: _activeView,\n  onTransition,\n  nav,\n  ...restProps\n}: RootProps) => {\n  const scroll = React.useContext(ScrollContext);\n  const platform = usePlatform();\n  const { document } = useDOM();\n  const scrolls = React.useRef<Record<string, number>>({}).current;\n  const viewNodes = React.useRef<Record<string, HTMLElement | null>>(\n    {}\n  ).current;\n\n  const { transitionMotionEnabled = true } = React.useContext(\n    ConfigProviderContext\n  );\n  const { animate } = React.useContext(SplitColContext);\n  const disableAnimation = !transitionMotionEnabled || !animate;\n\n  const views = React.Children.toArray(children) as React.ReactElement[];\n\n  const [{ prevView, activeView, transition, isBack }, _setState] =\n    React.useState<RootState>({\n      activeView: _activeView,\n      transition: false,\n    });\n  const transitionTo = (panel: string) => {\n    if (panel !== activeView) {\n      const viewIds = views.map((view) => getNavId(view.props, warn));\n      const isBack = viewIds.indexOf(panel) < viewIds.indexOf(activeView);\n      scrolls[activeView] = scroll.getScroll().y;\n      _setState({\n        activeView: panel,\n        prevView: activeView,\n        transition: !disableAnimation,\n        isBack,\n      });\n    }\n  };\n  const finishTransition = React.useCallback(\n    () => _setState({ activeView, prevView, isBack, transition: false }),\n    [activeView, isBack, prevView]\n  );\n\n  useIsomorphicLayoutEffect(() => {\n    (document!.activeElement as HTMLElement).blur();\n  }, [!!popout, activeView]);\n\n  // Нужен переход\n  useIsomorphicLayoutEffect(() => transitionTo(_activeView), [_activeView]);\n  useIsomorphicLayoutEffect(() => {\n    if (!transition && prevView) {\n      // Закончился переход\n      scroll.scrollTo(0, isBack ? scrolls[activeView] : 0);\n      onTransition &&\n        onTransition({\n          isBack: Boolean(isBack),\n          from: prevView,\n          to: activeView,\n        });\n    }\n  }, [transition, prevView]);\n\n  const fallbackTransition = useTimeout(\n    finishTransition,\n    platform === IOS ? 600 : 300\n  );\n  React.useEffect(() => {\n    if (!transition) {\n      fallbackTransition.clear();\n      return;\n    }\n    fallbackTransition.set();\n  }, [fallbackTransition, transition]);\n\n  const onAnimationEnd = (e: React.AnimationEvent) => {\n    if (\n      [\n        \"vkui-root-android-animation-hide-back\",\n        \"vkui-root-android-animation-show-forward\",\n        \"vkui-root-ios-animation-hide-back\",\n        \"vkui-root-ios-animation-show-forward\",\n      ].includes(e.animationName)\n    ) {\n      finishTransition();\n    }\n  };\n\n  if (process.env.NODE_ENV === \"development\") {\n    popout &&\n      warn(\n        \"Свойство popout устарело и будет удалено в 5.0.0. Используйте одноименное свойство у SplitLayout.\"\n      );\n    modal &&\n      warn(\n        \"Свойство modal устарело и будет удалено в 5.0.0. Используйте одноименное свойство у SplitLayout.\"\n      );\n  }\n\n  return (\n    <div\n      {...restProps}\n      vkuiClass={classNames(\n        \"Root\",\n        platform === IOS && \"Root--ios\",\n        transition && \"Root--transition\"\n      )}\n    >\n      {views.map((view) => {\n        const viewId = getNavId(view.props, warn);\n        if (viewId !== activeView && !(transition && viewId === prevView)) {\n          return null;\n        }\n        const isTransitionTarget =\n          transition && viewId === (isBack ? prevView : activeView);\n        const compensateScroll =\n          transition &&\n          (viewId === prevView || (isBack && viewId === activeView));\n        return (\n          <div\n            key={viewId}\n            ref={(e) => viewId && (viewNodes[viewId] = e)}\n            onAnimationEnd={isTransitionTarget ? onAnimationEnd : undefined}\n            vkuiClass={classNames(\n              \"Root__view\",\n              transition &&\n                viewId === prevView &&\n                isBack &&\n                \"Root__view--hide-back\",\n              transition &&\n                viewId === prevView &&\n                !isBack &&\n                \"Root__view--hide-forward\",\n              transition &&\n                viewId === activeView &&\n                isBack &&\n                \"Root__view--show-back\",\n              transition &&\n                viewId === activeView &&\n                !isBack &&\n                \"Root__view--show-forward\",\n              !transition && viewId === activeView && \"Root__view--active\"\n            )}\n          >\n            <NavTransitionProvider\n              entering={transition && viewId === activeView}\n            >\n              <div\n                vkuiClass=\"Root__scrollCompensation\"\n                style={{\n                  marginTop: compensateScroll\n                    ? viewId && -(scrolls[viewId] ?? 0)\n                    : undefined,\n                }}\n              >\n                {view}\n              </div>\n            </NavTransitionProvider>\n          </div>\n        );\n      })}\n      <AppRootPortal>\n        {!!popout && <div vkuiClass=\"Root__popout\">{popout}</div>}\n        {!!modal && <div vkuiClass=\"Root__modal\">{modal}</div>}\n      </AppRootPortal>\n    </div>\n  );\n};\n"],"mappings":"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"}

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

@@ -0,0 +1,3 @@
+/// <reference path="../../../../types/global.d.ts" />
+/// <reference types="react" />
+export declare const Icon48CancelCircle: (props: import("react").SVGProps<SVGSVGElement>) => JSX.Element;

package/dist/cjs/components/ScreenSpinner/Icon48CancelCircle.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/ScreenSpinner/Icon48CancelCircle.tsx"],"names":["Icon48CancelCircle","props"],"mappings":";;;;;;;;;;;;;AAAO,IAAMA,kBAAkB,GAAG,SAArBA,kBAAqB,CAACC,KAAD;AAAA,SAChC;AACE,IAAA,SAAS,EAAC,MADZ;AAEE,IAAA,KAAK,EAAC,IAFR;AAGE,IAAA,MAAM,EAAC,IAHT;AAIE,IAAA,OAAO,EAAC,WAJV;AAKE,IAAA,IAAI,EAAC,MALP;AAME,IAAA,KAAK,EAAC;AANR,KAOMA,KAPN,GASE;AACE,IAAA,QAAQ,EAAC,SADX;AAEE,IAAA,QAAQ,EAAC,SAFX;AAGE,IAAA,CAAC,EAAC,8VAHJ;AAIE,IAAA,IAAI,EAAC;AAJP,IATF,CADgC;AAAA,CAA3B","sourcesContent":["export const Icon48CancelCircle = (props: React.SVGProps<SVGSVGElement>) => (\n  <svg\n    vkuiClass=\"Icon\"\n    width=\"48\"\n    height=\"48\"\n    viewBox=\"0 0 48 48\"\n    fill=\"none\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n    {...props}\n  >\n    <path\n      fillRule=\"evenodd\"\n      clipRule=\"evenodd\"\n      d=\"M40 24c0 8.837-7.163 16-16 16S8 32.837 8 24 15.163 8 24 8s16 7.163 16 16Zm-10.08-4.33a1.125 1.125 0 0 0-1.59-1.59L24 22.409l-4.33-4.33a1.125 1.125 0 0 0-1.59 0l-.101.116a1.125 1.125 0 0 0 .1 1.476L22.41 24l-4.33 4.33a1.125 1.125 0 0 0 1.591 1.59L24 25.591l4.33 4.33c.439.439 1.151.439 1.59 0l.101-.116a1.125 1.125 0 0 0-.1-1.476L25.59 24l4.33-4.33Z\"\n      fill=\"currentColor\"\n    />\n  </svg>\n);\n"],"file":"Icon48CancelCircle.js"}
+{"version":3,"file":"Icon48CancelCircle.js","names":["Icon48CancelCircle","props"],"sources":["../../../../src/components/ScreenSpinner/Icon48CancelCircle.tsx"],"sourcesContent":["export const Icon48CancelCircle = (props: React.SVGProps<SVGSVGElement>) => (\n  <svg\n    vkuiClass=\"Icon\"\n    width=\"48\"\n    height=\"48\"\n    viewBox=\"0 0 48 48\"\n    fill=\"none\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n    {...props}\n  >\n    <path\n      fillRule=\"evenodd\"\n      clipRule=\"evenodd\"\n      d=\"M40 24c0 8.837-7.163 16-16 16S8 32.837 8 24 15.163 8 24 8s16 7.163 16 16Zm-10.08-4.33a1.125 1.125 0 0 0-1.59-1.59L24 22.409l-4.33-4.33a1.125 1.125 0 0 0-1.59 0l-.101.116a1.125 1.125 0 0 0 .1 1.476L22.41 24l-4.33 4.33a1.125 1.125 0 0 0 1.591 1.59L24 25.591l4.33 4.33c.439.439 1.151.439 1.59 0l.101-.116a1.125 1.125 0 0 0-.1-1.476L25.59 24l4.33-4.33Z\"\n      fill=\"currentColor\"\n    />\n  </svg>\n);\n"],"mappings":";;;;;;;;;;;;;AAAO,IAAMA,kBAAkB,GAAG,SAArBA,kBAAqB,CAACC,KAAD;EAAA,OAChC;IACE,SAAS,EAAC,MADZ;IAEE,KAAK,EAAC,IAFR;IAGE,MAAM,EAAC,IAHT;IAIE,OAAO,EAAC,WAJV;IAKE,IAAI,EAAC,MALP;IAME,KAAK,EAAC;EANR,GAOMA,KAPN,GASE;IACE,QAAQ,EAAC,SADX;IAEE,QAAQ,EAAC,SAFX;IAGE,CAAC,EAAC,8VAHJ;IAIE,IAAI,EAAC;EAJP,EATF,CADgC;AAAA,CAA3B"}

package/dist/cjs/components/ScreenSpinner/Icon48DoneOutline.d.ts

@@ -0,0 +1,3 @@
+/// <reference path="../../../../types/global.d.ts" />
+/// <reference types="react" />
+export declare const Icon48DoneOutline: (props: import("react").SVGProps<SVGSVGElement>) => JSX.Element;

package/dist/cjs/components/ScreenSpinner/Icon48DoneOutline.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/ScreenSpinner/Icon48DoneOutline.tsx"],"names":["Icon48DoneOutline","props"],"mappings":";;;;;;;;;;;;;AAAO,IAAMA,iBAAiB,GAAG,SAApBA,iBAAoB,CAACC,KAAD;AAAA,SAC/B;AACE,IAAA,SAAS,EAAC,MADZ;AAEE,IAAA,KAAK,EAAC,IAFR;AAGE,IAAA,MAAM,EAAC,IAHT;AAIE,IAAA,OAAO,EAAC,WAJV;AAKE,IAAA,IAAI,EAAC,MALP;AAME,IAAA,KAAK,EAAC;AANR,KAOMA,KAPN,GASE;AACE,IAAA,CAAC,EAAC,mBADJ;AAEE,IAAA,MAAM,EAAC,cAFT;AAGE,IAAA,WAAW,EAAC,KAHd;AAIE,IAAA,aAAa,EAAC,OAJhB;AAKE,IAAA,cAAc,EAAC;AALjB,IATF,CAD+B;AAAA,CAA1B","sourcesContent":["export const Icon48DoneOutline = (props: React.SVGProps<SVGSVGElement>) => (\n  <svg\n    vkuiClass=\"Icon\"\n    width=\"48\"\n    height=\"48\"\n    viewBox=\"0 0 48 48\"\n    fill=\"none\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n    {...props}\n  >\n    <path\n      d=\"M9 24L19 34L39 14\"\n      stroke=\"currentColor\"\n      strokeWidth=\"3.5\"\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n    />\n  </svg>\n);\n"],"file":"Icon48DoneOutline.js"}
+{"version":3,"file":"Icon48DoneOutline.js","names":["Icon48DoneOutline","props"],"sources":["../../../../src/components/ScreenSpinner/Icon48DoneOutline.tsx"],"sourcesContent":["export const Icon48DoneOutline = (props: React.SVGProps<SVGSVGElement>) => (\n  <svg\n    vkuiClass=\"Icon\"\n    width=\"48\"\n    height=\"48\"\n    viewBox=\"0 0 48 48\"\n    fill=\"none\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n    {...props}\n  >\n    <path\n      d=\"M9 24L19 34L39 14\"\n      stroke=\"currentColor\"\n      strokeWidth=\"3.5\"\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n    />\n  </svg>\n);\n"],"mappings":";;;;;;;;;;;;;AAAO,IAAMA,iBAAiB,GAAG,SAApBA,iBAAoB,CAACC,KAAD;EAAA,OAC/B;IACE,SAAS,EAAC,MADZ;IAEE,KAAK,EAAC,IAFR;IAGE,MAAM,EAAC,IAHT;IAIE,OAAO,EAAC,WAJV;IAKE,IAAI,EAAC,MALP;IAME,KAAK,EAAC;EANR,GAOMA,KAPN,GASE;IACE,CAAC,EAAC,mBADJ;IAEE,MAAM,EAAC,cAFT;IAGE,WAAW,EAAC,KAHd;IAIE,aAAa,EAAC,OAJhB;IAKE,cAAc,EAAC;EALjB,EATF,CAD+B;AAAA,CAA1B"}

package/dist/cjs/components/ScreenSpinner/ScreenSpinner.d.ts

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+import { SpinnerProps } from "../Spinner/Spinner";
+import "./ScreenSpinner.css";
+export interface ScreenSpinnerProps extends SpinnerProps {
+    state?: "loading" | "cancelable" | "done" | "error";
+}
+/**
+ * @see https://vkcom.github.io/VKUI/#/ScreenSpinner
+ */
+export declare const ScreenSpinner: ({ style, className, state, size, "aria-label": ariaLabel, onClick, ...restProps }: ScreenSpinnerProps) => JSX.Element;

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/ScreenSpinner/ScreenSpinner.tsx"],"names":["ScreenSpinner","style","className","state","size","ariaLabel","onClick","restProps","hideSpinner","Icon","loading","cancelable","Icon24Cancel","done","Icon48DoneOutline","error","Icon48CancelCircle"],"mappings":";;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;AAOA;AACA;AACA;AACO,IAAMA,aAAa,GAAG,SAAhBA,aAAgB,OAQH;AAAA,MAPxBC,KAOwB,QAPxBA,KAOwB;AAAA,MANxBC,SAMwB,QANxBA,SAMwB;AAAA,wBALxBC,KAKwB;AAAA,MALxBA,KAKwB,2BALhB,SAKgB;AAAA,uBAJxBC,IAIwB;AAAA,MAJxBA,IAIwB,0BAJjB,OAIiB;AAAA,4BAHxB,YAGwB;AAAA,MAHVC,SAGU,+BAHE,0BAGF;AAAA,MAFxBC,OAEwB,QAFxBA,OAEwB;AAAA,MADrBC,SACqB;AACxB,MAAMC,WAAW,GAAGL,KAAK,KAAK,MAAV,IAAoBA,KAAK,KAAK,OAAlD;AAEA,MAAMM,IAAI,GAAG;AACXC,IAAAA,OAAO,EAAE;AAAA,aAAM,IAAN;AAAA,KADE;AAEXC,IAAAA,UAAU,EAAEC,mBAFD;AAGXC,IAAAA,IAAI,EAAEC,oCAHK;AAIXC,IAAAA,KAAK,EAAEC;AAJI,IAKXb,KALW,CAAb;AAOA;AAEA,SACE,qCAAC,4BAAD;AACE,IAAA,OAAO,EAAE,KADX;AAEE,IAAA,SAAS,EAAE,4BACT,eADS,EAETK,WAAW,IAAI,4BAFN,iCAGeL,KAHf,EAFb;AAOE,IAAA,SAAS,EAAED,SAPb;AAQE,IAAA,KAAK,EAAED;AART,KAUE;AAAK,IAAA,SAAS,EAAC,0BAAf;AAA0C,IAAA,OAAO,EAAEK;AAAnD,KACE,qCAAC,gBAAD;AACE,IAAA,SAAS,EAAC,wBADZ;AAEE,IAAA,IAAI,EAAEF,IAFR;AAGE,kBAAYC;AAHd,KAIME,SAJN,EADF,EAOE;AAAK,IAAA,SAAS,EAAC;AAAf,KACE,qCAAC,IAAD;AAAM;AAAN,IADF,CAPF,CAVF,CADF;AAwBD,CA5CM","sourcesContent":["import { Spinner, SpinnerProps } from \"../Spinner/Spinner\";\nimport { Icon24Cancel } from \"@vkontakte/icons\";\nimport { Icon48DoneOutline } from \"./Icon48DoneOutline\";\nimport { Icon48CancelCircle } from \"./Icon48CancelCircle\";\nimport { PopoutWrapper } from \"../PopoutWrapper/PopoutWrapper\";\nimport { useScrollLock } from \"../AppRoot/ScrollContext\";\nimport { classNames } from \"../../lib/classNames\";\nimport \"./ScreenSpinner.css\";\n\nexport interface ScreenSpinnerProps extends SpinnerProps {\n  state?: \"loading\" | \"cancelable\" | \"done\" | \"error\";\n}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/ScreenSpinner\n */\nexport const ScreenSpinner = ({\n  style,\n  className,\n  state = \"loading\",\n  size = \"large\",\n  \"aria-label\": ariaLabel = \"Пожалуйста, подождите...\",\n  onClick,\n  ...restProps\n}: ScreenSpinnerProps) => {\n  const hideSpinner = state === \"done\" || state === \"error\";\n\n  const Icon = {\n    loading: () => null,\n    cancelable: Icon24Cancel,\n    done: Icon48DoneOutline,\n    error: Icon48CancelCircle,\n  }[state];\n\n  useScrollLock();\n\n  return (\n    <PopoutWrapper\n      hasMask={false}\n      vkuiClass={classNames(\n        \"ScreenSpinner\",\n        hideSpinner && \"ScreenSpinner--hideSpinner\",\n        `ScreenSpinner--state-${state}`\n      )}\n      className={className}\n      style={style}\n    >\n      <div vkuiClass=\"ScreenSpinner__container\" onClick={onClick}>\n        <Spinner\n          vkuiClass=\"ScreenSpinner__spinner\"\n          size={size}\n          aria-label={ariaLabel}\n          {...restProps}\n        />\n        <div vkuiClass=\"ScreenSpinner__icon\">\n          <Icon aria-hidden />\n        </div>\n      </div>\n    </PopoutWrapper>\n  );\n};\n"],"file":"ScreenSpinner.js"}
+{"version":3,"file":"ScreenSpinner.js","names":["ScreenSpinner","style","className","state","size","ariaLabel","onClick","restProps","hideSpinner","Icon","loading","cancelable","Icon24Cancel","done","Icon48DoneOutline","error","Icon48CancelCircle","useScrollLock","classNames"],"sources":["../../../../src/components/ScreenSpinner/ScreenSpinner.tsx"],"sourcesContent":["import { Spinner, SpinnerProps } from \"../Spinner/Spinner\";\nimport { Icon24Cancel } from \"@vkontakte/icons\";\nimport { Icon48DoneOutline } from \"./Icon48DoneOutline\";\nimport { Icon48CancelCircle } from \"./Icon48CancelCircle\";\nimport { PopoutWrapper } from \"../PopoutWrapper/PopoutWrapper\";\nimport { useScrollLock } from \"../AppRoot/ScrollContext\";\nimport { classNames } from \"../../lib/classNames\";\nimport \"./ScreenSpinner.css\";\n\nexport interface ScreenSpinnerProps extends SpinnerProps {\n  state?: \"loading\" | \"cancelable\" | \"done\" | \"error\";\n}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/ScreenSpinner\n */\nexport const ScreenSpinner = ({\n  style,\n  className,\n  state = \"loading\",\n  size = \"large\",\n  \"aria-label\": ariaLabel = \"Пожалуйста, подождите...\",\n  onClick,\n  ...restProps\n}: ScreenSpinnerProps) => {\n  const hideSpinner = state === \"done\" || state === \"error\";\n\n  const Icon = {\n    loading: () => null,\n    cancelable: Icon24Cancel,\n    done: Icon48DoneOutline,\n    error: Icon48CancelCircle,\n  }[state];\n\n  useScrollLock();\n\n  return (\n    <PopoutWrapper\n      hasMask={false}\n      vkuiClass={classNames(\n        \"ScreenSpinner\",\n        hideSpinner && \"ScreenSpinner--hideSpinner\",\n        `ScreenSpinner--state-${state}`\n      )}\n      className={className}\n      style={style}\n    >\n      <div vkuiClass=\"ScreenSpinner__container\" onClick={onClick}>\n        <Spinner\n          vkuiClass=\"ScreenSpinner__spinner\"\n          size={size}\n          aria-label={ariaLabel}\n          {...restProps}\n        />\n        <div vkuiClass=\"ScreenSpinner__icon\">\n          <Icon aria-hidden />\n        </div>\n      </div>\n    </PopoutWrapper>\n  );\n};\n"],"mappings":";;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;AAOA;AACA;AACA;AACO,IAAMA,aAAa,GAAG,SAAhBA,aAAgB,OAQH;EAAA,IAPxBC,KAOwB,QAPxBA,KAOwB;EAAA,IANxBC,SAMwB,QANxBA,SAMwB;EAAA,sBALxBC,KAKwB;EAAA,IALxBA,KAKwB,2BALhB,SAKgB;EAAA,qBAJxBC,IAIwB;EAAA,IAJxBA,IAIwB,0BAJjB,OAIiB;EAAA,0BAHxB,YAGwB;EAAA,IAHVC,SAGU,+BAHE,0BAGF;EAAA,IAFxBC,OAEwB,QAFxBA,OAEwB;EAAA,IADrBC,SACqB;EACxB,IAAMC,WAAW,GAAGL,KAAK,KAAK,MAAV,IAAoBA,KAAK,KAAK,OAAlD;EAEA,IAAMM,IAAI,GAAG;IACXC,OAAO,EAAE;MAAA,OAAM,IAAN;IAAA,CADE;IAEXC,UAAU,EAAEC,mBAFD;IAGXC,IAAI,EAAEC,oCAHK;IAIXC,KAAK,EAAEC;EAJI,EAKXb,KALW,CAAb;EAOA,IAAAc,4BAAA;EAEA,OACE,qCAAC,4BAAD;IACE,OAAO,EAAE,KADX;IAEE,SAAS,EAAE,IAAAC,sBAAA,EACT,eADS,EAETV,WAAW,IAAI,4BAFN,iCAGeL,KAHf,EAFb;IAOE,SAAS,EAAED,SAPb;IAQE,KAAK,EAAED;EART,GAUE;IAAK,SAAS,EAAC,0BAAf;IAA0C,OAAO,EAAEK;EAAnD,GACE,qCAAC,gBAAD;IACE,SAAS,EAAC,wBADZ;IAEE,IAAI,EAAEF,IAFR;IAGE,cAAYC;EAHd,GAIME,SAJN,EADF,EAOE;IAAK,SAAS,EAAC;EAAf,GACE,qCAAC,IAAD;IAAM;EAAN,EADF,CAPF,CAVF,CADF;AAwBD,CA5CM"}

package/dist/cjs/components/Search/Search.d.ts

@@ -0,0 +1,16 @@
+import * as React from "react";
+import { HasPlatform, HasRef } from "../../types";
+import { VKUITouchEvent } from "../../lib/touch";
+import "./Search.css";
+export declare type InputRef = (element: HTMLInputElement) => void;
+export interface SearchProps extends React.InputHTMLAttributes<HTMLInputElement>, HasRef<HTMLInputElement>, HasPlatform {
+    /**
+     * iOS only. Текст кнопки "отмена", которая чистит текстовое поле и убирает фокус.
+     */
+    after?: React.ReactNode;
+    before?: React.ReactNode;
+    icon?: React.ReactNode;
+    onIconClick?: (e: VKUITouchEvent) => void;
+    defaultValue?: string;
+}
+export declare const Search: React.FC<Pick<SearchProps, "max" | "required" | "disabled" | "hidden" | "dir" | "form" | "slot" | "style" | "title" | "pattern" | "color" | "size" | "icon" | "after" | "multiple" | "height" | "translate" | "width" | "prefix" | "src" | "children" | "className" | "id" | "lang" | "min" | "name" | "type" | "role" | "tabIndex" | "crossOrigin" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "list" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "draggable" | "placeholder" | "spellCheck" | "radioGroup" | "about" | "datatype" | "inlist" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "value" | "alt" | "autoFocus" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "autoComplete" | "accept" | "capture" | "checked" | "maxLength" | "minLength" | "readOnly" | "step" | "getRef" | "before" | "onIconClick">>;

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/Search/Search.tsx"],"names":["SearchPlaceholderTypography","platform","children","restProps","IOS","VKCOM","ANDROID","SearchComponent","before","className","defaultValue","placeholder","after","getRef","icon","onIconClick","noop","style","autoComplete","inputProps","inputRef","React","useState","isFocused","setFocused","value","onChange","sizeY","onFocus","e","onBlur","onCancel","useCallback","nativeInputValueSetter","Object","getOwnPropertyDescriptor","HTMLInputElement","prototype","set","call","current","ev2","Event","bubbles","dispatchEvent","onIconClickStart","originalEvent","onIconCancelClickStart","preventDefault","focus","Search","displayName"],"mappings":"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","sourcesContent":["import * as React from \"react\";\nimport { classNames } from \"../../lib/classNames\";\nimport { withPlatform } from \"../../hoc/withPlatform\";\nimport {\n  Icon16SearchOutline,\n  Icon16Clear,\n  Icon24Cancel,\n} from \"@vkontakte/icons\";\nimport { IOS, VKCOM, ANDROID } from \"../../lib/platform\";\nimport { HasPlatform, HasRef } from \"../../types\";\nimport { Touch, TouchEvent } from \"../Touch/Touch\";\nimport { VKUITouchEvent } from \"../../lib/touch\";\nimport { noop } from \"../../lib/utils\";\nimport { Text } from \"../Typography/Text/Text\";\nimport { Title } from \"../Typography/Title/Title\";\nimport { Headline } from \"../Typography/Headline/Headline\";\nimport { Separator } from \"../Separator/Separator\";\nimport { useExternRef } from \"../../hooks/useExternRef\";\nimport { useEnsuredControl } from \"../../hooks/useEnsuredControl\";\nimport { useAdaptivity } from \"../../hooks/useAdaptivity\";\nimport \"./Search.css\";\n\nexport type InputRef = (element: HTMLInputElement) => void;\n\ninterface SearchPlaceholderTypographyProps\n  extends HasPlatform,\n    React.HTMLAttributes<HTMLElement> {}\n\nconst SearchPlaceholderTypography = ({\n  platform,\n  children,\n  ...restProps\n}: SearchPlaceholderTypographyProps) => {\n  switch (platform) {\n    case IOS:\n      return (\n        <Title {...restProps} level=\"3\" weight=\"3\">\n          {children}\n        </Title>\n      );\n    case VKCOM:\n      return <Text {...restProps}>{children}</Text>;\n    case ANDROID:\n    default:\n      return (\n        <Headline {...restProps} weight=\"3\">\n          {children}\n        </Headline>\n      );\n  }\n};\n\nexport interface SearchProps\n  extends React.InputHTMLAttributes<HTMLInputElement>,\n    HasRef<HTMLInputElement>,\n    HasPlatform {\n  /**\n   * iOS only. Текст кнопки \"отмена\", которая чистит текстовое поле и убирает фокус.\n   */\n  after?: React.ReactNode;\n  before?: React.ReactNode;\n  icon?: React.ReactNode;\n  onIconClick?: (e: VKUITouchEvent) => void;\n  defaultValue?: string;\n}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/Search\n */\nconst SearchComponent = ({\n  before = <Icon16SearchOutline aria-hidden />,\n  className,\n  defaultValue = \"\",\n  placeholder = \"Поиск\",\n  after = \"Отмена\",\n  getRef,\n  platform,\n  icon,\n  onIconClick = noop,\n  style,\n  autoComplete = \"off\",\n  ...inputProps\n}: SearchProps) => {\n  const inputRef = useExternRef(getRef);\n  const [isFocused, setFocused] = React.useState(false);\n  const [value, onChange] = useEnsuredControl(inputProps, { defaultValue });\n  const { sizeY } = useAdaptivity();\n\n  const onFocus = (e: React.FocusEvent<HTMLInputElement>) => {\n    setFocused(true);\n    inputProps.onFocus && inputProps.onFocus(e);\n  };\n\n  const onBlur = (e: React.FocusEvent<HTMLInputElement>) => {\n    setFocused(false);\n    inputProps.onBlur && inputProps.onBlur(e);\n  };\n\n  const onCancel = React.useCallback(() => {\n    // eslint-disable-next-line @typescript-eslint/unbound-method\n    const nativeInputValueSetter = Object.getOwnPropertyDescriptor(\n      HTMLInputElement.prototype,\n      \"value\"\n    )?.set;\n    nativeInputValueSetter?.call(inputRef.current, \"\");\n\n    const ev2 = new Event(\"input\", { bubbles: true });\n    inputRef.current?.dispatchEvent(ev2);\n  }, [inputRef]);\n\n  const onIconClickStart = React.useCallback(\n    (e: TouchEvent) => onIconClick(e.originalEvent),\n    [onIconClick]\n  );\n\n  const onIconCancelClickStart = React.useCallback(\n    (e: TouchEvent) => {\n      e.originalEvent.preventDefault();\n      inputRef.current?.focus();\n      onCancel();\n    },\n    [inputRef, onCancel]\n  );\n\n  return (\n    <div\n      vkuiClass={classNames(\n        \"Search\",\n        platform === VKCOM && \"Search--vkcom\",\n        platform === IOS && \"Search--ios\",\n        // TODO: V5 перенести на новую адаптивность\n        `Search--sizeY-${sizeY}`,\n        isFocused && \"Search--focused\",\n        value && \"Search--has-value\",\n        icon && \"Search--has-after\",\n        after && \"Search--has-icon\"\n      )}\n      className={className}\n      style={style}\n    >\n      <div vkuiClass=\"Search__in\">\n        <div vkuiClass=\"Search__width\" />\n        <label vkuiClass=\"Search__control\">\n          <input\n            type=\"search\"\n            {...inputProps}\n            autoComplete={autoComplete}\n            ref={inputRef}\n            vkuiClass=\"Search__input\"\n            onFocus={onFocus}\n            onBlur={onBlur}\n            onChange={onChange}\n            value={value}\n          />\n          {platform === IOS && after && (\n            <div vkuiClass=\"Search__after-width\">{after}</div>\n          )}\n          <div vkuiClass=\"Search__placeholder\">\n            <div vkuiClass=\"Search__placeholder-in\">\n              {before}\n              <SearchPlaceholderTypography\n                vkuiClass=\"Search__placeholder-text\"\n                platform={platform}\n              >\n                {placeholder}\n              </SearchPlaceholderTypography>\n            </div>\n            {isFocused && platform === IOS && after && (\n              <div vkuiClass=\"Search__after-width\">{after}</div>\n            )}\n          </div>\n        </label>\n        <div vkuiClass=\"Search__after\" onClick={onCancel}>\n          <div vkuiClass=\"Search__icons\">\n            {icon && (\n              <Touch onStart={onIconClickStart} vkuiClass=\"Search__icon\">\n                {icon}\n              </Touch>\n            )}\n            {!!value && (\n              <Touch onStart={onIconCancelClickStart} vkuiClass=\"Search__icon\">\n                {platform === IOS ? <Icon16Clear /> : <Icon24Cancel />}\n              </Touch>\n            )}\n          </div>\n          {platform === IOS && after && (\n            <div vkuiClass=\"Search__after-in\">{after}</div>\n          )}\n        </div>\n      </div>\n      {platform === VKCOM && <Separator vkuiClass=\"Search__separator\" wide />}\n    </div>\n  );\n};\n\nexport const Search = withPlatform(SearchComponent);\n\nSearch.displayName = \"Search\";\n"],"file":"Search.js"}
+{"version":3,"file":"Search.js","names":["SearchPlaceholderTypography","platform","children","restProps","IOS","VKCOM","ANDROID","SearchComponent","before","className","defaultValue","placeholder","after","getRef","icon","onIconClick","noop","style","autoComplete","inputProps","inputRef","useExternRef","React","useState","isFocused","setFocused","useEnsuredControl","value","onChange","useAdaptivity","sizeY","onFocus","e","onBlur","onCancel","useCallback","nativeInputValueSetter","Object","getOwnPropertyDescriptor","HTMLInputElement","prototype","set","call","current","ev2","Event","bubbles","dispatchEvent","onIconClickStart","originalEvent","onIconCancelClickStart","preventDefault","focus","classNames","Search","withPlatform","displayName"],"sources":["../../../../src/components/Search/Search.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { classNames } from \"../../lib/classNames\";\nimport { withPlatform } from \"../../hoc/withPlatform\";\nimport {\n  Icon16SearchOutline,\n  Icon16Clear,\n  Icon24Cancel,\n} from \"@vkontakte/icons\";\nimport { IOS, VKCOM, ANDROID } from \"../../lib/platform\";\nimport { HasPlatform, HasRef } from \"../../types\";\nimport { Touch, TouchEvent } from \"../Touch/Touch\";\nimport { VKUITouchEvent } from \"../../lib/touch\";\nimport { noop } from \"../../lib/utils\";\nimport { Text } from \"../Typography/Text/Text\";\nimport { Title } from \"../Typography/Title/Title\";\nimport { Headline } from \"../Typography/Headline/Headline\";\nimport { Separator } from \"../Separator/Separator\";\nimport { useExternRef } from \"../../hooks/useExternRef\";\nimport { useEnsuredControl } from \"../../hooks/useEnsuredControl\";\nimport { useAdaptivity } from \"../../hooks/useAdaptivity\";\nimport \"./Search.css\";\n\nexport type InputRef = (element: HTMLInputElement) => void;\n\ninterface SearchPlaceholderTypographyProps\n  extends HasPlatform,\n    React.HTMLAttributes<HTMLElement> {}\n\nconst SearchPlaceholderTypography = ({\n  platform,\n  children,\n  ...restProps\n}: SearchPlaceholderTypographyProps) => {\n  switch (platform) {\n    case IOS:\n      return (\n        <Title {...restProps} level=\"3\" weight=\"3\">\n          {children}\n        </Title>\n      );\n    case VKCOM:\n      return <Text {...restProps}>{children}</Text>;\n    case ANDROID:\n    default:\n      return (\n        <Headline {...restProps} weight=\"3\">\n          {children}\n        </Headline>\n      );\n  }\n};\n\nexport interface SearchProps\n  extends React.InputHTMLAttributes<HTMLInputElement>,\n    HasRef<HTMLInputElement>,\n    HasPlatform {\n  /**\n   * iOS only. Текст кнопки \"отмена\", которая чистит текстовое поле и убирает фокус.\n   */\n  after?: React.ReactNode;\n  before?: React.ReactNode;\n  icon?: React.ReactNode;\n  onIconClick?: (e: VKUITouchEvent) => void;\n  defaultValue?: string;\n}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/Search\n */\nconst SearchComponent = ({\n  before = <Icon16SearchOutline aria-hidden />,\n  className,\n  defaultValue = \"\",\n  placeholder = \"Поиск\",\n  after = \"Отмена\",\n  getRef,\n  platform,\n  icon,\n  onIconClick = noop,\n  style,\n  autoComplete = \"off\",\n  ...inputProps\n}: SearchProps) => {\n  const inputRef = useExternRef(getRef);\n  const [isFocused, setFocused] = React.useState(false);\n  const [value, onChange] = useEnsuredControl(inputProps, { defaultValue });\n  const { sizeY } = useAdaptivity();\n\n  const onFocus = (e: React.FocusEvent<HTMLInputElement>) => {\n    setFocused(true);\n    inputProps.onFocus && inputProps.onFocus(e);\n  };\n\n  const onBlur = (e: React.FocusEvent<HTMLInputElement>) => {\n    setFocused(false);\n    inputProps.onBlur && inputProps.onBlur(e);\n  };\n\n  const onCancel = React.useCallback(() => {\n    // eslint-disable-next-line @typescript-eslint/unbound-method\n    const nativeInputValueSetter = Object.getOwnPropertyDescriptor(\n      HTMLInputElement.prototype,\n      \"value\"\n    )?.set;\n    nativeInputValueSetter?.call(inputRef.current, \"\");\n\n    const ev2 = new Event(\"input\", { bubbles: true });\n    inputRef.current?.dispatchEvent(ev2);\n  }, [inputRef]);\n\n  const onIconClickStart = React.useCallback(\n    (e: TouchEvent) => onIconClick(e.originalEvent),\n    [onIconClick]\n  );\n\n  const onIconCancelClickStart = React.useCallback(\n    (e: TouchEvent) => {\n      e.originalEvent.preventDefault();\n      inputRef.current?.focus();\n      onCancel();\n    },\n    [inputRef, onCancel]\n  );\n\n  return (\n    <div\n      vkuiClass={classNames(\n        \"Search\",\n        platform === VKCOM && \"Search--vkcom\",\n        platform === IOS && \"Search--ios\",\n        // TODO: V5 перенести на новую адаптивность\n        `Search--sizeY-${sizeY}`,\n        isFocused && \"Search--focused\",\n        value && \"Search--has-value\",\n        icon && \"Search--has-after\",\n        after && \"Search--has-icon\"\n      )}\n      className={className}\n      style={style}\n    >\n      <div vkuiClass=\"Search__in\">\n        <div vkuiClass=\"Search__width\" />\n        <label vkuiClass=\"Search__control\">\n          <input\n            type=\"search\"\n            {...inputProps}\n            autoComplete={autoComplete}\n            ref={inputRef}\n            vkuiClass=\"Search__input\"\n            onFocus={onFocus}\n            onBlur={onBlur}\n            onChange={onChange}\n            value={value}\n          />\n          {platform === IOS && after && (\n            <div vkuiClass=\"Search__after-width\">{after}</div>\n          )}\n          <div vkuiClass=\"Search__placeholder\">\n            <div vkuiClass=\"Search__placeholder-in\">\n              {before}\n              <SearchPlaceholderTypography\n                vkuiClass=\"Search__placeholder-text\"\n                platform={platform}\n              >\n                {placeholder}\n              </SearchPlaceholderTypography>\n            </div>\n            {isFocused && platform === IOS && after && (\n              <div vkuiClass=\"Search__after-width\">{after}</div>\n            )}\n          </div>\n        </label>\n        <div vkuiClass=\"Search__after\" onClick={onCancel}>\n          <div vkuiClass=\"Search__icons\">\n            {icon && (\n              <Touch onStart={onIconClickStart} vkuiClass=\"Search__icon\">\n                {icon}\n              </Touch>\n            )}\n            {!!value && (\n              <Touch onStart={onIconCancelClickStart} vkuiClass=\"Search__icon\">\n                {platform === IOS ? <Icon16Clear /> : <Icon24Cancel />}\n              </Touch>\n            )}\n          </div>\n          {platform === IOS && after && (\n            <div vkuiClass=\"Search__after-in\">{after}</div>\n          )}\n        </div>\n      </div>\n      {platform === VKCOM && <Separator vkuiClass=\"Search__separator\" wide />}\n    </div>\n  );\n};\n\nexport const Search = withPlatform(SearchComponent);\n\nSearch.displayName = \"Search\";\n"],"mappings":"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"}

package/dist/cjs/components/SegmentedControl/SegmentedControl.d.ts

@@ -0,0 +1,20 @@
+import * as React from "react";
+import { HasRootRef } from "../../types";
+import "./SegmentedControl.css";
+export declare type SegmentedControlValue = string | number | undefined;
+export interface SegmentedControlOptionInterface extends Omit<React.HTMLAttributes<HTMLElement>, "label"> {
+    label: React.ReactChild;
+    value: SegmentedControlValue;
+}
+export interface SegmentedControlProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "onChange">, HasRootRef<HTMLDivElement> {
+    options: SegmentedControlOptionInterface[];
+    size?: "m" | "l";
+    name?: string;
+    onChange?: (value: SegmentedControlValue) => void;
+    value?: SegmentedControlValue;
+    defaultValue?: SegmentedControlValue;
+}
+/**
+ * @see https://vkcom.github.io/VKUI/#/SegmentedControl
+ */
+export declare const SegmentedControl: ({ size, name, options, getRootRef, onChange, value: valueProp, defaultValue, children, ...restProps }: SegmentedControlProps) => JSX.Element;

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/SegmentedControl/SegmentedControl.tsx"],"names":["warn","SegmentedControl","size","name","options","getRootRef","onChange","noop","valueProp","value","defaultValue","children","restProps","sizeY","initialValue","process","env","NODE_ENV","undefined","React","useState","activeOptionIdx","updateActiveOptionIdx","valueLocal","updateValueLocal","nameRef","useRef","_activeOptionIdx","findIndex","option","translateX","handleOnChange","width","length","transform","WebkitTransform","map","label","optionProps","current"],"mappings":"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","sourcesContent":["import * as React from \"react\";\nimport { classNames } from \"../../lib/classNames\";\nimport { useIsomorphicLayoutEffect } from \"../../lib/useIsomorphicLayoutEffect\";\nimport { generateRandomId, noop } from \"../../lib/utils\";\nimport { warnOnce } from \"../../lib/warnOnce\";\nimport { SegmentedControlOption } from \"./SegmentedControlOption/SegmentedControlOption\";\nimport { HasRootRef } from \"../../types\";\nimport { useAdaptivity } from \"../../hooks/useAdaptivity\";\nimport \"./SegmentedControl.css\";\n\nexport type SegmentedControlValue = string | number | undefined;\n\nexport interface SegmentedControlOptionInterface\n  extends Omit<React.HTMLAttributes<HTMLElement>, \"label\"> {\n  label: React.ReactChild;\n  value: SegmentedControlValue;\n}\n\nexport interface SegmentedControlProps\n  extends Omit<React.HTMLAttributes<HTMLDivElement>, \"onChange\">,\n    HasRootRef<HTMLDivElement> {\n  options: SegmentedControlOptionInterface[];\n  size?: \"m\" | \"l\";\n  name?: string;\n  onChange?: (value: SegmentedControlValue) => void;\n  value?: SegmentedControlValue;\n  defaultValue?: SegmentedControlValue;\n}\n\nconst warn = warnOnce(\"SegmentedControl\");\n\n/**\n * @see https://vkcom.github.io/VKUI/#/SegmentedControl\n */\nexport const SegmentedControl = ({\n  size = \"l\",\n  name,\n  options,\n  getRootRef,\n  onChange = noop,\n  value: valueProp,\n  defaultValue,\n  children,\n  ...restProps\n}: SegmentedControlProps) => {\n  const { sizeY } = useAdaptivity();\n  const initialValue = defaultValue ?? options[0]?.value;\n\n  if (process.env.NODE_ENV === \"development\") {\n    if (valueProp !== undefined && defaultValue !== undefined) {\n      warn(\n        \"SegmentedControl должен быть либо управляемым, либо неуправляемым\" +\n          \"(укажите либо свойство value, либо свойство defaultValue, но не оба).\",\n        \"error\"\n      );\n    }\n  }\n\n  const [activeOptionIdx, updateActiveOptionIdx] = React.useState<number>(0);\n  const [valueLocal, updateValueLocal] =\n    React.useState<SegmentedControlValue>(initialValue);\n\n  const value = valueProp ?? valueLocal;\n\n  const nameRef = React.useRef<string>(name ?? generateRandomId());\n\n  useIsomorphicLayoutEffect(() => {\n    const _activeOptionIdx = options.findIndex(\n      (option) => option.value === value\n    );\n\n    if (_activeOptionIdx === -1 && process.env.NODE_ENV === \"development\") {\n      warn(\"defaultValue: такого значения нет среди опций!\", \"error\");\n    }\n\n    updateActiveOptionIdx(_activeOptionIdx);\n  }, [value, options]);\n\n  const translateX = `translateX(${100 * activeOptionIdx}%)`;\n\n  const handleOnChange = (value: SegmentedControlValue) => {\n    if (valueProp === undefined) {\n      updateValueLocal(value);\n    }\n    onChange(value);\n  };\n\n  return (\n    <div\n      {...restProps}\n      vkuiClass={classNames(\n        \"SegmentedControl\",\n        // TODO v5.0.0 поправить под новую адаптивность\n        `SegmentedControl--sizeY-${sizeY}`,\n        `SegmentedControl--${size}`\n      )}\n      ref={getRootRef}\n    >\n      <div role=\"radiogroup\" vkuiClass=\"SegmentedControl__in\">\n        {activeOptionIdx > -1 && (\n          <div\n            aria-hidden=\"true\"\n            vkuiClass=\"SegmentedControl__slider\"\n            style={{\n              width: `${100 / options.length}%`,\n              transform: translateX,\n              WebkitTransform: translateX,\n            }}\n          />\n        )}\n        {options.map(({ label, ...optionProps }) => (\n          <SegmentedControlOption\n            key={`${optionProps.value}`}\n            {...optionProps}\n            vkuiClass=\"SegmentedControl__option\"\n            name={nameRef.current}\n            checked={value === optionProps.value}\n            onChange={() => handleOnChange(optionProps.value)}\n          >\n            {label}\n          </SegmentedControlOption>\n        ))}\n      </div>\n    </div>\n  );\n};\n"],"file":"SegmentedControl.js"}
+{"version":3,"file":"SegmentedControl.js","names":["warn","warnOnce","SegmentedControl","size","name","options","getRootRef","onChange","noop","valueProp","value","defaultValue","children","restProps","useAdaptivity","sizeY","initialValue","process","env","NODE_ENV","undefined","React","useState","activeOptionIdx","updateActiveOptionIdx","valueLocal","updateValueLocal","nameRef","useRef","generateRandomId","useIsomorphicLayoutEffect","_activeOptionIdx","findIndex","option","translateX","handleOnChange","classNames","width","length","transform","WebkitTransform","map","label","optionProps","current"],"sources":["../../../../src/components/SegmentedControl/SegmentedControl.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { classNames } from \"../../lib/classNames\";\nimport { useIsomorphicLayoutEffect } from \"../../lib/useIsomorphicLayoutEffect\";\nimport { generateRandomId, noop } from \"../../lib/utils\";\nimport { warnOnce } from \"../../lib/warnOnce\";\nimport { SegmentedControlOption } from \"./SegmentedControlOption/SegmentedControlOption\";\nimport { HasRootRef } from \"../../types\";\nimport { useAdaptivity } from \"../../hooks/useAdaptivity\";\nimport \"./SegmentedControl.css\";\n\nexport type SegmentedControlValue = string | number | undefined;\n\nexport interface SegmentedControlOptionInterface\n  extends Omit<React.HTMLAttributes<HTMLElement>, \"label\"> {\n  label: React.ReactChild;\n  value: SegmentedControlValue;\n}\n\nexport interface SegmentedControlProps\n  extends Omit<React.HTMLAttributes<HTMLDivElement>, \"onChange\">,\n    HasRootRef<HTMLDivElement> {\n  options: SegmentedControlOptionInterface[];\n  size?: \"m\" | \"l\";\n  name?: string;\n  onChange?: (value: SegmentedControlValue) => void;\n  value?: SegmentedControlValue;\n  defaultValue?: SegmentedControlValue;\n}\n\nconst warn = warnOnce(\"SegmentedControl\");\n\n/**\n * @see https://vkcom.github.io/VKUI/#/SegmentedControl\n */\nexport const SegmentedControl = ({\n  size = \"l\",\n  name,\n  options,\n  getRootRef,\n  onChange = noop,\n  value: valueProp,\n  defaultValue,\n  children,\n  ...restProps\n}: SegmentedControlProps) => {\n  const { sizeY } = useAdaptivity();\n  const initialValue = defaultValue ?? options[0]?.value;\n\n  if (process.env.NODE_ENV === \"development\") {\n    if (valueProp !== undefined && defaultValue !== undefined) {\n      warn(\n        \"SegmentedControl должен быть либо управляемым, либо неуправляемым\" +\n          \"(укажите либо свойство value, либо свойство defaultValue, но не оба).\",\n        \"error\"\n      );\n    }\n  }\n\n  const [activeOptionIdx, updateActiveOptionIdx] = React.useState<number>(0);\n  const [valueLocal, updateValueLocal] =\n    React.useState<SegmentedControlValue>(initialValue);\n\n  const value = valueProp ?? valueLocal;\n\n  const nameRef = React.useRef<string>(name ?? generateRandomId());\n\n  useIsomorphicLayoutEffect(() => {\n    const _activeOptionIdx = options.findIndex(\n      (option) => option.value === value\n    );\n\n    if (_activeOptionIdx === -1 && process.env.NODE_ENV === \"development\") {\n      warn(\"defaultValue: такого значения нет среди опций!\", \"error\");\n    }\n\n    updateActiveOptionIdx(_activeOptionIdx);\n  }, [value, options]);\n\n  const translateX = `translateX(${100 * activeOptionIdx}%)`;\n\n  const handleOnChange = (value: SegmentedControlValue) => {\n    if (valueProp === undefined) {\n      updateValueLocal(value);\n    }\n    onChange(value);\n  };\n\n  return (\n    <div\n      {...restProps}\n      vkuiClass={classNames(\n        \"SegmentedControl\",\n        // TODO v5.0.0 поправить под новую адаптивность\n        `SegmentedControl--sizeY-${sizeY}`,\n        `SegmentedControl--${size}`\n      )}\n      ref={getRootRef}\n    >\n      <div role=\"radiogroup\" vkuiClass=\"SegmentedControl__in\">\n        {activeOptionIdx > -1 && (\n          <div\n            aria-hidden=\"true\"\n            vkuiClass=\"SegmentedControl__slider\"\n            style={{\n              width: `${100 / options.length}%`,\n              transform: translateX,\n              WebkitTransform: translateX,\n            }}\n          />\n        )}\n        {options.map(({ label, ...optionProps }) => (\n          <SegmentedControlOption\n            key={`${optionProps.value}`}\n            {...optionProps}\n            vkuiClass=\"SegmentedControl__option\"\n            name={nameRef.current}\n            checked={value === optionProps.value}\n            onChange={() => handleOnChange(optionProps.value)}\n          >\n            {label}\n          </SegmentedControlOption>\n        ))}\n      </div>\n    </div>\n  );\n};\n"],"mappings":"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"}

package/dist/cjs/components/SegmentedControl/SegmentedControlOption/SegmentedControlOption.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+import { VisuallyHiddenInputProps } from "../../VisuallyHiddenInput/VisuallyHiddenInput";
+import "./SegmentedControlOption.css";
+/**
+ * @see https://vkcom.github.io/VKUI/#/SegmentedControl
+ */
+export declare const SegmentedControlOption: ({ className, style, children, ...restProps }: VisuallyHiddenInputProps) => JSX.Element;

package/dist/cjs/components/SegmentedControl/SegmentedControlOption/SegmentedControlOption.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/components/SegmentedControl/SegmentedControlOption/SegmentedControlOption.tsx"],"names":["SegmentedControlOption","className","style","children","restProps","focusVisible","onBlur","onFocus","sizeY","checked","SizeType","COMPACT"],"mappings":";;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;AAMA;AACA;AACA;AACO,IAAMA,sBAAsB,GAAG,SAAzBA,sBAAyB,OAKN;AAAA,MAJ9BC,SAI8B,QAJ9BA,SAI8B;AAAA,MAH9BC,KAG8B,QAH9BA,KAG8B;AAAA,MAF9BC,QAE8B,QAF9BA,QAE8B;AAAA,MAD3BC,SAC2B;;AAC9B,yBAA0C,wCAA1C;AAAA,MAAQC,YAAR,oBAAQA,YAAR;AAAA,MAAsBC,MAAtB,oBAAsBA,MAAtB;AAAA,MAA8BC,OAA9B,oBAA8BA,OAA9B;;AACA,uBAAkB,oCAAlB;AAAA,MAAQC,KAAR,kBAAQA,KAAR;;AAEA,SACE;AACE,IAAA,SAAS,EAAEP,SADb;AAEE,IAAA,KAAK,EAAEC,KAFT;AAGE,IAAA,SAAS,EAAE,4BACT,wBADS,EAETE,SAAS,CAACK,OAAV,IAAqB,iCAFZ,EAGTJ,YAAY,IAAI,uCAHP;AAHb,KASE,qCAAC,wCAAD,6BACMD,SADN;AAEE,IAAA,IAAI,EAAC,OAFP;AAGE,IAAA,MAAM,EAAE,gCAAaE,MAAb,EAAqBF,SAAS,CAACE,MAA/B,CAHV;AAIE,IAAA,OAAO,EAAE,gCAAaC,OAAb,EAAsBH,SAAS,CAACG,OAAhC;AAJX,KATF,EAgBGC,KAAK,KAAKE,4BAASC,OAAnB,GACC,qCAAC,gBAAD;AACE,IAAA,KAAK,EAAC,GADR;AAEE,IAAA,SAAS,EAAC,iCAFZ;AAGE,IAAA,MAAM,EAAC;AAHT,KAKGR,QALH,CADD,GASC,qCAAC,UAAD;AAAM,IAAA,SAAS,EAAC,iCAAhB;AAAkD,IAAA,MAAM,EAAC;AAAzD,KACGA,QADH,CAzBJ,EA6BE,qCAAC,0BAAD;AAAc,IAAA,IAAI,EAAC;AAAnB,IA7BF,CADF;AAiCD,CA1CM","sourcesContent":["import { useAdaptivity } from \"../../../hooks/useAdaptivity\";\nimport { useFocusVisible } from \"../../../hooks/useFocusVisible\";\nimport { callMultiple } from \"../../../lib/callMultiple\";\nimport { classNames } from \"../../../lib/classNames\";\nimport { SizeType } from \"../../AdaptivityProvider/AdaptivityContext\";\nimport { FocusVisible } from \"../../FocusVisible/FocusVisible\";\nimport { Text } from \"../../Typography/Text/Text\";\nimport { Caption } from \"../../Typography/Caption/Caption\";\nimport {\n  VisuallyHiddenInput,\n  VisuallyHiddenInputProps,\n} from \"../../VisuallyHiddenInput/VisuallyHiddenInput\";\nimport \"./SegmentedControlOption.css\";\n\n/**\n * @see https://vkcom.github.io/VKUI/#/SegmentedControl\n */\nexport const SegmentedControlOption = ({\n  className,\n  style,\n  children,\n  ...restProps\n}: VisuallyHiddenInputProps) => {\n  const { focusVisible, onBlur, onFocus } = useFocusVisible();\n  const { sizeY } = useAdaptivity();\n\n  return (\n    <label\n      className={className}\n      style={style}\n      vkuiClass={classNames(\n        \"SegmentedControlOption\",\n        restProps.checked && \"SegmentedControlOption--checked\",\n        focusVisible && \"SegmentedControlOption--focus-visible\"\n      )}\n    >\n      <VisuallyHiddenInput\n        {...restProps}\n        type=\"radio\"\n        onBlur={callMultiple(onBlur, restProps.onBlur)}\n        onFocus={callMultiple(onFocus, restProps.onFocus)}\n      />\n      {/* TODO v5.0.0 поправить под новую адаптивность */}\n      {sizeY === SizeType.COMPACT ? (\n        <Caption\n          level=\"1\"\n          vkuiClass=\"SegmentedControlOption__content\"\n          weight=\"3\"\n        >\n          {children}\n        </Caption>\n      ) : (\n        <Text vkuiClass=\"SegmentedControlOption__content\" weight=\"2\">\n          {children}\n        </Text>\n      )}\n      <FocusVisible mode=\"inside\" />\n    </label>\n  );\n};\n"],"file":"SegmentedControlOption.js"}
+{"version":3,"file":"SegmentedControlOption.js","names":["SegmentedControlOption","className","style","children","restProps","useFocusVisible","focusVisible","onBlur","onFocus","useAdaptivity","sizeY","classNames","checked","callMultiple","SizeType","COMPACT"],"sources":["../../../../../src/components/SegmentedControl/SegmentedControlOption/SegmentedControlOption.tsx"],"sourcesContent":["import { useAdaptivity } from \"../../../hooks/useAdaptivity\";\nimport { useFocusVisible } from \"../../../hooks/useFocusVisible\";\nimport { callMultiple } from \"../../../lib/callMultiple\";\nimport { classNames } from \"../../../lib/classNames\";\nimport { SizeType } from \"../../AdaptivityProvider/AdaptivityContext\";\nimport { FocusVisible } from \"../../FocusVisible/FocusVisible\";\nimport { Text } from \"../../Typography/Text/Text\";\nimport { Caption } from \"../../Typography/Caption/Caption\";\nimport {\n  VisuallyHiddenInput,\n  VisuallyHiddenInputProps,\n} from \"../../VisuallyHiddenInput/VisuallyHiddenInput\";\nimport \"./SegmentedControlOption.css\";\n\n/**\n * @see https://vkcom.github.io/VKUI/#/SegmentedControl\n */\nexport const SegmentedControlOption = ({\n  className,\n  style,\n  children,\n  ...restProps\n}: VisuallyHiddenInputProps) => {\n  const { focusVisible, onBlur, onFocus } = useFocusVisible();\n  const { sizeY } = useAdaptivity();\n\n  return (\n    <label\n      className={className}\n      style={style}\n      vkuiClass={classNames(\n        \"SegmentedControlOption\",\n        restProps.checked && \"SegmentedControlOption--checked\",\n        focusVisible && \"SegmentedControlOption--focus-visible\"\n      )}\n    >\n      <VisuallyHiddenInput\n        {...restProps}\n        type=\"radio\"\n        onBlur={callMultiple(onBlur, restProps.onBlur)}\n        onFocus={callMultiple(onFocus, restProps.onFocus)}\n      />\n      {/* TODO v5.0.0 поправить под новую адаптивность */}\n      {sizeY === SizeType.COMPACT ? (\n        <Caption\n          level=\"1\"\n          vkuiClass=\"SegmentedControlOption__content\"\n          weight=\"3\"\n        >\n          {children}\n        </Caption>\n      ) : (\n        <Text vkuiClass=\"SegmentedControlOption__content\" weight=\"2\">\n          {children}\n        </Text>\n      )}\n      <FocusVisible mode=\"inside\" />\n    </label>\n  );\n};\n"],"mappings":";;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;AAMA;AACA;AACA;AACO,IAAMA,sBAAsB,GAAG,SAAzBA,sBAAyB,OAKN;EAAA,IAJ9BC,SAI8B,QAJ9BA,SAI8B;EAAA,IAH9BC,KAG8B,QAH9BA,KAG8B;EAAA,IAF9BC,QAE8B,QAF9BA,QAE8B;EAAA,IAD3BC,SAC2B;;EAC9B,uBAA0C,IAAAC,iCAAA,GAA1C;EAAA,IAAQC,YAAR,oBAAQA,YAAR;EAAA,IAAsBC,MAAtB,oBAAsBA,MAAtB;EAAA,IAA8BC,OAA9B,oBAA8BA,OAA9B;;EACA,qBAAkB,IAAAC,6BAAA,GAAlB;EAAA,IAAQC,KAAR,kBAAQA,KAAR;;EAEA,OACE;IACE,SAAS,EAAET,SADb;IAEE,KAAK,EAAEC,KAFT;IAGE,SAAS,EAAE,IAAAS,sBAAA,EACT,wBADS,EAETP,SAAS,CAACQ,OAAV,IAAqB,iCAFZ,EAGTN,YAAY,IAAI,uCAHP;EAHb,GASE,qCAAC,wCAAD,6BACMF,SADN;IAEE,IAAI,EAAC,OAFP;IAGE,MAAM,EAAE,IAAAS,0BAAA,EAAaN,MAAb,EAAqBH,SAAS,CAACG,MAA/B,CAHV;IAIE,OAAO,EAAE,IAAAM,0BAAA,EAAaL,OAAb,EAAsBJ,SAAS,CAACI,OAAhC;EAJX,GATF,EAgBGE,KAAK,KAAKI,2BAAA,CAASC,OAAnB,GACC,qCAAC,gBAAD;IACE,KAAK,EAAC,GADR;IAEE,SAAS,EAAC,iCAFZ;IAGE,MAAM,EAAC;EAHT,GAKGZ,QALH,CADD,GASC,qCAAC,UAAD;IAAM,SAAS,EAAC,iCAAhB;IAAkD,MAAM,EAAC;EAAzD,GACGA,QADH,CAzBJ,EA6BE,qCAAC,0BAAD;IAAc,IAAI,EAAC;EAAnB,EA7BF,CADF;AAiCD,CA1CM"}

package/dist/cjs/components/Select/Select.d.ts

@@ -0,0 +1,18 @@
+import * as React from "react";
+import { CustomSelectProps } from "../CustomSelect/CustomSelect";
+import { AdaptivityContextInterface, AdaptivityProps } from "../AdaptivityProvider/AdaptivityContext";
+export declare const SelectType: {
+    readonly default: "default";
+    readonly plain: "plain";
+    readonly accent: "accent";
+};
+/**
+ * @see https://vkcom.github.io/VKUI/#/SelectTypography
+ */
+export declare const SelectTypography: ({ selectType, children, ...restProps }: React.PropsWithChildren<Pick<CustomSelectProps, "selectType">>) => JSX.Element;
+export interface SelectProps extends CustomSelectProps, AdaptivityProps {
+}
+/**
+ * @see https://vkcom.github.io/VKUI/#/Select
+ */
+export declare const Select: React.FC<Pick<SelectProps & AdaptivityContextInterface, "platform" | "required" | "disabled" | "hidden" | "dir" | "form" | "slot" | "style" | "title" | "color" | "size" | "icon" | "after" | "multiple" | "translate" | "prefix" | "children" | "className" | "id" | "lang" | "name" | "role" | "tabIndex" | "mode" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "status" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "draggable" | "placeholder" | "spellCheck" | "radioGroup" | "about" | "datatype" | "inlist" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "value" | "autoFocus" | "autoComplete" | "align" | "getRootRef" | "getRef" | "onOpen" | "onClose" | "before" | "options" | "popupDirection" | "multiline" | "onInputChange" | "selectType" | "searchable" | "emptyText" | "filterFn" | "renderOption" | "renderDropdown" | "fetching" | "dropdownOffsetDistance" | "fixDropdownWidth" | "forceDropdownPortal" | "autoHideScrollbar" | "autoHideScrollbarDelay"> & import("../AdaptivityProvider/AdaptivityContext").SizeProps>;

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/Select/Select.tsx"],"names":["SelectType","default","plain","accent","SelectTypography","selectType","children","restProps","platform","sizeY","Platform","ANDROID","Component","VKCOM","SizeType","COMPACT","Text","Headline","SelectComponent","hasMouse","props","options","popupDirection","renderOption","map","label","value","Select","displayName"],"mappings":";;;;;;;;;;;;;;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AAKA;;AACA;;AACA;;;;;;AAEO,IAAMA,UAAU,GAAG;AACxBC,EAAAA,OAAO,EAAE,SADe;AAExBC,EAAAA,KAAK,EAAE,OAFiB;AAGxBC,EAAAA,MAAM,EAAE;AAHgB,CAAnB,C,CAMP;;AACA;AACA;AACA;;;;AACO,IAAMC,gBAAgB,GAAG,SAAnBA,gBAAmB,OAIsC;AAAA,6BAHpEC,UAGoE;AAAA,MAHpEA,UAGoE,gCAHvDL,UAAU,CAACC,OAG4C;AAAA,MAFpEK,QAEoE,QAFpEA,QAEoE;AAAA,MADjEC,SACiE;AACpE,MAAMC,QAAQ,GAAG,+BAAjB;;AACA,uBAAkB,oCAAlB;AAAA,MAAQC,KAAR,kBAAQA,KAAR;;AAEA,MAAIJ,UAAU,KAAKL,UAAU,CAACG,MAA9B,EAAsC;AACpC,WACE,qCAAC,oBAAD;AACE,MAAA,MAAM,EAAEK,QAAQ,KAAKE,mBAASC,OAAtB,GAAgC,GAAhC,GAAsC;AADhD,OAEMJ,SAFN,GAIGD,QAJH,CADF;AAQD;;AAED,MAAMM,SAAS,GACbJ,QAAQ,KAAKK,eAAb,IAAsBJ,KAAK,KAAKK,4BAASC,OAAzC,GAAmDC,UAAnD,GAA0DC,kBAD5D;AAGA,SACE,qCAAC,SAAD;AAAW,IAAA,SAAS,EAAC;AAArB,KAAgCV,SAAhC,GACGD,QADH,CADF;AAKD,CA3BM;;;;AA+BP,IAAMY,eAAe,GAAG,SAAlBA,eAAkB,QAGwB;AAAA,MAF9CC,QAE8C,SAF9CA,QAE8C;AAAA,MAD3CC,KAC2C;;AAC9C;AACA,MAAID,QAAJ,EAAc;AACZ,QAAQb,QAAR,GAAmCc,KAAnC,CAAQd,QAAR;AAAA,QAAqBC,UAArB,0CAAmCa,KAAnC;;AAEA,WAAO,qCAAC,0BAAD,EAAkBb,UAAlB,CAAP;AACD;;AAED,uBAAqEa,KAArE,CAAQC,OAAR;AAAA,MAAQA,OAAR,+BAAkB,EAAlB;AAAA,MAAsBC,cAAtB,GAAqEF,KAArE,CAAsBE,cAAtB;AAAA,MAAsCC,YAAtC,GAAqEH,KAArE,CAAsCG,YAAtC;AAAA,MAAuDhB,SAAvD,0CAAqEa,KAArE;AAEA,SACE,qCAAC,0BAAD,EAAkBb,SAAlB,EACGc,OAAO,CAACG,GAAR,CAAY;AAAA,QAAGC,KAAH,SAAGA,KAAH;AAAA,QAAUC,KAAV,SAAUA,KAAV;AAAA,WACX;AAAQ,MAAA,KAAK,EAAEA,KAAf;AAAsB,MAAA,GAAG,YAAKA,KAAL;AAAzB,OACGD,KADH,CADW;AAAA,GAAZ,CADH,CADF;AASD,CAtBD;AAwBA;AACA;AACA;;;AACO,IAAME,MAAM,GAAG,oCAAeT,eAAf,EAAgC;AACpDC,EAAAA,QAAQ,EAAE;AAD0C,CAAhC,CAAf;;AAIPQ,MAAM,CAACC,WAAP,GAAqB,QAArB","sourcesContent":["import * as React from \"react\";\nimport { NativeSelect } from \"../NativeSelect/NativeSelect\";\nimport { CustomSelect, CustomSelectProps } from \"../CustomSelect/CustomSelect\";\nimport { withAdaptivity } from \"../../hoc/withAdaptivity\";\nimport { useAdaptivity } from \"../../hooks/useAdaptivity\";\nimport { usePlatform } from \"../../hooks/usePlatform\";\nimport { Platform, VKCOM } from \"../../lib/platform\";\nimport {\n  AdaptivityContextInterface,\n  AdaptivityProps,\n  SizeType,\n} from \"../AdaptivityProvider/AdaptivityContext\";\nimport { Paragraph } from \"../Typography/Paragraph/Paragraph\";\nimport { Text } from \"../Typography/Text/Text\";\nimport { Headline } from \"../Typography/Headline/Headline\";\n\nexport const SelectType = {\n  default: \"default\",\n  plain: \"plain\",\n  accent: \"accent\",\n} as const;\n\n// TODO v5.0.0 поправить под новую адаптивность\n/**\n * @see https://vkcom.github.io/VKUI/#/SelectTypography\n */\nexport const SelectTypography = ({\n  selectType = SelectType.default,\n  children,\n  ...restProps\n}: React.PropsWithChildren<Pick<CustomSelectProps, \"selectType\">>) => {\n  const platform = usePlatform();\n  const { sizeY } = useAdaptivity();\n\n  if (selectType === SelectType.accent) {\n    return (\n      <Paragraph\n        weight={platform === Platform.ANDROID ? \"2\" : \"1\"}\n        {...restProps}\n      >\n        {children}\n      </Paragraph>\n    );\n  }\n\n  const Component =\n    platform === VKCOM || sizeY === SizeType.COMPACT ? Text : Headline;\n\n  return (\n    <Component Component=\"span\" {...restProps}>\n      {children}\n    </Component>\n  );\n};\n\nexport interface SelectProps extends CustomSelectProps, AdaptivityProps {}\n\nconst SelectComponent = ({\n  hasMouse,\n  ...props\n}: SelectProps & AdaptivityContextInterface) => {\n  // Use custom select if device has connected a mouse\n  if (hasMouse) {\n    const { children, ...restProps } = props;\n\n    return <CustomSelect {...restProps} />;\n  }\n\n  const { options = [], popupDirection, renderOption, ...restProps } = props;\n\n  return (\n    <NativeSelect {...restProps}>\n      {options.map(({ label, value }) => (\n        <option value={value} key={`${value}`}>\n          {label}\n        </option>\n      ))}\n    </NativeSelect>\n  );\n};\n\n/**\n * @see https://vkcom.github.io/VKUI/#/Select\n */\nexport const Select = withAdaptivity(SelectComponent, {\n  hasMouse: true,\n});\n\nSelect.displayName = \"Select\";\n"],"file":"Select.js"}
+{"version":3,"file":"Select.js","names":["SelectType","default","plain","accent","SelectTypography","selectType","children","restProps","platform","usePlatform","useAdaptivity","sizeY","Platform","ANDROID","Component","VKCOM","SizeType","COMPACT","Text","Headline","SelectComponent","hasMouse","props","options","popupDirection","renderOption","map","label","value","Select","withAdaptivity","displayName"],"sources":["../../../../src/components/Select/Select.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { NativeSelect } from \"../NativeSelect/NativeSelect\";\nimport { CustomSelect, CustomSelectProps } from \"../CustomSelect/CustomSelect\";\nimport { withAdaptivity } from \"../../hoc/withAdaptivity\";\nimport { useAdaptivity } from \"../../hooks/useAdaptivity\";\nimport { usePlatform } from \"../../hooks/usePlatform\";\nimport { Platform, VKCOM } from \"../../lib/platform\";\nimport {\n  AdaptivityContextInterface,\n  AdaptivityProps,\n  SizeType,\n} from \"../AdaptivityProvider/AdaptivityContext\";\nimport { Paragraph } from \"../Typography/Paragraph/Paragraph\";\nimport { Text } from \"../Typography/Text/Text\";\nimport { Headline } from \"../Typography/Headline/Headline\";\n\nexport const SelectType = {\n  default: \"default\",\n  plain: \"plain\",\n  accent: \"accent\",\n} as const;\n\n// TODO v5.0.0 поправить под новую адаптивность\n/**\n * @see https://vkcom.github.io/VKUI/#/SelectTypography\n */\nexport const SelectTypography = ({\n  selectType = SelectType.default,\n  children,\n  ...restProps\n}: React.PropsWithChildren<Pick<CustomSelectProps, \"selectType\">>) => {\n  const platform = usePlatform();\n  const { sizeY } = useAdaptivity();\n\n  if (selectType === SelectType.accent) {\n    return (\n      <Paragraph\n        weight={platform === Platform.ANDROID ? \"2\" : \"1\"}\n        {...restProps}\n      >\n        {children}\n      </Paragraph>\n    );\n  }\n\n  const Component =\n    platform === VKCOM || sizeY === SizeType.COMPACT ? Text : Headline;\n\n  return (\n    <Component Component=\"span\" {...restProps}>\n      {children}\n    </Component>\n  );\n};\n\nexport interface SelectProps extends CustomSelectProps, AdaptivityProps {}\n\nconst SelectComponent = ({\n  hasMouse,\n  ...props\n}: SelectProps & AdaptivityContextInterface) => {\n  // Use custom select if device has connected a mouse\n  if (hasMouse) {\n    const { children, ...restProps } = props;\n\n    return <CustomSelect {...restProps} />;\n  }\n\n  const { options = [], popupDirection, renderOption, ...restProps } = props;\n\n  return (\n    <NativeSelect {...restProps}>\n      {options.map(({ label, value }) => (\n        <option value={value} key={`${value}`}>\n          {label}\n        </option>\n      ))}\n    </NativeSelect>\n  );\n};\n\n/**\n * @see https://vkcom.github.io/VKUI/#/Select\n */\nexport const Select = withAdaptivity(SelectComponent, {\n  hasMouse: true,\n});\n\nSelect.displayName = \"Select\";\n"],"mappings":";;;;;;;;;;;;;;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AAKA;;AACA;;AACA;;;;;;AAEO,IAAMA,UAAU,GAAG;EACxBC,OAAO,EAAE,SADe;EAExBC,KAAK,EAAE,OAFiB;EAGxBC,MAAM,EAAE;AAHgB,CAAnB,C,CAMP;;AACA;AACA;AACA;;;;AACO,IAAMC,gBAAgB,GAAG,SAAnBA,gBAAmB,OAIsC;EAAA,2BAHpEC,UAGoE;EAAA,IAHpEA,UAGoE,gCAHvDL,UAAU,CAACC,OAG4C;EAAA,IAFpEK,QAEoE,QAFpEA,QAEoE;EAAA,IADjEC,SACiE;EACpE,IAAMC,QAAQ,GAAG,IAAAC,wBAAA,GAAjB;;EACA,qBAAkB,IAAAC,6BAAA,GAAlB;EAAA,IAAQC,KAAR,kBAAQA,KAAR;;EAEA,IAAIN,UAAU,KAAKL,UAAU,CAACG,MAA9B,EAAsC;IACpC,OACE,qCAAC,oBAAD;MACE,MAAM,EAAEK,QAAQ,KAAKI,kBAAA,CAASC,OAAtB,GAAgC,GAAhC,GAAsC;IADhD,GAEMN,SAFN,GAIGD,QAJH,CADF;EAQD;;EAED,IAAMQ,SAAS,GACbN,QAAQ,KAAKO,eAAb,IAAsBJ,KAAK,KAAKK,2BAAA,CAASC,OAAzC,GAAmDC,UAAnD,GAA0DC,kBAD5D;EAGA,OACE,qCAAC,SAAD;IAAW,SAAS,EAAC;EAArB,GAAgCZ,SAAhC,GACGD,QADH,CADF;AAKD,CA3BM;;;;AA+BP,IAAMc,eAAe,GAAG,SAAlBA,eAAkB,QAGwB;EAAA,IAF9CC,QAE8C,SAF9CA,QAE8C;EAAA,IAD3CC,KAC2C;;EAC9C;EACA,IAAID,QAAJ,EAAc;IACZ,IAAQf,QAAR,GAAmCgB,KAAnC,CAAQhB,QAAR;IAAA,IAAqBC,UAArB,0CAAmCe,KAAnC;;IAEA,OAAO,qCAAC,0BAAD,EAAkBf,UAAlB,CAAP;EACD;;EAED,qBAAqEe,KAArE,CAAQC,OAAR;EAAA,IAAQA,OAAR,+BAAkB,EAAlB;EAAA,IAAsBC,cAAtB,GAAqEF,KAArE,CAAsBE,cAAtB;EAAA,IAAsCC,YAAtC,GAAqEH,KAArE,CAAsCG,YAAtC;EAAA,IAAuDlB,SAAvD,0CAAqEe,KAArE;EAEA,OACE,qCAAC,0BAAD,EAAkBf,SAAlB,EACGgB,OAAO,CAACG,GAAR,CAAY;IAAA,IAAGC,KAAH,SAAGA,KAAH;IAAA,IAAUC,KAAV,SAAUA,KAAV;IAAA,OACX;MAAQ,KAAK,EAAEA,KAAf;MAAsB,GAAG,YAAKA,KAAL;IAAzB,GACGD,KADH,CADW;EAAA,CAAZ,CADH,CADF;AASD,CAtBD;AAwBA;AACA;AACA;;;AACO,IAAME,MAAM,GAAG,IAAAC,8BAAA,EAAeV,eAAf,EAAgC;EACpDC,QAAQ,EAAE;AAD0C,CAAhC,CAAf;;AAIPQ,MAAM,CAACE,WAAP,GAAqB,QAArB"}

package/dist/cjs/components/SelectMimicry/SelectMimicry.d.ts

@@ -0,0 +1,15 @@
+import * as React from "react";
+import { FormFieldProps } from "../FormField/FormField";
+import { HasAlign, HasRootRef } from "../../types";
+import { AdaptivityProps } from "../../hoc/withAdaptivity";
+import { SelectType } from "../Select/Select";
+import "../Select/Select.css";
+export interface SelectMimicryProps extends React.HTMLAttributes<HTMLElement>, HasAlign, HasRootRef<HTMLElement>, AdaptivityProps, Pick<FormFieldProps, "before" | "after" | "status"> {
+    multiline?: boolean;
+    disabled?: boolean;
+    selectType?: keyof typeof SelectType;
+}
+/**
+ * @see https://vkcom.github.io/VKUI/#/SelectMimicry
+ */
+export declare const SelectMimicry: React.FC<Pick<SelectMimicryProps, "disabled" | "hidden" | "dir" | "slot" | "style" | "title" | "color" | "after" | "translate" | "prefix" | "children" | "className" | "id" | "lang" | "role" | "tabIndex" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "status" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "draggable" | "placeholder" | "spellCheck" | "radioGroup" | "about" | "datatype" | "inlist" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "align" | "getRootRef" | "before" | "multiline" | "selectType"> & import("../AdaptivityProvider/AdaptivityContext").SizeProps>;

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/SelectMimicry/SelectMimicry.tsx"],"names":["SelectMimicryComponent","tabIndex","placeholder","children","align","getRootRef","multiline","disabled","onClick","sizeX","sizeY","before","after","selectType","SelectType","default","status","restProps","platform","title","undefined","SelectMimicry","displayName"],"mappings":";;;;;;;;;;;;;;;AACA;;AACA;;AACA;;AAEA;;AACA;;AACA;;AACA;;AACA;;;;AAcA,IAAMA,sBAAsB,GAAG,SAAzBA,sBAAyB,OAgBL;AAAA,2BAfxBC,QAewB;AAAA,MAfxBA,QAewB,8BAfb,CAea;AAAA,MAdxBC,WAcwB,QAdxBA,WAcwB;AAAA,MAbxBC,QAawB,QAbxBA,QAawB;AAAA,MAZxBC,KAYwB,QAZxBA,KAYwB;AAAA,MAXxBC,UAWwB,QAXxBA,UAWwB;AAAA,MAVxBC,SAUwB,QAVxBA,SAUwB;AAAA,MATxBC,QASwB,QATxBA,QASwB;AAAA,MARxBC,OAQwB,QARxBA,OAQwB;AAAA,MAPxBC,KAOwB,QAPxBA,KAOwB;AAAA,MANxBC,KAMwB,QANxBA,KAMwB;AAAA,MALxBC,MAKwB,QALxBA,MAKwB;AAAA,wBAJxBC,KAIwB;AAAA,MAJxBA,KAIwB,2BAJhB,qCAAC,0BAAD,OAIgB;AAAA,6BAHxBC,UAGwB;AAAA,MAHxBA,UAGwB,gCAHXC,mBAAWC,OAGA;AAAA,MAFxBC,MAEwB,QAFxBA,MAEwB;AAAA,MADrBC,SACqB;AACxB,MAAMC,QAAQ,GAAG,+BAAjB;AACA,MAAMC,KAAK,GAAGhB,QAAQ,IAAID,WAA1B;AAEA,SACE,qCAAC,oBAAD,6BACMe,SADN;AAEE,IAAA,QAAQ,EAAEV,QAAQ,GAAGa,SAAH,GAAenB,QAFnC;AAGE,IAAA,SAAS,EAAE,4BACT,gCAAa,QAAb,EAAuBiB,QAAvB,CADS,oBAEEL,UAFF,GAGT,CAACV,QAAD,IAAa,eAHJ,EAITG,SAAS,IAAI,mBAJJ,EAKTF,KAAK,4BAAqBA,KAArB,CALI,0BAMQK,KANR,GAMiB;AANjB,4BAOQC,KAPR,GAOiB;AAC1BC,IAAAA,MAAM,IAAI,mBARD,EASTC,KAAK,IAAI,kBATA,CAHb;AAcE,IAAA,UAAU,EAAEP,UAdd;AAeE,IAAA,OAAO,EAAEE,QAAQ,GAAGa,SAAH,GAAeZ,OAflC;AAgBE,IAAA,QAAQ,EAAED,QAhBZ;AAiBE,IAAA,MAAM,EAAEI,MAjBV;AAkBE,IAAA,KAAK,EAAEC,KAlBT;AAmBE,IAAA,IAAI,EAAE,4CAA+BC,UAA/B,CAnBR;AAoBE,IAAA,MAAM,EAAEG;AApBV,MAsBE;AAAK,IAAA,SAAS,EAAC;AAAf,KAEE,qCAAC,wBAAD;AAAkB,IAAA,UAAU,EAAEH,UAA9B;AAA0C,IAAA,SAAS,EAAC;AAApD,KACGM,KADH,CAFF,CAtBF,CADF;AA+BD,CAnDD;AAqDA;AACA;AACA;;;AACO,IAAME,aAAa,GAAG,oCAAerB,sBAAf,EAAuC;AAClES,EAAAA,KAAK,EAAE,IAD2D;AAElEC,EAAAA,KAAK,EAAE;AAF2D,CAAvC,CAAtB;;AAKPW,aAAa,CAACC,WAAd,GAA4B,eAA5B","sourcesContent":["import * as React from \"react\";\nimport { classNames } from \"../../lib/classNames\";\nimport { DropdownIcon } from \"../DropdownIcon/DropdownIcon\";\nimport { FormField, FormFieldProps } from \"../FormField/FormField\";\nimport { HasAlign, HasRootRef } from \"../../types\";\nimport { withAdaptivity, AdaptivityProps } from \"../../hoc/withAdaptivity\";\nimport { usePlatform } from \"../../hooks/usePlatform\";\nimport { getClassName } from \"../../helpers/getClassName\";\nimport { getFormFieldModeFromSelectType } from \"../../lib/select\";\nimport { SelectType, SelectTypography } from \"../Select/Select\";\nimport \"../Select/Select.css\";\n\nexport interface SelectMimicryProps\n  extends React.HTMLAttributes<HTMLElement>,\n    HasAlign,\n    HasRootRef<HTMLElement>,\n    AdaptivityProps,\n    Pick<FormFieldProps, \"before\" | \"after\" | \"status\"> {\n  multiline?: boolean;\n  disabled?: boolean;\n  selectType?: keyof typeof SelectType;\n}\n\nconst SelectMimicryComponent = ({\n  tabIndex = 0,\n  placeholder,\n  children,\n  align,\n  getRootRef,\n  multiline,\n  disabled,\n  onClick,\n  sizeX,\n  sizeY,\n  before,\n  after = <DropdownIcon />,\n  selectType = SelectType.default,\n  status,\n  ...restProps\n}: SelectMimicryProps) => {\n  const platform = usePlatform();\n  const title = children || placeholder;\n\n  return (\n    <FormField\n      {...restProps}\n      tabIndex={disabled ? undefined : tabIndex}\n      vkuiClass={classNames(\n        getClassName(\"Select\", platform),\n        `Select--${selectType}`,\n        !children && \"Select--empty\",\n        multiline && \"Select--multiline\",\n        align && `Select--align-${align}`,\n        `Select--sizeX-${sizeX}`, // TODO v5.0.0 поправить под новую адаптивность\n        `Select--sizeY-${sizeY}`, // TODO v5.0.0 поправить под новую адаптивность\n        before && \"Select--hasBefore\",\n        after && \"Select--hasAfter\"\n      )}\n      getRootRef={getRootRef}\n      onClick={disabled ? undefined : onClick}\n      disabled={disabled}\n      before={before}\n      after={after}\n      mode={getFormFieldModeFromSelectType(selectType)}\n      status={status}\n    >\n      <div vkuiClass=\"Select__container\">\n        {/* TODO v5.0.0 поправить под новую адаптивность */}\n        <SelectTypography selectType={selectType} vkuiClass=\"Select__title\">\n          {title}\n        </SelectTypography>\n      </div>\n    </FormField>\n  );\n};\n\n/**\n * @see https://vkcom.github.io/VKUI/#/SelectMimicry\n */\nexport const SelectMimicry = withAdaptivity(SelectMimicryComponent, {\n  sizeX: true,\n  sizeY: true,\n});\n\nSelectMimicry.displayName = \"SelectMimicry\";\n"],"file":"SelectMimicry.js"}
+{"version":3,"file":"SelectMimicry.js","names":["SelectMimicryComponent","tabIndex","placeholder","children","align","getRootRef","multiline","disabled","onClick","sizeX","sizeY","before","after","selectType","SelectType","default","status","restProps","platform","usePlatform","title","undefined","classNames","getClassName","getFormFieldModeFromSelectType","SelectMimicry","withAdaptivity","displayName"],"sources":["../../../../src/components/SelectMimicry/SelectMimicry.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { classNames } from \"../../lib/classNames\";\nimport { DropdownIcon } from \"../DropdownIcon/DropdownIcon\";\nimport { FormField, FormFieldProps } from \"../FormField/FormField\";\nimport { HasAlign, HasRootRef } from \"../../types\";\nimport { withAdaptivity, AdaptivityProps } from \"../../hoc/withAdaptivity\";\nimport { usePlatform } from \"../../hooks/usePlatform\";\nimport { getClassName } from \"../../helpers/getClassName\";\nimport { getFormFieldModeFromSelectType } from \"../../lib/select\";\nimport { SelectType, SelectTypography } from \"../Select/Select\";\nimport \"../Select/Select.css\";\n\nexport interface SelectMimicryProps\n  extends React.HTMLAttributes<HTMLElement>,\n    HasAlign,\n    HasRootRef<HTMLElement>,\n    AdaptivityProps,\n    Pick<FormFieldProps, \"before\" | \"after\" | \"status\"> {\n  multiline?: boolean;\n  disabled?: boolean;\n  selectType?: keyof typeof SelectType;\n}\n\nconst SelectMimicryComponent = ({\n  tabIndex = 0,\n  placeholder,\n  children,\n  align,\n  getRootRef,\n  multiline,\n  disabled,\n  onClick,\n  sizeX,\n  sizeY,\n  before,\n  after = <DropdownIcon />,\n  selectType = SelectType.default,\n  status,\n  ...restProps\n}: SelectMimicryProps) => {\n  const platform = usePlatform();\n  const title = children || placeholder;\n\n  return (\n    <FormField\n      {...restProps}\n      tabIndex={disabled ? undefined : tabIndex}\n      vkuiClass={classNames(\n        getClassName(\"Select\", platform),\n        `Select--${selectType}`,\n        !children && \"Select--empty\",\n        multiline && \"Select--multiline\",\n        align && `Select--align-${align}`,\n        `Select--sizeX-${sizeX}`, // TODO v5.0.0 поправить под новую адаптивность\n        `Select--sizeY-${sizeY}`, // TODO v5.0.0 поправить под новую адаптивность\n        before && \"Select--hasBefore\",\n        after && \"Select--hasAfter\"\n      )}\n      getRootRef={getRootRef}\n      onClick={disabled ? undefined : onClick}\n      disabled={disabled}\n      before={before}\n      after={after}\n      mode={getFormFieldModeFromSelectType(selectType)}\n      status={status}\n    >\n      <div vkuiClass=\"Select__container\">\n        {/* TODO v5.0.0 поправить под новую адаптивность */}\n        <SelectTypography selectType={selectType} vkuiClass=\"Select__title\">\n          {title}\n        </SelectTypography>\n      </div>\n    </FormField>\n  );\n};\n\n/**\n * @see https://vkcom.github.io/VKUI/#/SelectMimicry\n */\nexport const SelectMimicry = withAdaptivity(SelectMimicryComponent, {\n  sizeX: true,\n  sizeY: true,\n});\n\nSelectMimicry.displayName = \"SelectMimicry\";\n"],"mappings":";;;;;;;;;;;;;;;AACA;;AACA;;AACA;;AAEA;;AACA;;AACA;;AACA;;AACA;;;;AAcA,IAAMA,sBAAsB,GAAG,SAAzBA,sBAAyB,OAgBL;EAAA,yBAfxBC,QAewB;EAAA,IAfxBA,QAewB,8BAfb,CAea;EAAA,IAdxBC,WAcwB,QAdxBA,WAcwB;EAAA,IAbxBC,QAawB,QAbxBA,QAawB;EAAA,IAZxBC,KAYwB,QAZxBA,KAYwB;EAAA,IAXxBC,UAWwB,QAXxBA,UAWwB;EAAA,IAVxBC,SAUwB,QAVxBA,SAUwB;EAAA,IATxBC,QASwB,QATxBA,QASwB;EAAA,IARxBC,OAQwB,QARxBA,OAQwB;EAAA,IAPxBC,KAOwB,QAPxBA,KAOwB;EAAA,IANxBC,KAMwB,QANxBA,KAMwB;EAAA,IALxBC,MAKwB,QALxBA,MAKwB;EAAA,sBAJxBC,KAIwB;EAAA,IAJxBA,KAIwB,2BAJhB,qCAAC,0BAAD,OAIgB;EAAA,2BAHxBC,UAGwB;EAAA,IAHxBA,UAGwB,gCAHXC,kBAAA,CAAWC,OAGA;EAAA,IAFxBC,MAEwB,QAFxBA,MAEwB;EAAA,IADrBC,SACqB;EACxB,IAAMC,QAAQ,GAAG,IAAAC,wBAAA,GAAjB;EACA,IAAMC,KAAK,GAAGjB,QAAQ,IAAID,WAA1B;EAEA,OACE,qCAAC,oBAAD,6BACMe,SADN;IAEE,QAAQ,EAAEV,QAAQ,GAAGc,SAAH,GAAepB,QAFnC;IAGE,SAAS,EAAE,IAAAqB,sBAAA,EACT,IAAAC,0BAAA,EAAa,QAAb,EAAuBL,QAAvB,CADS,oBAEEL,UAFF,GAGT,CAACV,QAAD,IAAa,eAHJ,EAITG,SAAS,IAAI,mBAJJ,EAKTF,KAAK,4BAAqBA,KAArB,CALI,0BAMQK,KANR,GAMiB;IANjB,wBAOQC,KAPR,GAOiB;IAC1BC,MAAM,IAAI,mBARD,EASTC,KAAK,IAAI,kBATA,CAHb;IAcE,UAAU,EAAEP,UAdd;IAeE,OAAO,EAAEE,QAAQ,GAAGc,SAAH,GAAeb,OAflC;IAgBE,QAAQ,EAAED,QAhBZ;IAiBE,MAAM,EAAEI,MAjBV;IAkBE,KAAK,EAAEC,KAlBT;IAmBE,IAAI,EAAE,IAAAY,sCAAA,EAA+BX,UAA/B,CAnBR;IAoBE,MAAM,EAAEG;EApBV,IAsBE;IAAK,SAAS,EAAC;EAAf,GAEE,qCAAC,wBAAD;IAAkB,UAAU,EAAEH,UAA9B;IAA0C,SAAS,EAAC;EAApD,GACGO,KADH,CAFF,CAtBF,CADF;AA+BD,CAnDD;AAqDA;AACA;AACA;;;AACO,IAAMK,aAAa,GAAG,IAAAC,8BAAA,EAAe1B,sBAAf,EAAuC;EAClES,KAAK,EAAE,IAD2D;EAElEC,KAAK,EAAE;AAF2D,CAAvC,CAAtB;;AAKPe,aAAa,CAACE,WAAd,GAA4B,eAA5B"}

package/dist/cjs/components/Separator/Separator.d.ts

@@ -0,0 +1,16 @@
+import * as React from "react";
+import "./Separator.css";
+export interface SeparatorProps extends React.HTMLAttributes<HTMLDivElement> {
+    /**
+     * С этим свойством компонент не будет иметь отступы слева и справа
+     */
+    wide?: boolean;
+    /**
+     * @deprecated Это свойство устарело и будет удалено в 5.0.0. Используйте [`Spacing`](https://vkcom.github.io/VKUI/#/Spacing).
+     */
+    expanded?: boolean;
+}
+/**
+ * @see https://vkcom.github.io/VKUI/#/Separator
+ */
+export declare const Separator: ({ wide, expanded, ...restProps }: SeparatorProps) => JSX.Element;

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/Separator/Separator.tsx"],"names":["Separator","wide","expanded","restProps"],"mappings":";;;;;;;;;;;;;;;AACA;;;;AAeA;AACA;AACA;AACO,IAAMA,SAAS,GAAG,SAAZA,SAAY;AAAA,MAAGC,IAAH,QAAGA,IAAH;AAAA,MAASC,QAAT,QAASA,QAAT;AAAA,MAAsBC,SAAtB;AAAA,SACvB,uEACMA,SADN;AAEE,mBAAY,MAFd;AAGE,IAAA,SAAS,EAAE,4BACT,WADS,EAETF,IAAI,IAAI,iBAFC,EAEkB;AAC3B,KAACA,IAAD,IAAS,mBAHA,CAHb;AAQE,IAAA,IAAI,EAAC;AARP,MAUE;AACE,IAAA,SAAS,EAAE,4BACT,eADS,EAETC,QAAQ,IAAI,yBAFH;AADb,IAVF,CADuB;AAAA,CAAlB","sourcesContent":["import * as React from \"react\";\nimport { classNames } from \"../../lib/classNames\";\nimport \"./Separator.css\";\n\nexport interface SeparatorProps extends React.HTMLAttributes<HTMLDivElement> {\n  /**\n   * С этим свойством компонент не будет иметь отступы слева и справа\n   */\n  wide?: boolean;\n\n  /**\n   * @deprecated Это свойство устарело и будет удалено в 5.0.0. Используйте [`Spacing`](https://vkcom.github.io/VKUI/#/Spacing).\n   */\n  expanded?: boolean;\n}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/Separator\n */\nexport const Separator = ({ wide, expanded, ...restProps }: SeparatorProps) => (\n  <div\n    {...restProps}\n    aria-hidden=\"true\"\n    vkuiClass={classNames(\n      \"Separator\",\n      wide && \"Separator--wide\", // TODO: v5 remove\n      !wide && \"Separator--padded\"\n    )}\n    role=\"separator\"\n  >\n    <div\n      vkuiClass={classNames(\n        \"Separator__in\",\n        expanded && \"Separator__in--expanded\"\n      )}\n    />\n  </div>\n);\n"],"file":"Separator.js"}
+{"version":3,"file":"Separator.js","names":["Separator","wide","expanded","restProps","classNames"],"sources":["../../../../src/components/Separator/Separator.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { classNames } from \"../../lib/classNames\";\nimport \"./Separator.css\";\n\nexport interface SeparatorProps extends React.HTMLAttributes<HTMLDivElement> {\n  /**\n   * С этим свойством компонент не будет иметь отступы слева и справа\n   */\n  wide?: boolean;\n\n  /**\n   * @deprecated Это свойство устарело и будет удалено в 5.0.0. Используйте [`Spacing`](https://vkcom.github.io/VKUI/#/Spacing).\n   */\n  expanded?: boolean;\n}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/Separator\n */\nexport const Separator = ({ wide, expanded, ...restProps }: SeparatorProps) => (\n  <div\n    {...restProps}\n    aria-hidden=\"true\"\n    vkuiClass={classNames(\n      \"Separator\",\n      wide && \"Separator--wide\", // TODO: v5 remove\n      !wide && \"Separator--padded\"\n    )}\n    role=\"separator\"\n  >\n    <div\n      vkuiClass={classNames(\n        \"Separator__in\",\n        expanded && \"Separator__in--expanded\"\n      )}\n    />\n  </div>\n);\n"],"mappings":";;;;;;;;;;;;;;;AACA;;;;AAeA;AACA;AACA;AACO,IAAMA,SAAS,GAAG,SAAZA,SAAY;EAAA,IAAGC,IAAH,QAAGA,IAAH;EAAA,IAASC,QAAT,QAASA,QAAT;EAAA,IAAsBC,SAAtB;EAAA,OACvB,uEACMA,SADN;IAEE,eAAY,MAFd;IAGE,SAAS,EAAE,IAAAC,sBAAA,EACT,WADS,EAETH,IAAI,IAAI,iBAFC,EAEkB;IAC3B,CAACA,IAAD,IAAS,mBAHA,CAHb;IAQE,IAAI,EAAC;EARP,IAUE;IACE,SAAS,EAAE,IAAAG,sBAAA,EACT,eADS,EAETF,QAAQ,IAAI,yBAFH;EADb,EAVF,CADuB;AAAA,CAAlB"}

package/dist/cjs/components/SimpleCell/SimpleCell.d.ts

@@ -0,0 +1,74 @@
+import * as React from "react";
+import { HasComponent } from "../../types";
+import { TappableProps } from "../Tappable/Tappable";
+import "./SimpleCell.css";
+export interface SimpleCellOwnProps extends HasComponent {
+    /**
+     * Иконка 28 или `<Avatar size={28|32|40|48|72} />`
+     */
+    before?: React.ReactNode;
+    /**
+     * @deprecated будет удалено в v5.0.0, используйте свойство rightBadge
+     * Иконка 12 или `<Badge />`. Добавится справа от текста `children`.
+     */
+    badge?: React.ReactNode;
+    /**
+     * Иконка 12 или `<Badge />`. Добавится слева от текста `children`.
+     */
+    badgeBeforeTitle?: React.ReactNode;
+    /**
+     * Иконка 12 или `<Badge />`. Добавится справа от текста `children`.
+     */
+    badgeAfterTitle?: React.ReactNode;
+    /**
+     * Иконка 12. Добавится слева от текста `subtitle`.
+     */
+    badgeBeforeSubtitle?: React.ReactNode;
+    /**
+     * Иконка 12. Добавится справа от текста `subtitle`.
+     */
+    badgeAfterSubtitle?: React.ReactNode;
+    /**
+     * Контейнер для текста справа от `children`.
+     */
+    indicator?: React.ReactNode;
+    /**
+     * Дополнительная строка текста над `children`.
+     */
+    subhead?: React.ReactNode;
+    /**
+     * Дополнительная строка текста под `children`.
+     */
+    subtitle?: React.ReactNode;
+    /**
+     * Дополнительная строка текста под `children` и `subtitle`.
+     */
+    extraSubtitle?: React.ReactNode;
+    /**
+     * Иконка 24|28 или `<Switch />`. Располагается справа от `indicator`.
+     */
+    after?: React.ReactNode;
+    /**
+     * @deprecated будет удалено в v5.0.0, используйте свойство subtitle
+     * Контейнер для текста под `children`.
+     */
+    description?: React.ReactNode;
+    /**
+     * Убирает анимацию нажатия
+     */
+    disabled?: boolean;
+    /**
+     * В iOS добавляет chevron справа. Передавать `true`, если предполагается переход при клике по ячейке.
+     */
+    expandable?: boolean;
+    /**
+     * Включает многострочный режим для отображения текста
+     */
+    multiline?: boolean;
+}
+export interface SimpleCellProps extends SimpleCellOwnProps, TappableProps {
+}
+/**
+ * @see https://vkcom.github.io/VKUI/#/SimpleCell
+ */
+export declare const SimpleCell: React.FC<Pick<SimpleCellProps, "max" | "required" | "high" | "low" | "disabled" | "default" | "start" | "open" | "media" | "hidden" | "cite" | "data" | "dir" | "form" | "label" | "slot" | "span" | "style" | "summary" | "title" | "pattern" | "async" | "defer" | "manifest" | "color" | "content" | "size" | "wrap" | "after" | "multiple" | "height" | "translate" | "width" | "prefix" | "src" | "children" | "className" | "id" | "lang" | "method" | "min" | "name" | "target" | "type" | "role" | "tabIndex" | "crossOrigin" | "href" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDownCapture" | "onMouseEnter" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancelCapture" | "onTouchEndCapture" | "onTouchMoveCapture" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "list" | "classID" | "useMap" | "wmode" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "draggable" | "placeholder" | "spellCheck" | "radioGroup" | "about" | "datatype" | "inlist" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "as" | "hrefLang" | "integrity" | "rel" | "sizes" | "charSet" | "kind" | "srcLang" | "value" | "download" | "alt" | "coords" | "shape" | "autoPlay" | "controls" | "loop" | "mediaGroup" | "muted" | "playsInline" | "preload" | "autoFocus" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "dateTime" | "acceptCharset" | "action" | "autoComplete" | "encType" | "noValidate" | "allowFullScreen" | "allowTransparency" | "frameBorder" | "marginHeight" | "marginWidth" | "sandbox" | "scrolling" | "seamless" | "srcDoc" | "srcSet" | "accept" | "capture" | "checked" | "maxLength" | "minLength" | "readOnly" | "step" | "htmlFor" | "httpEquiv" | "optimum" | "reversed" | "selected" | "nonce" | "scoped" | "cellPadding" | "cellSpacing" | "colSpan" | "headers" | "rowSpan" | "scope" | "cols" | "rows" | "poster" | "challenge" | "keyType" | "keyParams" | "onStart" | "onMove" | "onLeave" | "onEnter" | "onEnd" | "Component" | "getRootRef" | "stopPropagation" | "activeEffectDelay" | "hasHover" | "hoverMode" | "hasActive" | "activeMode" | "focusVisibleMode" | "expandable" | "before" | "indicator" | "subtitle" | "multiline" | "badge" | "badgeBeforeTitle" | "badgeAfterTitle" | "badgeBeforeSubtitle" | "badgeAfterSubtitle" | "description" | "subhead" | "extraSubtitle"> & import("../AdaptivityProvider/AdaptivityContext").SizeProps>;