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/components/HoverPopper/HoverPopper.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"~~sources~~":["~~../../../src/components/~~HoverPopper~~/HoverPopper~~.~~tsx~~"],"names":["React","Popper","useEventListener","useTimeout","usePatchChildrenRef","useIsomorphicLayoutEffect","HoverPopper","getRef","content","children","onShownChange","_shown","shown","showDelay","hideDelay","restProps","useState","computedShown","setComputedShown","setShown","value","showTimeout","hideTimeout","childRef","child","onTargetEnter","clear","set","onTargetLeave","targetEnterListener","targetLeaveListener","current","add"],"~~mappings~~":";;;;;AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,SAASC,MAAT;AACA,SAASC,gBAAT;AACA,SAASC,UAAT;AACA,SAASC,mBAAT;AACA,SAASC,yBAAT;AA6BA,OAAO,IAAMC,WAAW,GAAG,SAAdA,WAAc,OASH;AAAA,MARtBC,MAQsB,QARtBA,MAQsB;AAAA,MAPtBC,OAOsB,QAPtBA,OAOsB;AAAA,MANtBC,QAMsB,QANtBA,QAMsB;AAAA,MALtBC,aAKsB,QALtBA,aAKsB;AAAA,MAJfC,MAIe,QAJtBC,KAIsB;AAAA,4BAHtBC,SAGsB;AAAA,MAHtBA,SAGsB,+BAHV,GAGU;AAAA,4BAFtBC,SAEsB;AAAA,MAFtBA,SAEsB,+BAFV,GAEU;AAAA,MADnBC,SACmB;;AACtB,wBAA0Cf,KAAK,CAACgB,QAAN,CAAeL,MAAM,IAAI,KAAzB,CAA1C;AAAA;AAAA,MAAOM,aAAP;AAAA,MAAsBC,gBAAtB;;AAEA,MAAMN,KAAK,GAAG,OAAOD,MAAP,KAAkB,SAAlB,GAA8BA,MAA9B,GAAuCM,aAArD;;AAEA,MAAME,QAAQ,GAAG,SAAXA,QAAW,CAACC,KAAD,EAAoB;AACnC,QAAI,OAAOT,MAAP,KAAkB,SAAtB,EAAiC;AAC/BO,MAAAA,gBAAgB,CAACE,KAAD,CAAhB;AACD;;AACD,WAAOV,aAAP,KAAyB,UAAzB,IAAuCA,aAAa,CAACU,KAAD,CAApD;AACD,GALD;;AAOA,MAAMC,WAAW,GAAGlB,UAAU,CAAC,YAAM;AACnCgB,IAAAA,QAAQ,CAAC,IAAD,CAAR;AACD,GAF6B,EAE3BN,SAF2B,CAA9B;AAIA,MAAMS,WAAW,GAAGnB,UAAU,CAAC,YAAM;AACnCgB,IAAAA,QAAQ,CAAC,KAAD,CAAR;AACD,GAF6B,EAE3BL,SAF2B,CAA9B;;AAIA,6BAA0BV,mBAAmB,CAACK,QAAD,CAA7C;AAAA;AAAA,MAAOc,QAAP;AAAA,MAAiBC,KAAjB;;AAEA,MAAMC,aAAa,GAAG,SAAhBA,aAAgB,GAAM;AAC1BH,IAAAA,WAAW,CAACI,KAAZ;AACAL,IAAAA,WAAW,CAACM,GAAZ;AACD,GAHD;;AAKA,MAAMC,aAAa,GAAG,SAAhBA,aAAgB,GAAM;AAC1BP,IAAAA,WAAW,CAACK,KAAZ;AACAJ,IAAAA,WAAW,CAACK,GAAZ;AACD,GAHD;;AAKA,MAAME,mBAAmB,GAAG3B,gBAAgB,CAAC,cAAD,EAAiBuB,aAAjB,CAA5C;AACA,MAAMK,mBAAmB,GAAG5B,gBAAgB,CAAC,cAAD,EAAiB0B,aAAjB,CAA5C;AAEAvB,EAAAA,yBAAyB,CAAC,YAAM;AAC9B,QAAIkB,QAAQ,CAACQ,OAAb,EAAsB;AACpBF,MAAAA,mBAAmB,CAACG,GAApB,CAAwBT,QAAQ,CAACQ,OAAjC;AACAD,MAAAA,mBAAmB,CAACE,GAApB,CAAwBT,QAAQ,CAACQ,OAAjC;AACD;AACF,GALwB,EAKtB,EALsB,CAAzB;AAOA,SACE,oBAAC,KAAD,CAAO,QAAP,QACGP,KADH,EAEGZ,KAAK,IACJ,oBAAC,MAAD,eACMG,SADN;AAEE,IAAA,WAAW,EAAEO,WAAW,CAACI,KAF3B;AAGE,IAAA,UAAU,EAAEE,aAHd;AAIE,IAAA,MAAM,EAAErB,MAJV;AAKE,IAAA,SAAS,EAAEgB;AALb,MAOGf,OAPH,CAHJ,CADF;AAgBD,CAnEM","sourcesContent":["import * as React from \"react\";\nimport { Popper, PopperCommonProps } from \"../Popper/Popper\";\nimport { useEventListener } from \"../../hooks/useEventListener\";\nimport { useTimeout } from \"../../hooks/useTimeout\";\nimport { usePatchChildrenRef } from \"../../hooks/usePatchChildrenRef\";\nimport { useIsomorphicLayoutEffect } from \"../../lib/useIsomorphicLayoutEffect\";\n\nexport interface HoverPopperProps extends PopperCommonProps {\n /*\n Содержимое тултипа\n /\n content?: React.ReactNode;\n /\n Если передан, то тултип будет показан/скрыт в зависимости от значения свойства\n /\n shown?: boolean;\n /\n Вызывается при каждом изменении видимости тултипа\n /\n onShownChange?: (shown: boolean) => void;\n /\n Количество миллисекунд, после которых произойдет показ дропдауна\n /\n showDelay?: number;\n /\n Количество миллисекунд, после которых произойдет скрытие дропдауна\n /\n hideDelay?: number;\n /\n Либо jsx-элемент (div, button, etc.), либо компонент со свойством `getRootRef`, которое применяется к корневому элементу компонента\n */\n children?: React.ReactElement;\n}\n\nexport const HoverPopper = ({\n getRef,\n content,\n children,\n onShownChange,\n shown: _shown,\n showDelay = 150,\n hideDelay = 150,\n ...restProps\n}: HoverPopperProps) => {\n const [computedShown, setComputedShown] = React.useState(_shown \|\| false);\n\n const shown = typeof _shown === \"boolean\" ? _shown : computedShown;\n\n const setShown = (value: boolean) => {\n if (typeof _shown !== \"boolean\") {\n setComputedShown(value);\n }\n typeof onShownChange === \"function\" && onShownChange(value);\n };\n\n const showTimeout = useTimeout(() => {\n setShown(true);\n }, showDelay);\n\n const hideTimeout = useTimeout(() => {\n setShown(false);\n }, hideDelay);\n\n const [childRef, child] = usePatchChildrenRef(children);\n\n const onTargetEnter = () => {\n hideTimeout.clear();\n showTimeout.set();\n };\n\n const onTargetLeave = () => {\n showTimeout.clear();\n hideTimeout.set();\n };\n\n const targetEnterListener = useEventListener(\"pointerenter\", onTargetEnter);\n const targetLeaveListener = useEventListener(\"pointerleave\", onTargetLeave);\n\n useIsomorphicLayoutEffect(() => {\n if (childRef.current) {\n targetEnterListener.add(childRef.current);\n targetLeaveListener.add(childRef.current);\n }\n }, []);\n\n return (\n <React.Fragment>\n {child}\n {shown && (\n <Popper\n {...restProps}\n onMouseOver={hideTimeout.clear}\n onMouseOut={onTargetLeave}\n getRef={getRef}\n targetRef={childRef}\n >\n {content}\n </Popper>\n )}\n </React.Fragment>\n );\n};\n"],"~~file~~":"~~HoverPopper.js~~"}
1	+ {"version":3,"file":"HoverPopper.js","names":["React","Popper","useEventListener","useTimeout","usePatchChildrenRef","useIsomorphicLayoutEffect","HoverPopper","getRef","content","children","onShownChange","_shown","shown","showDelay","hideDelay","restProps","useState","computedShown","setComputedShown","setShown","value","showTimeout","hideTimeout","childRef","child","onTargetEnter","clear","set","onTargetLeave","targetEnterListener","targetLeaveListener","current","add"],"sources":["../../../src/components/HoverPopper/HoverPopper.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { Popper, PopperCommonProps } from \"../Popper/Popper\";\nimport { useEventListener } from \"../../hooks/useEventListener\";\nimport { useTimeout } from \"../../hooks/useTimeout\";\nimport { usePatchChildrenRef } from \"../../hooks/usePatchChildrenRef\";\nimport { useIsomorphicLayoutEffect } from \"../../lib/useIsomorphicLayoutEffect\";\n\nexport interface HoverPopperProps extends PopperCommonProps {\n /*\n Содержимое тултипа\n /\n content?: React.ReactNode;\n /\n Если передан, то тултип будет показан/скрыт в зависимости от значения свойства\n /\n shown?: boolean;\n /\n Вызывается при каждом изменении видимости тултипа\n /\n onShownChange?: (shown: boolean) => void;\n /\n Количество миллисекунд, после которых произойдет показ дропдауна\n /\n showDelay?: number;\n /\n Количество миллисекунд, после которых произойдет скрытие дропдауна\n /\n hideDelay?: number;\n /\n Либо jsx-элемент (div, button, etc.), либо компонент со свойством `getRootRef`, которое применяется к корневому элементу компонента\n */\n children?: React.ReactElement;\n}\n\nexport const HoverPopper = ({\n getRef,\n content,\n children,\n onShownChange,\n shown: _shown,\n showDelay = 150,\n hideDelay = 150,\n ...restProps\n}: HoverPopperProps) => {\n const [computedShown, setComputedShown] = React.useState(_shown \|\| false);\n\n const shown = typeof _shown === \"boolean\" ? _shown : computedShown;\n\n const setShown = (value: boolean) => {\n if (typeof _shown !== \"boolean\") {\n setComputedShown(value);\n }\n typeof onShownChange === \"function\" && onShownChange(value);\n };\n\n const showTimeout = useTimeout(() => {\n setShown(true);\n }, showDelay);\n\n const hideTimeout = useTimeout(() => {\n setShown(false);\n }, hideDelay);\n\n const [childRef, child] = usePatchChildrenRef(children);\n\n const onTargetEnter = () => {\n hideTimeout.clear();\n showTimeout.set();\n };\n\n const onTargetLeave = () => {\n showTimeout.clear();\n hideTimeout.set();\n };\n\n const targetEnterListener = useEventListener(\"pointerenter\", onTargetEnter);\n const targetLeaveListener = useEventListener(\"pointerleave\", onTargetLeave);\n\n useIsomorphicLayoutEffect(() => {\n if (childRef.current) {\n targetEnterListener.add(childRef.current);\n targetLeaveListener.add(childRef.current);\n }\n }, []);\n\n return (\n <React.Fragment>\n {child}\n {shown && (\n <Popper\n {...restProps}\n onMouseOver={hideTimeout.clear}\n onMouseOut={onTargetLeave}\n getRef={getRef}\n targetRef={childRef}\n >\n {content}\n </Popper>\n )}\n </React.Fragment>\n );\n};\n"],"mappings":";;;;;AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,SAASC,MAAT;AACA,SAASC,gBAAT;AACA,SAASC,UAAT;AACA,SAASC,mBAAT;AACA,SAASC,yBAAT;AA6BA,OAAO,IAAMC,WAAW,GAAG,SAAdA,WAAc,OASH;EAAA,IARtBC,MAQsB,QARtBA,MAQsB;EAAA,IAPtBC,OAOsB,QAPtBA,OAOsB;EAAA,IANtBC,QAMsB,QANtBA,QAMsB;EAAA,IALtBC,aAKsB,QALtBA,aAKsB;EAAA,IAJfC,MAIe,QAJtBC,KAIsB;EAAA,0BAHtBC,SAGsB;EAAA,IAHtBA,SAGsB,+BAHV,GAGU;EAAA,0BAFtBC,SAEsB;EAAA,IAFtBA,SAEsB,+BAFV,GAEU;EAAA,IADnBC,SACmB;;EACtB,sBAA0Cf,KAAK,CAACgB,QAAN,CAAeL,MAAM,IAAI,KAAzB,CAA1C;EAAA;EAAA,IAAOM,aAAP;EAAA,IAAsBC,gBAAtB;;EAEA,IAAMN,KAAK,GAAG,OAAOD,MAAP,KAAkB,SAAlB,GAA8BA,MAA9B,GAAuCM,aAArD;;EAEA,IAAME,QAAQ,GAAG,SAAXA,QAAW,CAACC,KAAD,EAAoB;IACnC,IAAI,OAAOT,MAAP,KAAkB,SAAtB,EAAiC;MAC/BO,gBAAgB,CAACE,KAAD,CAAhB;IACD;;IACD,OAAOV,aAAP,KAAyB,UAAzB,IAAuCA,aAAa,CAACU,KAAD,CAApD;EACD,CALD;;EAOA,IAAMC,WAAW,GAAGlB,UAAU,CAAC,YAAM;IACnCgB,QAAQ,CAAC,IAAD,CAAR;EACD,CAF6B,EAE3BN,SAF2B,CAA9B;EAIA,IAAMS,WAAW,GAAGnB,UAAU,CAAC,YAAM;IACnCgB,QAAQ,CAAC,KAAD,CAAR;EACD,CAF6B,EAE3BL,SAF2B,CAA9B;;EAIA,2BAA0BV,mBAAmB,CAACK,QAAD,CAA7C;EAAA;EAAA,IAAOc,QAAP;EAAA,IAAiBC,KAAjB;;EAEA,IAAMC,aAAa,GAAG,SAAhBA,aAAgB,GAAM;IAC1BH,WAAW,CAACI,KAAZ;IACAL,WAAW,CAACM,GAAZ;EACD,CAHD;;EAKA,IAAMC,aAAa,GAAG,SAAhBA,aAAgB,GAAM;IAC1BP,WAAW,CAACK,KAAZ;IACAJ,WAAW,CAACK,GAAZ;EACD,CAHD;;EAKA,IAAME,mBAAmB,GAAG3B,gBAAgB,CAAC,cAAD,EAAiBuB,aAAjB,CAA5C;EACA,IAAMK,mBAAmB,GAAG5B,gBAAgB,CAAC,cAAD,EAAiB0B,aAAjB,CAA5C;EAEAvB,yBAAyB,CAAC,YAAM;IAC9B,IAAIkB,QAAQ,CAACQ,OAAb,EAAsB;MACpBF,mBAAmB,CAACG,GAApB,CAAwBT,QAAQ,CAACQ,OAAjC;MACAD,mBAAmB,CAACE,GAApB,CAAwBT,QAAQ,CAACQ,OAAjC;IACD;EACF,CALwB,EAKtB,EALsB,CAAzB;EAOA,OACE,oBAAC,KAAD,CAAO,QAAP,QACGP,KADH,EAEGZ,KAAK,IACJ,oBAAC,MAAD,eACMG,SADN;IAEE,WAAW,EAAEO,WAAW,CAACI,KAF3B;IAGE,UAAU,EAAEE,aAHd;IAIE,MAAM,EAAErB,MAJV;IAKE,SAAS,EAAEgB;EALb,IAOGf,OAPH,CAHJ,CADF;AAgBD,CAnEM"}

package/dist/components/IconButton/IconButton.js CHANGED Viewed

@@ -24,10 +24,11 @@ var IconButtonComponent = function IconButtonComponent(_ref) {
     warn("Свойство icon устарело и будет удалено в 5.0.0. Используйте children");
   }
-  return createScopedElement(Tappable, _extends({}, restProps, {
-    Component: restProps.href ? "a" : Component,
+  return createScopedElement(Tappable, _extends({
     activeEffectDelay: 200,
-    activeMode: "background",
+    activeMode: "background"
+  }, restProps, {
+    Component: restProps.href ? "a" : Component,
     vkuiClass: classNames("IconButton", "IconButton--sizeY-".concat(sizeY), platform === IOS && "IconButton--ios")
   }), icon || children);
 };

package/dist/components/IconButton/IconButton.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"~~sources~~":["~~../../../src/components/~~IconButton~~/IconButton~~.~~tsx~~"],"names":["Tappable","classNames","usePlatform","withAdaptivity","IOS","warnOnce","warn","IconButtonComponent","icon","sizeY","children","Component","restProps","platform","process","env","NODE_ENV","href","IconButton","displayName"],"~~mappings~~":";;;;AACA,SAAwBA,QAAxB;AACA,SAASC,UAAT;AACA,SAASC,WAAT;AACA,SAASC,cAAT;AACA,SAASC,GAAT;AACA,SAASC,QAAT;AAWA,IAAMC,IAAI,GAAGD,QAAQ,CAAC,YAAD,CAArB;;AAEA,IAAME,mBAAmB,GAAG,SAAtBA,mBAAsB,OAML;AAAA,MALrBC,IAKqB,QALrBA,IAKqB;AAAA,MAJrBC,KAIqB,QAJrBA,KAIqB;AAAA,MAHrBC,QAGqB,QAHrBA,QAGqB;AAAA,4BAFrBC,SAEqB;AAAA,MAFrBA,SAEqB,+BAFT,QAES;AAAA,MADlBC,SACkB;;AACrB,MAAMC,QAAQ,GAAGX,WAAW,EAA5B;;AAEA,MAAIM,IAAI,IAAIM,OAAO,CAACC,GAAR,CAAYC,QAAZ,KAAyB,aAArC,EAAoD;AAClDV,IAAAA,IAAI,CACF,sEADE,CAAJ;AAGD;;AAED,SACE,oBAAC,QAAD,eACMM,SADN;AAEE,IAAA,SAAS,EAAEA,SAAS,CAACK,IAAV,GAAiB,GAAjB,GAAuBN,SAFpC;AAGE,IAAA,iBAAiB,EAAE,GAHrB;AAIE,IAAA,UAAU,EAAC,YAJb;AAKE,IAAA,SAAS,EAAEV,UAAU,CACnB,YADmB,8BAEEQ,KAFF,GAGnBI,QAAQ,KAAKT,GAAb,IAAoB,iBAHD;AALvB,MAWGI,IAAI,IAAIE,QAXX,CADF;AAeD,CA9BD;AAgCA;AACA;AACA;;;AACA,OAAO,IAAMQ,UAAU,GAAGf,cAAc,CAACI,mBAAD,EAAsB;AAC5DE,EAAAA,KAAK,EAAE;AADqD,CAAtB,CAAjC;AAIPS,UAAU,CAACC,WAAX,GAAyB,YAAzB","sourcesContent":["import * as React from \"react\";\nimport { TappableProps, Tappable } from \"../Tappable/Tappable\";\nimport { classNames } from \"../../lib/classNames\";\nimport { usePlatform } from \"../../hooks/usePlatform\";\nimport { withAdaptivity } from \"../../hoc/withAdaptivity\";\nimport { IOS } from \"../../lib/platform\";\nimport { warnOnce } from \"../../lib/warnOnce\";\nimport \"./IconButton.css\";\n\nexport interface IconButtonProps extends TappableProps {\n children?: React.ReactNode;\n /*\n @deprecated будет удалено в 5.0.0. Используйте `children`\n /\n icon?: React.ReactNode;\n}\n\nconst warn = warnOnce(\"IconButton\");\n\nconst IconButtonComponent = ({\n icon,\n sizeY,\n children,\n Component = \"button\",\n ...restProps\n}: IconButtonProps) => {\n const platform = usePlatform();\n\n if (icon && process.env.NODE_ENV === \"development\") {\n warn(\n \"Свойство icon устарело и будет удалено в 5.0.0. Используйте children\"\n );\n }\n\n return (\n <Tappable\n {...restProps}\n Component={restProps.href ? \"a\" : Component}\n ~~activeEffectDelay={200}\n activeMode=\"background\"\n~~ vkuiClass={classNames(\n \"IconButton\",\n `IconButton--sizeY-${sizeY}`,\n platform === IOS && \"IconButton--ios\"\n )}\n >\n {icon \|\| children}\n </Tappable>\n );\n};\n\n/\n @see https://vkcom.github.io/VKUI/#/IconButton\n */\nexport const IconButton = withAdaptivity(IconButtonComponent, {\n sizeY: true,\n});\n\nIconButton.displayName = \"IconButton\";\n"],"~~file~~":"~~IconButton.js~~"}
1	+ {"version":3,"file":"IconButton.js","names":["Tappable","classNames","usePlatform","withAdaptivity","IOS","warnOnce","warn","IconButtonComponent","icon","sizeY","children","Component","restProps","platform","process","env","NODE_ENV","href","IconButton","displayName"],"sources":["../../../src/components/IconButton/IconButton.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { TappableProps, Tappable } from \"../Tappable/Tappable\";\nimport { classNames } from \"../../lib/classNames\";\nimport { usePlatform } from \"../../hooks/usePlatform\";\nimport { withAdaptivity } from \"../../hoc/withAdaptivity\";\nimport { IOS } from \"../../lib/platform\";\nimport { warnOnce } from \"../../lib/warnOnce\";\nimport \"./IconButton.css\";\n\nexport interface IconButtonProps extends TappableProps {\n children?: React.ReactNode;\n /*\n @deprecated будет удалено в 5.0.0. Используйте `children`\n /\n icon?: React.ReactNode;\n}\n\nconst warn = warnOnce(\"IconButton\");\n\nconst IconButtonComponent = ({\n icon,\n sizeY,\n children,\n Component = \"button\",\n ...restProps\n}: IconButtonProps) => {\n const platform = usePlatform();\n\n if (icon && process.env.NODE_ENV === \"development\") {\n warn(\n \"Свойство icon устарело и будет удалено в 5.0.0. Используйте children\"\n );\n }\n\n return (\n <Tappable\n activeEffectDelay={200}\n activeMode=\"background\"\n {...restProps}\n Component={restProps.href ? \"a\" : Component}\n vkuiClass={classNames(\n \"IconButton\",\n `IconButton--sizeY-${sizeY}`,\n platform === IOS && \"IconButton--ios\"\n )}\n >\n {icon \|\| children}\n </Tappable>\n );\n};\n\n/\n @see https://vkcom.github.io/VKUI/#/IconButton\n */\nexport const IconButton = withAdaptivity(IconButtonComponent, {\n sizeY: true,\n});\n\nIconButton.displayName = \"IconButton\";\n"],"mappings":";;;;AACA,SAAwBA,QAAxB;AACA,SAASC,UAAT;AACA,SAASC,WAAT;AACA,SAASC,cAAT;AACA,SAASC,GAAT;AACA,SAASC,QAAT;AAWA,IAAMC,IAAI,GAAGD,QAAQ,CAAC,YAAD,CAArB;;AAEA,IAAME,mBAAmB,GAAG,SAAtBA,mBAAsB,OAML;EAAA,IALrBC,IAKqB,QALrBA,IAKqB;EAAA,IAJrBC,KAIqB,QAJrBA,KAIqB;EAAA,IAHrBC,QAGqB,QAHrBA,QAGqB;EAAA,0BAFrBC,SAEqB;EAAA,IAFrBA,SAEqB,+BAFT,QAES;EAAA,IADlBC,SACkB;;EACrB,IAAMC,QAAQ,GAAGX,WAAW,EAA5B;;EAEA,IAAIM,IAAI,IAAIM,OAAO,CAACC,GAAR,CAAYC,QAAZ,KAAyB,aAArC,EAAoD;IAClDV,IAAI,CACF,sEADE,CAAJ;EAGD;;EAED,OACE,oBAAC,QAAD;IACE,iBAAiB,EAAE,GADrB;IAEE,UAAU,EAAC;EAFb,GAGMM,SAHN;IAIE,SAAS,EAAEA,SAAS,CAACK,IAAV,GAAiB,GAAjB,GAAuBN,SAJpC;IAKE,SAAS,EAAEV,UAAU,CACnB,YADmB,8BAEEQ,KAFF,GAGnBI,QAAQ,KAAKT,GAAb,IAAoB,iBAHD;EALvB,IAWGI,IAAI,IAAIE,QAXX,CADF;AAeD,CA9BD;AAgCA;AACA;AACA;;;AACA,OAAO,IAAMQ,UAAU,GAAGf,cAAc,CAACI,mBAAD,EAAsB;EAC5DE,KAAK,EAAE;AADqD,CAAtB,CAAjC;AAIPS,UAAU,CAACC,WAAX,GAAyB,YAAzB"}

package/dist/components/InfoRow/InfoRow.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"~~sources~~":["~~../../../src/components/~~InfoRow~~/InfoRow~~.~~tsx~~"],"names":["Subhead","Headline","hasReactNode","InfoRow","header","children","restProps"],"~~mappings~~":";;;;AACA,SAASA,OAAT;AACA,SAASC,QAAT;AACA,SAASC,YAAT;;AAOA;AACA;AACA;AACA,OAAO,IAAMC,OAAO,GAAG,SAAVA,OAAU;AAAA,MAAGC,MAAH,QAAGA,MAAH;AAAA,MAAWC,QAAX,QAAWA,QAAX;AAAA,MAAwBC,SAAxB;;AAAA,SACrB,oBAAC,QAAD,eAAcA,SAAd;AAAyB,IAAA,SAAS,EAAC,SAAnC;AAA6C,IAAA,MAAM,EAAC;AAApD,MACGJ,YAAY,CAACE,MAAD,CAAZ,IACC,oBAAC,OAAD;AAAS,IAAA,SAAS,EAAC,MAAnB;AAA0B,IAAA,SAAS,EAAC;AAApC,KACGA,MADH,CAFJ,EAMGC,QANH,CADqB;AAAA,CAAhB","sourcesContent":["import * as React from \"react\";\nimport { Subhead } from \"../Typography/Subhead/Subhead\";\nimport { Headline } from \"../Typography/Headline/Headline\";\nimport { hasReactNode } from \"../../lib/utils\";\nimport \"./InfoRow.css\";\n\nexport interface InfoRowProps extends React.HTMLAttributes<HTMLDivElement> {\n header: React.ReactNode;\n}\n\n/*\n @see https://vkcom.github.io/VKUI/#/InfoRow\n */\nexport const InfoRow = ({ header, children, ...restProps }: InfoRowProps) => (\n <Headline {...restProps} vkuiClass=\"InfoRow\" weight=\"3\">\n {hasReactNode(header) && (\n <Subhead Component=\"span\" vkuiClass=\"InfoRow__header\">\n {header}\n </Subhead>\n )}\n {children}\n </Headline>\n);\n"],"~~file~~":"~~InfoRow.js~~"}
1	+ {"version":3,"file":"InfoRow.js","names":["Subhead","Headline","hasReactNode","InfoRow","header","children","restProps"],"sources":["../../../src/components/InfoRow/InfoRow.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { Subhead } from \"../Typography/Subhead/Subhead\";\nimport { Headline } from \"../Typography/Headline/Headline\";\nimport { hasReactNode } from \"../../lib/utils\";\nimport \"./InfoRow.css\";\n\nexport interface InfoRowProps extends React.HTMLAttributes<HTMLDivElement> {\n header: React.ReactNode;\n}\n\n/*\n @see https://vkcom.github.io/VKUI/#/InfoRow\n */\nexport const InfoRow = ({ header, children, ...restProps }: InfoRowProps) => (\n <Headline {...restProps} vkuiClass=\"InfoRow\" weight=\"3\">\n {hasReactNode(header) && (\n <Subhead Component=\"span\" vkuiClass=\"InfoRow__header\">\n {header}\n </Subhead>\n )}\n {children}\n </Headline>\n);\n"],"mappings":";;;;AACA,SAASA,OAAT;AACA,SAASC,QAAT;AACA,SAASC,YAAT;;AAOA;AACA;AACA;AACA,OAAO,IAAMC,OAAO,GAAG,SAAVA,OAAU;EAAA,IAAGC,MAAH,QAAGA,MAAH;EAAA,IAAWC,QAAX,QAAWA,QAAX;EAAA,IAAwBC,SAAxB;;EAAA,OACrB,oBAAC,QAAD,eAAcA,SAAd;IAAyB,SAAS,EAAC,SAAnC;IAA6C,MAAM,EAAC;EAApD,IACGJ,YAAY,CAACE,MAAD,CAAZ,IACC,oBAAC,OAAD;IAAS,SAAS,EAAC,MAAnB;IAA0B,SAAS,EAAC;EAApC,GACGA,MADH,CAFJ,EAMGC,QANH,CADqB;AAAA,CAAhB"}

package/dist/components/InitialsAvatar/InitialsAvatar.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"~~sources~~":["~~../../../src/components/~~InitialsAvatar~~/InitialsAvatar~~.~~tsx~~"],"names":["classNames","AVATAR_DEFAULT_SIZE","Avatar","COLORS_NUMBER_TO_TEXT_MAP","getInitialsFontSize","avatarSize","calculatedFontSize","Math","ceil","evenFix","InitialsAvatar","size","children","gradientColor","style","restProps","gradientName","fontSize"],"~~mappings~~":";;;;;AAEA,SAASA,UAAT;AACA,SAASC,mBAAT,EAA8BC,MAA9B;AA2CA,IAAMC,yBAGL,GAAG;AACF,KAAG,KADD;AAEF,KAAG,QAFD;AAGF,KAAG,QAHD;AAIF,KAAG,OAJD;AAKF,KAAG,QALD;AAMF,KAAG;AAND,CAHJ;;AAYA,SAASC,mBAAT,CAA6BC,UAA7B,EAAiD;AAC/C,MAAMC,kBAAkB,GAAGC,IAAI,CAACC,IAAL,CAAUH,UAAU,GAAG,IAAvB,CAA3B;AACA,MAAMI,OAAO,GAAGH,kBAAkB,GAAG,CAArC;AACA,SAAOA,kBAAkB,GAAGG,OAA5B;AACD;AAED;AACA;AACA;;;AACA,OAAO,IAAMC,cAAc,GAAG,SAAjBA,cAAiB,OAMH;AAAA,uBALzBC,IAKyB;AAAA,MALzBA,IAKyB,0BALlBV,mBAKkB;AAAA,MAJzBW,QAIyB,QAJzBA,QAIyB;AAAA,MAHzBC,aAGyB,QAHzBA,aAGyB;AAAA,MAFzBC,KAEyB,QAFzBA,KAEyB;AAAA,MADtBC,SACsB;;AACzB,MAAMC,YAAY,GAChB,OAAOH,aAAP,KAAyB,QAAzB,GACIA,aADJ,GAEIA,aAAa,IAAIV,yBAAyB,CAACU,aAAD,CAHhD;AAKA,SACE,oBAAC,MAAD,eACME,SADN;AAEE,IAAA,KAAK,kCACAD,KADA;AAEHG,MAAAA,QAAQ,EAAEb,mBAAmB,CAACO,IAAD;AAF1B,MAFP;AAME,IAAA,IAAI,EAAEA,IANR;AAOE,IAAA,SAAS,EAAEX,UAAU,CACnB,gBADmB,kCAEMgB,YAFN;AAPvB,MAYE;AAAM,mBAAY,MAAlB;AAAyB,IAAA,SAAS,EAAC;AAAnC,KACGJ,QADH,CAZF,CADF;AAkBD,CA9BM","sourcesContent":["import * as React from \"react\";\nimport { HasRootRef } from \"../../types\";\nimport { classNames } from \"../../lib/classNames\";\nimport { AVATAR_DEFAULT_SIZE, Avatar, AvatarProps } from \"../Avatar/Avatar\";\nimport \"./InitialsAvatar.css\";\n\n/*\n Градиенты, которые можно использовать в алгоритме поиска градиентов по числовому идентификатору пользователя.\n * @example user.id % 6 + 1\n /\nexport type InitialsAvatarNumberGradients = 1 \| 2 \| 3 \| 4 \| 5 \| 6;\nexport type InitialsAvatarTextGradients =\n \| \"red\"\n \| \"pink\"\n \| \"orange\"\n \| \"yellow\"\n \| \"green\"\n \| \"l-blue\"\n \| \"blue\"\n \| \"violet\";\n\nexport interface InitialsAvatarProps\n extends React.HTMLAttributes<HTMLDivElement>,\n HasRootRef<HTMLDivElement>,\n Pick<AvatarProps, \"size\" \| \"shadow\" \| \"badge\"> {\n children?: React.ReactNode;\n /\n `'red' \| 'pink' \| 'orange' \| 'yellow' \| 'green' \| 'l-blue' \| 'blue' \| 'violet'`\n \n Если передано число, то оно будет сконвертировано в строчное представление цвета по следующей схеме:\n \n 1: 'red'\n \n 2: 'orange'\n \n 3: 'yellow'\n \n 4: 'green'\n \n 5: 'l-blue'\n \n 6: 'violet'\n /\n gradientColor?: InitialsAvatarNumberGradients \| InitialsAvatarTextGradients;\n}\n\nconst COLORS_NUMBER_TO_TEXT_MAP: Record<\n InitialsAvatarNumberGradients,\n InitialsAvatarTextGradients\n> = {\n 1: \"red\",\n 2: \"orange\",\n 3: \"yellow\",\n 4: \"green\",\n 5: \"l-blue\",\n 6: \"violet\",\n};\n\nfunction getInitialsFontSize(avatarSize: number) {\n const calculatedFontSize = Math.ceil(avatarSize 0.36);\n const evenFix = calculatedFontSize % 2;\n return calculatedFontSize + evenFix;\n}\n\n/*\n @see https://vkcom.github.io/VKUI/#/InitialsAvatar\n */\nexport const InitialsAvatar = ({\n size = AVATAR_DEFAULT_SIZE,\n children,\n gradientColor,\n style,\n ...restProps\n}: InitialsAvatarProps) => {\n const gradientName =\n typeof gradientColor === \"string\"\n ? gradientColor\n : gradientColor && COLORS_NUMBER_TO_TEXT_MAP[gradientColor];\n\n return (\n <Avatar\n {...restProps}\n style={{\n ...style,\n fontSize: getInitialsFontSize(size),\n }}\n size={size}\n vkuiClass={classNames(\n \"InitialsAvatar\",\n `InitialsAvatar--color-${gradientName}`\n )}\n >\n <span aria-hidden=\"true\" vkuiClass=\"InitialsAvatar__text\">\n {children}\n </span>\n </Avatar>\n );\n};\n"],"~~file~~":"~~InitialsAvatar.js~~"}
1	+ {"version":3,"file":"InitialsAvatar.js","names":["classNames","AVATAR_DEFAULT_SIZE","Avatar","COLORS_NUMBER_TO_TEXT_MAP","getInitialsFontSize","avatarSize","calculatedFontSize","Math","ceil","evenFix","InitialsAvatar","size","children","gradientColor","style","restProps","gradientName","fontSize"],"sources":["../../../src/components/InitialsAvatar/InitialsAvatar.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { HasRootRef } from \"../../types\";\nimport { classNames } from \"../../lib/classNames\";\nimport { AVATAR_DEFAULT_SIZE, Avatar, AvatarProps } from \"../Avatar/Avatar\";\nimport \"./InitialsAvatar.css\";\n\n/*\n Градиенты, которые можно использовать в алгоритме поиска градиентов по числовому идентификатору пользователя.\n * @example user.id % 6 + 1\n /\nexport type InitialsAvatarNumberGradients = 1 \| 2 \| 3 \| 4 \| 5 \| 6;\nexport type InitialsAvatarTextGradients =\n \| \"red\"\n \| \"pink\"\n \| \"orange\"\n \| \"yellow\"\n \| \"green\"\n \| \"l-blue\"\n \| \"blue\"\n \| \"violet\";\n\nexport interface InitialsAvatarProps\n extends React.HTMLAttributes<HTMLDivElement>,\n HasRootRef<HTMLDivElement>,\n Pick<AvatarProps, \"size\" \| \"shadow\" \| \"badge\"> {\n children?: React.ReactNode;\n /\n `'red' \| 'pink' \| 'orange' \| 'yellow' \| 'green' \| 'l-blue' \| 'blue' \| 'violet'`\n \n Если передано число, то оно будет сконвертировано в строчное представление цвета по следующей схеме:\n \n 1: 'red'\n \n 2: 'orange'\n \n 3: 'yellow'\n \n 4: 'green'\n \n 5: 'l-blue'\n \n 6: 'violet'\n /\n gradientColor?: InitialsAvatarNumberGradients \| InitialsAvatarTextGradients;\n}\n\nconst COLORS_NUMBER_TO_TEXT_MAP: Record<\n InitialsAvatarNumberGradients,\n InitialsAvatarTextGradients\n> = {\n 1: \"red\",\n 2: \"orange\",\n 3: \"yellow\",\n 4: \"green\",\n 5: \"l-blue\",\n 6: \"violet\",\n};\n\nfunction getInitialsFontSize(avatarSize: number) {\n const calculatedFontSize = Math.ceil(avatarSize 0.36);\n const evenFix = calculatedFontSize % 2;\n return calculatedFontSize + evenFix;\n}\n\n/*\n @see https://vkcom.github.io/VKUI/#/InitialsAvatar\n */\nexport const InitialsAvatar = ({\n size = AVATAR_DEFAULT_SIZE,\n children,\n gradientColor,\n style,\n ...restProps\n}: InitialsAvatarProps) => {\n const gradientName =\n typeof gradientColor === \"string\"\n ? gradientColor\n : gradientColor && COLORS_NUMBER_TO_TEXT_MAP[gradientColor];\n\n return (\n <Avatar\n {...restProps}\n style={{\n ...style,\n fontSize: getInitialsFontSize(size),\n }}\n size={size}\n vkuiClass={classNames(\n \"InitialsAvatar\",\n `InitialsAvatar--color-${gradientName}`\n )}\n >\n <span aria-hidden=\"true\" vkuiClass=\"InitialsAvatar__text\">\n {children}\n </span>\n </Avatar>\n );\n};\n"],"mappings":";;;;;AAEA,SAASA,UAAT;AACA,SAASC,mBAAT,EAA8BC,MAA9B;AA2CA,IAAMC,yBAGL,GAAG;EACF,GAAG,KADD;EAEF,GAAG,QAFD;EAGF,GAAG,QAHD;EAIF,GAAG,OAJD;EAKF,GAAG,QALD;EAMF,GAAG;AAND,CAHJ;;AAYA,SAASC,mBAAT,CAA6BC,UAA7B,EAAiD;EAC/C,IAAMC,kBAAkB,GAAGC,IAAI,CAACC,IAAL,CAAUH,UAAU,GAAG,IAAvB,CAA3B;EACA,IAAMI,OAAO,GAAGH,kBAAkB,GAAG,CAArC;EACA,OAAOA,kBAAkB,GAAGG,OAA5B;AACD;AAED;AACA;AACA;;;AACA,OAAO,IAAMC,cAAc,GAAG,SAAjBA,cAAiB,OAMH;EAAA,qBALzBC,IAKyB;EAAA,IALzBA,IAKyB,0BALlBV,mBAKkB;EAAA,IAJzBW,QAIyB,QAJzBA,QAIyB;EAAA,IAHzBC,aAGyB,QAHzBA,aAGyB;EAAA,IAFzBC,KAEyB,QAFzBA,KAEyB;EAAA,IADtBC,SACsB;;EACzB,IAAMC,YAAY,GAChB,OAAOH,aAAP,KAAyB,QAAzB,GACIA,aADJ,GAEIA,aAAa,IAAIV,yBAAyB,CAACU,aAAD,CAHhD;EAKA,OACE,oBAAC,MAAD,eACME,SADN;IAEE,KAAK,kCACAD,KADA;MAEHG,QAAQ,EAAEb,mBAAmB,CAACO,IAAD;IAF1B,EAFP;IAME,IAAI,EAAEA,IANR;IAOE,SAAS,EAAEX,UAAU,CACnB,gBADmB,kCAEMgB,YAFN;EAPvB,IAYE;IAAM,eAAY,MAAlB;IAAyB,SAAS,EAAC;EAAnC,GACGJ,QADH,CAZF,CADF;AAkBD,CA9BM"}

package/dist/components/Input/Input.d.ts CHANGED Viewed

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

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

@@ -1,6 +1,6 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["type", "align", "getRef", "className", "getRootRef", "sizeY", "style", "before", "after"];
+var _excluded = ["type", "align", "getRef", "className", "getRootRef", "sizeY", "style", "before", "after", "status"];
 import { createScopedElement } from "../../lib/jsxRuntime";
 import { classNames } from "../../lib/classNames";
 import { FormField } from "../FormField/FormField";
@@ -17,6 +17,7 @@ var InputComponent = function InputComponent(_ref) {
       style = _ref.style,
       before = _ref.before,
       after = _ref.after,
+      status = _ref.status,
       restProps = _objectWithoutProperties(_ref, _excluded);
   return createScopedElement(FormField, {
@@ -27,7 +28,8 @@ var InputComponent = function InputComponent(_ref) {
     getRootRef: getRootRef,
     before: before,
     after: after,
-    disabled: restProps.disabled
+    disabled: restProps.disabled,
+    status: status
   }, createScopedElement("input", _extends({}, restProps, {
     type: type,
     vkuiClass: "Input__el",

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

	@@ -1 +1 @@
1	- {"version":3,"~~sources~~":["~~../../../src/components/~~Input~~/Input~~.~~tsx~~"],"names":["classNames","FormField","withAdaptivity","InputComponent","type","align","getRef","className","getRootRef","sizeY","style","before","after","restProps","disabled","Input","displayName"],"~~mappings~~":";;;;AACA,SAASA,UAAT;AACA,SAASC,SAAT;AAEA,SAASC,cAAT;;AAWA,IAAMC,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,oBAAC,SAAD;AACE,IAAA,SAAS,EAAEb,UAAU,CACnB,OADmB,EAEnB,CAAC,CAACK,KAAF,qBAAqBA,KAArB,CAFmB,yBAGHI,KAHG,GAGM;AACzBE,IAAAA,MAAM,IAAI,kBAJS,EAKnBC,KAAK,IAAI,iBALU,CADvB;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,0CAAWD,SAAX;AAAsB,IAAA,IAAI,EAAET,IAA5B;AAAkC,IAAA,SAAS,EAAC,WAA5C;AAAwD,IAAA,GAAG,EAAEE;AAA7D,KAfF,CADF;AAmBD,CA/~~BD;AAiCA;AACA;AACA;;;AACA,OAAO,IAAMS,KAAK,GAAGb,cAAc,CAACC,cAAD,EAAiB;AAClDM,EAAAA,KAAK,EAAE;AAD2C,CAAjB,CAA5B;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":["classNames","FormField","withAdaptivity","InputComponent","type","align","getRef","className","getRootRef","sizeY","style","before","after","status","restProps","disabled","Input","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,SAASA,UAAT;AACA,SAASC,SAAT;AAEA,SAASC,cAAT;;AAWA,IAAMC,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,oBAAC,SAAD;IACE,SAAS,EAAEd,UAAU,CACnB,OADmB,EAEnB,CAAC,CAACK,KAAF,qBAAqBA,KAArB,CAFmB,yBAGHI,KAHG,GAGM;IACzBE,MAAM,IAAI,kBAJS,EAKnBC,KAAK,IAAI,iBALU,CADvB;IAQE,KAAK,EAAEF,KART;IASE,SAAS,EAAEH,SATb;IAUE,UAAU,EAAEC,UAVd;IAWE,MAAM,EAAEG,MAXV;IAYE,KAAK,EAAEC,KAZT;IAaE,QAAQ,EAAEE,SAAS,CAACC,QAbtB;IAcE,MAAM,EAAEF;EAdV,GAgBE,0CAAWC,SAAX;IAAsB,IAAI,EAAEV,IAA5B;IAAkC,SAAS,EAAC,WAA5C;IAAwD,GAAG,EAAEE;EAA7D,GAhBF,CADF;AAoBD,CAjCD;AAmCA;AACA;AACA;;;AACA,OAAO,IAAMU,KAAK,GAAGd,cAAc,CAACC,cAAD,EAAiB;EAClDM,KAAK,EAAE;AAD2C,CAAjB,CAA5B;AAIPO,KAAK,CAACC,WAAN,GAAoB,OAApB"}

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

	@@ -1 +1 @@
1	- {"version":3,"~~sources~~":["~~../../../src/components/~~InputLike~~/InputLike~~.~~tsx~~"],"names":["React","callMultiple","stopPropagation","classNames","MASK_SYMBOL","String","fromCharCode","getMaskElements","length","result","index","push","InputLike","value","onElementSelect","onClick","onFocus","getRootRef","props","handleElementSelect","useCallback","event","slice","displayName"],"~~mappings~~":";;;;AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,SAASC,YAAT;AACA,SAASC,eAAT;AACA,SAASC,UAAT;AAaA,IAAMC,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;;AAED,OAAO,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,GAAGnB,KAAK,CAACoB,WAAN,CAC1B,UAACC,KAAD,EAA0D;AACxDnB,IAAAA,eAAe,CAACmB,KAAD,CAAf;AACAP,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,EAAEX,UAAU,CACnB,WADmB,EAEnB,CAAAU,KAAK,SAAL,IAAAA,KAAK,WAAL,YAAAA,KAAK,CAAEL,MAAP,MAAkBA,MAAlB,qBAFmB,CADvB;AAKE,IAAA,QAAQ,EAAE,CALZ;AAME,IAAA,GAAG,EAAES,UANP;AAOE,IAAA,OAAO,EAAEhB,YAAY,CAACc,OAAD,EAAUI,mBAAV,CAPvB;AAQE,IAAA,OAAO,EAAElB,YAAY,CAACC,eAAD,EAAkBc,OAAlB;AARvB,KASME,KATN,GAWGL,KAXH,aAWGA,KAXH,uBAWGA,KAAK,CAAES,KAAP,CAAa,CAAb,EAAgBd,MAAM,GAAG,CAAzB,CAXH,EAYG,CAAAK,KAAK,SAAL,IAAAA,KAAK,WAAL,YAAAA,KAAK,CAAES,KAAP,CAAad,MAAM,GAAG,CAAtB,MACC;AAAM,IAAA,GAAG,EAAEE,KAAX;AAAkB,IAAA,SAAS,EAAC;AAA5B,KACGG,KAAK,CAACS,KAAN,CAAYd,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,CAACW,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":["React","callMultiple","stopPropagation","classNames","MASK_SYMBOL","String","fromCharCode","getMaskElements","length","result","index","push","InputLike","value","onElementSelect","onClick","onFocus","getRootRef","props","handleElementSelect","useCallback","event","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,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,SAASC,YAAT;AACA,SAASC,eAAT;AACA,SAASC,UAAT;AAaA,IAAMC,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;;AAED,OAAO,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,GAAGnB,KAAK,CAACoB,WAAN,CAC1B,UAACC,KAAD,EAA0D;IACxDnB,eAAe,CAACmB,KAAD,CAAf;IACAP,eAAe,SAAf,IAAAA,eAAe,WAAf,YAAAA,eAAe,CAAGJ,KAAH,CAAf;EACD,CAJyB,EAK1B,CAACA,KAAD,EAAQI,eAAR,CAL0B,CAA5B;EAQA,OACE;IACE,SAAS,EAAEX,UAAU,CACnB,WADmB,EAEnB,CAAAU,KAAK,SAAL,IAAAA,KAAK,WAAL,YAAAA,KAAK,CAAEL,MAAP,MAAkBA,MAAlB,qBAFmB,CADvB;IAKE,QAAQ,EAAE,CALZ;IAME,GAAG,EAAES,UANP;IAOE,OAAO,EAAEhB,YAAY,CAACc,OAAD,EAAUI,mBAAV,CAPvB;IAQE,OAAO,EAAElB,YAAY,CAACC,eAAD,EAAkBc,OAAlB;EARvB,GASME,KATN,GAWGL,KAXH,aAWGA,KAXH,uBAWGA,KAAK,CAAES,KAAP,CAAa,CAAb,EAAgBd,MAAM,GAAG,CAAzB,CAXH,EAYG,CAAAK,KAAK,SAAL,IAAAA,KAAK,WAAL,YAAAA,KAAK,CAAES,KAAP,CAAad,MAAM,GAAG,CAAtB,MACC;IAAM,GAAG,EAAEE,KAAX;IAAkB,SAAS,EAAC;EAA5B,GACGG,KAAK,CAACS,KAAN,CAAYd,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,CAACW,WAAV,GAAwB,WAAxB"}

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

	@@ -1 +1 @@
1	- {"version":3,"~~sources~~":["~~../../../src/components/InputLike/~~InputLikeDivider.~~tsx~~"],"names":["InputLikeDivider","children","props"],"~~mappings~~":"~~;;;;AAGA,OAAO,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":";;;;AAGA,OAAO,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/components/Link/Link.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"~~sources~~":["~~../../../src/components/~~Link~~/Link~~.~~tsx~~"],"names":["classNames","Tappable","Link","hasVisited","children","restProps","href"],"~~mappings~~":";;;;AAAA,SAASA,UAAT;AACA,SAAwBC,QAAxB;;AAUA;AACA;AACA;AACA,OAAO,IAAMC,IAAI,GAAG,SAAPA,IAAO,OAAuD;AAAA,MAApDC,UAAoD,QAApDA,UAAoD;AAAA,MAAxCC,QAAwC,QAAxCA,QAAwC;AAAA,MAA3BC,SAA2B;;AACzE,SACE,oBAAC,QAAD;AACE,IAAA,SAAS,EAAEA,SAAS,CAACC,IAAV,GAAiB,GAAjB,GAAuB;AADpC,KAEMD,SAFN;AAGE,IAAA,SAAS,EAAEL,UAAU,CAAC,MAAD,EAASG,UAAU,IAAI,mBAAvB,CAHvB;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":["classNames","Tappable","Link","hasVisited","children","restProps","href"],"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,SAASA,UAAT;AACA,SAAwBC,QAAxB;;AAUA;AACA;AACA;AACA,OAAO,IAAMC,IAAI,GAAG,SAAPA,IAAO,OAAuD;EAAA,IAApDC,UAAoD,QAApDA,UAAoD;EAAA,IAAxCC,QAAwC,QAAxCA,QAAwC;EAAA,IAA3BC,SAA2B;;EACzE,OACE,oBAAC,QAAD;IACE,SAAS,EAAEA,SAAS,CAACC,IAAV,GAAiB,GAAjB,GAAuB;EADpC,GAEMD,SAFN;IAGE,SAAS,EAAEL,UAAU,CAAC,MAAD,EAASG,UAAU,IAAI,mBAAvB,CAHvB;IAIE,QAAQ,EAAE,KAJZ;IAKE,UAAU,EAAC,SALb;IAME,gBAAgB,EAAC;EANnB,IAQGC,QARH,CADF;AAYD,CAbM"}

package/dist/components/List/List.d.ts CHANGED Viewed

@@ -1,6 +1,7 @@
 import * as React from "react";
 import "./List.css";
+export declare type ListProps = React.HTMLAttributes<HTMLDivElement>;
 /**
  * @see https://vkcom.github.io/VKUI/#/List
  */
-export declare const List: ({ children, ...restProps }: React.HTMLAttributes<HTMLDivElement>) => JSX.Element;
+export declare const List: ({ children, ...restProps }: ListProps) => JSX.Element;

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

	@@ -1 +1 @@
1	- {"version":3,"~~sources~~":["~~../../../src/components/~~List~~/List~~.~~tsx~~"],"names":["React","classNames","ListContext","List","children","restProps","useState","isDragging","toggleDrag","useMemo"],"~~mappings~~":";;;;;AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,SAASC,UAAT;AACA,SAASC,WAAT;;AAGA;AACA;AACA;AACA,OAAO,IAAMC,IAAI,GAAG,SAAPA,IAAO,OAGwB;AAAA,MAF1CC,QAE0C,QAF1CA,QAE0C;AAAA,MADvCC,SACuC;;AAC1C,wBAAiCL,KAAK,CAACM,QAAN,CAAe,KAAf,CAAjC;AAAA;AAAA,MAAOC,UAAP;AAAA,MAAmBC,UAAnB;;AAEA,SACE;AACE,IAAA,IAAI,EAAC;AADP,KAEMH,SAFN;AAGE,IAAA,SAAS,EAAEJ,UAAU,CAAC,MAAD,EAASM,UAAU,IAAI,gBAAvB;AAHvB,MAKE,oBAAC,WAAD,CAAa,QAAb;AAAsB,IAAA,KAAK,EAAEP,KAAK,CAACS,OAAN,CAAc;AAAA,aAAO;AAAED,QAAAA,UAAU,EAAVA;AAAF,OAAP;AAAA,KAAd,EAAsC,EAAtC;AAA7B,KACGJ,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":["React","classNames","ListContext","List","children","restProps","useState","isDragging","toggleDrag","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,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,SAASC,UAAT;AACA,SAASC,WAAT;;AAKA;AACA;AACA;AACA,OAAO,IAAMC,IAAI,GAAG,SAAPA,IAAO,OAA2C;EAAA,IAAxCC,QAAwC,QAAxCA,QAAwC;EAAA,IAA3BC,SAA2B;;EAC7D,sBAAiCL,KAAK,CAACM,QAAN,CAAe,KAAf,CAAjC;EAAA;EAAA,IAAOC,UAAP;EAAA,IAAmBC,UAAnB;;EAEA,OACE;IACE,IAAI,EAAC;EADP,GAEMH,SAFN;IAGE,SAAS,EAAEJ,UAAU,CAAC,MAAD,EAASM,UAAU,IAAI,gBAAvB;EAHvB,IAKE,oBAAC,WAAD,CAAa,QAAb;IAAsB,KAAK,EAAEP,KAAK,CAACS,OAAN,CAAc;MAAA,OAAO;QAAED,UAAU,EAAVA;MAAF,CAAP;IAAA,CAAd,EAAsC,EAAtC;EAA7B,GACGJ,QADH,CALF,CADF;AAWD,CAdM"}

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

	@@ -1 +1 @@
1	- {"version":3,"~~sources~~":["~~../../../src/components/List/~~ListContext.ts"],"names":["React","noop","ListContext","createContext","toggleDrag"],"~~mappings~~":"~~AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,SAASC,IAAT;AAEA,OAAO,IAAMC,WAAW,gBAAGF,KAAK,CAACG,aAAN,CAAoB;AAC7CC,EAAAA,UAAU,EAAEH;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":["React","noop","ListContext","createContext","toggleDrag"],"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,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,SAASC,IAAT;AAEA,OAAO,IAAMC,WAAW,gBAAGF,KAAK,CAACG,aAAN,CAAoB;EAC7CC,UAAU,EAAEH;AADiC,CAApB,CAApB"}

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

	@@ -1 +1 @@
1	- {"version":3,"~~sources~~":["~~../../../src/components/~~LocaleProviderContext~~/LocaleProviderContext~~.~~tsx~~"],"names":["React","LocaleProviderContext","createContext","undefined"],"~~mappings~~":"~~AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AAEA,OAAO,IAAMC,qBAAqB,gBAAGD,KAAK,CAACE,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":["React","LocaleProviderContext","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,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AAEA,OAAO,IAAMC,qBAAqB,gBAAGD,KAAK,CAACE,aAAN,CACnCC,SADmC,CAA9B"}

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

	@@ -1 +1 @@
1	- {"version":3,"~~sources~~":["~~../../../src/components/~~MiniInfoCell~~/MiniInfoCell~~.~~tsx~~"],"names":["classNames","Paragraph","Tappable","hasReactNode","MiniInfoCell","before","after","mode","textWrap","textLevel","children","restProps","isClickable","onClick","undefined"],"~~mappings~~":";;;;AACA,SAASA,UAAT;AACA,SAASC,SAAT;AACA,SAASC,QAAT;AACA,SAASC,YAAT;;AA6CA;AACA;AACA;AACA,OAAO,IAAMC,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,oBAAC,QAAD;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,EAAEX,UAAU,CACnB,cADmB,EAEnBO,IAAI,KAAK,MAAT,+BAAuCA,IAAvC,CAFmB,EAGnBC,QAAQ,KAAK,QAAb,+BAA6CA,QAA7C,CAHmB,8BAIEC,SAJF;AALvB,MAYE;AAAM,IAAA,SAAS,EAAC;AAAhB,KAAsCJ,MAAtC,CAZF,EAaE,oBAAC,SAAD;AACE,IAAA,SAAS,EAAC,uBADZ;AAEE,IAAA,MAAM,EAAEE,IAAI,KAAK,MAAT,GAAkB,GAAlB,GAAwBO;AAFlC,KAIGJ,QAJH,CAbF,EAmBGP,YAAY,CAACG,KAAD,CAAZ,IACC;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":["classNames","Paragraph","Tappable","hasReactNode","MiniInfoCell","before","after","mode","textWrap","textLevel","children","restProps","isClickable","onClick","undefined"],"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,SAASA,UAAT;AACA,SAASC,SAAT;AACA,SAASC,QAAT;AACA,SAASC,YAAT;;AA6CA;AACA;AACA;AACA,OAAO,IAAMC,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,oBAAC,QAAD;IACE,SAAS,EAAC,KADZ;IAEE,QAAQ,EAAE,CAACD,WAFb;IAGE,IAAI,EAAEA,WAAW,GAAG,QAAH,GAAcE;EAHjC,GAIMH,SAJN;IAKE,SAAS,EAAEX,UAAU,CACnB,cADmB,EAEnBO,IAAI,KAAK,MAAT,+BAAuCA,IAAvC,CAFmB,EAGnBC,QAAQ,KAAK,QAAb,+BAA6CA,QAA7C,CAHmB,8BAIEC,SAJF;EALvB,IAYE;IAAM,SAAS,EAAC;EAAhB,GAAsCJ,MAAtC,CAZF,EAaE,oBAAC,SAAD;IACE,SAAS,EAAC,uBADZ;IAEE,MAAM,EAAEE,IAAI,KAAK,MAAT,GAAkB,GAAlB,GAAwBO;EAFlC,GAIGJ,QAJH,CAbF,EAmBGP,YAAY,CAACG,KAAD,CAAZ,IACC;IAAM,SAAS,EAAC;EAAhB,GAAuCA,KAAvC,CApBJ,CADF;AAyBD,CApCM"}

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

	@@ -1 +1 @@
1	- {"version":3,"~~sources~~":["~~../../../src/components/~~ModalCard~~/ModalCard~~.~~tsx~~"],"names":["React","getClassName","classNames","withPlatform","withAdaptivity","ModalRootContext","useModalRegistry","ModalType","getNavId","warnOnce","ModalCardBase","useAdaptivityIsDesktop","warn","ModalCardComponent","icon","header","subheader","children","actions","actionsLayout","onClose","platform","viewWidth","viewHeight","hasMouse","nav","id","restProps","isDesktop","modalContext","useContext","CARD","refs","innerElement","ModalCard","displayName"],"~~mappings~~":";;;;AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,SAASC,YAAT;AACA,SAASC,UAAT;AACA,SAASC,YAAT;AAEA,SAASC,cAAT;AACA,SACEC,gBADF,EAEEC,gBAFF;AAIA,SAASC,SAAT;AACA,SAASC,QAAT;AACA,SAASC,QAAT;AACA,SACEC,aADF;AAQA,SAASC,sBAAT;AASA,IAAMC,IAAI,GAAGH,QAAQ,CAAC,WAAD,CAArB;;AAEA,IAAMI,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,GAAGjB,sBAAsB,EAAxC;AAEA,MAAMkB,YAAY,GAAG7B,KAAK,CAAC8B,UAAN,CAAiBzB,gBAAjB,CAArB;;AACA,0BAAiBC,gBAAgB,CAC/~~BE,QAAQ,CAAC;AAAEiB,IAAAA,GAAG,EAAHA,GAAF;AAAOC,IAAAA,EAAE,EAAFA;AAAP,GAAD,EAAcd,IAAd,CADuB,EAE~~/BL,SAAS,CAACwB,IAFqB,CAAjC;AAAA,MAAQC,IAAR,qBAAQA,IAAR;;AAKA,SACE,wCACML,SADN;AAEE,IAAA,EAAE,EAAED,EAFN;AAGE,IAAA,SAAS,EAAExB,UAAU,CACnBD,YAAY,CAAC,WAAD,EAAcoB,QAAd,CADO,EAEnBO,SAAS,IAAI,oBAFM;AAHvB,MAQE,oBAAC,aAAD;AACE,IAAA,SAAS,EAAC,eADZ;AAEE,IAAA,UAAU,EAAEI,IAAI,CAACC,YAFnB;AAGE,IAAA,IAAI,EAAEnB,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;;;AACA,OAAO,IAAMiB,SAAS,GAAG9B,cAAc,CAACD,YAAY,CAACU,kBAAD,CAAb,EAAmC;AACxES,EAAAA,SAAS,EAAE,IAD6D;AAExEC,EAAAA,UAAU,EAAE,IAF4D;AAGxEC,EAAAA,QAAQ,EAAE;AAH8D,CAAnC,CAAhC;AAMPU,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":["React","getClassName","classNames","withPlatform","withAdaptivity","ModalRootContext","useModalRegistry","ModalType","getNavId","warnOnce","ModalCardBase","useAdaptivityIsDesktop","warn","ModalCardComponent","icon","header","subheader","children","actions","actionsLayout","onClose","platform","viewWidth","viewHeight","hasMouse","nav","id","restProps","isDesktop","modalContext","useContext","CARD","refs","innerElement","ModalCard","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,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,SAASC,YAAT;AACA,SAASC,UAAT;AACA,SAASC,YAAT;AAEA,SAASC,cAAT;AACA,SACEC,gBADF,EAEEC,gBAFF;AAIA,SAASC,SAAT;AACA,SAASC,QAAT;AACA,SAASC,QAAT;AACA,SACEC,aADF;AAQA,SAASC,sBAAT;AASA,IAAMC,IAAI,GAAGH,QAAQ,CAAC,WAAD,CAArB;;AAEA,IAAMI,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,GAAGjB,sBAAsB,EAAxC;EAEA,IAAMkB,YAAY,GAAG7B,KAAK,CAAC8B,UAAN,CAAiBzB,gBAAjB,CAArB;;EACA,wBAAiBC,gBAAgB,CAC/BE,QAAQ,CAAC;IAAEiB,GAAG,EAAHA,GAAF;IAAOC,EAAE,EAAFA;EAAP,CAAD,EAAcd,IAAd,CADuB,EAE/BL,SAAS,CAACwB,IAFqB,CAAjC;EAAA,IAAQC,IAAR,qBAAQA,IAAR;;EAKA,OACE,wCACML,SADN;IAEE,EAAE,EAAED,EAFN;IAGE,SAAS,EAAExB,UAAU,CACnBD,YAAY,CAAC,WAAD,EAAcoB,QAAd,CADO,EAEnBO,SAAS,IAAI,oBAFM;EAHvB,IAQE,oBAAC,aAAD;IACE,SAAS,EAAC,eADZ;IAEE,UAAU,EAAEI,IAAI,CAACC,YAFnB;IAGE,IAAI,EAAEnB,IAHR;IAIE,MAAM,EAAEC,MAJV;IAKE,SAAS,EAAEC,SALb;IAME,OAAO,EAAEE,OANX;IAOE,aAAa,EAAEC,aAPjB;IAQE,OAAO,EAAEC,OAAO,IAAIS,YAAY,CAACT;EARnC,GAUGH,QAVH,CARF,CADF;AAuBD,CA/CD;AAiDA;AACA;AACA;;;AACA,OAAO,IAAMiB,SAAS,GAAG9B,cAAc,CAACD,YAAY,CAACU,kBAAD,CAAb,EAAmC;EACxES,SAAS,EAAE,IAD6D;EAExEC,UAAU,EAAE,IAF4D;EAGxEC,QAAQ,EAAE;AAH8D,CAAnC,CAAhC;AAMPU,SAAS,CAACC,WAAV,GAAwB,WAAxB"}

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

	@@ -1 +1 @@
1	- {"version":3,"~~sources~~":["~~../../../src/components/~~ModalCardBase~~/ModalCardBase~~.~~tsx~~"],"names":["hasReactNode","Title","Subhead","classNames","getClassName","usePlatform","ViewWidth","withAdaptivity","PanelHeaderButton","IOS","Platform","ModalDismissButton","Icon24Dismiss","useKeyboard","useAdaptivityIsDesktop","ModalCardBase","getRootRef","icon","header","subheader","children","actions","actionsLayout","viewWidth","hasMouse","viewHeight","onClose","dismissLabel","restProps","platform","isDesktop","isSoftwareKeyboardOpened","isOpened","canShowCloseBtn","SMALL_TABLET","VKCOM","canShowCloseBtnIos","displayName"],"~~mappings~~":";;;;AACA,SAASA,YAAT;AACA,SAASC,KAAT;AACA,SAASC,OAAT;AACA,SAASC,UAAT;AACA,SAASC,YAAT;AACA,SAASC,WAAT;AACA,SAASC,SAAT,EAAoBC,cAApB;AAEA,SAASC,iBAAT;AACA,SAASC,GAAT,EAAcC,QAAd;AACA,SAASC,kBAAT;AACA,SAASC,aAAT,QAA8B,kBAA9B;AACA,SAASC,WAAT;AAEA,SAASC,sBAAT;;AA0CA;AACA;AACA;AACA,OAAO,IAAMC,aAAa,GAAGR,cAAc,CAGzC,gBAcM;AAAA,MAbJS,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,GAAGxB,WAAW,EAA5B;AACA,MAAMyB,SAAS,GAAGhB,sBAAsB,EAAxC;AACA,MAAMiB,wBAAwB,GAAGlB,WAAW,GAAGmB,QAA/~~C;AAEA,MAAMC,eAAe,GACnBV,SAAS,IAAIjB,SAAS,CAAC4B,YAAvB,IAAuCL,QAAQ,KAAKnB,QAAQ,CAACyB,KAD~~/D;AAEA,MAAMC,kBAAkB,GAAGP,QAAQ,KAAKpB,GAAb,IAAoB,CAACwB,eAAhD;AAEA,SACE,wCACML,SADN;AAEE,IAAA,SAAS,EAAEzB,UAAU,CACnBC,YAAY,CAAC,eAAD,EAAkByB,QAAlB,CADO,EAEnBC,SAAS,IAAI,wBAFM,CAFvB;AAME,IAAA,GAAG,EAAEd;AANP,MAQE;AACE,IAAA,SAAS,EAAEb,UAAU,CACnB,0BADmB,EAEnB4B,wBAAwB,IACtB,kDAHiB;AADvB,KAOG/B,YAAY,CAACiB,IAAD,CAAZ,IACC;AAAK,IAAA,SAAS,EAAC;AAAf,KAAsCA,IAAtC,CARJ,EAUGjB,YAAY,CAACkB,MAAD,CAAZ,IACC,oBAAC,KAAD;AAAO,IAAA,KAAK,EAAC,GAAb;AAAiB,IAAA,MAAM,EAAC,GAAxB;AAA4B,IAAA,SAAS,EAAC;AAAtC,KACGA,MADH,CAXJ,EAeGlB,YAAY,CAACmB,SAAD,CAAZ,IACC,oBAAC,OAAD;AAAS,IAAA,SAAS,EAAC;AAAnB,KAA+CA,SAA/C,CAhBJ,EAmBGC,QAnBH,EAqBGpB,YAAY,CAACqB,OAAD,CAAZ,IACC;AACE,IAAA,SAAS,EAAElB,UAAU,CACnB,wBADmB,EAEnBmB,aAAa,KAAK,UAAlB,IAAgC,2BAFb;AADvB,KAMGD,OANH,CAtBJ,EAgCGY,eAAe,IAAI,oBAAC,kBAAD;AAAoB,IAAA,OAAO,EAAEP;AAA7B,IAhCtB,EAiCGU,kBAAkB,IACjB,oBAAC,iBAAD;AACE,kBAAYT,YADd;AAEE,IAAA,SAAS,EAAC,wBAFZ;AAGE,IAAA,OAAO,EAAED;AAHX,KAKE,oBAAC,aAAD,OALF,CAlCJ,CARF,CADF;AAsDD,CAhFwC,EAiFzC;AACEH,EAAAA,SAAS,EAAE,IADb;AAEEE,EAAAA,UAAU,EAAE,IAFd;AAGED,EAAAA,QAAQ,EAAE;AAHZ,CAjFyC,CAApC;AAwFPT,aAAa,CAACsB,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":["hasReactNode","Title","Subhead","classNames","getClassName","usePlatform","ViewWidth","withAdaptivity","PanelHeaderButton","IOS","Platform","ModalDismissButton","Icon24Dismiss","useKeyboard","useAdaptivityIsDesktop","ModalCardBase","getRootRef","icon","header","subheader","children","actions","actionsLayout","viewWidth","hasMouse","viewHeight","onClose","dismissLabel","restProps","platform","isDesktop","isSoftwareKeyboardOpened","isOpened","canShowCloseBtn","SMALL_TABLET","VKCOM","canShowCloseBtnIos","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,SAASA,YAAT;AACA,SAASC,KAAT;AACA,SAASC,OAAT;AACA,SAASC,UAAT;AACA,SAASC,YAAT;AACA,SAASC,WAAT;AACA,SAASC,SAAT,EAAoBC,cAApB;AAEA,SAASC,iBAAT;AACA,SAASC,GAAT,EAAcC,QAAd;AACA,SAASC,kBAAT;AACA,SAASC,aAAT,QAA8B,kBAA9B;AACA,SAASC,WAAT;AAEA,SAASC,sBAAT;;AA0CA;AACA;AACA;AACA,OAAO,IAAMC,aAAa,GAAGR,cAAc,CAGzC,gBAcM;EAAA,IAbJS,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,GAAGxB,WAAW,EAA5B;EACA,IAAMyB,SAAS,GAAGhB,sBAAsB,EAAxC;EACA,IAAMiB,wBAAwB,GAAGlB,WAAW,GAAGmB,QAA/C;EAEA,IAAMC,eAAe,GACnBV,SAAS,IAAIjB,SAAS,CAAC4B,YAAvB,IAAuCL,QAAQ,KAAKnB,QAAQ,CAACyB,KAD/D;EAEA,IAAMC,kBAAkB,GAAGP,QAAQ,KAAKpB,GAAb,IAAoB,CAACwB,eAAhD;EAEA,OACE,wCACML,SADN;IAEE,SAAS,EAAEzB,UAAU,CACnBC,YAAY,CAAC,eAAD,EAAkByB,QAAlB,CADO,EAEnBC,SAAS,IAAI,wBAFM,CAFvB;IAME,GAAG,EAAEd;EANP,IAQE;IACE,SAAS,EAAEb,UAAU,CACnB,0BADmB,EAEnB4B,wBAAwB,IACtB,kDAHiB;EADvB,GAOG/B,YAAY,CAACiB,IAAD,CAAZ,IACC;IAAK,SAAS,EAAC;EAAf,GAAsCA,IAAtC,CARJ,EAUGjB,YAAY,CAACkB,MAAD,CAAZ,IACC,oBAAC,KAAD;IAAO,KAAK,EAAC,GAAb;IAAiB,MAAM,EAAC,GAAxB;IAA4B,SAAS,EAAC;EAAtC,GACGA,MADH,CAXJ,EAeGlB,YAAY,CAACmB,SAAD,CAAZ,IACC,oBAAC,OAAD;IAAS,SAAS,EAAC;EAAnB,GAA+CA,SAA/C,CAhBJ,EAmBGC,QAnBH,EAqBGpB,YAAY,CAACqB,OAAD,CAAZ,IACC;IACE,SAAS,EAAElB,UAAU,CACnB,wBADmB,EAEnBmB,aAAa,KAAK,UAAlB,IAAgC,2BAFb;EADvB,GAMGD,OANH,CAtBJ,EAgCGY,eAAe,IAAI,oBAAC,kBAAD;IAAoB,OAAO,EAAEP;EAA7B,EAhCtB,EAiCGU,kBAAkB,IACjB,oBAAC,iBAAD;IACE,cAAYT,YADd;IAEE,SAAS,EAAC,wBAFZ;IAGE,OAAO,EAAED;EAHX,GAKE,oBAAC,aAAD,OALF,CAlCJ,CARF,CADF;AAsDD,CAhFwC,EAiFzC;EACEH,SAAS,EAAE,IADb;EAEEE,UAAU,EAAE,IAFd;EAGED,QAAQ,EAAE;AAHZ,CAjFyC,CAApC;AAwFPT,aAAa,CAACsB,WAAd,GAA4B,eAA5B"}

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

@@ -4,8 +4,6 @@ var _excluded = ["aria-label"];
 import { createScopedElement } from "../../lib/jsxRuntime";
 import { Icon20Cancel } from "@vkontakte/icons";
 import { Tappable } from "../Tappable/Tappable";
-import { getClassName } from "../../helpers/getClassName";
-import { usePlatform } from "../../hooks/usePlatform";
 /**
  * @see https://vkcom.github.io/VKUI/#/ModalDismissButton
@@ -15,9 +13,8 @@ export var ModalDismissButton = function ModalDismissButton(_ref) {
       ariaLabel = _ref$ariaLabel === void 0 ? "Закрыть" : _ref$ariaLabel,
       restProps = _objectWithoutProperties(_ref, _excluded);
-  var platform = usePlatform();
   return createScopedElement(Tappable, _extends({
-    vkuiClass: getClassName("ModalDismissButton", platform)
+    vkuiClass: "ModalDismissButton"
   }, restProps, {
     "aria-label": ariaLabel,
     activeMode: "ModalDismissButton--active",

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

	@@ -1 +1 @@
1	- {"version":3,"~~sources~~":["~~../../../src/components/~~ModalDismissButton~~/ModalDismissButton~~.~~tsx~~"],"names":["Icon20Cancel","Tappable","~~getClassName","usePlatform","~~ModalDismissButton","ariaLabel","restProps"~~,"platform"~~],"~~mappings~~":";;;;AACA,SAASA,YAAT,QAA6B,kBAA7B;AACA,SAASC,QAAT;AACA,SAASC,YAAT;AACA,SAASC,WAAT;;AAKA;AACA;AACA;AACA,OAAO,IAAMC,kBAAkB,GAAG,SAArBA,kBAAqB,OAGH;AAAA,4BAF7B,YAE6B;AAAA,MAFfC,SAEe,+BAFH,SAEG;AAAA,MAD1BC,SAC0B;;AAC7B,MAAMC,QAAQ,GAAGJ,WAAW,EAA5B;AAEA,SACE,oBAAC,QAAD;AACE,IAAA,SAAS,EAAED,YAAY,CAAC,oBAAD,EAAuBK,QAAvB;AADzB,KAEMD,SAFN;AAGE,kBAAYD,SAHd;AAIE,IAAA,UAAU,EAAC,4BAJb;AAKE,IAAA,SAAS,EAAC;AALZ,MAOE,oBAAC,YAAD,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":["Icon20Cancel","Tappable","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,SAASA,YAAT,QAA6B,kBAA7B;AACA,SAASC,QAAT;;AAKA;AACA;AACA;AACA,OAAO,IAAMC,kBAAkB,GAAG,SAArBA,kBAAqB,OAGH;EAAA,0BAF7B,YAE6B;EAAA,IAFfC,SAEe,+BAFH,SAEG;EAAA,IAD1BC,SAC0B;;EAC7B,OACE,oBAAC,QAAD;IACE,SAAS,EAAC;EADZ,GAEMA,SAFN;IAGE,cAAYD,SAHd;IAIE,UAAU,EAAC,4BAJb;IAKE,SAAS,EAAC;EALZ,IAOE,oBAAC,YAAD,OAPF,CADF;AAWD,CAfM"}

package/dist/components/ModalPage/ModalPage.d.ts CHANGED Viewed

@@ -7,6 +7,14 @@ export interface ModalPageProps extends React.HTMLAttributes<HTMLDivElement>, Ad
      * Шапка модальной страницы, `<ModalPageHeader />`
      */
     header?: React.ReactNode;
+    /**
+     * Задаёт контенту максимальную ширину.
+     *
+     * > ⚠️ **Заметки:**
+     * > - Для `viewWidth < SMALL_TABLET_SIZE` будет всегда `"s"`
+     * > - Для `platform === VKCOM` максимальная ширина зашита, её не изменить.
+     */
+    size?: "s" | "m" | "l";
     /**
      * Будет вызвано при начале открытия модалки.
      */
@@ -32,8 +40,12 @@ export interface ModalPageProps extends React.HTMLAttributes<HTMLDivElement>, Ad
      */
     dynamicContentHeight?: boolean;
     getModalContentRef?: React.Ref<HTMLDivElement>;
+    /**
+     * Скрывает кнопку закрытия (актуально для iOS, т.к. можно отрисовать кнопку закрытия внутри модалки)
+     */
+    hideCloseButton?: boolean;
 }
 /**
  * @see https://vkcom.github.io/VKUI/#/ModalPage
  */
-export declare const ModalPage: React.FC<Pick<ModalPageProps & AdaptivityContextInterface, "hidden" | "dir" | "header" | "nav" | "slot" | "style" | "title" | "color" | "translate" | "prefix" | "children" | "className" | "id" | "lang" | "role" | "tabIndex" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "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" | "onOpen" | "onOpened" | "onClose" | "onClosed" | "settlingHeight" | "dynamicContentHeight" | "getModalContentRef"> & import("../AdaptivityProvider/AdaptivityContext").SizeProps>;
+export declare const ModalPage: React.FC<Pick<ModalPageProps & AdaptivityContextInterface, "hidden" | "dir" | "header" | "nav" | "slot" | "style" | "title" | "color" | "size" | "translate" | "prefix" | "children" | "className" | "id" | "lang" | "role" | "tabIndex" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "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" | "onOpen" | "onOpened" | "onClose" | "onClosed" | "settlingHeight" | "dynamicContentHeight" | "getModalContentRef" | "hideCloseButton"> & import("../AdaptivityProvider/AdaptivityContext").SizeProps>;

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

@@ -1,14 +1,13 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-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"];
 import { createScopedElement } from "../../lib/jsxRuntime";
 import * as React from "react";
-import { getClassName } from "../../helpers/getClassName";
 import { classNames } from "../../lib/classNames";
 import { ModalRootContext, useModalRegistry } from "../ModalRoot/ModalRootContext";
 import { usePlatform } from "../../hooks/usePlatform";
 import { useOrientationChange } from "../../hooks/useOrientationChange";
-import { withAdaptivity, ViewWidth } from "../../hoc/withAdaptivity";
+import { withAdaptivity } from "../../hoc/withAdaptivity";
 import { ModalDismissButton } from "../ModalDismissButton/ModalDismissButton";
 import { multiRef } from "../../lib/utils";
 import { ModalType } from "../ModalRoot/types";
@@ -21,6 +20,8 @@ var warn = 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,
@@ -34,6 +35,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 = _objectWithoutProperties(_ref, _excluded);
   var _React$useContext = React.useContext(ModalRootContext),
@@ -43,7 +46,8 @@ var ModalPageComponent = function ModalPageComponent(_ref) {
   var orientation = useOrientationChange();
   React.useEffect(updateModalHeight, [children, orientation, updateModalHeight]);
   var isDesktop = useAdaptivityIsDesktop();
-  var canShowCloseBtn = viewWidth >= ViewWidth.SMALL_TABLET || platform === Platform.VKCOM;
+  var isCloseButtonShown = !hideCloseButton && isDesktop;
+  var size = isDesktop ? sizeProp : "s";
   var modalContext = React.useContext(ModalRootContext);
   var _useModalRegistry = useModalRegistry(getNavId({
@@ -53,11 +57,9 @@ var ModalPageComponent = function ModalPageComponent(_ref) {
       refs = _useModalRegistry.refs;
   return createScopedElement("div", _extends({}, restProps, {
-    id: id // eslint-disable-next-line vkui/no-object-expression-in-arguments
-    ,
-    vkuiClass: classNames(getClassName("ModalPage", platform), "ModalPage--sizeX-".concat(sizeX), {
-      "ModalPage--desktop": isDesktop
-    })
+    id: id,
+    vkuiClass: classNames("ModalPage", platform === Platform.IOS && "ModalPage--ios", platform === Platform.VKCOM && "ModalPage--vkcom", "ModalPage--sizeX-".concat(sizeX), // TODO v5.0.0 поправить под новую адаптивность
+    isDesktop && "ModalPage--desktop", size && "ModalPage--".concat(size))
   }), createScopedElement("div", {
     vkuiClass: "ModalPage__in-wrap",
     ref: refs.innerElement
@@ -73,7 +75,7 @@ var ModalPageComponent = function ModalPageComponent(_ref) {
     ref: multiRef(refs.contentElement, getModalContentRef)
   }, createScopedElement("div", {
     vkuiClass: "ModalPage__content-in"
-  }, children))), canShowCloseBtn && createScopedElement(ModalDismissButton, {
+  }, children))), isCloseButtonShown && createScopedElement(ModalDismissButton, {
     onClick: onClose || modalContext.onClose
   }))));
 };