npm - @vkontakte/vkui - Versions diffs - 4.23.0 → 4.24.0 - Mend

@vkontakte/vkui 4.23.0 → 4.24.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 (2192) hide show

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

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../../src/components/FormLayoutGroup/FormLayoutGroup.tsx"],"names":["getClassName","classNames","useExternRef","usePlatform","Removable","useAdaptivity","FormLayoutGroup","children","mode","removable","removePlaceholder","onRemove","getRootRef","restProps","platform","sizeY","isRemovable","rootEl","e","current"],"mappings":";;;;AAEA,SAASA,YAAT;AACA,SAASC,UAAT;AACA,SAASC,YAAT;AACA,SAASC,WAAT;AACA,SAASC,SAAT;AACA,SAASC,aAAT;AACA;;~~AAUA~~,IAAMC,eAA+C,GAAG,SAAlDA,eAAkD,OAQ5B;AAAA,MAP1BC,QAO0B,QAP1BA,QAO0B;AAAA,uBAN1BC,IAM0B;AAAA,MAN1BA,IAM0B,0BANnB,UAMmB;AAAA,MAL1BC,SAK0B,QAL1BA,SAK0B;AAAA,mCAJ1BC,iBAI0B;AAAA,MAJ1BA,iBAI0B,sCAJN,SAIM;AAAA,~~MAH1BC~~,SAG0B,~~QAH1BA~~,~~QAG0B~~;AAAA,~~MAF1BC~~,UAE0B,QAF1BA,UAE0B;AAAA,MADvBC,SACuB;;AAC1B,MAAMC,QAAQ,GAAGX,WAAW,EAA5B;;AACA,uBAAkBE,aAAa,EAA/B;AAAA,MAAQU,KAAR,kBAAQA,KAAR;;AACA,MAAMC,WAAW,GAAGP,SAAS,IAAID,IAAI,KAAK,YAA1C;AACA,MAAMS,MAAM,GAAGf,YAAY,CAACU,UAAD,CAA3B;AAEA,SACE;AACE,IAAA,GAAG,EAAEK,MADP;AAEE,IAAA,SAAS,~~EAAEhB~~,UAAU,CACnBD,YAAY,CAAC,iBAAD,~~EAAoBc~~,QAApB,CADO,mCAEOC,KAFP,8BAGCP,IAHD,~~GAGS~~;~~AAC1B~~,oCAA8BQ;~~AADJ~~,~~KAHT~~;AAFvB,~~KASMH~~,~~SATN~~,~~GAUGG~~,WAAW,~~GAER~~,oBAAC,SAAD;AACE,IAAA,SAAS,EAAC,4BADZ;AAEE,IAAA,KAAK,EAAC,OAFR;AAGE,IAAA,iBAAiB,EAAEN,iBAHrB;AAIE,IAAA,QAAQ,EAAE,kBAACQ,CAAD;AAAA,aAAOP,SAAQ,CAACO,CAAD,EAAID,MAAJ,aAAIA,MAAJ,uBAAIA,MAAM,CAAEE,OAAZ,CAAf;AAAA;AAJZ,KAMGZ,QANH,~~CAFQ~~,~~GAWRA~~,~~QArBN~~,CADF;~~AA0BD~~,~~CAxCD~~;;~~AA0CA~~,eAAeD,eAAf","sourcesContent":["import * as React from 'react';\nimport { HasRootRef } from '../../types';\nimport { getClassName } from '../../helpers/getClassName';\nimport { classNames } from '../../lib/classNames';\nimport { useExternRef } from '../../hooks/useExternRef';\nimport { usePlatform } from '../../hooks/usePlatform';\nimport { Removable, RemovableProps } from '../Removable/Removable';\nimport { useAdaptivity } from '../../hooks/useAdaptivity';\nimport './FormLayoutGroup.css';\n\nexport interface FormLayoutGroupProps extends React.HTMLAttributes<HTMLDivElement>, RemovableProps, HasRootRef<HTMLDivElement> {\n mode?: 'vertical' \| 'horizontal';\n /*\n Только для режима horizontal. Дает возможность удалить всю группу `FormItem`.\n */\n removable?: boolean;\n}\n\nconst FormLayoutGroup: React.FC<FormLayoutGroupProps> = ({\n children,\n mode = 'vertical',\n removable,\n removePlaceholder = ~~'Удалить'~~,\n onRemove,\n getRootRef,\n ...restProps\n}: FormLayoutGroupProps) => {\n const platform = usePlatform();\n const { sizeY } = useAdaptivity();\n const isRemovable = removable && mode === 'horizontal';\n const rootEl = useExternRef(getRootRef);\n\n return (\n <div\n ref={rootEl}\n vkuiClass={classNames(\n getClassName('FormLayoutGroup', platform),\n `FormLayoutGroup--sizeY-${sizeY}`,\n `FormLayoutGroup--${mode}`, {\n 'FormLayoutGroup--removable': isRemovable,\n },\n )}\n {...restProps}>\n {isRemovable\n ? (\n <Removable\n vkuiClass=\"FormLayoutGroup__removable\"\n align=\"start\"\n removePlaceholder={removePlaceholder}\n onRemove={(e) => onRemove(e, rootEl?.current)}\n >\n {children}\n </Removable>\n )\n : children\n }\n </div>\n );\n};\n\nexport default FormLayoutGroup;\n"],"file":"FormLayoutGroup.js"}
1	+ {"version":3,"sources":["../../../../src/components/FormLayoutGroup/FormLayoutGroup.tsx"],"names":["getClassName","classNames","noop","useExternRef","usePlatform","Removable","useAdaptivity","FormLayoutGroup","children","mode","removable","removePlaceholder","onRemove","getRootRef","restProps","platform","sizeY","isRemovable","rootEl","e","current"],"mappings":";;;;AAEA,SAASA,YAAT;AACA,SAASC,UAAT;AACA,SAASC,IAAT;AACA,SAASC,YAAT;AACA,SAASC,WAAT;AACA,SAASC,SAAT;AACA,SAASC,aAAT;AACA;;AAaA,IAAMC,eAA+C,GAAG,SAAlDA,eAAkD,OAQ5B;AAAA,MAP1BC,QAO0B,QAP1BA,QAO0B;AAAA,uBAN1BC,IAM0B;AAAA,MAN1BA,IAM0B,0BANnB,UAMmB;AAAA,MAL1BC,SAK0B,QAL1BA,SAK0B;AAAA,mCAJ1BC,iBAI0B;AAAA,MAJ1BA,iBAI0B,sCAJN,SAIM;AAAA,2BAH1BC,QAG0B;AAAA,MAH1BA,SAG0B,8BAHfV,IAGe;AAAA,MAF1BW,UAE0B,QAF1BA,UAE0B;AAAA,MADvBC,SACuB;;AAC1B,MAAMC,QAAQ,GAAGX,WAAW,EAA5B;;AACA,uBAAkBE,aAAa,EAA/B;AAAA,MAAQU,KAAR,kBAAQA,KAAR;;AACA,MAAMC,WAAW,GAAGP,SAAS,IAAID,IAAI,KAAK,YAA1C;AACA,MAAMS,MAAM,GAAGf,YAAY,CAACU,UAAD,CAA3B;AAEA,SACE;AACE,IAAA,GAAG,EAAEK,MADP;AAEE,IAAA,SAAS,EAAEjB,UAAU,CACnBD,YAAY,CAAC,iBAAD,EAAoBe,QAApB,CADO,mCAEOC,KAFP,8BAGCP,IAHD,GAInB;AACE,oCAA8BQ;AADhC,KAJmB;AAFvB,KAUMH,SAVN,GAYGG,WAAW,GACV,oBAAC,SAAD;AACE,IAAA,SAAS,EAAC,4BADZ;AAEE,IAAA,KAAK,EAAC,OAFR;AAGE,IAAA,iBAAiB,EAAEN,iBAHrB;AAIE,IAAA,QAAQ,EAAE,kBAACQ,CAAD;AAAA,aAAOP,SAAQ,CAACO,CAAD,EAAID,MAAJ,aAAIA,MAAJ,uBAAIA,MAAM,CAAEE,OAAZ,CAAf;AAAA;AAJZ,KAMGZ,QANH,CADU,GAUVA,QAtBJ,CADF;AA2BD,CAzCD;;AA2CA,eAAeD,eAAf","sourcesContent":["import * as React from \"react\";\nimport { HasRootRef } from \"../../types\";\nimport { getClassName } from \"../../helpers/getClassName\";\nimport { classNames } from \"../../lib/classNames\";\nimport { noop } from \"../../lib/utils\";\nimport { useExternRef } from \"../../hooks/useExternRef\";\nimport { usePlatform } from \"../../hooks/usePlatform\";\nimport { Removable, RemovableProps } from \"../Removable/Removable\";\nimport { useAdaptivity } from \"../../hooks/useAdaptivity\";\nimport \"./FormLayoutGroup.css\";\n\nexport interface FormLayoutGroupProps\n extends React.HTMLAttributes<HTMLDivElement>,\n RemovableProps,\n HasRootRef<HTMLDivElement> {\n mode?: \"vertical\" \| \"horizontal\";\n /*\n Только для режима horizontal. Дает возможность удалить всю группу `FormItem`.\n */\n removable?: boolean;\n}\n\nconst FormLayoutGroup: React.FC<FormLayoutGroupProps> = ({\n children,\n mode = \"vertical\",\n removable,\n removePlaceholder = \"Удалить\",\n onRemove = noop,\n getRootRef,\n ...restProps\n}: FormLayoutGroupProps) => {\n const platform = usePlatform();\n const { sizeY } = useAdaptivity();\n const isRemovable = removable && mode === \"horizontal\";\n const rootEl = useExternRef(getRootRef);\n\n return (\n <div\n ref={rootEl}\n vkuiClass={classNames(\n getClassName(\"FormLayoutGroup\", platform),\n `FormLayoutGroup--sizeY-${sizeY}`,\n `FormLayoutGroup--${mode}`,\n {\n \"FormLayoutGroup--removable\": isRemovable,\n }\n )}\n {...restProps}\n >\n {isRemovable ? (\n <Removable\n vkuiClass=\"FormLayoutGroup__removable\"\n align=\"start\"\n removePlaceholder={removePlaceholder}\n onRemove={(e) => onRemove(e, rootEl?.current)}\n >\n {children}\n </Removable>\n ) : (\n children\n )}\n </div>\n );\n};\n\nexport default FormLayoutGroup;\n"],"file":"FormLayoutGroup.js"}

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

@@ -18,7 +18,7 @@ export var FormStatus = function FormStatus(_ref) {
   var platform = usePlatform();
   return createScopedElement("div", _extends({}, restProps, {
-    vkuiClass: classNames(getClassName('FormStatus', platform), "FormStatus--".concat(mode))
+    vkuiClass: classNames(getClassName("FormStatus", platform), "FormStatus--".concat(mode))
   }), hasReactNode(header) && createScopedElement(Headline, {
     weight: "medium",
     vkuiClass: "FormStatus__header"

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

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../../src/components/FormStatus/FormStatus.tsx"],"names":["classNames","getClassName","usePlatform","Headline","Caption","hasReactNode","FormStatus","mode","header","children","dangerouslySetInnerHTML","restProps","platform"],"mappings":";;;;AACA,SAASA,UAAT;AACA,SAASC,YAAT;AACA,SAASC,WAAT;AACA,OAAOC,QAAP;AACA,OAAOC,OAAP;AACA,SAASC,YAAT;AACA;AAOA,OAAO,IAAMC,UAAoD,GAAG,SAAvDA,UAAuD,OAM7C;AAAA,MALrBC,IAKqB,QALrBA,IAKqB;AAAA,MAJrBC,MAIqB,QAJrBA,MAIqB;AAAA,MAHrBC,QAGqB,QAHrBA,QAGqB;AAAA,MAFrBC,uBAEqB,QAFrBA,uBAEqB;AAAA,MADlBC,SACkB;;AACrB,MAAMC,QAAQ,GAAGV,WAAW,EAA5B;AAEA,SACE,wCACMS,SADN;AAEE,IAAA,SAAS,EAAEX,UAAU,~~CAACC~~,YAAY,CAAC,YAAD,EAAeW,QAAf,~~CAAb~~,~~wBAAsDL~~,~~IAAtD~~;AAFvB,~~MAIGF~~,YAAY,CAACG,MAAD,CAAZ,~~IAAwB~~,oBAAC,QAAD;AAAU,IAAA,MAAM,EAAC,QAAjB;AAA0B,IAAA,SAAS,EAAC;AAApC,~~KAA0DA~~,~~MAA1D~~,~~CAJ3B~~,~~EAKGE~~,uBAAuB,IACtB,oBAAC,OAAD;~~AAAS~~,IAAA,KAAK,EAAC,~~GAAf~~;~~AAAmB~~,IAAA,MAAM,EAAC,~~SAA1B~~;~~AAAoC~~,IAAA,uBAAuB,EAAEA;~~AAA7D~~,~~IANJ~~,~~EAQGL~~,YAAY,CAACI,QAAD,CAAZ,IAA0B,CAACC,uBAA3B,~~IAAsD~~,oBAAC,OAAD;AAAS,IAAA,KAAK,EAAC,GAAf;AAAmB,IAAA,MAAM,EAAC;AAA1B,~~KAAqCD~~,~~QAArC~~,~~CARzD~~,CADF;~~AAYD~~,~~CArBM~~","sourcesContent":["import * as React from 'react';\nimport { classNames } from '../../lib/classNames';\nimport { getClassName } from '../../helpers/getClassName';\nimport { usePlatform } from '../../hooks/usePlatform';\nimport Headline from '../Typography/Headline/Headline';\nimport Caption from '../Typography/Caption/Caption';\nimport { hasReactNode } from '../../lib/utils';\nimport './FormStatus.css';\n\nexport interface FormStatusProps extends React.HTMLAttributes<HTMLDivElement> {\n mode?: 'default' \| 'error';\n header?: React.ReactNode;\n}\n\nexport const FormStatus: React.FunctionComponent<FormStatusProps> = ({\n mode,\n header,\n children,\n dangerouslySetInnerHTML,\n ...restProps\n}: FormStatusProps) => {\n const platform = usePlatform();\n\n return (\n <div\n {...restProps}\n vkuiClass={classNames(getClassName('FormStatus', platform), `FormStatus--${mode}`)}\n >\n {hasReactNode(header) && <Headline weight=\"medium\" vkuiClass=\"FormStatus__header\">{header}</Headline>}\n {dangerouslySetInnerHTML ~~&&\~~n <Caption level=\"1\" weight=\"regular\" dangerouslySetInnerHTML={dangerouslySetInnerHTML} />\n }\n {hasReactNode(children) && !dangerouslySetInnerHTML && <Caption level=\"1\" weight=\"regular\">{children}</Caption>}\n </div>\n );\n};\n"],"file":"FormStatus.js"}
1	+ {"version":3,"sources":["../../../../src/components/FormStatus/FormStatus.tsx"],"names":["classNames","getClassName","usePlatform","Headline","Caption","hasReactNode","FormStatus","mode","header","children","dangerouslySetInnerHTML","restProps","platform"],"mappings":";;;;AACA,SAASA,UAAT;AACA,SAASC,YAAT;AACA,SAASC,WAAT;AACA,OAAOC,QAAP;AACA,OAAOC,OAAP;AACA,SAASC,YAAT;AACA;AAOA,OAAO,IAAMC,UAAoD,GAAG,SAAvDA,UAAuD,OAM7C;AAAA,MALrBC,IAKqB,QALrBA,IAKqB;AAAA,MAJrBC,MAIqB,QAJrBA,MAIqB;AAAA,MAHrBC,QAGqB,QAHrBA,QAGqB;AAAA,MAFrBC,uBAEqB,QAFrBA,uBAEqB;AAAA,MADlBC,SACkB;;AACrB,MAAMC,QAAQ,GAAGV,WAAW,EAA5B;AAEA,SACE,wCACMS,SADN;AAEE,IAAA,SAAS,EAAEX,UAAU,CACnBC,YAAY,CAAC,YAAD,EAAeW,QAAf,CADO,wBAEJL,IAFI;AAFvB,MAOGF,YAAY,CAACG,MAAD,CAAZ,IACC,oBAAC,QAAD;AAAU,IAAA,MAAM,EAAC,QAAjB;AAA0B,IAAA,SAAS,EAAC;AAApC,KACGA,MADH,CARJ,EAYGE,uBAAuB,IACtB,oBAAC,OAAD;AACE,IAAA,KAAK,EAAC,GADR;AAEE,IAAA,MAAM,EAAC,SAFT;AAGE,IAAA,uBAAuB,EAAEA;AAH3B,IAbJ,EAmBGL,YAAY,CAACI,QAAD,CAAZ,IAA0B,CAACC,uBAA3B,IACC,oBAAC,OAAD;AAAS,IAAA,KAAK,EAAC,GAAf;AAAmB,IAAA,MAAM,EAAC;AAA1B,KACGD,QADH,CApBJ,CADF;AA2BD,CApCM","sourcesContent":["import * as React from \"react\";\nimport { classNames } from \"../../lib/classNames\";\nimport { getClassName } from \"../../helpers/getClassName\";\nimport { usePlatform } from \"../../hooks/usePlatform\";\nimport Headline from \"../Typography/Headline/Headline\";\nimport Caption from \"../Typography/Caption/Caption\";\nimport { hasReactNode } from \"../../lib/utils\";\nimport \"./FormStatus.css\";\n\nexport interface FormStatusProps extends React.HTMLAttributes<HTMLDivElement> {\n mode?: \"default\" \| \"error\";\n header?: React.ReactNode;\n}\n\nexport const FormStatus: React.FunctionComponent<FormStatusProps> = ({\n mode,\n header,\n children,\n dangerouslySetInnerHTML,\n ...restProps\n}: FormStatusProps) => {\n const platform = usePlatform();\n\n return (\n <div\n {...restProps}\n vkuiClass={classNames(\n getClassName(\"FormStatus\", platform),\n `FormStatus--${mode}`\n )}\n >\n {hasReactNode(header) && (\n <Headline weight=\"medium\" vkuiClass=\"FormStatus__header\">\n {header}\n </Headline>\n )}\n {dangerouslySetInnerHTML && (\n <Caption\n level=\"1\"\n weight=\"regular\"\n dangerouslySetInnerHTML={dangerouslySetInnerHTML}\n />\n )}\n {hasReactNode(children) && !dangerouslySetInnerHTML && (\n <Caption level=\"1\" weight=\"regular\">\n {children}\n </Caption>\n )}\n </div>\n );\n};\n"],"file":"FormStatus.js"}

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

	@@ -1 +1 @@
1	- .vkuiGallery{position:relative;overflow:hidden}.vkuiGallery__viewport{margin:0;height:100%;position:relative}.vkuiGallery--center .vkuiGallery__viewport{margin:0 auto}.vkuiGallery__layer{display:flex;width:100%;height:100%;min-height:100px;cursor:grab;align-items:stretch}.vkuiGallery__slide{width:100%;flex:0 0 auto;max-width:100%;overflow:hidden}.vkuiGallery--custom-width .vkuiGallery__slide{width:auto}.vkuiGallery__slide>*{width:100%;min-height:100%}.vkuiGallery__bullets{position:absolute;bottom:10px;height:6px;width:100%;left:0;display:flex;align-items:center;justify-content:center}.vkuiGallery__bullets--dark .vkuiGallery__bullet{background-color:#000}.vkuiGallery__bullets--light .vkuiGallery__bullet{background-color:#fff}.vkuiGallery__bullet{height:6px;width:6px;border-radius:50%;margin:0 3px;opacity:.56}.vkuiGallery__bullet--active{opacity:1}
1	+ .vkuiGallery{position:relative;overflow:hidden;-webkit-user-select:none;user-select:none}.vkuiGallery__viewport{margin:0;height:100%;position:relative}.vkuiGallery--center .vkuiGallery__viewport{margin:0 auto}.vkuiGallery__layer{display:flex;width:100%;height:100%;min-height:100px;cursor:grab;align-items:stretch}.vkuiGallery__slide{width:100%;flex:0 0 auto;max-width:100%;overflow:hidden}.vkuiGallery--custom-width .vkuiGallery__slide{width:auto}.vkuiGallery__slide>*{width:100%;min-height:100%}.vkuiGallery__bullets{position:absolute;bottom:10px;height:6px;width:100%;left:0;display:flex;align-items:center;justify-content:center}.vkuiGallery__bullets--dark .vkuiGallery__bullet{background-color:#000}.vkuiGallery__bullets--light .vkuiGallery__bullet{background-color:#fff}.vkuiGallery__bullet{height:6px;width:6px;border-radius:50%;margin:0 3px;opacity:.56}.vkuiGallery__bullet--active{opacity:1}

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

@@ -10,7 +10,7 @@ import _defineProperty from "@babel/runtime/helpers/defineProperty";
 var _excluded = ["children", "slideWidth", "slideIndex", "isDraggable", "onDragStart", "onDragEnd", "onChange", "onEnd", "align", "bullets", "platform", "hasMouse", "showArrows", "window", "document", "getRef", "getRootRef"],
     _excluded2 = ["initialSlideIndex", "children", "timeout", "onChange"];
 import { createScopedElement } from "../../lib/jsxRuntime";
-import * as React from 'react';
+import * as React from "react";
 import { getClassName } from "../../helpers/getClassName";
 import { Touch } from "../Touch/Touch";
 import { classNames } from "../../lib/classNames";
@@ -149,7 +149,7 @@ var BaseGallery = /*#__PURE__*/function (_React$Component) {
   _createClass(BaseGallery, [{
     key: "isCenterWithCustomWidth",
     get: function get() {
-      return this.props.slideWidth === 'custom' && this.props.align === 'center';
+      return this.props.slideWidth === "custom" && this.props.align === "center";
     }
   }, {
     key: "initializeSlides",
@@ -218,13 +218,13 @@ var BaseGallery = /*#__PURE__*/function (_React$Component) {
       var viewportWidth = this.viewport.offsetWidth;
       switch (this.props.align) {
-        case 'left':
+        case "left":
           return containerWidth - layerWidth;
-        case 'right':
+        case "right":
           return viewportWidth - layerWidth;
-        case 'center':
+        case "center":
           if (this.isCenterWithCustomWidth && slides.length) {
             var _slides = slides[slides.length - 1],
                 coordX = _slides.coordX,
@@ -374,9 +374,7 @@ var BaseGallery = /*#__PURE__*/function (_React$Component) {
       var _this$props3 = this.props,
           align = _this$props3.align,
           slideIndex = _this$props3.slideIndex;
-      return !this.isFullyVisible && ( // we can't move right when gallery layer fully scrolled right, if gallery aligned by left side
-      align === 'left' && containerWidth - shiftX < layerWidth || // otherwise we need to check current slide index (align = right or align = center)
-      align !== 'left' && slideIndex < slides.length - 1);
+      return !this.isFullyVisible && (align === "left" && containerWidth - shiftX < layerWidth || align !== "left" && slideIndex < slides.length - 1);
     }
   }, {
     key: "componentDidMount",
@@ -384,7 +382,7 @@ var BaseGallery = /*#__PURE__*/function (_React$Component) {
       this.initializeSlides({
         animation: false
       });
-      this.props.window.addEventListener('resize', this.onResize);
+      this.props.window.addEventListener("resize", this.onResize);
     }
   }, {
     key: "componentDidUpdate",
@@ -392,7 +390,7 @@ var BaseGallery = /*#__PURE__*/function (_React$Component) {
       var widthChanged = this.props.slideWidth !== prevProps.slideWidth;
       var isPropUpdate = this.props !== prevProps;
       var slideCountChanged = React.Children.count(this.props.children) !== React.Children.count(prevProps.children);
-      var isCustomWidth = this.props.slideWidth === 'custom'; // в любом из этих случаев позиция могла поменяться
+      var isCustomWidth = this.props.slideWidth === "custom"; // в любом из этих случаев позиция могла поменяться
       if (widthChanged || slideCountChanged || isCustomWidth && isPropUpdate) {
         this.initializeSlides();
@@ -407,7 +405,7 @@ var BaseGallery = /*#__PURE__*/function (_React$Component) {
   }, {
     key: "componentWillUnmount",
     value: function componentWillUnmount() {
-      this.props.window.removeEventListener('resize', this.onResize);
+      this.props.window.removeEventListener("resize", this.onResize);
     }
   }, {
     key: "render",
@@ -443,13 +441,13 @@ var BaseGallery = /*#__PURE__*/function (_React$Component) {
       var layerStyle = {
         WebkitTransform: "translateX(".concat(indent, "px)"),
         transform: "translateX(".concat(indent, "px)"),
-        WebkitTransition: animation ? "-webkit-transform ".concat(duration, "s cubic-bezier(.1, 0, .25, 1)") : 'none',
-        transition: animation ? "transform ".concat(duration, "s cubic-bezier(.1, 0, .25, 1)") : 'none'
+        WebkitTransition: animation ? "-webkit-transform ".concat(duration, "s cubic-bezier(.1, 0, .25, 1)") : "none",
+        transition: animation ? "transform ".concat(duration, "s cubic-bezier(.1, 0, .25, 1)") : "none"
       };
       return createScopedElement("div", _extends({}, restProps, {
-        vkuiClass: classNames(getClassName('Gallery', platform), "Gallery--".concat(align), {
-          'Gallery--dragging': dragging,
-          'Gallery--custom-width': slideWidth === 'custom'
+        vkuiClass: classNames(getClassName("Gallery", platform), "Gallery--".concat(align), {
+          "Gallery--dragging": dragging,
+          "Gallery--custom-width": slideWidth === "custom"
         }),
         ref: this.getRootRef
       }), createScopedElement(Touch, {
@@ -459,7 +457,7 @@ var BaseGallery = /*#__PURE__*/function (_React$Component) {
         onEnd: this.onEnd,
         noSlideClick: true,
         style: {
-          width: slideWidth === 'custom' ? '100%' : slideWidth
+          width: slideWidth === "custom" ? "100%" : slideWidth
         },
         getRootRef: this.getViewportRef
       }, createScopedElement("div", {
@@ -473,11 +471,11 @@ var BaseGallery = /*#__PURE__*/function (_React$Component) {
         }, item);
       }))), bullets && createScopedElement("div", {
         "aria-hidden": "true",
-        vkuiClass: classNames('Gallery__bullets', "Gallery__bullets--".concat(bullets))
+        vkuiClass: classNames("Gallery__bullets", "Gallery__bullets--".concat(bullets))
       }, React.Children.map(children, function (_item, index) {
         return createScopedElement("div", {
-          vkuiClass: classNames('Gallery__bullet', {
-            'Gallery__bullet--active': index === slideIndex
+          vkuiClass: classNames("Gallery__bullet", {
+            "Gallery__bullet--active": index === slideIndex
           }),
           key: index
         });
@@ -495,9 +493,9 @@ var BaseGallery = /*#__PURE__*/function (_React$Component) {
 }(React.Component);
 _defineProperty(BaseGallery, "defaultProps", {
-  slideWidth: '100%',
-  children: '',
-  align: 'left',
+  slideWidth: "100%",
+  children: "",
+  align: "left",
   bullets: false,
   isDraggable: true
 });
@@ -519,7 +517,7 @@ var Gallery = function Gallery(_ref3) {
       localSlideIndex = _React$useState2[0],
       setSlideIndex = _React$useState2[1];
-  var isControlled = typeof props.slideIndex === 'number';
+  var isControlled = typeof props.slideIndex === "number";
   var slideIndex = isControlled ? props.slideIndex : localSlideIndex;
   var isDraggable = !isControlled || Boolean(onChange);
   var slides = React.Children.toArray(children).filter(function (item) {

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

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../../src/components/Gallery/Gallery.tsx"],"names":["React","getClassName","Touch","classNames","withPlatform","withDOM","setRef","withAdaptivity","HorizontalScrollArrow","clamp","useTimeout","BaseGallery","props","setState","animation","e","isDraggable","isFullyVisible","originalEvent","preventDefault","isSlideX","onDragStart","state","deltaX","shiftX","dragging","targetIndex","isSlide","getTarget","slideIndex","onDragEnd","onChange","onEnd","initializeSlides","canSlideLeft","canSlideRight","id","slide","slidesStore","viewport","getRef","container","getRootRef","containerWidth","slides","duration","slideWidth","align","options","Children","map","children","_item","i","elem","coordX","offsetLeft","width","offsetWidth","layerWidth","reduce","val","min","calcMin","max","calcMax","calculateIndent","isValidShift","validateIndent","window","requestAnimationFrame","viewportWidth","isCenterWithCustomWidth","length","targetSlide","indent","Number","value","expectDeltaX","shift","direction","item","index","previousValue","Math","abs","currentValue","addEventListener","onResize","prevProps","widthChanged","isPropUpdate","slideCountChanged","count","isCustomWidth","removeEventListener","bullets","platform","hasMouse","showArrows","document","restProps","calculateDragIndent","layerStyle","WebkitTransform","transform","WebkitTransition","transition","onStart","onMoveX","getViewportRef","getSlideRef","slideLeft","slideRight","Component","BaseGalleryAdaptive","Gallery","initialSlideIndex","timeout","useState","localSlideIndex","setSlideIndex","isControlled","Boolean","toArray","filter","childCount","handleChange","useCallback","current","autoplay","useEffect","set","clear","safeSlideIndex"],"mappings":"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","sourcesContent":["import * as React from 'react';\nimport { getClassName } from '../../helpers/getClassName';\nimport { Touch, TouchEventHandler, TouchEvent } from '../Touch/Touch';\nimport { classNames } from '../../lib/classNames';\nimport { withPlatform } from '../../hoc/withPlatform';\nimport { HasAlign, HasPlatform, HasRef, HasRootRef } from '../../types';\nimport { withDOM, DOMProps } from '../../lib/dom';\nimport { setRef } from '../../lib/utils';\nimport { withAdaptivity, AdaptivityProps } from '../../hoc/withAdaptivity';\nimport HorizontalScrollArrow from '../HorizontalScroll/HorizontalScrollArrow';\nimport { clamp } from '../../helpers/math';\nimport { useTimeout } from '../../hooks/useTimeout';\nimport './Gallery.css';\n\nexport interface BaseGalleryProps extends\n Omit<React.HTMLAttributes<HTMLDivElement>, 'onChange' \| 'onDragStart' \| 'onDragEnd'>,\n HasPlatform,\n HasAlign,\n HasRootRef<HTMLDivElement>,\n HasRef<HTMLElement> {\n slideWidth?: string \| number;\n slideIndex?: number;\n onDragStart?: TouchEventHandler;\n onDragEnd?: TouchEventHandler;\n onChange?(current: number): void;\n onEnd?({ targetIndex }: { targetIndex: number }): void;\n bullets?: 'dark' \| 'light' \| false;\n isDraggable?: boolean;\n showArrows?: boolean;\n}\n\nexport interface GalleryProps extends BaseGalleryProps {\n initialSlideIndex?: number;\n timeout?: number;\n}\n\nexport interface GalleryState {\n containerWidth: number;\n layerWidth?: number;\n min?: number;\n max?: number;\n deltaX: number;\n shiftX: number;\n slides: GallerySlidesState[];\n animation: boolean;\n duration: number;\n dragging?: boolean;\n}\n\nexport interface GallerySlidesState {\n coordX: number;\n width: number;\n}\n\ntype GetSlideRef = (index: number) => React.RefCallback<HTMLElement>;\n\nclass BaseGallery extends React.Component<BaseGalleryProps & DOMProps & AdaptivityProps, GalleryState> {\n constructor(props: GalleryProps) {\n super(props);\n\n this.state = {\n containerWidth: 0,\n deltaX: 0,\n shiftX: 0,\n slides: [],\n animation: true,\n duration: 0.24,\n };\n\n this.slidesStore = {};\n }\n\n container: HTMLDivElement;\n slidesStore: {\n [index: string]: HTMLElement;\n };\n viewport: HTMLElement;\n\n static defaultProps: Partial<BaseGalleryProps> = {\n slideWidth: '100%',\n children: '',\n align: 'left',\n bullets: false,\n isDraggable: true,\n };\n\n get isCenterWithCustomWidth() {\n return this.props.slideWidth === 'custom' && this.props.align === 'center';\n }\n\n initializeSlides(options: { animation?: boolean } = {}) {\n const slides: GallerySlidesState[] = React.Children.map(\n this.props.children,\n (_item: React.ReactElement, i: number): GallerySlidesState => {\n const elem = this.slidesStore[`slide-${i}`];\n return {\n coordX: elem.offsetLeft,\n width: elem.offsetWidth,\n };\n });\n\n const containerWidth = this.container.offsetWidth;\n const layerWidth = slides.reduce((val: number, slide: GallerySlidesState) => slide.width + val, 0);\n\n const min = this.calcMin({ containerWidth, layerWidth, slides });\n const max = this.calcMax({ slides });\n\n this.setState({ min, max, layerWidth, containerWidth, slides }, () => {\n const shiftX = this.calculateIndent(this.props.slideIndex);\n if (this.state.shiftX === shiftX) {\n return;\n }\n const isValidShift = this.state.shiftX === this.validateIndent(this.state.shiftX);\n const { animation = isValidShift } = options;\n this.setState({ shiftX, animation }, () => {\n if (!this.state.animation) {\n this.props.window.requestAnimationFrame(() => this.setState({ animation: true }));\n }\n });\n });\n }\n\n calcMin({ containerWidth, layerWidth, slides }: Pick<GalleryState, 'containerWidth' \| 'layerWidth' \| 'slides'>) {\n const viewportWidth = this.viewport.offsetWidth;\n switch (this.props.align) {\n case 'left':\n return containerWidth - layerWidth;\n case 'right':\n return viewportWidth - layerWidth;\n case 'center':\n if (this.isCenterWithCustomWidth && slides.length) {\n const { coordX, width } = slides[slides.length - 1];\n return viewportWidth / 2 - coordX - width / 2;\n } else {\n return viewportWidth - (containerWidth - viewportWidth) / 2 - layerWidth;\n }\n }\n }\n\n calcMax({ slides }: Pick<GalleryState, 'slides'>) {\n const viewportWidth = this.viewport.offsetWidth;\n if (this.isCenterWithCustomWidth && slides.length) {\n const { width, coordX } = slides[0];\n return viewportWidth / 2 - coordX - width / 2;\n } else {\n return 0;\n }\n }\n\n /\n Считает отступ слоя галереи\n /\n calculateIndent(targetIndex: number) {\n const { slides } = this.state;\n\n if (this.isFullyVisible) {\n return 0;\n }\n\n const targetSlide = slides.length ? slides[targetIndex] : null;\n\n if (targetSlide) {\n const { coordX, width } = targetSlide;\n\n if (this.isCenterWithCustomWidth) {\n const viewportWidth = this.viewport.offsetWidth;\n return viewportWidth / 2 - coordX - width / 2;\n }\n\n return this.validateIndent(-1 coordX);\n } else {\n return 0;\n }\n }\n\n /\n Считает отступ слоя галереи во время драга\n /\n calculateDragIndent() {\n const { shiftX, deltaX, min, max } = this.state;\n const indent = shiftX + deltaX;\n\n if (indent > max) {\n return max + Number((indent - max) / 3);\n } else if (indent < min) {\n return min + Number((indent - min) / 3);\n }\n\n return indent;\n }\n\n validateIndent(value: number) {\n const { min, max } = this.state;\n\n if (value < min) {\n return min;\n } else if (value > max) {\n return max;\n }\n\n return value;\n }\n\n get isFullyVisible() {\n return this.state.layerWidth <= this.state.containerWidth;\n }\n\n /\n * Получает индекс слайда, к которому будет осуществлен переход\n /\n getTarget(e: TouchEvent) {\n const { slides, deltaX, shiftX, max } = this.state;\n const { slideIndex } = this.props;\n const expectDeltaX = deltaX / e.duration 240 * 0.6;\n const shift = shiftX + deltaX + expectDeltaX - max;\n const direction = deltaX < 0 ? 1 : -1;\n\n // Находим ближайшую границу слайда к текущему отступу\n let targetIndex = slides.reduce((val: number, item: GallerySlidesState, index: number) => {\n const previousValue = Math.abs(slides[val].coordX + shift);\n const currentValue = Math.abs(item.coordX + shift);\n\n return previousValue < currentValue ? val : index;\n }, slideIndex);\n\n if (targetIndex === slideIndex) {\n let targetSlide = slideIndex + direction;\n\n if (targetSlide >= 0 && targetSlide < slides.length) {\n if (Math.abs(deltaX) > slides[targetSlide].width * 0.05) {\n targetIndex = targetSlide;\n }\n }\n }\n\n return targetIndex;\n }\n\n onStart: TouchEventHandler = () => {\n this.setState({\n animation: false,\n });\n };\n\n onMoveX: TouchEventHandler = (e: TouchEvent) => {\n if (this.props.isDraggable && !this.isFullyVisible) {\n e.originalEvent.preventDefault();\n\n if (e.isSlideX) {\n this.props.onDragStart && this.props.onDragStart(e);\n\n if (this.state.deltaX !== e.shiftX \|\| this.state.dragging !== e.isSlideX) {\n this.setState({\n deltaX: e.shiftX,\n dragging: e.isSlideX,\n });\n }\n }\n }\n };\n\n onEnd: TouchEventHandler = (e: TouchEvent) => {\n const targetIndex = e.isSlide ? this.getTarget(e) : this.props.slideIndex;\n this.props.onDragEnd && this.props.onDragEnd(e);\n this.setState({ deltaX: 0, animation: true }, () => this.props.onChange(targetIndex));\n\n if (this.props.onEnd) {\n this.props.onEnd({ targetIndex });\n }\n };\n\n onResize: VoidFunction = () => this.initializeSlides({ animation: false });\n\n get canSlideLeft() {\n // shiftX is negative number <= 0, we can swipe back only if it is < 0\n return !this.isFullyVisible && this.state.shiftX < 0;\n }\n\n get canSlideRight() {\n const { containerWidth, layerWidth, shiftX, slides } = this.state;\n const { align, slideIndex } = this.props;\n return !this.isFullyVisible && (\n // we can't move right when gallery layer fully scrolled right, if gallery aligned by left side\n align === 'left' && containerWidth - shiftX < layerWidth \|\|\n // otherwise we need to check current slide index (align = right or align = center)\n align !== 'left' && slideIndex < slides.length - 1\n );\n }\n\n slideLeft = () => {\n const { slideIndex, onChange } = this.props;\n if (this.canSlideLeft) {\n this.setState({ deltaX: 0, animation: true }, () => onChange(slideIndex - 1));\n }\n };\n\n slideRight = () => {\n const { slideIndex, onChange } = this.props;\n if (this.canSlideRight) {\n this.setState({ deltaX: 0, animation: true }, () => onChange(slideIndex + 1));\n }\n };\n\n getSlideRef: GetSlideRef = (id: number) => (slide) => {\n this.slidesStore[`slide-${id}`] = slide;\n };\n\n getViewportRef: React.RefCallback<HTMLElement> = (viewport) => {\n this.viewport = viewport;\n setRef(viewport, this.props.getRef);\n };\n\n getRootRef: React.RefCallback<HTMLDivElement> = (container) => {\n this.container = container;\n setRef(container, this.props.getRootRef);\n };\n\n componentDidMount() {\n this.initializeSlides({ animation: false });\n this.props.window.addEventListener('resize', this.onResize);\n }\n\n componentDidUpdate(prevProps: GalleryProps) {\n const widthChanged = this.props.slideWidth !== prevProps.slideWidth;\n const isPropUpdate = this.props !== prevProps;\n const slideCountChanged = React.Children.count(this.props.children) !== React.Children.count(prevProps.children);\n const isCustomWidth = this.props.slideWidth === 'custom';\n\n // в любом из этих случаев позиция могла поменяться\n if (widthChanged \|\| slideCountChanged \|\| isCustomWidth && isPropUpdate) {\n this.initializeSlides();\n } else if (this.props.slideIndex !== prevProps.slideIndex) {\n this.setState({\n animation: true,\n deltaX: 0,\n shiftX: this.calculateIndent(this.props.slideIndex),\n });\n }\n }\n\n componentWillUnmount() {\n this.props.window.removeEventListener('resize', this.onResize);\n }\n\n render() {\n const { animation, duration, dragging } = this.state;\n const {\n children,\n slideWidth,\n slideIndex,\n isDraggable,\n onDragStart,\n onDragEnd,\n onChange,\n onEnd,\n align,\n bullets,\n platform,\n hasMouse,\n showArrows,\n window,\n document,\n getRef,\n getRootRef,\n ...restProps\n } = this.props;\n\n const indent = dragging ? this.calculateDragIndent() : this.calculateIndent(slideIndex);\n\n const layerStyle = {\n WebkitTransform: `translateX(${indent}px)`,\n transform: `translateX(${indent}px)`,\n WebkitTransition: animation ? `-webkit-transform ${duration}s cubic-bezier(.1, 0, .25, 1)` : 'none',\n transition: animation ? `transform ${duration}s cubic-bezier(.1, 0, .25, 1)` : 'none',\n };\n\n return (\n <div\n {...restProps}\n vkuiClass={classNames(getClassName('Gallery', platform), `Gallery--${align}`, {\n 'Gallery--dragging': dragging,\n 'Gallery--custom-width': slideWidth === 'custom',\n })}\n ref={this.getRootRef}\n >\n <Touch\n vkuiClass=\"Gallery__viewport\"\n onStartX={this.onStart}\n onMoveX={this.onMoveX}\n onEnd={this.onEnd}\n noSlideClick\n style={{ width: slideWidth === 'custom' ? '100%' : slideWidth }}\n getRootRef={this.getViewportRef}\n >\n <div vkuiClass=\"Gallery__layer\" style={layerStyle}>\n {React.Children.map(children, (item: React.ReactElement, i: number) =>\n <div vkuiClass=\"Gallery__slide\" key={`slide-${i}`} ref={this.getSlideRef(i)}>{item}</div>,\n )}\n </div>\n </Touch>\n\n {bullets &&\n <div aria-hidden=\"true\" vkuiClass={classNames('Gallery__bullets', `Gallery__bullets--${bullets}`)}>\n {React.Children.map(children, (_item: React.ReactElement, index: number) =>\n <div\n vkuiClass={classNames('Gallery__bullet', { 'Gallery__bullet--active': index === slideIndex })}\n key={index}\n />,\n )}\n </div>\n }\n\n {showArrows && hasMouse && this.canSlideLeft && <HorizontalScrollArrow direction=\"left\" onClick={this.slideLeft} />}\n {showArrows && hasMouse && this.canSlideRight && <HorizontalScrollArrow direction=\"right\" onClick={this.slideRight} />}\n </div>\n );\n }\n}\n\nconst BaseGalleryAdaptive = withAdaptivity(withDOM<BaseGalleryProps>(BaseGallery), {\n hasMouse: true,\n});\n\nconst Gallery: React.FC<GalleryProps> = ({\n initialSlideIndex = 0,\n children,\n timeout,\n onChange,\n ...props\n}: GalleryProps) => {\n const [localSlideIndex, setSlideIndex] = React.useState(initialSlideIndex);\n const isControlled = typeof props.slideIndex === 'number';\n const slideIndex = isControlled ? props.slideIndex : localSlideIndex;\n const isDraggable = !isControlled \|\| Boolean(onChange);\n const slides = React.Children.toArray(children).filter((item) => Boolean(item));\n const childCount = slides.length;\n\n const handleChange: GalleryProps['onChange'] = React.useCallback((current) => {\n if (current === slideIndex) {\n return;\n }\n !isControlled && setSlideIndex(current);\n onChange && onChange(current);\n }, [onChange, slideIndex]);\n\n const autoplay = useTimeout(() => handleChange((slideIndex + 1) % childCount), timeout);\n React.useEffect(() => timeout ? autoplay.set() : autoplay.clear(), [timeout, slideIndex]);\n\n // prevent invalid slideIndex\n // any slide index is invalid with no slides, just keep it as is\n const safeSlideIndex = childCount > 0 ? clamp(slideIndex, 0, childCount - 1) : slideIndex;\n // notify parent in controlled mode\n React.useEffect(() => {\n if (onChange && safeSlideIndex !== slideIndex) {\n onChange(safeSlideIndex);\n }\n }, [safeSlideIndex]);\n\n return (\n <BaseGalleryAdaptive\n isDraggable={isDraggable}\n {...props}\n slideIndex={safeSlideIndex}\n onChange={handleChange}\n >{slides}</BaseGalleryAdaptive>\n );\n};\n\nexport default withPlatform(Gallery);\n"],"file":"Gallery.js"}
1	+ {"version":3,"sources":["../../../../src/components/Gallery/Gallery.tsx"],"names":["React","getClassName","Touch","classNames","withPlatform","withDOM","setRef","withAdaptivity","HorizontalScrollArrow","clamp","useTimeout","BaseGallery","props","setState","animation","e","isDraggable","isFullyVisible","originalEvent","preventDefault","isSlideX","onDragStart","state","deltaX","shiftX","dragging","targetIndex","isSlide","getTarget","slideIndex","onDragEnd","onChange","onEnd","initializeSlides","canSlideLeft","canSlideRight","id","slide","slidesStore","viewport","getRef","container","getRootRef","containerWidth","slides","duration","slideWidth","align","options","Children","map","children","_item","i","elem","coordX","offsetLeft","width","offsetWidth","layerWidth","reduce","val","min","calcMin","max","calcMax","calculateIndent","isValidShift","validateIndent","window","requestAnimationFrame","viewportWidth","isCenterWithCustomWidth","length","targetSlide","indent","Number","value","expectDeltaX","shift","direction","item","index","previousValue","Math","abs","currentValue","addEventListener","onResize","prevProps","widthChanged","isPropUpdate","slideCountChanged","count","isCustomWidth","removeEventListener","bullets","platform","hasMouse","showArrows","document","restProps","calculateDragIndent","layerStyle","WebkitTransform","transform","WebkitTransition","transition","onStart","onMoveX","getViewportRef","getSlideRef","slideLeft","slideRight","Component","BaseGalleryAdaptive","Gallery","initialSlideIndex","timeout","useState","localSlideIndex","setSlideIndex","isControlled","Boolean","toArray","filter","childCount","handleChange","useCallback","current","autoplay","useEffect","set","clear","safeSlideIndex"],"mappings":"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","sourcesContent":["import * as React from \"react\";\nimport { getClassName } from \"../../helpers/getClassName\";\nimport { Touch, TouchEventHandler, TouchEvent } from \"../Touch/Touch\";\nimport { classNames } from \"../../lib/classNames\";\nimport { withPlatform } from \"../../hoc/withPlatform\";\nimport { HasAlign, HasPlatform, HasRef, HasRootRef } from \"../../types\";\nimport { withDOM, DOMProps } from \"../../lib/dom\";\nimport { setRef } from \"../../lib/utils\";\nimport { withAdaptivity, AdaptivityProps } from \"../../hoc/withAdaptivity\";\nimport HorizontalScrollArrow from \"../HorizontalScroll/HorizontalScrollArrow\";\nimport { clamp } from \"../../helpers/math\";\nimport { useTimeout } from \"../../hooks/useTimeout\";\nimport \"./Gallery.css\";\n\nexport interface BaseGalleryProps\n extends Omit<\n React.HTMLAttributes<HTMLDivElement>,\n \"onChange\" \| \"onDragStart\" \| \"onDragEnd\"\n >,\n HasPlatform,\n HasAlign,\n HasRootRef<HTMLDivElement>,\n HasRef<HTMLElement> {\n slideWidth?: string \| number;\n slideIndex?: number;\n onDragStart?: TouchEventHandler;\n onDragEnd?: TouchEventHandler;\n onChange?(current: number): void;\n onEnd?({ targetIndex }: { targetIndex: number }): void;\n bullets?: \"dark\" \| \"light\" \| false;\n isDraggable?: boolean;\n showArrows?: boolean;\n}\n\nexport interface GalleryProps extends BaseGalleryProps {\n initialSlideIndex?: number;\n timeout?: number;\n}\n\nexport interface GalleryState {\n containerWidth: number;\n layerWidth?: number;\n min?: number;\n max?: number;\n deltaX: number;\n shiftX: number;\n slides: GallerySlidesState[];\n animation: boolean;\n duration: number;\n dragging?: boolean;\n}\n\nexport interface GallerySlidesState {\n coordX: number;\n width: number;\n}\n\ntype GetSlideRef = (index: number) => React.RefCallback<HTMLElement>;\n\nclass BaseGallery extends React.Component<\n BaseGalleryProps & DOMProps & AdaptivityProps,\n GalleryState\n> {\n constructor(props: GalleryProps) {\n super(props);\n\n this.state = {\n containerWidth: 0,\n deltaX: 0,\n shiftX: 0,\n slides: [],\n animation: true,\n duration: 0.24,\n };\n\n this.slidesStore = {};\n }\n\n container: HTMLDivElement;\n slidesStore: {\n [index: string]: HTMLElement;\n };\n viewport: HTMLElement;\n\n static defaultProps: Partial<BaseGalleryProps> = {\n slideWidth: \"100%\",\n children: \"\",\n align: \"left\",\n bullets: false,\n isDraggable: true,\n };\n\n get isCenterWithCustomWidth() {\n return this.props.slideWidth === \"custom\" && this.props.align === \"center\";\n }\n\n initializeSlides(options: { animation?: boolean } = {}) {\n const slides: GallerySlidesState[] = React.Children.map(\n this.props.children,\n (_item: React.ReactElement, i: number): GallerySlidesState => {\n const elem = this.slidesStore[`slide-${i}`];\n return {\n coordX: elem.offsetLeft,\n width: elem.offsetWidth,\n };\n }\n );\n\n const containerWidth = this.container.offsetWidth;\n const layerWidth = slides.reduce(\n (val: number, slide: GallerySlidesState) => slide.width + val,\n 0\n );\n\n const min = this.calcMin({ containerWidth, layerWidth, slides });\n const max = this.calcMax({ slides });\n\n this.setState({ min, max, layerWidth, containerWidth, slides }, () => {\n const shiftX = this.calculateIndent(this.props.slideIndex);\n if (this.state.shiftX === shiftX) {\n return;\n }\n const isValidShift =\n this.state.shiftX === this.validateIndent(this.state.shiftX);\n const { animation = isValidShift } = options;\n this.setState({ shiftX, animation }, () => {\n if (!this.state.animation) {\n this.props.window.requestAnimationFrame(() =>\n this.setState({ animation: true })\n );\n }\n });\n });\n }\n\n calcMin({\n containerWidth,\n layerWidth,\n slides,\n }: Pick<GalleryState, \"containerWidth\" \| \"layerWidth\" \| \"slides\">) {\n const viewportWidth = this.viewport.offsetWidth;\n switch (this.props.align) {\n case \"left\":\n return containerWidth - layerWidth;\n case \"right\":\n return viewportWidth - layerWidth;\n case \"center\":\n if (this.isCenterWithCustomWidth && slides.length) {\n const { coordX, width } = slides[slides.length - 1];\n return viewportWidth / 2 - coordX - width / 2;\n } else {\n return (\n viewportWidth - (containerWidth - viewportWidth) / 2 - layerWidth\n );\n }\n }\n }\n\n calcMax({ slides }: Pick<GalleryState, \"slides\">) {\n const viewportWidth = this.viewport.offsetWidth;\n if (this.isCenterWithCustomWidth && slides.length) {\n const { width, coordX } = slides[0];\n return viewportWidth / 2 - coordX - width / 2;\n } else {\n return 0;\n }\n }\n\n /\n Считает отступ слоя галереи\n /\n calculateIndent(targetIndex: number) {\n const { slides } = this.state;\n\n if (this.isFullyVisible) {\n return 0;\n }\n\n const targetSlide = slides.length ? slides[targetIndex] : null;\n\n if (targetSlide) {\n const { coordX, width } = targetSlide;\n\n if (this.isCenterWithCustomWidth) {\n const viewportWidth = this.viewport.offsetWidth;\n return viewportWidth / 2 - coordX - width / 2;\n }\n\n return this.validateIndent(-1 coordX);\n } else {\n return 0;\n }\n }\n\n /\n Считает отступ слоя галереи во время драга\n /\n calculateDragIndent() {\n const { shiftX, deltaX, min, max } = this.state;\n const indent = shiftX + deltaX;\n\n if (indent > max) {\n return max + Number((indent - max) / 3);\n } else if (indent < min) {\n return min + Number((indent - min) / 3);\n }\n\n return indent;\n }\n\n validateIndent(value: number) {\n const { min, max } = this.state;\n\n if (value < min) {\n return min;\n } else if (value > max) {\n return max;\n }\n\n return value;\n }\n\n get isFullyVisible() {\n return this.state.layerWidth <= this.state.containerWidth;\n }\n\n /\n * Получает индекс слайда, к которому будет осуществлен переход\n /\n getTarget(e: TouchEvent) {\n const { slides, deltaX, shiftX, max } = this.state;\n const { slideIndex } = this.props;\n const expectDeltaX = (deltaX / e.duration) 240 * 0.6;\n const shift = shiftX + deltaX + expectDeltaX - max;\n const direction = deltaX < 0 ? 1 : -1;\n\n // Находим ближайшую границу слайда к текущему отступу\n let targetIndex = slides.reduce(\n (val: number, item: GallerySlidesState, index: number) => {\n const previousValue = Math.abs(slides[val].coordX + shift);\n const currentValue = Math.abs(item.coordX + shift);\n\n return previousValue < currentValue ? val : index;\n },\n slideIndex\n );\n\n if (targetIndex === slideIndex) {\n let targetSlide = slideIndex + direction;\n\n if (targetSlide >= 0 && targetSlide < slides.length) {\n if (Math.abs(deltaX) > slides[targetSlide].width * 0.05) {\n targetIndex = targetSlide;\n }\n }\n }\n\n return targetIndex;\n }\n\n onStart: TouchEventHandler = () => {\n this.setState({\n animation: false,\n });\n };\n\n onMoveX: TouchEventHandler = (e: TouchEvent) => {\n if (this.props.isDraggable && !this.isFullyVisible) {\n e.originalEvent.preventDefault();\n\n if (e.isSlideX) {\n this.props.onDragStart && this.props.onDragStart(e);\n\n if (\n this.state.deltaX !== e.shiftX \|\|\n this.state.dragging !== e.isSlideX\n ) {\n this.setState({\n deltaX: e.shiftX,\n dragging: e.isSlideX,\n });\n }\n }\n }\n };\n\n onEnd: TouchEventHandler = (e: TouchEvent) => {\n const targetIndex = e.isSlide ? this.getTarget(e) : this.props.slideIndex;\n this.props.onDragEnd && this.props.onDragEnd(e);\n this.setState({ deltaX: 0, animation: true }, () =>\n this.props.onChange(targetIndex)\n );\n\n if (this.props.onEnd) {\n this.props.onEnd({ targetIndex });\n }\n };\n\n onResize: VoidFunction = () => this.initializeSlides({ animation: false });\n\n get canSlideLeft() {\n // shiftX is negative number <= 0, we can swipe back only if it is < 0\n return !this.isFullyVisible && this.state.shiftX < 0;\n }\n\n get canSlideRight() {\n const { containerWidth, layerWidth, shiftX, slides } = this.state;\n const { align, slideIndex } = this.props;\n return (\n !this.isFullyVisible &&\n // we can't move right when gallery layer fully scrolled right, if gallery aligned by left side\n ((align === \"left\" && containerWidth - shiftX < layerWidth) \|\|\n // otherwise we need to check current slide index (align = right or align = center)\n (align !== \"left\" && slideIndex < slides.length - 1))\n );\n }\n\n slideLeft = () => {\n const { slideIndex, onChange } = this.props;\n if (this.canSlideLeft) {\n this.setState({ deltaX: 0, animation: true }, () =>\n onChange(slideIndex - 1)\n );\n }\n };\n\n slideRight = () => {\n const { slideIndex, onChange } = this.props;\n if (this.canSlideRight) {\n this.setState({ deltaX: 0, animation: true }, () =>\n onChange(slideIndex + 1)\n );\n }\n };\n\n getSlideRef: GetSlideRef = (id: number) => (slide) => {\n this.slidesStore[`slide-${id}`] = slide;\n };\n\n getViewportRef: React.RefCallback<HTMLElement> = (viewport) => {\n this.viewport = viewport;\n setRef(viewport, this.props.getRef);\n };\n\n getRootRef: React.RefCallback<HTMLDivElement> = (container) => {\n this.container = container;\n setRef(container, this.props.getRootRef);\n };\n\n componentDidMount() {\n this.initializeSlides({ animation: false });\n this.props.window.addEventListener(\"resize\", this.onResize);\n }\n\n componentDidUpdate(prevProps: GalleryProps) {\n const widthChanged = this.props.slideWidth !== prevProps.slideWidth;\n const isPropUpdate = this.props !== prevProps;\n const slideCountChanged =\n React.Children.count(this.props.children) !==\n React.Children.count(prevProps.children);\n const isCustomWidth = this.props.slideWidth === \"custom\";\n\n // в любом из этих случаев позиция могла поменяться\n if (widthChanged \|\| slideCountChanged \|\| (isCustomWidth && isPropUpdate)) {\n this.initializeSlides();\n } else if (this.props.slideIndex !== prevProps.slideIndex) {\n this.setState({\n animation: true,\n deltaX: 0,\n shiftX: this.calculateIndent(this.props.slideIndex),\n });\n }\n }\n\n componentWillUnmount() {\n this.props.window.removeEventListener(\"resize\", this.onResize);\n }\n\n render() {\n const { animation, duration, dragging } = this.state;\n const {\n children,\n slideWidth,\n slideIndex,\n isDraggable,\n onDragStart,\n onDragEnd,\n onChange,\n onEnd,\n align,\n bullets,\n platform,\n hasMouse,\n showArrows,\n window,\n document,\n getRef,\n getRootRef,\n ...restProps\n } = this.props;\n\n const indent = dragging\n ? this.calculateDragIndent()\n : this.calculateIndent(slideIndex);\n\n const layerStyle = {\n WebkitTransform: `translateX(${indent}px)`,\n transform: `translateX(${indent}px)`,\n WebkitTransition: animation\n ? `-webkit-transform ${duration}s cubic-bezier(.1, 0, .25, 1)`\n : \"none\",\n transition: animation\n ? `transform ${duration}s cubic-bezier(.1, 0, .25, 1)`\n : \"none\",\n };\n\n return (\n <div\n {...restProps}\n vkuiClass={classNames(\n getClassName(\"Gallery\", platform),\n `Gallery--${align}`,\n {\n \"Gallery--dragging\": dragging,\n \"Gallery--custom-width\": slideWidth === \"custom\",\n }\n )}\n ref={this.getRootRef}\n >\n <Touch\n vkuiClass=\"Gallery__viewport\"\n onStartX={this.onStart}\n onMoveX={this.onMoveX}\n onEnd={this.onEnd}\n noSlideClick\n style={{ width: slideWidth === \"custom\" ? \"100%\" : slideWidth }}\n getRootRef={this.getViewportRef}\n >\n <div vkuiClass=\"Gallery__layer\" style={layerStyle}>\n {React.Children.map(\n children,\n (item: React.ReactElement, i: number) => (\n <div\n vkuiClass=\"Gallery__slide\"\n key={`slide-${i}`}\n ref={this.getSlideRef(i)}\n >\n {item}\n </div>\n )\n )}\n </div>\n </Touch>\n\n {bullets && (\n <div\n aria-hidden=\"true\"\n vkuiClass={classNames(\n \"Gallery__bullets\",\n `Gallery__bullets--${bullets}`\n )}\n >\n {React.Children.map(\n children,\n (_item: React.ReactElement, index: number) => (\n <div\n vkuiClass={classNames(\"Gallery__bullet\", {\n \"Gallery__bullet--active\": index === slideIndex,\n })}\n key={index}\n />\n )\n )}\n </div>\n )}\n\n {showArrows && hasMouse && this.canSlideLeft && (\n <HorizontalScrollArrow direction=\"left\" onClick={this.slideLeft} />\n )}\n {showArrows && hasMouse && this.canSlideRight && (\n <HorizontalScrollArrow direction=\"right\" onClick={this.slideRight} />\n )}\n </div>\n );\n }\n}\n\nconst BaseGalleryAdaptive = withAdaptivity(\n withDOM<BaseGalleryProps>(BaseGallery),\n {\n hasMouse: true,\n }\n);\n\nconst Gallery: React.FC<GalleryProps> = ({\n initialSlideIndex = 0,\n children,\n timeout,\n onChange,\n ...props\n}: GalleryProps) => {\n const [localSlideIndex, setSlideIndex] = React.useState(initialSlideIndex);\n const isControlled = typeof props.slideIndex === \"number\";\n const slideIndex = isControlled ? props.slideIndex : localSlideIndex;\n const isDraggable = !isControlled \|\| Boolean(onChange);\n const slides = React.Children.toArray(children).filter((item) =>\n Boolean(item)\n );\n const childCount = slides.length;\n\n const handleChange: GalleryProps[\"onChange\"] = React.useCallback(\n (current) => {\n if (current === slideIndex) {\n return;\n }\n !isControlled && setSlideIndex(current);\n onChange && onChange(current);\n },\n [onChange, slideIndex]\n );\n\n const autoplay = useTimeout(\n () => handleChange((slideIndex + 1) % childCount),\n timeout\n );\n React.useEffect(\n () => (timeout ? autoplay.set() : autoplay.clear()),\n [timeout, slideIndex]\n );\n\n // prevent invalid slideIndex\n // any slide index is invalid with no slides, just keep it as is\n const safeSlideIndex =\n childCount > 0 ? clamp(slideIndex, 0, childCount - 1) : slideIndex;\n // notify parent in controlled mode\n React.useEffect(() => {\n if (onChange && safeSlideIndex !== slideIndex) {\n onChange(safeSlideIndex);\n }\n }, [safeSlideIndex]);\n\n return (\n <BaseGalleryAdaptive\n isDraggable={isDraggable}\n {...props}\n slideIndex={safeSlideIndex}\n onChange={handleChange}\n >\n {slides}\n </BaseGalleryAdaptive>\n );\n};\n\nexport default withPlatform(Gallery);\n"],"file":"Gallery.js"}

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

@@ -14,13 +14,13 @@ var Gradient = function Gradient(_ref) {
   return createScopedElement("div", _extends({
     role: "presentation"
   }, restProps, {
-    vkuiClass: classNames('Gradient', "Gradient--md-".concat(mode), "Gradient--to-".concat(to))
+    vkuiClass: classNames("Gradient", "Gradient--md-".concat(mode), "Gradient--to-".concat(to))
   }), children);
 };
 Gradient.defaultProps = {
-  mode: 'tint',
-  to: 'top'
+  mode: "tint",
+  to: "top"
 };
 export default Gradient;
 //# sourceMappingURL=Gradient.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../../src/components/Gradient/Gradient.tsx"],"names":["classNames","Gradient","mode","children","to","restProps","defaultProps"],"mappings":";;;;AACA,SAASA,UAAT;AACA;;AAOA,IAAMC,QAAgD,GAAG,SAAnDA,QAAmD,~~OAAyD~~;AAAA,~~MAAtDC~~,~~IAAsD~~,~~QAAtDA~~,~~IAAsD~~;AAAA,~~MAAhDC~~,~~QAAgD~~,~~QAAhDA~~,~~QAAgD~~;AAAA,~~MAAtCC~~,~~EAAsC~~,~~QAAtCA~~,~~EAAsC~~;AAAA,~~MAA/BC~~,~~SAA+B~~;;~~AAChH~~,SACE;AACE,IAAA,IAAI,EAAC;AADP,KAEMA,SAFN;AAGE,IAAA,SAAS,EAAEL,UAAU,~~CAAC~~,~~UAAD~~,~~yBAA6BE~~,~~IAA7B~~,~~0BAAqDE~~,~~EAArD~~;AAHvB,~~MAKGD~~,~~QALH~~,CADF;~~AASD~~,~~CAVD~~;;~~AAYAF~~,QAAQ,CAACK,YAAT,GAAwB;AACtBJ,EAAAA,IAAI,EAAE,MADgB;AAEtBE,EAAAA,EAAE,EAAE;AAFkB,CAAxB;AAKA,eAAeH,QAAf","sourcesContent":["import * as React from 'react';\nimport { classNames } from '../../lib/classNames';\nimport './Gradient.css';\n\nexport interface GradientProps extends React.HTMLAttributes<HTMLDivElement> {\n mode?: 'tint' \| 'white' \| 'black';\n to?: 'top' \| 'bottom';\n}\n\nconst Gradient: React.FunctionComponent<GradientProps> = ({ mode, children, to, ...restProps }: GradientProps) => {\n return (\n <div\n role=\"presentation\"\n {...restProps}\n vkuiClass={classNames('Gradient', `Gradient--md-${mode}`, `Gradient--to-${to}`)}\n >\n {children}\n </div>\n );\n};\n\nGradient.defaultProps = {\n mode: 'tint',\n to: 'top',\n};\n\nexport default Gradient;\n"],"file":"Gradient.js"}
1	+ {"version":3,"sources":["../../../../src/components/Gradient/Gradient.tsx"],"names":["classNames","Gradient","mode","children","to","restProps","defaultProps"],"mappings":";;;;AACA,SAASA,UAAT;AACA;;AAOA,IAAMC,QAAgD,GAAG,SAAnDA,QAAmD,OAKpC;AAAA,MAJnBC,IAImB,QAJnBA,IAImB;AAAA,MAHnBC,QAGmB,QAHnBA,QAGmB;AAAA,MAFnBC,EAEmB,QAFnBA,EAEmB;AAAA,MADhBC,SACgB;;AACnB,SACE;AACE,IAAA,IAAI,EAAC;AADP,KAEMA,SAFN;AAGE,IAAA,SAAS,EAAEL,UAAU,CACnB,UADmB,yBAEHE,IAFG,0BAGHE,EAHG;AAHvB,MASGD,QATH,CADF;AAaD,CAnBD;;AAqBAF,QAAQ,CAACK,YAAT,GAAwB;AACtBJ,EAAAA,IAAI,EAAE,MADgB;AAEtBE,EAAAA,EAAE,EAAE;AAFkB,CAAxB;AAKA,eAAeH,QAAf","sourcesContent":["import * as React from \"react\";\nimport { classNames } from \"../../lib/classNames\";\nimport \"./Gradient.css\";\n\nexport interface GradientProps extends React.HTMLAttributes<HTMLDivElement> {\n mode?: \"tint\" \| \"white\" \| \"black\";\n to?: \"top\" \| \"bottom\";\n}\n\nconst Gradient: React.FunctionComponent<GradientProps> = ({\n mode,\n children,\n to,\n ...restProps\n}: GradientProps) => {\n return (\n <div\n role=\"presentation\"\n {...restProps}\n vkuiClass={classNames(\n \"Gradient\",\n `Gradient--md-${mode}`,\n `Gradient--to-${to}`\n )}\n >\n {children}\n </div>\n );\n};\n\nGradient.defaultProps = {\n mode: \"tint\",\n to: \"top\",\n};\n\nexport default Gradient;\n"],"file":"Gradient.js"}

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

@@ -1,32 +1,26 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["src", "size", "shadow"];
+var _excluded = ["src"];
 import { createScopedElement } from "../../lib/jsxRuntime";
-import Avatar, { AVATAR_DEFAULT_SHADOW, AVATAR_DEFAULT_SIZE } from "../Avatar/Avatar";
+import Avatar from "../Avatar/Avatar";
 import { classNames } from "../../lib/classNames";
 import { warnOnce } from "../../lib/warnOnce";
 import "./GridAvatar.css";
 var MIN_GRID_LENGTH = 1;
 var MAX_GRID_LENGTH = 4;
-var warn = warnOnce('GridAvatar');
+var warn = warnOnce("GridAvatar");
 export var GridAvatar = function GridAvatar(_ref) {
   var _ref$src = _ref.src,
       src = _ref$src === void 0 ? [] : _ref$src,
-      _ref$size = _ref.size,
-      size = _ref$size === void 0 ? AVATAR_DEFAULT_SIZE : _ref$size,
-      _ref$shadow = _ref.shadow,
-      shadow = _ref$shadow === void 0 ? AVATAR_DEFAULT_SHADOW : _ref$shadow,
       restProps = _objectWithoutProperties(_ref, _excluded);
-  if (process.env.NODE_ENV === 'development' && src.length > MAX_GRID_LENGTH) {
+  if (process.env.NODE_ENV === "development" && src.length > MAX_GRID_LENGTH) {
     warn("\u0420\u0430\u0437\u043C\u0435\u0440 \u043F\u0440\u043E\u043F\u0430 src (".concat(src.length, ") \u0431\u043E\u043B\u044C\u0448\u0435 \u043C\u0430\u043A\u0441\u0438\u043C\u0430\u043B\u044C\u043D\u043E\u0433\u043E (").concat(MAX_GRID_LENGTH, ")"));
   }
   var count = Math.max(MIN_GRID_LENGTH, Math.min(MAX_GRID_LENGTH, src.length));
   return createScopedElement(Avatar, _extends({}, restProps, {
-    vkuiClass: classNames('GridAvatar', "GridAvatar--images-".concat(count)),
-    shadow: shadow,
-    size: size
+    vkuiClass: classNames("GridAvatar", "GridAvatar--images-".concat(count))
   }), createScopedElement("div", {
     vkuiClass: "GridAvatar__in"
   }, src.slice(0, MAX_GRID_LENGTH).map(function (src, i) {

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

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../../src/components/GridAvatar/GridAvatar.tsx"],"names":["Avatar","~~AVATAR_DEFAULT_SHADOW","AVATAR_DEFAULT_SIZE","~~classNames","warnOnce","MIN_GRID_LENGTH","MAX_GRID_LENGTH","warn","GridAvatar","src","~~size","shadow","~~restProps","process","env","NODE_ENV","length","count","Math","max","min","slice","map","i","backgroundImage"],"mappings":";;;;AACA,OAAOA,MAAP~~,IAAiBC,qBAAjB,EAAwCC,mBAAxC~~;AACA,SAASC,UAAT;AACA,SAASC,QAAT;AAEA;~~AAQA~~,IAAMC,eAAe,GAAG,CAAxB;AACA,IAAMC,eAAe,GAAG,CAAxB;AAEA,IAAMC,IAAI,GAAGH,QAAQ,CAAC,YAAD,CAArB;AAEA,OAAO,IAAMI,UAAqC,GAAG,SAAxCA,UAAwC,~~OAK9B~~;AAAA,~~sBAJrBC~~,~~GAIqB~~;AAAA,~~MAJrBA,GAIqB,yBAJf,EAIe;AAAA,uBAHrBC,IAGqB;AAAA,MAHrBA,IAGqB,0BAHdR,mBAGc;AAAA,yBAFrBS,MAEqB;AAAA,~~MAFrBA,~~MAEqB~~,~~4BAFZV~~,~~qBAEY~~;AAAA,~~MADlBW~~,SACkB;;AACrB,MAAIC,OAAO,CAACC,GAAR,CAAYC,QAAZ,KAAyB,aAAzB,~~IAA0CN~~,GAAG,~~CAACO~~,MAAJ,~~GAAaV~~,eAA3D,EAA4E;AAC1EC,IAAAA,IAAI,~~oFAAsBE~~,GAAG,~~CAACO~~,~~MAA1B~~,~~oIAA2DV~~,~~eAA3D~~,OAAJ;~~AACD~~;;AAED,~~MAAMW~~,KAAK,GAAGC,IAAI,CAACC,GAAL,~~CAASd~~,~~eAAT~~,~~EAA0Ba~~,IAAI,CAACE,GAAL,~~CAASd~~,eAAT,EAA0BG,GAAG,~~CAACO~~,MAA9B,~~CAA1B~~,CAAd;~~AAEA~~,SACE,oBAAC,MAAD,eACMJ,SADN;AAEE,IAAA,SAAS,~~EAAET~~,UAAU,~~CACnB~~,~~YADmB~~,+~~BAEGc~~,~~KAFH,EAFvB~~;~~AAME~~,~~IAAA,MAAM,EAAEN,MANV~~;~~AAOE,IAAA,IAAI,EAAED;AAPR,MASE;~~AAAK,IAAA,SAAS,EAAC;AAAf,~~KACGD~~,GAAG,~~CAACY~~,KAAJ,CAAU,CAAV,~~EAAaf~~,eAAb,~~EAA8BgB~~,GAA9B,CAAkC,~~UAACb~~,GAAD,~~EAAMc~~,CAAN,EAAY;AAC7C,WACE;AACE,MAAA,GAAG,EAAEA,CADP;AAEE,MAAA,SAAS,EAAC,kBAFZ;AAGE,MAAA,KAAK,EAAE;AAAEC,QAAAA,eAAe,~~gBAASf~~,GAAT;AAAjB;AAHT,MADF;~~AAQD~~,~~GATA~~,CADH,~~CATF~~,CADF;~~AAwBD~~,~~CApCM~~","sourcesContent":["import * as React from 'react';\nimport Avatar, { ~~AVATAR_DEFAULT_SHADOW,~~ ~~AVATAR_DEFAULT_SIZE~~ } from '../Avatar/Avatar';\nimport { classNames } from '../../lib/classNames';\nimport { warnOnce } from '../../lib/warnOnce';\nimport { HasRootRef } from '../../types';\nimport './GridAvatar.css';\n\nexport interface GridAvatarProps extends React.HTMLAttributes<HTMLDivElement>, HasRootRef<HTMLDivElement> {\n src?: string[];\n ~~size?: number;\n shadow?: boolean;\n~~}\n\nconst MIN_GRID_LENGTH = 1;\nconst MAX_GRID_LENGTH = 4;\n\nconst warn = warnOnce('GridAvatar');\n\nexport const GridAvatar: React.FC<GridAvatarProps> = ({\n src = [],\n ~~size = AVATAR_DEFAULT_SIZE,\n shadow = AVATAR_DEFAULT_SHADOW,\n~~ ...restProps\n}: GridAvatarProps) => {\n if (process.env.NODE_ENV === 'development' && src.length > MAX_GRID_LENGTH) {\n warn(`Размер пропа src (${src.length}) больше максимального (${MAX_GRID_LENGTH})`);\n }\n\n const count = Math.max(MIN_GRID_LENGTH, Math.min(MAX_GRID_LENGTH, src.length));\n\n return (\n <Avatar\n {...restProps}\n vkuiClass={classNames(\~~n '~~GridAvatar~~',\n~~ `GridAvatar--images-${count}~~`,\n~~ )}\n ~~shadow={shadow}\n size={size}\n~~ >\n <div vkuiClass=\"GridAvatar__in\">\n {src.slice(0, MAX_GRID_LENGTH).map((src, i) => {\n return (\n <div\n key={i}\n vkuiClass=\"GridAvatar__item\"\n style={{ backgroundImage: `url(${src})` }}\n ~~>\n </~~div>\n );\n })}\n </div>\n </Avatar>\n );\n};\n"],"file":"GridAvatar.js"}
1	+ {"version":3,"sources":["../../../../src/components/GridAvatar/GridAvatar.tsx"],"names":["Avatar","classNames","warnOnce","MIN_GRID_LENGTH","MAX_GRID_LENGTH","warn","GridAvatar","src","restProps","process","env","NODE_ENV","length","count","Math","max","min","slice","map","i","backgroundImage"],"mappings":";;;;AACA,OAAOA,MAAP;AACA,SAASC,UAAT;AACA,SAASC,QAAT;AAEA;AASA,IAAMC,eAAe,GAAG,CAAxB;AACA,IAAMC,eAAe,GAAG,CAAxB;AAEA,IAAMC,IAAI,GAAGH,QAAQ,CAAC,YAAD,CAArB;AAEA,OAAO,IAAMI,UAAqC,GAAG,SAAxCA,UAAwC,OAG9B;AAAA,sBAFrBC,GAEqB;AAAA,MAFrBA,GAEqB,yBAFf,EAEe;AAAA,MADlBC,SACkB;;AACrB,MAAIC,OAAO,CAACC,GAAR,CAAYC,QAAZ,KAAyB,aAAzB,IAA0CJ,GAAG,CAACK,MAAJ,GAAaR,eAA3D,EAA4E;AAC1EC,IAAAA,IAAI,oFACmBE,GAAG,CAACK,MADvB,oIACwDR,eADxD,OAAJ;AAGD;;AAED,MAAMS,KAAK,GAAGC,IAAI,CAACC,GAAL,CACZZ,eADY,EAEZW,IAAI,CAACE,GAAL,CAASZ,eAAT,EAA0BG,GAAG,CAACK,MAA9B,CAFY,CAAd;AAKA,SACE,oBAAC,MAAD,eACMJ,SADN;AAEE,IAAA,SAAS,EAAEP,UAAU,CAAC,YAAD,+BAAqCY,KAArC;AAFvB,MAIE;AAAK,IAAA,SAAS,EAAC;AAAf,KACGN,GAAG,CAACU,KAAJ,CAAU,CAAV,EAAab,eAAb,EAA8Bc,GAA9B,CAAkC,UAACX,GAAD,EAAMY,CAAN,EAAY;AAC7C,WACE;AACE,MAAA,GAAG,EAAEA,CADP;AAEE,MAAA,SAAS,EAAC,kBAFZ;AAGE,MAAA,KAAK,EAAE;AAAEC,QAAAA,eAAe,gBAASb,GAAT;AAAjB;AAHT,MADF;AAOD,GARA,CADH,CAJF,CADF;AAkBD,CAjCM","sourcesContent":["import * as React from \"react\";\nimport Avatar, { AvatarProps } from \"../Avatar/Avatar\";\nimport { classNames } from \"../../lib/classNames\";\nimport { warnOnce } from \"../../lib/warnOnce\";\nimport { HasRootRef } from \"../../types\";\nimport \"./GridAvatar.css\";\n\nexport interface GridAvatarProps\n extends React.HTMLAttributes<HTMLDivElement>,\n HasRootRef<HTMLDivElement>,\n Pick<AvatarProps, \"size\" \| \"shadow\" \| \"badge\"> {\n src?: string[];\n}\n\nconst MIN_GRID_LENGTH = 1;\nconst MAX_GRID_LENGTH = 4;\n\nconst warn = warnOnce(\"GridAvatar\");\n\nexport const GridAvatar: React.FC<GridAvatarProps> = ({\n src = [],\n ...restProps\n}: GridAvatarProps) => {\n if (process.env.NODE_ENV === \"development\" && src.length > MAX_GRID_LENGTH) {\n warn(\n `Размер пропа src (${src.length}) больше максимального (${MAX_GRID_LENGTH})`\n );\n }\n\n const count = Math.max(\n MIN_GRID_LENGTH,\n Math.min(MAX_GRID_LENGTH, src.length)\n );\n\n return (\n <Avatar\n {...restProps}\n vkuiClass={classNames(\"GridAvatar\", `GridAvatar--images-${count}`)}\n >\n <div vkuiClass=\"GridAvatar__in\">\n {src.slice(0, MAX_GRID_LENGTH).map((src, i) => {\n return (\n <div\n key={i}\n vkuiClass=\"GridAvatar__item\"\n style={{ backgroundImage: `url(${src})` }}\n ></div>\n );\n })}\n </div>\n </Avatar>\n );\n};\n"],"file":"GridAvatar.js"}

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

@@ -2,7 +2,7 @@ import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 var _excluded = ["header", "description", "children", "separator", "getRootRef", "mode", "sizeX"];
 import { createScopedElement } from "../../lib/jsxRuntime";
-import * as React from 'react';
+import * as React from "react";
 import { getClassName } from "../../helpers/getClassName";
 import { classNames } from "../../lib/classNames";
 import { usePlatform } from "../../hooks/usePlatform";
@@ -30,28 +30,28 @@ var Group = function Group(props) {
   var computedMode = mode;
   if (!mode) {
-    computedMode = sizeX === SizeType.COMPACT || isInsideModal ? 'plain' : 'card';
+    computedMode = sizeX === SizeType.COMPACT || isInsideModal ? "plain" : "card";
   }
   return createScopedElement("section", _extends({}, restProps, {
     ref: getRootRef,
-    vkuiClass: classNames(getClassName('Group', platform), "Group--sizeX-".concat(sizeX), "Group--".concat(computedMode))
+    vkuiClass: classNames(getClassName("Group", platform), "Group--sizeX-".concat(sizeX), "Group--".concat(computedMode))
   }), createScopedElement("div", {
     vkuiClass: "Group__inner"
   }, header, children, hasReactNode(description) && createScopedElement(Caption, {
     vkuiClass: "Group__description",
     weight: "regular",
     level: "1"
-  }, description)), separator !== 'hide' && createScopedElement(Separator, {
-    vkuiClass: classNames('Group__separator', {
-      'Group__separator--force': separator === 'show'
+  }, description)), separator !== "hide" && createScopedElement(Separator, {
+    vkuiClass: classNames("Group__separator", {
+      "Group__separator--force": separator === "show"
     }),
-    expanded: computedMode === 'card'
+    expanded: computedMode === "card"
   }));
 };
 Group.defaultProps = {
-  separator: 'auto'
+  separator: "auto"
 };
 export default withAdaptivity(Group, {
   sizeX: true

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

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../../src/components/Group/Group.tsx"],"names":["React","getClassName","classNames","usePlatform","Separator","hasReactNode","Caption","withAdaptivity","SizeType","ModalRootContext","Group","props","header","description","children","separator","getRootRef","mode","sizeX","restProps","useContext","isInsideModal","platform","computedMode","COMPACT","defaultProps"],"mappings":";;;;AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,SAASC,YAAT;AACA,SAASC,UAAT;AAEA,SAASC,WAAT;AACA,OAAOC,SAAP;AACA,SAASC,YAAT;AACA,OAAOC,OAAP;AACA,~~SAASC~~,~~cAAT~~,~~EAA0CC~~,~~QAA1C~~;~~AACA~~,OAAOC,gBAAP;AACA;;~~AAoBA~~,IAAMC,KAA2B,GAAG,SAA9BA,KAA8B,CAACC,KAAD,EAAuB;AACzD,~~MAAQC~~,~~MAAR~~,~~GAA4FD~~,~~KAA5F~~,~~CAAQC~~,~~MAAR~~;AAAA,~~MAAgBC~~,~~WAAhB~~,~~GAA4FF~~,~~KAA5F~~,~~CAAgBE~~,~~WAAhB~~;AAAA,~~MAA6BC~~,~~QAA7B~~,~~GAA4FH~~,~~KAA5F~~,~~CAA6BG~~,~~QAA7B~~;AAAA,~~MAAuCC~~,~~SAAvC~~,~~GAA4FJ~~,~~KAA5F~~,~~CAAuCI~~,~~SAAvC~~;AAAA,~~MAAkDC~~,~~UAAlD~~,~~GAA4FL~~,~~KAA5F~~,~~CAAkDK~~,~~UAAlD~~;AAAA,~~MAA8DC~~,~~IAA9D~~,~~GAA4FN~~,~~KAA5F~~,~~CAA8DM~~,~~IAA9D~~;AAAA,~~MAAoEC~~,~~KAApE~~,~~GAA4FP~~,~~KAA5F~~,~~CAAoEO~~,~~KAApE~~;AAAA,~~MAA8EC~~,~~SAA9E~~,~~4BAA4FR~~,~~KAA5F~~;;~~AACA~~,0BAA0BX,KAAK,CAACoB,UAAN,CAAiBX,gBAAjB,CAA1B;AAAA,MAAQY,aAAR,qBAAQA,aAAR;;AACA,MAAMC,QAAQ,GAAGnB,WAAW,EAA5B;AAEA,MAAIoB,YAAgC,GAAGN,IAAvC;;AAEA,MAAI,CAACA,IAAL,EAAW;AACTM,IAAAA,YAAY,~~GAAGL~~,KAAK,KAAKV,QAAQ,CAACgB,OAAnB,IAA8BH,aAA9B,GAA8C,OAA9C,GAAwD,~~MAAvE~~;~~AACD~~;;AAED,SACE,4CACMF,SADN;AAEE,IAAA,GAAG,EAAEH,UAFP;AAGE,IAAA,SAAS,EAAEd,UAAU,CACnBD,YAAY,CAAC,OAAD,EAAUqB,QAAV,CADO,yBAEHJ,KAFG,oBAGTK,YAHS;AAHvB,MASE;AAAK,IAAA,SAAS,EAAC;AAAf,KACGX,MADH,EAEGE,QAFH,EAGGT,YAAY,CAACQ,WAAD,CAAZ,~~IAA6B~~,oBAAC,OAAD;AAAS,IAAA,SAAS,EAAC,oBAAnB;AAAwC,IAAA,MAAM,EAAC,SAA/C;AAAyD,IAAA,KAAK,EAAC;AAA/D,~~KAAoEA~~,~~WAApE~~,~~CAHhC~~,CATF,~~EAeGE~~,SAAS,KAAK,MAAd,IACC,oBAAC,SAAD;AACE,IAAA,SAAS,EAAEb,UAAU,CAAC,kBAAD,EAAqB;AACxC,iCAA2Ba,SAAS,KAAK;AADD,KAArB,CADvB;AAIE,IAAA,QAAQ,EAAEQ,YAAY,KAAK;AAJ7B,~~IAhBJ~~,CADF;~~AA0BD~~,~~CArCD~~;;~~AAuCAb~~,KAAK,CAACe,YAAN,GAAqB;AACnBV,EAAAA,SAAS,EAAE;AADQ,CAArB;AAIA,eAAeR,cAAc,CAACG,KAAD,EAAQ;AAAEQ,EAAAA,KAAK,EAAE;AAAT,CAAR,CAA7B","sourcesContent":["import * as React from 'react';\nimport { getClassName } from '../../helpers/getClassName';\nimport { classNames } from '../../lib/classNames';\nimport { HasRootRef } from '../../types';\nimport { usePlatform } from '../../hooks/usePlatform';\nimport Separator from '../Separator/Separator';\nimport { hasReactNode } from '../../lib/utils';\nimport Caption from '../Typography/Caption/Caption';\nimport { withAdaptivity, AdaptivityProps, SizeType } from '../../hoc/withAdaptivity';\nimport ModalRootContext from '../ModalRoot/ModalRootContext';\nimport './Group.css';\n\nexport interface GroupProps extends HasRootRef<HTMLElement>, React.HTMLAttributes<HTMLElement>, AdaptivityProps {\n header?: React.ReactNode;\n description?: React.ReactNode;\n /*\n show - разделитель всегда показывается,\n hide – разделитель всегда спрятан,\n auto – разделитель рисуется автоматически между соседними группами.\n /\n separator?: 'show' \| 'hide' \| 'auto';\n /*\n Режим отображения. Если установлен 'card', выглядит как карточка c\n * обводкой и внешними отступами. Если 'plain' — без отступов и обводки.\n * По умолчанию режим отображения зависит от `sizeX`. В модальных окнах\n * по умолчанию 'plain'.\n */\n mode?: 'plain' \| 'card';\n}\n\nconst Group: React.FC<GroupProps> = (props: GroupProps) => {\n const { header, description, children, separator, getRootRef, mode, sizeX, ...restProps } = props;\n const { isInsideModal } = React.useContext(ModalRootContext);\n const platform = usePlatform();\n\n let computedMode: GroupProps['mode'] = mode;\n\n if (!mode) {\n computedMode = sizeX === SizeType.COMPACT \|\| isInsideModal ? 'plain' : 'card';\n }\n\n return (\n <section\n {...restProps}\n ref={getRootRef}\n vkuiClass={classNames(\n getClassName('Group', platform),\n `Group--sizeX-${sizeX}`,\n `Group--${computedMode}~~`,\~~n )}\n >\n <div vkuiClass=\"Group__inner\">\n {header}\n {children}\n {hasReactNode(description) && <Caption vkuiClass=\"Group__description\" weight=\"regular\" level=\"1\">{description}</Caption>}\n </div>\n\n {separator !== 'hide' && (\n <Separator\n vkuiClass={classNames('Group__separator', {\n 'Group__separator--force': separator === 'show',\n })}\n expanded={computedMode === 'card'}\n />\n )}\n </section>\n );\n};\n\nGroup.defaultProps = {\n separator: 'auto',\n};\n\nexport default withAdaptivity(Group, { sizeX: true });\n"],"file":"Group.js"}
1	+ {"version":3,"sources":["../../../../src/components/Group/Group.tsx"],"names":["React","getClassName","classNames","usePlatform","Separator","hasReactNode","Caption","withAdaptivity","SizeType","ModalRootContext","Group","props","header","description","children","separator","getRootRef","mode","sizeX","restProps","useContext","isInsideModal","platform","computedMode","COMPACT","defaultProps"],"mappings":";;;;AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,SAASC,YAAT;AACA,SAASC,UAAT;AAEA,SAASC,WAAT;AACA,OAAOC,SAAP;AACA,SAASC,YAAT;AACA,OAAOC,OAAP;AACA,SACEC,cADF,EAGEC,QAHF;AAKA,OAAOC,gBAAP;AACA;;AAuBA,IAAMC,KAA2B,GAAG,SAA9BA,KAA8B,CAACC,KAAD,EAAuB;AACzD,MACEC,MADF,GASID,KATJ,CACEC,MADF;AAAA,MAEEC,WAFF,GASIF,KATJ,CAEEE,WAFF;AAAA,MAGEC,QAHF,GASIH,KATJ,CAGEG,QAHF;AAAA,MAIEC,SAJF,GASIJ,KATJ,CAIEI,SAJF;AAAA,MAKEC,UALF,GASIL,KATJ,CAKEK,UALF;AAAA,MAMEC,IANF,GASIN,KATJ,CAMEM,IANF;AAAA,MAOEC,KAPF,GASIP,KATJ,CAOEO,KAPF;AAAA,MAQKC,SARL,4BASIR,KATJ;;AAUA,0BAA0BX,KAAK,CAACoB,UAAN,CAAiBX,gBAAjB,CAA1B;AAAA,MAAQY,aAAR,qBAAQA,aAAR;;AACA,MAAMC,QAAQ,GAAGnB,WAAW,EAA5B;AAEA,MAAIoB,YAAgC,GAAGN,IAAvC;;AAEA,MAAI,CAACA,IAAL,EAAW;AACTM,IAAAA,YAAY,GACVL,KAAK,KAAKV,QAAQ,CAACgB,OAAnB,IAA8BH,aAA9B,GAA8C,OAA9C,GAAwD,MAD1D;AAED;;AAED,SACE,4CACMF,SADN;AAEE,IAAA,GAAG,EAAEH,UAFP;AAGE,IAAA,SAAS,EAAEd,UAAU,CACnBD,YAAY,CAAC,OAAD,EAAUqB,QAAV,CADO,yBAEHJ,KAFG,oBAGTK,YAHS;AAHvB,MASE;AAAK,IAAA,SAAS,EAAC;AAAf,KACGX,MADH,EAEGE,QAFH,EAGGT,YAAY,CAACQ,WAAD,CAAZ,IACC,oBAAC,OAAD;AAAS,IAAA,SAAS,EAAC,oBAAnB;AAAwC,IAAA,MAAM,EAAC,SAA/C;AAAyD,IAAA,KAAK,EAAC;AAA/D,KACGA,WADH,CAJJ,CATF,EAmBGE,SAAS,KAAK,MAAd,IACC,oBAAC,SAAD;AACE,IAAA,SAAS,EAAEb,UAAU,CAAC,kBAAD,EAAqB;AACxC,iCAA2Ba,SAAS,KAAK;AADD,KAArB,CADvB;AAIE,IAAA,QAAQ,EAAEQ,YAAY,KAAK;AAJ7B,IApBJ,CADF;AA8BD,CAnDD;;AAqDAb,KAAK,CAACe,YAAN,GAAqB;AACnBV,EAAAA,SAAS,EAAE;AADQ,CAArB;AAIA,eAAeR,cAAc,CAACG,KAAD,EAAQ;AAAEQ,EAAAA,KAAK,EAAE;AAAT,CAAR,CAA7B","sourcesContent":["import * as React from \"react\";\nimport { getClassName } from \"../../helpers/getClassName\";\nimport { classNames } from \"../../lib/classNames\";\nimport { HasRootRef } from \"../../types\";\nimport { usePlatform } from \"../../hooks/usePlatform\";\nimport Separator from \"../Separator/Separator\";\nimport { hasReactNode } from \"../../lib/utils\";\nimport Caption from \"../Typography/Caption/Caption\";\nimport {\n withAdaptivity,\n AdaptivityProps,\n SizeType,\n} from \"../../hoc/withAdaptivity\";\nimport ModalRootContext from \"../ModalRoot/ModalRootContext\";\nimport \"./Group.css\";\n\nexport interface GroupProps\n extends HasRootRef<HTMLElement>,\n React.HTMLAttributes<HTMLElement>,\n AdaptivityProps {\n header?: React.ReactNode;\n description?: React.ReactNode;\n /*\n show - разделитель всегда показывается,\n hide – разделитель всегда спрятан,\n auto – разделитель рисуется автоматически между соседними группами.\n /\n separator?: \"show\" \| \"hide\" \| \"auto\";\n /*\n Режим отображения. Если установлен 'card', выглядит как карточка c\n * обводкой и внешними отступами. Если 'plain' — без отступов и обводки.\n * По умолчанию режим отображения зависит от `sizeX`. В модальных окнах\n * по умолчанию 'plain'.\n */\n mode?: \"plain\" \| \"card\";\n}\n\nconst Group: React.FC<GroupProps> = (props: GroupProps) => {\n const {\n header,\n description,\n children,\n separator,\n getRootRef,\n mode,\n sizeX,\n ...restProps\n } = props;\n const { isInsideModal } = React.useContext(ModalRootContext);\n const platform = usePlatform();\n\n let computedMode: GroupProps[\"mode\"] = mode;\n\n if (!mode) {\n computedMode =\n sizeX === SizeType.COMPACT \|\| isInsideModal ? \"plain\" : \"card\";\n }\n\n return (\n <section\n {...restProps}\n ref={getRootRef}\n vkuiClass={classNames(\n getClassName(\"Group\", platform),\n `Group--sizeX-${sizeX}`,\n `Group--${computedMode}`\n )}\n >\n <div vkuiClass=\"Group__inner\">\n {header}\n {children}\n {hasReactNode(description) && (\n <Caption vkuiClass=\"Group__description\" weight=\"regular\" level=\"1\">\n {description}\n </Caption>\n )}\n </div>\n\n {separator !== \"hide\" && (\n <Separator\n vkuiClass={classNames(\"Group__separator\", {\n \"Group__separator--force\": separator === \"show\",\n })}\n expanded={computedMode === \"card\"}\n />\n )}\n </section>\n );\n};\n\nGroup.defaultProps = {\n separator: \"auto\",\n};\n\nexport default withAdaptivity(Group, { sizeX: true });\n"],"file":"Group.js"}