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

@vkontakte/vkui 4.35.4 → 4.37.0

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

Files changed (1275) hide show

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

	@@ -1 +1 @@
1	- {"version":3,"~~sources~~":["~~../../../../src/components/~~Input~~/Input~~.~~tsx~~"],"names":["InputComponent","type","align","getRef","className","getRootRef","sizeY","style","before","after","restProps","disabled","Input","displayName"],"~~mappings~~":";;;;;;;;;;;;;;;AACA;;AACA;;AAEA;;;;AAWA,IAAMA,cAAc,GAAG,SAAjBA,cAAiB,OAWL;AAAA,uBAVhBC,IAUgB;AAAA,MAVhBA,IAUgB,0BAVT,MAUS;AAAA,MAThBC,KASgB,QAThBA,KASgB;AAAA,MARhBC,MAQgB,QARhBA,MAQgB;AAAA,MAPhBC,SAOgB,QAPhBA,SAOgB;AAAA,MANhBC,UAMgB,QANhBA,UAMgB;AAAA,MALhBC,KAKgB,QALhBA,KAKgB;AAAA,MAJhBC,KAIgB,QAJhBA,KAIgB;AAAA,MAHhBC,MAGgB,QAHhBA,MAGgB;AAAA,MAFhBC,KAEgB,QAFhBA,KAEgB;AAAA,MADbC,SACa;AAChB,SACE,qCAAC,oBAAD;AACE,IAAA,SAAS,EAAE,4BACT,OADS,EAET,CAAC,CAACR,KAAF,qBAAqBA,KAArB,CAFS,yBAGOI,KAHP,GAGgB;AACzBE,IAAAA,MAAM,IAAI,kBAJD,EAKTC,KAAK,IAAI,iBALA,CADb;AAQE,IAAA,KAAK,EAAEF,KART;AASE,IAAA,SAAS,EAAEH,SATb;AAUE,IAAA,UAAU,EAAEC,UAVd;AAWE,IAAA,MAAM,EAAEG,MAXV;AAYE,IAAA,KAAK,EAAEC,KAZT;AAaE,IAAA,QAAQ,EAAEC,SAAS,CAACC;AAbtB,KAeE,yEAAWD,SAAX;AAAsB,IAAA,IAAI,EAAET,IAA5B;AAAkC,IAAA,SAAS,EAAC,WAA5C;AAAwD,IAAA,GAAG,EAAEE;AAA7D,KAfF,CADF;AAmBD,CA/~~BD;AAiCA;AACA;AACA;;;AACO,IAAMS,KAAK,GAAG,oCAAeZ,cAAf,EAA+B;AAClDM,EAAAA,KAAK,EAAE;AAD2C,CAA~~/~~B,CAAd;;AAIPM,KAAK,CAACC,WAAN,GAAoB,OAApB~~","sourcesContent":["import * as React from \"react\";\nimport { classNames } from \"../../lib/classNames\";\nimport { FormField, FormFieldProps } from \"../FormField/FormField\";\nimport { HasAlign, HasRef, HasRootRef } from \"../../types\";\nimport { withAdaptivity, AdaptivityProps } from \"../../hoc/withAdaptivity\";\nimport \"./Input.css\";\n\nexport interface InputProps\n extends React.InputHTMLAttributes<HTMLInputElement>,\n HasRef<HTMLInputElement>,\n HasRootRef<HTMLDivElement>,\n HasAlign,\n AdaptivityProps,\n FormFieldProps {}\n\nconst InputComponent = ({\n type = \"text\",\n align,\n getRef,\n className,\n getRootRef,\n sizeY,\n style,\n before,\n after,\n ...restProps\n}: InputProps) => {\n return (\n <FormField\n vkuiClass={classNames(\n \"Input\",\n !!align && `Input--${align}`,\n `Input--sizeY-${sizeY}`, // TODO v5.0.0 поправить под новую адаптивность\n before && \"Input--hasBefore\",\n after && \"Input--hasAfter\"\n )}\n style={style}\n className={className}\n getRootRef={getRootRef}\n before={before}\n after={after}\n disabled={restProps.disabled}\n >\n <input {...restProps} type={type} vkuiClass=\"Input__el\" ref={getRef} />\n </FormField>\n );\n};\n\n/*\n @see https://vkcom.github.io/VKUI/#/Input\n */\nexport const Input = withAdaptivity(InputComponent, {\n sizeY: true,\n});\n\nInput.displayName = \"Input\";\n"],"~~file~~":"~~Input.js~~"}
1	+ {"version":3,"file":"Input.js","names":["InputComponent","type","align","getRef","className","getRootRef","sizeY","style","before","after","status","restProps","classNames","disabled","Input","withAdaptivity","displayName"],"sources":["../../../../src/components/Input/Input.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { classNames } from \"../../lib/classNames\";\nimport { FormField, FormFieldProps } from \"../FormField/FormField\";\nimport { HasAlign, HasRef, HasRootRef } from \"../../types\";\nimport { withAdaptivity, AdaptivityProps } from \"../../hoc/withAdaptivity\";\nimport \"./Input.css\";\n\nexport interface InputProps\n extends React.InputHTMLAttributes<HTMLInputElement>,\n HasRef<HTMLInputElement>,\n HasRootRef<HTMLDivElement>,\n HasAlign,\n AdaptivityProps,\n FormFieldProps {}\n\nconst InputComponent = ({\n type = \"text\",\n align,\n getRef,\n className,\n getRootRef,\n sizeY,\n style,\n before,\n after,\n status,\n ...restProps\n}: InputProps) => {\n return (\n <FormField\n vkuiClass={classNames(\n \"Input\",\n !!align && `Input--${align}`,\n `Input--sizeY-${sizeY}`, // TODO v5.0.0 поправить под новую адаптивность\n before && \"Input--hasBefore\",\n after && \"Input--hasAfter\"\n )}\n style={style}\n className={className}\n getRootRef={getRootRef}\n before={before}\n after={after}\n disabled={restProps.disabled}\n status={status}\n >\n <input {...restProps} type={type} vkuiClass=\"Input__el\" ref={getRef} />\n </FormField>\n );\n};\n\n/*\n @see https://vkcom.github.io/VKUI/#/Input\n */\nexport const Input = withAdaptivity(InputComponent, {\n sizeY: true,\n});\n\nInput.displayName = \"Input\";\n"],"mappings":";;;;;;;;;;;;;;;AACA;;AACA;;AAEA;;;;AAWA,IAAMA,cAAc,GAAG,SAAjBA,cAAiB,OAYL;EAAA,qBAXhBC,IAWgB;EAAA,IAXhBA,IAWgB,0BAXT,MAWS;EAAA,IAVhBC,KAUgB,QAVhBA,KAUgB;EAAA,IAThBC,MASgB,QAThBA,MASgB;EAAA,IARhBC,SAQgB,QARhBA,SAQgB;EAAA,IAPhBC,UAOgB,QAPhBA,UAOgB;EAAA,IANhBC,KAMgB,QANhBA,KAMgB;EAAA,IALhBC,KAKgB,QALhBA,KAKgB;EAAA,IAJhBC,MAIgB,QAJhBA,MAIgB;EAAA,IAHhBC,KAGgB,QAHhBA,KAGgB;EAAA,IAFhBC,MAEgB,QAFhBA,MAEgB;EAAA,IADbC,SACa;EAChB,OACE,qCAAC,oBAAD;IACE,SAAS,EAAE,IAAAC,sBAAA,EACT,OADS,EAET,CAAC,CAACV,KAAF,qBAAqBA,KAArB,CAFS,yBAGOI,KAHP,GAGgB;IACzBE,MAAM,IAAI,kBAJD,EAKTC,KAAK,IAAI,iBALA,CADb;IAQE,KAAK,EAAEF,KART;IASE,SAAS,EAAEH,SATb;IAUE,UAAU,EAAEC,UAVd;IAWE,MAAM,EAAEG,MAXV;IAYE,KAAK,EAAEC,KAZT;IAaE,QAAQ,EAAEE,SAAS,CAACE,QAbtB;IAcE,MAAM,EAAEH;EAdV,GAgBE,yEAAWC,SAAX;IAAsB,IAAI,EAAEV,IAA5B;IAAkC,SAAS,EAAC,WAA5C;IAAwD,GAAG,EAAEE;EAA7D,GAhBF,CADF;AAoBD,CAjCD;AAmCA;AACA;AACA;;;AACO,IAAMW,KAAK,GAAG,IAAAC,8BAAA,EAAef,cAAf,EAA+B;EAClDM,KAAK,EAAE;AAD2C,CAA/B,CAAd;;AAIPQ,KAAK,CAACE,WAAN,GAAoB,OAApB"}

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

	@@ -1 +1 @@
1	- {"version":3,"~~sources~~":["~~../../../../src/components/~~InputLike~~/InputLike~~.~~tsx~~"],"names":["MASK_SYMBOL","String","fromCharCode","getMaskElements","length","result","index","push","InputLike","value","onElementSelect","onClick","onFocus","getRootRef","props","handleElementSelect","React","useCallback","event","stopPropagation","slice","displayName"],"~~mappings~~":";;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;;AAaA,IAAMA,WAAW,GAAGC,MAAM,CAACC,YAAP,CAAoB,MAApB,CAApB;;AAEA,SAASC,eAAT,CAAyBC,MAAzB,EAAyC;AACvC,MAAMC,MAAM,GAAG,EAAf;;AACA,OAAK,IAAIC,MAAK,GAAG,CAAjB,EAAoBA,MAAK,GAAGF,MAA5B,EAAoCE,MAAK,IAAI,CAA7C,EAAgD;AAC9CD,IAAAA,MAAM,CAACE,IAAP,CACE;AAAM,MAAA,GAAG,EAAED,MAAX;AAAkB,MAAA,SAAS,EAAC;AAA5B,OACGN,WADH,CADF;AAKD;;AACD,SAAOK,MAAP;AACD;;AAEM,IAAMG,SAAS,GAAG,SAAZA,SAAY,OASH;AAAA;;AAAA,MARpBC,KAQoB,QARpBA,KAQoB;AAAA,MAPpBL,MAOoB,QAPpBA,MAOoB;AAAA,MANpBE,KAMoB,QANpBA,KAMoB;AAAA,MALpBI,eAKoB,QALpBA,eAKoB;AAAA,MAJpBC,OAIoB,QAJpBA,OAIoB;AAAA,MAHpBC,OAGoB,QAHpBA,OAGoB;AAAA,MAFpBC,UAEoB,QAFpBA,UAEoB;AAAA,MADjBC,KACiB;AACpB,MAAMC,mBAAmB,GAAGC,KAAK,CAACC,WAAN,CAC1B,UAACC,KAAD,EAA0D;AACxD,gCAAgBA,KAAhB;AACAR,IAAAA,eAAe,SAAf,IAAAA,eAAe,WAAf,YAAAA,eAAe,CAAGJ,KAAH,CAAf;AACD,GAJyB,EAK1B,CAACA,KAAD,EAAQI,eAAR,CAL0B,CAA5B;AAQA,SACE;AACE,IAAA,SAAS,EAAE,4BACT,WADS,EAET,CAAAD,KAAK,SAAL,IAAAA,KAAK,WAAL,YAAAA,KAAK,CAAEL,MAAP,MAAkBA,MAAlB,qBAFS,CADb;AAKE,IAAA,QAAQ,EAAE,CALZ;AAME,IAAA,GAAG,EAAES,UANP;AAOE,IAAA,OAAO,EAAE,gCAAaF,OAAb,EAAsBI,mBAAtB,CAPX;AAQE,IAAA,OAAO,EAAE,gCAAaI,sBAAb,EAA8BP,OAA9B;AARX,KASME,KATN,GAWGL,KAXH,aAWGA,KAXH,uBAWGA,KAAK,CAAEW,KAAP,CAAa,CAAb,EAAgBhB,MAAM,GAAG,CAAzB,CAXH,EAYG,CAAAK,KAAK,SAAL,IAAAA,KAAK,WAAL,YAAAA,KAAK,CAAEW,KAAP,CAAahB,MAAM,GAAG,CAAtB,MACC;AAAM,IAAA,GAAG,EAAEE,KAAX;AAAkB,IAAA,SAAS,EAAC;AAA5B,KACGG,KAAK,CAACW,KAAN,CAAYhB,MAAM,GAAG,CAArB,CADH,CAbJ,EAiBGD,eAAe,CAACC,MAAM,qBAAIK,KAAJ,aAAIA,KAAJ,uBAAIA,KAAK,CAAEL,MAAX,yDAAqB,CAArB,CAAP,CAjBlB,CADF;AAqBD,CAvCM;;;AAyCPI,SAAS,CAACa,WAAV,GAAwB,WAAxB","sourcesContent":["import * as React from \"react\";\nimport { callMultiple } from \"../../lib/callMultiple\";\nimport { stopPropagation } from \"../../lib/utils\";\nimport { classNames } from \"../../lib/classNames\";\nimport { HasRootRef } from \"../../types\";\nimport \"./InputLike.css\";\n\nexport interface InputLikeProps\n extends React.HTMLAttributes<HTMLSpanElement>,\n HasRootRef<HTMLSpanElement> {\n length: number;\n index: number;\n value?: string;\n onElementSelect?(index: number): void;\n}\n\nconst MASK_SYMBOL = String.fromCharCode(0x2007);\n\nfunction getMaskElements(length: number) {\n const result = [];\n for (let index = 0; index < length; index += 1) {\n result.push(\n <span key={index} vkuiClass=\"InputLike__mask\">\n {MASK_SYMBOL}\n </span>\n );\n }\n return result;\n}\n\nexport const InputLike = ({\n value,\n length,\n index,\n onElementSelect,\n onClick,\n onFocus,\n getRootRef,\n ...props\n}: InputLikeProps) => {\n const handleElementSelect = React.useCallback(\n (event: React.MouseEvent<HTMLSpanElement, MouseEvent>) => {\n stopPropagation(event);\n onElementSelect?.(index);\n },\n [index, onElementSelect]\n );\n\n return (\n <span\n vkuiClass={classNames(\n \"InputLike\",\n value?.length === length && `InputLike--full`\n )}\n tabIndex={0}\n ref={getRootRef}\n onClick={callMultiple(onClick, handleElementSelect)}\n onFocus={callMultiple(stopPropagation, onFocus)}\n {...props}\n >\n {value?.slice(0, length - 1)}\n {value?.slice(length - 1) && (\n <span key={index} vkuiClass=\"InputLike__last_character\">\n {value.slice(length - 1)}\n </span>\n )}\n {getMaskElements(length - (value?.length ?? 0))}\n </span>\n );\n};\n\nInputLike.displayName = \"InputLike\";\n"],"~~file~~":"~~InputLike.js~~"}
1	+ {"version":3,"file":"InputLike.js","names":["MASK_SYMBOL","String","fromCharCode","getMaskElements","length","result","index","push","InputLike","value","onElementSelect","onClick","onFocus","getRootRef","props","handleElementSelect","React","useCallback","event","stopPropagation","classNames","callMultiple","slice","displayName"],"sources":["../../../../src/components/InputLike/InputLike.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { callMultiple } from \"../../lib/callMultiple\";\nimport { stopPropagation } from \"../../lib/utils\";\nimport { classNames } from \"../../lib/classNames\";\nimport { HasRootRef } from \"../../types\";\nimport \"./InputLike.css\";\n\nexport interface InputLikeProps\n extends React.HTMLAttributes<HTMLSpanElement>,\n HasRootRef<HTMLSpanElement> {\n length: number;\n index: number;\n value?: string;\n onElementSelect?(index: number): void;\n}\n\nconst MASK_SYMBOL = String.fromCharCode(0x2007);\n\nfunction getMaskElements(length: number) {\n const result = [];\n for (let index = 0; index < length; index += 1) {\n result.push(\n <span key={index} vkuiClass=\"InputLike__mask\">\n {MASK_SYMBOL}\n </span>\n );\n }\n return result;\n}\n\nexport const InputLike = ({\n value,\n length,\n index,\n onElementSelect,\n onClick,\n onFocus,\n getRootRef,\n ...props\n}: InputLikeProps) => {\n const handleElementSelect = React.useCallback(\n (event: React.MouseEvent<HTMLSpanElement, MouseEvent>) => {\n stopPropagation(event);\n onElementSelect?.(index);\n },\n [index, onElementSelect]\n );\n\n return (\n <span\n vkuiClass={classNames(\n \"InputLike\",\n value?.length === length && `InputLike--full`\n )}\n tabIndex={0}\n ref={getRootRef}\n onClick={callMultiple(onClick, handleElementSelect)}\n onFocus={callMultiple(stopPropagation, onFocus)}\n {...props}\n >\n {value?.slice(0, length - 1)}\n {value?.slice(length - 1) && (\n <span key={index} vkuiClass=\"InputLike__last_character\">\n {value.slice(length - 1)}\n </span>\n )}\n {getMaskElements(length - (value?.length ?? 0))}\n </span>\n );\n};\n\nInputLike.displayName = \"InputLike\";\n"],"mappings":";;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;;AAaA,IAAMA,WAAW,GAAGC,MAAM,CAACC,YAAP,CAAoB,MAApB,CAApB;;AAEA,SAASC,eAAT,CAAyBC,MAAzB,EAAyC;EACvC,IAAMC,MAAM,GAAG,EAAf;;EACA,KAAK,IAAIC,MAAK,GAAG,CAAjB,EAAoBA,MAAK,GAAGF,MAA5B,EAAoCE,MAAK,IAAI,CAA7C,EAAgD;IAC9CD,MAAM,CAACE,IAAP,CACE;MAAM,GAAG,EAAED,MAAX;MAAkB,SAAS,EAAC;IAA5B,GACGN,WADH,CADF;EAKD;;EACD,OAAOK,MAAP;AACD;;AAEM,IAAMG,SAAS,GAAG,SAAZA,SAAY,OASH;EAAA;;EAAA,IARpBC,KAQoB,QARpBA,KAQoB;EAAA,IAPpBL,MAOoB,QAPpBA,MAOoB;EAAA,IANpBE,KAMoB,QANpBA,KAMoB;EAAA,IALpBI,eAKoB,QALpBA,eAKoB;EAAA,IAJpBC,OAIoB,QAJpBA,OAIoB;EAAA,IAHpBC,OAGoB,QAHpBA,OAGoB;EAAA,IAFpBC,UAEoB,QAFpBA,UAEoB;EAAA,IADjBC,KACiB;EACpB,IAAMC,mBAAmB,GAAGC,KAAK,CAACC,WAAN,CAC1B,UAACC,KAAD,EAA0D;IACxD,IAAAC,sBAAA,EAAgBD,KAAhB;IACAR,eAAe,SAAf,IAAAA,eAAe,WAAf,YAAAA,eAAe,CAAGJ,KAAH,CAAf;EACD,CAJyB,EAK1B,CAACA,KAAD,EAAQI,eAAR,CAL0B,CAA5B;EAQA,OACE;IACE,SAAS,EAAE,IAAAU,sBAAA,EACT,WADS,EAET,CAAAX,KAAK,SAAL,IAAAA,KAAK,WAAL,YAAAA,KAAK,CAAEL,MAAP,MAAkBA,MAAlB,qBAFS,CADb;IAKE,QAAQ,EAAE,CALZ;IAME,GAAG,EAAES,UANP;IAOE,OAAO,EAAE,IAAAQ,0BAAA,EAAaV,OAAb,EAAsBI,mBAAtB,CAPX;IAQE,OAAO,EAAE,IAAAM,0BAAA,EAAaF,sBAAb,EAA8BP,OAA9B;EARX,GASME,KATN,GAWGL,KAXH,aAWGA,KAXH,uBAWGA,KAAK,CAAEa,KAAP,CAAa,CAAb,EAAgBlB,MAAM,GAAG,CAAzB,CAXH,EAYG,CAAAK,KAAK,SAAL,IAAAA,KAAK,WAAL,YAAAA,KAAK,CAAEa,KAAP,CAAalB,MAAM,GAAG,CAAtB,MACC;IAAM,GAAG,EAAEE,KAAX;IAAkB,SAAS,EAAC;EAA5B,GACGG,KAAK,CAACa,KAAN,CAAYlB,MAAM,GAAG,CAArB,CADH,CAbJ,EAiBGD,eAAe,CAACC,MAAM,qBAAIK,KAAJ,aAAIA,KAAJ,uBAAIA,KAAK,CAAEL,MAAX,yDAAqB,CAArB,CAAP,CAjBlB,CADF;AAqBD,CAvCM;;;AAyCPI,SAAS,CAACe,WAAV,GAAwB,WAAxB"}

package/dist/cjs/components/InputLike/InputLikeDivider.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"~~sources~~":["~~../../../../src/components/InputLike/~~InputLikeDivider.~~tsx~~"],"names":["InputLikeDivider","children","props"],"~~mappings~~":"~~;;;;;;;;;;;;;;;;;AAGO,IAAMA,gBAAgB,GAAG,SAAnBA,gBAAmB,OAGkB;AAAA,MAFhDC,QAEgD,QAFhDA,QAEgD;AAAA,MAD7CC,KAC6C;AAChD,SACE;AAAM,IAAA,SAAS,EAAC;AAAhB,KAAuCA,KAAvC,GACGD,QADH,CADF;AAKD,CATM~~","sourcesContent":["import * as React from \"react\";\nimport \"./InputLikeDivider.css\";\n\nexport const InputLikeDivider = ({\n children,\n ...props\n}: React.InputHTMLAttributes<HTMLSpanElement>) => {\n return (\n <span vkuiClass=\"InputLikeDivider\" {...props}>\n {children}\n </span>\n );\n};\n"],"~~file~~":"~~InputLikeDivider.js~~"}
1	+ {"version":3,"file":"InputLikeDivider.js","names":["InputLikeDivider","children","props"],"sources":["../../../../src/components/InputLike/InputLikeDivider.tsx"],"sourcesContent":["import * as React from \"react\";\nimport \"./InputLikeDivider.css\";\n\nexport const InputLikeDivider = ({\n children,\n ...props\n}: React.InputHTMLAttributes<HTMLSpanElement>) => {\n return (\n <span vkuiClass=\"InputLikeDivider\" {...props}>\n {children}\n </span>\n );\n};\n"],"mappings":";;;;;;;;;;;;;;;;;AAGO,IAAMA,gBAAgB,GAAG,SAAnBA,gBAAmB,OAGkB;EAAA,IAFhDC,QAEgD,QAFhDA,QAEgD;EAAA,IAD7CC,KAC6C;EAChD,OACE;IAAM,SAAS,EAAC;EAAhB,GAAuCA,KAAvC,GACGD,QADH,CADF;AAKD,CATM"}

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

	@@ -1 +1 @@
1	- {"version":3,"~~sources~~":["~~../../../../src/components/~~Link~~/Link~~.~~tsx~~"],"names":["Link","hasVisited","children","restProps","href"],"~~mappings~~":";;;;;;;;;;;;;;;AAAA;;AACA;;;;AAUA;AACA;AACA;AACO,IAAMA,IAAI,GAAG,SAAPA,IAAO,OAAuD;AAAA,MAApDC,UAAoD,QAApDA,UAAoD;AAAA,MAAxCC,QAAwC,QAAxCA,QAAwC;AAAA,MAA3BC,SAA2B;AACzE,SACE,qCAAC,kBAAD;AACE,IAAA,SAAS,EAAEA,SAAS,CAACC,IAAV,GAAiB,GAAjB,GAAuB;AADpC,KAEMD,SAFN;AAGE,IAAA,SAAS,EAAE,4BAAW,MAAX,EAAmBF,UAAU,IAAI,mBAAjC,CAHb;AAIE,IAAA,QAAQ,EAAE,KAJZ;AAKE,IAAA,UAAU,EAAC,SALb;AAME,IAAA,gBAAgB,EAAC;AANnB,MAQGC,QARH,CADF;AAYD,CAbM","sourcesContent":["import { classNames } from \"../../lib/classNames\";\nimport { TappableProps, Tappable } from \"../Tappable/Tappable\";\nimport \"./Link.css\";\n\nexport interface LinkProps extends TappableProps {\n /*\n Включает состояние `visited`, которое позволяет пользователю понять посещал ли он ссылку или нет\n /\n hasVisited?: boolean;\n}\n\n/\n @see https://vkcom.github.io/VKUI/#/Link\n */\nexport const Link = ({ hasVisited, children, ...restProps }: LinkProps) => {\n return (\n <Tappable\n Component={restProps.href ? \"a\" : \"button\"}\n {...restProps}\n vkuiClass={classNames(\"Link\", hasVisited && \"Link--has-visited\")}\n hasHover={false}\n activeMode=\"opacity\"\n focusVisibleMode=\"Link--focus-visible\"\n >\n {children}\n </Tappable>\n );\n};\n"],"~~file~~":"~~Link.js~~"}
1	+ {"version":3,"file":"Link.js","names":["Link","hasVisited","children","restProps","href","classNames"],"sources":["../../../../src/components/Link/Link.tsx"],"sourcesContent":["import { classNames } from \"../../lib/classNames\";\nimport { TappableProps, Tappable } from \"../Tappable/Tappable\";\nimport \"./Link.css\";\n\nexport interface LinkProps extends TappableProps {\n /*\n Включает состояние `visited`, которое позволяет пользователю понять посещал ли он ссылку или нет\n /\n hasVisited?: boolean;\n}\n\n/\n @see https://vkcom.github.io/VKUI/#/Link\n */\nexport const Link = ({ hasVisited, children, ...restProps }: LinkProps) => {\n return (\n <Tappable\n Component={restProps.href ? \"a\" : \"button\"}\n {...restProps}\n vkuiClass={classNames(\"Link\", hasVisited && \"Link--has-visited\")}\n hasHover={false}\n activeMode=\"opacity\"\n focusVisibleMode=\"Link--focus-visible\"\n >\n {children}\n </Tappable>\n );\n};\n"],"mappings":";;;;;;;;;;;;;;;AAAA;;AACA;;;;AAUA;AACA;AACA;AACO,IAAMA,IAAI,GAAG,SAAPA,IAAO,OAAuD;EAAA,IAApDC,UAAoD,QAApDA,UAAoD;EAAA,IAAxCC,QAAwC,QAAxCA,QAAwC;EAAA,IAA3BC,SAA2B;EACzE,OACE,qCAAC,kBAAD;IACE,SAAS,EAAEA,SAAS,CAACC,IAAV,GAAiB,GAAjB,GAAuB;EADpC,GAEMD,SAFN;IAGE,SAAS,EAAE,IAAAE,sBAAA,EAAW,MAAX,EAAmBJ,UAAU,IAAI,mBAAjC,CAHb;IAIE,QAAQ,EAAE,KAJZ;IAKE,UAAU,EAAC,SALb;IAME,gBAAgB,EAAC;EANnB,IAQGC,QARH,CADF;AAYD,CAbM"}

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

	@@ -1 +1 @@
1	- {"version":3,"~~sources~~":["~~../../../../src/components/~~List~~/List~~.~~tsx~~"],"names":["List","children","restProps","React","useState","isDragging","toggleDrag","useMemo"],"~~mappings~~":";;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;;;AAGA;AACA;AACA;AACO,IAAMA,IAAI,GAAG,SAAPA,IAAO,OAGwB;AAAA,MAF1CC,QAE0C,QAF1CA,QAE0C;AAAA,MADvCC,SACuC;;AAC1C,wBAAiCC,KAAK,CAACC,QAAN,CAAe,KAAf,CAAjC;AAAA;AAAA,MAAOC,UAAP;AAAA,MAAmBC,UAAnB;;AAEA,SACE;AACE,IAAA,IAAI,EAAC;AADP,KAEMJ,SAFN;AAGE,IAAA,SAAS,EAAE,4BAAW,MAAX,EAAmBG,UAAU,IAAI,gBAAjC;AAHb,MAKE,qCAAC,wBAAD,CAAa,QAAb;AAAsB,IAAA,KAAK,EAAEF,KAAK,CAACI,OAAN,CAAc;AAAA,aAAO;AAAED,QAAAA,UAAU,EAAVA;AAAF,OAAP;AAAA,KAAd,EAAsC,EAAtC;AAA7B,KACGL,QADH,CALF,CADF;AAWD,CAjBM","sourcesContent":["import * as React from \"react\";\nimport { classNames } from \"../../lib/classNames\";\nimport { ListContext } from \"./ListContext\";\nimport \"./List.css\";\n\n/*\n @see https://vkcom.github.io/VKUI/#/List\n */\nexport const List = ({\n children~~,\n~~ ...restProps\n}: ~~React.HTMLAttributes<HTMLDivElement>~~) => {\n const [isDragging, toggleDrag] = React.useState(false);\n\n return (\n <div\n role=\"list\"\n {...restProps}\n vkuiClass={classNames(\"List\", isDragging && \"List--dragging\")}\n >\n <ListContext.Provider value={React.useMemo(() => ({ toggleDrag }), [])}>\n {children}\n </ListContext.Provider>\n </div>\n );\n};\n"],"~~file~~":"~~List.js~~"}
1	+ {"version":3,"file":"List.js","names":["List","children","restProps","React","useState","isDragging","toggleDrag","classNames","useMemo"],"sources":["../../../../src/components/List/List.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { classNames } from \"../../lib/classNames\";\nimport { ListContext } from \"./ListContext\";\nimport \"./List.css\";\n\nexport type ListProps = React.HTMLAttributes<HTMLDivElement>;\n\n/*\n @see https://vkcom.github.io/VKUI/#/List\n */\nexport const List = ({ children, ...restProps }: ListProps) => {\n const [isDragging, toggleDrag] = React.useState(false);\n\n return (\n <div\n role=\"list\"\n {...restProps}\n vkuiClass={classNames(\"List\", isDragging && \"List--dragging\")}\n >\n <ListContext.Provider value={React.useMemo(() => ({ toggleDrag }), [])}>\n {children}\n </ListContext.Provider>\n </div>\n );\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;;;AAKA;AACA;AACA;AACO,IAAMA,IAAI,GAAG,SAAPA,IAAO,OAA2C;EAAA,IAAxCC,QAAwC,QAAxCA,QAAwC;EAAA,IAA3BC,SAA2B;;EAC7D,sBAAiCC,KAAK,CAACC,QAAN,CAAe,KAAf,CAAjC;EAAA;EAAA,IAAOC,UAAP;EAAA,IAAmBC,UAAnB;;EAEA,OACE;IACE,IAAI,EAAC;EADP,GAEMJ,SAFN;IAGE,SAAS,EAAE,IAAAK,sBAAA,EAAW,MAAX,EAAmBF,UAAU,IAAI,gBAAjC;EAHb,IAKE,qCAAC,wBAAD,CAAa,QAAb;IAAsB,KAAK,EAAEF,KAAK,CAACK,OAAN,CAAc;MAAA,OAAO;QAAEF,UAAU,EAAVA;MAAF,CAAP;IAAA,CAAd,EAAsC,EAAtC;EAA7B,GACGL,QADH,CALF,CADF;AAWD,CAdM"}

package/dist/cjs/components/List/ListContext.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"~~sources~~":["~~../../../../src/components/List/~~ListContext.ts"],"names":["ListContext","React","createContext","toggleDrag","noop"],"~~mappings~~":"~~;;;;;;;;;AAAA;;AACA;;AAEO,IAAMA,WAAW,gBAAGC,KAAK,CAACC,aAAN,CAAoB;AAC7CC,EAAAA,UAAU,EAAEC;AADiC,CAApB,CAApB~~","sourcesContent":["import * as React from \"react\";\nimport { noop } from \"../../lib/utils\";\n\nexport const ListContext = React.createContext({\n toggleDrag: noop as (value: boolean) => void,\n});\n"],"~~file~~":"~~ListContext.js~~"}
1	+ {"version":3,"file":"ListContext.js","names":["ListContext","React","createContext","toggleDrag","noop"],"sources":["../../../../src/components/List/ListContext.ts"],"sourcesContent":["import * as React from \"react\";\nimport { noop } from \"../../lib/utils\";\n\nexport const ListContext = React.createContext({\n toggleDrag: noop as (value: boolean) => void,\n});\n"],"mappings":";;;;;;;;;AAAA;;AACA;;AAEO,IAAMA,WAAW,gBAAGC,KAAK,CAACC,aAAN,CAAoB;EAC7CC,UAAU,EAAEC;AADiC,CAApB,CAApB"}

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

	@@ -1 +1 @@
1	- {"version":3,"~~sources~~":["~~../../../../src/components/~~LocaleProviderContext~~/LocaleProviderContext~~.~~tsx~~"],"names":["LocaleProviderContext","React","createContext","undefined"],"~~mappings~~":"~~;;;;;;;;;AAAA;;AAEO,IAAMA,qBAAqB,gBAAGC,KAAK,CAACC,aAAN,CACnCC,SADmC,CAA9B~~","sourcesContent":["import * as React from \"react\";\n\nexport const LocaleProviderContext = React.createContext<string \| undefined>(\n undefined\n);\n"],"~~file~~":"~~LocaleProviderContext.js~~"}
1	+ {"version":3,"file":"LocaleProviderContext.js","names":["LocaleProviderContext","React","createContext","undefined"],"sources":["../../../../src/components/LocaleProviderContext/LocaleProviderContext.tsx"],"sourcesContent":["import * as React from \"react\";\n\nexport const LocaleProviderContext = React.createContext<string \| undefined>(\n undefined\n);\n"],"mappings":";;;;;;;;;AAAA;;AAEO,IAAMA,qBAAqB,gBAAGC,KAAK,CAACC,aAAN,CACnCC,SADmC,CAA9B"}

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

	@@ -1 +1 @@
1	- {"version":3,"~~sources~~":["~~../../../../src/components/~~MiniInfoCell~~/MiniInfoCell~~.~~tsx~~"],"names":["MiniInfoCell","before","after","mode","textWrap","textLevel","children","restProps","isClickable","onClick","undefined"],"~~mappings~~":";;;;;;;;;;;;;;;AACA;;AACA;;AACA;;AACA;;;;AA6CA;AACA;AACA;AACO,IAAMA,YAAY,GAAG,SAAfA,YAAe,OAQH;AAAA,MAPvBC,MAOuB,QAPvBA,MAOuB;AAAA,MANvBC,KAMuB,QANvBA,KAMuB;AAAA,uBALvBC,IAKuB;AAAA,MALvBA,IAKuB,0BALhB,MAKgB;AAAA,2BAJvBC,QAIuB;AAAA,MAJvBA,QAIuB,8BAJZ,QAIY;AAAA,4BAHvBC,SAGuB;AAAA,MAHvBA,SAGuB,+BAHX,WAGW;AAAA,MAFvBC,QAEuB,QAFvBA,QAEuB;AAAA,MADpBC,SACoB;AACvB,MAAMC,WAAW,GAAG,CAAC,CAACD,SAAS,CAACE,OAAhC;AAEA,SACE,qCAAC,kBAAD;AACE,IAAA,SAAS,EAAC,KADZ;AAEE,IAAA,QAAQ,EAAE,CAACD,WAFb;AAGE,IAAA,IAAI,EAAEA,WAAW,GAAG,QAAH,GAAcE;AAHjC,KAIMH,SAJN;AAKE,IAAA,SAAS,EAAE,4BACT,cADS,EAETJ,IAAI,KAAK,MAAT,+BAAuCA,IAAvC,CAFS,EAGTC,QAAQ,KAAK,QAAb,+BAA6CA,QAA7C,CAHS,8BAIYC,SAJZ;AALb,MAYE;AAAM,IAAA,SAAS,EAAC;AAAhB,KAAsCJ,MAAtC,CAZF,EAaE,qCAAC,oBAAD;AACE,IAAA,SAAS,EAAC,uBADZ;AAEE,IAAA,MAAM,EAAEE,IAAI,KAAK,MAAT,GAAkB,GAAlB,GAAwBO;AAFlC,KAIGJ,QAJH,CAbF,EAmBG,yBAAaJ,KAAb,KACC;AAAM,IAAA,SAAS,EAAC;AAAhB,KAAuCA,KAAvC,CApBJ,CADF;AAyBD,CApCM","sourcesContent":["import * as React from \"react\";\nimport { classNames } from \"../../lib/classNames\";\nimport { Paragraph } from \"../Typography/Paragraph/Paragraph\";\nimport { Tappable } from \"../Tappable/Tappable\";\nimport { hasReactNode } from \"../../lib/utils\";\nimport \"./MiniInfoCell.css\";\n\nexport interface MiniInfoCellProps\n extends React.HTMLAttributes<HTMLDivElement> {\n /*\n Иконка слева.<br />\n * Рекомендуется использовать иконки размера 20.\n /\n before: React.ReactNode;\n\n /\n Содержимое справа.<br />\n * `<UsersStack size=\"s\" />` или `<Avatar size={24} />`\n /\n after?: React.ReactNode;\n\n /\n Тип ячейки:\n \n - `base` – базовая ячейка с серой иконкой и серым текстом.<br />\n * В компонент можно передать `Link`, чтобы визуально сделать часть текста ссылкой.\n * - `add` – тип ячейки, который показывает, что взаимодействие с ней должно вызывать действие добавления чего-то.\n * - `more` – взаимодействие с такой ячейкой должно открывать какую-то подробную информацию.\n /\n mode?: \"base\" \| \"add\" \| \"more\";\n\n /\n Тип отображения текста:\n \n - `nowrap` – в одну строку, текст не переносится и обрезается.\n * - `short` – максимально отображается 3 строки, остальное обрезается.\n * - `full` – текст отображается полностью.\n /\n textWrap?: \"nowrap\" \| \"short\" \| \"full\";\n\n /\n Стиль текста:\n \n - `primary` – используйте этот стиль, если хотите выделить информацию в общем списке.<br />Пример использования: подробная информация на странице сообщества\n * - `secondary` – стиль по-умолчанию.\n /\n textLevel?: \"primary\" \| \"secondary\";\n}\n\n/\n @see https://vkcom.github.io/VKUI/#/MiniInfoCell\n */\nexport const MiniInfoCell = ({\n before,\n after,\n mode = \"base\",\n textWrap = \"nowrap\",\n textLevel = \"secondary\",\n children,\n ...restProps\n}: MiniInfoCellProps) => {\n const isClickable = !!restProps.onClick;\n\n return (\n <Tappable\n Component=\"div\"\n disabled={!isClickable}\n role={isClickable ? \"button\" : undefined}\n {...restProps}\n vkuiClass={classNames(\n \"MiniInfoCell\",\n mode !== \"base\" && `MiniInfoCell--md-${mode}`,\n textWrap !== \"nowrap\" && `MiniInfoCell--wr-${textWrap}`,\n `MiniInfoCell--lvl-${textLevel}`\n )}\n >\n <span vkuiClass=\"MiniInfoCell__icon\">{before}</span>\n <Paragraph\n vkuiClass=\"MiniInfoCell__content\"\n weight={mode === \"more\" ? \"2\" : undefined}\n >\n {children}\n </Paragraph>\n {hasReactNode(after) && (\n <span vkuiClass=\"MiniInfoCell__after\">{after}</span>\n )}\n </Tappable>\n );\n};\n"],"~~file~~":"~~MiniInfoCell.js~~"}
1	+ {"version":3,"file":"MiniInfoCell.js","names":["MiniInfoCell","before","after","mode","textWrap","textLevel","children","restProps","isClickable","onClick","undefined","classNames","hasReactNode"],"sources":["../../../../src/components/MiniInfoCell/MiniInfoCell.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { classNames } from \"../../lib/classNames\";\nimport { Paragraph } from \"../Typography/Paragraph/Paragraph\";\nimport { Tappable } from \"../Tappable/Tappable\";\nimport { hasReactNode } from \"../../lib/utils\";\nimport \"./MiniInfoCell.css\";\n\nexport interface MiniInfoCellProps\n extends React.HTMLAttributes<HTMLDivElement> {\n /*\n Иконка слева.<br />\n * Рекомендуется использовать иконки размера 20.\n /\n before: React.ReactNode;\n\n /\n Содержимое справа.<br />\n * `<UsersStack size=\"s\" />` или `<Avatar size={24} />`\n /\n after?: React.ReactNode;\n\n /\n Тип ячейки:\n \n - `base` – базовая ячейка с серой иконкой и серым текстом.<br />\n * В компонент можно передать `Link`, чтобы визуально сделать часть текста ссылкой.\n * - `add` – тип ячейки, который показывает, что взаимодействие с ней должно вызывать действие добавления чего-то.\n * - `more` – взаимодействие с такой ячейкой должно открывать какую-то подробную информацию.\n /\n mode?: \"base\" \| \"add\" \| \"more\";\n\n /\n Тип отображения текста:\n \n - `nowrap` – в одну строку, текст не переносится и обрезается.\n * - `short` – максимально отображается 3 строки, остальное обрезается.\n * - `full` – текст отображается полностью.\n /\n textWrap?: \"nowrap\" \| \"short\" \| \"full\";\n\n /\n Стиль текста:\n \n - `primary` – используйте этот стиль, если хотите выделить информацию в общем списке.<br />Пример использования: подробная информация на странице сообщества\n * - `secondary` – стиль по-умолчанию.\n /\n textLevel?: \"primary\" \| \"secondary\";\n}\n\n/\n @see https://vkcom.github.io/VKUI/#/MiniInfoCell\n */\nexport const MiniInfoCell = ({\n before,\n after,\n mode = \"base\",\n textWrap = \"nowrap\",\n textLevel = \"secondary\",\n children,\n ...restProps\n}: MiniInfoCellProps) => {\n const isClickable = !!restProps.onClick;\n\n return (\n <Tappable\n Component=\"div\"\n disabled={!isClickable}\n role={isClickable ? \"button\" : undefined}\n {...restProps}\n vkuiClass={classNames(\n \"MiniInfoCell\",\n mode !== \"base\" && `MiniInfoCell--md-${mode}`,\n textWrap !== \"nowrap\" && `MiniInfoCell--wr-${textWrap}`,\n `MiniInfoCell--lvl-${textLevel}`\n )}\n >\n <span vkuiClass=\"MiniInfoCell__icon\">{before}</span>\n <Paragraph\n vkuiClass=\"MiniInfoCell__content\"\n weight={mode === \"more\" ? \"2\" : undefined}\n >\n {children}\n </Paragraph>\n {hasReactNode(after) && (\n <span vkuiClass=\"MiniInfoCell__after\">{after}</span>\n )}\n </Tappable>\n );\n};\n"],"mappings":";;;;;;;;;;;;;;;AACA;;AACA;;AACA;;AACA;;;;AA6CA;AACA;AACA;AACO,IAAMA,YAAY,GAAG,SAAfA,YAAe,OAQH;EAAA,IAPvBC,MAOuB,QAPvBA,MAOuB;EAAA,IANvBC,KAMuB,QANvBA,KAMuB;EAAA,qBALvBC,IAKuB;EAAA,IALvBA,IAKuB,0BALhB,MAKgB;EAAA,yBAJvBC,QAIuB;EAAA,IAJvBA,QAIuB,8BAJZ,QAIY;EAAA,0BAHvBC,SAGuB;EAAA,IAHvBA,SAGuB,+BAHX,WAGW;EAAA,IAFvBC,QAEuB,QAFvBA,QAEuB;EAAA,IADpBC,SACoB;EACvB,IAAMC,WAAW,GAAG,CAAC,CAACD,SAAS,CAACE,OAAhC;EAEA,OACE,qCAAC,kBAAD;IACE,SAAS,EAAC,KADZ;IAEE,QAAQ,EAAE,CAACD,WAFb;IAGE,IAAI,EAAEA,WAAW,GAAG,QAAH,GAAcE;EAHjC,GAIMH,SAJN;IAKE,SAAS,EAAE,IAAAI,sBAAA,EACT,cADS,EAETR,IAAI,KAAK,MAAT,+BAAuCA,IAAvC,CAFS,EAGTC,QAAQ,KAAK,QAAb,+BAA6CA,QAA7C,CAHS,8BAIYC,SAJZ;EALb,IAYE;IAAM,SAAS,EAAC;EAAhB,GAAsCJ,MAAtC,CAZF,EAaE,qCAAC,oBAAD;IACE,SAAS,EAAC,uBADZ;IAEE,MAAM,EAAEE,IAAI,KAAK,MAAT,GAAkB,GAAlB,GAAwBO;EAFlC,GAIGJ,QAJH,CAbF,EAmBG,IAAAM,mBAAA,EAAaV,KAAb,KACC;IAAM,SAAS,EAAC;EAAhB,GAAuCA,KAAvC,CApBJ,CADF;AAyBD,CApCM"}

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

	@@ -1 +1 @@
1	- {"version":3,"~~sources~~":["~~../../../../src/components/~~ModalCard~~/ModalCard~~.~~tsx~~"],"names":["warn","ModalCardComponent","icon","header","subheader","children","actions","actionsLayout","onClose","platform","viewWidth","viewHeight","hasMouse","nav","id","restProps","isDesktop","modalContext","React","useContext","ModalRootContext","ModalType","CARD","refs","innerElement","ModalCard","displayName"],"~~mappings~~":";;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AAEA;;AACA;;AAIA;;AACA;;AACA;;AACA;;AAQA;;;AASA,IAAMA,IAAI,GAAG,wBAAS,WAAT,CAAb;;AAEA,IAAMC,kBAAkB,GAAG,SAArBA,kBAAqB,OAewB;AAAA,MAdjDC,IAciD,QAdjDA,IAciD;AAAA,MAbjDC,MAaiD,QAbjDA,MAaiD;AAAA,MAZjDC,SAYiD,QAZjDA,SAYiD;AAAA,MAXjDC,QAWiD,QAXjDA,QAWiD;AAAA,MAVjDC,OAUiD,QAVjDA,OAUiD;AAAA,gCATjDC,aASiD;AAAA,MATjDA,aASiD,mCATjC,YASiC;AAAA,MARjDC,OAQiD,QARjDA,OAQiD;AAAA,MAPjDC,QAOiD,QAPjDA,QAOiD;AAAA,MANjDC,SAMiD,QANjDA,SAMiD;AAAA,MALjDC,UAKiD,QALjDA,UAKiD;AAAA,MAJjDC,QAIiD,QAJjDA,QAIiD;AAAA,MAHjDC,GAGiD,QAHjDA,GAGiD;AAAA,MAFjDC,EAEiD,QAFjDA,EAEiD;AAAA,MAD9CC,SAC8C;AACjD,MAAMC,SAAS,GAAG,4CAAlB;AAEA,MAAMC,YAAY,GAAGC,KAAK,CAACC,UAAN,CAAiBC,kCAAjB,CAArB;;AACA,0BAAiB,wCACf,wBAAS;AAAEP,IAAAA,GAAG,EAAHA,GAAF;AAAOC,IAAAA,EAAE,EAAFA;AAAP,GAAT,EAAsBd,IAAtB,CADe,EAEfqB,iBAAUC,IAFK,CAAjB;AAAA,MAAQC,IAAR,qBAAQA,IAAR;;AAKA,SACE,uEACMR,SADN;AAEE,IAAA,EAAE,EAAED,EAFN;AAGE,IAAA,SAAS,EAAE,4BACT,gCAAa,WAAb,EAA0BL,QAA1B,CADS,EAETO,SAAS,IAAI,oBAFJ;AAHb,MAQE,qCAAC,4BAAD;AACE,IAAA,SAAS,EAAC,eADZ;AAEE,IAAA,UAAU,EAAEO,IAAI,CAACC,YAFnB;AAGE,IAAA,IAAI,EAAEtB,IAHR;AAIE,IAAA,MAAM,EAAEC,MAJV;AAKE,IAAA,SAAS,EAAEC,SALb;AAME,IAAA,OAAO,EAAEE,OANX;AAOE,IAAA,aAAa,EAAEC,aAPjB;AAQE,IAAA,OAAO,EAAEC,OAAO,IAAIS,YAAY,CAACT;AARnC,KAUGH,QAVH,CARF,CADF;AAuBD,CA/CD;AAiDA;AACA;AACA;;;AACO,IAAMoB,SAAS,GAAG,oCAAe,gCAAaxB,kBAAb,CAAf,EAAiD;AACxES,EAAAA,SAAS,EAAE,IAD6D;AAExEC,EAAAA,UAAU,EAAE,IAF4D;AAGxEC,EAAAA,QAAQ,EAAE;AAH8D,CAAjD,CAAlB;;AAMPa,SAAS,CAACC,WAAV,GAAwB,WAAxB","sourcesContent":["import * as React from \"react\";\nimport { getClassName } from \"../../helpers/getClassName\";\nimport { classNames } from \"../../lib/classNames\";\nimport { withPlatform } from \"../../hoc/withPlatform\";\nimport { HasPlatform } from \"../../types\";\nimport { withAdaptivity } from \"../../hoc/withAdaptivity\";\nimport {\n ModalRootContext,\n useModalRegistry,\n} from \"../ModalRoot/ModalRootContext\";\nimport { ModalType } from \"../ModalRoot/types\";\nimport { getNavId, NavIdProps } from \"../../lib/getNavId\";\nimport { warnOnce } from \"../../lib/warnOnce\";\nimport {\n ModalCardBase,\n ModalCardBaseProps,\n} from \"../ModalCardBase/ModalCardBase\";\nimport {\n AdaptivityContextInterface,\n AdaptivityProps,\n} from \"../AdaptivityProvider/AdaptivityContext\";\nimport { useAdaptivityIsDesktop } from \"../../hooks/useAdaptivity\";\nimport \"./ModalCard.css\";\n\nexport interface ModalCardProps\n extends HasPlatform,\n AdaptivityProps,\n NavIdProps,\n ModalCardBaseProps {}\n\nconst warn = warnOnce(\"ModalCard\");\n\nconst ModalCardComponent = ({\n icon,\n header,\n subheader,\n children,\n actions,\n actionsLayout = \"horizontal\",\n onClose,\n platform,\n viewWidth,\n viewHeight,\n hasMouse,\n nav,\n id,\n ...restProps\n}: ModalCardProps & AdaptivityContextInterface) => {\n const isDesktop = useAdaptivityIsDesktop();\n\n const modalContext = React.useContext(ModalRootContext);\n const { refs } = useModalRegistry(\n getNavId({ nav, id }, warn),\n ModalType.CARD\n );\n\n return (\n <div\n {...restProps}\n id={id}\n vkuiClass={classNames(\n getClassName(\"ModalCard\", platform),\n isDesktop && \"ModalCard--desktop\"\n )}\n >\n <ModalCardBase\n vkuiClass=\"ModalCard__in\"\n getRootRef={refs.innerElement}\n icon={icon}\n header={header}\n subheader={subheader}\n actions={actions}\n actionsLayout={actionsLayout}\n onClose={onClose \|\| modalContext.onClose}\n >\n {children}\n </ModalCardBase>\n </div>\n );\n};\n\n/*\n @see https://vkcom.github.io/VKUI/#/ModalCard\n */\nexport const ModalCard = withAdaptivity(withPlatform(ModalCardComponent), {\n viewWidth: true,\n viewHeight: true,\n hasMouse: true,\n});\n\nModalCard.displayName = \"ModalCard\";\n"],"~~file~~":"~~ModalCard.js~~"}
1	+ {"version":3,"file":"ModalCard.js","names":["warn","warnOnce","ModalCardComponent","icon","header","subheader","children","actions","actionsLayout","onClose","platform","viewWidth","viewHeight","hasMouse","nav","id","restProps","isDesktop","useAdaptivityIsDesktop","modalContext","React","useContext","ModalRootContext","useModalRegistry","getNavId","ModalType","CARD","refs","classNames","getClassName","innerElement","ModalCard","withAdaptivity","withPlatform","displayName"],"sources":["../../../../src/components/ModalCard/ModalCard.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { getClassName } from \"../../helpers/getClassName\";\nimport { classNames } from \"../../lib/classNames\";\nimport { withPlatform } from \"../../hoc/withPlatform\";\nimport { HasPlatform } from \"../../types\";\nimport { withAdaptivity } from \"../../hoc/withAdaptivity\";\nimport {\n ModalRootContext,\n useModalRegistry,\n} from \"../ModalRoot/ModalRootContext\";\nimport { ModalType } from \"../ModalRoot/types\";\nimport { getNavId, NavIdProps } from \"../../lib/getNavId\";\nimport { warnOnce } from \"../../lib/warnOnce\";\nimport {\n ModalCardBase,\n ModalCardBaseProps,\n} from \"../ModalCardBase/ModalCardBase\";\nimport {\n AdaptivityContextInterface,\n AdaptivityProps,\n} from \"../AdaptivityProvider/AdaptivityContext\";\nimport { useAdaptivityIsDesktop } from \"../../hooks/useAdaptivity\";\nimport \"./ModalCard.css\";\n\nexport interface ModalCardProps\n extends HasPlatform,\n AdaptivityProps,\n NavIdProps,\n ModalCardBaseProps {}\n\nconst warn = warnOnce(\"ModalCard\");\n\nconst ModalCardComponent = ({\n icon,\n header,\n subheader,\n children,\n actions,\n actionsLayout = \"horizontal\",\n onClose,\n platform,\n viewWidth,\n viewHeight,\n hasMouse,\n nav,\n id,\n ...restProps\n}: ModalCardProps & AdaptivityContextInterface) => {\n const isDesktop = useAdaptivityIsDesktop();\n\n const modalContext = React.useContext(ModalRootContext);\n const { refs } = useModalRegistry(\n getNavId({ nav, id }, warn),\n ModalType.CARD\n );\n\n return (\n <div\n {...restProps}\n id={id}\n vkuiClass={classNames(\n getClassName(\"ModalCard\", platform),\n isDesktop && \"ModalCard--desktop\"\n )}\n >\n <ModalCardBase\n vkuiClass=\"ModalCard__in\"\n getRootRef={refs.innerElement}\n icon={icon}\n header={header}\n subheader={subheader}\n actions={actions}\n actionsLayout={actionsLayout}\n onClose={onClose \|\| modalContext.onClose}\n >\n {children}\n </ModalCardBase>\n </div>\n );\n};\n\n/*\n @see https://vkcom.github.io/VKUI/#/ModalCard\n */\nexport const ModalCard = withAdaptivity(withPlatform(ModalCardComponent), {\n viewWidth: true,\n viewHeight: true,\n hasMouse: true,\n});\n\nModalCard.displayName = \"ModalCard\";\n"],"mappings":";;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AAEA;;AACA;;AAIA;;AACA;;AACA;;AACA;;AAQA;;;AASA,IAAMA,IAAI,GAAG,IAAAC,kBAAA,EAAS,WAAT,CAAb;;AAEA,IAAMC,kBAAkB,GAAG,SAArBA,kBAAqB,OAewB;EAAA,IAdjDC,IAciD,QAdjDA,IAciD;EAAA,IAbjDC,MAaiD,QAbjDA,MAaiD;EAAA,IAZjDC,SAYiD,QAZjDA,SAYiD;EAAA,IAXjDC,QAWiD,QAXjDA,QAWiD;EAAA,IAVjDC,OAUiD,QAVjDA,OAUiD;EAAA,8BATjDC,aASiD;EAAA,IATjDA,aASiD,mCATjC,YASiC;EAAA,IARjDC,OAQiD,QARjDA,OAQiD;EAAA,IAPjDC,QAOiD,QAPjDA,QAOiD;EAAA,IANjDC,SAMiD,QANjDA,SAMiD;EAAA,IALjDC,UAKiD,QALjDA,UAKiD;EAAA,IAJjDC,QAIiD,QAJjDA,QAIiD;EAAA,IAHjDC,GAGiD,QAHjDA,GAGiD;EAAA,IAFjDC,EAEiD,QAFjDA,EAEiD;EAAA,IAD9CC,SAC8C;EACjD,IAAMC,SAAS,GAAG,IAAAC,qCAAA,GAAlB;EAEA,IAAMC,YAAY,GAAGC,KAAK,CAACC,UAAN,CAAiBC,kCAAjB,CAArB;;EACA,wBAAiB,IAAAC,kCAAA,EACf,IAAAC,kBAAA,EAAS;IAAEV,GAAG,EAAHA,GAAF;IAAOC,EAAE,EAAFA;EAAP,CAAT,EAAsBf,IAAtB,CADe,EAEfyB,gBAAA,CAAUC,IAFK,CAAjB;EAAA,IAAQC,IAAR,qBAAQA,IAAR;;EAKA,OACE,uEACMX,SADN;IAEE,EAAE,EAAED,EAFN;IAGE,SAAS,EAAE,IAAAa,sBAAA,EACT,IAAAC,0BAAA,EAAa,WAAb,EAA0BnB,QAA1B,CADS,EAETO,SAAS,IAAI,oBAFJ;EAHb,IAQE,qCAAC,4BAAD;IACE,SAAS,EAAC,eADZ;IAEE,UAAU,EAAEU,IAAI,CAACG,YAFnB;IAGE,IAAI,EAAE3B,IAHR;IAIE,MAAM,EAAEC,MAJV;IAKE,SAAS,EAAEC,SALb;IAME,OAAO,EAAEE,OANX;IAOE,aAAa,EAAEC,aAPjB;IAQE,OAAO,EAAEC,OAAO,IAAIU,YAAY,CAACV;EARnC,GAUGH,QAVH,CARF,CADF;AAuBD,CA/CD;AAiDA;AACA;AACA;;;AACO,IAAMyB,SAAS,GAAG,IAAAC,8BAAA,EAAe,IAAAC,0BAAA,EAAa/B,kBAAb,CAAf,EAAiD;EACxES,SAAS,EAAE,IAD6D;EAExEC,UAAU,EAAE,IAF4D;EAGxEC,QAAQ,EAAE;AAH8D,CAAjD,CAAlB;;AAMPkB,SAAS,CAACG,WAAV,GAAwB,WAAxB"}

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

	@@ -1 +1 @@
1	- {"version":3,"~~sources~~":["~~../../../../src/components/~~ModalCardBase~~/ModalCardBase~~.~~tsx~~"],"names":["ModalCardBase","getRootRef","icon","header","subheader","children","actions","actionsLayout","viewWidth","hasMouse","viewHeight","onClose","dismissLabel","restProps","platform","isDesktop","isSoftwareKeyboardOpened","isOpened","canShowCloseBtn","ViewWidth","SMALL_TABLET","Platform","VKCOM","canShowCloseBtnIos","IOS","displayName"],"~~mappings~~":";;;;;;;;;;;;;;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AAEA;;AACA;;AACA;;AACA;;AACA;;AAEA;;;;AA0CA;AACA;AACA;AACO,IAAMA,aAAa,GAAG,oCAG3B,gBAcM;AAAA,MAbJC,UAaI,QAbJA,UAaI;AAAA,MAZJC,IAYI,QAZJA,IAYI;AAAA,MAXJC,MAWI,QAXJA,MAWI;AAAA,MAVJC,SAUI,QAVJA,SAUI;AAAA,MATJC,QASI,QATJA,QASI;AAAA,MARJC,OAQI,QARJA,OAQI;AAAA,MAPJC,aAOI,QAPJA,aAOI;AAAA,MANJC,SAMI,QANJA,SAMI;AAAA,MALJC,QAKI,QALJA,QAKI;AAAA,MAJJC,UAII,QAJJA,UAII;AAAA,MAHJC,OAGI,QAHJA,OAGI;AAAA,+BAFJC,YAEI;AAAA,MAFJA,YAEI,kCAFW,QAEX;AAAA,MADDC,SACC;AACJ,MAAMC,QAAQ,GAAG,+BAAjB;AACA,MAAMC,SAAS,GAAG,4CAAlB;AACA,MAAMC,wBAAwB,GAAG,gCAAcC,QAA/~~C;AAEA,MAAMC,eAAe,GACnBV,SAAS,IAAIW,0BAAUC,YAAvB,IAAuCN,QAAQ,KAAKO,mBAASC,KAD~~/D;AAEA,MAAMC,kBAAkB,GAAGT,QAAQ,KAAKU,aAAb,IAAoB,CAACN,eAAhD;AAEA,SACE,uEACML,SADN;AAEE,IAAA,SAAS,EAAE,4BACT,gCAAa,eAAb,EAA8BC,QAA9B,CADS,EAETC,SAAS,IAAI,wBAFJ,CAFb;AAME,IAAA,GAAG,EAAEd;AANP,MAQE;AACE,IAAA,SAAS,EAAE,4BACT,0BADS,EAETe,wBAAwB,IACtB,kDAHO;AADb,KAOG,yBAAad,IAAb,KACC;AAAK,IAAA,SAAS,EAAC;AAAf,KAAsCA,IAAtC,CARJ,EAUG,yBAAaC,MAAb,KACC,qCAAC,YAAD;AAAO,IAAA,KAAK,EAAC,GAAb;AAAiB,IAAA,MAAM,EAAC,GAAxB;AAA4B,IAAA,SAAS,EAAC;AAAtC,KACGA,MADH,CAXJ,EAeG,yBAAaC,SAAb,KACC,qCAAC,gBAAD;AAAS,IAAA,SAAS,EAAC;AAAnB,KAA+CA,SAA/C,CAhBJ,EAmBGC,QAnBH,EAqBG,yBAAaC,OAAb,KACC;AACE,IAAA,SAAS,EAAE,4BACT,wBADS,EAETC,aAAa,KAAK,UAAlB,IAAgC,2BAFvB;AADb,KAMGD,OANH,CAtBJ,EAgCGY,eAAe,IAAI,qCAAC,sCAAD;AAAoB,IAAA,OAAO,EAAEP;AAA7B,IAhCtB,EAiCGY,kBAAkB,IACjB,qCAAC,oCAAD;AACE,kBAAYX,YADd;AAEE,IAAA,SAAS,EAAC,wBAFZ;AAGE,IAAA,OAAO,EAAED;AAHX,KAKE,qCAAC,oBAAD,OALF,CAlCJ,CARF,CADF;AAsDD,CAhF0B,EAiF3B;AACEH,EAAAA,SAAS,EAAE,IADb;AAEEE,EAAAA,UAAU,EAAE,IAFd;AAGED,EAAAA,QAAQ,EAAE;AAHZ,CAjF2B,CAAtB;;AAwFPT,aAAa,CAACyB,WAAd,GAA4B,eAA5B","sourcesContent":["import * as React from \"react\";\nimport { hasReactNode } from \"../../lib/utils\";\nimport { Title } from \"../Typography/Title/Title\";\nimport { Subhead } from \"../Typography/Subhead/Subhead\";\nimport { classNames } from \"../../lib/classNames\";\nimport { getClassName } from \"../../helpers/getClassName\";\nimport { usePlatform } from \"../../hooks/usePlatform\";\nimport { ViewWidth, withAdaptivity } from \"../../hoc/withAdaptivity\";\nimport { HasRootRef } from \"../../types\";\nimport { PanelHeaderButton } from \"../PanelHeaderButton/PanelHeaderButton\";\nimport { IOS, Platform } from \"../../lib/platform\";\nimport { ModalDismissButton } from \"../ModalDismissButton/ModalDismissButton\";\nimport { Icon24Dismiss } from \"@vkontakte/icons\";\nimport { useKeyboard } from \"../../hooks/useKeyboard\";\nimport { AdaptivityContextInterface } from \"../AdaptivityProvider/AdaptivityContext\";\nimport { useAdaptivityIsDesktop } from \"../../hooks/useAdaptivity\";\nimport \"./ModalCardBase.css\";\n\nexport interface ModalCardBaseProps\n extends React.HTMLAttributes<HTMLDivElement>,\n HasRootRef<HTMLDivElement> {\n /*\n Иконка.\n \n Может быть компонентом иконки, например, `<Icon56MoneyTransferOutline />`, или `<Avatar size={72} src=\"\" />`\n /\n icon?: React.ReactNode;\n\n /\n Заголовок карточки\n /\n header?: React.ReactNode;\n\n /\n Подзаголовок\n /\n subheader?: React.ReactNode;\n\n /\n Кнопки-действия.\n \n Рекомендуется использовать `<Button size=\"l\" mode=\"primary\" />` или `<Button size=\"l\" mode=\"secondary\" />`\n /\n actions?: React.ReactNode;\n\n /\n Тип отображения кнопок: вертикальный или горизонтальный\n /\n actionsLayout?: \"vertical\" \| \"horizontal\";\n onClose?: VoidFunction;\n\n /\n `aria-label` для кнопки закрытия. Необходим, чтобы кнопка была доступной.\n /\n dismissLabel?: string;\n}\n\n/\n @see https://vkcom.github.io/VKUI/#/ModalCardBase\n */\nexport const ModalCardBase = withAdaptivity<\n ModalCardBaseProps & AdaptivityContextInterface\n>(\n ({\n getRootRef,\n icon,\n header,\n subheader,\n children,\n actions,\n actionsLayout,\n viewWidth,\n hasMouse,\n viewHeight,\n onClose,\n dismissLabel = \"Скрыть\",\n ...restProps\n }) => {\n const platform = usePlatform();\n const isDesktop = useAdaptivityIsDesktop();\n const isSoftwareKeyboardOpened = useKeyboard().isOpened;\n\n const canShowCloseBtn =\n viewWidth >= ViewWidth.SMALL_TABLET \|\| platform === Platform.VKCOM;\n const canShowCloseBtnIos = platform === IOS && !canShowCloseBtn;\n\n return (\n <div\n {...restProps}\n vkuiClass={classNames(\n getClassName(\"ModalCardBase\", platform),\n isDesktop && \"ModalCardBase--desktop\"\n )}\n ref={getRootRef}\n >\n <div\n vkuiClass={classNames(\n \"ModalCardBase__container\",\n isSoftwareKeyboardOpened &&\n \"ModalCardBase__container--softwareKeyboardOpened\"\n )}\n >\n {hasReactNode(icon) && (\n <div vkuiClass=\"ModalCardBase__icon\">{icon}</div>\n )}\n {hasReactNode(header) && (\n <Title level=\"2\" weight=\"2\" vkuiClass=\"ModalCardBase__header\">\n {header}\n </Title>\n )}\n {hasReactNode(subheader) && (\n <Subhead vkuiClass=\"ModalCardBase__subheader\">{subheader}</Subhead>\n )}\n\n {children}\n\n {hasReactNode(actions) && (\n <div\n vkuiClass={classNames(\n \"ModalCardBase__actions\",\n actionsLayout === \"vertical\" && \"ModalCardBase__actions--v\"\n )}\n >\n {actions}\n </div>\n )}\n\n {canShowCloseBtn && <ModalDismissButton onClick={onClose} />}\n {canShowCloseBtnIos && (\n <PanelHeaderButton\n aria-label={dismissLabel}\n vkuiClass=\"ModalCardBase__dismiss\"\n onClick={onClose}\n >\n <Icon24Dismiss />\n </PanelHeaderButton>\n )}\n </div>\n </div>\n );\n },\n {\n viewWidth: true,\n viewHeight: true,\n hasMouse: true,\n }\n);\n\nModalCardBase.displayName = \"ModalCardBase\";\n"],"~~file~~":"~~ModalCardBase.js~~"}
1	+ {"version":3,"file":"ModalCardBase.js","names":["ModalCardBase","withAdaptivity","getRootRef","icon","header","subheader","children","actions","actionsLayout","viewWidth","hasMouse","viewHeight","onClose","dismissLabel","restProps","platform","usePlatform","isDesktop","useAdaptivityIsDesktop","isSoftwareKeyboardOpened","useKeyboard","isOpened","canShowCloseBtn","ViewWidth","SMALL_TABLET","Platform","VKCOM","canShowCloseBtnIos","IOS","classNames","getClassName","hasReactNode","displayName"],"sources":["../../../../src/components/ModalCardBase/ModalCardBase.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { hasReactNode } from \"../../lib/utils\";\nimport { Title } from \"../Typography/Title/Title\";\nimport { Subhead } from \"../Typography/Subhead/Subhead\";\nimport { classNames } from \"../../lib/classNames\";\nimport { getClassName } from \"../../helpers/getClassName\";\nimport { usePlatform } from \"../../hooks/usePlatform\";\nimport { ViewWidth, withAdaptivity } from \"../../hoc/withAdaptivity\";\nimport { HasRootRef } from \"../../types\";\nimport { PanelHeaderButton } from \"../PanelHeaderButton/PanelHeaderButton\";\nimport { IOS, Platform } from \"../../lib/platform\";\nimport { ModalDismissButton } from \"../ModalDismissButton/ModalDismissButton\";\nimport { Icon24Dismiss } from \"@vkontakte/icons\";\nimport { useKeyboard } from \"../../hooks/useKeyboard\";\nimport { AdaptivityContextInterface } from \"../AdaptivityProvider/AdaptivityContext\";\nimport { useAdaptivityIsDesktop } from \"../../hooks/useAdaptivity\";\nimport \"./ModalCardBase.css\";\n\nexport interface ModalCardBaseProps\n extends React.HTMLAttributes<HTMLDivElement>,\n HasRootRef<HTMLDivElement> {\n /*\n Иконка.\n \n Может быть компонентом иконки, например, `<Icon56MoneyTransferOutline />`, или `<Avatar size={72} src=\"\" />`\n /\n icon?: React.ReactNode;\n\n /\n Заголовок карточки\n /\n header?: React.ReactNode;\n\n /\n Подзаголовок\n /\n subheader?: React.ReactNode;\n\n /\n Кнопки-действия.\n \n Рекомендуется использовать `<Button size=\"l\" mode=\"primary\" />` или `<Button size=\"l\" mode=\"secondary\" />`\n /\n actions?: React.ReactNode;\n\n /\n Тип отображения кнопок: вертикальный или горизонтальный\n /\n actionsLayout?: \"vertical\" \| \"horizontal\";\n onClose?: VoidFunction;\n\n /\n `aria-label` для кнопки закрытия. Необходим, чтобы кнопка была доступной.\n /\n dismissLabel?: string;\n}\n\n/\n @see https://vkcom.github.io/VKUI/#/ModalCardBase\n */\nexport const ModalCardBase = withAdaptivity<\n ModalCardBaseProps & AdaptivityContextInterface\n>(\n ({\n getRootRef,\n icon,\n header,\n subheader,\n children,\n actions,\n actionsLayout,\n viewWidth,\n hasMouse,\n viewHeight,\n onClose,\n dismissLabel = \"Скрыть\",\n ...restProps\n }) => {\n const platform = usePlatform();\n const isDesktop = useAdaptivityIsDesktop();\n const isSoftwareKeyboardOpened = useKeyboard().isOpened;\n\n const canShowCloseBtn =\n viewWidth >= ViewWidth.SMALL_TABLET \|\| platform === Platform.VKCOM;\n const canShowCloseBtnIos = platform === IOS && !canShowCloseBtn;\n\n return (\n <div\n {...restProps}\n vkuiClass={classNames(\n getClassName(\"ModalCardBase\", platform),\n isDesktop && \"ModalCardBase--desktop\"\n )}\n ref={getRootRef}\n >\n <div\n vkuiClass={classNames(\n \"ModalCardBase__container\",\n isSoftwareKeyboardOpened &&\n \"ModalCardBase__container--softwareKeyboardOpened\"\n )}\n >\n {hasReactNode(icon) && (\n <div vkuiClass=\"ModalCardBase__icon\">{icon}</div>\n )}\n {hasReactNode(header) && (\n <Title level=\"2\" weight=\"2\" vkuiClass=\"ModalCardBase__header\">\n {header}\n </Title>\n )}\n {hasReactNode(subheader) && (\n <Subhead vkuiClass=\"ModalCardBase__subheader\">{subheader}</Subhead>\n )}\n\n {children}\n\n {hasReactNode(actions) && (\n <div\n vkuiClass={classNames(\n \"ModalCardBase__actions\",\n actionsLayout === \"vertical\" && \"ModalCardBase__actions--v\"\n )}\n >\n {actions}\n </div>\n )}\n\n {canShowCloseBtn && <ModalDismissButton onClick={onClose} />}\n {canShowCloseBtnIos && (\n <PanelHeaderButton\n aria-label={dismissLabel}\n vkuiClass=\"ModalCardBase__dismiss\"\n onClick={onClose}\n >\n <Icon24Dismiss />\n </PanelHeaderButton>\n )}\n </div>\n </div>\n );\n },\n {\n viewWidth: true,\n viewHeight: true,\n hasMouse: true,\n }\n);\n\nModalCardBase.displayName = \"ModalCardBase\";\n"],"mappings":";;;;;;;;;;;;;;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AAEA;;AACA;;AACA;;AACA;;AACA;;AAEA;;;;AA0CA;AACA;AACA;AACO,IAAMA,aAAa,GAAG,IAAAC,8BAAA,EAG3B,gBAcM;EAAA,IAbJC,UAaI,QAbJA,UAaI;EAAA,IAZJC,IAYI,QAZJA,IAYI;EAAA,IAXJC,MAWI,QAXJA,MAWI;EAAA,IAVJC,SAUI,QAVJA,SAUI;EAAA,IATJC,QASI,QATJA,QASI;EAAA,IARJC,OAQI,QARJA,OAQI;EAAA,IAPJC,aAOI,QAPJA,aAOI;EAAA,IANJC,SAMI,QANJA,SAMI;EAAA,IALJC,QAKI,QALJA,QAKI;EAAA,IAJJC,UAII,QAJJA,UAII;EAAA,IAHJC,OAGI,QAHJA,OAGI;EAAA,6BAFJC,YAEI;EAAA,IAFJA,YAEI,kCAFW,QAEX;EAAA,IADDC,SACC;EACJ,IAAMC,QAAQ,GAAG,IAAAC,wBAAA,GAAjB;EACA,IAAMC,SAAS,GAAG,IAAAC,qCAAA,GAAlB;EACA,IAAMC,wBAAwB,GAAG,IAAAC,wBAAA,IAAcC,QAA/C;EAEA,IAAMC,eAAe,GACnBb,SAAS,IAAIc,yBAAA,CAAUC,YAAvB,IAAuCT,QAAQ,KAAKU,kBAAA,CAASC,KAD/D;EAEA,IAAMC,kBAAkB,GAAGZ,QAAQ,KAAKa,aAAb,IAAoB,CAACN,eAAhD;EAEA,OACE,uEACMR,SADN;IAEE,SAAS,EAAE,IAAAe,sBAAA,EACT,IAAAC,0BAAA,EAAa,eAAb,EAA8Bf,QAA9B,CADS,EAETE,SAAS,IAAI,wBAFJ,CAFb;IAME,GAAG,EAAEf;EANP,IAQE;IACE,SAAS,EAAE,IAAA2B,sBAAA,EACT,0BADS,EAETV,wBAAwB,IACtB,kDAHO;EADb,GAOG,IAAAY,mBAAA,EAAa5B,IAAb,KACC;IAAK,SAAS,EAAC;EAAf,GAAsCA,IAAtC,CARJ,EAUG,IAAA4B,mBAAA,EAAa3B,MAAb,KACC,qCAAC,YAAD;IAAO,KAAK,EAAC,GAAb;IAAiB,MAAM,EAAC,GAAxB;IAA4B,SAAS,EAAC;EAAtC,GACGA,MADH,CAXJ,EAeG,IAAA2B,mBAAA,EAAa1B,SAAb,KACC,qCAAC,gBAAD;IAAS,SAAS,EAAC;EAAnB,GAA+CA,SAA/C,CAhBJ,EAmBGC,QAnBH,EAqBG,IAAAyB,mBAAA,EAAaxB,OAAb,KACC;IACE,SAAS,EAAE,IAAAsB,sBAAA,EACT,wBADS,EAETrB,aAAa,KAAK,UAAlB,IAAgC,2BAFvB;EADb,GAMGD,OANH,CAtBJ,EAgCGe,eAAe,IAAI,qCAAC,sCAAD;IAAoB,OAAO,EAAEV;EAA7B,EAhCtB,EAiCGe,kBAAkB,IACjB,qCAAC,oCAAD;IACE,cAAYd,YADd;IAEE,SAAS,EAAC,wBAFZ;IAGE,OAAO,EAAED;EAHX,GAKE,qCAAC,oBAAD,OALF,CAlCJ,CARF,CADF;AAsDD,CAhF0B,EAiF3B;EACEH,SAAS,EAAE,IADb;EAEEE,UAAU,EAAE,IAFd;EAGED,QAAQ,EAAE;AAHZ,CAjF2B,CAAtB;;AAwFPV,aAAa,CAACgC,WAAd,GAA4B,eAA5B"}

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

@@ -17,10 +17,6 @@ var _icons = require("@vkontakte/icons");
 var _Tappable = require("../Tappable/Tappable");
-var _getClassName = require("../../helpers/getClassName");
-var _usePlatform = require("../../hooks/usePlatform");
 var _excluded = ["aria-label"];
 /**
@@ -30,9 +26,8 @@ var ModalDismissButton = function ModalDismissButton(_ref) {
   var _ref$ariaLabel = _ref["aria-label"],
       ariaLabel = _ref$ariaLabel === void 0 ? "Закрыть" : _ref$ariaLabel,
       restProps = (0, _objectWithoutProperties2.default)(_ref, _excluded);
-  var platform = (0, _usePlatform.usePlatform)();
   return (0, _jsxRuntime.createScopedElement)(_Tappable.Tappable, (0, _extends2.default)({
-    vkuiClass: (0, _getClassName.getClassName)("ModalDismissButton", platform)
+    vkuiClass: "ModalDismissButton"
   }, restProps, {
     "aria-label": ariaLabel,
     activeMode: "ModalDismissButton--active",

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

	@@ -1 +1 @@
1	- {"version":3,"~~sources~~":["~~../../../../src/components/~~ModalDismissButton~~/ModalDismissButton~~.~~tsx~~"],"names":["ModalDismissButton","ariaLabel","restProps"~~,"platform"~~],"~~mappings~~":";;;;;;;;;;;;;;;AACA;;AACA;;AACA;;AACA;;;;AAKA;AACA;AACA;AACO,IAAMA,kBAAkB,GAAG,SAArBA,kBAAqB,OAGH;AAAA,4BAF7B,YAE6B;AAAA,MAFfC,SAEe,+BAFH,SAEG;AAAA,MAD1BC,SAC0B;AAC7B,MAAMC,QAAQ,GAAG,+BAAjB;AAEA,SACE,qCAAC,kBAAD;AACE,IAAA,SAAS,EAAE,gCAAa,oBAAb,EAAmCA,QAAnC;AADb,KAEMD,SAFN;AAGE,kBAAYD,SAHd;AAIE,IAAA,UAAU,EAAC,4BAJb;AAKE,IAAA,SAAS,EAAC;AALZ,MAOE,qCAAC,mBAAD,OAPF,CADF;AAWD,CAjBM","sourcesContent":["import * as React from \"react\";\nimport { Icon20Cancel } from \"@vkontakte/icons\";\nimport { Tappable } from \"../Tappable/Tappable\";\nimport ~~{ getClassName } from~~ \"~~../../helpers/getClassName\";\nimport { usePlatform } from \"../../hooks/usePlatform\";\nimport \"~~./ModalDismissButton.css\";\n\nexport type ModalDismissButtonProps = React.HTMLAttributes<HTMLButtonElement>;\n\n/*\n @see https://vkcom.github.io/VKUI/#/ModalDismissButton\n */\nexport const ModalDismissButton = ({\n \"aria-label\": ariaLabel = \"Закрыть\",\n ...restProps\n}: ModalDismissButtonProps) => {\n ~~const platform = usePlatform();\n\n~~ return (\n <Tappable\n vkuiClass~~={getClassName(\~~"ModalDismissButton\"~~, platform)}~~\n {...restProps}\n aria-label={ariaLabel}\n activeMode=\"ModalDismissButton--active\"\n hoverMode=\"ModalDismissButton--hover\"\n >\n <Icon20Cancel />\n </Tappable>\n );\n};\n"],"~~file~~":"~~ModalDismissButton.js~~"}
1	+ {"version":3,"file":"ModalDismissButton.js","names":["ModalDismissButton","ariaLabel","restProps"],"sources":["../../../../src/components/ModalDismissButton/ModalDismissButton.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { Icon20Cancel } from \"@vkontakte/icons\";\nimport { Tappable } from \"../Tappable/Tappable\";\nimport \"./ModalDismissButton.css\";\n\nexport type ModalDismissButtonProps = React.HTMLAttributes<HTMLButtonElement>;\n\n/*\n @see https://vkcom.github.io/VKUI/#/ModalDismissButton\n */\nexport const ModalDismissButton = ({\n \"aria-label\": ariaLabel = \"Закрыть\",\n ...restProps\n}: ModalDismissButtonProps) => {\n return (\n <Tappable\n vkuiClass=\"ModalDismissButton\"\n {...restProps}\n aria-label={ariaLabel}\n activeMode=\"ModalDismissButton--active\"\n hoverMode=\"ModalDismissButton--hover\"\n >\n <Icon20Cancel />\n </Tappable>\n );\n};\n"],"mappings":";;;;;;;;;;;;;;;AACA;;AACA;;;;AAKA;AACA;AACA;AACO,IAAMA,kBAAkB,GAAG,SAArBA,kBAAqB,OAGH;EAAA,0BAF7B,YAE6B;EAAA,IAFfC,SAEe,+BAFH,SAEG;EAAA,IAD1BC,SAC0B;EAC7B,OACE,qCAAC,kBAAD;IACE,SAAS,EAAC;EADZ,GAEMA,SAFN;IAGE,cAAYD,SAHd;IAIE,UAAU,EAAC,4BAJb;IAKE,SAAS,EAAC;EALZ,IAOE,qCAAC,mBAAD,OAPF,CADF;AAWD,CAfM"}

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

@@ -17,8 +17,6 @@ var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/h
 var React = _interopRequireWildcard(require("react"));
-var _getClassName = require("../../helpers/getClassName");
 var _classNames = require("../../lib/classNames");
 var _ModalRootContext = require("../ModalRoot/ModalRootContext");
@@ -43,12 +41,14 @@ var _platform = require("../../lib/platform");
 var _useAdaptivity = require("../../hooks/useAdaptivity");
-var _excluded = ["children", "header", "viewWidth", "viewHeight", "sizeX", "hasMouse", "onOpen", "onOpened", "onClose", "onClosed", "settlingHeight", "dynamicContentHeight", "getModalContentRef", "nav", "id"];
+var _excluded = ["children", "header", "size", "viewWidth", "viewHeight", "sizeX", "hasMouse", "onOpen", "onOpened", "onClose", "onClosed", "settlingHeight", "dynamicContentHeight", "getModalContentRef", "nav", "id", "hideCloseButton"];
 var warn = (0, _warnOnce.warnOnce)("ModalPage");
 var ModalPageComponent = function ModalPageComponent(_ref) {
   var children = _ref.children,
       header = _ref.header,
+      _ref$size = _ref.size,
+      sizeProp = _ref$size === void 0 ? "s" : _ref$size,
       viewWidth = _ref.viewWidth,
       viewHeight = _ref.viewHeight,
       sizeX = _ref.sizeX,
@@ -62,6 +62,8 @@ var ModalPageComponent = function ModalPageComponent(_ref) {
       getModalContentRef = _ref.getModalContentRef,
       nav = _ref.nav,
       id = _ref.id,
+      _ref$hideCloseButton = _ref.hideCloseButton,
+      hideCloseButton = _ref$hideCloseButton === void 0 ? false : _ref$hideCloseButton,
       restProps = (0, _objectWithoutProperties2.default)(_ref, _excluded);
   var _React$useContext = React.useContext(_ModalRootContext.ModalRootContext),
@@ -71,7 +73,8 @@ var ModalPageComponent = function ModalPageComponent(_ref) {
   var orientation = (0, _useOrientationChange.useOrientationChange)();
   React.useEffect(updateModalHeight, [children, orientation, updateModalHeight]);
   var isDesktop = (0, _useAdaptivity.useAdaptivityIsDesktop)();
-  var canShowCloseBtn = viewWidth >= _withAdaptivity.ViewWidth.SMALL_TABLET || platform === _platform.Platform.VKCOM;
+  var isCloseButtonShown = !hideCloseButton && isDesktop;
+  var size = isDesktop ? sizeProp : "s";
   var modalContext = React.useContext(_ModalRootContext.ModalRootContext);
   var _useModalRegistry = (0, _ModalRootContext.useModalRegistry)((0, _getNavId.getNavId)({
@@ -81,11 +84,9 @@ var ModalPageComponent = function ModalPageComponent(_ref) {
       refs = _useModalRegistry.refs;
   return (0, _jsxRuntime.createScopedElement)("div", (0, _extends2.default)({}, restProps, {
-    id: id // eslint-disable-next-line vkui/no-object-expression-in-arguments
-    ,
-    vkuiClass: (0, _classNames.classNames)((0, _getClassName.getClassName)("ModalPage", platform), "ModalPage--sizeX-".concat(sizeX), {
-      "ModalPage--desktop": isDesktop
-    })
+    id: id,
+    vkuiClass: (0, _classNames.classNames)("ModalPage", platform === _platform.Platform.IOS && "ModalPage--ios", platform === _platform.Platform.VKCOM && "ModalPage--vkcom", "ModalPage--sizeX-".concat(sizeX), // TODO v5.0.0 поправить под новую адаптивность
+    isDesktop && "ModalPage--desktop", size && "ModalPage--".concat(size))
   }), (0, _jsxRuntime.createScopedElement)("div", {
     vkuiClass: "ModalPage__in-wrap",
     ref: refs.innerElement
@@ -101,7 +102,7 @@ var ModalPageComponent = function ModalPageComponent(_ref) {
     ref: (0, _utils.multiRef)(refs.contentElement, getModalContentRef)
   }, (0, _jsxRuntime.createScopedElement)("div", {
     vkuiClass: "ModalPage__content-in"
-  }, children))), canShowCloseBtn && (0, _jsxRuntime.createScopedElement)(_ModalDismissButton.ModalDismissButton, {
+  }, children))), isCloseButtonShown && (0, _jsxRuntime.createScopedElement)(_ModalDismissButton.ModalDismissButton, {
     onClick: onClose || modalContext.onClose
   }))));
 };

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

	@@ -1 +1 @@
1	- {"version":3,"~~sources~~":["~~../../../../src/components/~~ModalPage~~/ModalPage~~.~~tsx~~"],"names":["warn","ModalPageComponent","children","header","viewWidth","viewHeight","sizeX","hasMouse","onOpen","onOpened","onClose","onClosed","settlingHeight","dynamicContentHeight","getModalContentRef","nav","id","restProps","React","useContext","ModalRootContext","updateModalHeight","platform","orientation","~~useEffect~~","~~isDesktop~~","~~canShowCloseBtn~~","~~ViewWidth~~","~~SMALL_TABLET~~","~~Platform~~","~~VKCOM~~","~~modalContext~~","ModalType","PAGE","refs","innerElement","headerElement","contentElement","ModalPage","displayName"],"~~mappings~~":"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","sourcesContent":["import * as React from \"react\";\nimport { ~~getClassName } from \"../../helpers/getClassName\";\nimport {~~ classNames } from \"../../lib/classNames\";\nimport {\n ModalRootContext,\n useModalRegistry,\n} from \"../ModalRoot/ModalRootContext\";\nimport { usePlatform } from \"../../hooks/usePlatform\";\nimport { useOrientationChange } from \"../../hooks/useOrientationChange\";\nimport { withAdaptivity, ~~ViewWidth~~ } from \"../../hoc/withAdaptivity\";\nimport {\n AdaptivityContextInterface,\n AdaptivityProps,\n} from \"../AdaptivityProvider/AdaptivityContext\";\nimport { ModalDismissButton } from \"../ModalDismissButton/ModalDismissButton\";\nimport { multiRef } from \"../../lib/utils\";\nimport { ModalType } from \"../ModalRoot/types\";\nimport { getNavId, NavIdProps } from \"../../lib/getNavId\";\nimport { warnOnce } from \"../../lib/warnOnce\";\nimport { Platform } from \"../../lib/platform\";\nimport { useAdaptivityIsDesktop } from \"../../hooks/useAdaptivity\";\nimport \"./ModalPage.css\";\n\nexport interface ModalPageProps\n extends React.HTMLAttributes<HTMLDivElement>,\n AdaptivityProps,\n NavIdProps {\n /*\n Шапка модальной страницы, `<ModalPageHeader />`\n /\n header?: React.ReactNode;\n /\n Будет вызвано при начале открытия модалки.\n /\n onOpen?: VoidFunction;\n /\n Будет вызвано при окончательном открытии модалки.\n /\n onOpened?: VoidFunction;\n /\n Будет вызвано при начале закрытия модалки.\n /\n onClose?: VoidFunction;\n /\n Будет вызвано при окончательном закрытии модалки.\n /\n onClosed?: VoidFunction;\n /\n Процент, на который изначально будет открыта модальная страница. При `settlingHeight={100}` модальная страница раскрывается на всю высоту.\n /\n settlingHeight?: number;\n /\n Если высота контента в модальной странице может поменяться, нужно установить это свойство\n /\n dynamicContentHeight?: boolean;\n getModalContentRef?: React.Ref<HTMLDivElement>;\n}\n\nconst warn = warnOnce(\"ModalPage\");\n\nconst ModalPageComponent = ({\n children,\n header,\n viewWidth,\n viewHeight,\n sizeX,\n hasMouse,\n onOpen,\n onOpened,\n onClose,\n onClosed,\n settlingHeight, // 75\n dynamicContentHeight,\n getModalContentRef,\n nav,\n id,\n ...restProps\n}: ModalPageProps & AdaptivityContextInterface) => {\n const { updateModalHeight } = React.useContext(ModalRootContext);\n\n const platform = usePlatform();\n const orientation = useOrientationChange();\n\n React.useEffect(updateModalHeight, [\n children,\n orientation,\n updateModalHeight,\n ]);\n\n const isDesktop = useAdaptivityIsDesktop();\n const ~~canShowCloseBtn~~ =\n ~~viewWidth~~ >= ~~ViewWidth.SMALL_TABLET~~ \|\| ~~platform~~ ~~===~~ ~~Platform.VKCOM~~;\n\n const modalContext = React.useContext(ModalRootContext);\n const { refs } = useModalRegistry(\n getNavId({ nav, id }, warn),\n ModalType.PAGE\n );\n\n return (\n <div\n {...restProps}\n id={id}\n ~~// eslint-disable-next-line vkui/no-object-expression-in-arguments\n~~ vkuiClass={classNames(\n ~~getClassName(~~\"ModalPage\", platform),\n `ModalPage--sizeX-${sizeX}~~`,\~~n {\~~n \~~"ModalPage--desktop\"~~: isDesktop~~,\n }\n )}\n >\n <div vkuiClass=\"ModalPage__in-wrap\" ref={refs.innerElement}>\n <div vkuiClass=\"ModalPage__in\">\n <div vkuiClass=\"ModalPage__header\" ref={refs.headerElement}>\n {header}\n </div>\n\n <div vkuiClass=\"ModalPage__content-wrap\">\n <div\n vkuiClass=\"ModalPage__content\"\n ref={multiRef<HTMLDivElement>(\n refs.contentElement,\n getModalContentRef\n )}\n >\n <div vkuiClass=\"ModalPage__content-in\">{children}</div>\n </div>\n </div>\n {~~canShowCloseBtn~~ && (\n <ModalDismissButton onClick={onClose \|\| modalContext.onClose} />\n )}\n </div>\n </div>\n </div>\n );\n};\n\n/\n @see https://vkcom.github.io/VKUI/#/ModalPage\n */\nexport const ModalPage = withAdaptivity(ModalPageComponent, {\n viewWidth: true,\n viewHeight: true,\n sizeX: true,\n hasMouse: true,\n});\n\nModalPage.displayName = \"ModalPage\";\n"],"~~file~~":"~~ModalPage.js~~"}
1	+ {"version":3,"file":"ModalPage.js","names":["warn","warnOnce","ModalPageComponent","children","header","size","sizeProp","viewWidth","viewHeight","sizeX","hasMouse","onOpen","onOpened","onClose","onClosed","settlingHeight","dynamicContentHeight","getModalContentRef","nav","id","hideCloseButton","restProps","React","useContext","ModalRootContext","updateModalHeight","platform","usePlatform","orientation","useOrientationChange","useEffect","isDesktop","useAdaptivityIsDesktop","isCloseButtonShown","modalContext","useModalRegistry","getNavId","ModalType","PAGE","refs","classNames","Platform","IOS","VKCOM","innerElement","headerElement","multiRef","contentElement","ModalPage","withAdaptivity","displayName"],"sources":["../../../../src/components/ModalPage/ModalPage.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { classNames } from \"../../lib/classNames\";\nimport {\n ModalRootContext,\n useModalRegistry,\n} from \"../ModalRoot/ModalRootContext\";\nimport { usePlatform } from \"../../hooks/usePlatform\";\nimport { useOrientationChange } from \"../../hooks/useOrientationChange\";\nimport { withAdaptivity } from \"../../hoc/withAdaptivity\";\nimport {\n AdaptivityContextInterface,\n AdaptivityProps,\n} from \"../AdaptivityProvider/AdaptivityContext\";\nimport { ModalDismissButton } from \"../ModalDismissButton/ModalDismissButton\";\nimport { multiRef } from \"../../lib/utils\";\nimport { ModalType } from \"../ModalRoot/types\";\nimport { getNavId, NavIdProps } from \"../../lib/getNavId\";\nimport { warnOnce } from \"../../lib/warnOnce\";\nimport { Platform } from \"../../lib/platform\";\nimport { useAdaptivityIsDesktop } from \"../../hooks/useAdaptivity\";\nimport \"./ModalPage.css\";\n\nexport interface ModalPageProps\n extends React.HTMLAttributes<HTMLDivElement>,\n AdaptivityProps,\n NavIdProps {\n /*\n Шапка модальной страницы, `<ModalPageHeader />`\n /\n header?: React.ReactNode;\n /\n Задаёт контенту максимальную ширину.\n \n > ⚠️ Заметки:\n * > - Для `viewWidth < SMALL_TABLET_SIZE` будет всегда `\"s\"`\n * > - Для `platform === VKCOM` максимальная ширина зашита, её не изменить.\n /\n size?: \"s\" \| \"m\" \| \"l\";\n /\n Будет вызвано при начале открытия модалки.\n /\n onOpen?: VoidFunction;\n /\n Будет вызвано при окончательном открытии модалки.\n /\n onOpened?: VoidFunction;\n /\n Будет вызвано при начале закрытия модалки.\n /\n onClose?: VoidFunction;\n /\n Будет вызвано при окончательном закрытии модалки.\n /\n onClosed?: VoidFunction;\n /\n Процент, на который изначально будет открыта модальная страница. При `settlingHeight={100}` модальная страница раскрывается на всю высоту.\n /\n settlingHeight?: number;\n /\n Если высота контента в модальной странице может поменяться, нужно установить это свойство\n /\n dynamicContentHeight?: boolean;\n getModalContentRef?: React.Ref<HTMLDivElement>;\n /\n Скрывает кнопку закрытия (актуально для iOS, т.к. можно отрисовать кнопку закрытия внутри модалки)\n /\n hideCloseButton?: boolean;\n}\n\nconst warn = warnOnce(\"ModalPage\");\n\nconst ModalPageComponent = ({\n children,\n header,\n size: sizeProp = \"s\",\n viewWidth,\n viewHeight,\n sizeX,\n hasMouse,\n onOpen,\n onOpened,\n onClose,\n onClosed,\n settlingHeight, // 75\n dynamicContentHeight,\n getModalContentRef,\n nav,\n id,\n hideCloseButton = false,\n ...restProps\n}: ModalPageProps & AdaptivityContextInterface) => {\n const { updateModalHeight } = React.useContext(ModalRootContext);\n\n const platform = usePlatform();\n const orientation = useOrientationChange();\n\n React.useEffect(updateModalHeight, [\n children,\n orientation,\n updateModalHeight,\n ]);\n\n const isDesktop = useAdaptivityIsDesktop();\n const isCloseButtonShown = !hideCloseButton && isDesktop;\n const size = isDesktop ? sizeProp : \"s\";\n\n const modalContext = React.useContext(ModalRootContext);\n const { refs } = useModalRegistry(\n getNavId({ nav, id }, warn),\n ModalType.PAGE\n );\n\n return (\n <div\n {...restProps}\n id={id}\n vkuiClass={classNames(\n \"ModalPage\",\n platform === Platform.IOS && \"ModalPage--ios\",\n platform === Platform.VKCOM && \"ModalPage--vkcom\",\n `ModalPage--sizeX-${sizeX}`, // TODO v5.0.0 поправить под новую адаптивность\n isDesktop && \"ModalPage--desktop\",\n size && `ModalPage--${size}`\n )}\n >\n <div vkuiClass=\"ModalPage__in-wrap\" ref={refs.innerElement}>\n <div vkuiClass=\"ModalPage__in\">\n <div vkuiClass=\"ModalPage__header\" ref={refs.headerElement}>\n {header}\n </div>\n\n <div vkuiClass=\"ModalPage__content-wrap\">\n <div\n vkuiClass=\"ModalPage__content\"\n ref={multiRef<HTMLDivElement>(\n refs.contentElement,\n getModalContentRef\n )}\n >\n <div vkuiClass=\"ModalPage__content-in\">{children}</div>\n </div>\n </div>\n {isCloseButtonShown && (\n <ModalDismissButton onClick={onClose \|\| modalContext.onClose} />\n )}\n </div>\n </div>\n </div>\n );\n};\n\n/\n @see https://vkcom.github.io/VKUI/#/ModalPage\n */\nexport const ModalPage = withAdaptivity(ModalPageComponent, {\n viewWidth: true,\n viewHeight: true,\n sizeX: true,\n hasMouse: true,\n});\n\nModalPage.displayName = \"ModalPage\";\n"],"mappings":"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"}

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

@@ -25,8 +25,6 @@ var _PanelHeader = require("../PanelHeader/PanelHeader");
 var _classNames = require("../../lib/classNames");
-var _getClassName = require("../../helpers/getClassName");
 var _excluded = ["children", "separator", "getRef"];
 /**
@@ -39,10 +37,11 @@ var ModalPageHeader = function ModalPageHeader(_ref) {
       getRef = _ref.getRef,
       restProps = (0, _objectWithoutProperties2.default)(_ref, _excluded);
   var platform = (0, _usePlatform.usePlatform)();
-  var hasSeparator = separator && platform === _platform.VKCOM;
+  var hasSeparator = separator && platform === _platform.VKCOM; // TODO v5.0.0 поправить под новую адаптивность
   var isDesktop = (0, _useAdaptivity.useAdaptivityIsDesktop)();
   return (0, _jsxRuntime.createScopedElement)("div", {
-    vkuiClass: (0, _classNames.classNames)((0, _getClassName.getClassName)("ModalPageHeader", platform), isDesktop && "ModalPageHeader--desktop"),
+    vkuiClass: (0, _classNames.classNames)("ModalPageHeader", platform !== _platform.VKCOM && "ModalPageHeader--withGaps", isDesktop && "ModalPageHeader--desktop"),
     ref: getRef
   }, (0, _jsxRuntime.createScopedElement)(_PanelHeader.PanelHeader, (0, _extends2.default)({
     vkuiClass: "ModalPageHeader__in"

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

	@@ -1 +1 @@
1	- {"version":3,"~~sources~~":["~~../../../../src/components/~~ModalPageHeader~~/ModalPageHeader~~.~~tsx~~"],"names":["ModalPageHeader","children","separator","getRef","restProps","platform","hasSeparator","VKCOM","isDesktop"],"~~mappings~~":";;;;;;;;;;;;;;;AACA;;AACA;;AAEA;;AACA;;AACA;;AACA;;AACA;;;;AAQA;AACA;AACA;AACO,IAAMA,eAAe,GAAG,SAAlBA,eAAkB,OAKH;AAAA,MAJ1BC,QAI0B,QAJ1BA,QAI0B;AAAA,4BAH1BC,SAG0B;AAAA,MAH1BA,SAG0B,+BAHd,IAGc;AAAA,MAF1BC,MAE0B,QAF1BA,MAE0B;AAAA,MADvBC,SACuB;AAC1B,MAAMC,QAAQ,GAAG,+BAAjB;AACA,MAAMC,YAAY,GAAGJ,SAAS,IAAIG,QAAQ,KAAKE,eAA/C;AACA,MAAMC,SAAS,GAAG,4CAAlB;AAEA,SACE;AACE,IAAA,SAAS,EAAE,4BACT,gCAAa,iBAAb,EAAgCH,QAAhC,CADS,EAETG,SAAS,IAAI,0BAFJ,CADb;AAKE,IAAA,GAAG,EAAEL;AALP,KAOE,qCAAC,wBAAD;AACE,IAAA,SAAS,EAAC;AADZ,KAEMC,SAFN;AAGE,IAAA,KAAK,EAAE,KAHT;AAIE,IAAA,SAAS,EAAE,KAJb;AAKE,IAAA,WAAW;AALb,MAOGH,QAPH,CAPF,EAgBGK,YAAY,IAAI,qCAAC,oBAAD;AAAW,IAAA,IAAI;AAAf,IAhBnB,CADF;AAoBD,CA9BM","sourcesContent":["import * as React from \"react\";\nimport { usePlatform } from \"../../hooks/usePlatform\";\nimport { useAdaptivityIsDesktop } from \"../../hooks/useAdaptivity\";\nimport { HasRef } from \"../../types\";\nimport { VKCOM } from \"../../lib/platform\";\nimport { Separator } from \"../Separator/Separator\";\nimport { PanelHeader, PanelHeaderProps } from \"../PanelHeader/PanelHeader\";\nimport { classNames } from \"../../lib/classNames\";\nimport ~~{ getClassName } from~~ \"~~../../helpers/getClassName\";\nimport \"~~./ModalPageHeader.css\";\n\nexport interface ModalPageHeaderProps\n extends React.HTMLAttributes<HTMLDivElement>,\n Omit<PanelHeaderProps, \"fixed\" \| \"shadow\">,\n HasRef<HTMLDivElement> {}\n\n/*\n @see https://vkcom.github.io/VKUI/#/ModalPageHeader\n */\nexport const ModalPageHeader = ({\n children,\n separator = true,\n getRef,\n ...restProps\n}: ModalPageHeaderProps) => {\n const platform = usePlatform();\n const hasSeparator = separator && platform === VKCOM;\n const isDesktop = useAdaptivityIsDesktop();\n\n return (\n <div\n vkuiClass={classNames(\n ~~getClassName(~~\"ModalPageHeader\", ~~platform)~~,\n isDesktop && \"ModalPageHeader--desktop\"\n )}\n ref={getRef}\n >\n <PanelHeader\n vkuiClass=\"ModalPageHeader__in\"\n {...restProps}\n fixed={false}\n separator={false}\n transparent\n >\n {children}\n </PanelHeader>\n {hasSeparator && <Separator wide />}\n </div>\n );\n};\n"],"~~file~~":"~~ModalPageHeader.js~~"}
1	+ {"version":3,"file":"ModalPageHeader.js","names":["ModalPageHeader","children","separator","getRef","restProps","platform","usePlatform","hasSeparator","VKCOM","isDesktop","useAdaptivityIsDesktop","classNames"],"sources":["../../../../src/components/ModalPageHeader/ModalPageHeader.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { usePlatform } from \"../../hooks/usePlatform\";\nimport { useAdaptivityIsDesktop } from \"../../hooks/useAdaptivity\";\nimport { HasRef } from \"../../types\";\nimport { VKCOM } from \"../../lib/platform\";\nimport { Separator } from \"../Separator/Separator\";\nimport { PanelHeader, PanelHeaderProps } from \"../PanelHeader/PanelHeader\";\nimport { classNames } from \"../../lib/classNames\";\nimport \"./ModalPageHeader.css\";\n\nexport interface ModalPageHeaderProps\n extends React.HTMLAttributes<HTMLDivElement>,\n Omit<PanelHeaderProps, \"fixed\" \| \"shadow\">,\n HasRef<HTMLDivElement> {}\n\n/*\n @see https://vkcom.github.io/VKUI/#/ModalPageHeader\n */\nexport const ModalPageHeader = ({\n children,\n separator = true,\n getRef,\n ...restProps\n}: ModalPageHeaderProps) => {\n const platform = usePlatform();\n const hasSeparator = separator && platform === VKCOM;\n // TODO v5.0.0 поправить под новую адаптивность\n const isDesktop = useAdaptivityIsDesktop();\n\n return (\n <div\n vkuiClass={classNames(\n \"ModalPageHeader\",\n platform !== VKCOM && \"ModalPageHeader--withGaps\",\n isDesktop && \"ModalPageHeader--desktop\"\n )}\n ref={getRef}\n >\n <PanelHeader\n vkuiClass=\"ModalPageHeader__in\"\n {...restProps}\n fixed={false}\n separator={false}\n transparent\n >\n {children}\n </PanelHeader>\n {hasSeparator && <Separator wide />}\n </div>\n );\n};\n"],"mappings":";;;;;;;;;;;;;;;AACA;;AACA;;AAEA;;AACA;;AACA;;AACA;;;;AAQA;AACA;AACA;AACO,IAAMA,eAAe,GAAG,SAAlBA,eAAkB,OAKH;EAAA,IAJ1BC,QAI0B,QAJ1BA,QAI0B;EAAA,0BAH1BC,SAG0B;EAAA,IAH1BA,SAG0B,+BAHd,IAGc;EAAA,IAF1BC,MAE0B,QAF1BA,MAE0B;EAAA,IADvBC,SACuB;EAC1B,IAAMC,QAAQ,GAAG,IAAAC,wBAAA,GAAjB;EACA,IAAMC,YAAY,GAAGL,SAAS,IAAIG,QAAQ,KAAKG,eAA/C,CAF0B,CAG1B;;EACA,IAAMC,SAAS,GAAG,IAAAC,qCAAA,GAAlB;EAEA,OACE;IACE,SAAS,EAAE,IAAAC,sBAAA,EACT,iBADS,EAETN,QAAQ,KAAKG,eAAb,IAAsB,2BAFb,EAGTC,SAAS,IAAI,0BAHJ,CADb;IAME,GAAG,EAAEN;EANP,GAQE,qCAAC,wBAAD;IACE,SAAS,EAAC;EADZ,GAEMC,SAFN;IAGE,KAAK,EAAE,KAHT;IAIE,SAAS,EAAE,KAJb;IAKE,WAAW;EALb,IAOGH,QAPH,CARF,EAiBGM,YAAY,IAAI,qCAAC,oBAAD;IAAW,IAAI;EAAf,EAjBnB,CADF;AAqBD,CAhCM"}

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

@@ -673,13 +673,8 @@ var ModalRootTouchComponent = /*#__PURE__*/function (_React$Component) {
         value: true
       }, (0, _jsxRuntime.createScopedElement)(_ModalRootContext.ModalRootContext.Provider, {
         value: this.modalRootContext
-      }, (0, _jsxRuntime.createScopedElement)(_Touch.Touch // eslint-disable-next-line vkui/no-object-expression-in-arguments
-      , {
-        vkuiClass: (0, _classNames.classNames)((0, _getClassName.getClassName)("ModalRoot", this.props.platform), {
-          "ModalRoot--vkapps": ((_this$props$configPro = this.props.configProvider) === null || _this$props$configPro === void 0 ? void 0 : _this$props$configPro.webviewType) === _ConfigProviderContext.WebviewType.VKAPPS,
-          "ModalRoot--touched": touchDown,
-          "ModalRoot--switching": !!(enteringModal || exitingModal)
-        }),
+      }, (0, _jsxRuntime.createScopedElement)(_Touch.Touch, {
+        vkuiClass: (0, _classNames.classNames)((0, _getClassName.getClassName)("ModalRoot", this.props.platform), ((_this$props$configPro = this.props.configProvider) === null || _this$props$configPro === void 0 ? void 0 : _this$props$configPro.webviewType) === _ConfigProviderContext.WebviewType.VKAPPS && "ModalRoot--vkapps", touchDown && "ModalRoot--touched", !!(enteringModal || exitingModal) && "ModalRoot--switching"),
         onMove: this.onTouchMove,
         onEnd: this.onTouchEnd,
         onScroll: this.onScroll
@@ -712,17 +707,8 @@ var ModalRootTouchComponent = /*#__PURE__*/function (_React$Component) {
             }
           },
           onClose: _this7.props.onExit,
-          timeout: _this7.timeout // eslint-disable-next-line vkui/no-object-expression-in-arguments
-          ,
-          vkuiClass: (0, _classNames.classNames)("ModalRoot__modal", {
-            "ModalRoot__modal--active": modalId === activeModal,
-            "ModalRoot__modal--prev": modalId === exitingModal,
-            "ModalRoot__modal--next": exitingModal && modalId === activeModal || modalId === enteringModal,
-            "ModalRoot__modal--dragging": dragging,
-            "ModalRoot__modal--expandable": isPage && modalState.expandable,
-            "ModalRoot__modal--expanded": isPage && modalState.expanded,
-            "ModalRoot__modal--collapsed": isPage && modalState.collapsed
-          }),
+          timeout: _this7.timeout,
+          vkuiClass: (0, _classNames.classNames)("ModalRoot__modal", modalId === activeModal && "ModalRoot__modal--active", modalId === exitingModal && "ModalRoot__modal--prev", (exitingModal && modalId === activeModal || modalId === enteringModal) && "ModalRoot__modal--next", dragging && "ModalRoot__modal--dragging", isPage && modalState.expandable && "ModalRoot__modal--expandable", isPage && modalState.expanded && "ModalRoot__modal--expanded", isPage && modalState.collapsed && "ModalRoot__modal--collapsed"),
           restoreFocus: false
         }, Modal);
       })))));