npm - @vkontakte/vkui - Versions diffs - 5.0.0-beta.3 → 5.0.0-beta.4 - Mend

@vkontakte/vkui 5.0.0-beta.3 → 5.0.0-beta.4

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 (575) hide show

package/README.md CHANGED Viewed

@@ -14,9 +14,19 @@ VKUI — это библиотека адаптивных React-компонен
 ## Установка
-`npm i @vkontakte/vkui` или `yarn add @vkontakte/vkui`
+**npm:**
-**Важно:** Нужно установить вручную [`peerDependencies`](package.json#L104-L112), либо использовать npm7+ который делает это автоматически.
+```sh
+npm i @vkontakte/vkui @vkontakte/icons @vkontakte/vk-bridge
+```
+**yarn:**
+```sh
+yarn add @vkontakte/vkui @vkontakte/icons @vkontakte/vk-bridge
+```
+> _Обратите внимание_: мы поддерживаем [react](https://www.npmjs.com/package/react) и [react-dom](https://www.npmjs.com/package/react-dom) `^17.0.0` и `^18.1.0`
 ## Hello World

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

@@ -26,5 +26,5 @@ export interface ActionSheetItemProps extends React.HTMLAttributes<HTMLElement>,
 /**
  * @see https://vkcom.github.io/VKUI/#/ActionSheetItem
  */
-declare const ActionSheetItem: ({ children, autoClose, mode, meta, subtitle, before, selectable, value, name, checked, defaultChecked, onChange, onClick, onImmediateClick, multiline, iconChecked, className, ...restProps }: ActionSheetItemProps) => JSX.Element;
+declare const ActionSheetItem: ({ children, autoClose, mode, meta, subtitle, before, selectable, value, name, checked, defaultChecked, onChange, onClick, onImmediateClick, multiline, iconChecked: iconCheckedProp, className, ...restProps }: ActionSheetItemProps) => JSX.Element;
 export { ActionSheetItem };

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

@@ -13,6 +13,7 @@ var _getSizeYClassName = require("../../helpers/getSizeYClassName");
 var _classNames = require("../../lib/classNames");
 var _Tappable = require("../Tappable/Tappable");
 var _usePlatform = require("../../hooks/usePlatform");
+var _adaptivity = require("../../lib/adaptivity");
 var _utils = require("../../lib/utils");
 var _platform = require("../../lib/platform");
 var _Subhead = require("../Typography/Subhead/Subhead");
@@ -20,16 +21,7 @@ var _Text = require("../Typography/Text/Text");
 var _icons = require("@vkontakte/icons");
 var _ActionSheetContext = require("../ActionSheet/ActionSheetContext");
 var _useAdaptivityWithJSMediaQueries = require("../../hooks/useAdaptivityWithJSMediaQueries");
-var _SizeYConditionalRender = require("../SizeYConditionalRender/SizeYConditionalRender");
 var _excluded = ["children", "autoClose", "mode", "meta", "subtitle", "before", "selectable", "value", "name", "checked", "defaultChecked", "onChange", "onClick", "onImmediateClick", "multiline", "iconChecked", "className"];
-var defaultIconChecked = /*#__PURE__*/React.createElement(_SizeYConditionalRender.SizeYConditionalRender, {
-  compact: /*#__PURE__*/React.createElement(_icons.Icon20CheckCircleOn, {
-    "aria-hidden": true
-  }),
-  regular: /*#__PURE__*/React.createElement(_icons.Icon24CheckCircleOn, {
-    "aria-hidden": true
-  })
-});
 /**
  * @see https://vkcom.github.io/VKUI/#/ActionSheetItem
  */
@@ -51,8 +43,7 @@ var ActionSheetItem = function ActionSheetItem(_ref) {
     onImmediateClick = _ref.onImmediateClick,
     _ref$multiline = _ref.multiline,
     multiline = _ref$multiline === void 0 ? false : _ref$multiline,
-    _ref$iconChecked = _ref.iconChecked,
-    iconChecked = _ref$iconChecked === void 0 ? defaultIconChecked : _ref$iconChecked,
+    iconCheckedProp = _ref.iconChecked,
     className = _ref.className,
     restProps = (0, _objectWithoutProperties2.default)(_ref, _excluded);
   var platform = (0, _usePlatform.usePlatform)();
@@ -64,6 +55,11 @@ var ActionSheetItem = function ActionSheetItem(_ref) {
     isDesktop = _React$useContext.isDesktop;
   var _useAdaptivityWithJSM = (0, _useAdaptivityWithJSMediaQueries.useAdaptivityWithJSMediaQueries)(),
     sizeY = _useAdaptivityWithJSM.sizeY;
+  var iconChecked = iconCheckedProp || (sizeY === _adaptivity.SizeType.COMPACT ? /*#__PURE__*/React.createElement(_icons.Icon20CheckCircleOn, {
+    "aria-hidden": true
+  }) : /*#__PURE__*/React.createElement(_icons.Icon24CheckCircleOn, {
+    "aria-hidden": true
+  }));
   var Component = restProps.href ? "a" : "div";
   if (selectable) {
     Component = "label";

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

	@@ -1 +1 @@
1	- {"version":3,"file":"ActionSheetItem.js","names":["~~defaultIconChecked","~~ActionSheetItem","children","autoClose","mode","meta","subtitle","before","selectable","value","name","checked","defaultChecked","onChange","onClick","onImmediateClick","multiline","iconChecked","className","restProps","platform","usePlatform","React","useContext","ActionSheetContext","onItemClick","noop","isDesktop","useAdaptivityWithJSMediaQueries","sizeY","Component","href","isRich","isCentered","Platform","IOS","Boolean","undefined","classNamesString","styles","getSizeYClassName","disabled"],"sources":["../../../../src/components/ActionSheetItem/ActionSheetItem.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { getSizeYClassName } from \"../../helpers/getSizeYClassName\";\nimport { classNamesString } from \"../../lib/classNames\";\nimport { Tappable } from \"../Tappable/Tappable\";\nimport { usePlatform } from \"../../hooks/usePlatform\";\nimport { noop } from \"../../lib/utils\";\nimport { Platform } from \"../../lib/platform\";\nimport { Subhead } from \"../Typography/Subhead/Subhead\";\nimport { Text } from \"../Typography/Text/Text\";\nimport { Icon20CheckCircleOn, Icon24CheckCircleOn } from \"@vkontakte/icons\";\nimport {\n ActionSheetContext,\n type ActionSheetContextType,\n} from \"../ActionSheet/ActionSheetContext\";\nimport { useAdaptivityWithJSMediaQueries } from \"../../hooks/useAdaptivityWithJSMediaQueries\";\nimport ~~{ SizeYConditionalRender } from \"../SizeYConditionalRender/SizeYConditionalRender\";\nimport~~ styles from \"./ActionSheetItem.module.css\";\n\~~nconst defaultIconChecked = (\n <SizeYConditionalRender\n compact={<Icon20CheckCircleOn aria-hidden />}\n regular={<Icon24CheckCircleOn aria-hidden />}\n />\n);\n\~~nexport interface ActionSheetItemProps\n extends React.HTMLAttributes<HTMLElement>,\n React.AnchorHTMLAttributes<HTMLElement>,\n Pick<\n React.InputHTMLAttributes<HTMLInputElement>,\n \"name\" \| \"checked\" \| \"value\"\n > {\n mode?: \"default\" \| \"destructive\" \| \"cancel\";\n before?: React.ReactNode;\n meta?: React.ReactNode;\n subtitle?: React.ReactNode;\n autoClose?: boolean;\n selectable?: boolean;\n disabled?: boolean;\n /*\n Все текстовые элементы при необходимости занимают несколько строк\n /\n multiline?: boolean;\n /\n Если autoClose === true, onClick будет вызван после завершения анимации скрытия и после вызова onClose.\n * Из этого следует, что в объекте события значения полей типа `currentTarget` будут не определены.\n * Если вам нужен объект события именно на момент клика, используйте `onImmediateClick`.\n /\n onClick?: React.MouseEventHandler<HTMLElement>;\n onImmediateClick?: React.MouseEventHandler<HTMLElement>;\n /\n Иконка для `checked` режима.\n /\n iconChecked?: React.ReactNode;\n}\n\n/\n @see https://vkcom.github.io/VKUI/#/ActionSheetItem\n */\nconst ActionSheetItem = ({\n children,\n autoClose,\n mode = \"default\",\n meta,\n subtitle,\n before,\n selectable,\n value,\n name,\n checked,\n defaultChecked,\n onChange,\n onClick,\n onImmediateClick,\n multiline = false,\n iconChecked ~~= defaultIconChecked~~,\n className,\n ...restProps\n}: ActionSheetItemProps) => {\n const platform = usePlatform();\n const { onItemClick = () => noop, isDesktop } =\n React.useContext<ActionSheetContextType<HTMLElement>>(ActionSheetContext);\n const { sizeY } = useAdaptivityWithJSMediaQueries();\n\n let Component: React.ElementType = restProps.href ? \"a\" : \"div\";\n\n if (selectable) {\n Component = \"label\";\n }\n\n const isRich = subtitle \|\| meta \|\| selectable;\n const isCentered = !isRich && !before && platform === Platform.IOS;\n\n return (\n <Tappable\n {...restProps}\n onClick={\n selectable\n ? onClick\n : onItemClick(onClick, onImmediateClick, Boolean(autoClose))\n }\n activeMode={\n platform === Platform.IOS\n ? styles[\"ActionSheetItem--active\"]\n : undefined\n }\n className={classNamesString(\n styles[\"ActionSheetItem\"],\n platform === Platform.IOS && styles[\"ActionSheetItem--ios\"],\n styles[`ActionSheetItem--mode-${mode}`],\n getSizeYClassName(styles[\"ActionSheetItem\"], sizeY),\n isRich && styles[\"ActionSheetItem--rich\"],\n isDesktop && styles[\"ActionSheetItem--desktop\"],\n className\n )}\n Component={Component}\n >\n {before && (\n <div className={styles[\"ActionSheetItem__before\"]}>{before}</div>\n )}\n <div\n className={classNamesString(\n styles[\"ActionSheetItem__container\"],\n !multiline && styles[\"ActionSheetItem--ellipsis\"]\n )}\n >\n <div\n className={classNamesString(\n styles[\"ActionSheetItem__content\"],\n isCentered && styles[\"ActionSheetItem--centered\"]\n )}\n >\n <Text\n weight={mode === \"cancel\" ? \"2\" : undefined}\n className={styles[\"ActionSheetItem__children\"]}\n >\n {children}\n </Text>\n {meta && (\n <Text className={styles[\"ActionSheetItem__meta\"]}>{meta}</Text>\n )}\n </div>\n {subtitle && (\n <Subhead className={styles[\"ActionSheetItem__subtitle\"]}>\n {subtitle}\n </Subhead>\n )}\n </div>\n {selectable && (\n <div className={styles[\"ActionSheetItem__after\"]}>\n <input\n type=\"radio\"\n className={styles[\"ActionSheetItem__radio\"]}\n name={name}\n value={value}\n onChange={onChange}\n onClick={onItemClick(noop, noop, Boolean(autoClose))}\n defaultChecked={defaultChecked}\n checked={checked}\n disabled={restProps.disabled}\n />\n <div className={styles[\"ActionSheetItem__marker\"]}>{iconChecked}</div>\n </div>\n )}\n </Tappable>\n );\n};\n\nexport { ActionSheetItem };\n"],"mappings":";;;;;;;;;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;~~AAIA;~~AACA;~~AAA0F~~;~~AAG1F,IAAMA,kBAAkB,gBACtB,oBAAC,8CAAsB~~;~~EACrB,OAAO,eAAE,oBAAC,0BAAmB~~;~~IAAC;EAAW,EAAI;EAC7C,OAAO,eAAE,oBAAC,0BAAmB;IAAC;EAAW;AAAI,EAEhD;AAiCD;~~AACA;AACA;AACA,~~IAAMC~~,eAAe,GAAG,SAAlBA,eAAe,OAmBO;EAAA,IAlB1BC,QAAQ,QAARA,QAAQ;IACRC,SAAS,QAATA,SAAS;IAAA,iBACTC,IAAI;IAAJA,IAAI,0BAAG,SAAS;IAChBC,IAAI,QAAJA,IAAI;IACJC,QAAQ,QAARA,QAAQ;IACRC,MAAM,QAANA,MAAM;IACNC,UAAU,QAAVA,UAAU;IACVC,KAAK,QAALA,KAAK;IACLC,IAAI,QAAJA,IAAI;IACJC,OAAO,QAAPA,OAAO;IACPC,cAAc,QAAdA,cAAc;IACdC,QAAQ,QAARA,QAAQ;IACRC,OAAO,QAAPA,OAAO;IACPC,gBAAgB,QAAhBA,gBAAgB;IAAA,sBAChBC,SAAS;IAATA,SAAS,+BAAG,KAAK;~~IAAA~~,~~wBACjBC~~,~~WAAW;IAAXA~~,WAAW~~,iCAAGjB,kBAAkB~~;~~IAChCkB~~,SAAS,QAATA,SAAS;IACNC,SAAS;EAEZ,IAAMC,QAAQ,GAAG,IAAAC,wBAAW,GAAE;EAC9B,wBACEC,KAAK,CAACC,UAAU,CAAsCC,sCAAkB,CAAC;IAAA,0CADnEC,WAAW;IAAXA,WAAW,sCAAG;MAAA,OAAMC,WAAI;IAAA;IAAEC,SAAS,qBAATA,SAAS;EAE3C,4BAAkB,IAAAC,gEAA+B,GAAE;IAA3CC,KAAK,yBAALA,KAAK;EAEb,IAAIC,SAA4B,~~GAAGX~~,SAAS,~~CAACY~~,IAAI,GAAG,GAAG,GAAG,KAAK;EAE/D,~~IAAIvB~~,UAAU,EAAE;~~IACdsB~~,SAAS,GAAG,OAAO;EACrB;EAEA,IAAME,MAAM,~~GAAG1B~~,QAAQ,IAAID,IAAI,IAAIG,UAAU;EAC7C,~~IAAMyB~~,UAAU,GAAG,CAACD,MAAM,IAAI,~~CAACzB~~,MAAM,~~IAAIa~~,QAAQ,~~KAAKc~~,kBAAQ,CAACC,GAAG;EAElE,oBACE,oBAAC,kBAAQ,~~6BACHhB~~,SAAS;IACb,OAAO,~~EACLX~~,UAAU,GACNM,OAAO,~~GACPW~~,WAAW,~~CAACX~~,OAAO,EAAEC,gBAAgB,~~EAAEqB~~,OAAO,~~CAACjC~~,SAAS,CAAC,CAC9D;IACD,UAAU,~~EACRiB~~,QAAQ,~~KAAKc~~,kBAAQ,CAACC,GAAG,mCAErBE,SACL;IACD,SAAS,EAAE,IAAAC,4BAAgB,~~yBAEzBlB~~,QAAQ,~~KAAKc~~,kBAAQ,CAACC,GAAG,8BAAkC,EAC3DI,MAAM,~~iCAA0BnC~~,IAAI,EAAG,EACvC,~~IAAAoC~~,oCAAiB,~~yBAA4BX~~,KAAK,CAAC,~~EACnDG~~,MAAM,+BAAmC,~~EACzCL~~,SAAS,kCAAsC,EAC/CT,SAAS,CACT;IACF,SAAS,~~EAAEY~~;EAAU,~~IAEpBvB~~,MAAM,iBACL;IAAK,SAAS;EAAoC,GAAEA,MAAM,CAC3D,eACD;IACE,SAAS,EAAE,~~IAAA+B~~,4BAAgB,oCAEzB,~~CAACtB~~,SAAS,mCAAuC;EACjD,gBAEF;IACE,SAAS,EAAE,~~IAAAsB~~,4BAAgB,kCAEzBL,UAAU,mCAAuC;EACjD,gBAEF,oBAAC,UAAI;IACH,MAAM,~~EAAE7B~~,IAAI,KAAK,QAAQ,GAAG,GAAG,~~GAAGiC~~,SAAU;IAC5C,SAAS;EAAsC,~~GAE9CnC~~,QAAQ,CACJ,EACNG,IAAI,iBACH,oBAAC,UAAI;IAAC,SAAS;EAAkC,GAAEA,IAAI,CACxD,CACG,EACLC,QAAQ,iBACP,oBAAC,gBAAO;IAAC,SAAS;EAAsC,GACrDA,QAAQ,CAEZ,CACG,EACLE,UAAU,iBACT;IAAK,SAAS;EAAmC,gBAC/C;IACE,IAAI,EAAC,OAAO;IACZ,SAAS,8BAAmC;IAC5C,IAAI,EAAEE,IAAK;IACX,KAAK,EAAED,KAAM;IACb,QAAQ,EAAEI,QAAS;IACnB,OAAO,~~EAAEY~~,WAAW,CAACC,WAAI,EAAEA,WAAI,~~EAAEU~~,OAAO,~~CAACjC~~,SAAS,CAAC,CAAE;IACrD,cAAc,EAAES,cAAe;IAC/B,OAAO,EAAED,OAAQ;IACjB,QAAQ,~~EAAEQ~~,SAAS,~~CAACsB~~;EAAS,EAC7B,eACF;IAAK,SAAS;EAAoC,~~GAAExB~~,WAAW,CAAO,CAEzE,CACQ;AAEf,CAAC;AAAC;AAAA;EAAA;EAAA;EAAA;AAAA"}
1	+ {"version":3,"file":"ActionSheetItem.js","names":["ActionSheetItem","children","autoClose","mode","meta","subtitle","before","selectable","value","name","checked","defaultChecked","onChange","onClick","onImmediateClick","multiline","iconCheckedProp","iconChecked","className","restProps","platform","usePlatform","React","useContext","ActionSheetContext","onItemClick","noop","isDesktop","useAdaptivityWithJSMediaQueries","sizeY","SizeType","COMPACT","Component","href","isRich","isCentered","Platform","IOS","Boolean","undefined","classNamesString","styles","getSizeYClassName","disabled"],"sources":["../../../../src/components/ActionSheetItem/ActionSheetItem.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { getSizeYClassName } from \"../../helpers/getSizeYClassName\";\nimport { classNamesString } from \"../../lib/classNames\";\nimport { Tappable } from \"../Tappable/Tappable\";\nimport { usePlatform } from \"../../hooks/usePlatform\";\nimport { SizeType } from \"../../lib/adaptivity\";\nimport { noop } from \"../../lib/utils\";\nimport { Platform } from \"../../lib/platform\";\nimport { Subhead } from \"../Typography/Subhead/Subhead\";\nimport { Text } from \"../Typography/Text/Text\";\nimport { Icon20CheckCircleOn, Icon24CheckCircleOn } from \"@vkontakte/icons\";\nimport {\n ActionSheetContext,\n type ActionSheetContextType,\n} from \"../ActionSheet/ActionSheetContext\";\nimport { useAdaptivityWithJSMediaQueries } from \"../../hooks/useAdaptivityWithJSMediaQueries\";\nimport styles from \"./ActionSheetItem.module.css\";\n\nexport interface ActionSheetItemProps\n extends React.HTMLAttributes<HTMLElement>,\n React.AnchorHTMLAttributes<HTMLElement>,\n Pick<\n React.InputHTMLAttributes<HTMLInputElement>,\n \"name\" \| \"checked\" \| \"value\"\n > {\n mode?: \"default\" \| \"destructive\" \| \"cancel\";\n before?: React.ReactNode;\n meta?: React.ReactNode;\n subtitle?: React.ReactNode;\n autoClose?: boolean;\n selectable?: boolean;\n disabled?: boolean;\n /*\n Все текстовые элементы при необходимости занимают несколько строк\n /\n multiline?: boolean;\n /\n Если autoClose === true, onClick будет вызван после завершения анимации скрытия и после вызова onClose.\n * Из этого следует, что в объекте события значения полей типа `currentTarget` будут не определены.\n * Если вам нужен объект события именно на момент клика, используйте `onImmediateClick`.\n /\n onClick?: React.MouseEventHandler<HTMLElement>;\n onImmediateClick?: React.MouseEventHandler<HTMLElement>;\n /\n Иконка для `checked` режима.\n /\n iconChecked?: React.ReactNode;\n}\n\n/\n @see https://vkcom.github.io/VKUI/#/ActionSheetItem\n */\nconst ActionSheetItem = ({\n children,\n autoClose,\n mode = \"default\",\n meta,\n subtitle,\n before,\n selectable,\n value,\n name,\n checked,\n defaultChecked,\n onChange,\n onClick,\n onImmediateClick,\n multiline = false,\n iconChecked: iconCheckedProp,\n className,\n ...restProps\n}: ActionSheetItemProps) => {\n const platform = usePlatform();\n const { onItemClick = () => noop, isDesktop } =\n React.useContext<ActionSheetContextType<HTMLElement>>(ActionSheetContext);\n const { sizeY } = useAdaptivityWithJSMediaQueries();\n\n const iconChecked =\n iconCheckedProp \|\|\n (sizeY === SizeType.COMPACT ? (\n <Icon20CheckCircleOn aria-hidden />\n ) : (\n <Icon24CheckCircleOn aria-hidden />\n ));\n\n let Component: React.ElementType = restProps.href ? \"a\" : \"div\";\n\n if (selectable) {\n Component = \"label\";\n }\n\n const isRich = subtitle \|\| meta \|\| selectable;\n const isCentered = !isRich && !before && platform === Platform.IOS;\n\n return (\n <Tappable\n {...restProps}\n onClick={\n selectable\n ? onClick\n : onItemClick(onClick, onImmediateClick, Boolean(autoClose))\n }\n activeMode={\n platform === Platform.IOS\n ? styles[\"ActionSheetItem--active\"]\n : undefined\n }\n className={classNamesString(\n styles[\"ActionSheetItem\"],\n platform === Platform.IOS && styles[\"ActionSheetItem--ios\"],\n styles[`ActionSheetItem--mode-${mode}`],\n getSizeYClassName(styles[\"ActionSheetItem\"], sizeY),\n isRich && styles[\"ActionSheetItem--rich\"],\n isDesktop && styles[\"ActionSheetItem--desktop\"],\n className\n )}\n Component={Component}\n >\n {before && (\n <div className={styles[\"ActionSheetItem__before\"]}>{before}</div>\n )}\n <div\n className={classNamesString(\n styles[\"ActionSheetItem__container\"],\n !multiline && styles[\"ActionSheetItem--ellipsis\"]\n )}\n >\n <div\n className={classNamesString(\n styles[\"ActionSheetItem__content\"],\n isCentered && styles[\"ActionSheetItem--centered\"]\n )}\n >\n <Text\n weight={mode === \"cancel\" ? \"2\" : undefined}\n className={styles[\"ActionSheetItem__children\"]}\n >\n {children}\n </Text>\n {meta && (\n <Text className={styles[\"ActionSheetItem__meta\"]}>{meta}</Text>\n )}\n </div>\n {subtitle && (\n <Subhead className={styles[\"ActionSheetItem__subtitle\"]}>\n {subtitle}\n </Subhead>\n )}\n </div>\n {selectable && (\n <div className={styles[\"ActionSheetItem__after\"]}>\n <input\n type=\"radio\"\n className={styles[\"ActionSheetItem__radio\"]}\n name={name}\n value={value}\n onChange={onChange}\n onClick={onItemClick(noop, noop, Boolean(autoClose))}\n defaultChecked={defaultChecked}\n checked={checked}\n disabled={restProps.disabled}\n />\n <div className={styles[\"ActionSheetItem__marker\"]}>{iconChecked}</div>\n </div>\n )}\n </Tappable>\n );\n};\n\nexport { ActionSheetItem };\n"],"mappings":"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"}

package/dist/cjs/components/AdaptivityProvider/AdaptivityContext.d.ts CHANGED Viewed

@@ -16,10 +16,10 @@ export interface AdaptivityProps extends SizeProps {
     /**
      * @ignore
      */
-    hasMouse?: boolean;
+    hasPointer?: boolean;
     /**
      * @ignore
      */
-    deviceHasHover?: boolean;
+    hasHover?: boolean;
 }
 export declare const AdaptivityContext: React.Context<AdaptivityProps>;

package/dist/cjs/components/AdaptivityProvider/AdaptivityContext.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"AdaptivityContext.js","names":["AdaptivityContext","React","createContext"],"sources":["../../../../src/components/AdaptivityProvider/AdaptivityContext.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { SizeType, ViewWidth, ViewHeight } from \"../../lib/adaptivity\";\n\nexport interface SizeProps {\n sizeX?: SizeType;\n sizeY?: SizeType;\n}\n\nexport interface AdaptivityProps extends SizeProps {\n /*\n @ignore\n /\n viewWidth?: ViewWidth;\n /\n @ignore\n /\n viewHeight?: ViewHeight;\n /\n @ignore\n /\n ~~hasMouse~~?: boolean;\n /\n @ignore\n */\n ~~deviceHasHover~~?: boolean;\n}\n\nexport const AdaptivityContext = React.createContext<AdaptivityProps>({});\n"],"mappings":";;;;;;;AAAA;AA2BO,IAAMA,iBAAiB,gBAAGC,KAAK,CAACC,aAAa,CAAkB,CAAC,CAAC,CAAC;AAAC"}
1	+ {"version":3,"file":"AdaptivityContext.js","names":["AdaptivityContext","React","createContext"],"sources":["../../../../src/components/AdaptivityProvider/AdaptivityContext.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { SizeType, ViewWidth, ViewHeight } from \"../../lib/adaptivity\";\n\nexport interface SizeProps {\n sizeX?: SizeType;\n sizeY?: SizeType;\n}\n\nexport interface AdaptivityProps extends SizeProps {\n /*\n @ignore\n /\n viewWidth?: ViewWidth;\n /\n @ignore\n /\n viewHeight?: ViewHeight;\n /\n @ignore\n /\n hasPointer?: boolean;\n /\n @ignore\n */\n hasHover?: boolean;\n}\n\nexport const AdaptivityContext = React.createContext<AdaptivityProps>({});\n"],"mappings":";;;;;;;AAAA;AA2BO,IAAMA,iBAAiB,gBAAGC,KAAK,CAACC,aAAa,CAAkB,CAAC,CAAC,CAAC;AAAC"}

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

@@ -6,4 +6,4 @@ export interface AdaptivityProviderProps extends AdaptivityProps {
 /**
  * @see https://vkcom.github.io/VKUI/#/AdaptivityProvider
  */
-export declare const AdaptivityProvider: ({ viewWidth, viewHeight, sizeX, sizeY, hasMouse, deviceHasHover, children, }: React.PropsWithChildren<AdaptivityProps>) => JSX.Element;
+export declare const AdaptivityProvider: ({ viewWidth, viewHeight, sizeX, sizeY, hasPointer, hasHover, children, }: React.PropsWithChildren<AdaptivityProps>) => JSX.Element;

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

@@ -20,8 +20,8 @@ var AdaptivityProvider = function AdaptivityProvider(_ref) {
     viewHeight = _ref.viewHeight,
     sizeX = _ref.sizeX,
     sizeY = _ref.sizeY,
-    hasMouse = _ref.hasMouse,
-    deviceHasHover = _ref.deviceHasHover,
+    hasPointer = _ref.hasPointer,
+    hasHover = _ref.hasHover,
     children = _ref.children;
   var bridge = (0, _useBridgeAdaptivity.useBridgeAdaptivity)();
   var _React$useState = React.useState({
@@ -29,8 +29,8 @@ var AdaptivityProvider = function AdaptivityProvider(_ref) {
       viewHeight: viewHeight,
       sizeX: sizeX,
       sizeY: sizeY,
-      hasMouse: hasMouse,
-      deviceHasHover: deviceHasHover
+      hasPointer: hasPointer,
+      hasHover: hasHover
     }),
     _React$useState2 = (0, _slicedToArray2.default)(_React$useState, 2),
     adaptivity = _React$useState2[0],
@@ -41,10 +41,10 @@ var AdaptivityProvider = function AdaptivityProvider(_ref) {
       viewHeight: viewHeight,
       sizeX: sizeX,
       sizeY: sizeY,
-      hasMouse: hasMouse,
-      deviceHasHover: deviceHasHover
+      hasPointer: hasPointer,
+      hasHover: hasHover
     }, bridge));
-  }, [viewWidth, viewHeight, sizeX, sizeY, hasMouse, deviceHasHover, bridge]);
+  }, [viewWidth, viewHeight, sizeX, sizeY, hasPointer, hasHover, bridge]);
   return /*#__PURE__*/React.createElement(_AdaptivityContext.AdaptivityContext.Provider, {
     value: adaptivity
   }, children);
@@ -55,8 +55,8 @@ function calculateAdaptivity(_ref2, bridge) {
     viewHeight = _ref2.viewHeight,
     sizeX = _ref2.sizeX,
     sizeY = _ref2.sizeY,
-    hasMouse = _ref2.hasMouse,
-    deviceHasHover = _ref2.deviceHasHover;
+    hasPointer = _ref2.hasPointer,
+    hasHover = _ref2.hasHover;
   if (bridge.type === "adaptive") {
     var viewportWidth = bridge.viewportWidth,
       viewportHeight = bridge.viewportHeight;
@@ -117,8 +117,8 @@ function calculateAdaptivity(_ref2, bridge) {
     viewHeight: viewHeight,
     sizeX: sizeX,
     sizeY: sizeY,
-    hasMouse: hasMouse,
-    deviceHasHover: deviceHasHover
+    hasPointer: hasPointer,
+    hasHover: hasHover
   };
 }
 //# sourceMappingURL=AdaptivityProvider.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"AdaptivityProvider.js","names":["AdaptivityProvider","viewWidth","viewHeight","sizeX","sizeY","~~hasMouse~~","~~deviceHasHover~~","children","bridge","useBridgeAdaptivity","React","useState","adaptivity","setAdaptivity","useEffect","calculateAdaptivity","type","viewportWidth","viewportHeight","BREAKPOINTS","DESKTOP","ViewWidth","TABLET","SMALL_TABLET","MOBILE","SMALL_MOBILE","MEDIUM_HEIGHT","ViewHeight","MEDIUM","MOBILE_LANDSCAPE_HEIGHT","SMALL","EXTRA_SMALL","SizeType","COMPACT","REGULAR","~~_hasMouse~~","undefined"],"sources":["../../../../src/components/AdaptivityProvider/AdaptivityProvider.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { hasMouse as ~~_hasMouse~~ } from \"@vkontakte/vkjs\";\nimport {\n SizeType,\n ViewWidth,\n ViewHeight,\n BREAKPOINTS,\n} from \"../../lib/adaptivity\";\nimport {\n useBridgeAdaptivity,\n BridgeAdaptivity,\n} from \"../../hooks/useBridgeAdaptivity\";\nimport { type AdaptivityProps, AdaptivityContext } from \"./AdaptivityContext\";\n\nexport interface AdaptivityProviderProps extends AdaptivityProps {\n children?: React.ReactNode;\n}\n\n/*\n @see https://vkcom.github.io/VKUI/#/AdaptivityProvider\n */\nexport const AdaptivityProvider = ({\n viewWidth,\n viewHeight,\n sizeX,\n sizeY,\n ~~hasMouse~~,\n ~~deviceHasHover~~,\n children,\n}: React.PropsWithChildren<AdaptivityProps>) => {\n const bridge = useBridgeAdaptivity();\n const [adaptivity, setAdaptivity] = React.useState({\n viewWidth,\n viewHeight,\n sizeX,\n sizeY,\n ~~hasMouse~~,\n ~~deviceHasHover~~,\n });\n\n React.useEffect(() => {\n setAdaptivity(\n calculateAdaptivity(\n {\n viewWidth,\n viewHeight,\n sizeX,\n sizeY,\n ~~hasMouse~~,\n ~~deviceHasHover~~,\n },\n bridge\n )\n );\n }, [viewWidth, viewHeight, sizeX, sizeY, ~~hasMouse~~, ~~deviceHasHover~~, bridge]);\n\n return (\n <AdaptivityContext.Provider value={adaptivity}>\n {children}\n </AdaptivityContext.Provider>\n );\n};\n\nfunction calculateAdaptivity(\n {\n viewWidth,\n viewHeight,\n sizeX,\n sizeY,\n ~~hasMouse~~,\n ~~deviceHasHover~~,\n }: AdaptivityProps,\n bridge: BridgeAdaptivity\n) {\n if (bridge.type === \"adaptive\") {\n const { viewportWidth, viewportHeight } = bridge;\n\n if (viewportWidth >= BREAKPOINTS.DESKTOP) {\n viewWidth = ViewWidth.DESKTOP;\n } else if (viewportWidth >= BREAKPOINTS.TABLET) {\n viewWidth = ViewWidth.TABLET;\n } else if (viewportWidth >= BREAKPOINTS.SMALL_TABLET) {\n viewWidth = ViewWidth.SMALL_TABLET;\n } else if (viewportWidth >= BREAKPOINTS.MOBILE) {\n viewWidth = ViewWidth.MOBILE;\n } else {\n viewWidth = ViewWidth.SMALL_MOBILE;\n }\n\n if (viewportHeight >= BREAKPOINTS.MEDIUM_HEIGHT) {\n viewHeight = ViewHeight.MEDIUM;\n } else if (viewportHeight > BREAKPOINTS.MOBILE_LANDSCAPE_HEIGHT) {\n viewHeight = ViewHeight.SMALL;\n } else {\n viewHeight = ViewHeight.EXTRA_SMALL;\n }\n\n if (viewWidth <= ViewWidth.MOBILE) {\n sizeX = SizeType.COMPACT;\n } else {\n sizeX = SizeType.REGULAR;\n }\n\n if (\n (viewWidth >= ViewWidth.SMALL_TABLET && ~~_hasMouse~~) \|\|\n viewHeight <= ViewHeight.EXTRA_SMALL\n ) {\n sizeY = SizeType.COMPACT;\n } else {\n sizeY = SizeType.REGULAR;\n }\n } else if (\n bridge.type === \"force_mobile\" \|\|\n bridge.type === \"force_mobile_compact\"\n ) {\n viewWidth = ViewWidth.MOBILE;\n sizeX = SizeType.COMPACT;\n\n if (bridge.type === \"force_mobile_compact\") {\n sizeY = SizeType.COMPACT;\n } else {\n sizeY = SizeType.REGULAR;\n }\n } else {\n if (sizeX === undefined && viewWidth !== undefined) {\n if (viewWidth <= ViewWidth.MOBILE) {\n sizeX = SizeType.COMPACT;\n } else {\n sizeX = SizeType.REGULAR;\n }\n }\n if (\n sizeY === undefined &&\n viewWidth !== undefined &&\n viewHeight !== undefined\n ) {\n if (\n (viewWidth >= ViewWidth.SMALL_TABLET && ~~_hasMouse~~) \|\|\n viewHeight <= ViewHeight.EXTRA_SMALL\n ) {\n sizeY = SizeType.COMPACT;\n } else {\n sizeY = SizeType.REGULAR;\n }\n }\n }\n\n return {\n viewWidth,\n viewHeight,\n sizeX,\n sizeY,\n ~~hasMouse~~,\n ~~deviceHasHover~~,\n };\n}\n"],"mappings":";;;;;;;;;AAAA;AACA;AACA;AAMA;AAIA;AAMA;AACA;AACA;AACO,IAAMA,kBAAkB,GAAG,SAArBA,kBAAkB,OAQiB;EAAA,IAP9CC,SAAS,QAATA,SAAS;IACTC,UAAU,QAAVA,UAAU;IACVC,KAAK,QAALA,KAAK;IACLC,KAAK,QAALA,KAAK;IACLC,QAAQ,QAARA,QAAQ;IACRC,~~cAAc,QAAdA,cAAc;IACdC,~~QAAQ,QAARA,QAAQ;EAER,IAAMC,MAAM,GAAG,IAAAC,wCAAmB,GAAE;EACpC,sBAAoCC,KAAK,CAACC,QAAQ,CAAC;MACjDV,SAAS,EAATA,SAAS;MACTC,UAAU,EAAVA,UAAU;MACVC,KAAK,EAALA,KAAK;MACLC,KAAK,EAALA,KAAK;MACLC,~~QAAQ~~,~~EAARA~~,~~QAAQ~~;~~MACRC~~,~~cAAc~~,~~EAAdA~~;IACF,CAAC,CAAC;IAAA;IAPKM,UAAU;IAAEC,aAAa;EAShCH,KAAK,CAACI,SAAS,CAAC,YAAM;IACpBD,aAAa,CACXE,mBAAmB,CACjB;MACEd,SAAS,EAATA,SAAS;MACTC,UAAU,EAAVA,UAAU;MACVC,KAAK,EAALA,KAAK;MACLC,KAAK,EAALA,KAAK;MACLC,~~QAAQ~~,~~EAARA~~,~~QAAQ~~;~~MACRC~~,~~cAAc~~,~~EAAdA~~;IACF,CAAC,EACDE,MAAM,CACP,CACF;EACH,CAAC,EAAE,CAACP,SAAS,EAAEC,UAAU,EAAEC,KAAK,EAAEC,KAAK,EAAEC,~~QAAQ~~,EAAEC,~~cAAc~~,EAAEE,MAAM,CAAC,CAAC;~~EAE3E~~,oBACE,oBAAC,oCAAiB,CAAC,QAAQ;IAAC,KAAK,EAAEI;EAAW,GAC3CL,QAAQ,CACkB;AAEjC,CAAC;AAAC;AAEF,SAASQ,mBAAmB,QAS1BP,MAAwB,EACxB;EAAA,IAREP,SAAS,SAATA,SAAS;IACTC,UAAU,SAAVA,UAAU;IACVC,KAAK,SAALA,KAAK;IACLC,KAAK,SAALA,KAAK;IACLC,~~QAAQ~~,~~SAARA~~,~~QAAQ~~;~~IACRC~~,~~cAAc~~,~~SAAdA~~,~~cAAc~~;~~EAIhB~~,IAAIE,MAAM,CAACQ,IAAI,KAAK,UAAU,EAAE;IAC9B,IAAQC,aAAa,GAAqBT,MAAM,CAAxCS,aAAa;MAAEC,cAAc,GAAKV,MAAM,CAAzBU,cAAc;IAErC,IAAID,aAAa,IAAIE,uBAAW,CAACC,OAAO,EAAE;MACxCnB,SAAS,GAAGoB,qBAAS,CAACD,OAAO;IAC/B,CAAC,MAAM,IAAIH,aAAa,IAAIE,uBAAW,CAACG,MAAM,EAAE;MAC9CrB,SAAS,GAAGoB,qBAAS,CAACC,MAAM;IAC9B,CAAC,MAAM,IAAIL,aAAa,IAAIE,uBAAW,CAACI,YAAY,EAAE;MACpDtB,SAAS,GAAGoB,qBAAS,CAACE,YAAY;IACpC,CAAC,MAAM,IAAIN,aAAa,IAAIE,uBAAW,CAACK,MAAM,EAAE;MAC9CvB,SAAS,GAAGoB,qBAAS,CAACG,MAAM;IAC9B,CAAC,MAAM;MACLvB,SAAS,GAAGoB,qBAAS,CAACI,YAAY;IACpC;IAEA,IAAIP,cAAc,IAAIC,uBAAW,CAACO,aAAa,EAAE;MAC/CxB,UAAU,GAAGyB,sBAAU,CAACC,MAAM;IAChC,CAAC,MAAM,IAAIV,cAAc,GAAGC,uBAAW,CAACU,uBAAuB,EAAE;MAC/D3B,UAAU,GAAGyB,sBAAU,CAACG,KAAK;IAC/B,CAAC,MAAM;MACL5B,UAAU,GAAGyB,sBAAU,CAACI,WAAW;IACrC;IAEA,IAAI9B,SAAS,IAAIoB,qBAAS,CAACG,MAAM,EAAE;MACjCrB,KAAK,GAAG6B,oBAAQ,CAACC,OAAO;IAC1B,CAAC,MAAM;MACL9B,KAAK,GAAG6B,oBAAQ,CAACE,OAAO;IAC1B;IAEA,IACGjC,SAAS,IAAIoB,qBAAS,CAACE,YAAY,IAAIY,~~cAAS~~,~~IACjDjC~~,UAAU,IAAIyB,sBAAU,CAACI,WAAW,EACpC;MACA3B,KAAK,GAAG4B,oBAAQ,CAACC,OAAO;IAC1B,CAAC,MAAM;MACL7B,KAAK,GAAG4B,oBAAQ,CAACE,OAAO;IAC1B;EACF,CAAC,MAAM,IACL1B,MAAM,CAACQ,IAAI,KAAK,cAAc,IAC9BR,MAAM,CAACQ,IAAI,KAAK,sBAAsB,EACtC;IACAf,SAAS,GAAGoB,qBAAS,CAACG,MAAM;IAC5BrB,KAAK,GAAG6B,oBAAQ,CAACC,OAAO;IAExB,IAAIzB,MAAM,CAACQ,IAAI,KAAK,sBAAsB,EAAE;MAC1CZ,KAAK,GAAG4B,oBAAQ,CAACC,OAAO;IAC1B,CAAC,MAAM;MACL7B,KAAK,GAAG4B,oBAAQ,CAACE,OAAO;IAC1B;EACF,CAAC,MAAM;IACL,IAAI/B,KAAK,KAAKiC,SAAS,IAAInC,SAAS,KAAKmC,SAAS,EAAE;MAClD,IAAInC,SAAS,IAAIoB,qBAAS,CAACG,MAAM,EAAE;QACjCrB,KAAK,GAAG6B,oBAAQ,CAACC,OAAO;MAC1B,CAAC,MAAM;QACL9B,KAAK,GAAG6B,oBAAQ,CAACE,OAAO;MAC1B;IACF;IACA,IACE9B,KAAK,KAAKgC,SAAS,IACnBnC,SAAS,KAAKmC,SAAS,IACvBlC,UAAU,KAAKkC,SAAS,EACxB;MACA,IACGnC,SAAS,IAAIoB,qBAAS,CAACE,YAAY,IAAIY,~~cAAS~~,~~IACjDjC~~,UAAU,IAAIyB,sBAAU,CAACI,WAAW,EACpC;QACA3B,KAAK,GAAG4B,oBAAQ,CAACC,OAAO;MAC1B,CAAC,MAAM;QACL7B,KAAK,GAAG4B,oBAAQ,CAACE,OAAO;MAC1B;IACF;EACF;EAEA,OAAO;IACLjC,SAAS,EAATA,SAAS;IACTC,UAAU,EAAVA,UAAU;IACVC,KAAK,EAALA,KAAK;IACLC,KAAK,EAALA,KAAK;IACLC,~~QAAQ~~,~~EAARA~~,~~QAAQ~~;~~IACRC~~,~~cAAc~~,~~EAAdA~~;EACF,CAAC;AACH"}
1	+ {"version":3,"file":"AdaptivityProvider.js","names":["AdaptivityProvider","viewWidth","viewHeight","sizeX","sizeY","hasPointer","hasHover","children","bridge","useBridgeAdaptivity","React","useState","adaptivity","setAdaptivity","useEffect","calculateAdaptivity","type","viewportWidth","viewportHeight","BREAKPOINTS","DESKTOP","ViewWidth","TABLET","SMALL_TABLET","MOBILE","SMALL_MOBILE","MEDIUM_HEIGHT","ViewHeight","MEDIUM","MOBILE_LANDSCAPE_HEIGHT","SMALL","EXTRA_SMALL","SizeType","COMPACT","REGULAR","_hasPointer","undefined"],"sources":["../../../../src/components/AdaptivityProvider/AdaptivityProvider.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { hasMouse as _hasPointer } from \"@vkontakte/vkjs\";\nimport {\n SizeType,\n ViewWidth,\n ViewHeight,\n BREAKPOINTS,\n} from \"../../lib/adaptivity\";\nimport {\n useBridgeAdaptivity,\n BridgeAdaptivity,\n} from \"../../hooks/useBridgeAdaptivity\";\nimport { type AdaptivityProps, AdaptivityContext } from \"./AdaptivityContext\";\n\nexport interface AdaptivityProviderProps extends AdaptivityProps {\n children?: React.ReactNode;\n}\n\n/*\n @see https://vkcom.github.io/VKUI/#/AdaptivityProvider\n */\nexport const AdaptivityProvider = ({\n viewWidth,\n viewHeight,\n sizeX,\n sizeY,\n hasPointer,\n hasHover,\n children,\n}: React.PropsWithChildren<AdaptivityProps>) => {\n const bridge = useBridgeAdaptivity();\n const [adaptivity, setAdaptivity] = React.useState({\n viewWidth,\n viewHeight,\n sizeX,\n sizeY,\n hasPointer,\n hasHover,\n });\n\n React.useEffect(() => {\n setAdaptivity(\n calculateAdaptivity(\n {\n viewWidth,\n viewHeight,\n sizeX,\n sizeY,\n hasPointer,\n hasHover,\n },\n bridge\n )\n );\n }, [viewWidth, viewHeight, sizeX, sizeY, hasPointer, hasHover, bridge]);\n\n return (\n <AdaptivityContext.Provider value={adaptivity}>\n {children}\n </AdaptivityContext.Provider>\n );\n};\n\nfunction calculateAdaptivity(\n {\n viewWidth,\n viewHeight,\n sizeX,\n sizeY,\n hasPointer,\n hasHover,\n }: AdaptivityProps,\n bridge: BridgeAdaptivity\n) {\n if (bridge.type === \"adaptive\") {\n const { viewportWidth, viewportHeight } = bridge;\n\n if (viewportWidth >= BREAKPOINTS.DESKTOP) {\n viewWidth = ViewWidth.DESKTOP;\n } else if (viewportWidth >= BREAKPOINTS.TABLET) {\n viewWidth = ViewWidth.TABLET;\n } else if (viewportWidth >= BREAKPOINTS.SMALL_TABLET) {\n viewWidth = ViewWidth.SMALL_TABLET;\n } else if (viewportWidth >= BREAKPOINTS.MOBILE) {\n viewWidth = ViewWidth.MOBILE;\n } else {\n viewWidth = ViewWidth.SMALL_MOBILE;\n }\n\n if (viewportHeight >= BREAKPOINTS.MEDIUM_HEIGHT) {\n viewHeight = ViewHeight.MEDIUM;\n } else if (viewportHeight > BREAKPOINTS.MOBILE_LANDSCAPE_HEIGHT) {\n viewHeight = ViewHeight.SMALL;\n } else {\n viewHeight = ViewHeight.EXTRA_SMALL;\n }\n\n if (viewWidth <= ViewWidth.MOBILE) {\n sizeX = SizeType.COMPACT;\n } else {\n sizeX = SizeType.REGULAR;\n }\n\n if (\n (viewWidth >= ViewWidth.SMALL_TABLET && _hasPointer) \|\|\n viewHeight <= ViewHeight.EXTRA_SMALL\n ) {\n sizeY = SizeType.COMPACT;\n } else {\n sizeY = SizeType.REGULAR;\n }\n } else if (\n bridge.type === \"force_mobile\" \|\|\n bridge.type === \"force_mobile_compact\"\n ) {\n viewWidth = ViewWidth.MOBILE;\n sizeX = SizeType.COMPACT;\n\n if (bridge.type === \"force_mobile_compact\") {\n sizeY = SizeType.COMPACT;\n } else {\n sizeY = SizeType.REGULAR;\n }\n } else {\n if (sizeX === undefined && viewWidth !== undefined) {\n if (viewWidth <= ViewWidth.MOBILE) {\n sizeX = SizeType.COMPACT;\n } else {\n sizeX = SizeType.REGULAR;\n }\n }\n if (\n sizeY === undefined &&\n viewWidth !== undefined &&\n viewHeight !== undefined\n ) {\n if (\n (viewWidth >= ViewWidth.SMALL_TABLET && _hasPointer) \|\|\n viewHeight <= ViewHeight.EXTRA_SMALL\n ) {\n sizeY = SizeType.COMPACT;\n } else {\n sizeY = SizeType.REGULAR;\n }\n }\n }\n\n return {\n viewWidth,\n viewHeight,\n sizeX,\n sizeY,\n hasPointer,\n hasHover,\n };\n}\n"],"mappings":"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"}

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

@@ -4,9 +4,8 @@ export interface AppRootProps extends React.HTMLAttributes<HTMLDivElement> {
     mode?: "partial" | "embedded" | "full";
     window?: Window;
     scroll?: "global" | "contain";
-    /** root-элемент для порталов.
-     *
-     * При передаче своего элемента задайте этому элементу `class="vkui__portal-root"` и добавьте его в DOM.
+    /**
+     * Кастомный root-элемент портала
      */
     portalRoot?: HTMLElement | React.RefObject<HTMLElement> | null;
     /** Disable portal for components */

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

@@ -7,7 +7,6 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.AppRoot = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var React = _interopRequireWildcard(require("react"));
@@ -21,10 +20,15 @@ var _utils = require("../../lib/utils");
 var _useKeyboardInputTracker = require("../../hooks/useKeyboardInputTracker");
 var _useInsets = require("../../hooks/useInsets");
 var _useAdaptivity2 = require("../../hooks/useAdaptivity");
-var _ConfigProviderContext = require("../ConfigProvider/ConfigProviderContext");
+var _useAppearance = require("../../hooks/useAppearance");
 var _isRefObject = require("../../lib/isRefObject");
 var _getSizeXClassName = require("../../helpers/getSizeXClassName");
 var _excluded = ["children", "mode", "scroll", "portalRoot", "disablePortal", "className"];
+var INSET_CUSTOM_PROPERTY_PREFIX = "--vkui_internal--safe_area_inset_";
+// Используйте classList, но будьте осторожны
+/* eslint-disable no-restricted-properties */
 /**
  * @see https://vkcom.github.io/VKUI/#/AppRoot
  */
@@ -48,10 +52,9 @@ var AppRoot = function AppRoot(_ref) {
   var _useDOM = (0, _dom.useDOM)(),
     document = _useDOM.document;
   var insets = (0, _useInsets.useInsets)();
-  var _React$useContext = React.useContext(_ConfigProviderContext.ConfigProviderContext),
-    appearance = _React$useContext.appearance;
+  var appearance = (0, _useAppearance.useAppearance)();
   var _useAdaptivity = (0, _useAdaptivity2.useAdaptivity)(),
-    hasMouse = _useAdaptivity.hasMouse,
+    hasPointer = _useAdaptivity.hasPointer,
     sizeX = _useAdaptivity.sizeX;
   // setup portal
@@ -66,7 +69,6 @@ var AppRoot = function AppRoot(_ref) {
     }
     if (!portal) {
       portal = document.createElement("div");
-      portal.classList.add("vkui__portal-root");
       document.body.appendChild(portal);
     }
     setPortalRoot(portal);
@@ -78,16 +80,14 @@ var AppRoot = function AppRoot(_ref) {
   // setup root classes
   (0, _useIsomorphicLayoutEffect.useIsomorphicLayoutEffect)(function () {
-    var _rootRef$current, _parent$classList;
-    if (mode === "partial") {
+    var _rootRef$current;
+    if (mode !== "embedded") {
       return _utils.noop;
     }
     var parent = (_rootRef$current = rootRef.current) === null || _rootRef$current === void 0 ? void 0 : _rootRef$current.parentElement;
-    var classes = ["vkui__root"].concat(mode === "embedded" ? "vkui__root--embedded" : []);
-    parent === null || parent === void 0 ? void 0 : (_parent$classList = parent.classList).add.apply(_parent$classList, (0, _toConsumableArray2.default)(classes));
+    parent === null || parent === void 0 ? void 0 : parent.classList.add("vkui__root--embedded");
     return function () {
-      var _parent$classList2;
-      parent === null || parent === void 0 ? void 0 : (_parent$classList2 = parent.classList).remove.apply(_parent$classList2, (0, _toConsumableArray2.default)(classes));
+      parent === null || parent === void 0 ? void 0 : parent.classList.remove("vkui__root--embedded");
     };
   }, []);
   (0, _useIsomorphicLayoutEffect.useIsomorphicLayoutEffect)(function () {
@@ -107,18 +107,20 @@ var AppRoot = function AppRoot(_ref) {
       return _utils.noop;
     }
     var parent = rootRef.current.parentElement;
-    for (var key in insets) {
+    var key;
+    for (key in insets) {
       if (insets.hasOwnProperty(key) && typeof insets[key] === "number") {
         var inset = insets[key];
-        parent.style.setProperty("--safe-area-inset-".concat(key), "".concat(inset, "px"));
-        portalRoot && portalRoot.style.setProperty("--safe-area-inset-".concat(key), "".concat(inset, "px"));
+        parent.style.setProperty(INSET_CUSTOM_PROPERTY_PREFIX + key, "".concat(inset, "px"));
+        portalRoot && portalRoot.style.setProperty(INSET_CUSTOM_PROPERTY_PREFIX + key, "".concat(inset, "px"));
       }
     }
     return function () {
-      for (var _key in insets) {
-        if (insets.hasOwnProperty(_key)) {
-          parent.style.removeProperty("--safe-area-inset-".concat(_key));
-          portalRoot && portalRoot.style.removeProperty("--safe-area-inset-".concat(_key));
+      var key;
+      for (key in insets) {
+        if (insets.hasOwnProperty(key)) {
+          parent.style.removeProperty(INSET_CUSTOM_PROPERTY_PREFIX + key);
+          portalRoot && portalRoot.style.removeProperty(INSET_CUSTOM_PROPERTY_PREFIX + key);
         }
       }
     };
@@ -165,7 +167,7 @@ var AppRoot = function AppRoot(_ref) {
   }, children)));
   return mode === "partial" ? content : /*#__PURE__*/React.createElement("div", (0, _extends2.default)({
     ref: rootRef,
-    className: (0, _classNames.classNamesString)("vkuiAppRoot", !hasMouse && "vkuiAppRoot--no-mouse", className)
+    className: (0, _classNames.classNamesString)("vkuiAppRoot", hasPointer === undefined ? "vkuiAppRoot--pointer-none" : !hasPointer && "vkuiAppRoot--pointer-has-not", className)
   }, props), content);
 };
 exports.AppRoot = AppRoot;

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

	@@ -1 +1 @@
1	- {"version":3,"file":"AppRoot.js","names":["AppRoot","children","mode","scroll","portalRoot","portalRootProp","disablePortal","className","props","isKeyboardInputActive","useKeyboardInputTracker","rootRef","React","useRef","useState","setPortalRoot","useDOM","document","insets","useInsets","useContext","ConfigProviderContext","appearance","useAdaptivity","hasMouse","sizeX","useIsomorphicLayoutEffect","portal","isRefObject","current","createElement","classList","add","body","appendChild","parentElement","removeChild","noop","parent","classes","concat","remove","documentElement","undefined","key","hasOwnProperty","inset","style","setProperty","removeProperty","getSizeXClassName","container","ScrollController","useMemo","ElementScrollController","GlobalScrollController","content","appRoot","embedded","keyboardInput","classNamesString"],"sources":["../../../../src/components/AppRoot/AppRoot.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { useDOM } from \"../../lib/dom\";\nimport { classNamesString } from \"../../lib/classNames\";\nimport { AppRootContext } from \"./AppRootContext\";\nimport { useIsomorphicLayoutEffect } from \"../../lib/useIsomorphicLayoutEffect\";\nimport { IconSettingsProvider } from \"@vkontakte/icons\";\nimport {\n ElementScrollController,\n GlobalScrollController,\n} from \"./ScrollContext\";\nimport { noop } from \"../../lib/utils\";\nimport { useKeyboardInputTracker } from \"../../hooks/useKeyboardInputTracker\";\nimport { useInsets } from \"../../hooks/useInsets\";\nimport { Insets } from \"@vkontakte/vk-bridge\";\nimport { useAdaptivity } from \"../../hooks/useAdaptivity\";\nimport { ConfigProviderContext } from \"../ConfigProvider/ConfigProviderContext\";\nimport { isRefObject } from \"../../lib/isRefObject\";\nimport { getSizeXClassName } from \"../../helpers/getSizeXClassName\";\nimport styles from \"./AppRoot.module.css\";\n\n// Используйте classList, но будьте осторожны\n/* eslint-disable no-restricted-properties /\n\nexport interface AppRootProps extends React.HTMLAttributes<HTMLDivElement> {\n /* Режим встраивания /\n mode?: \"partial\" \| \"embedded\" \| \"full\";\n window?: Window;\n scroll?: \"global\" \| \"contain\";\n /* root-элемент для порталов.\n \n При передаче своего элемента задайте этому элементу `class=\"vkui__portal-root\"` и добавьте его в DOM.\n /\n portalRoot?: HTMLElement \| React.RefObject<HTMLElement> \| null;\n /* Disable portal for components /\n disablePortal?: boolean;\n}\n\n/\n @see https://vkcom.github.io/VKUI/#/AppRoot\n */\nexport const AppRoot = ({\n children,\n mode = \"full\",\n scroll = \"global\",\n portalRoot: portalRootProp = null,\n disablePortal,\n className,\n ...props\n}: AppRootProps) => {\n const isKeyboardInputActive = useKeyboardInputTracker();\n const rootRef = React.useRef<HTMLDivElement \| null>(null);\n const [portalRoot, setPortalRoot] = React.useState<HTMLElement \| null>(null);\n const { document } = useDOM();\n const insets = useInsets();\n const { appearance } = React.useContext(ConfigProviderContext);\n\n const { hasMouse, sizeX } = useAdaptivity();\n\n // setup portal\n useIsomorphicLayoutEffect(() => {\n let portal: HTMLElement \| null = null;\n if (portalRootProp) {\n if (isRefObject(portalRootProp)) {\n portal = portalRootProp.current;\n } else {\n portal = portalRootProp;\n }\n }\n if (!portal) {\n portal = document!.createElement(\"div\");\n portal.classList.add(\"vkui__portal-root\");\n document!.body.appendChild(portal);\n }\n setPortalRoot(portal);\n return () => {\n portal?.parentElement?.removeChild(portal);\n };\n }, [portalRootProp]);\n\n // setup root classes\n useIsomorphicLayoutEffect(() => {\n if (mode === \"partial\") {\n return noop;\n }\n\n const parent = rootRef.current?.parentElement;\n const classes = [\"vkui__root\"].concat(\n mode === \"embedded\" ? \"vkui__root--embedded\" : []\n );\n parent?.classList.add(...classes);\n\n return () => {\n parent?.classList.remove(...classes);\n };\n }, []);\n\n useIsomorphicLayoutEffect(() => {\n if (mode === \"full\") {\n document!.documentElement.classList.add(\"vkui\");\n\n return () => {\n document!.documentElement.classList.remove(\"vkui\");\n };\n }\n\n return undefined;\n }, [document, mode]);\n\n // setup insets\n useIsomorphicLayoutEffect(() => {\n if (mode === \"partial\" \|\| !rootRef.current?.parentElement) {\n return noop;\n }\n\n const parent = rootRef.current.parentElement;\n\n for (const key in insets) {\n if (\n insets.hasOwnProperty(key) &&\n typeof insets[key as keyof Insets] === \"number\"\n ) {\n const inset = insets[key as keyof Insets];\n parent.style.setProperty(`--safe-area-inset-${key}`, `${inset}px`);\n portalRoot &&\n portalRoot.style.setProperty(\n `--safe-area-inset-${key}`,\n `${inset}px`\n );\n }\n }\n\n return () => {\n for (const key in insets) {\n if (insets.hasOwnProperty(key)) {\n parent.style.removeProperty(`--safe-area-inset-${key}`);\n portalRoot &&\n portalRoot.style.removeProperty(`--safe-area-inset-${key}`);\n }\n }\n };\n }, [insets, portalRoot]);\n\n // adaptivity handler\n useIsomorphicLayoutEffect(() => {\n if (mode === \"partial\") {\n return noop;\n }\n const className = getSizeXClassName(\"vkui\", sizeX);\n const container =\n mode === \"embedded\" ? rootRef.current?.parentElement : document!.body;\n container?.classList.add(className);\n return () => container?.classList.remove(className);\n }, [sizeX]);\n\n useIsomorphicLayoutEffect(() => {\n if (mode !== \"full\" \|\| appearance === undefined) {\n return noop;\n }\n document!.documentElement.style.setProperty(\"color-scheme\", appearance);\n\n return () => document!.documentElement.style.removeProperty(\"color-scheme\");\n }, [appearance]);\n\n const ScrollController = React.useMemo(\n () =>\n scroll === \"contain\" ? ElementScrollController : GlobalScrollController,\n [scroll]\n );\n\n const content = (\n <AppRootContext.Provider\n value={{\n appRoot: rootRef,\n portalRoot,\n embedded: mode === \"embedded\",\n keyboardInput: isKeyboardInputActive,\n mode,\n disablePortal,\n }}\n >\n <ScrollController elRef={rootRef}>\n <IconSettingsProvider classPrefix=\"vkui\">\n {children}\n </IconSettingsProvider>\n </ScrollController>\n </AppRootContext.Provider>\n );\n\n return mode === \"partial\" ? (\n content\n ) : (\n <div\n ref={rootRef}\n className={classNamesString(\n styles[\"AppRoot\"],\n !hasMouse && styles[\"AppRoot--no-mouse\"],\n className\n )}\n {...props}\n >\n {content}\n </div>\n );\n};\n"],"mappings":"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"}
1	+ {"version":3,"file":"AppRoot.js","names":["INSET_CUSTOM_PROPERTY_PREFIX","AppRoot","children","mode","scroll","portalRoot","portalRootProp","disablePortal","className","props","isKeyboardInputActive","useKeyboardInputTracker","rootRef","React","useRef","useState","setPortalRoot","useDOM","document","insets","useInsets","appearance","useAppearance","useAdaptivity","hasPointer","sizeX","useIsomorphicLayoutEffect","portal","isRefObject","current","createElement","body","appendChild","parentElement","removeChild","noop","parent","classList","add","remove","documentElement","undefined","key","hasOwnProperty","inset","style","setProperty","removeProperty","getSizeXClassName","container","ScrollController","useMemo","ElementScrollController","GlobalScrollController","content","appRoot","embedded","keyboardInput","classNamesString"],"sources":["../../../../src/components/AppRoot/AppRoot.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { useDOM } from \"../../lib/dom\";\nimport { classNamesString } from \"../../lib/classNames\";\nimport { AppRootContext } from \"./AppRootContext\";\nimport { useIsomorphicLayoutEffect } from \"../../lib/useIsomorphicLayoutEffect\";\nimport { IconSettingsProvider } from \"@vkontakte/icons\";\nimport {\n ElementScrollController,\n GlobalScrollController,\n} from \"./ScrollContext\";\nimport { noop } from \"../../lib/utils\";\nimport { useKeyboardInputTracker } from \"../../hooks/useKeyboardInputTracker\";\nimport { useInsets } from \"../../hooks/useInsets\";\nimport { Insets } from \"@vkontakte/vk-bridge\";\nimport { useAdaptivity } from \"../../hooks/useAdaptivity\";\nimport { useAppearance } from \"../../hooks/useAppearance\";\nimport { isRefObject } from \"../../lib/isRefObject\";\nimport { getSizeXClassName } from \"../../helpers/getSizeXClassName\";\nimport styles from \"./AppRoot.module.css\";\n\nconst INSET_CUSTOM_PROPERTY_PREFIX = `--vkui_internal--safe_area_inset_`;\n\n// Используйте classList, но будьте осторожны\n/* eslint-disable no-restricted-properties /\n\nexport interface AppRootProps extends React.HTMLAttributes<HTMLDivElement> {\n /* Режим встраивания /\n mode?: \"partial\" \| \"embedded\" \| \"full\";\n window?: Window;\n scroll?: \"global\" \| \"contain\";\n /\n Кастомный root-элемент портала\n /\n portalRoot?: HTMLElement \| React.RefObject<HTMLElement> \| null;\n /* Disable portal for components /\n disablePortal?: boolean;\n}\n\n/\n @see https://vkcom.github.io/VKUI/#/AppRoot\n */\nexport const AppRoot = ({\n children,\n mode = \"full\",\n scroll = \"global\",\n portalRoot: portalRootProp = null,\n disablePortal,\n className,\n ...props\n}: AppRootProps) => {\n const isKeyboardInputActive = useKeyboardInputTracker();\n const rootRef = React.useRef<HTMLDivElement \| null>(null);\n const [portalRoot, setPortalRoot] = React.useState<HTMLElement \| null>(null);\n const { document } = useDOM();\n const insets = useInsets();\n const appearance = useAppearance();\n\n const { hasPointer, sizeX } = useAdaptivity();\n\n // setup portal\n useIsomorphicLayoutEffect(() => {\n let portal: HTMLElement \| null = null;\n if (portalRootProp) {\n if (isRefObject(portalRootProp)) {\n portal = portalRootProp.current;\n } else {\n portal = portalRootProp;\n }\n }\n if (!portal) {\n portal = document!.createElement(\"div\");\n document!.body.appendChild(portal);\n }\n setPortalRoot(portal);\n return () => {\n portal?.parentElement?.removeChild(portal);\n };\n }, [portalRootProp]);\n\n // setup root classes\n useIsomorphicLayoutEffect(() => {\n if (mode !== \"embedded\") {\n return noop;\n }\n\n const parent = rootRef.current?.parentElement;\n parent?.classList.add(\"vkui__root--embedded\");\n\n return () => {\n parent?.classList.remove(\"vkui__root--embedded\");\n };\n }, []);\n\n useIsomorphicLayoutEffect(() => {\n if (mode === \"full\") {\n document!.documentElement.classList.add(\"vkui\");\n\n return () => {\n document!.documentElement.classList.remove(\"vkui\");\n };\n }\n\n return undefined;\n }, [document, mode]);\n\n // setup insets\n useIsomorphicLayoutEffect(() => {\n if (mode === \"partial\" \|\| !rootRef.current?.parentElement) {\n return noop;\n }\n\n const parent = rootRef.current.parentElement;\n\n let key: keyof Insets;\n for (key in insets) {\n if (insets.hasOwnProperty(key) && typeof insets[key] === \"number\") {\n const inset = insets[key];\n parent.style.setProperty(\n INSET_CUSTOM_PROPERTY_PREFIX + key,\n `${inset}px`\n );\n portalRoot &&\n portalRoot.style.setProperty(\n INSET_CUSTOM_PROPERTY_PREFIX + key,\n `${inset}px`\n );\n }\n }\n\n return () => {\n let key: keyof Insets;\n for (key in insets) {\n if (insets.hasOwnProperty(key)) {\n parent.style.removeProperty(INSET_CUSTOM_PROPERTY_PREFIX + key);\n portalRoot &&\n portalRoot.style.removeProperty(INSET_CUSTOM_PROPERTY_PREFIX + key);\n }\n }\n };\n }, [insets, portalRoot]);\n\n // adaptivity handler\n useIsomorphicLayoutEffect(() => {\n if (mode === \"partial\") {\n return noop;\n }\n const className = getSizeXClassName(\"vkui\", sizeX);\n const container =\n mode === \"embedded\" ? rootRef.current?.parentElement : document!.body;\n container?.classList.add(className);\n return () => container?.classList.remove(className);\n }, [sizeX]);\n\n useIsomorphicLayoutEffect(() => {\n if (mode !== \"full\" \|\| appearance === undefined) {\n return noop;\n }\n document!.documentElement.style.setProperty(\"color-scheme\", appearance);\n\n return () => document!.documentElement.style.removeProperty(\"color-scheme\");\n }, [appearance]);\n\n const ScrollController = React.useMemo(\n () =>\n scroll === \"contain\" ? ElementScrollController : GlobalScrollController,\n [scroll]\n );\n\n const content = (\n <AppRootContext.Provider\n value={{\n appRoot: rootRef,\n portalRoot,\n embedded: mode === \"embedded\",\n keyboardInput: isKeyboardInputActive,\n mode,\n disablePortal,\n }}\n >\n <ScrollController elRef={rootRef}>\n <IconSettingsProvider classPrefix=\"vkui\">\n {children}\n </IconSettingsProvider>\n </ScrollController>\n </AppRootContext.Provider>\n );\n\n return mode === \"partial\" ? (\n content\n ) : (\n <div\n ref={rootRef}\n className={classNamesString(\n styles[\"AppRoot\"],\n hasPointer === undefined\n ? styles[\"AppRoot--pointer-none\"]\n : !hasPointer && styles[\"AppRoot--pointer-has-not\"],\n className\n )}\n {...props}\n >\n {content}\n </div>\n );\n};\n"],"mappings":"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"}

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

@@ -1,11 +1,11 @@
 import * as React from "react";
 import { AppearanceType } from "@vkontakte/vk-bridge";
 export interface AppearanceProviderProps {
-    appearance?: AppearanceType;
-    children?: React.ReactNode;
+    appearance: AppearanceType;
+    children: React.ReactNode;
 }
 export declare const generateVKUITokensClassName: (platform: string, appearance: string) => string;
 /**
  * @see https://vkcom.github.io/VKUI/#/AppearanceProvider
  */
-export declare const AppearanceProvider: ({ children, appearance, }: AppearanceProviderProps) => JSX.Element;
+export declare const AppearanceProvider: ({ appearance, children, }: AppearanceProviderProps) => JSX.Element;

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

@@ -6,10 +6,10 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.generateVKUITokensClassName = exports.AppearanceProvider = void 0;
 var React = _interopRequireWildcard(require("react"));
-var _AppearanceProviderContext = require("./AppearanceProviderContext");
 var _classNames = require("../../lib/classNames");
 var _usePlatform = require("../../hooks/usePlatform");
 var _platform = require("../../lib/platform");
+var _ConfigProviderOverride = require("../ConfigProvider/ConfigProviderOverride");
 var generateVKUITokensClassName = function generateVKUITokensClassName(platform, appearance) {
   var tokensPlatform;
   switch (platform) {
@@ -33,12 +33,11 @@ var generateVKUITokensClassName = function generateVKUITokensClassName(platform,
  */
 exports.generateVKUITokensClassName = generateVKUITokensClassName;
 var AppearanceProvider = function AppearanceProvider(_ref) {
-  var children = _ref.children,
-    _ref$appearance = _ref.appearance,
-    appearance = _ref$appearance === void 0 ? "light" : _ref$appearance;
+  var appearance = _ref.appearance,
+    children = _ref.children;
   var platform = (0, _usePlatform.usePlatform)();
-  return /*#__PURE__*/React.createElement(_AppearanceProviderContext.AppearanceProviderContext.Provider, {
-    value: appearance
+  return /*#__PURE__*/React.createElement(_ConfigProviderOverride.ConfigProviderOverride, {
+    appearance: appearance
   }, React.Children.map(children, function (child) {
     if ( /*#__PURE__*/React.isValidElement(child)) {
       return /*#__PURE__*/React.cloneElement(child, {

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

	@@ -1 +1 @@
1	- {"version":3,"file":"AppearanceProvider.js","names":["generateVKUITokensClassName","platform","appearance","tokensPlatform","Platform","ANDROID","IOS","VKCOM","AppearanceProvider","children","usePlatform","React","Children","map","child","isValidElement","cloneElement","className","classNamesString","props"],"sources":["../../../../src/components/AppearanceProvider/AppearanceProvider.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { AppearanceType } from \"@vkontakte/vk-bridge\";\nimport { ~~AppearanceProviderContext~~ } from \"~~./AppearanceProviderContext~~\";\nimport { ~~classNamesString~~ } from \"../../~~lib~~/~~classNames~~\";\nimport { ~~usePlatform~~ } from \"../../~~hooks~~/~~usePlatform~~\";\nimport { ~~Platform~~ } from \"~~../../lib~~/~~platform~~\";\n\nexport interface AppearanceProviderProps {\n appearance?: AppearanceType;\n children?: React.ReactNode;\n}\n\nexport const generateVKUITokensClassName = (\n platform: string,\n appearance: string\n): string => {\n let tokensPlatform;\n switch (platform) {\n case Platform.ANDROID:\n tokensPlatform = \"vkBase\";\n break;\n case Platform.IOS:\n tokensPlatform = \"vkIOS\";\n break;\n case Platform.VKCOM:\n tokensPlatform = \"vkCom\";\n break;\n default:\n tokensPlatform = platform;\n }\n\n return `vkui--${tokensPlatform}--${appearance}`;\n};\n\n/*\n @see https://vkcom.github.io/VKUI/#/AppearanceProvider\n */\nexport const AppearanceProvider = ({\n ~~children~~,\n ~~appearance = \"light\"~~,\n}: AppearanceProviderProps) => {\n const platform = usePlatform();\n\n return (\n <~~AppearanceProviderContext.Provider~~ ~~value~~={appearance}>\n {React.Children.map(children, (child) => {\n if (React.isValidElement<{ className?: string }>(child)) {\n return React.cloneElement(child, {\n className: classNamesString(\n child.props.className,\n generateVKUITokensClassName(platform, appearance)\n ),\n });\n }\n return child;\n })}\n </~~AppearanceProviderContext.Provider~~>\n );\n};\n"],"mappings":";;;;;;;AAAA;AAEA;AACA;AACA;AACA;AAOO,IAAMA,2BAA2B,GAAG,SAA9BA,2BAA2B,CACtCC,QAAgB,EAChBC,UAAkB,EACP;EACX,IAAIC,cAAc;EAClB,QAAQF,QAAQ;IACd,KAAKG,kBAAQ,CAACC,OAAO;MACnBF,cAAc,GAAG,QAAQ;MACzB;IACF,KAAKC,kBAAQ,CAACE,GAAG;MACfH,cAAc,GAAG,OAAO;MACxB;IACF,KAAKC,kBAAQ,CAACG,KAAK;MACjBJ,cAAc,GAAG,OAAO;MACxB;IACF;MACEA,cAAc,GAAGF,QAAQ;EAAC;EAG9B,uBAAgBE,cAAc,eAAKD,UAAU;AAC/C,CAAC;;AAED;AACA;AACA;AAFA;AAGO,IAAMM,kBAAkB,GAAG,SAArBA,kBAAkB,OAGA;EAAA,~~IAF7BC~~,~~QAAQ~~,~~QAARA~~,~~QAAQ;IAAA,uBACRP,~~UAAU;~~IAAVA~~,~~UAAU~~,~~gCAAG~~,~~OAAO~~;~~EAEpB~~,~~IAAMD~~,QAAQ,GAAG,IAAAS,wBAAW,GAAE;EAE9B,oBACE,oBAAC,~~oDAAyB,CAAC,QAAQ~~;IAAC,~~KAAK~~,EAAER;EAAW,~~GACnDS~~,KAAK,CAACC,QAAQ,CAACC,GAAG,CAACJ,QAAQ,EAAE,UAACK,KAAK,EAAK;IACvC,kBAAIH,KAAK,CAACI,cAAc,CAAyBD,KAAK,CAAC,EAAE;MACvD,oBAAOH,KAAK,CAACK,YAAY,CAACF,KAAK,EAAE;QAC/BG,SAAS,EAAE,IAAAC,4BAAgB,EACzBJ,KAAK,CAACK,KAAK,CAACF,SAAS,EACrBjB,2BAA2B,CAACC,QAAQ,EAAEC,UAAU,CAAC;MAErD,CAAC,CAAC;IACJ;IACA,OAAOY,KAAK;EACd,CAAC,CAAC,~~CACiC~~;~~AAEzC~~,CAAC;AAAC"}
1	+ {"version":3,"file":"AppearanceProvider.js","names":["generateVKUITokensClassName","platform","appearance","tokensPlatform","Platform","ANDROID","IOS","VKCOM","AppearanceProvider","children","usePlatform","React","Children","map","child","isValidElement","cloneElement","className","classNamesString","props"],"sources":["../../../../src/components/AppearanceProvider/AppearanceProvider.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { AppearanceType } from \"@vkontakte/vk-bridge\";\nimport { classNamesString } from \"../../lib/classNames\";\nimport { usePlatform } from \"../../hooks/usePlatform\";\nimport { Platform } from \"../../lib/platform\";\nimport { ConfigProviderOverride } from \"../ConfigProvider/ConfigProviderOverride\";\n\nexport interface AppearanceProviderProps {\n appearance: AppearanceType;\n children: React.ReactNode;\n}\n\nexport const generateVKUITokensClassName = (\n platform: string,\n appearance: string\n): string => {\n let tokensPlatform;\n switch (platform) {\n case Platform.ANDROID:\n tokensPlatform = \"vkBase\";\n break;\n case Platform.IOS:\n tokensPlatform = \"vkIOS\";\n break;\n case Platform.VKCOM:\n tokensPlatform = \"vkCom\";\n break;\n default:\n tokensPlatform = platform;\n }\n\n return `vkui--${tokensPlatform}--${appearance}`;\n};\n\n/*\n @see https://vkcom.github.io/VKUI/#/AppearanceProvider\n */\nexport const AppearanceProvider = ({\n appearance,\n children,\n}: AppearanceProviderProps) => {\n const platform = usePlatform();\n\n return (\n <ConfigProviderOverride appearance={appearance}>\n {React.Children.map(children, (child) => {\n if (React.isValidElement<{ className?: string }>(child)) {\n return React.cloneElement(child, {\n className: classNamesString(\n child.props.className,\n generateVKUITokensClassName(platform, appearance)\n ),\n });\n }\n return child;\n })}\n </ConfigProviderOverride>\n );\n};\n"],"mappings":";;;;;;;AAAA;AAEA;AACA;AACA;AACA;AAOO,IAAMA,2BAA2B,GAAG,SAA9BA,2BAA2B,CACtCC,QAAgB,EAChBC,UAAkB,EACP;EACX,IAAIC,cAAc;EAClB,QAAQF,QAAQ;IACd,KAAKG,kBAAQ,CAACC,OAAO;MACnBF,cAAc,GAAG,QAAQ;MACzB;IACF,KAAKC,kBAAQ,CAACE,GAAG;MACfH,cAAc,GAAG,OAAO;MACxB;IACF,KAAKC,kBAAQ,CAACG,KAAK;MACjBJ,cAAc,GAAG,OAAO;MACxB;IACF;MACEA,cAAc,GAAGF,QAAQ;EAAC;EAG9B,uBAAgBE,cAAc,eAAKD,UAAU;AAC/C,CAAC;;AAED;AACA;AACA;AAFA;AAGO,IAAMM,kBAAkB,GAAG,SAArBA,kBAAkB,OAGA;EAAA,IAF7BN,UAAU,QAAVA,UAAU;IACVO,QAAQ,QAARA,QAAQ;EAER,IAAMR,QAAQ,GAAG,IAAAS,wBAAW,GAAE;EAE9B,oBACE,oBAAC,8CAAsB;IAAC,UAAU,EAAER;EAAW,GAC5CS,KAAK,CAACC,QAAQ,CAACC,GAAG,CAACJ,QAAQ,EAAE,UAACK,KAAK,EAAK;IACvC,kBAAIH,KAAK,CAACI,cAAc,CAAyBD,KAAK,CAAC,EAAE;MACvD,oBAAOH,KAAK,CAACK,YAAY,CAACF,KAAK,EAAE;QAC/BG,SAAS,EAAE,IAAAC,4BAAgB,EACzBJ,KAAK,CAACK,KAAK,CAACF,SAAS,EACrBjB,2BAA2B,CAACC,QAAQ,EAAEC,UAAU,CAAC;MAErD,CAAC,CAAC;IACJ;IACA,OAAOY,KAAK;EACd,CAAC,CAAC,CACqB;AAE7B,CAAC;AAAC"}

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

@@ -1,3 +1,3 @@
 /// <reference types="react" />
 import { BaseGalleryProps } from "./types";
-export declare const BaseGallery: ({ bullets, getRootRef, children, slideWidth, slideIndex, isDraggable, onDragStart, onDragEnd, onChange, onPrevClick, onNextClick, align, showArrows, getRef, className, ...restProps }: BaseGalleryProps) => JSX.Element;
+export declare const BaseGallery: ({ bullets, getRootRef, children, slideWidth, slideIndex, isDraggable: isDraggableProp, onDragStart, onDragEnd, onChange, onPrevClick, onNextClick, align, showArrows, getRef, className, arrowSize, ...restProps }: BaseGalleryProps) => JSX.Element;

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

@@ -16,11 +16,11 @@ var _Touch = require("../Touch/Touch");
 var _HorizontalScrollArrow = require("../HorizontalScroll/HorizontalScrollArrow");
 var _useExternRef = require("../../hooks/useExternRef");
 var _dom = require("../../lib/dom");
-var _useAdaptivity2 = require("../../hooks/useAdaptivity");
+var _useAdaptivityHasPointer = require("../../hooks/useAdaptivityHasPointer");
 var _useIsomorphicLayoutEffect = require("../../lib/useIsomorphicLayoutEffect");
 var _useGlobalEventListener = require("../../hooks/useGlobalEventListener");
 var _helpers = require("./helpers");
-var _excluded = ["bullets", "getRootRef", "children", "slideWidth", "slideIndex", "isDraggable", "onDragStart", "onDragEnd", "onChange", "onPrevClick", "onNextClick", "align", "showArrows", "getRef", "className"];
+var _excluded = ["bullets", "getRootRef", "children", "slideWidth", "slideIndex", "isDraggable", "onDragStart", "onDragEnd", "onChange", "onPrevClick", "onNextClick", "align", "showArrows", "getRef", "className", "arrowSize"];
 var ANIMATION_DURATION = 0.24;
 var LAYOUT_DEFAULT_STATE = {
   containerWidth: 0,
@@ -49,7 +49,7 @@ var BaseGallery = function BaseGallery(_ref) {
     _ref$slideIndex = _ref.slideIndex,
     slideIndex = _ref$slideIndex === void 0 ? 0 : _ref$slideIndex,
     _ref$isDraggable = _ref.isDraggable,
-    isDraggable = _ref$isDraggable === void 0 ? true : _ref$isDraggable,
+    isDraggableProp = _ref$isDraggable === void 0 ? true : _ref$isDraggable,
     onDragStart = _ref.onDragStart,
     onDragEnd = _ref.onDragEnd,
     onChange = _ref.onChange,
@@ -60,6 +60,8 @@ var BaseGallery = function BaseGallery(_ref) {
     showArrows = _ref.showArrows,
     getRef = _ref.getRef,
     className = _ref.className,
+    _ref$arrowSize = _ref.arrowSize,
+    arrowSize = _ref$arrowSize === void 0 ? "l" : _ref$arrowSize,
     restProps = (0, _objectWithoutProperties2.default)(_ref, _excluded);
   var slidesStore = React.useRef({});
   var layoutState = React.useRef(LAYOUT_DEFAULT_STATE);
@@ -71,8 +73,7 @@ var BaseGallery = function BaseGallery(_ref) {
   var viewportRef = (0, _useExternRef.useExternRef)(getRef);
   var _useDOM = (0, _dom.useDOM)(),
     window = _useDOM.window;
-  var _useAdaptivity = (0, _useAdaptivity2.useAdaptivity)(),
-    hasMouse = _useAdaptivity.hasMouse;
+  var hasPointer = (0, _useAdaptivityHasPointer.useAdaptivityHasPointer)();
   var isCenterWithCustomWidth = slideWidth === "custom" && align === "center";
   var validateIndent = function validateIndent(value) {
     var _layoutState$current$, _layoutState$current$2;
@@ -192,13 +193,13 @@ var BaseGallery = function BaseGallery(_ref) {
       });
     }
   }, [slideIndex]);
-  var slideLeft = function slideLeft() {
+  var slideLeft = function slideLeft(event) {
     onChange === null || onChange === void 0 ? void 0 : onChange(slideIndex - 1);
-    onPrevClick === null || onPrevClick === void 0 ? void 0 : onPrevClick();
+    onPrevClick === null || onPrevClick === void 0 ? void 0 : onPrevClick(event);
   };
-  var slideRight = function slideRight() {
+  var slideRight = function slideRight(event) {
     onChange === null || onChange === void 0 ? void 0 : onChange(slideIndex + 1);
-    onNextClick === null || onNextClick === void 0 ? void 0 : onNextClick();
+    onNextClick === null || onNextClick === void 0 ? void 0 : onNextClick(event);
   };
   /*
@@ -235,7 +236,7 @@ var BaseGallery = function BaseGallery(_ref) {
     });
   };
   var onMoveX = function onMoveX(e) {
-    if (isDraggable && !layoutState.current.isFullyVisible) {
+    if (isDraggableProp && !layoutState.current.isFullyVisible) {
       e.originalEvent.preventDefault();
       if (e.isSlideX) {
         if (shiftState.deltaX !== e.shiftX) {
@@ -287,8 +288,9 @@ var BaseGallery = function BaseGallery(_ref) {
   align === "left" && layoutState.current.containerWidth - shiftState.shiftX < ((_layoutState$current$9 = layoutState.current.layerWidth) !== null && _layoutState$current$9 !== void 0 ? _layoutState$current$9 : 0) ||
   // otherwise we need to check current slide index (align = right or align = center)
   align !== "left" && slideIndex < layoutState.current.slides.length - 1);
+  var isDraggable = isDraggableProp && !layoutState.current.isFullyVisible;
   return /*#__PURE__*/React.createElement("div", (0, _extends2.default)({}, restProps, {
-    className: (0, _classNames.classNamesString)("vkuiBaseGallery", styles["BaseGallery--align-".concat(align)], shiftState.dragging && "vkuiBaseGallery--dragging", slideWidth === "custom" && "vkuiBaseGallery--custom-width", className),
+    className: (0, _classNames.classNamesString)("vkuiBaseGallery", styles["BaseGallery--align-".concat(align)], shiftState.dragging && "vkuiBaseGallery--dragging", slideWidth === "custom" && "vkuiBaseGallery--custom-width", isDraggable && "vkuiBaseGallery--draggable", className),
     ref: rootRef
   }), /*#__PURE__*/React.createElement(_Touch.Touch, {
     className: "vkuiBaseGallery__viewport",
@@ -319,12 +321,14 @@ var BaseGallery = function BaseGallery(_ref) {
       className: (0, _classNames.classNamesString)("vkuiBaseGallery__bullet", index === slideIndex && "vkuiBaseGallery__bullet--active"),
       key: index
     });
-  })), showArrows && hasMouse && canSlideLeft && /*#__PURE__*/React.createElement(_HorizontalScrollArrow.HorizontalScrollArrow, {
+  })), showArrows && hasPointer && canSlideLeft && /*#__PURE__*/React.createElement(_HorizontalScrollArrow.HorizontalScrollArrow, {
     direction: "left",
-    onClick: slideLeft
-  }), showArrows && hasMouse && canSlideRight && /*#__PURE__*/React.createElement(_HorizontalScrollArrow.HorizontalScrollArrow, {
+    onClick: slideLeft,
+    size: arrowSize
+  }), showArrows && hasPointer && canSlideRight && /*#__PURE__*/React.createElement(_HorizontalScrollArrow.HorizontalScrollArrow, {
     direction: "right",
-    onClick: slideRight
+    onClick: slideRight,
+    size: arrowSize
   }));
 };
 exports.BaseGallery = BaseGallery;