npm - @vkontakte/vkui - Versions diffs - 4.35.4 → 4.37.0 - Mend

@vkontakte/vkui 4.35.4 → 4.37.0

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

Files changed (1275) hide show

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

	@@ -1 +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~~"}
1	+ {"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.js.map CHANGED Viewed

	@@ -1 +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~~"}
1	+ {"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.js CHANGED Viewed

@@ -23,8 +23,6 @@ var _classNames = require("../../lib/classNames");
 var _withPlatform = require("../../hoc/withPlatform");
-var _getClassName = require("../../helpers/getClassName");
 var _icons = require("@vkontakte/icons");
 var _platform = require("../../lib/platform");
@@ -45,6 +43,8 @@ var _useExternRef = require("../../hooks/useExternRef");
 var _useEnsuredControl3 = require("../../hooks/useEnsuredControl");
+var _useAdaptivity2 = require("../../hooks/useAdaptivity");
 var _excluded = ["platform", "children"],
     _excluded2 = ["before", "className", "defaultValue", "placeholder", "after", "getRef", "platform", "icon", "onIconClick", "style", "autoComplete"];
@@ -109,6 +109,9 @@ var SearchComponent = function SearchComponent(_ref2) {
       value = _useEnsuredControl2[0],
       onChange = _useEnsuredControl2[1];
+  var _useAdaptivity = (0, _useAdaptivity2.useAdaptivity)(),
+      sizeY = _useAdaptivity.sizeY;
   var onFocus = function onFocus(e) {
     setFocused(true);
     inputProps.onFocus && inputProps.onFocus(e);
@@ -141,13 +144,8 @@ var SearchComponent = function SearchComponent(_ref2) {
     onCancel();
   }, [inputRef, onCancel]);
   return (0, _jsxRuntime.createScopedElement)("div", {
-    // eslint-disable-next-line vkui/no-object-expression-in-arguments
-    vkuiClass: (0, _classNames.classNames)((0, _getClassName.getClassName)("Search", platform), {
-      "Search--focused": isFocused,
-      "Search--has-value": !!value,
-      "Search--has-after": !!after,
-      "Search--has-icon": !!icon
-    }),
+    vkuiClass: (0, _classNames.classNames)("Search", platform === _platform.VKCOM && "Search--vkcom", platform === _platform.IOS && "Search--ios", // TODO: V5 перенести на новую адаптивность
+    "Search--sizeY-".concat(sizeY), isFocused && "Search--focused", value && "Search--has-value", icon && "Search--has-after", after && "Search--has-icon"),
     className: className,
     style: style
   }, (0, _jsxRuntime.createScopedElement)("div", {

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

	@@ -1 +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","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 { getClassName } from \"../../helpers/getClassName\";\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 \"./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\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 // eslint-disable-next-line vkui/no-object-expression-in-arguments\n vkuiClass={classNames(getClassName(\"Search\", platform), {\n \"Search--focused\": isFocused,\n \"Search--has-value\": !!value,\n \"Search--has-after\": !!after,\n \"Search--has-icon\": !!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"}
1	+ {"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.js.map CHANGED Viewed

	@@ -1 +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~~"}
1	+ {"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.js.map CHANGED Viewed

	@@ -1 +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~~"}
1	+ {"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.js.map CHANGED Viewed

	@@ -1 +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~~"}
1	+ {"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.js CHANGED Viewed

@@ -29,7 +29,7 @@ var _select = require("../../lib/select");
 var _Select = require("../Select/Select");
-var _excluded = ["tabIndex", "placeholder", "children", "align", "getRootRef", "multiline", "disabled", "onClick", "sizeX", "sizeY", "before", "after", "selectType"];
+var _excluded = ["tabIndex", "placeholder", "children", "align", "getRootRef", "multiline", "disabled", "onClick", "sizeX", "sizeY", "before", "after", "selectType", "status"];
 var SelectMimicryComponent = function SelectMimicryComponent(_ref) {
   var _ref$tabIndex = _ref.tabIndex,
@@ -48,6 +48,7 @@ var SelectMimicryComponent = function SelectMimicryComponent(_ref) {
       after = _ref$after === void 0 ? (0, _jsxRuntime.createScopedElement)(_DropdownIcon.DropdownIcon, null) : _ref$after,
       _ref$selectType = _ref.selectType,
       selectType = _ref$selectType === void 0 ? _Select.SelectType.default : _ref$selectType,
+      status = _ref.status,
       restProps = (0, _objectWithoutProperties2.default)(_ref, _excluded);
   var platform = (0, _usePlatform.usePlatform)();
   var title = children || placeholder;
@@ -61,7 +62,8 @@ var SelectMimicryComponent = function SelectMimicryComponent(_ref) {
     disabled: disabled,
     before: before,
     after: after,
-    mode: (0, _select.getFormFieldModeFromSelectType)(selectType)
+    mode: (0, _select.getFormFieldModeFromSelectType)(selectType),
+    status: status
   }), (0, _jsxRuntime.createScopedElement)("div", {
     vkuiClass: "Select__container"
   }, (0, _jsxRuntime.createScopedElement)(_Select.SelectTypography, {

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

	@@ -1 +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","restProps","platform","title","undefined","SelectMimicry","displayName"],"~~mappings~~":";;;;;;;;;;;;;;;AACA;;AACA;;AACA;;AAEA;;AACA;;AACA;;AACA;;AACA;;;;AAcA,IAAMA,sBAAsB,GAAG,SAAzBA,sBAAyB,OAeL;AAAA,2BAdxBC,QAcwB;AAAA,MAdxBA,QAcwB,8BAdb,CAca;AAAA,MAbxBC,WAawB,QAbxBA,WAawB;AAAA,MAZxBC,QAYwB,QAZxBA,QAYwB;AAAA,MAXxBC,KAWwB,QAXxBA,KAWwB;AAAA,MAVxBC,UAUwB,QAVxBA,UAUwB;AAAA,MATxBC,SASwB,QATxBA,SASwB;AAAA,MARxBC,QAQwB,QARxBA,QAQwB;AAAA,MAPxBC,OAOwB,QAPxBA,OAOwB;AAAA,MANxBC,KAMwB,QANxBA,KAMwB;AAAA,MALxBC,KAKwB,QALxBA,KAKwB;AAAA,MAJxBC,MAIwB,QAJxBA,MAIwB;AAAA,wBAHxBC,KAGwB;AAAA,MAHxBA,KAGwB,2BAHhB,qCAAC,0BAAD,OAGgB;AAAA,6BAFxBC,UAEwB;AAAA,MAFxBA,UAEwB,gCAFXC,mBAAWC,OAEA;AAAA,MADrBC,SACqB;AACxB,MAAMC,QAAQ,GAAG,+BAAjB;AACA,MAAMC,KAAK,GAAGf,QAAQ,IAAID,WAA1B;AAEA,SACE,qCAAC,oBAAD,6BACMc,SADN;AAEE,IAAA,QAAQ,EAAET,QAAQ,GAAGY,SAAH,GAAelB,QAFnC;AAGE,IAAA,SAAS,EAAE,4BACT,gCAAa,QAAb,EAAuBgB,QAAvB,CADS,oBAEEJ,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,GAAGY,SAAH,GAAeX,OAflC;AAgBE,IAAA,QAAQ,EAAED,QAhBZ;AAiBE,IAAA,MAAM,EAAEI,MAjBV;AAkBE,IAAA,KAAK,EAAEC,KAlBT;AAmBE,IAAA,IAAI,EAAE,4CAA+BC,UAA/B;AAnBR,MAqBE;AAAK,IAAA,SAAS,EAAC;AAAf,KAEE,qCAAC,wBAAD;AAAkB,IAAA,UAAU,EAAEA,UAA9B;AAA0C,IAAA,SAAS,EAAC;AAApD,KACGK,KADH,CAFF,CArBF,CADF;AA8BD,CAjDD;AAmDA;AACA;AACA;;;AACO,IAAME,aAAa,GAAG,oCAAepB,sBAAf,EAAuC;AAClES,EAAAA,KAAK,EAAE,IAD2D;AAElEC,EAAAA,KAAK,EAAE;AAF2D,CAAvC,CAAtB;;AAKPU,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\"> {\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 ...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 >\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~~"}
1	+ {"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.js.map CHANGED Viewed

	@@ -1 +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~~"}
1	+ {"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.js CHANGED Viewed

@@ -31,15 +31,17 @@ var _useAdaptivity2 = require("../../hooks/useAdaptivity");
 var _withAdaptivity = require("../../hoc/withAdaptivity");
+var _Subhead = require("../Typography/Subhead/Subhead");
 var _Headline = require("../Typography/Headline/Headline");
 var _Footnote = require("../Typography/Footnote/Footnote");
 var _Caption = require("../Typography/Caption/Caption");
-var _excluded = ["badge", "before", "indicator", "children", "after", "description", "expandable", "multiline", "sizeY"];
+var _excluded = ["badge", "badgeBeforeTitle", "badgeAfterTitle", "badgeBeforeSubtitle", "badgeAfterSubtitle", "before", "indicator", "children", "after", "description", "expandable", "multiline", "sizeY", "subhead", "subtitle", "extraSubtitle"];
-var SimpleCellTypography = function SimpleCellTypography(props) {
+var SubtitleTypography = function SubtitleTypography(props) {
   var _useAdaptivity = (0, _useAdaptivity2.useAdaptivity)(),
       sizeY = _useAdaptivity.sizeY;
@@ -54,6 +56,11 @@ var SimpleCellTypography = function SimpleCellTypography(props) {
 var SimpleCellComponent = function SimpleCellComponent(_ref) {
   var badge = _ref.badge,
+      badgeBeforeTitle = _ref.badgeBeforeTitle,
+      _ref$badgeAfterTitle = _ref.badgeAfterTitle,
+      badgeAfterTitle = _ref$badgeAfterTitle === void 0 ? badge : _ref$badgeAfterTitle,
+      badgeBeforeSubtitle = _ref.badgeBeforeSubtitle,
+      badgeAfterSubtitle = _ref.badgeAfterSubtitle,
       before = _ref.before,
       indicator = _ref.indicator,
       children = _ref.children,
@@ -62,6 +69,10 @@ var SimpleCellComponent = function SimpleCellComponent(_ref) {
       expandable = _ref.expandable,
       multiline = _ref.multiline,
       sizeY = _ref.sizeY,
+      subhead = _ref.subhead,
+      _ref$subtitle = _ref.subtitle,
+      subtitle = _ref$subtitle === void 0 ? description : _ref$subtitle,
+      extraSubtitle = _ref.extraSubtitle,
       restProps = (0, _objectWithoutProperties2.default)(_ref, _excluded);
   var platform = (0, _usePlatform.usePlatform)();
@@ -71,19 +82,30 @@ var SimpleCellComponent = function SimpleCellComponent(_ref) {
     vkuiClass: (0, _classNames.classNames)((0, _getClassName.getClassName)("SimpleCell", platform), expandable && "SimpleCell--exp", multiline && "SimpleCell--mult", "SimpleCell--sizeY-".concat(sizeY))
   }), before, (0, _jsxRuntime.createScopedElement)("div", {
     vkuiClass: "SimpleCell__main"
-  }, (0, _jsxRuntime.createScopedElement)("div", {
+  }, subhead && (0, _jsxRuntime.createScopedElement)(_Subhead.Subhead, {
+    Component: "span",
+    vkuiClass: "SimpleCell__text SimpleCell__subhead"
+  }, subhead), (0, _jsxRuntime.createScopedElement)("div", {
     vkuiClass: "SimpleCell__content"
-  }, (0, _jsxRuntime.createScopedElement)(_Headline.Headline, {
+  }, badgeBeforeTitle && (0, _jsxRuntime.createScopedElement)("span", {
+    vkuiClass: "SimpleCell__badge"
+  }, badgeBeforeTitle), (0, _jsxRuntime.createScopedElement)(_Headline.Headline, {
     Component: "span",
     vkuiClass: "SimpleCell__children",
     weight: "3"
-  }, children), (0, _utils.hasReactNode)(badge) && (0, _jsxRuntime.createScopedElement)("span", {
+  }, children), (0, _utils.hasReactNode)(badgeAfterTitle) && (0, _jsxRuntime.createScopedElement)("span", {
     vkuiClass: "SimpleCell__badge"
-  }, badge)), description && (0, _jsxRuntime.createScopedElement)("div", {
+  }, badgeAfterTitle)), subtitle && (0, _jsxRuntime.createScopedElement)("div", {
     vkuiClass: "SimpleCell__content"
-  }, (0, _jsxRuntime.createScopedElement)(SimpleCellTypography, {
+  }, badgeBeforeSubtitle && (0, _jsxRuntime.createScopedElement)("span", {
+    vkuiClass: "SimpleCell__badge"
+  }, badgeBeforeSubtitle), (0, _jsxRuntime.createScopedElement)(SubtitleTypography, {
     vkuiClass: "SimpleCell__text SimpleCell__subtitle"
-  }, description))), (0, _utils.hasReactNode)(indicator) && (0, _jsxRuntime.createScopedElement)(_Headline.Headline, {
+  }, subtitle), badgeAfterSubtitle && (0, _jsxRuntime.createScopedElement)("span", {
+    vkuiClass: "SimpleCell__badge"
+  }, badgeAfterSubtitle)), extraSubtitle && (0, _jsxRuntime.createScopedElement)(SubtitleTypography, {
+    vkuiClass: "SimpleCell__text SimpleCell__extraSubtitle"
+  }, extraSubtitle)), (0, _utils.hasReactNode)(indicator) && (0, _jsxRuntime.createScopedElement)(_Headline.Headline, {
     Component: "span",
     weight: "3",
     vkuiClass: "SimpleCell__indicator"

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

	@@ -1 +1 @@
1	- {"version":3,"~~sources~~":["~~../../../../src/components/~~SimpleCell~~/SimpleCell~~.~~tsx~~"],"names":["~~SimpleCellTypography~~","props","sizeY","SizeType","COMPACT","SimpleCellComponent","badge","before","indicator","children","after","description","expandable","multiline","restProps","platform","hasAfter","IOS","SimpleCell","displayName"],"~~mappings~~":";;;;;;;;;;;;;;;AAEA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;AAwCA,IAAMA,oBAAoB,GAAG,SAAvBA,oBAAuB,CAACC,KAAD,EAAsC;AACjE,uBAAkB,oCAAlB;AAAA,MAAQC,KAAR,kBAAQA,KAAR;;AAEA,MAAIA,KAAK,KAAKC,yBAASC,OAAvB,EAAgC;AAC9B,WAAO,qCAAC,gBAAD;AAAS,MAAA,KAAK,EAAC;AAAf,OAAuBH,KAAvB,EAAP;AACD;;AAED,SAAO,qCAAC,kBAAD,EAAcA,KAAd,CAAP;AACD,CARD;;AAUA,IAAMI,mBAAmB,GAAG,SAAtBA,mBAAsB,OAWL;AAAA,MAVrBC,KAUqB,QAVrBA,KAUqB;AAAA,MATrBC,MASqB,QATrBA,MASqB;AAAA,MARrBC,SAQqB,QARrBA,SAQqB;AAAA,MAPrBC,QAOqB,QAPrBA,QAOqB;AAAA,MANrBC,KAMqB,QANrBA,KAMqB;AAAA,MALrBC,WAKqB,QALrBA,WAKqB;AAAA,MAJrBC,UAIqB,QAJrBA,UAIqB;AAAA,MAHrBC,SAGqB,QAHrBA,SAGqB;AAAA,MAFrBX,KAEqB,QAFrBA,KAEqB;AAAA,MADlBY,SACkB;AACrB,MAAMC,QAAQ,GAAG,+BAAjB;;AACA,MAAMC,QAAQ,GAAG,yBAAaN,KAAb,KAAwBE,UAAU,IAAIG,QAAQ,KAAKE,aAApE;;AAEA,SACE,qCAAC,kBAAD,6BACMH,SADN;AAEE,IAAA,SAAS,EAAE,4BACT,gCAAa,YAAb,EAA2BC,QAA3B,CADS,EAETH,UAAU,IAAI,iBAFL,EAGTC,SAAS,IAAI,kBAHJ,8BAIYX,KAJZ;AAFb,MASGK,MATH,EAUE;AAAK,IAAA,SAAS,EAAC;AAAf,KACE;AAAK,IAAA,SAAS,EAAC;AAAf,KACE,qCAAC,kBAAD;AACE,IAAA,SAAS,EAAC,MADZ;AAEE,IAAA,SAAS,EAAC,sBAFZ;AAGE,IAAA,MAAM,EAAC;AAHT,KAKGE,QALH,CADF,EAQG,yBAAaH,KAAb,KACC;AAAM,IAAA,SAAS,EAAC;AAAhB,KAAqCA,KAArC,CATJ,CADF,EAaGK,WAAW,IACV;AAAK,IAAA,SAAS,EAAC;AAAf,KACE,qCAAC,oBAAD;AAAsB,IAAA,SAAS,EAAC;AAAhC,KACGA,WADH,CADF,CAdJ,CAVF,EA+BG,yBAAaH,SAAb,KACC,qCAAC,kBAAD;AAAU,IAAA,SAAS,EAAC,MAApB;AAA2B,IAAA,MAAM,EAAC,GAAlC;AAAsC,IAAA,SAAS,EAAC;AAAhD,KACGA,SADH,CAhCJ,EAoCGQ,QAAQ,IACP;AAAK,IAAA,SAAS,EAAC;AAAf,KACGN,KADH,EAEGE,UAAU,IAAIG,QAAQ,KAAKE,aAA3B,IAAkC,qCAAC,oBAAD,OAFrC,CArCJ,CADF;AA6CD,CA5DD;AA8DA;AACA;AACA;;;AACO,IAAMC,UAAU,GAAG,oCAAeb,mBAAf,EAAoC;AAAEH,EAAAA,KAAK,EAAE;AAAT,CAApC,CAAnB;;AAEPgB,UAAU,CAACC,WAAX,GAAyB,YAAzB","sourcesContent":["import * as React from \"react\";\nimport { HasComponent } from \"../../types\";\nimport { classNames } from \"../../lib/classNames\";\nimport { getClassName } from \"../../helpers/getClassName\";\nimport { TappableProps, Tappable } from \"../Tappable/Tappable\";\nimport { Icon24Chevron } from \"@vkontakte/icons\";\nimport { IOS } from \"../../lib/platform\";\nimport { usePlatform } from \"../../hooks/usePlatform\";\nimport { hasReactNode } from \"../../lib/utils\";\nimport { useAdaptivity } from \"../../hooks/useAdaptivity\";\nimport { withAdaptivity, SizeType } from \"../../hoc/withAdaptivity\";\nimport { Headline } from \"../Typography/Headline/Headline\";\nimport { Footnote } from \"../Typography/Footnote/Footnote\";\nimport { Caption } from \"../Typography/Caption/Caption\";\nimport \"./SimpleCell.css\";\n\nexport interface SimpleCellOwnProps extends HasComponent {\n /*\n Иконка 28 или `<Avatar size={28\|32\|40\|48\|72} />`\n /\n before?: React.ReactNode;\n /\n Иконка 12 или `<Badge />`. Добавится справа от текста `children`.\n /\n badge?: React.ReactNode;\n /\n Контейнер для текста справа от `children`.\n /\n indicator?: React.ReactNode;\n /\n Иконка 24\|28 или `<Switch />`. Располагается справа от `indicator`.\n /\n after?: React.ReactNode;\n /\n Контейнер для текста под `children`.\n /\n description?: React.ReactNode;\n /\n Убирает анимацию нажатия\n /\n disabled?: boolean;\n /\n В iOS добавляет chevron справа. Передавать `true`, если предполагается переход при клике по ячейке.\n /\n expandable?: boolean;\n multiline?: boolean;\n}\n\nexport interface SimpleCellProps extends SimpleCellOwnProps, TappableProps {}\n\ntype ~~SimpleCellTypographyProps~~ = React.HTMLAttributes<HTMLDivElement> &\n HasComponent;\n\nconst ~~SimpleCellTypography~~ = (props: ~~SimpleCellTypographyProps~~) => {\n const { sizeY } = useAdaptivity();\n\n if (sizeY === SizeType.COMPACT) {\n return <Caption level=\"2\" {...props} />;\n }\n\n return <Footnote {...props} />;\n};\n\nconst SimpleCellComponent = ({\n badge,\n before,\n indicator,\n children,\n after,\n description,\n expandable,\n multiline,\n sizeY,\n ...restProps\n}: SimpleCellProps) => {\n const platform = usePlatform();\n const hasAfter = hasReactNode(after) \|\| (expandable && platform === IOS);\n\n return (\n <Tappable\n {...restProps}\n vkuiClass={classNames(\n getClassName(\"SimpleCell\", platform),\n expandable && \"SimpleCell--exp\",\n multiline && \"SimpleCell--mult\",\n `SimpleCell--sizeY-${sizeY}`\n )}\n >\n {before}\n <div vkuiClass=\"SimpleCell__main\">\n <div vkuiClass=\"SimpleCell__content\">\n <Headline\n Component=\"span\"\n vkuiClass=\"SimpleCell__children\"\n weight=\"3\"\n >\n {children}\n </Headline>\n {hasReactNode(~~badge~~) && (\n <span vkuiClass=\"SimpleCell__badge\">{~~badge~~}</span>\n )}\n </div>\n {~~description~~ && (\n <div vkuiClass=\"SimpleCell__content\">\n <~~SimpleCellTypography~~ vkuiClass=\"SimpleCell__text SimpleCell__subtitle\">\n {~~description~~}\n </~~SimpleCellTypography~~>\n </div>\n )}\n </div>\n {hasReactNode(indicator) && (\n <Headline Component=\"span\" weight=\"3\" vkuiClass=\"SimpleCell__indicator\">\n {indicator}\n </Headline>\n )}\n {hasAfter && (\n <div vkuiClass=\"SimpleCell__after\">\n {after}\n {expandable && platform === IOS && <Icon24Chevron />}\n </div>\n )}\n </Tappable>\n );\n};\n\n/\n @see https://vkcom.github.io/VKUI/#/SimpleCell\n */\nexport const SimpleCell = withAdaptivity(SimpleCellComponent, { sizeY: true });\n\nSimpleCell.displayName = \"SimpleCell\";\n"],"~~file~~":"~~SimpleCell.js~~"}
1	+ {"version":3,"file":"SimpleCell.js","names":["SubtitleTypography","props","useAdaptivity","sizeY","SizeType","COMPACT","SimpleCellComponent","badge","badgeBeforeTitle","badgeAfterTitle","badgeBeforeSubtitle","badgeAfterSubtitle","before","indicator","children","after","description","expandable","multiline","subhead","subtitle","extraSubtitle","restProps","platform","usePlatform","hasAfter","hasReactNode","IOS","classNames","getClassName","SimpleCell","withAdaptivity","displayName"],"sources":["../../../../src/components/SimpleCell/SimpleCell.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { HasComponent } from \"../../types\";\nimport { classNames } from \"../../lib/classNames\";\nimport { getClassName } from \"../../helpers/getClassName\";\nimport { TappableProps, Tappable } from \"../Tappable/Tappable\";\nimport { Icon24Chevron } from \"@vkontakte/icons\";\nimport { IOS } from \"../../lib/platform\";\nimport { usePlatform } from \"../../hooks/usePlatform\";\nimport { hasReactNode } from \"../../lib/utils\";\nimport { useAdaptivity } from \"../../hooks/useAdaptivity\";\nimport { withAdaptivity, SizeType } from \"../../hoc/withAdaptivity\";\nimport { Subhead } from \"../Typography/Subhead/Subhead\";\nimport { Headline } from \"../Typography/Headline/Headline\";\nimport { Footnote } from \"../Typography/Footnote/Footnote\";\nimport { Caption } from \"../Typography/Caption/Caption\";\nimport \"./SimpleCell.css\";\n\nexport interface SimpleCellOwnProps extends HasComponent {\n /*\n Иконка 28 или `<Avatar size={28\|32\|40\|48\|72} />`\n /\n before?: React.ReactNode;\n /\n @deprecated будет удалено в v5.0.0, используйте свойство rightBadge\n * Иконка 12 или `<Badge />`. Добавится справа от текста `children`.\n /\n badge?: React.ReactNode;\n /\n Иконка 12 или `<Badge />`. Добавится слева от текста `children`.\n /\n badgeBeforeTitle?: React.ReactNode;\n /\n Иконка 12 или `<Badge />`. Добавится справа от текста `children`.\n /\n badgeAfterTitle?: React.ReactNode;\n /\n Иконка 12. Добавится слева от текста `subtitle`.\n /\n badgeBeforeSubtitle?: React.ReactNode;\n /\n Иконка 12. Добавится справа от текста `subtitle`.\n /\n badgeAfterSubtitle?: React.ReactNode;\n /\n Контейнер для текста справа от `children`.\n /\n indicator?: React.ReactNode;\n /\n Дополнительная строка текста над `children`.\n /\n subhead?: React.ReactNode;\n /\n Дополнительная строка текста под `children`.\n /\n subtitle?: React.ReactNode;\n /\n Дополнительная строка текста под `children` и `subtitle`.\n /\n extraSubtitle?: React.ReactNode;\n /\n Иконка 24\|28 или `<Switch />`. Располагается справа от `indicator`.\n /\n after?: React.ReactNode;\n /\n @deprecated будет удалено в v5.0.0, используйте свойство subtitle\n * Контейнер для текста под `children`.\n /\n description?: React.ReactNode;\n /\n Убирает анимацию нажатия\n /\n disabled?: boolean;\n /\n В iOS добавляет chevron справа. Передавать `true`, если предполагается переход при клике по ячейке.\n /\n expandable?: boolean;\n /\n Включает многострочный режим для отображения текста\n /\n multiline?: boolean;\n}\n\nexport interface SimpleCellProps extends SimpleCellOwnProps, TappableProps {}\n\ntype SubtitleTypographyProps = React.HTMLAttributes<HTMLDivElement> &\n HasComponent;\n\nconst SubtitleTypography = (props: SubtitleTypographyProps) => {\n const { sizeY } = useAdaptivity();\n\n if (sizeY === SizeType.COMPACT) {\n return <Caption level=\"2\" {...props} />;\n }\n\n return <Footnote {...props} />;\n};\n\nconst SimpleCellComponent = ({\n badge,\n badgeBeforeTitle,\n badgeAfterTitle = badge,\n badgeBeforeSubtitle,\n badgeAfterSubtitle,\n before,\n indicator,\n children,\n after,\n description,\n expandable,\n multiline,\n sizeY,\n subhead,\n subtitle = description,\n extraSubtitle,\n ...restProps\n}: SimpleCellProps) => {\n const platform = usePlatform();\n const hasAfter = hasReactNode(after) \|\| (expandable && platform === IOS);\n\n return (\n <Tappable\n {...restProps}\n vkuiClass={classNames(\n getClassName(\"SimpleCell\", platform),\n expandable && \"SimpleCell--exp\",\n multiline && \"SimpleCell--mult\",\n `SimpleCell--sizeY-${sizeY}`\n )}\n >\n {before}\n <div vkuiClass=\"SimpleCell__main\">\n {subhead && (\n <Subhead\n Component=\"span\"\n vkuiClass=\"SimpleCell__text SimpleCell__subhead\"\n >\n {subhead}\n </Subhead>\n )}\n <div vkuiClass=\"SimpleCell__content\">\n {badgeBeforeTitle && (\n <span vkuiClass=\"SimpleCell__badge\">{badgeBeforeTitle}</span>\n )}\n <Headline\n Component=\"span\"\n vkuiClass=\"SimpleCell__children\"\n weight=\"3\"\n >\n {children}\n </Headline>\n {hasReactNode(badgeAfterTitle) && (\n <span vkuiClass=\"SimpleCell__badge\">{badgeAfterTitle}</span>\n )}\n </div>\n {subtitle && (\n <div vkuiClass=\"SimpleCell__content\">\n {badgeBeforeSubtitle && (\n <span vkuiClass=\"SimpleCell__badge\">{badgeBeforeSubtitle}</span>\n )}\n <SubtitleTypography vkuiClass=\"SimpleCell__text SimpleCell__subtitle\">\n {subtitle}\n </SubtitleTypography>\n {badgeAfterSubtitle && (\n <span vkuiClass=\"SimpleCell__badge\">{badgeAfterSubtitle}</span>\n )}\n </div>\n )}\n {extraSubtitle && (\n <SubtitleTypography vkuiClass=\"SimpleCell__text SimpleCell__extraSubtitle\">\n {extraSubtitle}\n </SubtitleTypography>\n )}\n </div>\n {hasReactNode(indicator) && (\n <Headline Component=\"span\" weight=\"3\" vkuiClass=\"SimpleCell__indicator\">\n {indicator}\n </Headline>\n )}\n {hasAfter && (\n <div vkuiClass=\"SimpleCell__after\">\n {after}\n {expandable && platform === IOS && <Icon24Chevron />}\n </div>\n )}\n </Tappable>\n );\n};\n\n/\n @see https://vkcom.github.io/VKUI/#/SimpleCell\n */\nexport const SimpleCell = withAdaptivity(SimpleCellComponent, { sizeY: true });\n\nSimpleCell.displayName = \"SimpleCell\";\n"],"mappings":"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"}

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

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

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

	@@ -1 +1 @@
1	- {"version":3,"~~sources~~":["~~../../../../src/components/~~Slider~~/Slider~~.~~tsx~~"],"names":["Slider","onChange","defaultValue","min","max","value","props","isControlled","React","useState","localValue","setValue","_value","handleChange","useCallback","nextValue","event","disabled","rangeValue","useMemo"],"~~mappings~~":";;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;;;AASA;AACA;AACA;AACO,IAAMA,MAAM,GAAG,SAATA,MAAS,OAOH;AAAA,MANjBC,QAMiB,QANjBA,QAMiB;AAAA,MALjBC,YAKiB,QALjBA,YAKiB;AAAA,sBAJjBC,GAIiB;AAAA,MAJjBA,GAIiB,yBAJX,CAIW;AAAA,sBAHjBC,GAGiB;AAAA,MAHjBA,GAGiB,yBAHX,GAGW;AAAA,wBAFjBC,KAEiB;AAAA,MAFjBA,KAEiB,2BAFT,CAES;AAAA,MADdC,KACc;AACjB,MAAMC,YAAY,GAAGF,KAAK,IAAI,IAA9B;;AAEA,wBAA+BG,KAAK,CAACC,QAAN,CAC7BP,YAAY,IAAI,IAAhB,GAAuBC,GAAvB,GAA6BD,YADA,CAA/B;AAAA;AAAA,MAAOQ,UAAP;AAAA,MAAmBC,QAAnB;;AAGA,MAAMC,MAAM,GAAG,iBAAML,YAAY,GAAGF,KAAH,GAAWK,UAA7B,EAAyCP,GAAzC,EAA8CC,GAA9C,CAAf;;AAEA,MAAMS,YAA8D,GAClEL,KAAK,CAACM,WAAN,CACE,UAACC,SAAD,EAA4BC,KAA5B,EAAkD;AAChD,QAAIV,KAAK,CAACW,QAAN,IAAkBL,MAAM,KAAKG,SAAS,CAAC,CAAD,CAA1C,EAA+C;AAC7C;AACD;;AACD,KAACR,YAAD,IAAiBI,QAAQ,CAACI,SAAS,CAAC,CAAD,CAAV,CAAzB;AACAd,IAAAA,QAAQ,IAAIA,QAAQ,CAACc,SAAS,CAAC,CAAD,CAAV,EAAeC,KAAf,CAApB;AACD,GAPH,EAQE,CAACV,KAAK,CAACW,QAAP,EAAiBL,MAAjB,EAAyBL,YAAzB,EAAuCN,QAAvC,CARF,CADF;AAYA,MAAMiB,UAA0B,GAAGV,KAAK,CAACW,OAAN,CACjC;AAAA,WAAM,CAAC,IAAD,EAAOP,MAAP,CAAN;AAAA,GADiC,EAEjC,CAACA,MAAD,CAFiC,CAAnC;AAIA,SACE,qCAAC,gCAAD,6BACMN,KADN;AAEE,IAAA,KAAK,EAAEY,UAFT;AAGE,IAAA,QAAQ,EAAEL,YAHZ;AAIE,IAAA,GAAG,EAAEV,GAJP;AAKE,IAAA,GAAG,EAAEC;AALP,KADF;AASD,CAxCM","sourcesContent":["import * as React from \"react\";\nimport { clamp } from \"../../helpers/math\";\nimport {\n UniversalSlider,\n UniversalSliderProps,\n UniversalValue,\n} from \"../RangeSlider/UniversalSlider\";\nimport { TouchEvent } from \"../Touch/Touch\";\n\nexport type SliderProps = UniversalSliderProps<number>;\n\n/*\n @see https://vkcom.github.io/VKUI/#/Slider\n */\nexport const Slider = ({\n onChange,\n defaultValue,\n min = 0,\n max = 100,\n value = 0,\n ...props\n}: SliderProps) => {\n const isControlled = value != null;\n\n const [localValue, setValue] = React.useState(\n defaultValue == null ? min : defaultValue\n );\n const _value = clamp(isControlled ? value : localValue, min, max);\n\n const handleChange: UniversalSliderProps<UniversalValue>[\"onChange\"] =\n React.useCallback(\n (nextValue: UniversalValue, event: TouchEvent) => {\n if (props.disabled \|\| _value === nextValue[1]) {\n return;\n }\n !isControlled && setValue(nextValue[1]);\n onChange && onChange(nextValue[1], event);\n },\n [props.disabled, _value, isControlled, onChange]\n );\n\n const rangeValue: [null, number] = React.useMemo(\n () => [null, _value],\n [_value]\n );\n return (\n <UniversalSlider\n {...props}\n value={rangeValue}\n onChange={handleChange}\n min={min}\n max={max}\n />\n );\n};\n"],"~~file~~":"~~Slider.js~~"}
1	+ {"version":3,"file":"Slider.js","names":["Slider","onChange","defaultValue","min","max","value","props","isControlled","React","useState","localValue","setValue","_value","clamp","handleChange","useCallback","nextValue","event","disabled","rangeValue","useMemo"],"sources":["../../../../src/components/Slider/Slider.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { clamp } from \"../../helpers/math\";\nimport {\n UniversalSlider,\n UniversalSliderProps,\n UniversalValue,\n} from \"../RangeSlider/UniversalSlider\";\nimport { TouchEvent } from \"../Touch/Touch\";\n\nexport type SliderProps = UniversalSliderProps<number>;\n\n/*\n @see https://vkcom.github.io/VKUI/#/Slider\n */\nexport const Slider = ({\n onChange,\n defaultValue,\n min = 0,\n max = 100,\n value = 0,\n ...props\n}: SliderProps) => {\n const isControlled = value != null;\n\n const [localValue, setValue] = React.useState(\n defaultValue == null ? min : defaultValue\n );\n const _value = clamp(isControlled ? value : localValue, min, max);\n\n const handleChange: UniversalSliderProps<UniversalValue>[\"onChange\"] =\n React.useCallback(\n (nextValue: UniversalValue, event: TouchEvent) => {\n if (props.disabled \|\| _value === nextValue[1]) {\n return;\n }\n !isControlled && setValue(nextValue[1]);\n onChange && onChange(nextValue[1], event);\n },\n [props.disabled, _value, isControlled, onChange]\n );\n\n const rangeValue: [null, number] = React.useMemo(\n () => [null, _value],\n [_value]\n );\n return (\n <UniversalSlider\n {...props}\n value={rangeValue}\n onChange={handleChange}\n min={min}\n max={max}\n />\n );\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;;;AASA;AACA;AACA;AACO,IAAMA,MAAM,GAAG,SAATA,MAAS,OAOH;EAAA,IANjBC,QAMiB,QANjBA,QAMiB;EAAA,IALjBC,YAKiB,QALjBA,YAKiB;EAAA,oBAJjBC,GAIiB;EAAA,IAJjBA,GAIiB,yBAJX,CAIW;EAAA,oBAHjBC,GAGiB;EAAA,IAHjBA,GAGiB,yBAHX,GAGW;EAAA,sBAFjBC,KAEiB;EAAA,IAFjBA,KAEiB,2BAFT,CAES;EAAA,IADdC,KACc;EACjB,IAAMC,YAAY,GAAGF,KAAK,IAAI,IAA9B;;EAEA,sBAA+BG,KAAK,CAACC,QAAN,CAC7BP,YAAY,IAAI,IAAhB,GAAuBC,GAAvB,GAA6BD,YADA,CAA/B;EAAA;EAAA,IAAOQ,UAAP;EAAA,IAAmBC,QAAnB;;EAGA,IAAMC,MAAM,GAAG,IAAAC,WAAA,EAAMN,YAAY,GAAGF,KAAH,GAAWK,UAA7B,EAAyCP,GAAzC,EAA8CC,GAA9C,CAAf;;EAEA,IAAMU,YAA8D,GAClEN,KAAK,CAACO,WAAN,CACE,UAACC,SAAD,EAA4BC,KAA5B,EAAkD;IAChD,IAAIX,KAAK,CAACY,QAAN,IAAkBN,MAAM,KAAKI,SAAS,CAAC,CAAD,CAA1C,EAA+C;MAC7C;IACD;;IACD,CAACT,YAAD,IAAiBI,QAAQ,CAACK,SAAS,CAAC,CAAD,CAAV,CAAzB;IACAf,QAAQ,IAAIA,QAAQ,CAACe,SAAS,CAAC,CAAD,CAAV,EAAeC,KAAf,CAApB;EACD,CAPH,EAQE,CAACX,KAAK,CAACY,QAAP,EAAiBN,MAAjB,EAAyBL,YAAzB,EAAuCN,QAAvC,CARF,CADF;EAYA,IAAMkB,UAA0B,GAAGX,KAAK,CAACY,OAAN,CACjC;IAAA,OAAM,CAAC,IAAD,EAAOR,MAAP,CAAN;EAAA,CADiC,EAEjC,CAACA,MAAD,CAFiC,CAAnC;EAIA,OACE,qCAAC,gCAAD,6BACMN,KADN;IAEE,KAAK,EAAEa,UAFT;IAGE,QAAQ,EAAEL,YAHZ;IAIE,GAAG,EAAEX,GAJP;IAKE,GAAG,EAAEC;EALP,GADF;AASD,CAxCM"}

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

@@ -33,7 +33,7 @@ var React = _interopRequireWildcard(require("react"));
 var _SliderSwitchButton = require("./SliderSwitchButton");
-var _classNames2 = require("../../lib/classNames");
+var _classNames = require("../../lib/classNames");
 var _warnOnce = require("../../lib/warnOnce");
@@ -149,8 +149,6 @@ var SliderSwitch = /*#__PURE__*/function (_React$Component) {
   }, {
     key: "render",
     value: function render() {
-      var _classNames;
       var _this$props = this.props,
           name = _this$props.name,
           options = _this$props.options,
@@ -174,8 +172,7 @@ var SliderSwitch = /*#__PURE__*/function (_React$Component) {
       }), !firstActive && !secondActive && (0, _jsxRuntime.createScopedElement)("div", {
         vkuiClass: "SliderSwitch__border"
       }), (0, _jsxRuntime.createScopedElement)("div", {
-        // eslint-disable-next-line vkui/no-object-expression-in-arguments
-        vkuiClass: (0, _classNames2.classNames)("SliderSwitch__slider", (_classNames = {}, (0, _defineProperty2.default)(_classNames, "SliderSwitch--firstActive", firstActive), (0, _defineProperty2.default)(_classNames, "SliderSwitch--secondActive", secondActive), _classNames))
+        vkuiClass: (0, _classNames.classNames)("SliderSwitch__slider", firstActive && "SliderSwitch--firstActive", secondActive && "SliderSwitch--secondActive")
       }), (0, _jsxRuntime.createScopedElement)("input", {
         type: "hidden",
         name: name,

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

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