npm - @vkontakte/vkui - Versions diffs - 4.27.0 → 4.28.0 - Mend

@vkontakte/vkui 4.27.0 → 4.28.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 (1264) hide show

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

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../../src/components/SelectMimicry/SelectMimicry.tsx"],"names":["SelectMimicry","tabIndex","placeholder","children","align","getRootRef","multiline","disabled","onClick","sizeX","sizeY","restProps","platform","TypographyComponent","VKCOM","SizeType","COMPACT","Text","Headline","undefined","defaultProps"],"mappings":";;;;;;;;;;;;;;;;;AACA;;AACA;;AACA;;AAEA;;AAKA;;AACA;;AACA;;AACA;;AACA;;;;~~AAYA~~,IAAMA,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,GAAG,+BAAjB;AAEA,MAAMC,mBAAmB,GACvBD,QAAQ,KAAKE,eAAb,~~IAAsBJ~~,KAAK,~~KAAKK~~,yBAASC,OAAzC,GAAmDC,aAAnD,GAA0DC,iBAD5D;AAGA,SACE,qCAAC,oBAAD,6BACMP,SADN;AAEE,IAAA,QAAQ,~~EAAEJ~~,QAAQ,~~GAAGY~~,SAAH,~~GAAelB~~,QAFnC;AAGE,IAAA,SAAS,EAAE,6BACT,gCAAa,QAAb,~~EAAuBW~~,QAAvB,CADS,EAET,iBAFS;~~AAIP~~,8BAAwB,CAACT,~~QAJlB~~;~~AAKP~~,2BAAqBG;~~AALd~~,~~0EAMWF~~,~~KANX~~,~~GAMqB~~,CAAC,CAACA,~~KANvB~~,~~uEAOYK~~,~~KAPZ~~,~~GAOsB~~,CAAC,CAACA,~~KAPxB~~,~~uEAQYC~~,~~KARZ~~,~~GAQsB~~,CAAC,CAACA,~~KARxB~~,gBAHb;~~AAcE~~,IAAA,UAAU,EAAEL,~~UAdd~~;~~AAeE~~,IAAA,OAAO,EAAEE,QAAQ,~~GAAGY~~,SAAH,~~GAAeX~~,~~OAflC~~;~~AAgBE~~,IAAA,QAAQ,EAAED,~~QAhBZ~~;~~AAiBE~~,IAAA,KAAK,~~EAAE,qCAAC,0BAAD~~;~~AAjBT~~,~~MAmBE~~,qCAAC,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,~~CAACoB~~,YAAd,GAA6B;~~AAC3BnB~~,EAAAA,QAAQ,EAAE;AADiB,CAA7B,C,CAIA;;eACe,oCAAeD,aAAf,EAA8B;AAC3CS,EAAAA,KAAK,EAAE,IADoC;AAE3CC,EAAAA,KAAK,EAAE;AAFoC,CAA9B,C","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"}
1	+ {"version":3,"sources":["../../../../src/components/SelectMimicry/SelectMimicry.tsx"],"names":["SelectMimicry","tabIndex","placeholder","children","align","getRootRef","multiline","disabled","onClick","sizeX","sizeY","after","selectType","SelectType","Default","restProps","platform","TypographyComponent","VKCOM","SizeType","COMPACT","Text","Headline","undefined","Plain","defaultProps"],"mappings":";;;;;;;;;;;;;;;;;AACA;;AACA;;AACA;;AAEA;;AAKA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;AAeA,IAAMA,aAA0D,GAAG,SAA7DA,aAA6D,OAczC;AAAA;;AAAA,MAbxBC,QAawB,QAbxBA,QAawB;AAAA,MAZxBC,WAYwB,QAZxBA,WAYwB;AAAA,MAXxBC,QAWwB,QAXxBA,QAWwB;AAAA,MAVxBC,KAUwB,QAVxBA,KAUwB;AAAA,MATxBC,UASwB,QATxBA,UASwB;AAAA,MARxBC,SAQwB,QARxBA,SAQwB;AAAA,MAPxBC,QAOwB,QAPxBA,QAOwB;AAAA,MANxBC,OAMwB,QANxBA,OAMwB;AAAA,MALxBC,KAKwB,QALxBA,KAKwB;AAAA,MAJxBC,KAIwB,QAJxBA,KAIwB;AAAA,wBAHxBC,KAGwB;AAAA,MAHxBA,KAGwB,2BAHhB,qCAAC,0BAAD,OAGgB;AAAA,6BAFxBC,UAEwB;AAAA,MAFxBA,UAEwB,gCAFXC,yBAAWC,OAEA;AAAA,MADrBC,SACqB;AACxB,MAAMC,QAAQ,GAAG,+BAAjB;AAEA,MAAMC,mBAAmB,GACvBD,QAAQ,KAAKE,eAAb,IAAsBR,KAAK,KAAKS,yBAASC,OAAzC,GAAmDC,aAAnD,GAA0DC,iBAD5D;AAGA,SACE,qCAAC,oBAAD,6BACMP,SADN;AAEE,IAAA,QAAQ,EAAER,QAAQ,GAAGgB,SAAH,GAAetB,QAFnC;AAGE,IAAA,SAAS,EAAE,6BACT,gCAAa,QAAb,EAAuBe,QAAvB,CADS,EAET,iBAFS,4BAGUJ,UAHV;AAKP,8BAAwB,CAACT,QALlB;AAMP,2BAAqBG;AANd,0EAOWF,KAPX,GAOqB,CAAC,CAACA,KAPvB,uEAQYK,KARZ,GAQsB,CAAC,CAACA,KARxB,uEASYC,KATZ,GASsB,CAAC,CAACA,KATxB,gBAHb;AAeE,IAAA,UAAU,EAAEL,UAfd;AAgBE,IAAA,OAAO,EAAEE,QAAQ,GAAGgB,SAAH,GAAef,OAhBlC;AAiBE,IAAA,QAAQ,EAAED,QAjBZ;AAkBE,IAAA,KAAK,EAAEI;AAlBT,MAoBE,qCAAC,mBAAD;AACE,IAAA,SAAS,EAAC,KADZ;AAEE,IAAA,MAAM,EAAEC,UAAU,KAAKC,yBAAWW,KAA1B,GAAkC,UAAlC,GAA+C,SAFzD;AAGE,IAAA,SAAS,EAAE,6BACT,mBADS,+BAEaZ,UAFb;AAHb,KAQE;AAAM,IAAA,SAAS,EAAC;AAAhB,KAAiCT,QAAQ,IAAID,WAA7C,CARF,CApBF,CADF;AAiCD,CArDD;;AAuDAF,aAAa,CAACyB,YAAd,GAA6B;AAC3BxB,EAAAA,QAAQ,EAAE;AADiB,CAA7B,C,CAIA;;eACe,oCAAeD,aAAf,EAA8B;AAC3CS,EAAAA,KAAK,EAAE,IADoC;AAE3CC,EAAAA,KAAK,EAAE;AAFoC,CAA9B,C","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 { SelectType } from \"../CustomSelect/CustomSelect\";\nimport \"../Select/Select.css\";\nimport \"./SelectMimicry.css\";\n\nexport interface SelectMimicryProps\n extends React.HTMLAttributes<HTMLElement>,\n HasAlign,\n HasRootRef<HTMLElement>,\n AdaptivityProps {\n multiline?: boolean;\n disabled?: boolean;\n after?: React.ReactNode;\n selectType?: SelectType;\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 after = <DropdownIcon />,\n selectType = SelectType.Default,\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 `Select--mimicry-${selectType}`,\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={after}\n >\n <TypographyComponent\n Component=\"div\"\n weight={selectType === SelectType.Plain ? \"semibold\" : \"regular\"}\n vkuiClass={classNames(\n \"Select__container\",\n `Select__container--${selectType}`\n )}\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/cjs/components/SimpleCell/SimpleCell.d.ts CHANGED Viewed

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

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

@@ -96,7 +96,6 @@ var SimpleCell = function SimpleCell(_ref) {
     vkuiClass: "SimpleCell__badge"
   }, badge)), description && (0, _jsxRuntime.createScopedElement)(_Subhead.default, {
     Component: "span",
-    weight: "regular",
     vkuiClass: "SimpleCell__description"
   }, description)), (0, _utils.hasReactNode)(indicator) && (0, _jsxRuntime.createScopedElement)(SimpleCellTypography, {
     Component: "span",

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","platform","SizeType","COMPACT","ANDROID","SimpleCell","badge","before","indicator","children","after","description","expandable","multiline","restProps","hasAfter","IOS"],"mappings":";;;;;;;;;;;;;;;AAEA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;AAwCA,IAAMA,oBAAyD,GAAG,SAA5DA,oBAA4D,CAChEC,KADgE,EAE7D;AACH,uBAAkB,oCAAlB;AAAA,MAAQC,KAAR,kBAAQA,KAAR;;AACA,MAAMC,QAAQ,GAAG,+BAAjB;;AAEA,MAAID,KAAK,KAAKE,yBAASC,OAAvB,EAAgC;AAC9B,WAAO,qCAAC,aAAD;AAAM,MAAA,SAAS,EAAC,MAAhB;AAAuB,MAAA,MAAM,EAAC;AAA9B,OAA4CJ,KAA5C,EAAP;AACD,GAFD,MAEO,IAAIE,QAAQ,KAAKG,iBAAjB,EAA0B;AAC/B,WAAO,qCAAC,iBAAD;AAAU,MAAA,SAAS,EAAC,MAApB;AAA2B,MAAA,MAAM,EAAC;AAAlC,OAAgDL,KAAhD,EAAP;AACD,GAFM,MAEA;AACL,WAAO,qCAAC,cAAD;AAAO,MAAA,SAAS,EAAC,MAAjB;AAAwB,MAAA,KAAK,EAAC,GAA9B;AAAkC,MAAA,MAAM,EAAC;AAAzC,OAAiDA,KAAjD,EAAP;AACD;AACF,CAbD;;AAeA,IAAMM,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,MAFrBb,KAEqB,QAFrBA,KAEqB;AAAA,MADlBc,SACkB;AACrB,MAAMb,QAAQ,GAAG,+BAAjB;;AACA,MAAMc,QAAQ,GAAG,yBAAaL,KAAb,KAAwBE,UAAU,IAAIX,QAAQ,KAAKe,aAApE;;AAEA,SACE,qCAAC,iBAAD,6BACMF,SADN;AAEE,IAAA,SAAS,EAAE,4BACT,gCAAa,YAAb,EAA2Bb,QAA3B,CADS,EAET;AACE,yBAAmBW,UADrB;AAEE,0BAAoBC;AAFtB,KAFS,8BAMYb,KANZ;AAFb,MAWGO,MAXH,EAYE;AAAK,IAAA,SAAS,EAAC;AAAf,KACE;AAAK,IAAA,SAAS,EAAC;AAAf,KACE,qCAAC,oBAAD;AAAsB,IAAA,SAAS,EAAC;AAAhC,KACGE,QADH,CADF,EAIG,yBAAaH,KAAb,KACC;AAAM,IAAA,SAAS,EAAC;AAAhB,KAAqCA,KAArC,CALJ,CADF,EASGK,WAAW,IACV,qCAAC,gBAAD;~~AACE~~,IAAA,SAAS,EAAC,~~MADZ~~;~~AAEE~~,IAAA,~~MAAM,EAAC,SAFT;AAGE,IAAA,~~SAAS,EAAC;~~AAHZ~~,~~KAKGA~~,~~WALH~~,CAVJ,CAZF,~~EA+BG~~,yBAAaH,SAAb,KACC,qCAAC,oBAAD;AACE,IAAA,SAAS,EAAC,MADZ;AAEE,IAAA,SAAS,EAAC;AAFZ,KAIGA,SAJH,~~CAhCJ~~,~~EAuCGO~~,QAAQ,IACP;AAAK,IAAA,SAAS,EAAC;AAAf,KACGL,KADH,EAEGE,UAAU,IAAIX,QAAQ,KAAKe,aAA3B,IAAkC,qCAAC,oBAAD,OAFrC,~~CAxCJ~~,CADF;~~AAgDD~~,~~CA/DD~~,C,~~CAiEA~~;;;eACe,oCAAeX,UAAf,EAA2B;AAAEL,EAAAA,KAAK,EAAE;AAAT,CAA3B,C","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 { ANDROID, 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 Headline from \"../Typography/Headline/Headline\";\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 const platform = usePlatform();\n\n if (sizeY === SizeType.COMPACT) {\n return <Text Component=\"span\" weight=\"regular\" {...props} />;\n } else if (platform === ANDROID) {\n return <Headline Component=\"span\" weight=\"regular\" {...props} />;\n } else {\n return <Title Component=\"span\" level=\"3\" weight=\"3\" {...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"}
1	+ {"version":3,"sources":["../../../../src/components/SimpleCell/SimpleCell.tsx"],"names":["SimpleCellTypography","props","sizeY","platform","SizeType","COMPACT","ANDROID","SimpleCell","badge","before","indicator","children","after","description","expandable","multiline","restProps","hasAfter","IOS"],"mappings":";;;;;;;;;;;;;;;AAEA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;AAwCA,IAAMA,oBAAyD,GAAG,SAA5DA,oBAA4D,CAChEC,KADgE,EAE7D;AACH,uBAAkB,oCAAlB;AAAA,MAAQC,KAAR,kBAAQA,KAAR;;AACA,MAAMC,QAAQ,GAAG,+BAAjB;;AAEA,MAAID,KAAK,KAAKE,yBAASC,OAAvB,EAAgC;AAC9B,WAAO,qCAAC,aAAD;AAAM,MAAA,SAAS,EAAC,MAAhB;AAAuB,MAAA,MAAM,EAAC;AAA9B,OAA4CJ,KAA5C,EAAP;AACD,GAFD,MAEO,IAAIE,QAAQ,KAAKG,iBAAjB,EAA0B;AAC/B,WAAO,qCAAC,iBAAD;AAAU,MAAA,SAAS,EAAC,MAApB;AAA2B,MAAA,MAAM,EAAC;AAAlC,OAAgDL,KAAhD,EAAP;AACD,GAFM,MAEA;AACL,WAAO,qCAAC,cAAD;AAAO,MAAA,SAAS,EAAC,MAAjB;AAAwB,MAAA,KAAK,EAAC,GAA9B;AAAkC,MAAA,MAAM,EAAC;AAAzC,OAAiDA,KAAjD,EAAP;AACD;AACF,CAbD;;AAeA,IAAMM,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,MAFrBb,KAEqB,QAFrBA,KAEqB;AAAA,MADlBc,SACkB;AACrB,MAAMb,QAAQ,GAAG,+BAAjB;;AACA,MAAMc,QAAQ,GAAG,yBAAaL,KAAb,KAAwBE,UAAU,IAAIX,QAAQ,KAAKe,aAApE;;AAEA,SACE,qCAAC,iBAAD,6BACMF,SADN;AAEE,IAAA,SAAS,EAAE,4BACT,gCAAa,YAAb,EAA2Bb,QAA3B,CADS,EAET;AACE,yBAAmBW,UADrB;AAEE,0BAAoBC;AAFtB,KAFS,8BAMYb,KANZ;AAFb,MAWGO,MAXH,EAYE;AAAK,IAAA,SAAS,EAAC;AAAf,KACE;AAAK,IAAA,SAAS,EAAC;AAAf,KACE,qCAAC,oBAAD;AAAsB,IAAA,SAAS,EAAC;AAAhC,KACGE,QADH,CADF,EAIG,yBAAaH,KAAb,KACC;AAAM,IAAA,SAAS,EAAC;AAAhB,KAAqCA,KAArC,CALJ,CADF,EASGK,WAAW,IACV,qCAAC,gBAAD;AAAS,IAAA,SAAS,EAAC,MAAnB;AAA0B,IAAA,SAAS,EAAC;AAApC,KACGA,WADH,CAVJ,CAZF,EA2BG,yBAAaH,SAAb,KACC,qCAAC,oBAAD;AACE,IAAA,SAAS,EAAC,MADZ;AAEE,IAAA,SAAS,EAAC;AAFZ,KAIGA,SAJH,CA5BJ,EAmCGO,QAAQ,IACP;AAAK,IAAA,SAAS,EAAC;AAAf,KACGL,KADH,EAEGE,UAAU,IAAIX,QAAQ,KAAKe,aAA3B,IAAkC,qCAAC,oBAAD,OAFrC,CApCJ,CADF;AA4CD,CA3DD,C,CA6DA;;;eACe,oCAAeX,UAAf,EAA2B;AAAEL,EAAAA,KAAK,EAAE;AAAT,CAA3B,C","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 { ANDROID, 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 Headline from \"../Typography/Headline/Headline\";\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 const platform = usePlatform();\n\n if (sizeY === SizeType.COMPACT) {\n return <Text Component=\"span\" weight=\"regular\" {...props} />;\n } else if (platform === ANDROID) {\n return <Headline Component=\"span\" weight=\"regular\" {...props} />;\n } else {\n return <Title Component=\"span\" level=\"3\" weight=\"3\" {...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 Component=\"span\" vkuiClass=\"SimpleCell__description\">\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/cjs/components/SimpleCheckbox/SimpleCheckbox.d.ts CHANGED Viewed

@@ -6,4 +6,3 @@ export interface SimpleCheckboxProps extends React.InputHTMLAttributes<HTMLInput
     defaultIndeterminate?: boolean;
 }
 export declare const SimpleCheckbox: React.FC<SimpleCheckboxProps>;
-export default SimpleCheckbox;

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

@@ -7,7 +7,7 @@ var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWild
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = exports.SimpleCheckbox = void 0;
+exports.SimpleCheckbox = void 0;
 var _jsxRuntime = require("../../lib/jsxRuntime");
@@ -118,10 +118,7 @@ var SimpleCheckbox = function SimpleCheckbox(props) {
     "aria-hidden": true,
     vkuiClass: "SimpleCheckbox__hoverShadow"
   }));
-}; // eslint-disable-next-line import/no-default-export
+};
 exports.SimpleCheckbox = SimpleCheckbox;
-var _default = SimpleCheckbox;
-exports.default = _default;
 //# sourceMappingURL=SimpleCheckbox.js.map

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","props","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":";;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AAEA;;AASA;;AACA;;AACA;;AACA;;AACA;;;AAIA,IAAMA,IAAI,GAAG,wBAAS,gBAAT,CAAb;AACA,IAAMC,MAAM,GAAGC,OAAO,CAACC,GAAR,CAAYC,QAAZ,KAAyB,aAAxC;;AAUO,IAAMC,cAA6C,GAAG,SAAhDA,cAAgD,CAC3DC,KAD2D,EAExD;AACH,MACEC,SADF,GASID,KATJ,CACEC,SADF;AAAA,MAEEC,KAFF,GASIF,KATJ,CAEEE,KAFF;AAAA,MAGEC,UAHF,GASIH,KATJ,CAGEG,UAHF;AAAA,MAIEC,MAJF,GASIJ,KATJ,CAIEI,MAJF;AAAA,MAKEC,aALF,GASIL,KATJ,CAKEK,aALF;AAAA,MAMEC,oBANF,GASIN,KATJ,CAMEM,oBANF;AAAA,MAOEC,QAPF,GASIP,KATJ,CAOEO,QAPF;AAAA,MAQKC,SARL,0CASIR,KATJ;;AAUA,uBAAkB,oCAAlB;AAAA,MAAQS,KAAR,kBAAQA,KAAR;;AACA,MAAMC,QAAQ,GAAG,+BAAjB;AACA,MAAMC,QAAQ,GAAG,gCAAaP,MAAb,CAAjB;AAEAQ,EAAAA,KAAK,CAACC,SAAN,CAAgB,YAAM;AACpB,QAAMC,kBAAkB,GACtBT,aAAa,KAAKU,SAAlB,GAA8BT,oBAA9B,GAAqDD,aADvD;;AAGA,QAAIM,QAAQ,CAACK,OAAb,EAAsB;AACpBL,MAAAA,QAAQ,CAACK,OAAT,CAAiBX,aAAjB,GAAiCY,OAAO,CAACH,kBAAD,CAAxC;AACD;AACF,GAPD,EAOG,CAACR,oBAAD,EAAuBD,aAAvB,EAAsCM,QAAtC,CAPH;AASA,MAAMO,YAA6C,GAAGN,KAAK,CAACO,WAAN,CACpD,UAACC,KAAD,EAAW;AACT,QACEd,oBAAoB,KAAKS,SAAzB,IACAV,aAAa,KAAKU,SADlB,IAEAP,SAAS,CAACa,OAAV,KAAsBN,SAFtB,IAGAJ,QAAQ,CAACK,OAJX,EAKE;AACAL,MAAAA,QAAQ,CAACK,OAAT,CAAiBX,aAAjB,GAAiC,KAAjC;AACD;;AACD,QAAIA,aAAa,KAAKU,SAAlB,IAA+BJ,QAAQ,CAACK,OAA5C,EAAqD;AACnDL,MAAAA,QAAQ,CAACK,OAAT,CAAiBX,aAAjB,GAAiCA,aAAjC;AACD;;AACDE,IAAAA,QAAQ,IAAIA,QAAQ,CAACa,KAAD,CAApB;AACD,GAdmD,EAepD,CAACd,oBAAD,EAAuBD,aAAvB,EAAsCG,SAAS,CAACa,OAAhD,EAAyDd,QAAzD,EAAmEI,QAAnE,CAfoD,CAAtD;;AAkBA,MAAIhB,MAAJ,EAAY;AACV,QAAIW,oBAAoB,IAAIE,SAAS,CAACc,cAAtC,EAAsD;AACpD5B,MAAAA,IAAI,CACF,yEADE,CAAJ;AAGD;;AAED,QAAIW,aAAa,IAAIG,SAAS,CAACa,OAA/B,EAAwC;AACtC3B,MAAAA,IAAI,CAAC,2DAAD,CAAJ;AACD;AACF;;AAED,SACE,qCAAC,iBAAD;AACE,IAAA,SAAS,EAAC,OADZ;AAEE,IAAA,SAAS,EAAE,4BACT,gCAAa,gBAAb,EAA+BgB,QAA/B,CADS,kCAEgBD,KAFhB,EAFb;AAME,IAAA,SAAS,EAAER,SANb;AAOE,IAAA,KAAK,EAAEC,KAPT;AAQE,IAAA,QAAQ,EAAEM,SAAS,CAACe,QARtB;AASE,IAAA,UAAU,EAAEb,QAAQ,KAAKc,eAAb,GAAqB,wBAArB,GAAgD,YAT9D;AAUE,IAAA,SAAS,EAAEd,QAAQ,KAAKc,eAAb,GAAqB,uBAArB,GAA+C,YAV5D;AAWE,IAAA,iBAAiB,EAAEd,QAAQ,KAAKe,aAAb,GAAmB,GAAnB,GAAyBC,6BAX9C;AAYE,IAAA,UAAU,EAAEvB;AAZd,KAcE,yEACMK,SADN;AAEE,IAAA,QAAQ,EAAEU,YAFZ;AAGE,IAAA,IAAI,EAAC,UAHP;AAIE,IAAA,SAAS,EAAC,uBAJZ;AAKE,IAAA,GAAG,EAAEP;AALP,KAdF,EAqBE;AAAK,IAAA,SAAS,EAAC;AAAf,KACE;AAAK,IAAA,SAAS,EAAC;AAAf,KACGF,KAAK,KAAKkB,yBAASC,OAAnB,IAA8BlB,QAAQ,KAAKc,eAA3C,GACC,qCAAC,uBAAD,OADD,GAGC,qCAAC,uBAAD,OAJJ,CADF,EAQE;AAAK,IAAA,SAAS,EAAC;AAAf,KACGf,KAAK,KAAKkB,yBAASC,OAAnB,IAA8BlB,QAAQ,KAAKc,eAA3C,GACC,qCAAC,wBAAD,OADD,GAGC,qCAAC,wBAAD,OAJJ,CARF,EAeE;AAAK,IAAA,SAAS,EAAC;AAAf,KACE,qCAAC,kCAAD;AACE,IAAA,KAAK,EAAEf,KAAK,KAAKkB,yBAASC,OAAnB,IAA8BlB,QAAQ,KAAKc,eAA3C,GAAmD,EAAnD,GAAwD,EADjE;AAEE,IAAA,MAAM,EAAEf,KAAK,KAAKkB,yBAASC,OAAnB,IAA8BlB,QAAQ,KAAKc,eAA3C,GAAmD,EAAnD,GAAwD;AAFlE,IADF,CAfF,CArBF,EA2CGd,QAAQ,KAAKc,eAAb,IACC;AAAK,mBAAa,IAAlB;AAAwB,IAAA,SAAS,EAAC;AAAlC,IA5CJ,EA8CGd,QAAQ,KAAKc,eAAb,IACC;AAAK,mBAAa,IAAlB;AAAwB,IAAA,SAAS,EAAC;AAAlC,IA/CJ,CADF;AAoDD,CA5GM~~,C,CA8GP;;;;eACezB,c~~","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"}
1	+ {"version":3,"sources":["../../../../src/components/SimpleCheckbox/SimpleCheckbox.tsx"],"names":["warn","IS_DEV","process","env","NODE_ENV","SimpleCheckbox","props","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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","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"],"file":"SimpleCheckbox.js"}

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

@@ -28,13 +28,13 @@ var Spacing = function Spacing(_ref) {
       separator = _ref.separator,
       style = _ref.style,
       restProps = (0, _objectWithoutProperties2.default)(_ref, _excluded);
-  var platfrom = (0, _usePlatform.usePlatform)();
+  var platform = (0, _usePlatform.usePlatform)();
   var styles = (0, _objectSpread2.default)({
     height: size
   }, style);
   return (0, _jsxRuntime.createScopedElement)("div", (0, _extends2.default)({}, restProps, {
     "aria-hidden": "true",
-    vkuiClass: (0, _classNames.classNames)((0, _getClassName.getClassName)("Spacing", platfrom), {
+    vkuiClass: (0, _classNames.classNames)((0, _getClassName.getClassName)("Spacing", platform), {
       "Spacing--separator": !!separator,
       "Spacing--separator-center": separator === true || separator === "center",
       "Spacing--separator-top": separator === "top",

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

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../../src/components/Spacing/Spacing.tsx"],"names":["Spacing","size","separator","style","restProps","~~platfrom~~","styles","height","defaultProps"],"mappings":";;;;;;;;;;;;;;;;;AACA;;AACA;;AACA;;;;AAmBO,IAAMA,OAA+B,GAAG,SAAlCA,OAAkC,OAK3B;AAAA,MAJlBC,IAIkB,QAJlBA,IAIkB;AAAA,MAHlBC,SAGkB,QAHlBA,SAGkB;AAAA,MAFlBC,KAEkB,QAFlBA,KAEkB;AAAA,MADfC,SACe;AAClB,MAAMC,QAAQ,GAAG,+BAAjB;AACA,MAAMC,MAAM;AACVC,IAAAA,MAAM,EAAEN;AADE,KAEPE,KAFO,CAAZ;AAKA,SACE,uEACMC,SADN;AAEE,mBAAY,MAFd;AAGE,IAAA,SAAS,EAAE,4BAAW,gCAAa,SAAb,EAAwBC,QAAxB,CAAX,EAA8C;AACvD,4BAAsB,CAAC,CAACH,SAD+B;AAEvD,mCACEA,SAAS,KAAK,IAAd,IAAsBA,SAAS,KAAK,QAHiB;AAIvD,gCAA0BA,SAAS,KAAK,KAJe;AAKvD,mCAA6BA,SAAS,KAAK;AALY,KAA9C,CAHb;AAUE,IAAA,KAAK,EAAEI;AAVT,KADF;AAcD,CA1BM;;;AA4BPN,OAAO,CAACQ,YAAR,GAAuB;AACrBP,EAAAA,IAAI,EAAE;AADe,CAAvB","sourcesContent":["import * as React from \"react\";\nimport { classNames } from \"../../lib/classNames\";\nimport { usePlatform } from \"../../hooks/usePlatform\";\nimport { getClassName } from \"../../helpers/getClassName\";\nimport \"./Spacing.css\";\n\nexport interface SpacingProps extends React.HTMLAttributes<HTMLDivElement> {\n /*\n Высота спэйсинга\n /\n size?: number;\n /\n Настройка положения сепаратора:\n \n - separator=false (default) - без сепаратора\n * - separator=true \| separator='center' - сепаратор располагается по середине\n * - separator='top'\n * - separator='bottom'\n */\n separator?: boolean \| \"top\" \| \"bottom\" \| \"center\";\n}\n\nexport const Spacing: React.FC<SpacingProps> = ({\n size,\n separator,\n style,\n ...restProps\n}: SpacingProps) => {\n const ~~platfrom~~ = usePlatform();\n const styles = {\n height: size,\n ...style,\n };\n\n return (\n <div\n {...restProps}\n aria-hidden=\"true\"\n vkuiClass={classNames(getClassName(\"Spacing\", ~~platfrom~~), {\n \"Spacing--separator\": !!separator,\n \"Spacing--separator-center\":\n separator === true \|\| separator === \"center\",\n \"Spacing--separator-top\": separator === \"top\",\n \"Spacing--separator-bottom\": separator === \"bottom\",\n })}\n style={styles}\n />\n );\n};\n\nSpacing.defaultProps = {\n size: 8,\n};\n"],"file":"Spacing.js"}
1	+ {"version":3,"sources":["../../../../src/components/Spacing/Spacing.tsx"],"names":["Spacing","size","separator","style","restProps","platform","styles","height","defaultProps"],"mappings":";;;;;;;;;;;;;;;;;AACA;;AACA;;AACA;;;;AAmBO,IAAMA,OAA+B,GAAG,SAAlCA,OAAkC,OAK3B;AAAA,MAJlBC,IAIkB,QAJlBA,IAIkB;AAAA,MAHlBC,SAGkB,QAHlBA,SAGkB;AAAA,MAFlBC,KAEkB,QAFlBA,KAEkB;AAAA,MADfC,SACe;AAClB,MAAMC,QAAQ,GAAG,+BAAjB;AACA,MAAMC,MAAM;AACVC,IAAAA,MAAM,EAAEN;AADE,KAEPE,KAFO,CAAZ;AAKA,SACE,uEACMC,SADN;AAEE,mBAAY,MAFd;AAGE,IAAA,SAAS,EAAE,4BAAW,gCAAa,SAAb,EAAwBC,QAAxB,CAAX,EAA8C;AACvD,4BAAsB,CAAC,CAACH,SAD+B;AAEvD,mCACEA,SAAS,KAAK,IAAd,IAAsBA,SAAS,KAAK,QAHiB;AAIvD,gCAA0BA,SAAS,KAAK,KAJe;AAKvD,mCAA6BA,SAAS,KAAK;AALY,KAA9C,CAHb;AAUE,IAAA,KAAK,EAAEI;AAVT,KADF;AAcD,CA1BM;;;AA4BPN,OAAO,CAACQ,YAAR,GAAuB;AACrBP,EAAAA,IAAI,EAAE;AADe,CAAvB","sourcesContent":["import * as React from \"react\";\nimport { classNames } from \"../../lib/classNames\";\nimport { usePlatform } from \"../../hooks/usePlatform\";\nimport { getClassName } from \"../../helpers/getClassName\";\nimport \"./Spacing.css\";\n\nexport interface SpacingProps extends React.HTMLAttributes<HTMLDivElement> {\n /*\n Высота спэйсинга\n /\n size?: number;\n /\n Настройка положения сепаратора:\n \n - separator=false (default) - без сепаратора\n * - separator=true \| separator='center' - сепаратор располагается по середине\n * - separator='top'\n * - separator='bottom'\n */\n separator?: boolean \| \"top\" \| \"bottom\" \| \"center\";\n}\n\nexport const Spacing: React.FC<SpacingProps> = ({\n size,\n separator,\n style,\n ...restProps\n}: SpacingProps) => {\n const platform = usePlatform();\n const styles = {\n height: size,\n ...style,\n };\n\n return (\n <div\n {...restProps}\n aria-hidden=\"true\"\n vkuiClass={classNames(getClassName(\"Spacing\", platform), {\n \"Spacing--separator\": !!separator,\n \"Spacing--separator-center\":\n separator === true \|\| separator === \"center\",\n \"Spacing--separator-top\": separator === \"top\",\n \"Spacing--separator-bottom\": separator === \"bottom\",\n })}\n style={styles}\n />\n );\n};\n\nSpacing.defaultProps = {\n size: 8,\n};\n"],"file":"Spacing.js"}

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

@@ -37,9 +37,7 @@ var SubnavigationButtonTypography = function SubnavigationButtonTypography(_ref)
       restProps = (0, _objectWithoutProperties2.default)(_ref, _excluded);
   if (textLevel === 1) {
-    return (0, _jsxRuntime.createScopedElement)(_Subhead.default, (0, _extends2.default)({
-      weight: "regular"
-    }, restProps));
+    return (0, _jsxRuntime.createScopedElement)(_Subhead.default, restProps);
   }
   return (0, _jsxRuntime.createScopedElement)(_Caption.default, (0, _extends2.default)({

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

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../../src/components/SubnavigationButton/SubnavigationButton.tsx"],"names":["SubnavigationButtonTypography","textLevel","restProps","SubnavigationButton","props","platform","size","selected","before","after","expandable","children","defaultProps"],"mappings":";;;;;;;;;;;;;;;AAEA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;;AAwBA,IAAMA,6BAAoE,GAAG,SAAvEA,6BAAuE,OAG1C;AAAA,MAFjCC,SAEiC,QAFjCA,SAEiC;AAAA,MAD9BC,SAC8B;;AACjC,MAAID,SAAS,KAAK,CAAlB,EAAqB;AACnB,WAAO,qCAAC,gBAAD~~;AAAS~~,~~MAAA~~,~~MAAM~~,~~EAAC~~;~~AAAhB,OAA8BC,SAA9B,EAAP;~~AACD;;AAED,SACE,qCAAC,gBAAD;AACE,IAAA,KAAK,EAAED,SAAS,KAAK,CAAd,GAAkB,GAAlB,GAAwB,GADjC;AAEE,IAAA,MAAM,EAAC;AAFT,KAGMC,SAHN,EADF;AAOD,CAfD;;AAiBO,IAAMC,mBAAuD,GAAG,SAA1DA,mBAA0D,CACrEC,KADqE,EAElE;AACH,MAAMC,QAAQ,GAAG,+BAAjB;AACA,MACEC,IADF,GASIF,KATJ,CACEE,IADF;AAAA,MAEEC,QAFF,GASIH,KATJ,CAEEG,QAFF;AAAA,MAGEN,SAHF,GASIG,KATJ,CAGEH,SAHF;AAAA,MAIEO,MAJF,GASIJ,KATJ,CAIEI,MAJF;AAAA,MAKEC,KALF,GASIL,KATJ,CAKEK,KALF;AAAA,MAMEC,UANF,GASIN,KATJ,CAMEM,UANF;AAAA,MAOEC,QAPF,GASIP,KATJ,CAOEO,QAPF;AAAA,MAQKT,SARL,0CASIE,KATJ;AAWA,SACE,qCAAC,iBAAD,6BACMF,SADN;AAEE,IAAA,SAAS,EAAE,KAFb;AAGE,IAAA,gBAAgB,EAAC,SAHnB;AAIE,IAAA,SAAS,EAAE,4BACT,gCAAa,qBAAb,EAAoCG,QAApC,CADS,iCAEeC,IAFf,GAGT;AACE,uCAAiCC;AADnC,KAHS,CAJb;AAWE,kBAAY,iCAAqBI,QAArB;AAXd,MAaE;AAAM,IAAA,SAAS,EAAC;AAAhB,KACG,yBAAaH,MAAb,KACC;AAAM,IAAA,SAAS,EAAC;AAAhB,KAA+CA,MAA/C,CAFJ,EAIE,qCAAC,6BAAD;AACE,IAAA,SAAS,EAAEP,SADb;AAEE,IAAA,SAAS,EAAC,4BAFZ;AAGE,IAAA,SAAS,EAAC;AAHZ,KAKGU,QALH,CAJF,EAWG,yBAAaF,KAAb,KACC;AAAM,IAAA,SAAS,EAAC;AAAhB,KAA8CA,KAA9C,CAZJ,EAcGC,UAAU,IACT,qCAAC,qBAAD;AAAgB,IAAA,SAAS,EAAC;AAA1B,IAfJ,CAbF,CADF;AAkCD,CAjDM;;;AAmDPP,mBAAmB,CAACS,YAApB,GAAmC;AACjCN,EAAAA,IAAI,EAAE,GAD2B;AAEjCL,EAAAA,SAAS,EAAE;AAFsB,CAAnC","sourcesContent":["import * as React from \"react\";\nimport { HasComponent } from \"../../types\";\nimport { classNames } from \"../../lib/classNames\";\nimport { getClassName } from \"../../helpers/getClassName\";\nimport { getTitleFromChildren, hasReactNode } from \"../../lib/utils\";\nimport Tappable, { TappableProps } from \"../Tappable/Tappable\";\nimport { Icon16Dropdown } from \"@vkontakte/icons\";\nimport { usePlatform } from \"../../hooks/usePlatform\";\nimport Caption from \"../Typography/Caption/Caption\";\nimport Subhead from \"../Typography/Subhead/Subhead\";\nimport \"./SubnavigationButton.css\";\n\nexport interface SubnavigationButtonProps extends Omit<TappableProps, \"size\"> {\n size?: \"m\" \| \"l\";\n selected?: boolean;\n /*\n Размер шрифта. Этим свойством рекомендуется пользоваться, чтобы отрегулировать размер шрифта у кнопок в `<SubnavigationBar mode=\"fixed\" />`\n /\n textLevel?: 1 \| 2 \| 3;\n /\n Рекомендуется использовать только иконки с размером 24\n /\n before?: React.ReactNode;\n /\n Рекомендуется использовать только `<Counter size=\"s\" />` или `<Badge />`\n */\n after?: React.ReactNode;\n expandable?: boolean;\n}\n\ntype SubnavButtonTypographyProps = Pick<SubnavigationButtonProps, \"textLevel\"> &\n HasComponent;\n\nconst SubnavigationButtonTypography: React.FC<SubnavButtonTypographyProps> = ({\n textLevel,\n ...restProps\n}: SubnavButtonTypographyProps) => {\n if (textLevel === 1) {\n return <Subhead ~~weight=\"regular\"~~ {...restProps} />;\n }\n\n return (\n <Caption\n level={textLevel === 2 ? \"1\" : \"2\"}\n weight=\"regular\"\n {...restProps}\n />\n );\n};\n\nexport const SubnavigationButton: React.FC<SubnavigationButtonProps> = (\n props: SubnavigationButtonProps\n) => {\n const platform = usePlatform();\n const {\n size,\n selected,\n textLevel,\n before,\n after,\n expandable,\n children,\n ...restProps\n } = props;\n\n return (\n <Tappable\n {...restProps}\n hasActive={false}\n focusVisibleMode=\"outside\"\n vkuiClass={classNames(\n getClassName(\"SubnavigationButton\", platform),\n `SubnavigationButton--${size}`,\n {\n \"SubnavigationButton--selected\": selected,\n }\n )}\n aria-label={getTitleFromChildren(children)}\n >\n <span vkuiClass=\"SubnavigationButton__in\">\n {hasReactNode(before) && (\n <span vkuiClass=\"SubnavigationButton__before\">{before}</span>\n )}\n <SubnavigationButtonTypography\n textLevel={textLevel}\n vkuiClass=\"SubnavigationButton__label\"\n Component=\"span\"\n >\n {children}\n </SubnavigationButtonTypography>\n {hasReactNode(after) && (\n <span vkuiClass=\"SubnavigationButton__after\">{after}</span>\n )}\n {expandable && (\n <Icon16Dropdown vkuiClass=\"SubnavigationButton__expandableIcon\" />\n )}\n </span>\n </Tappable>\n );\n};\n\nSubnavigationButton.defaultProps = {\n size: \"m\",\n textLevel: 1,\n};\n"],"file":"SubnavigationButton.js"}
1	+ {"version":3,"sources":["../../../../src/components/SubnavigationButton/SubnavigationButton.tsx"],"names":["SubnavigationButtonTypography","textLevel","restProps","SubnavigationButton","props","platform","size","selected","before","after","expandable","children","defaultProps"],"mappings":";;;;;;;;;;;;;;;AAEA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;;AAwBA,IAAMA,6BAAoE,GAAG,SAAvEA,6BAAuE,OAG1C;AAAA,MAFjCC,SAEiC,QAFjCA,SAEiC;AAAA,MAD9BC,SAC8B;;AACjC,MAAID,SAAS,KAAK,CAAlB,EAAqB;AACnB,WAAO,qCAAC,gBAAD,EAAaC,SAAb,CAAP;AACD;;AAED,SACE,qCAAC,gBAAD;AACE,IAAA,KAAK,EAAED,SAAS,KAAK,CAAd,GAAkB,GAAlB,GAAwB,GADjC;AAEE,IAAA,MAAM,EAAC;AAFT,KAGMC,SAHN,EADF;AAOD,CAfD;;AAiBO,IAAMC,mBAAuD,GAAG,SAA1DA,mBAA0D,CACrEC,KADqE,EAElE;AACH,MAAMC,QAAQ,GAAG,+BAAjB;AACA,MACEC,IADF,GASIF,KATJ,CACEE,IADF;AAAA,MAEEC,QAFF,GASIH,KATJ,CAEEG,QAFF;AAAA,MAGEN,SAHF,GASIG,KATJ,CAGEH,SAHF;AAAA,MAIEO,MAJF,GASIJ,KATJ,CAIEI,MAJF;AAAA,MAKEC,KALF,GASIL,KATJ,CAKEK,KALF;AAAA,MAMEC,UANF,GASIN,KATJ,CAMEM,UANF;AAAA,MAOEC,QAPF,GASIP,KATJ,CAOEO,QAPF;AAAA,MAQKT,SARL,0CASIE,KATJ;AAWA,SACE,qCAAC,iBAAD,6BACMF,SADN;AAEE,IAAA,SAAS,EAAE,KAFb;AAGE,IAAA,gBAAgB,EAAC,SAHnB;AAIE,IAAA,SAAS,EAAE,4BACT,gCAAa,qBAAb,EAAoCG,QAApC,CADS,iCAEeC,IAFf,GAGT;AACE,uCAAiCC;AADnC,KAHS,CAJb;AAWE,kBAAY,iCAAqBI,QAArB;AAXd,MAaE;AAAM,IAAA,SAAS,EAAC;AAAhB,KACG,yBAAaH,MAAb,KACC;AAAM,IAAA,SAAS,EAAC;AAAhB,KAA+CA,MAA/C,CAFJ,EAIE,qCAAC,6BAAD;AACE,IAAA,SAAS,EAAEP,SADb;AAEE,IAAA,SAAS,EAAC,4BAFZ;AAGE,IAAA,SAAS,EAAC;AAHZ,KAKGU,QALH,CAJF,EAWG,yBAAaF,KAAb,KACC;AAAM,IAAA,SAAS,EAAC;AAAhB,KAA8CA,KAA9C,CAZJ,EAcGC,UAAU,IACT,qCAAC,qBAAD;AAAgB,IAAA,SAAS,EAAC;AAA1B,IAfJ,CAbF,CADF;AAkCD,CAjDM;;;AAmDPP,mBAAmB,CAACS,YAApB,GAAmC;AACjCN,EAAAA,IAAI,EAAE,GAD2B;AAEjCL,EAAAA,SAAS,EAAE;AAFsB,CAAnC","sourcesContent":["import * as React from \"react\";\nimport { HasComponent } from \"../../types\";\nimport { classNames } from \"../../lib/classNames\";\nimport { getClassName } from \"../../helpers/getClassName\";\nimport { getTitleFromChildren, hasReactNode } from \"../../lib/utils\";\nimport Tappable, { TappableProps } from \"../Tappable/Tappable\";\nimport { Icon16Dropdown } from \"@vkontakte/icons\";\nimport { usePlatform } from \"../../hooks/usePlatform\";\nimport Caption from \"../Typography/Caption/Caption\";\nimport Subhead from \"../Typography/Subhead/Subhead\";\nimport \"./SubnavigationButton.css\";\n\nexport interface SubnavigationButtonProps extends Omit<TappableProps, \"size\"> {\n size?: \"m\" \| \"l\";\n selected?: boolean;\n /*\n Размер шрифта. Этим свойством рекомендуется пользоваться, чтобы отрегулировать размер шрифта у кнопок в `<SubnavigationBar mode=\"fixed\" />`\n /\n textLevel?: 1 \| 2 \| 3;\n /\n Рекомендуется использовать только иконки с размером 24\n /\n before?: React.ReactNode;\n /\n Рекомендуется использовать только `<Counter size=\"s\" />` или `<Badge />`\n */\n after?: React.ReactNode;\n expandable?: boolean;\n}\n\ntype SubnavButtonTypographyProps = Pick<SubnavigationButtonProps, \"textLevel\"> &\n HasComponent;\n\nconst SubnavigationButtonTypography: React.FC<SubnavButtonTypographyProps> = ({\n textLevel,\n ...restProps\n}: SubnavButtonTypographyProps) => {\n if (textLevel === 1) {\n return <Subhead {...restProps} />;\n }\n\n return (\n <Caption\n level={textLevel === 2 ? \"1\" : \"2\"}\n weight=\"regular\"\n {...restProps}\n />\n );\n};\n\nexport const SubnavigationButton: React.FC<SubnavigationButtonProps> = (\n props: SubnavigationButtonProps\n) => {\n const platform = usePlatform();\n const {\n size,\n selected,\n textLevel,\n before,\n after,\n expandable,\n children,\n ...restProps\n } = props;\n\n return (\n <Tappable\n {...restProps}\n hasActive={false}\n focusVisibleMode=\"outside\"\n vkuiClass={classNames(\n getClassName(\"SubnavigationButton\", platform),\n `SubnavigationButton--${size}`,\n {\n \"SubnavigationButton--selected\": selected,\n }\n )}\n aria-label={getTitleFromChildren(children)}\n >\n <span vkuiClass=\"SubnavigationButton__in\">\n {hasReactNode(before) && (\n <span vkuiClass=\"SubnavigationButton__before\">{before}</span>\n )}\n <SubnavigationButtonTypography\n textLevel={textLevel}\n vkuiClass=\"SubnavigationButton__label\"\n Component=\"span\"\n >\n {children}\n </SubnavigationButtonTypography>\n {hasReactNode(after) && (\n <span vkuiClass=\"SubnavigationButton__after\">{after}</span>\n )}\n {expandable && (\n <Icon16Dropdown vkuiClass=\"SubnavigationButton__expandableIcon\" />\n )}\n </span>\n </Tappable>\n );\n};\n\nSubnavigationButton.defaultProps = {\n size: \"m\",\n textLevel: 1,\n};\n"],"file":"SubnavigationButton.js"}

package/dist/cjs/components/Tappable/Tappable.d.ts CHANGED Viewed

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

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

@@ -59,7 +59,9 @@ var _useFocusVisible2 = require("../../hooks/useFocusVisible");
 var _callMultiple = require("../../lib/callMultiple");
-var _excluded = ["children", "Component", "onClick", "onKeyDown", "activeEffectDelay", "stopPropagation", "getRootRef", "sizeX", "hasMouse", "deviceHasHover", "hasHover", "hoverMode", "hasActive", "activeMode", "focusVisibleMode"];
+var _useBooleanState2 = require("../../hooks/useBooleanState");
+var _excluded = ["children", "Component", "onClick", "onKeyDown", "activeEffectDelay", "stopPropagation", "getRootRef", "sizeX", "hasMouse", "deviceHasHover", "hasHover", "hoverMode", "hasActive", "activeMode", "focusVisibleMode", "onEnter", "onLeave"];
 var ACTIVE_DELAY = 70;
 exports.ACTIVE_DELAY = ACTIVE_DELAY;
 var ACTIVE_EFFECT_DELAY = 600;
@@ -174,6 +176,8 @@ var Tappable = function Tappable(_ref) {
       activeMode = _ref$activeMode === void 0 ? "background" : _ref$activeMode,
       _ref$focusVisibleMode = _ref.focusVisibleMode,
       focusVisibleMode = _ref$focusVisibleMode === void 0 ? "inside" : _ref$focusVisibleMode,
+      onEnter = _ref.onEnter,
+      onLeave = _ref.onLeave,
       props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
   Component = Component || (props.href ? "a" : "div");
@@ -199,10 +203,10 @@ var Tappable = function Tappable(_ref) {
       childHover = _React$useState6[0],
       setChildHover = _React$useState6[1];
-  var _React$useState7 = React.useState(false),
-      _React$useState8 = (0, _slicedToArray2.default)(_React$useState7, 2),
-      _hovered = _React$useState8[0],
-      setHovered = _React$useState8[1];
+  var _useBooleanState = (0, _useBooleanState2.useBooleanState)(false),
+      _hovered = _useBooleanState.value,
+      setHoveredTrue = _useBooleanState.setTrue,
+      setHoveredFalse = _useBooleanState.setFalse;
   var hovered = _hovered && !props.disabled;
   var hasActive = _hasActive && !childHover && !props.disabled;
@@ -318,12 +322,8 @@ var Tappable = function Tappable(_ref) {
   };
   var role = props.href ? "link" : "button";
   return (0, _jsxRuntime.createScopedElement)(_Touch.Touch, (0, _extends2.default)({
-    onEnter: function onEnter() {
-      return setHovered(true);
-    },
-    onLeave: function onLeave() {
-      return setHovered(false);
-    },
+    onEnter: (0, _callMultiple.callMultiple)(setHoveredTrue, onEnter),
+    onLeave: (0, _callMultiple.callMultiple)(setHoveredFalse, onLeave),
     type: Component === "button" ? "button" : undefined,
     tabIndex: isCustomElement && !props.disabled ? 0 : undefined,
     role: isCustomElement ? role : undefined,

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

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../../src/components/Tappable/Tappable.tsx"],"names":["ACTIVE_DELAY","ACTIVE_EFFECT_DELAY","activeBus","TapState","none","pending","active","exiting","TappableContext","React","createContext","onHoverChange","noop","useActivity","hasActive","stopDelay","id","useMemo","Math","round","random","toString","useState","activity","setActivity","_stop","start","delayStart","activeTimeout","stopTimeout","set","clear","emit","onActiveChange","activeId","on","off","stop","delay","Tappable","children","Component","onClick","_onKeyDown","onKeyDown","activeEffectDelay","stopPropagation","getRootRef","sizeX","hasMouse","deviceHasHover","hasHover","_hasHover","hoverMode","_hasActive","activeMode","focusVisibleMode","props","href","useContext","insideTouchRoot","TouchRootContext","platform","focusVisible","onBlur","onFocus","clicks","setClicks","childHover","setChildHover","_hovered","setHovered","hovered","disabled","isCustomElement","contentEditable","isPresetHoverMode","includes","isPresetActiveMode","isPresetFocusVisibleMode","containerRef","childContext","useRef","current","e","preventDefault","click","onStart","originalEvent","touches","length","ANDROID","top","left","x","y","Date","now","onMove","isSlide","onEnd","duration","activeDuraion","classes","handlers","role","undefined","map","wave","filter","c","Wave","onClear","timeout","useEffect"],"mappings":"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","sourcesContent":["import * as React from \"react\";\nimport mitt from \"mitt\";\nimport { noop } from \"@vkontakte/vkjs\";\nimport { Touch, TouchEvent, TouchProps } from \"../Touch/Touch\";\nimport TouchRootContext from \"../Touch/TouchContext\";\nimport { classNames } from \"../../lib/classNames\";\nimport { getClassName } from \"../../helpers/getClassName\";\nimport { ANDROID } from \"../../lib/platform\";\nimport { getOffsetRect } from \"../../lib/offset\";\nimport { coordX, coordY } from \"../../lib/touch\";\nimport { HasComponent, HasRootRef } from \"../../types\";\nimport { withAdaptivity, AdaptivityProps } from \"../../hoc/withAdaptivity\";\nimport { shouldTriggerClickOnEnterOrSpace } from \"../../lib/accessibility\";\nimport { useIsomorphicLayoutEffect } from \"../../lib/useIsomorphicLayoutEffect\";\nimport { FocusVisible, FocusVisibleMode } from \"../FocusVisible/FocusVisible\";\nimport { useTimeout } from \"../../hooks/useTimeout\";\nimport { useExternRef } from \"../../hooks/useExternRef\";\nimport { usePlatform } from \"../../hooks/usePlatform\";\nimport { useFocusVisible } from \"../../hooks/useFocusVisible\";\nimport { callMultiple } from \"../../lib/callMultiple\";\nimport \"./Tappable.css\";\n\nexport interface TappableProps\n extends Omit<\n React.AllHTMLAttributes<HTMLElement>,\n \| \"onTouchStart\"\n \| \"onTouchMove\"\n \| \"onTouchEnd\"\n \| \"onTouchCancel\"\n \| \"onMouseDown\"\n \| \"onMouseMove\"\n \| \"onMouseUp\"\n \| \"onMouseLeave\"\n >,\n HasRootRef<HTMLElement>,\n AdaptivityProps,\n HasComponent,\n Pick<TouchProps, \"onStart\" \| \"onEnd\" \| \"onMove\"> {\n /*\n Длительность показа active-состояния\n /\n activeEffectDelay?: number;\n stopPropagation?: boolean;\n /\n Указывает, должен ли компонент реагировать на hover-состояние\n /\n hasHover?: boolean;\n /\n Указывает, должен ли компонент реагировать на active-состояние\n /\n hasActive?: boolean;\n /\n Стиль подсветки active-состояния. Если передать произвольную строку, она добавится как css-класс во время active\n /\n activeMode?: \"opacity\" \| \"background\" \| string;\n /\n Стиль подсветки hover-состояния. Если передать произвольную строку, она добавится как css-класс во время hover\n /\n hoverMode?: \"opacity\" \| \"background\" \| string;\n /\n Стиль аутлайна focus visible. Если передать произвольную строку, она добавится как css-класс во время focus-visible\n /\n focusVisibleMode?: FocusVisibleMode \| string;\n}\n\ninterface Wave {\n x: number;\n y: number;\n id: string;\n}\n\nexport interface RootComponentProps extends TouchProps {\n ref?: React.Ref<HTMLElement>;\n}\n\nexport const ACTIVE_DELAY = 70;\nexport const ACTIVE_EFFECT_DELAY = 600;\n\nconst activeBus = mitt<{ active: string }>();\nconst TapState = { none: 0, pending: 1, active: 2, exiting: 3 } as const;\n\ntype TappableContextInterface = { onHoverChange: (s: boolean) => void };\nconst TappableContext = React.createContext<TappableContextInterface>({\n onHoverChange: noop,\n});\n\nfunction useActivity(hasActive: boolean, stopDelay: number) {\n const id = React.useMemo(\n () => Math.round(Math.random() 1e8).toString(16),\n []\n );\n\n const [activity, setActivity] = React.useState<\n typeof TapState[keyof typeof TapState]\n >(TapState.none);\n const _stop = () => setActivity(TapState.none);\n const start = () => hasActive && setActivity(TapState.active);\n const delayStart = () => {\n hasActive && setActivity(TapState.pending);\n };\n\n const activeTimeout = useTimeout(start, ACTIVE_DELAY);\n const stopTimeout = useTimeout(_stop, stopDelay);\n\n useIsomorphicLayoutEffect(() => {\n if (activity === TapState.pending) {\n activeTimeout.set();\n return activeTimeout.clear;\n }\n if (activity === TapState.exiting) {\n return stopTimeout.clear;\n }\n if (activity === TapState.active) {\n activeBus.emit(\"active\", id);\n }\n return noop;\n }, [activity]);\n\n useIsomorphicLayoutEffect(() => {\n if (activity === TapState.none) {\n return noop;\n }\n const onActiveChange = (activeId: string) => {\n activeId !== id && _stop();\n };\n activeBus.on(\"active\", onActiveChange);\n return () => activeBus.off(\"active\", onActiveChange);\n }, [activity === TapState.none]);\n\n useIsomorphicLayoutEffect(() => {\n !hasActive && _stop();\n }, [hasActive]);\n\n const stop = (delay?: number) => {\n if (delay) {\n setActivity(TapState.exiting);\n return stopTimeout.set(delay);\n }\n _stop();\n };\n\n return [activity, { delayStart, start, stop }] as const;\n}\n\nconst Tappable: React.FC<TappableProps> = ({\n children,\n Component,\n onClick,\n onKeyDown: _onKeyDown,\n activeEffectDelay = ACTIVE_EFFECT_DELAY,\n stopPropagation = false,\n getRootRef,\n sizeX,\n hasMouse,\n deviceHasHover,\n hasHover: _hasHover = true,\n hoverMode = \"background\",\n hasActive: _hasActive = true,\n activeMode = \"background\",\n focusVisibleMode = \"inside\",\n ...props\n}: TappableProps) => {\n Component = Component \|\| ((props.href ? \"a\" : \"div\") as React.ElementType);\n\n const { onHoverChange } = React.useContext(TappableContext);\n const insideTouchRoot = React.useContext(TouchRootContext);\n const platform = usePlatform();\n const { focusVisible, onBlur, onFocus } = useFocusVisible();\n\n const [clicks, setClicks] = React.useState<Wave[]>([]);\n const [childHover, setChildHover] = React.useState(false);\n const [_hovered, setHovered] = React.useState(false);\n\n const hovered = _hovered && !props.disabled;\n const hasActive = _hasActive && !childHover && !props.disabled;\n const hasHover = deviceHasHover && _hasHover && !childHover;\n const isCustomElement =\n Component !== \"a\" && Component !== \"button\" && !props.contentEditable;\n const isPresetHoverMode = [\"opacity\", \"background\"].includes(hoverMode);\n const isPresetActiveMode = [\"opacity\", \"background\"].includes(activeMode);\n const isPresetFocusVisibleMode = [\"inside\", \"outside\"].includes(\n focusVisibleMode\n );\n\n const [activity, { start, stop, delayStart }] = useActivity(\n hasActive,\n activeEffectDelay\n );\n const active = activity === TapState.active \|\| activity === TapState.exiting;\n\n const containerRef = useExternRef(getRootRef);\n\n // hover propagation\n const childContext = React.useRef({ onHoverChange: setChildHover }).current;\n useIsomorphicLayoutEffect(() => {\n if (!hovered) {\n return noop;\n }\n onHoverChange(true);\n return () => onHoverChange(false);\n }, [hovered]);\n\n /\n [a11y]\n * Обрабатывает событие onkeydown\n * для кастомных доступных элементов:\n * - role=\"link\" (активация по Enter)\n * - role=\"button\" (активация по Space и Enter)\n */\n function onKeyDown(e: React.KeyboardEvent<HTMLElement>) {\n if (isCustomElement && shouldTriggerClickOnEnterOrSpace(e)) {\n e.preventDefault();\n containerRef.current?.click();\n }\n }\n\n function onStart({ originalEvent }: TouchEvent) {\n if (hasActive) {\n if (originalEvent.touches && originalEvent.touches.length > 1) {\n // r сожалению я так и не понял, что это делает и можно ли упихнуть его в Touch\n return stop();\n }\n\n if (platform === ANDROID) {\n const { top, left } = getOffsetRect(containerRef.current);\n const x = coordX(originalEvent) - (left ?? 0);\n const y = coordY(originalEvent) - (top ?? 0);\n setClicks([...clicks, { x, y, id: Date.now().toString() }]);\n }\n\n delayStart();\n }\n }\n\n function onMove({ isSlide }: TouchEvent) {\n if (isSlide) {\n stop();\n }\n }\n\n function onEnd({ duration }: TouchEvent) {\n if (activity === TapState.none) {\n return;\n }\n if (activity === TapState.pending) {\n // активировать при коротком тапе\n start();\n }\n\n // отключить без задержки при длинном тапе\n const activeDuraion = duration - ACTIVE_DELAY;\n stop(activeDuraion >= 100 ? 0 : activeEffectDelay - activeDuraion);\n }\n\n const classes = classNames(\n getClassName(\"Tappable\", platform),\n `Tappable--sizeX-${sizeX}`,\n hasHover && hovered && !isPresetHoverMode && hoverMode,\n hasActive && active && !isPresetActiveMode && activeMode,\n focusVisible && !isPresetFocusVisibleMode && focusVisibleMode,\n {\n \"Tappable--active\": hasActive && active,\n \"Tappable--mouse\": hasMouse,\n [`Tappable--hover-${hoverMode}`]:\n hasHover && hovered && isPresetHoverMode,\n [`Tappable--active-${activeMode}`]:\n hasActive && active && isPresetActiveMode,\n \"Tappable--focus-visible\": focusVisible,\n }\n );\n\n const handlers: RootComponentProps = {\n onStart: callMultiple(onStart, props.onStart),\n onMove: callMultiple(onMove, props.onMove),\n onEnd: callMultiple(onEnd, props.onEnd),\n onClick,\n onKeyDown: callMultiple(onKeyDown, _onKeyDown),\n };\n const role = props.href ? \"link\" : \"button\";\n\n return (\n <Touch\n onEnter={() => setHovered(true)}\n onLeave={() => setHovered(false)}\n type={Component === \"button\" ? \"button\" : undefined}\n tabIndex={isCustomElement && !props.disabled ? 0 : undefined}\n role={isCustomElement ? role : undefined}\n aria-disabled={isCustomElement ? props.disabled : undefined}\n stopPropagation={stopPropagation && !insideTouchRoot && !props.disabled}\n {...props}\n slideThreshold={20}\n usePointerHover\n vkuiClass={classes}\n Component={Component}\n getRootRef={containerRef}\n onBlur={callMultiple(onBlur, props.onBlur)}\n onFocus={callMultiple(onFocus, props.onFocus)}\n {...(props.disabled ? {} : handlers)}\n >\n <TappableContext.Provider value={childContext}>\n {children}\n </TappableContext.Provider>\n {platform === ANDROID &&\n !hasMouse &&\n hasActive &&\n activeMode === \"background\" && (\n <span aria-hidden=\"true\" vkuiClass=\"Tappable__waves\">\n {clicks.map((wave) => (\n <Wave\n {...wave}\n key={wave.id}\n onClear={() =>\n setClicks(clicks.filter((c) => c.id !== wave.id))\n }\n />\n ))}\n </span>\n )}\n {hasHover && hoverMode === \"background\" && (\n <span aria-hidden=\"true\" vkuiClass=\"Tappable__hoverShadow\" />\n )}\n {!props.disabled && isPresetFocusVisibleMode && (\n <FocusVisible mode={focusVisibleMode as FocusVisibleMode} />\n )}\n </Touch>\n );\n};\n\n// eslint-disable-next-line import/no-default-export\nexport default withAdaptivity(Tappable, {\n sizeX: true,\n hasMouse: true,\n deviceHasHover: true,\n});\n\nfunction Wave({ x, y, onClear }: Wave & { onClear: VoidFunction }) {\n const timeout = useTimeout(onClear, 225);\n React.useEffect(() => timeout.set(), [timeout]);\n return <span vkuiClass=\"Tappable__wave\" style={{ top: y, left: x }} />;\n}\n"],"file":"Tappable.js"}
1	+ {"version":3,"sources":["../../../../src/components/Tappable/Tappable.tsx"],"names":["ACTIVE_DELAY","ACTIVE_EFFECT_DELAY","activeBus","TapState","none","pending","active","exiting","TappableContext","React","createContext","onHoverChange","noop","useActivity","hasActive","stopDelay","id","useMemo","Math","round","random","toString","useState","activity","setActivity","_stop","start","delayStart","activeTimeout","stopTimeout","set","clear","emit","onActiveChange","activeId","on","off","stop","delay","Tappable","children","Component","onClick","_onKeyDown","onKeyDown","activeEffectDelay","stopPropagation","getRootRef","sizeX","hasMouse","deviceHasHover","hasHover","_hasHover","hoverMode","_hasActive","activeMode","focusVisibleMode","onEnter","onLeave","props","href","useContext","insideTouchRoot","TouchRootContext","platform","focusVisible","onBlur","onFocus","clicks","setClicks","childHover","setChildHover","_hovered","value","setHoveredTrue","setTrue","setHoveredFalse","setFalse","hovered","disabled","isCustomElement","contentEditable","isPresetHoverMode","includes","isPresetActiveMode","isPresetFocusVisibleMode","containerRef","childContext","useRef","current","e","preventDefault","click","onStart","originalEvent","touches","length","ANDROID","top","left","x","y","Date","now","onMove","isSlide","onEnd","duration","activeDuraion","classes","handlers","role","undefined","map","wave","filter","c","Wave","onClear","timeout","useEffect"],"mappings":"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","sourcesContent":["import * as React from \"react\";\nimport mitt from \"mitt\";\nimport { noop } from \"@vkontakte/vkjs\";\nimport { Touch, TouchEvent, TouchProps } from \"../Touch/Touch\";\nimport TouchRootContext from \"../Touch/TouchContext\";\nimport { classNames } from \"../../lib/classNames\";\nimport { getClassName } from \"../../helpers/getClassName\";\nimport { ANDROID } from \"../../lib/platform\";\nimport { getOffsetRect } from \"../../lib/offset\";\nimport { coordX, coordY } from \"../../lib/touch\";\nimport { HasComponent, HasRootRef } from \"../../types\";\nimport { withAdaptivity, AdaptivityProps } from \"../../hoc/withAdaptivity\";\nimport { shouldTriggerClickOnEnterOrSpace } from \"../../lib/accessibility\";\nimport { useIsomorphicLayoutEffect } from \"../../lib/useIsomorphicLayoutEffect\";\nimport { FocusVisible, FocusVisibleMode } from \"../FocusVisible/FocusVisible\";\nimport { useTimeout } from \"../../hooks/useTimeout\";\nimport { useExternRef } from \"../../hooks/useExternRef\";\nimport { usePlatform } from \"../../hooks/usePlatform\";\nimport { useFocusVisible } from \"../../hooks/useFocusVisible\";\nimport { callMultiple } from \"../../lib/callMultiple\";\nimport { useBooleanState } from \"../../hooks/useBooleanState\";\nimport \"./Tappable.css\";\n\nexport interface TappableProps\n extends Omit<\n React.AllHTMLAttributes<HTMLElement>,\n \| \"onTouchStart\"\n \| \"onTouchMove\"\n \| \"onTouchEnd\"\n \| \"onTouchCancel\"\n \| \"onMouseDown\"\n \| \"onMouseMove\"\n \| \"onMouseUp\"\n \| \"onMouseLeave\"\n >,\n HasRootRef<HTMLElement>,\n AdaptivityProps,\n HasComponent,\n Pick<TouchProps, \"onStart\" \| \"onEnd\" \| \"onMove\"> {\n /*\n Длительность показа active-состояния\n /\n activeEffectDelay?: number;\n stopPropagation?: boolean;\n /\n Указывает, должен ли компонент реагировать на hover-состояние\n /\n hasHover?: boolean;\n /\n Указывает, должен ли компонент реагировать на active-состояние\n /\n hasActive?: boolean;\n /\n Стиль подсветки active-состояния. Если передать произвольную строку, она добавится как css-класс во время active\n /\n activeMode?: \"opacity\" \| \"background\" \| string;\n /\n Стиль подсветки hover-состояния. Если передать произвольную строку, она добавится как css-класс во время hover\n /\n hoverMode?: \"opacity\" \| \"background\" \| string;\n /\n Стиль аутлайна focus visible. Если передать произвольную строку, она добавится как css-класс во время focus-visible\n /\n focusVisibleMode?: FocusVisibleMode \| string;\n onEnter?: (outputEvent: MouseEvent) => void;\n onLeave?: (outputEvent: MouseEvent) => void;\n}\n\ninterface Wave {\n x: number;\n y: number;\n id: string;\n}\n\nexport interface RootComponentProps extends TouchProps {\n ref?: React.Ref<HTMLElement>;\n}\n\nexport const ACTIVE_DELAY = 70;\nexport const ACTIVE_EFFECT_DELAY = 600;\n\nconst activeBus = mitt<{ active: string }>();\nconst TapState = { none: 0, pending: 1, active: 2, exiting: 3 } as const;\n\ntype TappableContextInterface = { onHoverChange: (s: boolean) => void };\nconst TappableContext = React.createContext<TappableContextInterface>({\n onHoverChange: noop,\n});\n\nfunction useActivity(hasActive: boolean, stopDelay: number) {\n const id = React.useMemo(\n () => Math.round(Math.random() 1e8).toString(16),\n []\n );\n\n const [activity, setActivity] = React.useState<\n typeof TapState[keyof typeof TapState]\n >(TapState.none);\n const _stop = () => setActivity(TapState.none);\n const start = () => hasActive && setActivity(TapState.active);\n const delayStart = () => {\n hasActive && setActivity(TapState.pending);\n };\n\n const activeTimeout = useTimeout(start, ACTIVE_DELAY);\n const stopTimeout = useTimeout(_stop, stopDelay);\n\n useIsomorphicLayoutEffect(() => {\n if (activity === TapState.pending) {\n activeTimeout.set();\n return activeTimeout.clear;\n }\n if (activity === TapState.exiting) {\n return stopTimeout.clear;\n }\n if (activity === TapState.active) {\n activeBus.emit(\"active\", id);\n }\n return noop;\n }, [activity]);\n\n useIsomorphicLayoutEffect(() => {\n if (activity === TapState.none) {\n return noop;\n }\n const onActiveChange = (activeId: string) => {\n activeId !== id && _stop();\n };\n activeBus.on(\"active\", onActiveChange);\n return () => activeBus.off(\"active\", onActiveChange);\n }, [activity === TapState.none]);\n\n useIsomorphicLayoutEffect(() => {\n !hasActive && _stop();\n }, [hasActive]);\n\n const stop = (delay?: number) => {\n if (delay) {\n setActivity(TapState.exiting);\n return stopTimeout.set(delay);\n }\n _stop();\n };\n\n return [activity, { delayStart, start, stop }] as const;\n}\n\nconst Tappable: React.FC<TappableProps> = ({\n children,\n Component,\n onClick,\n onKeyDown: _onKeyDown,\n activeEffectDelay = ACTIVE_EFFECT_DELAY,\n stopPropagation = false,\n getRootRef,\n sizeX,\n hasMouse,\n deviceHasHover,\n hasHover: _hasHover = true,\n hoverMode = \"background\",\n hasActive: _hasActive = true,\n activeMode = \"background\",\n focusVisibleMode = \"inside\",\n onEnter,\n onLeave,\n ...props\n}: TappableProps) => {\n Component = Component \|\| ((props.href ? \"a\" : \"div\") as React.ElementType);\n\n const { onHoverChange } = React.useContext(TappableContext);\n const insideTouchRoot = React.useContext(TouchRootContext);\n const platform = usePlatform();\n const { focusVisible, onBlur, onFocus } = useFocusVisible();\n\n const [clicks, setClicks] = React.useState<Wave[]>([]);\n const [childHover, setChildHover] = React.useState(false);\n const {\n value: _hovered,\n setTrue: setHoveredTrue,\n setFalse: setHoveredFalse,\n } = useBooleanState(false);\n\n const hovered = _hovered && !props.disabled;\n const hasActive = _hasActive && !childHover && !props.disabled;\n const hasHover = deviceHasHover && _hasHover && !childHover;\n const isCustomElement =\n Component !== \"a\" && Component !== \"button\" && !props.contentEditable;\n const isPresetHoverMode = [\"opacity\", \"background\"].includes(hoverMode);\n const isPresetActiveMode = [\"opacity\", \"background\"].includes(activeMode);\n const isPresetFocusVisibleMode = [\"inside\", \"outside\"].includes(\n focusVisibleMode\n );\n\n const [activity, { start, stop, delayStart }] = useActivity(\n hasActive,\n activeEffectDelay\n );\n const active = activity === TapState.active \|\| activity === TapState.exiting;\n\n const containerRef = useExternRef(getRootRef);\n\n // hover propagation\n const childContext = React.useRef({ onHoverChange: setChildHover }).current;\n useIsomorphicLayoutEffect(() => {\n if (!hovered) {\n return noop;\n }\n onHoverChange(true);\n return () => onHoverChange(false);\n }, [hovered]);\n\n /\n [a11y]\n * Обрабатывает событие onkeydown\n * для кастомных доступных элементов:\n * - role=\"link\" (активация по Enter)\n * - role=\"button\" (активация по Space и Enter)\n */\n function onKeyDown(e: React.KeyboardEvent<HTMLElement>) {\n if (isCustomElement && shouldTriggerClickOnEnterOrSpace(e)) {\n e.preventDefault();\n containerRef.current?.click();\n }\n }\n\n function onStart({ originalEvent }: TouchEvent) {\n if (hasActive) {\n if (originalEvent.touches && originalEvent.touches.length > 1) {\n // r сожалению я так и не понял, что это делает и можно ли упихнуть его в Touch\n return stop();\n }\n\n if (platform === ANDROID) {\n const { top, left } = getOffsetRect(containerRef.current);\n const x = coordX(originalEvent) - (left ?? 0);\n const y = coordY(originalEvent) - (top ?? 0);\n setClicks([...clicks, { x, y, id: Date.now().toString() }]);\n }\n\n delayStart();\n }\n }\n\n function onMove({ isSlide }: TouchEvent) {\n if (isSlide) {\n stop();\n }\n }\n\n function onEnd({ duration }: TouchEvent) {\n if (activity === TapState.none) {\n return;\n }\n if (activity === TapState.pending) {\n // активировать при коротком тапе\n start();\n }\n\n // отключить без задержки при длинном тапе\n const activeDuraion = duration - ACTIVE_DELAY;\n stop(activeDuraion >= 100 ? 0 : activeEffectDelay - activeDuraion);\n }\n\n const classes = classNames(\n getClassName(\"Tappable\", platform),\n `Tappable--sizeX-${sizeX}`,\n hasHover && hovered && !isPresetHoverMode && hoverMode,\n hasActive && active && !isPresetActiveMode && activeMode,\n focusVisible && !isPresetFocusVisibleMode && focusVisibleMode,\n {\n \"Tappable--active\": hasActive && active,\n \"Tappable--mouse\": hasMouse,\n [`Tappable--hover-${hoverMode}`]:\n hasHover && hovered && isPresetHoverMode,\n [`Tappable--active-${activeMode}`]:\n hasActive && active && isPresetActiveMode,\n \"Tappable--focus-visible\": focusVisible,\n }\n );\n\n const handlers: RootComponentProps = {\n onStart: callMultiple(onStart, props.onStart),\n onMove: callMultiple(onMove, props.onMove),\n onEnd: callMultiple(onEnd, props.onEnd),\n onClick,\n onKeyDown: callMultiple(onKeyDown, _onKeyDown),\n };\n const role = props.href ? \"link\" : \"button\";\n\n return (\n <Touch\n onEnter={callMultiple(setHoveredTrue, onEnter)}\n onLeave={callMultiple(setHoveredFalse, onLeave)}\n type={Component === \"button\" ? \"button\" : undefined}\n tabIndex={isCustomElement && !props.disabled ? 0 : undefined}\n role={isCustomElement ? role : undefined}\n aria-disabled={isCustomElement ? props.disabled : undefined}\n stopPropagation={stopPropagation && !insideTouchRoot && !props.disabled}\n {...props}\n slideThreshold={20}\n usePointerHover\n vkuiClass={classes}\n Component={Component}\n getRootRef={containerRef}\n onBlur={callMultiple(onBlur, props.onBlur)}\n onFocus={callMultiple(onFocus, props.onFocus)}\n {...(props.disabled ? {} : handlers)}\n >\n <TappableContext.Provider value={childContext}>\n {children}\n </TappableContext.Provider>\n {platform === ANDROID &&\n !hasMouse &&\n hasActive &&\n activeMode === \"background\" && (\n <span aria-hidden=\"true\" vkuiClass=\"Tappable__waves\">\n {clicks.map((wave) => (\n <Wave\n {...wave}\n key={wave.id}\n onClear={() =>\n setClicks(clicks.filter((c) => c.id !== wave.id))\n }\n />\n ))}\n </span>\n )}\n {hasHover && hoverMode === \"background\" && (\n <span aria-hidden=\"true\" vkuiClass=\"Tappable__hoverShadow\" />\n )}\n {!props.disabled && isPresetFocusVisibleMode && (\n <FocusVisible mode={focusVisibleMode as FocusVisibleMode} />\n )}\n </Touch>\n );\n};\n\n// eslint-disable-next-line import/no-default-export\nexport default withAdaptivity(Tappable, {\n sizeX: true,\n hasMouse: true,\n deviceHasHover: true,\n});\n\nfunction Wave({ x, y, onClear }: Wave & { onClear: VoidFunction }) {\n const timeout = useTimeout(onClear, 225);\n React.useEffect(() => timeout.set(), [timeout]);\n return <span vkuiClass=\"Tappable__wave\" style={{ top: y, left: x }} />;\n}\n"],"file":"Tappable.js"}

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

@@ -43,11 +43,10 @@ var TextTooltip = function TextTooltip(_ref) {
     arrowClassName: (0, _prefixClass.prefixClass)("TextTooltip__arrow"),
     content: (0, _jsxRuntime.createScopedElement)(React.Fragment, null, (0, _utils.hasReactNode)(header) && (0, _jsxRuntime.createScopedElement)(_Subhead.default, {
       Component: "span",
-      weight: "medium",
+      weight: "2",
       vkuiClass: "TextTooltip__header"
     }, header), (0, _utils.hasReactNode)(text) && (0, _jsxRuntime.createScopedElement)(_Subhead.default, {
       Component: "span",
-      weight: "regular",
       vkuiClass: "TextTooltip__text"
     }, text))
   }, popperProps), children);

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

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../../src/components/TextTooltip/TextTooltip.tsx"],"names":["TextTooltip","children","text","header","popperProps","platform"],"mappings":";;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;AAeO,IAAMA,WAAuC,GAAG,SAA1CA,WAA0C,OAK/B;AAAA,MAJtBC,QAIsB,QAJtBA,QAIsB;AAAA,MAHtBC,IAGsB,QAHtBA,IAGsB;AAAA,MAFtBC,MAEsB,QAFtBA,MAEsB;AAAA,MADnBC,WACmB;AACtB,MAAMC,QAAQ,GAAG,+BAAjB;AAEA,SACE,qCAAC,wBAAD;AACE,IAAA,SAAS,EAAE,gCAAa,aAAb,EAA4BA,QAA5B,CADb;AAEE,IAAA,KAAK,MAFP;AAGE,IAAA,cAAc,EAAE,8BAAY,oBAAZ,CAHlB;AAIE,IAAA,OAAO,EACL,qCAAC,KAAD,CAAO,QAAP,QACG,yBAAaF,MAAb,KACC,qCAAC,gBAAD;AACE,MAAA,SAAS,EAAC,MADZ;AAEE,MAAA,MAAM,EAAC,~~QAFT~~;AAGE,MAAA,SAAS,EAAC;AAHZ,OAKGA,MALH,CAFJ,EAUG,yBAAaD,IAAb,KACC,qCAAC,gBAAD;~~AACE~~,MAAA,SAAS,EAAC,~~MADZ~~;~~AAEE~~,MAAA,~~MAAM,EAAC,SAFT;AAGE,MAAA,~~SAAS,EAAC;~~AAHZ~~,~~OAKGA~~,~~IALH~~,CAXJ;AALJ,~~KA0BME~~,~~WA1BN~~,~~GA4BGH~~,~~QA5BH~~,CADF;~~AAgCD~~,~~CAxCM~~","sourcesContent":["import * as React from \"react\";\nimport { HoverPopper, HoverPopperProps } from \"../HoverPopper/HoverPopper\";\nimport { getClassName } from \"../../helpers/getClassName\";\nimport { usePlatform } from \"../../hooks/usePlatform\";\nimport { hasReactNode } from \"../../lib/utils\";\nimport Subhead from \"../Typography/Subhead/Subhead\";\nimport { prefixClass } from \"../../lib/prefixClass\";\nimport \"./TextTooltip.css\";\n\nexport interface TextTooltipProps\n extends Omit<HoverPopperProps, \"arrow\" \| \"arrowClassName\" \| \"content\"> {\n /*\n Текст тултипа\n /\n text?: React.ReactNode;\n /\n Заголовок тултипа\n */\n header?: React.ReactNode;\n}\n\nexport const TextTooltip: React.FC<TextTooltipProps> = ({\n children,\n text,\n header,\n ...popperProps\n}: TextTooltipProps) => {\n const platform = usePlatform();\n\n return (\n <HoverPopper\n vkuiClass={getClassName(\"TextTooltip\", platform)}\n arrow\n arrowClassName={prefixClass(\"TextTooltip__arrow\")}\n content={\n <React.Fragment>\n {hasReactNode(header) && (\n <Subhead\n Component=\"span\"\n weight=\"~~medium~~\"\n vkuiClass=\"TextTooltip__header\"\n >\n {header}\n </Subhead>\n )}\n {hasReactNode(text) && (\n <Subhead\n Component=\"span\"~~\n weight=\"regular\"\n~~ vkuiClass=\"TextTooltip__text\"\n >\n {text}\n </Subhead>\n )}\n </React.Fragment>\n }\n {...popperProps}\n >\n {children}\n </HoverPopper>\n );\n};\n"],"file":"TextTooltip.js"}
1	+ {"version":3,"sources":["../../../../src/components/TextTooltip/TextTooltip.tsx"],"names":["TextTooltip","children","text","header","popperProps","platform"],"mappings":";;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;AAeO,IAAMA,WAAuC,GAAG,SAA1CA,WAA0C,OAK/B;AAAA,MAJtBC,QAIsB,QAJtBA,QAIsB;AAAA,MAHtBC,IAGsB,QAHtBA,IAGsB;AAAA,MAFtBC,MAEsB,QAFtBA,MAEsB;AAAA,MADnBC,WACmB;AACtB,MAAMC,QAAQ,GAAG,+BAAjB;AAEA,SACE,qCAAC,wBAAD;AACE,IAAA,SAAS,EAAE,gCAAa,aAAb,EAA4BA,QAA5B,CADb;AAEE,IAAA,KAAK,MAFP;AAGE,IAAA,cAAc,EAAE,8BAAY,oBAAZ,CAHlB;AAIE,IAAA,OAAO,EACL,qCAAC,KAAD,CAAO,QAAP,QACG,yBAAaF,MAAb,KACC,qCAAC,gBAAD;AACE,MAAA,SAAS,EAAC,MADZ;AAEE,MAAA,MAAM,EAAC,GAFT;AAGE,MAAA,SAAS,EAAC;AAHZ,OAKGA,MALH,CAFJ,EAUG,yBAAaD,IAAb,KACC,qCAAC,gBAAD;AAAS,MAAA,SAAS,EAAC,MAAnB;AAA0B,MAAA,SAAS,EAAC;AAApC,OACGA,IADH,CAXJ;AALJ,KAsBME,WAtBN,GAwBGH,QAxBH,CADF;AA4BD,CApCM","sourcesContent":["import * as React from \"react\";\nimport { HoverPopper, HoverPopperProps } from \"../HoverPopper/HoverPopper\";\nimport { getClassName } from \"../../helpers/getClassName\";\nimport { usePlatform } from \"../../hooks/usePlatform\";\nimport { hasReactNode } from \"../../lib/utils\";\nimport Subhead from \"../Typography/Subhead/Subhead\";\nimport { prefixClass } from \"../../lib/prefixClass\";\nimport \"./TextTooltip.css\";\n\nexport interface TextTooltipProps\n extends Omit<HoverPopperProps, \"arrow\" \| \"arrowClassName\" \| \"content\"> {\n /*\n Текст тултипа\n /\n text?: React.ReactNode;\n /\n Заголовок тултипа\n */\n header?: React.ReactNode;\n}\n\nexport const TextTooltip: React.FC<TextTooltipProps> = ({\n children,\n text,\n header,\n ...popperProps\n}: TextTooltipProps) => {\n const platform = usePlatform();\n\n return (\n <HoverPopper\n vkuiClass={getClassName(\"TextTooltip\", platform)}\n arrow\n arrowClassName={prefixClass(\"TextTooltip__arrow\")}\n content={\n <React.Fragment>\n {hasReactNode(header) && (\n <Subhead\n Component=\"span\"\n weight=\"2\"\n vkuiClass=\"TextTooltip__header\"\n >\n {header}\n </Subhead>\n )}\n {hasReactNode(text) && (\n <Subhead Component=\"span\" vkuiClass=\"TextTooltip__text\">\n {text}\n </Subhead>\n )}\n </React.Fragment>\n }\n {...popperProps}\n >\n {children}\n </HoverPopper>\n );\n};\n"],"file":"TextTooltip.js"}

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

@@ -79,10 +79,9 @@ var SimpleTooltip = /*#__PURE__*/React.forwardRef(function SimpleTooltip(_ref, r
   })), (0, _jsxRuntime.createScopedElement)("div", {
     vkuiClass: "Tooltip__content"
   }, header && (0, _jsxRuntime.createScopedElement)(_Subhead.default, {
-    weight: "semibold",
+    weight: "1",
     vkuiClass: "Tooltip__title"
   }, header), text && (0, _jsxRuntime.createScopedElement)(_Subhead.default, {
-    weight: "regular",
     vkuiClass: "Tooltip__text"
   }, text))));
 });