npm - @vkontakte/vkui - Versions diffs - 4.22.1 → 4.25.0 - Mend

@vkontakte/vkui 4.22.1 → 4.25.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 (2336) hide show

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

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../../src/components/Search/Search.tsx"],"names":["React","classNames","withPlatform","getClassName","Icon16SearchOutline","Icon16Clear","Icon24Cancel","IOS","VKCOM","Touch","noop","Text","Title","Separator","useExternRef","useEnsuredControl","Search","before","className","defaultValue","placeholder","after","getRef","platform","icon","onIconClick","style","inputProps","inputRef","useState","isFocused","setFocused","value","onChange","onFocus","e","onBlur","onCancel","nativeInputValueSetter","Object","getOwnPropertyDescriptor","HTMLInputElement","prototype","set","call","current","ev2","Event","bubbles","dispatchEvent","onIconClickStart","useCallback","originalEvent","onIconCancelClickStart","preventDefault","focus","defaultProps","autoComplete"],"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 { Icon16SearchOutline, Icon16Clear, Icon24Cancel } from '@vkontakte/icons';\nimport { IOS, VKCOM } 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 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\nexport interface SearchProps extends React.InputHTMLAttributes<HTMLInputElement>, HasRef<HTMLInputElement>, 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\nconst Search: React.FC<SearchProps> = ({\n before,\n className,\n defaultValue,\n placeholder,\n after,\n getRef,\n platform,\n icon,\n onIconClick = noop,\n style,\n ...inputProps\n}) => {\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 = () => {\n // eslint-disable-next-line @typescript-eslint/unbound-method\n const nativeInputValueSetter = Object.getOwnPropertyDescriptor(HTMLInputElement.prototype, 'value').set;\n nativeInputValueSetter.call(inputRef.current, '');\n\n const ev2 = new Event('input', { bubbles: true });\n inputRef.current.dispatchEvent(ev2);\n };\n\n const onIconClickStart = React.useCallback((e: TouchEvent) => onIconClick(e.originalEvent), [onIconClick]);\n\n const onIconCancelClickStart = React.useCallback((e: TouchEvent) => {\n e.originalEvent.preventDefault();\n inputRef.current.focus();\n onCancel();\n }, [onCancel]);\n\n return (\n <div\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 ref={inputRef}\n vkuiClass=\"Search__input\"\n onFocus={onFocus}\n onBlur={onBlur}\n onChange={onChange}\n value={value}\n />\n {platform === IOS && after && <div vkuiClass=\"Search__after-width\">{after}</div>}\n <div vkuiClass=\"Search__placeholder\">\n <div vkuiClass=\"Search__placeholder-in\">\n {before}\n {platform === VKCOM\n ? <Text vkuiClass=\"Search__placeholder-text\" weight=\"regular\">{placeholder}</Text>\n : <Title vkuiClass=\"Search__placeholder-text\" level=\"3\" weight=\"regular\">{placeholder}</Title>\n }\n </div>\n {isFocused && platform === IOS && after && <div vkuiClass=\"Search__after-width\">{after}</div>}\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\n ? <Icon16Clear />\n : <Icon24Cancel />\n }\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\nSearch.defaultProps = {\n autoComplete: 'off',\n defaultValue: '',\n placeholder: 'Поиск',\n after: 'Отмена',\n before: <Icon16SearchOutline />,\n};\n\nexport default withPlatform(Search);\n"],"file":"Search.js"}
1	+ {"version":3,"sources":["../../../../src/components/Search/Search.tsx"],"names":["React","classNames","withPlatform","getClassName","Icon16SearchOutline","Icon16Clear","Icon24Cancel","IOS","VKCOM","Touch","noop","Text","Title","Separator","useExternRef","useEnsuredControl","Search","before","className","defaultValue","placeholder","after","getRef","platform","icon","onIconClick","style","inputProps","inputRef","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","defaultProps","autoComplete"],"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 } 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 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\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\nconst Search: React.FC<SearchProps> = ({\n before,\n className,\n defaultValue,\n placeholder,\n after,\n getRef,\n platform,\n icon,\n onIconClick = noop,\n style,\n ...inputProps\n}) => {\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 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 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 {platform === VKCOM ? (\n <Text vkuiClass=\"Search__placeholder-text\" weight=\"regular\">\n {placeholder}\n </Text>\n ) : (\n <Title\n vkuiClass=\"Search__placeholder-text\"\n level=\"3\"\n weight=\"regular\"\n >\n {placeholder}\n </Title>\n )}\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\nSearch.defaultProps = {\n autoComplete: \"off\",\n defaultValue: \"\",\n placeholder: \"Поиск\",\n after: \"Отмена\",\n before: <Icon16SearchOutline />,\n};\n\n// eslint-disable-next-line import/no-default-export\nexport default withPlatform(Search);\n"],"file":"Search.js"}

package/dist/cssm/components/Select/Select.js CHANGED Viewed

@@ -33,7 +33,8 @@ var Select = function Select(_ref) {
       key: "".concat(value)
     }, label);
   }));
-};
+}; // eslint-disable-next-line import/no-default-export
 export default withAdaptivity(Select, {
   hasMouse: true

package/dist/cssm/components/Select/Select.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../../src/components/Select/Select.tsx"],"names":["NativeSelect","CustomSelect","withAdaptivity","Select","hasMouse","props","children","restProps","options","popupDirection","renderOption","map","label","value"],"mappings":";;;;;AACA,OAAOA,YAAP;AACA,OAAOC,YAAP;AACA,SAASC,cAAT;;~~AAIA~~,IAAMC,MAA4C,GAAG,SAA/CA,MAA+C,~~OAAyC~~;AAAA,~~MAAtCC~~,~~QAAsC~~,~~QAAtCA~~,~~QAAsC~~;AAAA,~~MAAzBC~~,~~KAAyB~~;;~~AAC5F~~;AACA,MAAID,QAAJ,EAAc;AACZ,QAAQE,QAAR,GAAmCD,KAAnC,CAAQC,QAAR;AAAA,QAAqBC,UAArB,4BAAmCF,KAAnC;;AAEA,~~WACE~~,oBAAC,YAAD,EAAkBE,UAAlB,~~CADF~~;~~AAGD~~;;AAED,uBAAqEF,KAArE,CAAQG,OAAR;AAAA,MAAQA,OAAR,+BAAkB,EAAlB;AAAA,MAAsBC,cAAtB,GAAqEJ,KAArE,CAAsBI,cAAtB;AAAA,MAAsCC,YAAtC,GAAqEL,KAArE,CAAsCK,YAAtC;AAAA,MAAuDH,SAAvD,4BAAqEF,KAArE;;AAEA,SACE,oBAAC,YAAD,EAAkBE,SAAlB,EACGC,OAAO,CAACG,GAAR,CAAY;AAAA,QAAGC,KAAH,SAAGA,KAAH;AAAA,QAAUC,KAAV,SAAUA,KAAV;AAAA,~~WAAsB~~;AAAQ,MAAA,KAAK,EAAEA,KAAf;AAAsB,MAAA,GAAG,YAAKA,KAAL;AAAzB,~~OAAwCD~~,~~KAAxC~~,~~CAAtB~~;AAAA,GAAZ,CADH,CADF;~~AAKD~~,~~CAjBD;;AAmBA~~,eAAeV,cAAc,CAACC,MAAD,EAAS;AACpCC,EAAAA,QAAQ,EAAE;AAD0B,CAAT,CAA7B","sourcesContent":["import * as React from 'react';\nimport NativeSelect from '../NativeSelect/NativeSelect';\nimport CustomSelect, { CustomSelectProps } from '../CustomSelect/CustomSelect';\nimport { withAdaptivity, ~~AdaptivityProps~~ } from '../../hoc/withAdaptivity';\n\nexport interface SelectProps extends CustomSelectProps, ~~AdaptivityProps~~ {}\n\nconst Select: React.FunctionComponent<SelectProps> = ({ hasMouse, ...props }: SelectProps) => {\n // Use custom select if device has connected a mouse\n if (hasMouse) {\n const { children, ...restProps } = props;\n\n return ~~(\n~~ <CustomSelect {...restProps} ~~/>\~~n ~~);\n~~ }\n\n const { options = [], popupDirection, renderOption, ...restProps } = props;\n\n return (\n <NativeSelect {...restProps}>\n {options.map(({ label, value }) => <option value={value} key={`${value}`}>{label}</option>)}\n </NativeSelect>\n );\n};\n\nexport default withAdaptivity(Select, {\n hasMouse: true,\n});\n"],"file":"Select.js"}
1	+ {"version":3,"sources":["../../../../src/components/Select/Select.tsx"],"names":["NativeSelect","CustomSelect","withAdaptivity","Select","hasMouse","props","children","restProps","options","popupDirection","renderOption","map","label","value"],"mappings":";;;;;AACA,OAAOA,YAAP;AACA,OAAOC,YAAP;AACA,SAASC,cAAT;;AAOA,IAAMC,MAA4C,GAAG,SAA/CA,MAA+C,OAGlC;AAAA,MAFjBC,QAEiB,QAFjBA,QAEiB;AAAA,MADdC,KACc;;AACjB;AACA,MAAID,QAAJ,EAAc;AACZ,QAAQE,QAAR,GAAmCD,KAAnC,CAAQC,QAAR;AAAA,QAAqBC,UAArB,4BAAmCF,KAAnC;;AAEA,WAAO,oBAAC,YAAD,EAAkBE,UAAlB,CAAP;AACD;;AAED,uBAAqEF,KAArE,CAAQG,OAAR;AAAA,MAAQA,OAAR,+BAAkB,EAAlB;AAAA,MAAsBC,cAAtB,GAAqEJ,KAArE,CAAsBI,cAAtB;AAAA,MAAsCC,YAAtC,GAAqEL,KAArE,CAAsCK,YAAtC;AAAA,MAAuDH,SAAvD,4BAAqEF,KAArE;;AAEA,SACE,oBAAC,YAAD,EAAkBE,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,C,CAwBA;;;AACA,eAAeV,cAAc,CAACC,MAAD,EAAS;AACpCC,EAAAA,QAAQ,EAAE;AAD0B,CAAT,CAA7B","sourcesContent":["import * as React from \"react\";\nimport NativeSelect from \"../NativeSelect/NativeSelect\";\nimport CustomSelect, { CustomSelectProps } from \"../CustomSelect/CustomSelect\";\nimport { withAdaptivity } from \"../../hoc/withAdaptivity\";\nimport { AdaptivityContextInterface } from \"../AdaptivityProvider/AdaptivityContext\";\n\nexport interface SelectProps\n extends CustomSelectProps,\n AdaptivityContextInterface {}\n\nconst Select: React.FunctionComponent<SelectProps> = ({\n hasMouse,\n ...props\n}: SelectProps) => {\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// eslint-disable-next-line import/no-default-export\nexport default withAdaptivity(Select, {\n hasMouse: true,\n});\n"],"file":"Select.js"}

package/dist/cssm/components/SelectMimicry/SelectMimicry.js CHANGED Viewed

@@ -32,13 +32,13 @@ var SelectMimicry = function SelectMimicry(_ref) {
   var platform = usePlatform();
   var TypographyComponent = platform === VKCOM || sizeY === SizeType.COMPACT ? Text : Headline;
   return createScopedElement(FormField, _extends({}, restProps, {
-    tabIndex: disabled ? null : tabIndex,
-    vkuiClass: classNames(getClassName('Select', platform), 'Select--mimicry', (_classNames = {
-      'Select--not-selected': !children,
-      'Select--multiline': multiline
+    tabIndex: disabled ? undefined : tabIndex,
+    vkuiClass: classNames(getClassName("Select", platform), "Select--mimicry", (_classNames = {
+      "Select--not-selected": !children,
+      "Select--multiline": multiline
     }, _defineProperty(_classNames, "Select--align-".concat(align), !!align), _defineProperty(_classNames, "Select--sizeX--".concat(sizeX), !!sizeX), _defineProperty(_classNames, "Select--sizeY--".concat(sizeY), !!sizeY), _classNames)),
     getRootRef: getRootRef,
-    onClick: disabled ? null : onClick,
+    onClick: disabled ? undefined : onClick,
     disabled: disabled,
     after: createScopedElement(DropdownIcon, null)
   }), createScopedElement(TypographyComponent, {
@@ -52,7 +52,8 @@ var SelectMimicry = function SelectMimicry(_ref) {
 SelectMimicry.defaultProps = {
   tabIndex: 0
-};
+}; // eslint-disable-next-line import/no-default-export
 export default withAdaptivity(SelectMimicry, {
   sizeX: true,
   sizeY: true

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

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../../src/components/SelectMimicry/SelectMimicry.tsx"],"names":["classNames","DropdownIcon","FormField","withAdaptivity","SizeType","usePlatform","getClassName","Headline","Text","VKCOM","SelectMimicry","tabIndex","placeholder","children","align","getRootRef","multiline","disabled","onClick","sizeX","sizeY","restProps","platform","TypographyComponent","COMPACT","defaultProps"],"mappings":";;;;;AACA,SAASA,UAAT;AACA,SAASC,YAAT;AACA,SAASC,SAAT;AAEA,~~SAASC~~,~~cAAT~~,~~EAA0CC~~,~~QAA1C~~;~~AACA~~,SAASC,WAAT;AACA,SAASC,YAAT;AACA,OAAOC,QAAP;AACA,OAAOC,IAAP;AACA,SAASC,KAAT;AACA;;AAWA,IAAMC,aAA0D,GAAG,SAA7DA,aAA6D,OAYzC;AAAA;;AAAA,MAXxBC,QAWwB,QAXxBA,QAWwB;AAAA,MAVxBC,WAUwB,QAVxBA,WAUwB;AAAA,MATxBC,QASwB,QATxBA,QASwB;AAAA,MARxBC,KAQwB,QARxBA,KAQwB;AAAA,MAPxBC,UAOwB,QAPxBA,UAOwB;AAAA,MANxBC,SAMwB,QANxBA,SAMwB;AAAA,MALxBC,QAKwB,QALxBA,QAKwB;AAAA,MAJxBC,OAIwB,QAJxBA,OAIwB;AAAA,MAHxBC,KAGwB,QAHxBA,KAGwB;AAAA,MAFxBC,KAEwB,QAFxBA,KAEwB;AAAA,MADrBC,SACqB;;AACxB,MAAMC,QAAQ,GAAGjB,WAAW,EAA5B;AAEA,MAAMkB,mBAAmB,~~GAAGD~~,QAAQ,KAAKb,KAAb,IAAsBW,KAAK,KAAKhB,QAAQ,CAACoB,OAAzC,GAAmDhB,IAAnD,GAA0DD,~~QAAtF~~;~~AAEA~~,SACE,oBAAC,SAAD,eACMc,SADN;AAEE,IAAA,QAAQ,EAAEJ,QAAQ,~~GAAG~~,~~IAAH~~,~~GAAUN~~,~~QAF9B~~;AAGE,IAAA,SAAS,EAAEX,UAAU,~~CAACM~~,YAAY,CAAC,QAAD,EAAWgB,QAAX,~~CAAb~~,~~EAAmC~~,~~iBAAnC~~;~~AACnB~~,8BAAwB,CAACT,~~QADN~~;~~AAEnB~~,2BAAqBG;~~AAFF~~,~~4DAGDF~~,~~KAHC~~,~~GAGS~~,CAAC,CAACA,~~KAHX~~,~~yDAIAK~~,~~KAJA~~,~~GAIU~~,CAAC,CAACA,~~KAJZ~~,~~yDAKAC~~,~~KALA~~,~~GAKU~~,CAAC,CAACA,~~KALZ~~,gBAHvB;~~AAUE~~,IAAA,UAAU,EAAEL,~~UAVd~~;~~AAWE~~,IAAA,OAAO,EAAEE,QAAQ,~~GAAG~~,~~IAAH~~,~~GAAUC~~,~~OAX7B~~;~~AAYE~~,IAAA,QAAQ,EAAED,~~QAZZ~~;~~AAaE~~,IAAA,KAAK,EAAE,oBAAC,YAAD;~~AAbT~~,~~MAeE~~,oBAAC,mBAAD;~~AAAqB~~,IAAA,SAAS,EAAC,~~KAA/B~~;~~AAAqC~~,IAAA,MAAM,EAAC,~~SAA5C~~;~~AAAsD~~,IAAA,SAAS,EAAC;~~AAAhE~~,~~KACE~~;AAAM,IAAA,SAAS,EAAC;AAAhB,KAAiCJ,QAAQ,IAAID,WAA7C,~~CADF~~,~~CAfF~~,CADF;~~AAqBD~~,~~CAtCD~~;;~~AAwCAF~~,aAAa,~~CAACe~~,YAAd,GAA6B;~~AAC3Bd~~,EAAAA,QAAQ,EAAE;AADiB,CAA7B~~;AAIA~~,eAAeR,cAAc,CAACO,aAAD,EAAgB;AAC3CS,EAAAA,KAAK,EAAE,IADoC;AAE3CC,EAAAA,KAAK,EAAE;AAFoC,CAAhB,CAA7B","sourcesContent":["import * as React from 'react';\nimport { classNames } from '../../lib/classNames';\nimport { DropdownIcon } from '../DropdownIcon/DropdownIcon';\nimport { FormField } from '../FormField/FormField';\nimport { HasAlign, HasRootRef } from '../../types';\nimport { withAdaptivity, AdaptivityProps, SizeType } from '../../hoc/withAdaptivity';\nimport { usePlatform } from '../../hooks/usePlatform';\nimport { getClassName } from '../../helpers/getClassName';\nimport Headline from '../Typography/Headline/Headline';\nimport Text from '../Typography/Text/Text';\nimport { VKCOM } from '../../lib/platform';\nimport '../Select/Select.css';\n\nexport interface SelectMimicryProps ~~extends~~\n React.HTMLAttributes<HTMLElement>,\n HasAlign,\n HasRootRef<HTMLElement>,\n AdaptivityProps {\n multiline?: boolean;\n disabled?: boolean;\n}\n\nconst SelectMimicry: React.FunctionComponent<SelectMimicryProps> = ({\n tabIndex,\n placeholder,\n children,\n align,\n getRootRef,\n multiline,\n disabled,\n onClick,\n sizeX,\n sizeY,\n ...restProps\n}: SelectMimicryProps) => {\n const platform = usePlatform();\n\n const TypographyComponent = platform === VKCOM \|\| sizeY === SizeType.COMPACT ? Text : Headline;\n\n return (\n <FormField\n {...restProps}\n tabIndex={disabled ? ~~null~~ : tabIndex}\n vkuiClass={classNames(getClassName('Select', platform)~~, '~~Select--mimicry', {\n 'Select--not-selected': !children,\n 'Select--multiline': multiline,\n [`Select--align-${align}`]: !!align,\n [`Select--sizeX--${sizeX}`]: !!sizeX,\n [`Select--sizeY--${sizeY}`]: !!sizeY,\n })}\n getRootRef={getRootRef}\n onClick={disabled ? ~~null~~ : onClick}\n disabled={disabled}\n after={<DropdownIcon />}\n >\n <TypographyComponent Component=\"div\" weight=\"regular\" vkuiClass=\"Select__container\">\n <span vkuiClass=\"Select__title\">{children \|\| placeholder}</span>\n </TypographyComponent>\n </FormField>\n );\n};\n\nSelectMimicry.defaultProps = {\n tabIndex: 0,\n};\n\nexport default withAdaptivity(SelectMimicry, {\n sizeX: true,\n sizeY: true,\n});\n"],"file":"SelectMimicry.js"}
1	+ {"version":3,"sources":["../../../../src/components/SelectMimicry/SelectMimicry.tsx"],"names":["classNames","DropdownIcon","FormField","withAdaptivity","SizeType","usePlatform","getClassName","Headline","Text","VKCOM","SelectMimicry","tabIndex","placeholder","children","align","getRootRef","multiline","disabled","onClick","sizeX","sizeY","restProps","platform","TypographyComponent","COMPACT","undefined","defaultProps"],"mappings":";;;;;AACA,SAASA,UAAT;AACA,SAASC,YAAT;AACA,SAASC,SAAT;AAEA,SACEC,cADF,EAGEC,QAHF;AAKA,SAASC,WAAT;AACA,SAASC,YAAT;AACA,OAAOC,QAAP;AACA,OAAOC,IAAP;AACA,SAASC,KAAT;AACA;;AAWA,IAAMC,aAA0D,GAAG,SAA7DA,aAA6D,OAYzC;AAAA;;AAAA,MAXxBC,QAWwB,QAXxBA,QAWwB;AAAA,MAVxBC,WAUwB,QAVxBA,WAUwB;AAAA,MATxBC,QASwB,QATxBA,QASwB;AAAA,MARxBC,KAQwB,QARxBA,KAQwB;AAAA,MAPxBC,UAOwB,QAPxBA,UAOwB;AAAA,MANxBC,SAMwB,QANxBA,SAMwB;AAAA,MALxBC,QAKwB,QALxBA,QAKwB;AAAA,MAJxBC,OAIwB,QAJxBA,OAIwB;AAAA,MAHxBC,KAGwB,QAHxBA,KAGwB;AAAA,MAFxBC,KAEwB,QAFxBA,KAEwB;AAAA,MADrBC,SACqB;;AACxB,MAAMC,QAAQ,GAAGjB,WAAW,EAA5B;AAEA,MAAMkB,mBAAmB,GACvBD,QAAQ,KAAKb,KAAb,IAAsBW,KAAK,KAAKhB,QAAQ,CAACoB,OAAzC,GAAmDhB,IAAnD,GAA0DD,QAD5D;AAGA,SACE,oBAAC,SAAD,eACMc,SADN;AAEE,IAAA,QAAQ,EAAEJ,QAAQ,GAAGQ,SAAH,GAAed,QAFnC;AAGE,IAAA,SAAS,EAAEX,UAAU,CACnBM,YAAY,CAAC,QAAD,EAAWgB,QAAX,CADO,EAEnB,iBAFmB;AAIjB,8BAAwB,CAACT,QAJR;AAKjB,2BAAqBG;AALJ,4DAMCF,KAND,GAMW,CAAC,CAACA,KANb,yDAOEK,KAPF,GAOY,CAAC,CAACA,KAPd,yDAQEC,KARF,GAQY,CAAC,CAACA,KARd,gBAHvB;AAcE,IAAA,UAAU,EAAEL,UAdd;AAeE,IAAA,OAAO,EAAEE,QAAQ,GAAGQ,SAAH,GAAeP,OAflC;AAgBE,IAAA,QAAQ,EAAED,QAhBZ;AAiBE,IAAA,KAAK,EAAE,oBAAC,YAAD;AAjBT,MAmBE,oBAAC,mBAAD;AACE,IAAA,SAAS,EAAC,KADZ;AAEE,IAAA,MAAM,EAAC,SAFT;AAGE,IAAA,SAAS,EAAC;AAHZ,KAKE;AAAM,IAAA,SAAS,EAAC;AAAhB,KAAiCJ,QAAQ,IAAID,WAA7C,CALF,CAnBF,CADF;AA6BD,CA/CD;;AAiDAF,aAAa,CAACgB,YAAd,GAA6B;AAC3Bf,EAAAA,QAAQ,EAAE;AADiB,CAA7B,C,CAIA;;AACA,eAAeR,cAAc,CAACO,aAAD,EAAgB;AAC3CS,EAAAA,KAAK,EAAE,IADoC;AAE3CC,EAAAA,KAAK,EAAE;AAFoC,CAAhB,CAA7B","sourcesContent":["import * as React from \"react\";\nimport { classNames } from \"../../lib/classNames\";\nimport { DropdownIcon } from \"../DropdownIcon/DropdownIcon\";\nimport { FormField } from \"../FormField/FormField\";\nimport { HasAlign, HasRootRef } from \"../../types\";\nimport {\n withAdaptivity,\n AdaptivityProps,\n SizeType,\n} from \"../../hoc/withAdaptivity\";\nimport { usePlatform } from \"../../hooks/usePlatform\";\nimport { getClassName } from \"../../helpers/getClassName\";\nimport Headline from \"../Typography/Headline/Headline\";\nimport Text from \"../Typography/Text/Text\";\nimport { VKCOM } from \"../../lib/platform\";\nimport \"../Select/Select.css\";\n\nexport interface SelectMimicryProps\n extends React.HTMLAttributes<HTMLElement>,\n HasAlign,\n HasRootRef<HTMLElement>,\n AdaptivityProps {\n multiline?: boolean;\n disabled?: boolean;\n}\n\nconst SelectMimicry: React.FunctionComponent<SelectMimicryProps> = ({\n tabIndex,\n placeholder,\n children,\n align,\n getRootRef,\n multiline,\n disabled,\n onClick,\n sizeX,\n sizeY,\n ...restProps\n}: SelectMimicryProps) => {\n const platform = usePlatform();\n\n const TypographyComponent =\n platform === VKCOM \|\| sizeY === SizeType.COMPACT ? Text : Headline;\n\n return (\n <FormField\n {...restProps}\n tabIndex={disabled ? undefined : tabIndex}\n vkuiClass={classNames(\n getClassName(\"Select\", platform),\n \"Select--mimicry\",\n {\n \"Select--not-selected\": !children,\n \"Select--multiline\": multiline,\n [`Select--align-${align}`]: !!align,\n [`Select--sizeX--${sizeX}`]: !!sizeX,\n [`Select--sizeY--${sizeY}`]: !!sizeY,\n }\n )}\n getRootRef={getRootRef}\n onClick={disabled ? undefined : onClick}\n disabled={disabled}\n after={<DropdownIcon />}\n >\n <TypographyComponent\n Component=\"div\"\n weight=\"regular\"\n vkuiClass=\"Select__container\"\n >\n <span vkuiClass=\"Select__title\">{children \|\| placeholder}</span>\n </TypographyComponent>\n </FormField>\n );\n};\n\nSelectMimicry.defaultProps = {\n tabIndex: 0,\n};\n\n// eslint-disable-next-line import/no-default-export\nexport default withAdaptivity(SelectMimicry, {\n sizeX: true,\n sizeY: true,\n});\n"],"file":"SelectMimicry.js"}

package/dist/cssm/components/Separator/Separator.js CHANGED Viewed

@@ -2,7 +2,7 @@ import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 var _excluded = ["wide", "expanded"];
 import { createScopedElement } from "../../lib/jsxRuntime";
-import * as React from 'react';
+import * as React from "react";
 import { getClassName } from "../../helpers/getClassName";
 import { classNames } from "../../lib/classNames";
 import { usePlatform } from "../../hooks/usePlatform";
@@ -16,15 +16,16 @@ var Separator = function Separator(_ref) {
   var platform = usePlatform();
   return createScopedElement("div", _extends({}, restProps, {
     "aria-hidden": "true",
-    vkuiClass: classNames(getClassName('Separator', platform), {
-      'Separator--wide': wide
+    vkuiClass: classNames(getClassName("Separator", platform), {
+      "Separator--wide": wide
     })
   }), createScopedElement("div", {
-    vkuiClass: classNames('Separator__in', {
-      'Separator__in--expanded': expanded
+    vkuiClass: classNames("Separator__in", {
+      "Separator__in--expanded": expanded
     })
   }));
-};
+}; // eslint-disable-next-line import/no-default-export
 export default /*#__PURE__*/React.memo(Separator);
 //# sourceMappingURL=Separator.js.map

package/dist/cssm/components/Separator/Separator.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../../src/components/Separator/Separator.tsx"],"names":["React","getClassName","classNames","usePlatform","Separator","wide","expanded","restProps","platform","memo"],"mappings":";;;;AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,SAASC,YAAT;AACA,SAASC,UAAT;AACA,SAASC,WAAT;AACA;;AAUA,IAAMC,SAAmC,GAAG,SAAtCA,SAAsC,~~OAAsC~~;AAAA,~~MAAnCC~~,~~IAAmC~~,~~QAAnCA~~,~~IAAmC~~;AAAA,~~MAA7BC~~,~~QAA6B~~,~~QAA7BA~~,~~QAA6B~~;AAAA,~~MAAhBC~~,~~SAAgB~~;;~~AAChF~~,MAAMC,QAAQ,GAAGL,WAAW,EAA5B;AAEA,SACE,wCACMI,SADN;AAEE,mBAAY,MAFd;AAGE,IAAA,SAAS,EAAEL,UAAU,CAACD,YAAY,CAAC,WAAD,EAAcO,QAAd,CAAb,EAAsC;AACzD,yBAAmBH;AADsC,KAAtC;AAHvB,MAOE;~~AAAK~~,IAAA,SAAS,EAAEH,UAAU,CAAC,eAAD,EAAkB;~~AAC1C~~,iCAA2BI;~~AADe~~,KAAlB;~~AAA1B~~,IAPF,CADF;~~AAaD~~,~~CAhBD;;AAkBA~~,4BAAeN,KAAK,CAACS,IAAN,CAAWL,SAAX,CAAf","sourcesContent":["import * as React from 'react';\nimport { getClassName } from '../../helpers/getClassName';\nimport { classNames } from '../../lib/classNames';\nimport { usePlatform } from '../../hooks/usePlatform';\nimport './Separator.css';\n\nexport interface SeparatorProps extends React.HTMLAttributes<HTMLDivElement> {\n /*\n С этим свойством компонент не будет иметь отступы слева и справа\n */\n wide?: boolean;\n expanded?: boolean;\n}\n\nconst Separator: React.FC<SeparatorProps> = ({ wide, expanded, ...restProps }) => {\n const platform = usePlatform();\n\n return (\n <div\n {...restProps}\n aria-hidden=\"true\"\n vkuiClass={classNames(getClassName('Separator', platform), {\n 'Separator--wide': wide,\n })}\n >\n <div vkuiClass={classNames('Separator__in', {\n 'Separator__in--expanded': expanded,\n })} />\n </div>\n );\n};\n\nexport default React.memo(Separator);\n"],"file":"Separator.js"}
1	+ {"version":3,"sources":["../../../../src/components/Separator/Separator.tsx"],"names":["React","getClassName","classNames","usePlatform","Separator","wide","expanded","restProps","platform","memo"],"mappings":";;;;AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,SAASC,YAAT;AACA,SAASC,UAAT;AACA,SAASC,WAAT;AACA;;AAUA,IAAMC,SAAmC,GAAG,SAAtCA,SAAsC,OAItC;AAAA,MAHJC,IAGI,QAHJA,IAGI;AAAA,MAFJC,QAEI,QAFJA,QAEI;AAAA,MADDC,SACC;;AACJ,MAAMC,QAAQ,GAAGL,WAAW,EAA5B;AAEA,SACE,wCACMI,SADN;AAEE,mBAAY,MAFd;AAGE,IAAA,SAAS,EAAEL,UAAU,CAACD,YAAY,CAAC,WAAD,EAAcO,QAAd,CAAb,EAAsC;AACzD,yBAAmBH;AADsC,KAAtC;AAHvB,MAOE;AACE,IAAA,SAAS,EAAEH,UAAU,CAAC,eAAD,EAAkB;AACrC,iCAA2BI;AADU,KAAlB;AADvB,IAPF,CADF;AAeD,CAtBD,C,CAwBA;;;AACA,4BAAeN,KAAK,CAACS,IAAN,CAAWL,SAAX,CAAf","sourcesContent":["import * as React from \"react\";\nimport { getClassName } from \"../../helpers/getClassName\";\nimport { classNames } from \"../../lib/classNames\";\nimport { usePlatform } from \"../../hooks/usePlatform\";\nimport \"./Separator.css\";\n\nexport interface SeparatorProps extends React.HTMLAttributes<HTMLDivElement> {\n /*\n С этим свойством компонент не будет иметь отступы слева и справа\n */\n wide?: boolean;\n expanded?: boolean;\n}\n\nconst Separator: React.FC<SeparatorProps> = ({\n wide,\n expanded,\n ...restProps\n}) => {\n const platform = usePlatform();\n\n return (\n <div\n {...restProps}\n aria-hidden=\"true\"\n vkuiClass={classNames(getClassName(\"Separator\", platform), {\n \"Separator--wide\": wide,\n })}\n >\n <div\n vkuiClass={classNames(\"Separator__in\", {\n \"Separator__in--expanded\": expanded,\n })}\n />\n </div>\n );\n};\n\n// eslint-disable-next-line import/no-default-export\nexport default React.memo(Separator);\n"],"file":"Separator.js"}

package/dist/cssm/components/SimpleCell/SimpleCell.js CHANGED Viewed

@@ -5,7 +5,7 @@ import { createScopedElement } from "../../lib/jsxRuntime";
 import { classNames } from "../../lib/classNames";
 import { getClassName } from "../../helpers/getClassName";
 import Tappable from "../Tappable/Tappable";
-import { Icon24Chevron } from '@vkontakte/icons';
+import { Icon24Chevron } from "@vkontakte/icons";
 import { IOS } from "../../lib/platform";
 import { usePlatform } from "../../hooks/usePlatform";
 import { hasReactNode } from "../../lib/utils";
@@ -45,9 +45,9 @@ var SimpleCell = function SimpleCell(_ref) {
   var platform = usePlatform();
   var hasAfter = hasReactNode(after) || expandable && platform === IOS;
   return createScopedElement(Tappable, _extends({}, restProps, {
-    vkuiClass: classNames(getClassName('SimpleCell', platform), {
-      'SimpleCell--exp': expandable,
-      'SimpleCell--mult': multiline
+    vkuiClass: classNames(getClassName("SimpleCell", platform), {
+      "SimpleCell--exp": expandable,
+      "SimpleCell--mult": multiline
     }, "SimpleCell--sizeY-".concat(sizeY))
   }), before, createScopedElement("div", {
     vkuiClass: "SimpleCell__main"
@@ -67,7 +67,8 @@ var SimpleCell = function SimpleCell(_ref) {
   }, indicator), hasAfter && createScopedElement("div", {
     vkuiClass: "SimpleCell__after"
   }, after, expandable && platform === IOS && createScopedElement(Icon24Chevron, null)));
-};
+}; // eslint-disable-next-line import/no-default-export
 export default withAdaptivity(SimpleCell, {
   sizeY: true

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

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../../src/components/SimpleCell/SimpleCell.tsx"],"names":["classNames","getClassName","Tappable","Icon24Chevron","IOS","usePlatform","hasReactNode","useAdaptivity","withAdaptivity","SizeType","Title","Text","Subhead","SimpleCellTypography","props","sizeY","COMPACT","SimpleCell","badge","before","indicator","children","after","description","expandable","multiline","restProps","platform","hasAfter"],"mappings":";;;;AAEA,SAASA,UAAT;AACA,SAASC,YAAT;AACA,OAAOC,QAAP;AACA,SAASC,aAAT,QAA8B,kBAA9B;AACA,SAASC,GAAT;AACA,SAASC,WAAT;AACA,SAASC,YAAT;AACA,SAASC,aAAT;AACA,SAASC,cAAT,EAAyBC,QAAzB;AACA,OAAOC,KAAP;AACA,OAAOC,IAAP;AACA,OAAOC,OAAP;AACA;;~~AAsCA~~,IAAMC,oBAAyD,GAAG,SAA5DA,oBAA4D,~~CAACC~~,~~KAAD~~,~~EAAsC~~;~~AACtG~~,uBAAkBP,aAAa,EAA/B;AAAA,MAAQQ,KAAR,kBAAQA,KAAR;;AAEA,SAAOA,KAAK,KAAKN,QAAQ,CAACO,OAAnB,~~GACH~~,oBAAC,IAAD;AAAM,IAAA,SAAS,EAAC,MAAhB;AAAuB,IAAA,MAAM,EAAC;AAA9B,KAA4CF,KAA5C,~~EADG~~,~~GAEH~~,oBAAC,KAAD;AAAO,IAAA,SAAS,EAAC,MAAjB;AAAwB,IAAA,KAAK,EAAC,GAA9B;AAAkC,IAAA,MAAM,EAAC;AAAzC,KAAuDA,KAAvD,~~EAFJ~~;~~AAGD~~,~~CAND~~;;~~AAQA~~,IAAMG,UAAqC,GAAG,SAAxCA,UAAwC,OAWvB;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,MAFrBV,KAEqB,QAFrBA,KAEqB;AAAA,MADlBW,SACkB;;AACrB,MAAMC,QAAQ,GAAGtB,WAAW,EAA5B;AACA,MAAMuB,QAAQ,GAAGtB,YAAY,CAACgB,KAAD,CAAZ,~~IAAuBE~~,UAAU,IAAIG,QAAQ,KAAKvB,~~GAAnE~~;AAEA,SACE,oBAAC,QAAD,eACMsB,SADN;AAEE,IAAA,SAAS,~~EACP1B~~,UAAU,~~CACRC~~,YAAY,CAAC,YAAD,EAAe0B,QAAf,~~CADJ~~,~~EAER~~;AACE,yBAAmBH,UADrB;AAEE,0BAAoBC;AAFtB,~~KAFQ~~,~~8BAMaV~~,~~KANb~~;~~AAHd~~,~~MAaGI~~,~~MAbH~~,~~EAcE~~;AAAK,IAAA,SAAS,EAAC;AAAf,KACE;AAAK,IAAA,SAAS,EAAC;AAAf,KACE,oBAAC,oBAAD;AAAsB,IAAA,SAAS,EAAC;AAAhC,~~KAAwDE~~,~~QAAxD~~,CADF,~~EAEGf~~,YAAY,CAACY,KAAD,CAAZ,IACC;AAAM,IAAA,SAAS,EAAC;AAAhB,~~KACGA~~,~~KADH~~,~~CAHJ~~,CADF,EASGK,WAAW,~~IAAI~~,oBAAC,OAAD;~~AAAS~~,IAAA,SAAS,EAAC,~~MAAnB~~;~~AAA0B~~,IAAA,MAAM,EAAC,~~SAAjC~~;~~AAA2C~~,IAAA,SAAS,EAAC;~~AAArD~~,~~KAAgFA~~,~~WAAhF~~,~~CATlB~~,~~CAdF~~,~~EAyBGjB~~,YAAY,CAACc,SAAD,CAAZ,IACC,oBAAC,oBAAD;~~AAAsB~~,IAAA,SAAS,EAAC,~~MAAhC~~;~~AAAuC~~,IAAA,SAAS,EAAC;~~AAAjD~~,~~KAA0EA~~,~~SAA1E~~,~~CA1BJ~~,~~EA4BGQ~~,QAAQ,IACP;AAAK,IAAA,SAAS,EAAC;AAAf,KACGN,KADH,EAEGE,UAAU,IAAIG,QAAQ,KAAKvB,GAA3B,IAAkC,oBAAC,aAAD,OAFrC,~~CA7BJ~~,CADF;~~AAqCD~~,~~CApDD;;AAsDA~~,eAAeI,cAAc,CAACS,UAAD,EAAa;AAAEF,EAAAA,KAAK,EAAE;AAAT,CAAb,CAA7B","sourcesContent":["import * as React from 'react';\nimport { HasComponent } from '../../types';\nimport { classNames } from '../../lib/classNames';\nimport { getClassName } from '../../helpers/getClassName';\nimport Tappable, { TappableProps } 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 Title from '../Typography/Title/Title';\nimport Text from '../Typography/Text/Text';\nimport Subhead from '../Typography/Subhead/Subhead';\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> & HasComponent;\n\nconst SimpleCellTypography: React.FC<SimpleCellTypographyProps> = (props: SimpleCellTypographyProps) => {\n const { sizeY } = useAdaptivity();\n\n return sizeY === SizeType.COMPACT\n ? <Text Component=\"span\" weight=\"regular\" {...props} />\n : <Title Component=\"span\" level=\"3\" weight=\"regular\" {...props} ~~/>;\~~n};\n\nconst SimpleCell: React.FC<SimpleCellProps> = ({\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={\n classNames(\n getClassName('SimpleCell', platform),\n {\n 'SimpleCell--exp': expandable,\n 'SimpleCell--mult': multiline,\n },\n `SimpleCell--sizeY-${sizeY}~~`,\~~n )\n }\n >\n {before}\n <div vkuiClass=\"SimpleCell__main\">\n <div vkuiClass=\"SimpleCell__content\">\n <SimpleCellTypography vkuiClass=\"SimpleCell__children\">{children}</SimpleCellTypography>\n {hasReactNode(badge) ~~&&\~~n <span vkuiClass=\"SimpleCell__badge\"~~>\n~~ {badge}\n </span>\n }\n </div>\n {description && <Subhead Component=\"span\" weight=\"regular\" vkuiClass=\"SimpleCell__description\">{description}</Subhead>}\n </div>\n {hasReactNode(indicator) ~~&&\~~n <SimpleCellTypography Component=\"span\" vkuiClass=\"SimpleCell__indicator\">{indicator}</SimpleCellTypography>\n }\n {hasAfter ~~&&\~~n <div vkuiClass=\"SimpleCell__after\">\n {after}\n {expandable && platform === IOS && <Icon24Chevron />}\n </div>\n }\n </Tappable>\n );\n};\n\nexport default withAdaptivity(SimpleCell, { sizeY: true });\n"],"file":"SimpleCell.js"}
1	+ {"version":3,"sources":["../../../../src/components/SimpleCell/SimpleCell.tsx"],"names":["classNames","getClassName","Tappable","Icon24Chevron","IOS","usePlatform","hasReactNode","useAdaptivity","withAdaptivity","SizeType","Title","Text","Subhead","SimpleCellTypography","props","sizeY","COMPACT","SimpleCell","badge","before","indicator","children","after","description","expandable","multiline","restProps","platform","hasAfter"],"mappings":";;;;AAEA,SAASA,UAAT;AACA,SAASC,YAAT;AACA,OAAOC,QAAP;AACA,SAASC,aAAT,QAA8B,kBAA9B;AACA,SAASC,GAAT;AACA,SAASC,WAAT;AACA,SAASC,YAAT;AACA,SAASC,aAAT;AACA,SAASC,cAAT,EAAyBC,QAAzB;AACA,OAAOC,KAAP;AACA,OAAOC,IAAP;AACA,OAAOC,OAAP;AACA;;AAuCA,IAAMC,oBAAyD,GAAG,SAA5DA,oBAA4D,CAChEC,KADgE,EAE7D;AACH,uBAAkBP,aAAa,EAA/B;AAAA,MAAQQ,KAAR,kBAAQA,KAAR;;AAEA,SAAOA,KAAK,KAAKN,QAAQ,CAACO,OAAnB,GACL,oBAAC,IAAD;AAAM,IAAA,SAAS,EAAC,MAAhB;AAAuB,IAAA,MAAM,EAAC;AAA9B,KAA4CF,KAA5C,EADK,GAGL,oBAAC,KAAD;AAAO,IAAA,SAAS,EAAC,MAAjB;AAAwB,IAAA,KAAK,EAAC,GAA9B;AAAkC,IAAA,MAAM,EAAC;AAAzC,KAAuDA,KAAvD,EAHF;AAKD,CAVD;;AAYA,IAAMG,UAAqC,GAAG,SAAxCA,UAAwC,OAWvB;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,MAFrBV,KAEqB,QAFrBA,KAEqB;AAAA,MADlBW,SACkB;;AACrB,MAAMC,QAAQ,GAAGtB,WAAW,EAA5B;AACA,MAAMuB,QAAQ,GAAGtB,YAAY,CAACgB,KAAD,CAAZ,IAAwBE,UAAU,IAAIG,QAAQ,KAAKvB,GAApE;AAEA,SACE,oBAAC,QAAD,eACMsB,SADN;AAEE,IAAA,SAAS,EAAE1B,UAAU,CACnBC,YAAY,CAAC,YAAD,EAAe0B,QAAf,CADO,EAEnB;AACE,yBAAmBH,UADrB;AAEE,0BAAoBC;AAFtB,KAFmB,8BAMEV,KANF;AAFvB,MAWGI,MAXH,EAYE;AAAK,IAAA,SAAS,EAAC;AAAf,KACE;AAAK,IAAA,SAAS,EAAC;AAAf,KACE,oBAAC,oBAAD;AAAsB,IAAA,SAAS,EAAC;AAAhC,KACGE,QADH,CADF,EAIGf,YAAY,CAACY,KAAD,CAAZ,IACC;AAAM,IAAA,SAAS,EAAC;AAAhB,KAAqCA,KAArC,CALJ,CADF,EASGK,WAAW,IACV,oBAAC,OAAD;AACE,IAAA,SAAS,EAAC,MADZ;AAEE,IAAA,MAAM,EAAC,SAFT;AAGE,IAAA,SAAS,EAAC;AAHZ,KAKGA,WALH,CAVJ,CAZF,EA+BGjB,YAAY,CAACc,SAAD,CAAZ,IACC,oBAAC,oBAAD;AACE,IAAA,SAAS,EAAC,MADZ;AAEE,IAAA,SAAS,EAAC;AAFZ,KAIGA,SAJH,CAhCJ,EAuCGQ,QAAQ,IACP;AAAK,IAAA,SAAS,EAAC;AAAf,KACGN,KADH,EAEGE,UAAU,IAAIG,QAAQ,KAAKvB,GAA3B,IAAkC,oBAAC,aAAD,OAFrC,CAxCJ,CADF;AAgDD,CA/DD,C,CAiEA;;;AACA,eAAeI,cAAc,CAACS,UAAD,EAAa;AAAEF,EAAAA,KAAK,EAAE;AAAT,CAAb,CAA7B","sourcesContent":["import * as React from \"react\";\nimport { HasComponent } from \"../../types\";\nimport { classNames } from \"../../lib/classNames\";\nimport { getClassName } from \"../../helpers/getClassName\";\nimport Tappable, { TappableProps } 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 Title from \"../Typography/Title/Title\";\nimport Text from \"../Typography/Text/Text\";\nimport Subhead from \"../Typography/Subhead/Subhead\";\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: React.FC<SimpleCellTypographyProps> = (\n props: SimpleCellTypographyProps\n) => {\n const { sizeY } = useAdaptivity();\n\n return sizeY === SizeType.COMPACT ? (\n <Text Component=\"span\" weight=\"regular\" {...props} />\n ) : (\n <Title Component=\"span\" level=\"3\" weight=\"regular\" {...props} />\n );\n};\n\nconst SimpleCell: React.FC<SimpleCellProps> = ({\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 {\n \"SimpleCell--exp\": expandable,\n \"SimpleCell--mult\": multiline,\n },\n `SimpleCell--sizeY-${sizeY}`\n )}\n >\n {before}\n <div vkuiClass=\"SimpleCell__main\">\n <div vkuiClass=\"SimpleCell__content\">\n <SimpleCellTypography vkuiClass=\"SimpleCell__children\">\n {children}\n </SimpleCellTypography>\n {hasReactNode(badge) && (\n <span vkuiClass=\"SimpleCell__badge\">{badge}</span>\n )}\n </div>\n {description && (\n <Subhead\n Component=\"span\"\n weight=\"regular\"\n vkuiClass=\"SimpleCell__description\"\n >\n {description}\n </Subhead>\n )}\n </div>\n {hasReactNode(indicator) && (\n <SimpleCellTypography\n Component=\"span\"\n vkuiClass=\"SimpleCell__indicator\"\n >\n {indicator}\n </SimpleCellTypography>\n )}\n {hasAfter && (\n <div vkuiClass=\"SimpleCell__after\">\n {after}\n {expandable && platform === IOS && <Icon24Chevron />}\n </div>\n )}\n </Tappable>\n );\n};\n\n// eslint-disable-next-line import/no-default-export\nexport default withAdaptivity(SimpleCell, { sizeY: true });\n"],"file":"SimpleCell.js"}

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

@@ -2,20 +2,20 @@ import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 var _excluded = ["className", "style", "getRootRef", "getRef", "indeterminate", "defaultIndeterminate", "onChange"];
 import { createScopedElement } from "../../lib/jsxRuntime";
-import * as React from 'react';
+import * as React from "react";
 import Tappable, { ACTIVE_EFFECT_DELAY } from "../Tappable/Tappable";
 import { getClassName } from "../../helpers/getClassName";
 import { classNames } from "../../lib/classNames";
 import { IOS, VKCOM } from "../../lib/platform";
-import { Icon20CheckBoxOn, Icon20CheckBoxOff, Icon24CheckBoxOn, Icon24CheckBoxOff, Icon20CheckBoxIndetermanate } from '@vkontakte/icons';
+import { Icon20CheckBoxOn, Icon20CheckBoxOff, Icon24CheckBoxOn, Icon24CheckBoxOff, Icon20CheckBoxIndetermanate } from "@vkontakte/icons";
 import { usePlatform } from "../../hooks/usePlatform";
 import { useAdaptivity } from "../../hooks/useAdaptivity";
 import { useExternRef } from "../../hooks/useExternRef";
 import { SizeType } from "../../hoc/withAdaptivity";
 import { warnOnce } from "../../lib/warnOnce";
 import "./SimpleCheckbox.css";
-var warn = warnOnce('SimpleCheckbox');
-var IS_DEV = process.env.NODE_ENV === 'development';
+var warn = warnOnce("SimpleCheckbox");
+var IS_DEV = process.env.NODE_ENV === "development";
 export var SimpleCheckbox = function SimpleCheckbox(props) {
   var className = props.className,
       style = props.style,
@@ -35,39 +35,39 @@ export var SimpleCheckbox = function SimpleCheckbox(props) {
     var indeterminateValue = indeterminate === undefined ? defaultIndeterminate : indeterminate;
     if (inputRef.current) {
-      inputRef.current.indeterminate = indeterminateValue;
+      inputRef.current.indeterminate = Boolean(indeterminateValue);
     }
-  }, [indeterminate]);
+  }, [defaultIndeterminate, indeterminate, inputRef]);
   var handleChange = React.useCallback(function (event) {
-    if (defaultIndeterminate !== undefined && indeterminate === undefined && restProps.checked === undefined) {
+    if (defaultIndeterminate !== undefined && indeterminate === undefined && restProps.checked === undefined && inputRef.current) {
       inputRef.current.indeterminate = false;
     }
-    if (indeterminate !== undefined) {
+    if (indeterminate !== undefined && inputRef.current) {
       inputRef.current.indeterminate = indeterminate;
     }
     onChange && onChange(event);
-  }, [onChange, indeterminate, restProps.checked]);
+  }, [defaultIndeterminate, indeterminate, restProps.checked, onChange, inputRef]);
   if (IS_DEV) {
     if (defaultIndeterminate && restProps.defaultChecked) {
-      warn('defaultIndeterminate and defaultChecked cannot be true at the same time');
+      warn("defaultIndeterminate and defaultChecked cannot be true at the same time");
     }
     if (indeterminate && restProps.checked) {
-      warn('indeterminate and checked cannot be true at the same time');
+      warn("indeterminate and checked cannot be true at the same time");
     }
   }
   return createScopedElement(Tappable, {
     Component: "label",
-    vkuiClass: classNames(getClassName('SimpleCheckbox', platform), "SimpleCheckbox--sizeY-".concat(sizeY)),
+    vkuiClass: classNames(getClassName("SimpleCheckbox", platform), "SimpleCheckbox--sizeY-".concat(sizeY)),
     className: className,
     style: style,
     disabled: restProps.disabled,
-    activeMode: platform === VKCOM ? 'SimpleCheckbox--active' : 'background',
-    hoverMode: platform === VKCOM ? 'SimpleCheckbox--hover' : 'background',
+    activeMode: platform === VKCOM ? "SimpleCheckbox--active" : "background",
+    hoverMode: platform === VKCOM ? "SimpleCheckbox--hover" : "background",
     activeEffectDelay: platform === IOS ? 100 : ACTIVE_EFFECT_DELAY,
     getRootRef: getRootRef
   }, createScopedElement("input", _extends({}, restProps, {
@@ -93,6 +93,7 @@ export var SimpleCheckbox = function SimpleCheckbox(props) {
     "aria-hidden": true,
     vkuiClass: "SimpleCheckbox__hoverShadow"
   }));
-};
+}; // eslint-disable-next-line import/no-default-export
 export default SimpleCheckbox;
 //# sourceMappingURL=SimpleCheckbox.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../../src/components/SimpleCheckbox/SimpleCheckbox.tsx"],"names":["React","Tappable","ACTIVE_EFFECT_DELAY","getClassName","classNames","IOS","VKCOM","Icon20CheckBoxOn","Icon20CheckBoxOff","Icon24CheckBoxOn","Icon24CheckBoxOff","Icon20CheckBoxIndetermanate","usePlatform","useAdaptivity","useExternRef","SizeType","warnOnce","warn","IS_DEV","process","env","NODE_ENV","SimpleCheckbox","props","className","style","getRootRef","getRef","indeterminate","defaultIndeterminate","onChange","restProps","sizeY","platform","inputRef","useEffect","indeterminateValue","undefined","current","handleChange","useCallback","event","checked","defaultChecked","disabled","COMPACT"],"mappings":";;;;AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,OAAOC,QAAP,IAAmBC,mBAAnB;AACA,SAASC,YAAT;AACA,SAASC,UAAT;AACA,SAASC,GAAT,EAAcC,KAAd;AAEA,~~SAASC~~,~~gBAAT~~,~~EAA2BC~~,~~iBAA3B~~,~~EAA8CC~~,~~gBAA9C~~,~~EAAgEC~~,~~iBAAhE~~,~~EAAmFC~~,~~2BAAnF~~,~~QAAsH~~,~~kBAAtH~~;~~AAGA~~,SAASC,WAAT;AACA,SAASC,aAAT;AACA,SAASC,YAAT;AACA,SAASC,QAAT;AACA,SAASC,QAAT;AAEA;AAEA,IAAMC,IAAI,GAAGD,QAAQ,CAAC,gBAAD,CAArB;AACA,IAAME,MAAM,GAAGC,OAAO,CAACC,GAAR,CAAYC,QAAZ,KAAyB,aAAxC;AAUA,OAAO,IAAMC,cAA6C,GAAG,SAAhDA,cAAgD,~~CAACC~~,~~KAAD~~,~~EAAgC~~;~~AAC3F~~,~~MAAQC~~,~~SAAR~~,~~GAA8GD~~,~~KAA9G~~,~~CAAQC~~,~~SAAR~~;AAAA,~~MAAmBC~~,~~KAAnB~~,~~GAA8GF~~,~~KAA9G~~,~~CAAmBE~~,~~KAAnB~~;AAAA,~~MAA0BC~~,~~UAA1B~~,~~GAA8GH~~,~~KAA9G~~,~~CAA0BG~~,~~UAA1B~~;AAAA,~~MAAsCC~~,~~MAAtC~~,~~GAA8GJ~~,~~KAA9G~~,~~CAAsCI~~,~~MAAtC~~;AAAA,~~MAA8CC~~,~~aAA9C~~,~~GAA8GL~~,~~KAA9G~~,~~CAA8CK~~,~~aAA9C~~;AAAA,~~MAA6DC~~,~~oBAA7D~~,~~GAA8GN~~,~~KAA9G~~,~~CAA6DM~~,~~oBAA7D~~;AAAA,~~MAAmFC~~,~~QAAnF~~,~~GAA8GP~~,~~KAA9G~~,~~CAAmFO~~,~~QAAnF~~;AAAA,~~MAAgGC~~,~~SAAhG~~,~~4BAA8GR~~,~~KAA9G~~;;~~AACA~~,uBAAkBV,aAAa,EAA/B;AAAA,MAAQmB,KAAR,kBAAQA,KAAR;;AACA,MAAMC,QAAQ,GAAGrB,WAAW,EAA5B;AACA,MAAMsB,QAAQ,GAAGpB,YAAY,CAACa,MAAD,CAA7B;AAEA3B,EAAAA,KAAK,CAACmC,SAAN,CAAgB,YAAM;AACpB,QAAMC,kBAAkB,~~GAAGR~~,aAAa,KAAKS,SAAlB,GAA8BR,oBAA9B,GAAqDD,~~aAAhF~~;;~~AAEA~~,QAAIM,QAAQ,CAACI,OAAb,EAAsB;AACpBJ,MAAAA,QAAQ,CAACI,OAAT,CAAiBV,aAAjB,~~GAAiCQ~~,~~kBAAjC~~;AACD;AACF,~~GAND~~,~~EAMG~~,~~CAACR~~,~~aAAD~~,~~CANH~~;~~AAQA~~,~~MAAMW~~,YAA6C,~~GAAGvC~~,KAAK,~~CAACwC~~,WAAN,~~CAAkB~~,UAACC,KAAD,EAAW;~~AACjF~~,~~QAAIZ~~,oBAAoB,KAAKQ,SAAzB,~~IAAsCT~~,aAAa,KAAKS,~~SAAxD~~,~~IAAqEN~~,SAAS,~~CAACW~~,OAAV,~~KAAsBL~~,~~SAA/F~~,~~EAA0G~~;~~AACxGH~~,MAAAA,QAAQ,CAACI,OAAT,CAAiBV,aAAjB,GAAiC,KAAjC;AACD;;AACD,QAAIA,aAAa,KAAKS,~~SAAtB~~,~~EAAiC;AAC/~~BH,MAAAA,QAAQ,CAACI,OAAT,CAAiBV,aAAjB,GAAiCA,aAAjC;AACD;;AACDE,IAAAA,QAAQ,IAAIA,QAAQ,~~CAACW~~,KAAD,CAApB;AACD,~~GARqD~~,~~EAQnD~~,~~CAACX~~,~~QAAD~~,~~EAAWF~~,~~aAAX~~,~~EAA0BG~~,SAAS,~~CAACW~~,~~OAApC~~,~~CARmD~~,CAAtD;;~~AAUA~~,~~MAAIxB~~,MAAJ,EAAY;AACV,QAAIW,oBAAoB,IAAIE,SAAS,~~CAACY~~,cAAtC,EAAsD;~~AACpD1B~~,MAAAA,IAAI,~~CAAC~~,~~yEAAD~~,CAAJ;~~AACD~~;;AAED,QAAIW,aAAa,IAAIG,SAAS,~~CAACW~~,OAA/B,EAAwC;~~AACtCzB~~,MAAAA,IAAI,CAAC,2DAAD,CAAJ;AACD;AACF;;AAED,SACE,oBAAC,QAAD;AACE,IAAA,SAAS,EAAC,OADZ;AAEE,IAAA,SAAS,EAAEb,UAAU,CACnBD,YAAY,CAAC,gBAAD,EAAmB8B,QAAnB,CADO,kCAEMD,KAFN,EAFvB;AAME,IAAA,SAAS,EAAER,SANb;AAOE,IAAA,KAAK,EAAEC,KAPT;AAQE,IAAA,QAAQ,EAAEM,SAAS,~~CAACa~~,QARtB;AASE,IAAA,UAAU,~~EAAEX~~,QAAQ,KAAK3B,KAAb,GAAqB,wBAArB,GAAgD,YAT9D;AAUE,IAAA,SAAS,EAAE2B,QAAQ,KAAK3B,KAAb,GAAqB,uBAArB,GAA+C,YAV5D;AAWE,IAAA,iBAAiB,EAAE2B,QAAQ,KAAK5B,GAAb,GAAmB,GAAnB,GAAyBH,mBAX9C;AAYE,IAAA,UAAU,EAAEwB;AAZd,KAcE,~~0CAAWK~~,~~SAAX~~;~~AAAsB~~,IAAA,QAAQ,~~EAAEQ~~,~~YAAhC~~;~~AAA8C~~,IAAA,IAAI,EAAC,~~UAAnD~~;~~AAA8D~~,IAAA,SAAS,EAAC,~~uBAAxE~~;~~AAAgG~~,IAAA,GAAG,~~EAAEL~~;~~AAArG~~,KAdF,~~EAeE~~;AAAK,IAAA,SAAS,EAAC;AAAf,KACE;AAAK,IAAA,SAAS,EAAC;AAAf,KACGF,KAAK,KAAKjB,QAAQ,~~CAAC8B~~,OAAnB,~~IAA8BZ~~,QAAQ,KAAK3B,KAA3C,~~GACG~~,oBAAC,gBAAD,~~OADH~~,~~GAEG~~,oBAAC,gBAAD,~~OAHN~~,CADF,~~EAOE~~;AAAK,IAAA,SAAS,EAAC;AAAf,KACG0B,KAAK,KAAKjB,QAAQ,~~CAAC8B~~,OAAnB,~~IAA8BZ~~,QAAQ,KAAK3B,KAA3C,~~GACG~~,oBAAC,iBAAD,~~OADH~~,~~GAEG~~,oBAAC,iBAAD,~~OAHN~~,~~CAPF~~,~~EAaE~~;AAAK,IAAA,SAAS,EAAC;AAAf,KACE,oBAAC,2BAAD;AACE,IAAA,KAAK,EAAE0B,KAAK,KAAKjB,QAAQ,~~CAAC8B~~,OAAnB,~~IAA8BZ~~,QAAQ,KAAK3B,KAA3C,GAAmD,EAAnD,GAAwD,EADjE;AAEE,IAAA,MAAM,EAAE0B,KAAK,KAAKjB,QAAQ,~~CAAC8B~~,OAAnB,~~IAA8BZ~~,QAAQ,KAAK3B,KAA3C,GAAmD,EAAnD,GAAwD;AAFlE,IADF,~~CAbF,~~CAfF,~~EAmCG2B~~,QAAQ,KAAK3B,KAAb,~~IAAsB~~;AAAK,mBAAa,IAAlB;AAAwB,IAAA,SAAS,EAAC;AAAlC,~~IAnCzB~~,~~EAoCG2B~~,QAAQ,KAAK3B,KAAb,~~IAAsB~~;AAAK,mBAAa,IAAlB;AAAwB,IAAA,SAAS,EAAC;AAAlC,~~IApCzB~~,CADF;~~AAwCD~~,~~CA1EM;AA4EP~~,eAAegB,cAAf","sourcesContent":["import * as React from 'react';\nimport Tappable, { ACTIVE_EFFECT_DELAY } from '../Tappable/Tappable';\nimport { getClassName } from '../../helpers/getClassName';\nimport { classNames } from '../../lib/classNames';\nimport { IOS, VKCOM } from '../../lib/platform';\n\nimport { Icon20CheckBoxOn, Icon20CheckBoxOff, Icon24CheckBoxOn, Icon24CheckBoxOff, Icon20CheckBoxIndetermanate } 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 ~~extends~~\n React.InputHTMLAttributes<HTMLInputElement>,\n HasRootRef<HTMLLabelElement>,\n HasRef<HTMLInputElement> {\n indeterminate?: boolean;\n defaultIndeterminate?: boolean;\n}\n\nexport const SimpleCheckbox: React.FC<SimpleCheckboxProps> = (props: SimpleCheckboxProps) => {\n const { className, style, getRootRef, getRef, indeterminate, defaultIndeterminate, onChange, ...restProps } = props;\n const { sizeY } = useAdaptivity();\n const platform = usePlatform();\n const inputRef = useExternRef(getRef);\n\n React.useEffect(() => {\n const indeterminateValue = indeterminate === undefined ? defaultIndeterminate : indeterminate;\n\n if (inputRef.current) {\n inputRef.current.indeterminate = indeterminateValue;\n }\n }, [indeterminate]);\n\n const handleChange: SimpleCheckboxProps['onChange'] = React.useCallback((event) => {\n if (defaultIndeterminate !== undefined && indeterminate === undefined && restProps.checked === undefined) {\n inputRef.current.indeterminate = false;\n }\n if (indeterminate !== undefined) {\n inputRef.current.indeterminate = indeterminate;\n }\n onChange && onChange(event);\n }, [~~onChange~~, indeterminate, restProps.checked]);\n\n if (IS_DEV) {\n if (defaultIndeterminate && restProps.defaultChecked) {\n warn('defaultIndeterminate and defaultChecked cannot be true at the same time');\n }\n\n if (indeterminate && restProps.checked) {\n warn('indeterminate and checked cannot be true at the same time');\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 {...restProps} onChange={handleChange} type=\"checkbox\" vkuiClass=\"SimpleCheckbox__input\" ref={inputRef} />\n <div vkuiClass=\"SimpleCheckbox__container\">\n <div vkuiClass=\"SimpleCheckbox__icon SimpleCheckbox__icon--on\">\n {sizeY === SizeType.COMPACT \|\| platform === VKCOM\n ? <Icon20CheckBoxOn />\n : <Icon24CheckBoxOn />\n }\n </div>\n <div vkuiClass=\"SimpleCheckbox__icon SimpleCheckbox__icon--off\">\n {sizeY === SizeType.COMPACT \|\| platform === VKCOM\n ? <Icon20CheckBoxOff />\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 && <div aria-hidden={true} vkuiClass=\"SimpleCheckbox__activeShadow\" />}\n {platform === VKCOM && <div aria-hidden={true} vkuiClass=\"SimpleCheckbox__hoverShadow\" />}\n </Tappable>\n );\n};\n\nexport default SimpleCheckbox;\n"],"file":"SimpleCheckbox.js"}
1	+ {"version":3,"sources":["../../../../src/components/SimpleCheckbox/SimpleCheckbox.tsx"],"names":["React","Tappable","ACTIVE_EFFECT_DELAY","getClassName","classNames","IOS","VKCOM","Icon20CheckBoxOn","Icon20CheckBoxOff","Icon24CheckBoxOn","Icon24CheckBoxOff","Icon20CheckBoxIndetermanate","usePlatform","useAdaptivity","useExternRef","SizeType","warnOnce","warn","IS_DEV","process","env","NODE_ENV","SimpleCheckbox","props","className","style","getRootRef","getRef","indeterminate","defaultIndeterminate","onChange","restProps","sizeY","platform","inputRef","useEffect","indeterminateValue","undefined","current","Boolean","handleChange","useCallback","event","checked","defaultChecked","disabled","COMPACT"],"mappings":"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","sourcesContent":["import * as React from \"react\";\nimport Tappable, { ACTIVE_EFFECT_DELAY } 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\nexport const SimpleCheckbox: React.FC<SimpleCheckboxProps> = (\n props: SimpleCheckboxProps\n) => {\n const {\n className,\n style,\n getRootRef,\n getRef,\n indeterminate,\n defaultIndeterminate,\n onChange,\n ...restProps\n } = props;\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) => {\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 and defaultChecked cannot be true at the same time\"\n );\n }\n\n if (indeterminate && restProps.checked) {\n warn(\"indeterminate and checked cannot be true at the same time\");\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\n// eslint-disable-next-line import/no-default-export\nexport default SimpleCheckbox;\n"],"file":"SimpleCheckbox.js"}

package/dist/cssm/components/Slider/Slider.css CHANGED Viewed

	@@ -1 +1 @@
1	- .vkuiSlider{position:relative;z-index:0;height:28px;padding:0 14px}.vkuiSlider::before{position:absolute;left:0;width:100%;background-color:rgba(0,28,61,.08);background-color:var(--placeholder_icon_background);content:'';z-index:-1;top:13px;height:2px;border-radius:1px}.vkuiSlider__in{height:100%;position:relative}.vkuiSlider__dragger{position:absolute;left:0;width:0;height:0;top:13px}.vkuiSlider__dragger::before{position:absolute;top:0;width:calc(100% + 28px);background:#2688eb;background:var(--accent);content:'';left:-14px;height:2px;border-radius:1px}.vkuiSlider__thumb{position:absolute;top:-13px;width:28px;height:28px;transition:-webkit-transform .1s ease;transition:transform .1s ease;transition:transform .1s ease,-webkit-transform .1s ease;border-radius:14px;background:#fff;background:var(--white);box-shadow:0 3px 8px rgba(0,0,0,.15)}.vkuiSlider__thumb--start{left:-14px}.vkuiSlider__thumb--end{right:-14px}.vkuiSlider--disabled{opacity:.4}.vkuiSlider--sizeY-compact{height:24px;padding:0 12px}.vkuiSlider--sizeY-compact::before{top:11px}.vkuiSlider--sizeY-compact .vkuiSlider__dragger{top:11px}.vkuiSlider--sizeY-compact .vkuiSlider__dragger::before{width:calc(100% + 24px);left:-12px}.vkuiSlider--sizeY-compact .vkuiSlider__thumb{top:-11px;width:24px;height:24px}.vkuiSlider--sizeY-compact .vkuiSlider__thumb--start{left:-12px}.vkuiSlider--sizeY-compact .vkuiSlider__thumb--end{right:-12px}.vkuiSlider--vkcom{height:20px;padding:0 10px}.vkuiSlider--vkcom::before{top:8px;height:4px;border-radius:2px}.vkuiSlider--vkcom .vkuiSlider__dragger{top:8px}.vkuiSlider--vkcom .vkuiSlider__dragger::before{width:calc(100% + 20px);background:#2688eb;background:var(--accent);left:-10px;height:4px;border-radius:2px}.vkuiSlider--vkcom .vkuiSlider__thumb{top:-8px;width:20px;height:20px;border-radius:10px;border:1px solid #e1e3e6;border:1px solid var(--input_border);box-shadow:0 0 2px #d7d8d9,0 2px 4px #d7d8d9;box-shadow:0 0 2px var(--separator_common),0 2px 4px var(--separator_common);box-sizing:border-box}.vkuiSlider--vkcom .vkuiSlider__thumb--start{left:-10px}.vkuiSlider--vkcom .vkuiSlider__thumb--end{right:-10px}
1	+ .vkuiSlider{position:relative;z-index:0;height:28px;padding:0 14px}.vkuiSlider::before{position:absolute;left:0;width:100%;background-color:rgba(0,28,61,.08);background-color:var(--placeholder_icon_background);content:"";z-index:-1;top:13px;height:2px;border-radius:1px}.vkuiSlider__in{height:100%;position:relative}.vkuiSlider__dragger{position:absolute;left:0;width:0;height:0;top:13px}.vkuiSlider__dragger::before{position:absolute;top:0;width:calc(100% + 28px);background:#2688eb;background:var(--accent);content:"";left:-14px;height:2px;border-radius:1px}.vkuiSlider__thumb{position:absolute;top:-13px;width:28px;height:28px;transition:-webkit-transform .1s ease;transition:transform .1s ease;transition:transform .1s ease,-webkit-transform .1s ease;border-radius:14px;background:#fff;background:var(--white);box-shadow:0 3px 8px rgba(0,0,0,.15)}.vkuiSlider__thumb--start{left:-14px}.vkuiSlider__thumb--end{right:-14px}.vkuiSlider--disabled{opacity:.4}.vkuiSlider--sizeY-compact{height:24px;padding:0 12px}.vkuiSlider--sizeY-compact::before{top:11px}.vkuiSlider--sizeY-compact .vkuiSlider__dragger{top:11px}.vkuiSlider--sizeY-compact .vkuiSlider__dragger::before{width:calc(100% + 24px);left:-12px}.vkuiSlider--sizeY-compact .vkuiSlider__thumb{top:-11px;width:24px;height:24px}.vkuiSlider--sizeY-compact .vkuiSlider__thumb--start{left:-12px}.vkuiSlider--sizeY-compact .vkuiSlider__thumb--end{right:-12px}.vkuiSlider--vkcom{height:20px;padding:0 10px}.vkuiSlider--vkcom::before{top:8px;height:4px;border-radius:2px}.vkuiSlider--vkcom .vkuiSlider__dragger{top:8px}.vkuiSlider--vkcom .vkuiSlider__dragger::before{width:calc(100% + 20px);background:#2688eb;background:var(--accent);left:-10px;height:4px;border-radius:2px}.vkuiSlider--vkcom .vkuiSlider__thumb{top:-8px;width:20px;height:20px;border-radius:10px;border:1px solid #e1e3e6;border:1px solid var(--input_border);box-shadow:0 0 2px #d7d8d9,0 2px 4px #d7d8d9;box-shadow:0 0 2px var(--separator_common),0 2px 4px var(--separator_common);box-sizing:border-box}.vkuiSlider--vkcom .vkuiSlider__thumb--start{left:-10px}.vkuiSlider--vkcom .vkuiSlider__thumb--end{right:-10px}

package/dist/cssm/components/Slider/Slider.js CHANGED Viewed

@@ -1,46 +1,51 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["onChange", "defaultValue"];
+var _excluded = ["onChange", "defaultValue", "min", "max", "value"];
 import { createScopedElement } from "../../lib/jsxRuntime";
-import * as React from 'react';
+import * as React from "react";
 import { clamp } from "../../helpers/math";
 import { UniversalSlider } from "../RangeSlider/UniversalSlider";
 var Slider = function Slider(_ref) {
   var onChange = _ref.onChange,
       defaultValue = _ref.defaultValue,
+      _ref$min = _ref.min,
+      min = _ref$min === void 0 ? 0 : _ref$min,
+      _ref$max = _ref.max,
+      max = _ref$max === void 0 ? 100 : _ref$max,
+      _ref$value = _ref.value,
+      value = _ref$value === void 0 ? 0 : _ref$value,
       props = _objectWithoutProperties(_ref, _excluded);
-  var isControlled = props.value != null;
+  var isControlled = value != null;
-  var _React$useState = React.useState(defaultValue == null ? props.min : defaultValue),
+  var _React$useState = React.useState(defaultValue == null ? min : defaultValue),
       _React$useState2 = _slicedToArray(_React$useState, 2),
       localValue = _React$useState2[0],
       setValue = _React$useState2[1];
-  var value = clamp(isControlled ? props.value : localValue, props.min, props.max);
+  var _value = clamp(isControlled ? value : localValue, min, max);
   var handleChange = React.useCallback(function (nextValue, event) {
-    if (props.disabled || value === nextValue[1]) {
+    if (props.disabled || _value === nextValue[1]) {
       return;
     }
     !isControlled && setValue(nextValue[1]);
     onChange && onChange(nextValue[1], event);
-  }, [onChange, isControlled, value]);
+  }, [props.disabled, _value, isControlled, onChange]);
   var rangeValue = React.useMemo(function () {
-    return [null, value];
-  }, [value]);
+    return [null, _value];
+  }, [_value]);
   return createScopedElement(UniversalSlider, _extends({}, props, {
     value: rangeValue,
-    onChange: handleChange
+    onChange: handleChange,
+    min: min,
+    max: max
   }));
-};
+}; // eslint-disable-next-line import/no-default-export
-Slider.defaultProps = {
-  min: 0,
-  max: 100,
-  step: 0
-};
 export default Slider;
 //# sourceMappingURL=Slider.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../../src/components/Slider/Slider.tsx"],"names":["React","clamp","UniversalSlider","Slider","onChange","defaultValue","~~props~~","~~isControlled~~","value","~~useState~~","~~min~~","localValue","setValue","~~max~~","handleChange","useCallback","nextValue","event","disabled","rangeValue","useMemo"~~,"defaultProps","step"~~],"mappings":";;;;;AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,SAASC,KAAT;AACA,~~SAASC~~,~~eAAT~~;;~~AAIA~~,IAAMC,MAAM,GAAG,SAATA,MAAS,~~OAAuD~~;AAAA,~~MAApDC~~,~~QAAoD~~,~~QAApDA~~,~~QAAoD~~;AAAA,~~MAA1CC~~,~~YAA0C~~,~~QAA1CA~~,~~YAA0C~~;AAAA,~~MAAzBC~~,~~KAAyB~~;;~~AACpE~~,MAAMC,YAAY,~~GAAGD~~,KAAK,~~CAACE~~,~~KAAN,IAAe,IAApC~~;;AAEA,wBAA+BR,KAAK,~~CAACS~~,QAAN,~~CAAeJ~~,YAAY,IAAI,IAAhB,GAAuBC,~~KAAK~~,~~CAACI~~,~~GAA7B~~,~~GAAmCL,YAAlD,~~CAA/B;AAAA;AAAA,~~MAAOM~~,UAAP;AAAA,MAAmBC,QAAnB;;~~AACA~~,~~MAAMJ~~,~~KAAK~~,~~GAAGP~~,KAAK,~~CAACM~~,YAAY,~~GAAGD~~,~~KAAK~~,~~CAACE~~,~~KAAT~~,~~GAAiBG~~,~~UAA9B~~,~~EAA0CL~~,~~KAAK~~,~~CAACI,GAAhD,EAAqDJ,KAAK,CAACO,GAA3D,CAAnB;~~AAEA,~~MAAMC~~,YAA8D,~~GAAGd~~,KAAK,~~CAACe~~,WAAN,~~CAAkB~~,UAACC,SAAD,EAAYC,KAAZ,EAAsB;~~AAC7G~~,~~QAAIX~~,KAAK,~~CAACY~~,QAAN,~~IAAkBV~~,~~KAAK~~,~~KAAKQ~~,SAAS,CAAC,CAAD,~~CAAzC~~,~~EAA8C~~;~~AAC5C~~;AACD;;AACD,~~KAACT~~,YAAD,~~IAAiBK~~,QAAQ,CAACI,SAAS,CAAC,CAAD,CAAV,CAAzB;~~AACAZ~~,IAAAA,QAAQ,IAAIA,QAAQ,~~CAACY~~,SAAS,CAAC,CAAD,CAAV,EAAeC,KAAf,CAApB;AACD,~~GANsE~~,~~EAMpE~~,~~CAACb~~,~~QAAD~~,~~EAAWG~~,~~YAAX~~,~~EAAyBC~~,~~KAAzB~~,~~CANoE~~,~~CAAvE~~;~~AAQA~~,~~MAAMW~~,UAA0B,~~GAAGnB~~,KAAK,~~CAACoB~~,OAAN,~~CAAc~~;AAAA,WAAM,CAAC,IAAD,~~EAAOZ~~,~~KAAP~~,CAAN;AAAA,~~GAAd~~,~~EAAmC~~,CAACA,~~KAAD~~,~~CAAnC~~,CAAnC;~~AACA~~,~~SAAO~~,oBAAC,eAAD,~~eAAqBF~~,~~KAArB~~;~~AAA4B~~,IAAA,KAAK,~~EAAEa~~,~~UAAnC~~;~~AAA+C~~,IAAA,QAAQ,EAAEL~~;AAAzD~~,~~KAAP~~;~~AACD~~,~~CAhBD;;AAkBAX~~,~~MAAM~~,~~CAACkB~~,~~YAAP,GAAsB~~;~~AACpBX~~,~~EAAAA~~,GAAG,~~EAAE,CADe~~;~~AAEpBG~~,~~EAAAA,GAAG,EAAE,GAFe~~;~~AAGpBS~~,~~EAAAA~~,~~IAAI~~,~~EAAE;AAHc~~,~~CAAtB;AAMA~~,~~eAAenB,~~MAAf","sourcesContent":["import * as React from 'react';\nimport { clamp } from '../../helpers/math';\nimport { UniversalSlider, UniversalSliderProps, UniversalValue } from '../RangeSlider/UniversalSlider';\n\nexport type SliderProps = UniversalSliderProps<number>;\n\nconst Slider = ({ onChange, defaultValue, ...props }: SliderProps) => {\n const isControlled = ~~props.~~value != null;\n\n const [localValue, setValue] = React.useState(defaultValue == null ? ~~props.~~min : defaultValue);\n const ~~value~~ = clamp(isControlled ? ~~props.~~value : localValue, ~~props.~~min, ~~props.~~max);\n\n const handleChange: UniversalSliderProps<UniversalValue>['onChange'] = React.useCallback((nextValue, event) => {\n if (props.disabled \|\| ~~value~~ === nextValue[1]) {\n return;\n }\n !isControlled && setValue(nextValue[1]);\n onChange && onChange(nextValue[1], event);\n }, ~~[onChange~~, isControlled, ~~value~~]);\n\n const rangeValue: [null, number] = React.useMemo(() => [null, ~~value~~], [~~value~~]);\n return <UniversalSlider {...props} value={rangeValue} onChange={handleChange} ~~/>;\~~n};\n~~\nSlider.defaultProps~~ = {\n ~~min: 0,\~~n ~~max: 100,\~~n ~~step: 0,\n~~};\n\nexport default Slider;\n"],"file":"Slider.js"}
1	+ {"version":3,"sources":["../../../../src/components/Slider/Slider.tsx"],"names":["React","clamp","UniversalSlider","Slider","onChange","defaultValue","min","max","value","props","isControlled","useState","localValue","setValue","_value","handleChange","useCallback","nextValue","event","disabled","rangeValue","useMemo"],"mappings":";;;;;AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,SAASC,KAAT;AACA,SACEC,eADF;;AAQA,IAAMC,MAAM,GAAG,SAATA,MAAS,OAOI;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+BR,KAAK,CAACW,QAAN,CAC7BN,YAAY,IAAI,IAAhB,GAAuBC,GAAvB,GAA6BD,YADA,CAA/B;AAAA;AAAA,MAAOO,UAAP;AAAA,MAAmBC,QAAnB;;AAGA,MAAMC,MAAM,GAAGb,KAAK,CAACS,YAAY,GAAGF,KAAH,GAAWI,UAAxB,EAAoCN,GAApC,EAAyCC,GAAzC,CAApB;;AAEA,MAAMQ,YAA8D,GAClEf,KAAK,CAACgB,WAAN,CACE,UAACC,SAAD,EAAYC,KAAZ,EAAsB;AACpB,QAAIT,KAAK,CAACU,QAAN,IAAkBL,MAAM,KAAKG,SAAS,CAAC,CAAD,CAA1C,EAA+C;AAC7C;AACD;;AACD,KAACP,YAAD,IAAiBG,QAAQ,CAACI,SAAS,CAAC,CAAD,CAAV,CAAzB;AACAb,IAAAA,QAAQ,IAAIA,QAAQ,CAACa,SAAS,CAAC,CAAD,CAAV,EAAeC,KAAf,CAApB;AACD,GAPH,EAQE,CAACT,KAAK,CAACU,QAAP,EAAiBL,MAAjB,EAAyBJ,YAAzB,EAAuCN,QAAvC,CARF,CADF;AAYA,MAAMgB,UAA0B,GAAGpB,KAAK,CAACqB,OAAN,CACjC;AAAA,WAAM,CAAC,IAAD,EAAOP,MAAP,CAAN;AAAA,GADiC,EAEjC,CAACA,MAAD,CAFiC,CAAnC;AAIA,SACE,oBAAC,eAAD,eACML,KADN;AAEE,IAAA,KAAK,EAAEW,UAFT;AAGE,IAAA,QAAQ,EAAEL,YAHZ;AAIE,IAAA,GAAG,EAAET,GAJP;AAKE,IAAA,GAAG,EAAEC;AALP,KADF;AASD,CAxCD,C,CA0CA;;;AACA,eAAeJ,MAAf","sourcesContent":["import * as React from \"react\";\nimport { clamp } from \"../../helpers/math\";\nimport {\n UniversalSlider,\n UniversalSliderProps,\n UniversalValue,\n} from \"../RangeSlider/UniversalSlider\";\n\nexport type SliderProps = UniversalSliderProps<number>;\n\nconst 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, event) => {\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\n// eslint-disable-next-line import/no-default-export\nexport default Slider;\n"],"file":"Slider.js"}

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

@@ -9,11 +9,12 @@ import _createSuper from "@babel/runtime/helpers/createSuper";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 var _excluded = ["name", "options", "activeValue", "onSwitch"];
 import { createScopedElement } from "../../lib/jsxRuntime";
-import * as React from 'react';
+import * as React from "react";
 import SliderSwitchButton from "./SliderSwitchButton";
 import { classNames } from "../../lib/classNames";
 import "./SliderSwitch.css";
+// eslint-disable-next-line import/no-default-export
 var SliderSwitch = /*#__PURE__*/function (_React$Component) {
   _inherits(SliderSwitch, _React$Component);
@@ -83,30 +84,36 @@ var SliderSwitch = /*#__PURE__*/function (_React$Component) {
     });
     _defineProperty(_assertThisInitialized(_this), "switchByKey", function (event) {
-      if (event.key !== 'Enter' && event.key !== 'Spacebar' && event.key !== ' ') {
+      var _options$find;
+      if (event.key !== "Enter" && event.key !== "Spacebar" && event.key !== " ") {
         return;
       }
       event.preventDefault();
       var options = _this.props.options;
       var activeValue = _this.state.activeValue;
-      var _options$find = options.find(function (option) {
+      var value = (_options$find = options.find(function (option) {
         return option.value !== activeValue;
-      }),
-          value = _options$find.value;
+      })) === null || _options$find === void 0 ? void 0 : _options$find.value;
-      _this.onSwitch(value);
+      if (value !== undefined) {
+        _this.onSwitch(value);
+      }
       if (options[0].value === value) {
-        _this.firstButton.current.focus();
+        var _this$firstButton$cur;
+        (_this$firstButton$cur = _this.firstButton.current) === null || _this$firstButton$cur === void 0 ? void 0 : _this$firstButton$cur.focus();
       } else {
-        _this.secondButton.current.focus();
+        var _this$secondButton$cu;
+        (_this$secondButton$cu = _this.secondButton.current) === null || _this$secondButton$cu === void 0 ? void 0 : _this$secondButton$cu.focus();
       }
     });
     _this.state = {
-      activeValue: (_props$activeValue = props.activeValue) !== null && _props$activeValue !== void 0 ? _props$activeValue : '',
+      activeValue: (_props$activeValue = props.activeValue) !== null && _props$activeValue !== void 0 ? _props$activeValue : "",
       hoveredOptionId: -1
     };
     _this.firstButton = /*#__PURE__*/React.createRef();
@@ -143,7 +150,7 @@ var SliderSwitch = /*#__PURE__*/function (_React$Component) {
       }), !firstActive && !secondActive && createScopedElement("div", {
         vkuiClass: "SliderSwitch__border"
       }), createScopedElement("div", {
-        vkuiClass: classNames('SliderSwitch__slider', (_classNames = {}, _defineProperty(_classNames, 'SliderSwitch--firstActive', firstActive), _defineProperty(_classNames, 'SliderSwitch--secondActive', secondActive), _classNames))
+        vkuiClass: classNames("SliderSwitch__slider", (_classNames = {}, _defineProperty(_classNames, "SliderSwitch--firstActive", firstActive), _defineProperty(_classNames, "SliderSwitch--secondActive", secondActive), _classNames))
       }), createScopedElement("input", {
         type: "hidden",
         name: name,
@@ -181,11 +188,11 @@ var SliderSwitch = /*#__PURE__*/function (_React$Component) {
 _defineProperty(SliderSwitch, "defaultProps", {
   options: [{
-    name: '',
-    value: ''
+    name: "",
+    value: ""
   }, {
-    name: '',
-    value: ''
+    name: "",
+    value: ""
   }]
 });