npm - @vkontakte/vkui - Versions diffs - 4.33.4 → 4.34.0 - Mend

@vkontakte/vkui 4.33.4 → 4.34.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 (1594) hide show

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

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../../src/components/BaseGallery/helpers.ts"],"names":["calcMin","containerWidth","layerWidth","slides","~~viewporOffsettWidth~~","align","isCenterWithCustomWidth","length","coordX","width","undefined","calcMax"],"mappings":";;;;;;;AAQO,IAAMA,OAAO,GAAG,SAAVA,OAAU,OAOR;AAAA,iCANbC,cAMa;AAAA,MANbA,cAMa,oCANI,CAMJ;AAAA,6BALbC,UAKa;AAAA,MALbA,UAKa,gCALA,CAKA;AAAA,yBAJbC,MAIa;AAAA,MAJbA,MAIa,4BAJJ,EAII;AAAA,mCAHbC,mBAGa;AAAA,MAHbA,mBAGa,sCAHS,CAGT;AAAA,MAFbC,KAEa,QAFbA,KAEa;AAAA,MADbC,uBACa,QADbA,uBACa;;AACb,UAAQD,KAAR;AACE,SAAK,MAAL;AACE,aAAOJ,cAAc,GAAGC,UAAxB;;AACF,SAAK,OAAL;AACE,aAAOE,mBAAmB,GAAGF,UAA7B;;AACF,SAAK,QAAL;AACE,UAAII,uBAAuB,IAAIH,MAAM,CAACI,MAAtC,EAA8C;AAC5C,sBAA0BJ,MAAM,CAACA,MAAM,CAACI,MAAP,GAAgB,CAAjB,CAAhC;AAAA,YAAQC,MAAR,WAAQA,MAAR;AAAA,YAAgBC,KAAhB,WAAgBA,KAAhB;AACA,eAAOL,mBAAmB,GAAG,CAAtB,GAA0BI,MAA1B,GAAmCC,KAAK,GAAG,CAAlD;AACD,OAHD,MAGO;AACL,eACEL,mBAAmB,GACnB,CAACH,cAAc,GAAGG,mBAAlB,IAAyC,CADzC,GAEAF,UAHF;AAKD;;AAfL;;AAiBA,SAAOQ,SAAP;AACD,CA1BM;;;;AAgCA,IAAMC,OAAO,GAAG,SAAVA,OAAU,QAIR;AAAA,2BAHbR,MAGa;AAAA,MAHbA,MAGa,6BAHJ,EAGI;AAAA,oCAFbC,mBAEa;AAAA,MAFbA,mBAEa,sCAFS,CAET;AAAA,MADbE,uBACa,SADbA,uBACa;;AACb,MAAIA,uBAAuB,IAAIH,MAAM,CAACI,MAAtC,EAA8C;AAC5C,mBAA0BJ,MAAM,CAAC,CAAD,CAAhC;AAAA,QAAQM,KAAR,YAAQA,KAAR;AAAA,QAAeD,MAAf,YAAeA,MAAf;AACA,WAAOJ,mBAAmB,GAAG,CAAtB,GAA0BI,MAA1B,GAAmCC,KAAK,GAAG,CAAlD;AACD;;AACD,SAAO,CAAP;AACD,CAVM","sourcesContent":["import { LayoutState } from \"./types\";\nimport { HasAlign } from \"../../types\";\n\ninterface CalcMin extends Partial<LayoutState> {\n isCenterWithCustomWidth: boolean;\n align: HasAlign[\"align\"];\n}\n\nexport const calcMin = ({\n containerWidth = 0,\n layerWidth = 0,\n slides = [],\n ~~viewporOffsettWidth~~ = 0,\n align,\n isCenterWithCustomWidth,\n}: CalcMin) => {\n switch (align) {\n case \"left\":\n return containerWidth - layerWidth;\n case \"right\":\n return ~~viewporOffsettWidth~~ - layerWidth;\n case \"center\":\n if (isCenterWithCustomWidth && slides.length) {\n const { coordX, width } = slides[slides.length - 1];\n return ~~viewporOffsettWidth~~ / 2 - coordX - width / 2;\n } else {\n return (\n ~~viewporOffsettWidth~~ -\n (containerWidth - ~~viewporOffsettWidth~~) / 2 -\n layerWidth\n );\n }\n }\n return undefined;\n};\n\ninterface CalcMax extends Partial<LayoutState> {\n isCenterWithCustomWidth: boolean;\n}\n\nexport const calcMax = ({\n slides = [],\n ~~viewporOffsettWidth~~ = 0,\n isCenterWithCustomWidth,\n}: CalcMax) => {\n if (isCenterWithCustomWidth && slides.length) {\n const { width, coordX } = slides[0];\n return ~~viewporOffsettWidth~~ / 2 - coordX - width / 2;\n }\n return 0;\n};\n"],"file":"helpers.js"}
1	+ {"version":3,"sources":["../../../../src/components/BaseGallery/helpers.ts"],"names":["calcMin","containerWidth","layerWidth","slides","viewportOffsetWidth","align","isCenterWithCustomWidth","length","coordX","width","undefined","calcMax"],"mappings":";;;;;;;AAQO,IAAMA,OAAO,GAAG,SAAVA,OAAU,OAOR;AAAA,iCANbC,cAMa;AAAA,MANbA,cAMa,oCANI,CAMJ;AAAA,6BALbC,UAKa;AAAA,MALbA,UAKa,gCALA,CAKA;AAAA,yBAJbC,MAIa;AAAA,MAJbA,MAIa,4BAJJ,EAII;AAAA,mCAHbC,mBAGa;AAAA,MAHbA,mBAGa,sCAHS,CAGT;AAAA,MAFbC,KAEa,QAFbA,KAEa;AAAA,MADbC,uBACa,QADbA,uBACa;;AACb,UAAQD,KAAR;AACE,SAAK,MAAL;AACE,aAAOJ,cAAc,GAAGC,UAAxB;;AACF,SAAK,OAAL;AACE,aAAOE,mBAAmB,GAAGF,UAA7B;;AACF,SAAK,QAAL;AACE,UAAII,uBAAuB,IAAIH,MAAM,CAACI,MAAtC,EAA8C;AAC5C,sBAA0BJ,MAAM,CAACA,MAAM,CAACI,MAAP,GAAgB,CAAjB,CAAhC;AAAA,YAAQC,MAAR,WAAQA,MAAR;AAAA,YAAgBC,KAAhB,WAAgBA,KAAhB;AACA,eAAOL,mBAAmB,GAAG,CAAtB,GAA0BI,MAA1B,GAAmCC,KAAK,GAAG,CAAlD;AACD,OAHD,MAGO;AACL,eACEL,mBAAmB,GACnB,CAACH,cAAc,GAAGG,mBAAlB,IAAyC,CADzC,GAEAF,UAHF;AAKD;;AAfL;;AAiBA,SAAOQ,SAAP;AACD,CA1BM;;;;AAgCA,IAAMC,OAAO,GAAG,SAAVA,OAAU,QAIR;AAAA,2BAHbR,MAGa;AAAA,MAHbA,MAGa,6BAHJ,EAGI;AAAA,oCAFbC,mBAEa;AAAA,MAFbA,mBAEa,sCAFS,CAET;AAAA,MADbE,uBACa,SADbA,uBACa;;AACb,MAAIA,uBAAuB,IAAIH,MAAM,CAACI,MAAtC,EAA8C;AAC5C,mBAA0BJ,MAAM,CAAC,CAAD,CAAhC;AAAA,QAAQM,KAAR,YAAQA,KAAR;AAAA,QAAeD,MAAf,YAAeA,MAAf;AACA,WAAOJ,mBAAmB,GAAG,CAAtB,GAA0BI,MAA1B,GAAmCC,KAAK,GAAG,CAAlD;AACD;;AACD,SAAO,CAAP;AACD,CAVM","sourcesContent":["import { LayoutState } from \"./types\";\nimport { HasAlign } from \"../../types\";\n\ninterface CalcMin extends Partial<LayoutState> {\n isCenterWithCustomWidth: boolean;\n align: HasAlign[\"align\"];\n}\n\nexport const calcMin = ({\n containerWidth = 0,\n layerWidth = 0,\n slides = [],\n viewportOffsetWidth = 0,\n align,\n isCenterWithCustomWidth,\n}: CalcMin) => {\n switch (align) {\n case \"left\":\n return containerWidth - layerWidth;\n case \"right\":\n return viewportOffsetWidth - layerWidth;\n case \"center\":\n if (isCenterWithCustomWidth && slides.length) {\n const { coordX, width } = slides[slides.length - 1];\n return viewportOffsetWidth / 2 - coordX - width / 2;\n } else {\n return (\n viewportOffsetWidth -\n (containerWidth - viewportOffsetWidth) / 2 -\n layerWidth\n );\n }\n }\n return undefined;\n};\n\ninterface CalcMax extends Partial<LayoutState> {\n isCenterWithCustomWidth: boolean;\n}\n\nexport const calcMax = ({\n slides = [],\n viewportOffsetWidth = 0,\n isCenterWithCustomWidth,\n}: CalcMax) => {\n if (isCenterWithCustomWidth && slides.length) {\n const { width, coordX } = slides[0];\n return viewportOffsetWidth / 2 - coordX - width / 2;\n }\n return 0;\n};\n"],"file":"helpers.js"}

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

@@ -44,11 +44,11 @@ var _Headline = require("../Typography/Headline/Headline");
 var _excluded = ["size", "sizeY", "platform"],
     _excluded2 = ["size", "mode", "appearance", "stretched", "align", "children", "before", "after", "getRootRef", "sizeY", "Component", "loading", "onClick", "stopPropagation"];
-var ButtonTypography = function ButtonTypography(props) {
-  var size = props.size,
-      sizeY = props.sizeY,
-      platform = props.platform,
-      restProps = (0, _objectWithoutProperties2.default)(props, _excluded);
+var ButtonTypography = function ButtonTypography(_ref) {
+  var size = _ref.size,
+      sizeY = _ref.sizeY,
+      platform = _ref.platform,
+      restProps = (0, _objectWithoutProperties2.default)(_ref, _excluded);
   var isCompact = sizeY === _withAdaptivity.SizeType.COMPACT;
   switch (size) {
@@ -151,28 +151,28 @@ function resolveButtonAppearance(appearance, mode) {
   };
 }
-var ButtonComponent = function ButtonComponent(_ref) {
-  var _ref$size = _ref.size,
-      size = _ref$size === void 0 ? "s" : _ref$size,
-      _ref$mode = _ref.mode,
-      mode = _ref$mode === void 0 ? "primary" : _ref$mode,
-      appearance = _ref.appearance,
-      _ref$stretched = _ref.stretched,
-      stretched = _ref$stretched === void 0 ? false : _ref$stretched,
-      _ref$align = _ref.align,
-      align = _ref$align === void 0 ? "center" : _ref$align,
-      children = _ref.children,
-      before = _ref.before,
-      after = _ref.after,
-      getRootRef = _ref.getRootRef,
-      sizeY = _ref.sizeY,
-      _ref$Component = _ref.Component,
-      Component = _ref$Component === void 0 ? "button" : _ref$Component,
-      loading = _ref.loading,
-      onClick = _ref.onClick,
-      _ref$stopPropagation = _ref.stopPropagation,
-      stopPropagation = _ref$stopPropagation === void 0 ? true : _ref$stopPropagation,
-      restProps = (0, _objectWithoutProperties2.default)(_ref, _excluded2);
+var ButtonComponent = function ButtonComponent(_ref2) {
+  var _ref2$size = _ref2.size,
+      size = _ref2$size === void 0 ? "s" : _ref2$size,
+      _ref2$mode = _ref2.mode,
+      mode = _ref2$mode === void 0 ? "primary" : _ref2$mode,
+      appearance = _ref2.appearance,
+      _ref2$stretched = _ref2.stretched,
+      stretched = _ref2$stretched === void 0 ? false : _ref2$stretched,
+      _ref2$align = _ref2.align,
+      align = _ref2$align === void 0 ? "center" : _ref2$align,
+      children = _ref2.children,
+      before = _ref2.before,
+      after = _ref2.after,
+      getRootRef = _ref2.getRootRef,
+      sizeY = _ref2.sizeY,
+      _ref2$Component = _ref2.Component,
+      Component = _ref2$Component === void 0 ? "button" : _ref2$Component,
+      loading = _ref2.loading,
+      onClick = _ref2.onClick,
+      _ref2$stopPropagation = _ref2.stopPropagation,
+      stopPropagation = _ref2$stopPropagation === void 0 ? true : _ref2$stopPropagation,
+      restProps = (0, _objectWithoutProperties2.default)(_ref2, _excluded2);
   var platform = (0, _usePlatform.usePlatform)();
   var hasIcons = Boolean(before || after);
   var hasIconOnly = !children && Boolean(after) !== Boolean(before);

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

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../../src/components/Button/Button.tsx"],"names":["ButtonTypography","props","size","sizeY","platform","restProps","isCompact","SizeType","COMPACT","ANDROID","VKCOM","IOS","resolveButtonAppearance","appearance","mode","resolvedAppearance","resolvedMode","undefined","ButtonComponent","stretched","align","children","before","after","getRootRef","Component","loading","onClick","stopPropagation","hasIcons","Boolean","hasIconOnly","hasNewTokens","React","useContext","ConfigProviderContext","href","Button"],"mappings":";;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AAEA;;AACA;;AAKA;;AACA;;AACA;;;;;AAoCA,IAAMA,gBAAiD,GAAG,SAApDA,gBAAoD,CACxDC,KADwD,EAErD;AACH,MAAQC,IAAR,GAAgDD,KAAhD,CAAQC,IAAR;AAAA,MAAcC,KAAd,GAAgDF,KAAhD,CAAcE,KAAd;AAAA,MAAqBC,QAArB,GAAgDH,KAAhD,CAAqBG,QAArB;AAAA,MAAkCC,SAAlC,0CAAgDJ,KAAhD;AACA,MAAMK,SAAS,GAAGH,KAAK,KAAKI,yBAASC,OAArC;;AAEA,UAAQN,IAAR;AACE,SAAK,GAAL;AACE,UAAII,SAAJ,EAAe;AACb,eAAO,qCAAC,UAAD;AAAM,UAAA,MAAM,EAAC;AAAb,WAAqBD,SAArB,EAAP;AACD;;AACD,UAAID,QAAQ,KAAKK,iBAAjB,EAA0B;AACxB,eAAO,qCAAC,kBAAD;AAAU,UAAA,MAAM,EAAC;AAAjB,WAAyBJ,SAAzB,EAAP;AACD;;AACD,aAAO,qCAAC,YAAD;AAAO,QAAA,KAAK,EAAC,GAAb;AAAiB,QAAA,MAAM,EAAC;AAAxB,SAAgCA,SAAhC,EAAP;;AACF,SAAK,GAAL;AACE,UAAIC,SAAJ,EAAe;AACb,eACE,qCAAC,gBAAD;AAAS,UAAA,MAAM,EAAEF,QAAQ,KAAKM,eAAb,GAAqB,GAArB,GAA2B;AAA5C,WAAqDL,SAArD,EADF;AAGD;;AAED,aAAO,qCAAC,UAAD;AAAM,QAAA,MAAM,EAAC;AAAb,SAAqBA,SAArB,EAAP;;AACF,SAAK,GAAL;AACA;AACE,UAAID,QAAQ,KAAKO,aAAjB,EAAsB;AACpB,eAAO,qCAAC,gBAAD;AAAS,UAAA,MAAM,EAAC;AAAhB,WAAwBN,SAAxB,EAAP;AACD;;AAED,UAAID,QAAQ,KAAKM,eAAjB,EAAwB;AACtB,eAAO,qCAAC,gBAAD,EAAaL,SAAb,CAAP;AACD;;AAED,UAAIC,SAAJ,EAAe;AACb,eAAO,qCAAC,gBAAD;AAAS,UAAA,MAAM,EAAC;AAAhB,WAAwBD,SAAxB,EAAP;AACD;;AAED,aAAO,qCAAC,gBAAD;AAAS,QAAA,MAAM,EAAC;AAAhB,SAAwBA,SAAxB,EAAP;AA/BJ;AAiCD,CAvCD;;AA8CA,SAASO,uBAAT,CACEC,UADF,EAEEC,IAFF,EAG4B;AAC1B,MAAIC,kBAA6C,GAAGF,UAApD;AACA,MAAIG,YAAiC,GAAGF,IAAxC;;AAEA,MAAID,UAAU,KAAKI,SAAnB,EAA8B;AAC5B,YAAQH,IAAR;AACE,WAAK,UAAL;AACA,WAAK,WAAL;AACA,WAAK,SAAL;AACA,WAAK,SAAL;AACEC,QAAAA,kBAAkB,GAAG,QAArB;AACA;;AACF,WAAK,UAAL;AACEC,QAAAA,YAAY,GAAG,SAAf;AACAD,QAAAA,kBAAkB,GAAG,UAArB;AACA;;AACF,WAAK,aAAL;AACEC,QAAAA,YAAY,GAAG,SAAf;AACAD,QAAAA,kBAAkB,GAAG,UAArB;AACA;;AACF,WAAK,iBAAL;AACEC,QAAAA,YAAY,GAAG,SAAf;AACAD,QAAAA,kBAAkB,GAAG,SAArB;AACA;;AACF,WAAK,mBAAL;AACEC,QAAAA,YAAY,GAAG,WAAf;AACAD,QAAAA,kBAAkB,GAAG,SAArB;AACA;;AACF,WAAK,iBAAL;AACEC,QAAAA,YAAY,GAAG,SAAf;AACAD,QAAAA,kBAAkB,GAAG,SAArB;AACA;AA1BJ;AA4BD;;AAED,SAAO;AACLA,IAAAA,kBAAkB,EAAlBA,kBADK;AAELC,IAAAA,YAAY,EAAZA;AAFK,GAAP;AAID;;AAED,IAAME,eAAsC,GAAG,SAAzCA,eAAyC,OAgBzC;AAAA,uBAfJhB,IAeI;AAAA,MAfJA,IAeI,0BAfG,GAeH;AAAA,uBAdJY,IAcI;AAAA,MAdJA,IAcI,0BAdG,SAcH;AAAA,MAbJD,UAaI,QAbJA,UAaI;AAAA,4BAZJM,SAYI;AAAA,MAZJA,SAYI,+BAZQ,KAYR;AAAA,wBAXJC,KAWI;AAAA,MAXJA,KAWI,2BAXI,QAWJ;AAAA,MAVJC,QAUI,QAVJA,QAUI;AAAA,MATJC,MASI,QATJA,MASI;AAAA,MARJC,KAQI,QARJA,KAQI;AAAA,MAPJC,UAOI,QAPJA,UAOI;AAAA,MANJrB,KAMI,QANJA,KAMI;AAAA,4BALJsB,SAKI;AAAA,MALJA,SAKI,+BALQ,QAKR;AAAA,MAJJC,OAII,QAJJA,OAII;AAAA,MAHJC,OAGI,QAHJA,OAGI;AAAA,kCAFJC,eAEI;AAAA,MAFJA,eAEI,qCAFc,IAEd;AAAA,MADDvB,SACC;AACJ,MAAMD,QAAQ,GAAG,+BAAjB;AACA,MAAMyB,QAAQ,GAAGC,OAAO,CAACR,MAAM,IAAIC,KAAX,CAAxB;AACA,MAAMQ,WAAW,GAAG,CAACV,QAAD,IAAaS,OAAO,CAACP,KAAD,CAAP,KAAmBO,OAAO,CAACR,MAAD,CAA3D;;AACA,8BAA6CV,uBAAuB,CAClEC,UADkE,EAElEC,IAFkE,CAApE;AAAA,MAAQE,YAAR,yBAAQA,YAAR;AAAA,MAAsBD,kBAAtB,yBAAsBA,kBAAtB;;AAIA,MAAMiB,YAAY,GAAGC,KAAK,CAACC,UAAN,CAAiBC,4CAAjB,EAAwCH,YAA7D;AAEA,SACE,qCAAC,kBAAD,6BACM3B,SADN;AAEE,IAAA,SAAS,EAAEA,SAAS,CAAC+B,IAAV,GAAiB,GAAjB,GAAuBX,SAFpC;AAGE,IAAA,OAAO,EAAEC,OAAO,GAAGT,SAAH,GAAeU,OAHjC;AAIE,IAAA,gBAAgB,EAAC,SAJnB;AAKE,IAAA,eAAe,EAAEC,eALnB;AAME,IAAA,SAAS,EAAE,4BACT,QADS,uBAEK1B,IAFL,yBAGMc,YAHN,yBAIMD,kBAJN,yBAKMK,KALN,2BAMQjB,KANR,GAOTgB,SAAS,IAAI,mBAPJ,EAQTU,QAAQ,IAAI,mBARH,EASTE,WAAW,IAAI,oBATN,EAUTL,OAAO,IAAI,iBAVF,CANb;AAkBE,IAAA,UAAU,EAAEF,UAlBd;AAmBE,IAAA,SAAS,EAAEQ,YAAY,GAAG,eAAH,GAAqB,YAnB9C;AAoBE,IAAA,UAAU,EAAEA,YAAY,GAAG,gBAAH,GAAsB;AApBhD,MAsBGN,OAAO,IAAI,qCAAC,gBAAD;AAAS,IAAA,IAAI,EAAC,OAAd;AAAsB,IAAA,SAAS,EAAC;AAAhC,IAtBd,EAuBE;AAAM,IAAA,SAAS,EAAC;AAAhB,KACGJ,MAAM,IACL;AAAM,IAAA,SAAS,EAAC,gBAAhB;AAAiC,IAAA,IAAI,EAAC;AAAtC,KACGA,MADH,CAFJ,EAMGD,QAAQ,IACP,qCAAC,gBAAD;AACE,IAAA,IAAI,EAAEnB,IADR;AAEE,IAAA,KAAK,EAAEC,KAFT;AAGE,IAAA,QAAQ,EAAEC,QAHZ;AAIE,IAAA,SAAS,EAAC,iBAJZ;AAKE,IAAA,SAAS,EAAC;AALZ,KAOGiB,QAPH,CAPJ,EAiBGE,KAAK,IACJ;AAAM,IAAA,SAAS,EAAC,eAAhB;AAAgC,IAAA,IAAI,EAAC;AAArC,KACGA,KADH,CAlBJ,CAvBF,CADF;AAiDD,CA3ED;AA6EA;AACA;AACA;;;AACO,IAAMc,MAAM,GAAG,oCAAenB,eAAf,EAAgC;AACpDf,EAAAA,KAAK,EAAE;AAD6C,CAAhC,CAAf","sourcesContent":["import * as React from \"react\";\nimport { classNames } from \"../../lib/classNames\";\nimport { ConfigProviderContext } from \"../ConfigProvider/ConfigProviderContext\";\nimport { TappableProps, Tappable } from \"../Tappable/Tappable\";\nimport { Title } from \"../Typography/Title/Title\";\nimport { Text } from \"../Typography/Text/Text\";\nimport { Subhead } from \"../Typography/Subhead/Subhead\";\nimport { Caption } from \"../Typography/Caption/Caption\";\nimport { HasAlign, HasComponent } from \"../../types\";\nimport { usePlatform } from \"../../hooks/usePlatform\";\nimport {\n AdaptivityProps,\n SizeType,\n withAdaptivity,\n} from \"../../hoc/withAdaptivity\";\nimport { PlatformType, IOS, VKCOM, ANDROID } from \"../../lib/platform\";\nimport { Spinner } from \"../Spinner/Spinner\";\nimport { Headline } from \"../Typography/Headline/Headline\";\nimport \"./Button.css\";\n\nexport interface VKUIButtonProps extends HasAlign {\n /*\n Значения `commerce`, `destructive`, `overlay_...` будут упразднены в 5.0.0\n /\n mode?:\n \| \"primary\"\n \| \"secondary\"\n \| \"tertiary\"\n \| \"outline\"\n \| \"commerce\"\n \| \"destructive\"\n \| \"overlay_primary\"\n \| \"overlay_secondary\"\n \| \"overlay_outline\";\n appearance?: \"accent\" \| \"positive\" \| \"negative\" \| \"neutral\" \| \"overlay\";\n size?: \"s\" \| \"m\" \| \"l\";\n stretched?: boolean;\n before?: React.ReactNode;\n after?: React.ReactNode;\n loading?: boolean;\n}\n\nexport interface ButtonProps\n extends Omit<TappableProps, \"size\">,\n VKUIButtonProps {}\n\ninterface ButtonTypographyProps extends HasComponent {\n size: ButtonProps[\"size\"];\n platform: PlatformType \| undefined;\n sizeY: AdaptivityProps[\"sizeY\"];\n children?: ButtonProps[\"children\"];\n}\n\nconst ButtonTypography: React.FC<ButtonTypographyProps> = (\n props: ButtonTypographyProps\n) => {\n const { size, sizeY, platform, ...restProps } = props;\n const isCompact = sizeY === SizeType.COMPACT;\n\n switch (size) {\n case \"l\":\n if (isCompact) {\n return <Text weight=\"2\" {...restProps} />;\n }\n if (platform === ANDROID) {\n return <Headline weight=\"2\" {...restProps} />;\n }\n return <Title level=\"3\" weight=\"2\" {...restProps} />;\n case \"m\":\n if (isCompact) {\n return (\n <Subhead weight={platform === VKCOM ? \"3\" : \"2\"} {...restProps} />\n );\n }\n\n return <Text weight=\"2\" {...restProps} />;\n case \"s\":\n default:\n if (platform === IOS) {\n return <Subhead weight=\"2\" {...restProps} />;\n }\n\n if (platform === VKCOM) {\n return <Caption {...restProps} />;\n }\n\n if (isCompact) {\n return <Caption weight=\"2\" {...restProps} />;\n }\n\n return <Subhead weight=\"2\" {...restProps} />;\n }\n};\n\ninterface ResolvedButtonAppearance {\n resolvedAppearance: ButtonProps[\"appearance\"];\n resolvedMode: ButtonProps[\"mode\"];\n}\n\nfunction resolveButtonAppearance(\n appearance: ButtonProps[\"appearance\"],\n mode: ButtonProps[\"mode\"]\n): ResolvedButtonAppearance {\n let resolvedAppearance: ButtonProps[\"appearance\"] = appearance;\n let resolvedMode: ButtonProps[\"mode\"] = mode;\n\n if (appearance === undefined) {\n switch (mode) {\n case \"tertiary\":\n case \"secondary\":\n case \"primary\":\n case \"outline\":\n resolvedAppearance = \"accent\";\n break;\n case \"commerce\":\n resolvedMode = \"primary\";\n resolvedAppearance = \"positive\";\n break;\n case \"destructive\":\n resolvedMode = \"primary\";\n resolvedAppearance = \"negative\";\n break;\n case \"overlay_primary\":\n resolvedMode = \"primary\";\n resolvedAppearance = \"overlay\";\n break;\n case \"overlay_secondary\":\n resolvedMode = \"secondary\";\n resolvedAppearance = \"overlay\";\n break;\n case \"overlay_outline\":\n resolvedMode = \"outline\";\n resolvedAppearance = \"overlay\";\n break;\n }\n }\n\n return {\n resolvedAppearance,\n resolvedMode,\n };\n}\n\nconst ButtonComponent: React.FC<ButtonProps> = ({\n size = \"s\",\n mode = \"primary\",\n appearance,\n stretched = false,\n align = \"center\",\n children,\n before,\n after,\n getRootRef,\n sizeY,\n Component = \"button\",\n loading,\n onClick,\n stopPropagation = true,\n ...restProps\n}) => {\n const platform = usePlatform();\n const hasIcons = Boolean(before \|\| after);\n const hasIconOnly = !children && Boolean(after) !== Boolean(before);\n const { resolvedMode, resolvedAppearance } = resolveButtonAppearance(\n appearance,\n mode\n );\n const hasNewTokens = React.useContext(ConfigProviderContext).hasNewTokens;\n\n return (\n <Tappable\n {...restProps}\n Component={restProps.href ? \"a\" : Component}\n onClick={loading ? undefined : onClick}\n focusVisibleMode=\"outside\"\n stopPropagation={stopPropagation}\n vkuiClass={classNames(\n \"Button\",\n `Button--sz-${size}`,\n `Button--lvl-${resolvedMode}`,\n `Button--clr-${resolvedAppearance}`,\n `Button--aln-${align}`,\n `Button--sizeY-${sizeY}`,\n stretched && \"Button--stretched\",\n hasIcons && \"Button--with-icon\",\n hasIconOnly && \"Button--singleIcon\",\n loading && \"Button--loading\"\n )}\n getRootRef={getRootRef}\n hoverMode={hasNewTokens ? \"Button--hover\" : \"background\"}\n activeMode={hasNewTokens ? \"Button--active\" : \"opacity\"}\n >\n {loading && <Spinner size=\"small\" vkuiClass=\"Button__spinner\" />}\n <span vkuiClass=\"Button__in\">\n {before && (\n <span vkuiClass=\"Button__before\" role=\"presentation\">\n {before}\n </span>\n )}\n {children && (\n <ButtonTypography\n size={size}\n sizeY={sizeY}\n platform={platform}\n vkuiClass=\"Button__content\"\n Component=\"span\"\n >\n {children}\n </ButtonTypography>\n )}\n {after && (\n <span vkuiClass=\"Button__after\" role=\"presentation\">\n {after}\n </span>\n )}\n </span>\n </Tappable>\n );\n};\n\n/*\n @see https://vkcom.github.io/VKUI/#/Button\n */\nexport const Button = withAdaptivity(ButtonComponent, {\n sizeY: true,\n});\n"],"file":"Button.js"}
1	+ {"version":3,"sources":["../../../../src/components/Button/Button.tsx"],"names":["ButtonTypography","size","sizeY","platform","restProps","isCompact","SizeType","COMPACT","ANDROID","VKCOM","IOS","resolveButtonAppearance","appearance","mode","resolvedAppearance","resolvedMode","undefined","ButtonComponent","stretched","align","children","before","after","getRootRef","Component","loading","onClick","stopPropagation","hasIcons","Boolean","hasIconOnly","hasNewTokens","React","useContext","ConfigProviderContext","href","Button"],"mappings":"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","sourcesContent":["import * as React from \"react\";\nimport { classNames } from \"../../lib/classNames\";\nimport { ConfigProviderContext } from \"../ConfigProvider/ConfigProviderContext\";\nimport { TappableProps, Tappable } from \"../Tappable/Tappable\";\nimport { Title } from \"../Typography/Title/Title\";\nimport { Text } from \"../Typography/Text/Text\";\nimport { Subhead } from \"../Typography/Subhead/Subhead\";\nimport { Caption } from \"../Typography/Caption/Caption\";\nimport { HasAlign, HasComponent } from \"../../types\";\nimport { usePlatform } from \"../../hooks/usePlatform\";\nimport {\n AdaptivityProps,\n SizeType,\n withAdaptivity,\n} from \"../../hoc/withAdaptivity\";\nimport { PlatformType, IOS, VKCOM, ANDROID } from \"../../lib/platform\";\nimport { Spinner } from \"../Spinner/Spinner\";\nimport { Headline } from \"../Typography/Headline/Headline\";\nimport \"./Button.css\";\n\nexport interface VKUIButtonProps extends HasAlign {\n /*\n Значения `commerce`, `destructive`, `overlay_...` будут упразднены в 5.0.0\n /\n mode?:\n \| \"primary\"\n \| \"secondary\"\n \| \"tertiary\"\n \| \"outline\"\n \| \"commerce\"\n \| \"destructive\"\n \| \"overlay_primary\"\n \| \"overlay_secondary\"\n \| \"overlay_outline\";\n appearance?: \"accent\" \| \"positive\" \| \"negative\" \| \"neutral\" \| \"overlay\";\n size?: \"s\" \| \"m\" \| \"l\";\n stretched?: boolean;\n before?: React.ReactNode;\n after?: React.ReactNode;\n loading?: boolean;\n}\n\nexport interface ButtonProps\n extends Omit<TappableProps, \"size\">,\n VKUIButtonProps {}\n\ninterface ButtonTypographyProps extends HasComponent {\n size: ButtonProps[\"size\"];\n platform: PlatformType \| undefined;\n sizeY: AdaptivityProps[\"sizeY\"];\n children?: ButtonProps[\"children\"];\n}\n\nconst ButtonTypography = ({\n size,\n sizeY,\n platform,\n ...restProps\n}: ButtonTypographyProps) => {\n const isCompact = sizeY === SizeType.COMPACT;\n\n switch (size) {\n case \"l\":\n if (isCompact) {\n return <Text weight=\"2\" {...restProps} />;\n }\n if (platform === ANDROID) {\n return <Headline weight=\"2\" {...restProps} />;\n }\n return <Title level=\"3\" weight=\"2\" {...restProps} />;\n case \"m\":\n if (isCompact) {\n return (\n <Subhead weight={platform === VKCOM ? \"3\" : \"2\"} {...restProps} />\n );\n }\n\n return <Text weight=\"2\" {...restProps} />;\n case \"s\":\n default:\n if (platform === IOS) {\n return <Subhead weight=\"2\" {...restProps} />;\n }\n\n if (platform === VKCOM) {\n return <Caption {...restProps} />;\n }\n\n if (isCompact) {\n return <Caption weight=\"2\" {...restProps} />;\n }\n\n return <Subhead weight=\"2\" {...restProps} />;\n }\n};\n\ninterface ResolvedButtonAppearance {\n resolvedAppearance: ButtonProps[\"appearance\"];\n resolvedMode: ButtonProps[\"mode\"];\n}\n\nfunction resolveButtonAppearance(\n appearance: ButtonProps[\"appearance\"],\n mode: ButtonProps[\"mode\"]\n): ResolvedButtonAppearance {\n let resolvedAppearance: ButtonProps[\"appearance\"] = appearance;\n let resolvedMode: ButtonProps[\"mode\"] = mode;\n\n if (appearance === undefined) {\n switch (mode) {\n case \"tertiary\":\n case \"secondary\":\n case \"primary\":\n case \"outline\":\n resolvedAppearance = \"accent\";\n break;\n case \"commerce\":\n resolvedMode = \"primary\";\n resolvedAppearance = \"positive\";\n break;\n case \"destructive\":\n resolvedMode = \"primary\";\n resolvedAppearance = \"negative\";\n break;\n case \"overlay_primary\":\n resolvedMode = \"primary\";\n resolvedAppearance = \"overlay\";\n break;\n case \"overlay_secondary\":\n resolvedMode = \"secondary\";\n resolvedAppearance = \"overlay\";\n break;\n case \"overlay_outline\":\n resolvedMode = \"outline\";\n resolvedAppearance = \"overlay\";\n break;\n }\n }\n\n return {\n resolvedAppearance,\n resolvedMode,\n };\n}\n\nconst ButtonComponent = ({\n size = \"s\",\n mode = \"primary\",\n appearance,\n stretched = false,\n align = \"center\",\n children,\n before,\n after,\n getRootRef,\n sizeY,\n Component = \"button\",\n loading,\n onClick,\n stopPropagation = true,\n ...restProps\n}: ButtonProps) => {\n const platform = usePlatform();\n const hasIcons = Boolean(before \|\| after);\n const hasIconOnly = !children && Boolean(after) !== Boolean(before);\n const { resolvedMode, resolvedAppearance } = resolveButtonAppearance(\n appearance,\n mode\n );\n const hasNewTokens = React.useContext(ConfigProviderContext).hasNewTokens;\n\n return (\n <Tappable\n {...restProps}\n Component={restProps.href ? \"a\" : Component}\n onClick={loading ? undefined : onClick}\n focusVisibleMode=\"outside\"\n stopPropagation={stopPropagation}\n vkuiClass={classNames(\n \"Button\",\n `Button--sz-${size}`,\n `Button--lvl-${resolvedMode}`,\n `Button--clr-${resolvedAppearance}`,\n `Button--aln-${align}`,\n `Button--sizeY-${sizeY}`,\n stretched && \"Button--stretched\",\n hasIcons && \"Button--with-icon\",\n hasIconOnly && \"Button--singleIcon\",\n loading && \"Button--loading\"\n )}\n getRootRef={getRootRef}\n hoverMode={hasNewTokens ? \"Button--hover\" : \"background\"}\n activeMode={hasNewTokens ? \"Button--active\" : \"opacity\"}\n >\n {loading && <Spinner size=\"small\" vkuiClass=\"Button__spinner\" />}\n <span vkuiClass=\"Button__in\">\n {before && (\n <span vkuiClass=\"Button__before\" role=\"presentation\">\n {before}\n </span>\n )}\n {children && (\n <ButtonTypography\n size={size}\n sizeY={sizeY}\n platform={platform}\n vkuiClass=\"Button__content\"\n Component=\"span\"\n >\n {children}\n </ButtonTypography>\n )}\n {after && (\n <span vkuiClass=\"Button__after\" role=\"presentation\">\n {after}\n </span>\n )}\n </span>\n </Tappable>\n );\n};\n\n/*\n @see https://vkcom.github.io/VKUI/#/Button\n */\nexport const Button = withAdaptivity(ButtonComponent, {\n sizeY: true,\n});\n"],"file":"Button.js"}

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

@@ -15,7 +15,7 @@ var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/h
 var _classNames = require("../../lib/classNames");
-var _excluded = ["mode", "gap", "stretched", "getRootRef", "children"];
+var _excluded = ["mode", "gap", "stretched", "align", "getRootRef", "children"];
 /**
  * @see https://vkcom.github.io/VKUI/#/ButtonGroup
@@ -27,11 +27,13 @@ var ButtonGroup = function ButtonGroup(_ref) {
       gap = _ref$gap === void 0 ? "m" : _ref$gap,
       _ref$stretched = _ref.stretched,
       stretched = _ref$stretched === void 0 ? false : _ref$stretched,
+      _ref$align = _ref.align,
+      align = _ref$align === void 0 ? "left" : _ref$align,
       getRootRef = _ref.getRootRef,
       children = _ref.children,
       restProps = (0, _objectWithoutProperties2.default)(_ref, _excluded);
   return (0, _jsxRuntime.createScopedElement)("div", (0, _extends2.default)({
-    vkuiClass: (0, _classNames.classNames)("ButtonGroup", "ButtonGroup--mode-".concat(mode), gap !== "none" && "ButtonGroup--gap-".concat(gap), stretched && "ButtonGroup--stretched"),
+    vkuiClass: (0, _classNames.classNames)("ButtonGroup", "ButtonGroup--mode-".concat(mode), gap !== "none" && "ButtonGroup--gap-".concat(gap), stretched && "ButtonGroup--stretched", "ButtonGroup--align-".concat(align)),
     role: "group",
     ref: getRootRef
   }, restProps), children);

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

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../../src/components/ButtonGroup/ButtonGroup.tsx"],"names":["ButtonGroup","mode","gap","stretched","getRootRef","children","restProps"],"mappings":";;;;;;;;;;;;;;;AACA;;;;~~AAuBA~~;AACA;AACA;AACO,IAAMA,~~WAAuC~~,GAAG,~~SAA1CA~~,~~WAA0C~~,~~OAOjD~~;AAAA,~~uBANJC~~,~~IAMI~~;AAAA,~~MANJA~~,~~IAMI~~,~~0BANG~~,~~YAMH~~;AAAA,~~sBALJC~~,~~GAKI~~;AAAA,~~MALJA~~,~~GAKI~~,~~yBALE~~,~~GAKF~~;AAAA,~~4BAJJC~~,~~SAII~~;AAAA,~~MAJJA~~,~~SAII~~,+~~BAJQ~~,~~KAIR~~;AAAA,~~MAHJC~~,~~UAGI~~,~~QAHJA~~,~~UAGI~~;AAAA,~~MAFJC~~,~~QAEI~~,~~QAFJA~~,~~QAEI~~;AAAA,~~MADDC~~,~~SACC~~;~~AACJ~~,SACE;AACE,IAAA,SAAS,EAAE,4BACT,aADS,~~8BAEYL~~,IAFZ,GAGTC,GAAG,KAAK,MAAR,+BAAsCA,GAAtC,CAHS,EAITC,SAAS,IAAI,wBAJJ,~~CADb~~;~~AAOE~~,IAAA,IAAI,EAAC,~~OAPP~~;~~AAQE~~,IAAA,GAAG,EAAEC;~~AARP~~,~~KASME~~,~~SATN~~,~~GAWGD~~,~~QAXH~~,CADF;~~AAeD~~,~~CAvBM~~","sourcesContent":["import * as React from \"react\";\nimport { classNames } from \"../../lib/classNames\";\nimport type { HasRootRef } from \"../../types\";\nimport \"./ButtonGroup.css\";\n\nexport interface ButtonGroupProps\n extends React.HTMLAttributes<HTMLDivElement>,\n HasRootRef<HTMLDivElement> {\n /*\n Задает расположение элементов внутри группы, вертикальное или горизонтальное.\n /\n mode?: \"vertical\" \| \"horizontal\";\n /\n Выставляет в зависимости от `mode` отступ по вертикали или горизонтали.\n /\n gap?: \"none\" \| \"space\" \| \"s\" \| \"m\";\n /\n Растягивает компонент на всю ширину контейнера.\n \n Note: Для потомков соответствующее поведение нужно определять самостоятельно, где это необходимо.\n /\n stretched?: boolean;\n}\n\n/\n @see https://vkcom.github.io/VKUI/#/ButtonGroup\n */\nexport const ButtonGroup: ~~React.FC<ButtonGroupProps>~~ = ({\n mode = \"horizontal\",\n gap = \"m\",\n stretched = false,\n getRootRef,\n children,\n ...restProps\n}) => {\n return (\n <div\n vkuiClass={classNames(\n \"ButtonGroup\",\n `ButtonGroup--mode-${mode}`,\n gap !== \"none\" && `ButtonGroup--gap-${gap}`,\n stretched && \"ButtonGroup--stretched\"\n )}\n role=\"group\"\n ref={getRootRef}\n {...restProps}\n >\n {children}\n </div>\n );\n};\n"],"file":"ButtonGroup.js"}
1	+ {"version":3,"sources":["../../../../src/components/ButtonGroup/ButtonGroup.tsx"],"names":["ButtonGroup","mode","gap","stretched","align","getRootRef","children","restProps"],"mappings":";;;;;;;;;;;;;;;AACA;;;;AAwBA;AACA;AACA;AACO,IAAMA,WAAW,GAAG,SAAdA,WAAc,OAQH;AAAA,uBAPtBC,IAOsB;AAAA,MAPtBA,IAOsB,0BAPf,YAOe;AAAA,sBANtBC,GAMsB;AAAA,MANtBA,GAMsB,yBANhB,GAMgB;AAAA,4BALtBC,SAKsB;AAAA,MALtBA,SAKsB,+BALV,KAKU;AAAA,wBAJtBC,KAIsB;AAAA,MAJtBA,KAIsB,2BAJd,MAIc;AAAA,MAHtBC,UAGsB,QAHtBA,UAGsB;AAAA,MAFtBC,QAEsB,QAFtBA,QAEsB;AAAA,MADnBC,SACmB;AACtB,SACE;AACE,IAAA,SAAS,EAAE,4BACT,aADS,8BAEYN,IAFZ,GAGTC,GAAG,KAAK,MAAR,+BAAsCA,GAAtC,CAHS,EAITC,SAAS,IAAI,wBAJJ,+BAKaC,KALb,EADb;AAQE,IAAA,IAAI,EAAC,OARP;AASE,IAAA,GAAG,EAAEC;AATP,KAUME,SAVN,GAYGD,QAZH,CADF;AAgBD,CAzBM","sourcesContent":["import * as React from \"react\";\nimport { classNames } from \"../../lib/classNames\";\nimport type { HasRootRef, HasAlign } from \"../../types\";\nimport \"./ButtonGroup.css\";\n\nexport interface ButtonGroupProps\n extends React.HTMLAttributes<HTMLDivElement>,\n HasRootRef<HTMLDivElement>,\n HasAlign {\n /*\n Задает расположение элементов внутри группы, вертикальное или горизонтальное.\n /\n mode?: \"vertical\" \| \"horizontal\";\n /\n Выставляет в зависимости от `mode` отступ по вертикали или горизонтали.\n /\n gap?: \"none\" \| \"space\" \| \"s\" \| \"m\";\n /\n Растягивает компонент на всю ширину контейнера.\n \n Note: Для потомков соответствующее поведение нужно определять самостоятельно, где это необходимо.\n /\n stretched?: boolean;\n}\n\n/\n @see https://vkcom.github.io/VKUI/#/ButtonGroup\n /\nexport const ButtonGroup = ({\n mode = \"horizontal\",\n gap = \"m\",\n stretched = false,\n align = \"left\" / NOTE: Чтобы блоки по-умолчанию не растягивались на всю ширину контейнера */,\n getRootRef,\n children,\n ...restProps\n}: ButtonGroupProps) => {\n return (\n <div\n vkuiClass={classNames(\n \"ButtonGroup\",\n `ButtonGroup--mode-${mode}`,\n gap !== \"none\" && `ButtonGroup--gap-${gap}`,\n stretched && \"ButtonGroup--stretched\",\n `ButtonGroup--align-${align}`\n )}\n role=\"group\"\n ref={getRootRef}\n {...restProps}\n >\n {children}\n </div>\n );\n};\n"],"file":"ButtonGroup.js"}

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

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../../src/components/Calendar/Calendar.tsx"],"names":["warn","Calendar","value","onChange","disablePast","disableFuture","shouldDisableDate","onClose","enableTime","doneButtonText","weekStartsOn","getRootRef","disablePickers","changeHoursAriaLabel","changeMinutesAriaLabel","prevMonthAriaLabel","nextMonthAriaLabel","changeMonthAriaLabel","changeYearAriaLabel","showNeighboringMonth","changeDayAriaLabel","size","externalViewDate","viewDate","onHeaderChange","onNextMonth","onPrevMonth","prevMonthIcon","nextMonthIcon","props","setViewDate","setPrevMonth","setNextMonth","focusedDay","setFocusedDay","isDayFocused","isDayDisabled","resetSelectedDay","process","env","NODE_ENV","handleKeyDown","React","useCallback","event","includes","key","preventDefault","newFocusedDay","onDayChange","date","isDayActive","day","Boolean","isFirstDay","isLastDay"],"mappings":";;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AAIA;;AACA;;AACA;;AACA;;AAMA;;AAEA;;AACA;;;AA0CA,IAAMA,IAAI,GAAG,wBAAS,UAAT,CAAb;AAEA;AACA;AACA;;AACO,IAAMC,QAAiC,GAAG,SAApCA,QAAoC,OA4B3C;AAAA,MA3BJC,KA2BI,QA3BJA,KA2BI;AAAA,MA1BJC,QA0BI,QA1BJA,QA0BI;AAAA,MAzBJC,WAyBI,QAzBJA,WAyBI;AAAA,MAxBJC,aAwBI,QAxBJA,aAwBI;AAAA,MAvBJC,iBAuBI,QAvBJA,iBAuBI;AAAA,MAtBJC,OAsBI,QAtBJA,OAsBI;AAAA,6BArBJC,UAqBI;AAAA,MArBJA,UAqBI,gCArBS,KAqBT;AAAA,MApBJC,cAoBI,QApBJA,cAoBI;AAAA,+BAnBJC,YAmBI;AAAA,MAnBJA,YAmBI,kCAnBW,CAmBX;AAAA,MAlBJC,UAkBI,QAlBJA,UAkBI;AAAA,MAjBJC,cAiBI,QAjBJA,cAiBI;AAAA,MAhBJC,oBAgBI,QAhBJA,oBAgBI;AAAA,MAfJC,sBAeI,QAfJA,sBAeI;AAAA,MAdJC,kBAcI,QAdJA,kBAcI;AAAA,MAbJC,kBAaI,QAbJA,kBAaI;AAAA,MAZJC,oBAYI,QAZJA,oBAYI;AAAA,MAXJC,mBAWI,QAXJA,mBAWI;AAAA,MAVJC,oBAUI,QAVJA,oBAUI;AAAA,mCATJC,kBASI;AAAA,MATJA,kBASI,sCATiB,eASjB;AAAA,uBARJC,IAQI;AAAA,MARJA,IAQI,0BARG,GAQH;AAAA,MAPMC,gBAON,QAPJC,QAOI;AAAA,MANJC,cAMI,QANJA,cAMI;AAAA,MALJC,WAKI,QALJA,WAKI;AAAA,MAJJC,WAII,QAJJA,WAII;AAAA,MAHJC,aAGI,QAHJA,aAGI;AAAA,MAFJC,aAEI,QAFJA,aAEI;AAAA,MADDC,KACC;;AACJ,qBAUI,+BAAY;AACd3B,IAAAA,KAAK,EAALA,KADc;AAEdG,IAAAA,aAAa,EAAbA,aAFc;AAGdD,IAAAA,WAAW,EAAXA,WAHc;AAIdE,IAAAA,iBAAiB,EAAjBA,iBAJc;AAKdkB,IAAAA,cAAc,EAAdA,cALc;AAMdC,IAAAA,WAAW,EAAXA,WANc;AAOdC,IAAAA,WAAW,EAAXA;AAPc,GAAZ,CAVJ;AAAA,MACEH,QADF,gBACEA,QADF;AAAA,MAEEO,WAFF,gBAEEA,WAFF;AAAA,MAGEC,YAHF,gBAGEA,YAHF;AAAA,MAIEC,YAJF,gBAIEA,YAJF;AAAA,MAKEC,UALF,gBAKEA,UALF;AAAA,MAMEC,aANF,gBAMEA,aANF;AAAA,MAOEC,YAPF,gBAOEA,YAPF;AAAA,MAQEC,aARF,gBAQEA,aARF;AAAA,MASEC,gBATF,gBASEA,gBATF;;AAoBA,4DAA0B,YAAM;AAC9B,QAAInC,KAAJ,EAAW;AACT4B,MAAAA,WAAW,CAAC5B,KAAD,CAAX;AACD;AACF,GAJD,EAIG,CAACA,KAAD,CAJH;;AAMA,MACEoC,OAAO,CAACC,GAAR,CAAYC,QAAZ,KAAyB,aAAzB,IACA,CAAC5B,cADD,IAEAS,IAAI,KAAK,GAHX,EAIE;AACArB,IAAAA,IAAI,CACF,uEADE,EAEF,OAFE,CAAJ;AAID;;AAED,MAAIsC,OAAO,CAACC,GAAR,CAAYC,QAAZ,KAAyB,aAAzB,IAA0ChC,UAA1C,IAAwDa,IAAI,KAAK,GAArE,EAA0E;AACxErB,IAAAA,IAAI,CAAC,0DAAD,EAA6D,OAA7D,CAAJ;AACD;;AAED,MAAMyC,aAAa,GAAGC,KAAK,CAACC,WAAN,CACpB,UAACC,KAAD,EAAgC;AAC9B,QACE,CAAC,SAAD,EAAY,WAAZ,EAAyB,WAAzB,EAAsC,YAAtC,EAAoDC,QAApD,CAA6DD,KAAK,CAACE,GAAnE,CADF,EAEE;AACAF,MAAAA,KAAK,CAACG,cAAN;AACD;;AAED,QAAMC,aAAa,GAAG,4BAAaf,UAAb,aAAaA,UAAb,cAAaA,UAAb,GAA2B/B,KAA3B,EAAkC0C,KAAK,CAACE,GAAxC,CAAtB;;AAEA,QAAIE,aAAa,IAAI,CAAC,uBAAYA,aAAZ,EAA2BzB,QAA3B,CAAtB,EAA4D;AAC1DO,MAAAA,WAAW,CAACkB,aAAD,CAAX;AACD;;AACDd,IAAAA,aAAa,CAACc,aAAD,CAAb;AACD,GAdmB,EAepB,CAACf,UAAD,EAAaC,aAAb,EAA4BJ,WAA5B,EAAyC5B,KAAzC,EAAgDqB,QAAhD,CAfoB,CAAtB;AAkBA,MAAM0B,WAAW,GAAGP,KAAK,CAACC,WAAN,CAClB,UAACO,IAAD,EAAgB;AACd/C,IAAAA,QAAQ,SAAR,IAAAA,QAAQ,WAAR,YAAAA,QAAQ,CAAG,4BAAa+C,IAAb,EAAmBhD,KAAnB,CAAH,CAAR;AACD,GAHiB,EAIlB,CAACA,KAAD,EAAQC,QAAR,CAJkB,CAApB;AAOA,MAAMgD,WAAW,GAAGT,KAAK,CAACC,WAAN,CAClB,UAACS,GAAD;AAAA,WAAeC,OAAO,CAACnD,KAAK,IAAI,qBAAUkD,GAAV,EAAelD,KAAf,CAAV,CAAtB;AAAA,GADkB,EAElB,CAACA,KAAD,CAFkB,CAApB;AAKA,SACE,uEACM2B,KADN;AAEE,IAAA,GAAG,EAAElB,UAFP;AAGE,IAAA,SAAS,EAAE,4BAAW,UAAX,2BAAyCU,IAAzC;AAHb,MAKE,qCAAC,8BAAD;AACE,IAAA,QAAQ,EAAEC,gBAAgB,IAAIC,QADhC;AAEE,IAAA,QAAQ,EAAEO,WAFZ;AAGE,IAAA,WAAW,EAAEE,YAHf;AAIE,IAAA,WAAW,EAAED,YAJf;AAKE,IAAA,cAAc,EAAEnB,cAAc,IAAIS,IAAI,KAAK,GAL7C;AAME,IAAA,SAAS,EAAC,kBANZ;AAOE,IAAA,kBAAkB,EAAEN,kBAPtB;AAQE,IAAA,kBAAkB,EAAEC,kBARtB;AASE,IAAA,oBAAoB,EAAEC,oBATxB;AAUE,IAAA,mBAAmB,EAAEC,mBAVvB;AAWE,IAAA,aAAa,EAAES,aAXjB;AAYE,IAAA,aAAa,EAAEC;AAZjB,IALF,EAmBE,qCAAC,0BAAD;AACE,IAAA,QAAQ,EAAEN,gBAAgB,IAAIC,QADhC;AAEE,IAAA,KAAK,EAAErB,KAFT;AAGE,IAAA,YAAY,EAAEQ,YAHhB;AAIE,IAAA,YAAY,EAAEyB,YAJhB;AAKE,IAAA,QAAQ,EAAE,CALZ;AAME,kBAAYf,kBANd;AAOE,IAAA,SAAS,EAAEqB,aAPb;AAQE,IAAA,WAAW,EAAEQ,WARf;AASE,IAAA,WAAW,EAAEE,WATf;AAUE,IAAA,mBAAmB,EAAEG,oBAVvB;AAWE,IAAA,iBAAiB,EAAEC,mBAXrB;AAYE,IAAA,aAAa,EAAEnB,aAZjB;AAaE,IAAA,MAAM,EAAEC,gBAbV;AAcE,IAAA,oBAAoB,EAAElB,oBAdxB;AAeE,IAAA,IAAI,EAAEE;AAfR,IAnBF,EAoCGb,UAAU,IAAIN,KAAd,IAAuBmB,IAAI,KAAK,GAAhC,IACC;AAAK,IAAA,SAAS,EAAC;AAAf,KACE,qCAAC,0BAAD;AACE,IAAA,KAAK,EAAEnB,KADT;AAEE,IAAA,QAAQ,EAAEC,QAFZ;AAGE,IAAA,OAAO,EAAEI,OAHX;AAIE,IAAA,cAAc,EAAEE,cAJlB;AAKE,IAAA,oBAAoB,EAAEI,oBALxB;AAME,IAAA,sBAAsB,EAAEC;AAN1B,IADF,CArCJ,CADF;AAmDD,CAvJM","sourcesContent":["import * as React from \"react\";\nimport { isSameMonth, isSameDay } from \"../../lib/date\";\nimport {\n CalendarHeader,\n CalendarHeaderProps,\n} from \"../CalendarHeader/CalendarHeader\";\nimport { CalendarDays } from \"../CalendarDays/CalendarDays\";\nimport { CalendarTime, CalendarTimeProps } from \"../CalendarTime/CalendarTime\";\nimport { useIsomorphicLayoutEffect } from \"../../lib/useIsomorphicLayoutEffect\";\nimport {\n navigateDate,\n setTimeEqual,\n isFirstDay,\n isLastDay,\n} from \"../../lib/calendar\";\nimport { useCalendar } from \"../../hooks/useCalendar\";\nimport { HasRootRef } from \"../../types\";\nimport { classNames } from \"../../lib/classNames\";\nimport { warnOnce } from \"../../lib/warnOnce\";\nimport \"./Calendar.css\";\n\nexport interface CalendarProps\n extends Omit<React.HTMLAttributes<HTMLDivElement>, \"onChange\">,\n Pick<CalendarTimeProps, \"changeHoursAriaLabel\" \| \"changeMinutesAriaLabel\">,\n Pick<\n CalendarHeaderProps,\n \| \"prevMonthAriaLabel\"\n \| \"nextMonthAriaLabel\"\n \| \"changeMonthAriaLabel\"\n \| \"changeYearAriaLabel\"\n \| \"onNextMonth\"\n \| \"onPrevMonth\"\n \| \"prevMonthIcon\"\n \| \"nextMonthIcon\"\n >,\n HasRootRef<HTMLDivElement> {\n value?: Date;\n disablePast?: boolean;\n disableFuture?: boolean;\n enableTime?: boolean;\n disablePickers?: boolean;\n doneButtonText?: string;\n changeDayAriaLabel?: string;\n weekStartsOn?: 0 \| 1 \| 2 \| 3 \| 4 \| 5 \| 6;\n showNeighboringMonth?: boolean;\n size?: \"s\" \| \"m\";\n onChange?(value?: Date): void;\n shouldDisableDate?(value: Date): boolean;\n onClose?(): void;\n /*\n Дата отображаемого месяца.\n * При использовании обновление даты должно происходить вне компонента.\n /\n viewDate?: Date;\n /\n Изменение даты в шапке календаря.\n /\n onHeaderChange?(value: Date): void;\n}\n\nconst warn = warnOnce(\"Calendar\");\n\n/\n @see https://vkcom.github.io/VKUI/#/Calendar\n */\nexport const Calendar: React.FC<CalendarProps> = ({\n value,\n onChange,\n disablePast,\n disableFuture,\n shouldDisableDate,\n onClose,\n enableTime = false,\n doneButtonText,\n weekStartsOn = 1,\n getRootRef,\n disablePickers,\n changeHoursAriaLabel,\n changeMinutesAriaLabel,\n prevMonthAriaLabel,\n nextMonthAriaLabel,\n changeMonthAriaLabel,\n changeYearAriaLabel,\n showNeighboringMonth,\n changeDayAriaLabel = \"Изменить день\",\n size = \"m\",\n viewDate: externalViewDate,\n onHeaderChange,\n onNextMonth,\n onPrevMonth,\n prevMonthIcon,\n nextMonthIcon,\n ...props\n}) => {\n const {\n viewDate,\n setViewDate,\n setPrevMonth,\n setNextMonth,\n focusedDay,\n setFocusedDay,\n isDayFocused,\n isDayDisabled,\n resetSelectedDay,\n } = useCalendar({\n value,\n disableFuture,\n disablePast,\n shouldDisableDate,\n onHeaderChange,\n onNextMonth,\n onPrevMonth,\n });\n\n useIsomorphicLayoutEffect(() => {\n if (value) {\n setViewDate(value);\n }\n }, [value]);\n\n if (\n process.env.NODE_ENV === \"development\" &&\n !disablePickers &&\n size === \"s\"\n ) {\n warn(\n \"Нельзя включить селекты выбора месяца/года, если размер календаря 's'\",\n \"error\"\n );\n }\n\n if (process.env.NODE_ENV === \"development\" && enableTime && size === \"s\") {\n warn(\"Нельзя включить выбор времени, если размер календаря 's'\", \"error\");\n }\n\n const handleKeyDown = React.useCallback(\n (event: React.KeyboardEvent) => {\n if (\n [\"ArrowUp\", \"ArrowDown\", \"ArrowLeft\", \"ArrowRight\"].includes(event.key)\n ) {\n event.preventDefault();\n }\n\n const newFocusedDay = navigateDate(focusedDay ?? value, event.key);\n\n if (newFocusedDay && !isSameMonth(newFocusedDay, viewDate)) {\n setViewDate(newFocusedDay);\n }\n setFocusedDay(newFocusedDay);\n },\n [focusedDay, setFocusedDay, setViewDate, value, viewDate]\n );\n\n const onDayChange = React.useCallback(\n (date: Date) => {\n onChange?.(setTimeEqual(date, value as Date \| undefined \| null));\n },\n [value, onChange]\n );\n\n const isDayActive = React.useCallback(\n (day: Date) => Boolean(value && isSameDay(day, value)),\n [value]\n );\n\n return (\n <div\n {...props}\n ref={getRootRef}\n vkuiClass={classNames(\"Calendar\", `Calendar--size-${size}`)}\n >\n <CalendarHeader\n viewDate={externalViewDate \|\| viewDate}\n onChange={setViewDate}\n onNextMonth={setNextMonth}\n onPrevMonth={setPrevMonth}\n disablePickers={disablePickers \|\| size === \"s\"}\n vkuiClass=\"Calendar__header\"\n prevMonthAriaLabel={prevMonthAriaLabel}\n nextMonthAriaLabel={nextMonthAriaLabel}\n changeMonthAriaLabel={changeMonthAriaLabel}\n changeYearAriaLabel={changeYearAriaLabel}\n prevMonthIcon={prevMonthIcon}\n nextMonthIcon={nextMonthIcon}\n />\n <CalendarDays\n viewDate={externalViewDate \|\| viewDate}\n value={value}\n weekStartsOn={weekStartsOn}\n isDayFocused={isDayFocused}\n tabIndex={0}\n aria-label={changeDayAriaLabel}\n onKeyDown={handleKeyDown}\n onDayChange={onDayChange}\n isDayActive={isDayActive}\n isDaySelectionStart={isFirstDay}\n isDaySelectionEnd={isLastDay}\n isDayDisabled={isDayDisabled}\n onBlur={resetSelectedDay}\n showNeighboringMonth={showNeighboringMonth}\n size={size}\n />\n {enableTime && value && size !== \"s\" && (\n <div vkuiClass=\"Calendar__time\">\n <CalendarTime\n value={value}\n onChange={onChange}\n onClose={onClose}\n doneButtonText={doneButtonText}\n changeHoursAriaLabel={changeHoursAriaLabel}\n changeMinutesAriaLabel={changeMinutesAriaLabel}\n />\n </div>\n )}\n </div>\n );\n};\n"],"file":"Calendar.js"}
1	+ {"version":3,"sources":["../../../../src/components/Calendar/Calendar.tsx"],"names":["warn","Calendar","value","onChange","disablePast","disableFuture","shouldDisableDate","onClose","enableTime","doneButtonText","weekStartsOn","getRootRef","disablePickers","changeHoursAriaLabel","changeMinutesAriaLabel","prevMonthAriaLabel","nextMonthAriaLabel","changeMonthAriaLabel","changeYearAriaLabel","showNeighboringMonth","changeDayAriaLabel","size","externalViewDate","viewDate","onHeaderChange","onNextMonth","onPrevMonth","prevMonthIcon","nextMonthIcon","props","setViewDate","setPrevMonth","setNextMonth","focusedDay","setFocusedDay","isDayFocused","isDayDisabled","resetSelectedDay","process","env","NODE_ENV","handleKeyDown","React","useCallback","event","includes","key","preventDefault","newFocusedDay","onDayChange","date","isDayActive","day","Boolean","isFirstDay","isLastDay"],"mappings":"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","sourcesContent":["import * as React from \"react\";\nimport { isSameMonth, isSameDay } from \"../../lib/date\";\nimport {\n CalendarHeader,\n CalendarHeaderProps,\n} from \"../CalendarHeader/CalendarHeader\";\nimport { CalendarDays } from \"../CalendarDays/CalendarDays\";\nimport { CalendarTime, CalendarTimeProps } from \"../CalendarTime/CalendarTime\";\nimport { useIsomorphicLayoutEffect } from \"../../lib/useIsomorphicLayoutEffect\";\nimport {\n navigateDate,\n setTimeEqual,\n isFirstDay,\n isLastDay,\n} from \"../../lib/calendar\";\nimport { useCalendar } from \"../../hooks/useCalendar\";\nimport { HasRootRef } from \"../../types\";\nimport { classNames } from \"../../lib/classNames\";\nimport { warnOnce } from \"../../lib/warnOnce\";\nimport \"./Calendar.css\";\n\nexport interface CalendarProps\n extends Omit<React.HTMLAttributes<HTMLDivElement>, \"onChange\">,\n Pick<CalendarTimeProps, \"changeHoursAriaLabel\" \| \"changeMinutesAriaLabel\">,\n Pick<\n CalendarHeaderProps,\n \| \"prevMonthAriaLabel\"\n \| \"nextMonthAriaLabel\"\n \| \"changeMonthAriaLabel\"\n \| \"changeYearAriaLabel\"\n \| \"onNextMonth\"\n \| \"onPrevMonth\"\n \| \"prevMonthIcon\"\n \| \"nextMonthIcon\"\n >,\n HasRootRef<HTMLDivElement> {\n value?: Date;\n disablePast?: boolean;\n disableFuture?: boolean;\n enableTime?: boolean;\n disablePickers?: boolean;\n doneButtonText?: string;\n changeDayAriaLabel?: string;\n weekStartsOn?: 0 \| 1 \| 2 \| 3 \| 4 \| 5 \| 6;\n showNeighboringMonth?: boolean;\n size?: \"s\" \| \"m\";\n onChange?(value?: Date): void;\n shouldDisableDate?(value: Date): boolean;\n onClose?(): void;\n /*\n Дата отображаемого месяца.\n * При использовании обновление даты должно происходить вне компонента.\n /\n viewDate?: Date;\n /\n Изменение даты в шапке календаря.\n /\n onHeaderChange?(value: Date): void;\n}\n\nconst warn = warnOnce(\"Calendar\");\n\n/\n @see https://vkcom.github.io/VKUI/#/Calendar\n */\nexport const Calendar = ({\n value,\n onChange,\n disablePast,\n disableFuture,\n shouldDisableDate,\n onClose,\n enableTime = false,\n doneButtonText,\n weekStartsOn = 1,\n getRootRef,\n disablePickers,\n changeHoursAriaLabel,\n changeMinutesAriaLabel,\n prevMonthAriaLabel,\n nextMonthAriaLabel,\n changeMonthAriaLabel,\n changeYearAriaLabel,\n showNeighboringMonth,\n changeDayAriaLabel = \"Изменить день\",\n size = \"m\",\n viewDate: externalViewDate,\n onHeaderChange,\n onNextMonth,\n onPrevMonth,\n prevMonthIcon,\n nextMonthIcon,\n ...props\n}: CalendarProps) => {\n const {\n viewDate,\n setViewDate,\n setPrevMonth,\n setNextMonth,\n focusedDay,\n setFocusedDay,\n isDayFocused,\n isDayDisabled,\n resetSelectedDay,\n } = useCalendar({\n value,\n disableFuture,\n disablePast,\n shouldDisableDate,\n onHeaderChange,\n onNextMonth,\n onPrevMonth,\n });\n\n useIsomorphicLayoutEffect(() => {\n if (value) {\n setViewDate(value);\n }\n }, [value]);\n\n if (\n process.env.NODE_ENV === \"development\" &&\n !disablePickers &&\n size === \"s\"\n ) {\n warn(\n \"Нельзя включить селекты выбора месяца/года, если размер календаря 's'\",\n \"error\"\n );\n }\n\n if (process.env.NODE_ENV === \"development\" && enableTime && size === \"s\") {\n warn(\"Нельзя включить выбор времени, если размер календаря 's'\", \"error\");\n }\n\n const handleKeyDown = React.useCallback(\n (event: React.KeyboardEvent) => {\n if (\n [\"ArrowUp\", \"ArrowDown\", \"ArrowLeft\", \"ArrowRight\"].includes(event.key)\n ) {\n event.preventDefault();\n }\n\n const newFocusedDay = navigateDate(focusedDay ?? value, event.key);\n\n if (newFocusedDay && !isSameMonth(newFocusedDay, viewDate)) {\n setViewDate(newFocusedDay);\n }\n setFocusedDay(newFocusedDay);\n },\n [focusedDay, setFocusedDay, setViewDate, value, viewDate]\n );\n\n const onDayChange = React.useCallback(\n (date: Date) => {\n onChange?.(setTimeEqual(date, value as Date \| undefined \| null));\n },\n [value, onChange]\n );\n\n const isDayActive = React.useCallback(\n (day: Date) => Boolean(value && isSameDay(day, value)),\n [value]\n );\n\n return (\n <div\n {...props}\n ref={getRootRef}\n vkuiClass={classNames(\"Calendar\", `Calendar--size-${size}`)}\n >\n <CalendarHeader\n viewDate={externalViewDate \|\| viewDate}\n onChange={setViewDate}\n onNextMonth={setNextMonth}\n onPrevMonth={setPrevMonth}\n disablePickers={disablePickers \|\| size === \"s\"}\n vkuiClass=\"Calendar__header\"\n prevMonthAriaLabel={prevMonthAriaLabel}\n nextMonthAriaLabel={nextMonthAriaLabel}\n changeMonthAriaLabel={changeMonthAriaLabel}\n changeYearAriaLabel={changeYearAriaLabel}\n prevMonthIcon={prevMonthIcon}\n nextMonthIcon={nextMonthIcon}\n />\n <CalendarDays\n viewDate={externalViewDate \|\| viewDate}\n value={value}\n weekStartsOn={weekStartsOn}\n isDayFocused={isDayFocused}\n tabIndex={0}\n aria-label={changeDayAriaLabel}\n onKeyDown={handleKeyDown}\n onDayChange={onDayChange}\n isDayActive={isDayActive}\n isDaySelectionStart={isFirstDay}\n isDaySelectionEnd={isLastDay}\n isDayDisabled={isDayDisabled}\n onBlur={resetSelectedDay}\n showNeighboringMonth={showNeighboringMonth}\n size={size}\n />\n {enableTime && value && size !== \"s\" && (\n <div vkuiClass=\"Calendar__time\">\n <CalendarTime\n value={value}\n onChange={onChange}\n onClose={onClose}\n doneButtonText={doneButtonText}\n changeHoursAriaLabel={changeHoursAriaLabel}\n changeMinutesAriaLabel={changeMinutesAriaLabel}\n />\n </div>\n )}\n </div>\n );\n};\n"],"file":"Calendar.js"}

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

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../../src/components/CalendarDay/CalendarDay.tsx"],"names":["CalendarDay","React","memo","day","today","selected","onChange","hidden","disabled","active","selectionStart","selectionEnd","focused","onEnter","onLeave","hinted","hintedSelectionStart","hintedSelectionEnd","sameMonth","size","locale","useContext","LocaleProviderContext","ref","useRef","onClick","useCallback","handleEnter","handleLeave","useEffect","current","dispatchEvent","Event","ENABLE_KEYBOARD_INPUT_EVENT_NAME","bubbles","focus","Intl","DateTimeFormat","weekday","year","month","format","getDate","displayName"],"mappings":";;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AAuBO,IAAMA,~~WAAuC~~,gBAAGC,KAAK,CAACC,IAAN,~~CACrD~~,~~gBAkBM~~;AAAA,~~MAjBJC~~,~~GAiBI~~,~~QAjBJA~~,~~GAiBI~~;AAAA,~~MAhBJC~~,~~KAgBI~~,~~QAhBJA~~,~~KAgBI~~;AAAA,~~MAfJC~~,~~QAeI~~,~~QAfJA~~,~~QAeI~~;AAAA,~~MAdJC~~,~~QAcI~~,~~QAdJA~~,~~QAcI~~;AAAA,~~MAbJC~~,~~MAaI~~,~~QAbJA~~,~~MAaI~~;AAAA,~~MAZJC~~,~~QAYI~~,~~QAZJA~~,~~QAYI~~;AAAA,~~MAXJC~~,~~MAWI~~,~~QAXJA~~,~~MAWI~~;AAAA,~~MAVJC~~,~~cAUI~~,~~QAVJA~~,~~cAUI~~;AAAA,~~MATJC~~,~~YASI~~,~~QATJA~~,~~YASI~~;AAAA,~~MARJC~~,~~OAQI~~,~~QARJA~~,~~OAQI~~;AAAA,~~MAPJC~~,~~OAOI~~,~~QAPJA~~,~~OAOI~~;AAAA,~~MANJC~~,~~OAMI~~,~~QANJA~~,~~OAMI~~;AAAA,~~MALJC~~,~~MAKI~~,~~QALJA~~,~~MAKI~~;AAAA,~~MAJJC~~,~~oBAII~~,~~QAJJA~~,~~oBAII~~;AAAA,~~MAHJC~~,~~kBAGI~~,~~QAHJA~~,~~kBAGI~~;AAAA,~~MAFJC~~,~~SAEI~~,~~QAFJA~~,~~SAEI~~;AAAA,~~MADJC~~,~~IACI~~,~~QADJA~~,~~IACI~~;~~AACJ~~,MAAMC,MAAM,GAAGnB,KAAK,CAACoB,UAAN,CAAiBC,4CAAjB,CAAf;AACA,MAAMC,GAAG,GAAGtB,KAAK,CAACuB,MAAN,CAA0B,IAA1B,CAAZ;AACA,MAAMC,OAAO,GAAGxB,KAAK,CAACyB,WAAN,CAAkB;AAAA,WAAMpB,QAAQ,CAACH,GAAD,CAAd;AAAA,GAAlB,EAAuC,CAACA,GAAD,EAAMG,QAAN,CAAvC,CAAhB;AACA,MAAMqB,WAAW,GAAG1B,KAAK,CAACyB,WAAN,CAAkB;AAAA,WAAMb,OAAN,aAAMA,OAAN,uBAAMA,OAAO,CAAGV,GAAH,CAAb;AAAA,GAAlB,EAAwC,CAACA,GAAD,EAAMU,OAAN,CAAxC,CAApB;AACA,MAAMe,WAAW,GAAG3B,KAAK,CAACyB,WAAN,CAAkB;AAAA,WAAMZ,OAAN,aAAMA,OAAN,uBAAMA,OAAO,CAAGX,GAAH,CAAb;AAAA,GAAlB,EAAwC,CAACA,GAAD,EAAMW,OAAN,CAAxC,CAApB;AAEAb,EAAAA,KAAK,CAAC4B,SAAN,CAAgB,YAAM;AACpB,QAAIjB,OAAO,IAAIW,GAAG,CAACO,OAAnB,EAA4B;AAC1BP,MAAAA,GAAG,CAACO,OAAJ,CAAYC,aAAZ,CACE,IAAIC,KAAJ,CAAUC,yDAAV,EAA4C;AAAEC,QAAAA,OAAO,EAAE;AAAX,OAA5C,CADF;AAGAX,MAAAA,GAAG,CAACO,OAAJ,CAAYK,KAAZ;AACD;AACF,GAPD,EAOG,CAACvB,OAAD,CAPH;;AASA,MAAIL,MAAJ,EAAY;AACV,WAAO;AAAK,MAAA,SAAS,EAAC;AAAf,MAAP;AACD;;AAED,SACE,qCAAC,kBAAD,CACE;AADF;AAEE,IAAA,SAAS,EAAE,4BAAW,aAAX,8BAA+CY,IAA/C,GAAuD;AAChE,4BAAsBf,KAD0C;AAEhE,+BAAyBC,QAAQ,IAAI,CAACG,QAF0B;AAGhE,6BAAuBC,MAAM,IAAI,CAACD,QAH8B;AAIhE,sCAAgCE,cAJgC;AAKhE,oCAA8BC,YALkC;AAMhE,+BAAyBH,QANuC;AAOhE,qCAA+B,CAACU;AAPgC,KAAvD,CAFb;AAWE,IAAA,SAAS,EAAET,MAAM,GAAG,2BAAH,GAAiC,oBAXpD;AAYE,IAAA,SAAS,EAAE,KAZb;AAaE,IAAA,OAAO,EAAEgB,OAbX;AAcE,IAAA,QAAQ,EAAEjB,QAdZ;AAeE,kBAAY,IAAI4B,IAAI,CAACC,cAAT,CAAwBjB,MAAxB,EAAgC;AAC1CkB,MAAAA,OAAO,EAAE,MADiC;AAE1CC,MAAAA,IAAI,EAAE,SAFoC;AAG1CC,MAAAA,KAAK,EAAE,MAHmC;AAI1CrC,MAAAA,GAAG,EAAE;AAJqC,KAAhC,EAKTsC,MALS,CAKFtC,GALE,CAfd;AAqBE,IAAA,QAAQ,EAAE,CAAC,CArBb;AAsBE,IAAA,UAAU,EAAEoB,GAtBd;AAuBE,IAAA,gBAAgB,EAAEd,MAAM,GAAG,SAAH,GAAe,QAvBzC;AAwBE,IAAA,OAAO,EAAEkB,WAxBX;AAyBE,IAAA,OAAO,EAAEC;AAzBX,KA2BE;AACE;AACA,IAAA,SAAS,EAAE,4BAAW,qBAAX,EAAkC;AAC3C,qCAA+Bb,MADY;AAE3C,8CAAwCC,oBAFG;AAG3C,4CAAsCC;AAHK,KAAlC;AAFb,KAQE;AACE;AACA,IAAA,SAAS,EAAE,4BAAW,oBAAX,EAAiC;AAC1C,oCAA8BR,MAAM,IAAI,CAACD;AADC,KAAjC;AAFb,KAME;AAAK,IAAA,SAAS,EAAC;AAAf,KAA0CL,GAAG,CAACuC,OAAJ,EAA1C,CANF,CARF,CA3BF,CADF;AA+CD,~~CAtFoD~~,~~CAAhD~~;;AAyFP1C,WAAW,CAAC2C,WAAZ,GAA0B,aAA1B","sourcesContent":["import * as React from \"react\";\nimport { classNames } from \"../../lib/classNames\";\nimport { Tappable } from \"../Tappable/Tappable\";\nimport { ENABLE_KEYBOARD_INPUT_EVENT_NAME } from \"../../hooks/useKeyboardInputTracker\";\nimport { LocaleProviderContext } from \"../LocaleProviderContext/LocaleProviderContext\";\nimport \"./CalendarDay.css\";\n\nexport interface CalendarDayProps {\n day: Date;\n today?: boolean;\n selected?: boolean;\n selectionStart?: boolean;\n selectionEnd?: boolean;\n hintedSelectionStart?: boolean;\n hintedSelectionEnd?: boolean;\n active?: boolean;\n hidden?: boolean;\n disabled?: boolean;\n focused?: boolean;\n hinted?: boolean;\n sameMonth?: boolean;\n size?: \"s\" \| \"m\";\n onChange(value: Date): void;\n onEnter?(value: Date): void;\n onLeave?(value: Date): void;\n}\n\nexport const CalendarDay: ~~React.FC<CalendarDayProps>~~ = React.memo(\n ({\n day,\n today,\n selected,\n onChange,\n hidden,\n disabled,\n active,\n selectionStart,\n selectionEnd,\n focused,\n onEnter,\n onLeave,\n hinted,\n hintedSelectionStart,\n hintedSelectionEnd,\n sameMonth,\n size,\n }) => {\n const locale = React.useContext(LocaleProviderContext);\n const ref = React.useRef<HTMLElement>(null);\n const onClick = React.useCallback(() => onChange(day), [day, onChange]);\n const handleEnter = React.useCallback(() => onEnter?.(day), [day, onEnter]);\n const handleLeave = React.useCallback(() => onLeave?.(day), [day, onLeave]);\n\n React.useEffect(() => {\n if (focused && ref.current) {\n ref.current.dispatchEvent(\n new Event(ENABLE_KEYBOARD_INPUT_EVENT_NAME, { bubbles: true })\n );\n ref.current.focus();\n }\n }, [focused]);\n\n if (hidden) {\n return <div vkuiClass=\"CalendarDay__hidden\"></div>;\n }\n\n return (\n <Tappable\n // eslint-disable-next-line vkui/no-object-expression-in-arguments\n vkuiClass={classNames(\"CalendarDay\", `CalendarDay--size-${size}`, {\n \"CalendarDay--today\": today,\n \"CalendarDay--selected\": selected && !disabled,\n \"CalendarDay--active\": active && !disabled,\n \"CalendarDay--selection-start\": selectionStart,\n \"CalendarDay--selection-end\": selectionEnd,\n \"CalendarDay--disabled\": disabled,\n \"CalendarDay--not-same-month\": !sameMonth,\n })}\n hoverMode={active ? \"CalendarDay--active-hover\" : \"CalendarDay--hover\"}\n hasActive={false}\n onClick={onClick}\n disabled={disabled}\n aria-label={new Intl.DateTimeFormat(locale, {\n weekday: \"long\",\n year: \"numeric\",\n month: \"long\",\n day: \"numeric\",\n }).format(day)}\n tabIndex={-1}\n getRootRef={ref}\n focusVisibleMode={active ? \"outside\" : \"inside\"}\n onEnter={handleEnter}\n onLeave={handleLeave}\n >\n <div\n // eslint-disable-next-line vkui/no-object-expression-in-arguments\n vkuiClass={classNames(\"CalendarDay__hinted\", {\n \"CalendarDay__hinted--active\": hinted,\n \"CalendarDay__hinted--selection-start\": hintedSelectionStart,\n \"CalendarDay__hinted--selection-end\": hintedSelectionEnd,\n })}\n >\n <div\n // eslint-disable-next-line vkui/no-object-expression-in-arguments\n vkuiClass={classNames(\"CalendarDay__inner\", {\n \"CalendarDay__inner--active\": active && !disabled,\n })}\n >\n <div vkuiClass=\"CalendarDay__day-number\">{day.getDate()}</div>\n </div>\n </div>\n </Tappable>\n );\n }\n);\n\nCalendarDay.displayName = \"CalendarDay\";\n"],"file":"CalendarDay.js"}
1	+ {"version":3,"sources":["../../../../src/components/CalendarDay/CalendarDay.tsx"],"names":["CalendarDay","React","memo","day","today","selected","onChange","hidden","disabled","active","selectionStart","selectionEnd","focused","onEnter","onLeave","hinted","hintedSelectionStart","hintedSelectionEnd","sameMonth","size","locale","useContext","LocaleProviderContext","ref","useRef","onClick","useCallback","handleEnter","handleLeave","useEffect","current","dispatchEvent","Event","ENABLE_KEYBOARD_INPUT_EVENT_NAME","bubbles","focus","Intl","DateTimeFormat","weekday","year","month","format","getDate","displayName"],"mappings":"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","sourcesContent":["import * as React from \"react\";\nimport { classNames } from \"../../lib/classNames\";\nimport { Tappable } from \"../Tappable/Tappable\";\nimport { ENABLE_KEYBOARD_INPUT_EVENT_NAME } from \"../../hooks/useKeyboardInputTracker\";\nimport { LocaleProviderContext } from \"../LocaleProviderContext/LocaleProviderContext\";\nimport \"./CalendarDay.css\";\n\nexport interface CalendarDayProps {\n day: Date;\n today?: boolean;\n selected?: boolean;\n selectionStart?: boolean;\n selectionEnd?: boolean;\n hintedSelectionStart?: boolean;\n hintedSelectionEnd?: boolean;\n active?: boolean;\n hidden?: boolean;\n disabled?: boolean;\n focused?: boolean;\n hinted?: boolean;\n sameMonth?: boolean;\n size?: \"s\" \| \"m\";\n onChange(value: Date): void;\n onEnter?(value: Date): void;\n onLeave?(value: Date): void;\n}\n\nexport const CalendarDay = React.memo(\n ({\n day,\n today,\n selected,\n onChange,\n hidden,\n disabled,\n active,\n selectionStart,\n selectionEnd,\n focused,\n onEnter,\n onLeave,\n hinted,\n hintedSelectionStart,\n hintedSelectionEnd,\n sameMonth,\n size,\n }: CalendarDayProps) => {\n const locale = React.useContext(LocaleProviderContext);\n const ref = React.useRef<HTMLElement>(null);\n const onClick = React.useCallback(() => onChange(day), [day, onChange]);\n const handleEnter = React.useCallback(() => onEnter?.(day), [day, onEnter]);\n const handleLeave = React.useCallback(() => onLeave?.(day), [day, onLeave]);\n\n React.useEffect(() => {\n if (focused && ref.current) {\n ref.current.dispatchEvent(\n new Event(ENABLE_KEYBOARD_INPUT_EVENT_NAME, { bubbles: true })\n );\n ref.current.focus();\n }\n }, [focused]);\n\n if (hidden) {\n return <div vkuiClass=\"CalendarDay__hidden\"></div>;\n }\n\n return (\n <Tappable\n // eslint-disable-next-line vkui/no-object-expression-in-arguments\n vkuiClass={classNames(\"CalendarDay\", `CalendarDay--size-${size}`, {\n \"CalendarDay--today\": today,\n \"CalendarDay--selected\": selected && !disabled,\n \"CalendarDay--active\": active && !disabled,\n \"CalendarDay--selection-start\": selectionStart,\n \"CalendarDay--selection-end\": selectionEnd,\n \"CalendarDay--disabled\": disabled,\n \"CalendarDay--not-same-month\": !sameMonth,\n })}\n hoverMode={active ? \"CalendarDay--active-hover\" : \"CalendarDay--hover\"}\n hasActive={false}\n onClick={onClick}\n disabled={disabled}\n aria-label={new Intl.DateTimeFormat(locale, {\n weekday: \"long\",\n year: \"numeric\",\n month: \"long\",\n day: \"numeric\",\n }).format(day)}\n tabIndex={-1}\n getRootRef={ref}\n focusVisibleMode={active ? \"outside\" : \"inside\"}\n onEnter={handleEnter}\n onLeave={handleLeave}\n >\n <div\n // eslint-disable-next-line vkui/no-object-expression-in-arguments\n vkuiClass={classNames(\"CalendarDay__hinted\", {\n \"CalendarDay__hinted--active\": hinted,\n \"CalendarDay__hinted--selection-start\": hintedSelectionStart,\n \"CalendarDay__hinted--selection-end\": hintedSelectionEnd,\n })}\n >\n <div\n // eslint-disable-next-line vkui/no-object-expression-in-arguments\n vkuiClass={classNames(\"CalendarDay__inner\", {\n \"CalendarDay__inner--active\": active && !disabled,\n })}\n >\n <div vkuiClass=\"CalendarDay__day-number\">{day.getDate()}</div>\n </div>\n </div>\n </Tappable>\n );\n }\n);\n\nCalendarDay.displayName = \"CalendarDay\";\n"],"file":"CalendarDay.js"}

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

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../../src/components/CalendarDays/CalendarDays.tsx"],"names":["CalendarDays","viewDate","value","weekStartsOn","onDayChange","isDaySelected","isDayActive","isDaySelectionEnd","isDaySelectionStart","onDayEnter","onDayLeave","isDayHinted","isHintedDaySelectionStart","isHintedDaySelectionEnd","isDayFocused","isDayDisabled","size","showNeighboringMonth","props","locale","React","useContext","LocaleProviderContext","ref","useRef","useState","Date","now","weeks","useMemo","daysNames","handleDayChange","useCallback","date","current","focus","map","dayName","week","i","day","sameMonth","toISOString"],"mappings":";;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;AAwBO,IAAMA,~~YAAyC~~,GAAG,~~SAA5CA~~,~~YAA4C~~,~~OAmBnD~~;AAAA,~~MAlBJC~~,~~QAkBI~~,~~QAlBJA~~,~~QAkBI~~;AAAA,~~MAjBJC~~,~~KAiBI~~,~~QAjBJA~~,~~KAiBI~~;AAAA,~~MAhBJC~~,~~YAgBI~~,~~QAhBJA~~,~~YAgBI~~;AAAA,~~MAfJC~~,~~WAeI~~,~~QAfJA~~,~~WAeI~~;AAAA,~~MAdJC~~,~~aAcI~~,~~QAdJA~~,~~aAcI~~;AAAA,~~MAbJC~~,~~WAaI~~,~~QAbJA~~,~~WAaI~~;AAAA,~~MAZJC~~,~~iBAYI~~,~~QAZJA~~,~~iBAYI~~;AAAA,~~MAXJC~~,~~mBAWI~~,~~QAXJA~~,~~mBAWI~~;AAAA,~~MAVJC~~,~~UAUI~~,~~QAVJA~~,~~UAUI~~;AAAA,~~MATJC~~,~~UASI~~,~~QATJA~~,~~UASI~~;AAAA,~~MARJC~~,~~WAQI~~,~~QARJA~~,~~WAQI~~;AAAA,~~MAPJC~~,~~yBAOI~~,~~QAPJA~~,~~yBAOI~~;AAAA,~~MANJC~~,~~uBAMI~~,~~QANJA~~,~~uBAMI~~;AAAA,~~MALJC~~,~~YAKI~~,~~QALJA~~,~~YAKI~~;AAAA,~~MAJJC~~,~~aAII~~,~~QAJJA~~,~~aAII~~;AAAA,~~MAHJC~~,~~IAGI~~,~~QAHJA~~,~~IAGI~~;AAAA,~~mCAFJC~~,~~oBAEI~~;AAAA,~~MAFJA~~,~~oBAEI~~,~~sCAFmB~~,~~KAEnB~~;AAAA,~~MADDC~~,~~KACC~~;~~AACJ~~,MAAMC,MAAM,GAAGC,KAAK,CAACC,UAAN,CAAiBC,4CAAjB,CAAf;AACA,MAAMC,GAAG,GAAGH,KAAK,CAACI,MAAN,CAA6B,IAA7B,CAAZ;;AACA,wBAAcJ,KAAK,CAACK,QAAN,CAAe,IAAIC,IAAJ,EAAf,CAAd;AAAA;AAAA,MAAOC,GAAP;;AAEA,MAAMC,KAAK,GAAGR,KAAK,CAACS,OAAN,CACZ;AAAA,WAAM,wBAAS5B,QAAT,EAAmBE,YAAnB,CAAN;AAAA,GADY,EAEZ,CAACA,YAAD,EAAeF,QAAf,CAFY,CAAd;AAKA,MAAM6B,SAAS,GAAGV,KAAK,CAACS,OAAN,CAChB;AAAA,WAAM,4BAAaF,GAAb,EAAkBxB,YAAlB,EAAgCgB,MAAhC,CAAN;AAAA,GADgB,EAEhB,CAACA,MAAD,EAASQ,GAAT,EAAcxB,YAAd,CAFgB,CAAlB;AAKA,MAAM4B,eAAe,GAAGX,KAAK,CAACY,WAAN,CACtB,UAACC,IAAD,EAAgB;AAAA;;AACd7B,IAAAA,WAAW,CAAC6B,IAAD,CAAX;AAEA,oBAAAV,GAAG,CAACW,OAAJ,8DAAaC,KAAb;AACD,GALqB,EAMtB,CAAC/B,WAAD,CANsB,CAAxB;AASA,SACE,uEAASc,KAAT;AAAgB,IAAA,SAAS,EAAC,cAA1B;AAAyC,IAAA,GAAG,EAAEK;AAA9C,MACE;AACE,IAAA,SAAS,EAAE,4BACT,mBADS,oCAEkBP,IAFlB;AADb,KAMGc,SAAS,CAACM,GAAV,CAAc,UAACC,OAAD;AAAA,WACb,qCAAC,gBAAD;AAAS,MAAA,GAAG,EAAEA,OAAd;AAAuB,MAAA,KAAK,EAAC,GAA7B;AAAiC,MAAA,SAAS,EAAC;AAA3C,OACGA,OADH,CADa;AAAA,GAAd,CANH,CADF,EAcGT,KAAK,CAACQ,GAAN,CAAU,UAACE,IAAD,EAAOC,CAAP;AAAA,WACT;AACE,MAAA,SAAS,EAAE,4BACT,mBADS,oCAEkBvB,IAFlB,EADb;AAKE,MAAA,GAAG,EAAEuB;AALP,OAOGD,IAAI,CAACF,GAAL,CAAS,UAACI,GAAD,EAAMD,CAAN,EAAY;AACpB,UAAME,SAAS,GAAG,uBAAYD,GAAZ,EAAiBvC,QAAjB,CAAlB;AACA,aACE,qCAAC,wBAAD;AACE,QAAA,GAAG,EAAEuC,GAAG,CAACE,WAAJ,EADP;AAEE,QAAA,GAAG,EAAEF,GAFP;AAGE,QAAA,KAAK,EAAE,qBAAUA,GAAV,EAAeb,GAAf,CAHT;AAIE,QAAA,MAAM,EAAErB,WAAW,CAACkC,GAAD,CAJrB;AAKE,QAAA,QAAQ,EAAET,eALZ;AAME,QAAA,MAAM,EAAE,CAACd,oBAAD,IAAyB,CAACwB,SANpC;AAOE,QAAA,QAAQ,EAAE1B,aAAa,CAACyB,GAAD,CAPzB;AAQE,QAAA,cAAc,EAAEhC,mBAAmB,CAACgC,GAAD,EAAMD,CAAN,CARrC;AASE,QAAA,YAAY,EAAEhC,iBAAiB,CAACiC,GAAD,EAAMD,CAAN,CATjC;AAUE,QAAA,oBAAoB,EAAE3B,yBAAF,aAAEA,yBAAF,uBAAEA,yBAAyB,CAAG4B,GAAH,EAAQD,CAAR,CAVjD;AAWE,QAAA,kBAAkB,EAAE1B,uBAAF,aAAEA,uBAAF,uBAAEA,uBAAuB,CAAG2B,GAAH,EAAQD,CAAR,CAX7C;AAYE,QAAA,QAAQ,EAAElC,aAAF,aAAEA,aAAF,uBAAEA,aAAa,CAAGmC,GAAH,CAZzB;AAaE,QAAA,OAAO,EAAE1B,YAAY,CAAC0B,GAAD,CAbvB;AAcE,QAAA,OAAO,EAAE/B,UAdX;AAeE,QAAA,OAAO,EAAEC,UAfX;AAgBE,QAAA,MAAM,EAAEC,WAAF,aAAEA,WAAF,uBAAEA,WAAW,CAAG6B,GAAH,CAhBrB;AAiBE,QAAA,SAAS,EAAEC,SAjBb;AAkBE,QAAA,IAAI,EAAEzB;AAlBR,QADF;AAsBD,KAxBA,CAPH,CADS;AAAA,GAAV,CAdH,CADF;AAoDD,CA/FM","sourcesContent":["import * as React from \"react\";\nimport { isSameDay, isSameMonth } from \"../../lib/date\";\nimport { CalendarDay } from \"../CalendarDay/CalendarDay\";\nimport { getDaysNames, getWeeks } from \"../../lib/calendar\";\nimport { LocaleProviderContext } from \"../LocaleProviderContext/LocaleProviderContext\";\nimport { classNames } from \"../../lib/classNames\";\nimport { Caption } from \"../Typography/Caption/Caption\";\nimport \"./CalendarDays.css\";\n\nexport interface CalendarDaysProps\n extends Omit<React.HTMLAttributes<HTMLDivElement>, \"onChange\"> {\n value?: Date \| Array<Date \| null>;\n viewDate: Date;\n weekStartsOn: 0 \| 1 \| 2 \| 3 \| 4 \| 5 \| 6;\n showNeighboringMonth?: boolean;\n size?: \"s\" \| \"m\";\n onDayChange(value: Date): void;\n isDayDisabled(value: Date): boolean;\n isDaySelectionStart(value: Date, dayOfWeek: number): boolean;\n isDaySelectionEnd(value: Date, dayOfWeek: number): boolean;\n isHintedDaySelectionStart?(value: Date, dayOfWeek: number): boolean;\n isHintedDaySelectionEnd?(value: Date, dayOfWeek: number): boolean;\n isDayActive(value: Date): boolean;\n isDayHinted?(value: Date): boolean;\n isDaySelected?(value: Date): boolean;\n isDayFocused(value: Date): boolean;\n onDayEnter?(value: Date): void;\n onDayLeave?(value: Date): void;\n}\n\nexport const CalendarDays: ~~React.FC<CalendarDaysProps>~~ = ({\n viewDate,\n value,\n weekStartsOn,\n onDayChange,\n isDaySelected,\n isDayActive,\n isDaySelectionEnd,\n isDaySelectionStart,\n onDayEnter,\n onDayLeave,\n isDayHinted,\n isHintedDaySelectionStart,\n isHintedDaySelectionEnd,\n isDayFocused,\n isDayDisabled,\n size,\n showNeighboringMonth = false,\n ...props\n}) => {\n const locale = React.useContext(LocaleProviderContext);\n const ref = React.useRef<HTMLDivElement>(null);\n const [now] = React.useState(new Date());\n\n const weeks = React.useMemo(\n () => getWeeks(viewDate, weekStartsOn),\n [weekStartsOn, viewDate]\n );\n\n const daysNames = React.useMemo(\n () => getDaysNames(now, weekStartsOn, locale),\n [locale, now, weekStartsOn]\n );\n\n const handleDayChange = React.useCallback(\n (date: Date) => {\n onDayChange(date);\n\n ref.current?.focus();\n },\n [onDayChange]\n );\n\n return (\n <div {...props} vkuiClass=\"CalendarDays\" ref={ref}>\n <div\n vkuiClass={classNames(\n \"CalendarDays__row\",\n `CalendarDays__row--size-${size}`\n )}\n >\n {daysNames.map((dayName) => (\n <Caption key={dayName} level=\"1\" vkuiClass=\"CalendarDays__weekday\">\n {dayName}\n </Caption>\n ))}\n </div>\n\n {weeks.map((week, i) => (\n <div\n vkuiClass={classNames(\n \"CalendarDays__row\",\n `CalendarDays__row--size-${size}`\n )}\n key={i}\n >\n {week.map((day, i) => {\n const sameMonth = isSameMonth(day, viewDate);\n return (\n <CalendarDay\n key={day.toISOString()}\n day={day}\n today={isSameDay(day, now)}\n active={isDayActive(day)}\n onChange={handleDayChange}\n hidden={!showNeighboringMonth && !sameMonth}\n disabled={isDayDisabled(day)}\n selectionStart={isDaySelectionStart(day, i)}\n selectionEnd={isDaySelectionEnd(day, i)}\n hintedSelectionStart={isHintedDaySelectionStart?.(day, i)}\n hintedSelectionEnd={isHintedDaySelectionEnd?.(day, i)}\n selected={isDaySelected?.(day)}\n focused={isDayFocused(day)}\n onEnter={onDayEnter}\n onLeave={onDayLeave}\n hinted={isDayHinted?.(day)}\n sameMonth={sameMonth}\n size={size}\n />\n );\n })}\n </div>\n ))}\n </div>\n );\n};\n"],"file":"CalendarDays.js"}
1	+ {"version":3,"sources":["../../../../src/components/CalendarDays/CalendarDays.tsx"],"names":["CalendarDays","viewDate","value","weekStartsOn","onDayChange","isDaySelected","isDayActive","isDaySelectionEnd","isDaySelectionStart","onDayEnter","onDayLeave","isDayHinted","isHintedDaySelectionStart","isHintedDaySelectionEnd","isDayFocused","isDayDisabled","size","showNeighboringMonth","props","locale","React","useContext","LocaleProviderContext","ref","useRef","useState","Date","now","weeks","useMemo","daysNames","handleDayChange","useCallback","date","current","focus","map","dayName","week","i","day","sameMonth","toISOString"],"mappings":"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","sourcesContent":["import * as React from \"react\";\nimport { isSameDay, isSameMonth } from \"../../lib/date\";\nimport { CalendarDay } from \"../CalendarDay/CalendarDay\";\nimport { getDaysNames, getWeeks } from \"../../lib/calendar\";\nimport { LocaleProviderContext } from \"../LocaleProviderContext/LocaleProviderContext\";\nimport { classNames } from \"../../lib/classNames\";\nimport { Caption } from \"../Typography/Caption/Caption\";\nimport \"./CalendarDays.css\";\n\nexport interface CalendarDaysProps\n extends Omit<React.HTMLAttributes<HTMLDivElement>, \"onChange\"> {\n value?: Date \| Array<Date \| null>;\n viewDate: Date;\n weekStartsOn: 0 \| 1 \| 2 \| 3 \| 4 \| 5 \| 6;\n showNeighboringMonth?: boolean;\n size?: \"s\" \| \"m\";\n onDayChange(value: Date): void;\n isDayDisabled(value: Date): boolean;\n isDaySelectionStart(value: Date, dayOfWeek: number): boolean;\n isDaySelectionEnd(value: Date, dayOfWeek: number): boolean;\n isHintedDaySelectionStart?(value: Date, dayOfWeek: number): boolean;\n isHintedDaySelectionEnd?(value: Date, dayOfWeek: number): boolean;\n isDayActive(value: Date): boolean;\n isDayHinted?(value: Date): boolean;\n isDaySelected?(value: Date): boolean;\n isDayFocused(value: Date): boolean;\n onDayEnter?(value: Date): void;\n onDayLeave?(value: Date): void;\n}\n\nexport const CalendarDays = ({\n viewDate,\n value,\n weekStartsOn,\n onDayChange,\n isDaySelected,\n isDayActive,\n isDaySelectionEnd,\n isDaySelectionStart,\n onDayEnter,\n onDayLeave,\n isDayHinted,\n isHintedDaySelectionStart,\n isHintedDaySelectionEnd,\n isDayFocused,\n isDayDisabled,\n size,\n showNeighboringMonth = false,\n ...props\n}: CalendarDaysProps) => {\n const locale = React.useContext(LocaleProviderContext);\n const ref = React.useRef<HTMLDivElement>(null);\n const [now] = React.useState(new Date());\n\n const weeks = React.useMemo(\n () => getWeeks(viewDate, weekStartsOn),\n [weekStartsOn, viewDate]\n );\n\n const daysNames = React.useMemo(\n () => getDaysNames(now, weekStartsOn, locale),\n [locale, now, weekStartsOn]\n );\n\n const handleDayChange = React.useCallback(\n (date: Date) => {\n onDayChange(date);\n\n ref.current?.focus();\n },\n [onDayChange]\n );\n\n return (\n <div {...props} vkuiClass=\"CalendarDays\" ref={ref}>\n <div\n vkuiClass={classNames(\n \"CalendarDays__row\",\n `CalendarDays__row--size-${size}`\n )}\n >\n {daysNames.map((dayName) => (\n <Caption key={dayName} level=\"1\" vkuiClass=\"CalendarDays__weekday\">\n {dayName}\n </Caption>\n ))}\n </div>\n\n {weeks.map((week, i) => (\n <div\n vkuiClass={classNames(\n \"CalendarDays__row\",\n `CalendarDays__row--size-${size}`\n )}\n key={i}\n >\n {week.map((day, i) => {\n const sameMonth = isSameMonth(day, viewDate);\n return (\n <CalendarDay\n key={day.toISOString()}\n day={day}\n today={isSameDay(day, now)}\n active={isDayActive(day)}\n onChange={handleDayChange}\n hidden={!showNeighboringMonth && !sameMonth}\n disabled={isDayDisabled(day)}\n selectionStart={isDaySelectionStart(day, i)}\n selectionEnd={isDaySelectionEnd(day, i)}\n hintedSelectionStart={isHintedDaySelectionStart?.(day, i)}\n hintedSelectionEnd={isHintedDaySelectionEnd?.(day, i)}\n selected={isDaySelected?.(day)}\n focused={isDayFocused(day)}\n onEnter={onDayEnter}\n onLeave={onDayLeave}\n hinted={isDayHinted?.(day)}\n sameMonth={sameMonth}\n size={size}\n />\n );\n })}\n </div>\n ))}\n </div>\n );\n};\n"],"file":"CalendarDays.js"}

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

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../../src/components/CalendarHeader/CalendarHeader.tsx"],"names":["CalendarHeader","viewDate","onChange","prevMonth","nextMonth","disablePickers","onNextMonth","onPrevMonth","className","prevMonthAriaLabel","nextMonthAriaLabel","changeMonthAriaLabel","changeYearAriaLabel","prevMonthIcon","nextMonthIcon","locale","React","useContext","LocaleProviderContext","onMonthsChange","useCallback","event","Number","target","value","onYearChange","months","useMemo","map","label","currentYear","getFullYear","years","formatter","Intl","DateTimeFormat","year","month","SizeType","REGULAR","format","getMonth","COMPACT","SelectType","accent"],"mappings":"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","sourcesContent":["import * as React from \"react\";\nimport { setMonth, setYear, subMonths, addMonths } from \"../../lib/date\";\nimport {\n Icon20ChevronLeftOutline,\n Icon20ChevronRightOutline,\n Icon12Dropdown,\n} from \"@vkontakte/icons\";\nimport { Tappable } from \"../Tappable/Tappable\";\nimport { classNames } from \"../../lib/classNames\";\nimport { SelectType } from \"../Select/Select\";\nimport { CustomSelect } from \"../CustomSelect/CustomSelect\";\nimport { SizeType } from \"../../hoc/withAdaptivity\";\nimport { getMonths, getYears } from \"../../lib/calendar\";\nimport { LocaleProviderContext } from \"../LocaleProviderContext/LocaleProviderContext\";\nimport { Paragraph } from \"../Typography/Paragraph/Paragraph\";\nimport { AdaptivityProvider } from \"../AdaptivityProvider/AdaptivityProvider\";\nimport \"./CalendarHeader.css\";\n\nexport interface CalendarHeaderProps\n extends Pick<React.HTMLAttributes<HTMLDivElement>, \"className\"> {\n viewDate: Date;\n prevMonth?: boolean;\n nextMonth?: boolean;\n disablePickers?: boolean;\n prevMonthAriaLabel?: string;\n nextMonthAriaLabel?: string;\n changeMonthAriaLabel?: string;\n changeYearAriaLabel?: string;\n prevMonthIcon?: React.ReactNode;\n nextMonthIcon?: React.ReactNode;\n onChange(viewDate: Date): void;\n /*\n Нажатие на кнопку переключения на следующий месяц.\n /\n onNextMonth?(): void;\n /\n Нажатие на кнопку переключения на предыдущий месяц.\n */\n onPrevMonth?(): void;\n}\n\nexport const CalendarHeader: React.FC<CalendarHeaderProps> = ({\n viewDate,\n onChange,\n prevMonth = true,\n nextMonth = true,\n disablePickers = false,\n onNextMonth,\n onPrevMonth,\n className,\n prevMonthAriaLabel = \"Предыдущий месяц\",\n nextMonthAriaLabel = \"Следующий месяц\",\n changeMonthAriaLabel = \"Изменить месяц\",\n changeYearAriaLabel = \"Изменить год\",\n prevMonthIcon = (\n <Icon20ChevronLeftOutline\n vkuiClass=\"CalendarHeader__nav-icon--accent\"\n width={30}\n height={30}\n />\n ),\n nextMonthIcon = (\n <Icon20ChevronRightOutline\n vkuiClass=\"CalendarHeader__nav-icon--accent\"\n width={30}\n height={30}\n />\n ),\n}) => {\n const locale = React.useContext(LocaleProviderContext);\n const onMonthsChange = React.useCallback(\n (event: React.ChangeEvent<HTMLSelectElement>) =>\n onChange(setMonth(viewDate, Number(event.target.value))),\n [onChange, viewDate]\n );\n const onYearChange = React.useCallback(\n (event: React.ChangeEvent<HTMLSelectElement>) =>\n onChange(setYear(viewDate, Number(event.target.value))),\n [onChange, viewDate]\n );\n\n const months = React.useMemo(\n () =>\n getMonths(locale).map(({ value, label }) => ({\n value,\n label: <span vkuiClass=\"CalendarHeader__month\">{label}</span>,\n })),\n [locale]\n );\n\n const currentYear = viewDate.getFullYear();\n\n const years = React.useMemo(() => getYears(currentYear, 100), [currentYear]);\n\n const formatter = new Intl.DateTimeFormat(locale, {\n year: \"numeric\",\n month: \"long\",\n });\n\n return (\n <div vkuiClass=\"CalendarHeader\" className={className}>\n {prevMonth && (\n <AdaptivityProvider sizeX={SizeType.REGULAR}>\n <Tappable\n vkuiClass={classNames(\n \"CalendarHeader__nav-icon\",\n \"CalendarHeader__nav-icon-prev\"\n )}\n onClick={onPrevMonth}\n aria-label={`${prevMonthAriaLabel}, ${formatter.format(\n subMonths(viewDate, 1)\n )}`}\n >\n {prevMonthIcon}\n </Tappable>\n </AdaptivityProvider>\n )}\n {disablePickers ? (\n <Paragraph vkuiClass=\"CalendarHeader__pickers\" weight=\"2\">\n <span vkuiClass=\"CalendarHeader__month\">\n {new Intl.DateTimeFormat(locale, {\n month: \"long\",\n }).format(viewDate)}\n </span>\n  \n {new Intl.DateTimeFormat(locale, {\n year: \"numeric\",\n }).format(viewDate)}\n </Paragraph>\n ) : (\n <div vkuiClass=\"CalendarHeader__pickers\">\n <CustomSelect\n vkuiClass=\"CalendarHeader__picker\"\n value={viewDate.getMonth()}\n options={months}\n dropdownOffsetDistance={4}\n fixDropdownWidth={false}\n sizeY={SizeType.COMPACT}\n icon={<Icon12Dropdown />}\n onChange={onMonthsChange}\n forceDropdownPortal={false}\n selectType={SelectType.accent}\n aria-label={changeMonthAriaLabel}\n />\n <CustomSelect\n vkuiClass=\"CalendarHeader__picker\"\n value={viewDate.getFullYear()}\n options={years}\n dropdownOffsetDistance={4}\n fixDropdownWidth={false}\n sizeY={SizeType.COMPACT}\n icon={<Icon12Dropdown />}\n onChange={onYearChange}\n forceDropdownPortal={false}\n selectType={SelectType.accent}\n aria-label={changeYearAriaLabel}\n />\n </div>\n )}\n {nextMonth && (\n <AdaptivityProvider sizeX={SizeType.REGULAR}>\n <Tappable\n vkuiClass={classNames(\n \"CalendarHeader__nav-icon\",\n \"CalendarHeader__nav-icon-next\"\n )}\n onClick={onNextMonth}\n aria-label={`${nextMonthAriaLabel}, ${formatter.format(\n addMonths(viewDate, 1)\n )}`}\n >\n {nextMonthIcon}\n </Tappable>\n </AdaptivityProvider>\n )}\n </div>\n );\n};\n"],"file":"CalendarHeader.js"}
1	+ {"version":3,"sources":["../../../../src/components/CalendarHeader/CalendarHeader.tsx"],"names":["CalendarHeader","viewDate","onChange","prevMonth","nextMonth","disablePickers","onNextMonth","onPrevMonth","className","prevMonthAriaLabel","nextMonthAriaLabel","changeMonthAriaLabel","changeYearAriaLabel","prevMonthIcon","nextMonthIcon","locale","React","useContext","LocaleProviderContext","onMonthsChange","useCallback","event","Number","target","value","onYearChange","months","useMemo","map","label","currentYear","getFullYear","years","formatter","Intl","DateTimeFormat","year","month","SizeType","REGULAR","format","getMonth","COMPACT","SelectType","accent"],"mappings":"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","sourcesContent":["import * as React from \"react\";\nimport { setMonth, setYear, subMonths, addMonths } from \"../../lib/date\";\nimport {\n Icon20ChevronLeftOutline,\n Icon20ChevronRightOutline,\n Icon12Dropdown,\n} from \"@vkontakte/icons\";\nimport { Tappable } from \"../Tappable/Tappable\";\nimport { classNames } from \"../../lib/classNames\";\nimport { SelectType } from \"../Select/Select\";\nimport { CustomSelect } from \"../CustomSelect/CustomSelect\";\nimport { SizeType } from \"../../hoc/withAdaptivity\";\nimport { getMonths, getYears } from \"../../lib/calendar\";\nimport { LocaleProviderContext } from \"../LocaleProviderContext/LocaleProviderContext\";\nimport { Paragraph } from \"../Typography/Paragraph/Paragraph\";\nimport { AdaptivityProvider } from \"../AdaptivityProvider/AdaptivityProvider\";\nimport \"./CalendarHeader.css\";\n\nexport interface CalendarHeaderProps\n extends Pick<React.HTMLAttributes<HTMLDivElement>, \"className\"> {\n viewDate: Date;\n prevMonth?: boolean;\n nextMonth?: boolean;\n disablePickers?: boolean;\n prevMonthAriaLabel?: string;\n nextMonthAriaLabel?: string;\n changeMonthAriaLabel?: string;\n changeYearAriaLabel?: string;\n prevMonthIcon?: React.ReactNode;\n nextMonthIcon?: React.ReactNode;\n onChange(viewDate: Date): void;\n /*\n Нажатие на кнопку переключения на следующий месяц.\n /\n onNextMonth?(): void;\n /\n Нажатие на кнопку переключения на предыдущий месяц.\n */\n onPrevMonth?(): void;\n}\n\nexport const CalendarHeader = ({\n viewDate,\n onChange,\n prevMonth = true,\n nextMonth = true,\n disablePickers = false,\n onNextMonth,\n onPrevMonth,\n className,\n prevMonthAriaLabel = \"Предыдущий месяц\",\n nextMonthAriaLabel = \"Следующий месяц\",\n changeMonthAriaLabel = \"Изменить месяц\",\n changeYearAriaLabel = \"Изменить год\",\n prevMonthIcon = (\n <Icon20ChevronLeftOutline\n vkuiClass=\"CalendarHeader__nav-icon--accent\"\n width={30}\n height={30}\n />\n ),\n nextMonthIcon = (\n <Icon20ChevronRightOutline\n vkuiClass=\"CalendarHeader__nav-icon--accent\"\n width={30}\n height={30}\n />\n ),\n}: CalendarHeaderProps) => {\n const locale = React.useContext(LocaleProviderContext);\n const onMonthsChange = React.useCallback(\n (event: React.ChangeEvent<HTMLSelectElement>) =>\n onChange(setMonth(viewDate, Number(event.target.value))),\n [onChange, viewDate]\n );\n const onYearChange = React.useCallback(\n (event: React.ChangeEvent<HTMLSelectElement>) =>\n onChange(setYear(viewDate, Number(event.target.value))),\n [onChange, viewDate]\n );\n\n const months = React.useMemo(\n () =>\n getMonths(locale).map(({ value, label }) => ({\n value,\n label: <span vkuiClass=\"CalendarHeader__month\">{label}</span>,\n })),\n [locale]\n );\n\n const currentYear = viewDate.getFullYear();\n\n const years = React.useMemo(() => getYears(currentYear, 100), [currentYear]);\n\n const formatter = new Intl.DateTimeFormat(locale, {\n year: \"numeric\",\n month: \"long\",\n });\n\n return (\n <div vkuiClass=\"CalendarHeader\" className={className}>\n {prevMonth && (\n <AdaptivityProvider sizeX={SizeType.REGULAR}>\n <Tappable\n vkuiClass={classNames(\n \"CalendarHeader__nav-icon\",\n \"CalendarHeader__nav-icon-prev\"\n )}\n onClick={onPrevMonth}\n aria-label={`${prevMonthAriaLabel}, ${formatter.format(\n subMonths(viewDate, 1)\n )}`}\n >\n {prevMonthIcon}\n </Tappable>\n </AdaptivityProvider>\n )}\n {disablePickers ? (\n <Paragraph vkuiClass=\"CalendarHeader__pickers\" weight=\"2\">\n <span vkuiClass=\"CalendarHeader__month\">\n {new Intl.DateTimeFormat(locale, {\n month: \"long\",\n }).format(viewDate)}\n </span>\n  \n {new Intl.DateTimeFormat(locale, {\n year: \"numeric\",\n }).format(viewDate)}\n </Paragraph>\n ) : (\n <div vkuiClass=\"CalendarHeader__pickers\">\n <CustomSelect\n vkuiClass=\"CalendarHeader__picker\"\n value={viewDate.getMonth()}\n options={months}\n dropdownOffsetDistance={4}\n fixDropdownWidth={false}\n sizeY={SizeType.COMPACT}\n icon={<Icon12Dropdown />}\n onChange={onMonthsChange}\n forceDropdownPortal={false}\n selectType={SelectType.accent}\n aria-label={changeMonthAriaLabel}\n />\n <CustomSelect\n vkuiClass=\"CalendarHeader__picker\"\n value={viewDate.getFullYear()}\n options={years}\n dropdownOffsetDistance={4}\n fixDropdownWidth={false}\n sizeY={SizeType.COMPACT}\n icon={<Icon12Dropdown />}\n onChange={onYearChange}\n forceDropdownPortal={false}\n selectType={SelectType.accent}\n aria-label={changeYearAriaLabel}\n />\n </div>\n )}\n {nextMonth && (\n <AdaptivityProvider sizeX={SizeType.REGULAR}>\n <Tappable\n vkuiClass={classNames(\n \"CalendarHeader__nav-icon\",\n \"CalendarHeader__nav-icon-next\"\n )}\n onClick={onNextMonth}\n aria-label={`${nextMonthAriaLabel}, ${formatter.format(\n addMonths(viewDate, 1)\n )}`}\n >\n {nextMonthIcon}\n </Tappable>\n </AdaptivityProvider>\n )}\n </div>\n );\n};\n"],"file":"CalendarHeader.js"}

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

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../../src/components/CalendarRange/CalendarRange.tsx"],"names":["getIsDaySelected","day","value","Boolean","CalendarRange","onChange","disablePast","disableFuture","shouldDisableDate","onClose","weekStartsOn","getRootRef","disablePickers","prevMonthAriaLabel","nextMonthAriaLabel","changeMonthAriaLabel","changeYearAriaLabel","changeDayAriaLabel","prevMonthIcon","nextMonthIcon","props","viewDate","setViewDate","setPrevMonth","setNextMonth","focusedDay","setFocusedDay","isDayFocused","isDayDisabled","resetSelectedDay","React","useState","hintedDate","setHintedDate","secondViewDate","handleKeyDown","useCallback","event","includes","key","preventDefault","newFocusedDay","getNewValue","date","start","end","onDayChange","undefined","isDaySelected","isDayActive","isDaySelectionEnd","dayOfWeek","isHintedDaySelectionEnd","isDaySelectionStart","isHintedDaySelectionStart","onDayEnter","onDayLeave","isDayHinted"],"mappings":"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","sourcesContent":["import * as React from \"react\";\nimport {\n addMonths,\n isSameMonth,\n isSameDay,\n isBefore,\n isAfter,\n startOfDay,\n endOfDay,\n isWithinInterval,\n} from \"../../lib/date\";\nimport {\n CalendarHeader,\n CalendarHeaderProps,\n} from \"../CalendarHeader/CalendarHeader\";\nimport { CalendarDays } from \"../CalendarDays/CalendarDays\";\nimport {\n navigateDate,\n setTimeEqual,\n isLastDay,\n isFirstDay,\n} from \"../../lib/calendar\";\nimport { useCalendar } from \"../../hooks/useCalendar\";\nimport { HasRootRef } from \"../../types\";\nimport \"./CalendarRange.css\";\n\nexport interface CalendarRangeProps\n extends Omit<React.HTMLAttributes<HTMLDivElement>, \"onChange\">,\n Pick<\n CalendarHeaderProps,\n \| \"prevMonthAriaLabel\"\n \| \"nextMonthAriaLabel\"\n \| \"changeMonthAriaLabel\"\n \| \"changeYearAriaLabel\"\n \| \"prevMonthIcon\"\n \| \"nextMonthIcon\"\n >,\n HasRootRef<HTMLDivElement> {\n value?: Array<Date \| null>;\n disablePast?: boolean;\n disableFuture?: boolean;\n disablePickers?: boolean;\n changeDayAriaLabel?: string;\n weekStartsOn?: 0 \| 1 \| 2 \| 3 \| 4 \| 5 \| 6;\n onChange?(value?: Array<Date \| null>): void;\n shouldDisableDate?(value: Date): boolean;\n onClose?(): void;\n}\n\nconst getIsDaySelected = (day: Date, value?: Array<Date \| null>) => {\n if (!value?.[0] \|\| !value[1]) {\n return false;\n }\n\n return Boolean(\n isWithinInterval(day, startOfDay(value[0]), endOfDay(value[1]))\n );\n};\n\n/*\n @see https://vkcom.github.io/VKUI/#/CalendarRange\n */\nexport const CalendarRange: React.FC<CalendarRangeProps> = ({\n value,\n onChange,\n disablePast,\n disableFuture,\n shouldDisableDate,\n onClose,\n weekStartsOn = 1,\n getRootRef,\n disablePickers,\n prevMonthAriaLabel,\n nextMonthAriaLabel,\n changeMonthAriaLabel,\n changeYearAriaLabel,\n changeDayAriaLabel = \"Изменить день\",\n prevMonthIcon,\n nextMonthIcon,\n ...props\n}) => {\n const {\n viewDate,\n setViewDate,\n setPrevMonth,\n setNextMonth,\n focusedDay,\n setFocusedDay,\n isDayFocused,\n isDayDisabled,\n resetSelectedDay,\n } = useCalendar({ value, disableFuture, disablePast, shouldDisableDate });\n const [hintedDate, setHintedDate] = React.useState<Array<Date \| null>>();\n const secondViewDate = addMonths(viewDate, 1);\n\n const handleKeyDown = React.useCallback(\n (event: React.KeyboardEvent) => {\n if (\n [\"ArrowUp\", \"ArrowDown\", \"ArrowLeft\", \"ArrowRight\"].includes(event.key)\n ) {\n event.preventDefault();\n }\n\n const newFocusedDay = navigateDate(focusedDay ?? value?.[1], event.key);\n\n if (\n newFocusedDay &&\n !isSameMonth(newFocusedDay, viewDate) &&\n !isSameMonth(newFocusedDay, addMonths(viewDate, 1))\n ) {\n setViewDate(newFocusedDay);\n }\n setFocusedDay(newFocusedDay);\n },\n [focusedDay, setFocusedDay, setViewDate, value, viewDate]\n );\n\n const getNewValue = React.useCallback(\n (date: Date) => {\n if (!value) {\n return [date, null];\n }\n\n const start = value[0];\n const end = value[1];\n if ((start && isSameDay(date, start)) \|\| (end && isSameDay(date, end))) {\n return [setTimeEqual(date, start), setTimeEqual(date, end)];\n } else if (start && isBefore(date, start)) {\n return [setTimeEqual(date, start), end];\n } else if (start && isAfter(date, start)) {\n return [start, setTimeEqual(date, end)];\n }\n\n return value;\n },\n [value]\n );\n\n const onDayChange = React.useCallback(\n (date: Date) => {\n onChange?.(getNewValue(date));\n setHintedDate(undefined);\n },\n [onChange, getNewValue]\n );\n\n const isDaySelected = React.useCallback(\n (day: Date) => getIsDaySelected(day, value),\n [value]\n );\n\n const isDayActive = React.useCallback(\n (day: Date) =>\n Boolean(\n (value?.[0] && isSameDay(day, value[0])) \|\|\n (value?.[1] && isSameDay(day, value[1]))\n ),\n [value]\n );\n\n const isDaySelectionEnd = React.useCallback(\n (day: Date, dayOfWeek: number) =>\n Boolean(\n isLastDay(day, dayOfWeek) \|\| (value?.[1] && isSameDay(day, value[1]))\n ),\n [value]\n );\n\n const isHintedDaySelectionEnd = React.useCallback(\n (day: Date, dayOfWeek: number) =>\n Boolean(\n isLastDay(day, dayOfWeek) \|\|\n (hintedDate?.[1] && isSameDay(day, hintedDate[1]))\n ),\n [hintedDate]\n );\n\n const isDaySelectionStart = React.useCallback(\n (day: Date, dayOfWeek: number) =>\n Boolean(\n isFirstDay(day, dayOfWeek) \|\| (value?.[0] && isSameDay(day, value[0]))\n ),\n [value]\n );\n\n const isHintedDaySelectionStart = React.useCallback(\n (day: Date, dayOfWeek: number) =>\n Boolean(\n isFirstDay(day, dayOfWeek) \|\|\n (hintedDate?.[0] && isSameDay(day, hintedDate[0]))\n ),\n [hintedDate]\n );\n\n const onDayEnter = React.useCallback(\n (date: Date) => setHintedDate(getNewValue(date)),\n [setHintedDate, getNewValue]\n );\n\n const onDayLeave = React.useCallback(\n () => setHintedDate(undefined),\n [setHintedDate]\n );\n\n const isDayHinted = React.useCallback(\n (day: Date) => getIsDaySelected(day, hintedDate),\n [hintedDate]\n );\n\n return (\n <div {...props} ref={getRootRef} vkuiClass=\"CalendarRange\">\n <div vkuiClass=\"CalendarRange__inner\">\n <CalendarHeader\n viewDate={viewDate}\n onChange={setViewDate}\n nextMonth={false}\n onPrevMonth={setPrevMonth}\n disablePickers={disablePickers}\n vkuiClass=\"CalendarRange__header\"\n prevMonthAriaLabel={prevMonthAriaLabel}\n nextMonthAriaLabel={nextMonthAriaLabel}\n changeMonthAriaLabel={changeMonthAriaLabel}\n changeYearAriaLabel={changeYearAriaLabel}\n prevMonthIcon={prevMonthIcon}\n />\n <CalendarDays\n viewDate={viewDate}\n value={value}\n weekStartsOn={weekStartsOn}\n onKeyDown={handleKeyDown}\n isDayFocused={isDayFocused}\n onDayChange={onDayChange}\n isDaySelected={isDaySelected}\n isDayActive={isDayActive}\n isDaySelectionEnd={isDaySelectionEnd}\n isDaySelectionStart={isDaySelectionStart}\n isDayHinted={isDayHinted}\n onDayEnter={onDayEnter}\n onDayLeave={onDayLeave}\n isHintedDaySelectionEnd={isHintedDaySelectionEnd}\n isHintedDaySelectionStart={isHintedDaySelectionStart}\n isDayDisabled={isDayDisabled}\n aria-label={changeDayAriaLabel}\n />\n </div>\n <div vkuiClass=\"CalendarRange__inner\">\n <CalendarHeader\n viewDate={secondViewDate}\n onChange={setViewDate}\n prevMonth={false}\n onNextMonth={setNextMonth}\n disablePickers={disablePickers}\n vkuiClass=\"CalendarRange__header\"\n prevMonthAriaLabel={prevMonthAriaLabel}\n nextMonthAriaLabel={nextMonthAriaLabel}\n changeMonthAriaLabel={changeMonthAriaLabel}\n changeYearAriaLabel={changeYearAriaLabel}\n nextMonthIcon={nextMonthIcon}\n />\n <CalendarDays\n viewDate={secondViewDate}\n value={value}\n weekStartsOn={weekStartsOn}\n aria-label={changeDayAriaLabel}\n onKeyDown={handleKeyDown}\n isDayFocused={isDayFocused}\n onDayChange={onDayChange}\n isDaySelected={isDaySelected}\n isDayActive={isDayActive}\n isDaySelectionEnd={isDaySelectionEnd}\n isDaySelectionStart={isDaySelectionStart}\n isDayHinted={isDayHinted}\n onDayEnter={onDayEnter}\n onDayLeave={onDayLeave}\n isHintedDaySelectionEnd={isHintedDaySelectionEnd}\n isHintedDaySelectionStart={isHintedDaySelectionStart}\n isDayDisabled={isDayDisabled}\n tabIndex={0}\n onBlur={resetSelectedDay}\n />\n </div>\n </div>\n );\n};\n"],"file":"CalendarRange.js"}
1	+ {"version":3,"sources":["../../../../src/components/CalendarRange/CalendarRange.tsx"],"names":["getIsDaySelected","day","value","Boolean","CalendarRange","onChange","disablePast","disableFuture","shouldDisableDate","onClose","weekStartsOn","getRootRef","disablePickers","prevMonthAriaLabel","nextMonthAriaLabel","changeMonthAriaLabel","changeYearAriaLabel","changeDayAriaLabel","prevMonthIcon","nextMonthIcon","props","viewDate","setViewDate","setPrevMonth","setNextMonth","focusedDay","setFocusedDay","isDayFocused","isDayDisabled","resetSelectedDay","React","useState","hintedDate","setHintedDate","secondViewDate","handleKeyDown","useCallback","event","includes","key","preventDefault","newFocusedDay","getNewValue","date","start","end","onDayChange","undefined","isDaySelected","isDayActive","isDaySelectionEnd","dayOfWeek","isHintedDaySelectionEnd","isDaySelectionStart","isHintedDaySelectionStart","onDayEnter","onDayLeave","isDayHinted"],"mappings":"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","sourcesContent":["import * as React from \"react\";\nimport {\n addMonths,\n isSameMonth,\n isSameDay,\n isBefore,\n isAfter,\n startOfDay,\n endOfDay,\n isWithinInterval,\n} from \"../../lib/date\";\nimport {\n CalendarHeader,\n CalendarHeaderProps,\n} from \"../CalendarHeader/CalendarHeader\";\nimport { CalendarDays } from \"../CalendarDays/CalendarDays\";\nimport {\n navigateDate,\n setTimeEqual,\n isLastDay,\n isFirstDay,\n} from \"../../lib/calendar\";\nimport { useCalendar } from \"../../hooks/useCalendar\";\nimport { HasRootRef } from \"../../types\";\nimport \"./CalendarRange.css\";\n\nexport interface CalendarRangeProps\n extends Omit<React.HTMLAttributes<HTMLDivElement>, \"onChange\">,\n Pick<\n CalendarHeaderProps,\n \| \"prevMonthAriaLabel\"\n \| \"nextMonthAriaLabel\"\n \| \"changeMonthAriaLabel\"\n \| \"changeYearAriaLabel\"\n \| \"prevMonthIcon\"\n \| \"nextMonthIcon\"\n >,\n HasRootRef<HTMLDivElement> {\n value?: Array<Date \| null>;\n disablePast?: boolean;\n disableFuture?: boolean;\n disablePickers?: boolean;\n changeDayAriaLabel?: string;\n weekStartsOn?: 0 \| 1 \| 2 \| 3 \| 4 \| 5 \| 6;\n onChange?(value?: Array<Date \| null>): void;\n shouldDisableDate?(value: Date): boolean;\n onClose?(): void;\n}\n\nconst getIsDaySelected = (day: Date, value?: Array<Date \| null>) => {\n if (!value?.[0] \|\| !value[1]) {\n return false;\n }\n\n return Boolean(\n isWithinInterval(day, startOfDay(value[0]), endOfDay(value[1]))\n );\n};\n\n/*\n @see https://vkcom.github.io/VKUI/#/CalendarRange\n */\nexport const CalendarRange = ({\n value,\n onChange,\n disablePast,\n disableFuture,\n shouldDisableDate,\n onClose,\n weekStartsOn = 1,\n getRootRef,\n disablePickers,\n prevMonthAriaLabel,\n nextMonthAriaLabel,\n changeMonthAriaLabel,\n changeYearAriaLabel,\n changeDayAriaLabel = \"Изменить день\",\n prevMonthIcon,\n nextMonthIcon,\n ...props\n}: CalendarRangeProps) => {\n const {\n viewDate,\n setViewDate,\n setPrevMonth,\n setNextMonth,\n focusedDay,\n setFocusedDay,\n isDayFocused,\n isDayDisabled,\n resetSelectedDay,\n } = useCalendar({ value, disableFuture, disablePast, shouldDisableDate });\n const [hintedDate, setHintedDate] = React.useState<Array<Date \| null>>();\n const secondViewDate = addMonths(viewDate, 1);\n\n const handleKeyDown = React.useCallback(\n (event: React.KeyboardEvent) => {\n if (\n [\"ArrowUp\", \"ArrowDown\", \"ArrowLeft\", \"ArrowRight\"].includes(event.key)\n ) {\n event.preventDefault();\n }\n\n const newFocusedDay = navigateDate(focusedDay ?? value?.[1], event.key);\n\n if (\n newFocusedDay &&\n !isSameMonth(newFocusedDay, viewDate) &&\n !isSameMonth(newFocusedDay, addMonths(viewDate, 1))\n ) {\n setViewDate(newFocusedDay);\n }\n setFocusedDay(newFocusedDay);\n },\n [focusedDay, setFocusedDay, setViewDate, value, viewDate]\n );\n\n const getNewValue = React.useCallback(\n (date: Date) => {\n if (!value) {\n return [date, null];\n }\n\n const start = value[0];\n const end = value[1];\n if ((start && isSameDay(date, start)) \|\| (end && isSameDay(date, end))) {\n return [setTimeEqual(date, start), setTimeEqual(date, end)];\n } else if (start && isBefore(date, start)) {\n return [setTimeEqual(date, start), end];\n } else if (start && isAfter(date, start)) {\n return [start, setTimeEqual(date, end)];\n }\n\n return value;\n },\n [value]\n );\n\n const onDayChange = React.useCallback(\n (date: Date) => {\n onChange?.(getNewValue(date));\n setHintedDate(undefined);\n },\n [onChange, getNewValue]\n );\n\n const isDaySelected = React.useCallback(\n (day: Date) => getIsDaySelected(day, value),\n [value]\n );\n\n const isDayActive = React.useCallback(\n (day: Date) =>\n Boolean(\n (value?.[0] && isSameDay(day, value[0])) \|\|\n (value?.[1] && isSameDay(day, value[1]))\n ),\n [value]\n );\n\n const isDaySelectionEnd = React.useCallback(\n (day: Date, dayOfWeek: number) =>\n Boolean(\n isLastDay(day, dayOfWeek) \|\| (value?.[1] && isSameDay(day, value[1]))\n ),\n [value]\n );\n\n const isHintedDaySelectionEnd = React.useCallback(\n (day: Date, dayOfWeek: number) =>\n Boolean(\n isLastDay(day, dayOfWeek) \|\|\n (hintedDate?.[1] && isSameDay(day, hintedDate[1]))\n ),\n [hintedDate]\n );\n\n const isDaySelectionStart = React.useCallback(\n (day: Date, dayOfWeek: number) =>\n Boolean(\n isFirstDay(day, dayOfWeek) \|\| (value?.[0] && isSameDay(day, value[0]))\n ),\n [value]\n );\n\n const isHintedDaySelectionStart = React.useCallback(\n (day: Date, dayOfWeek: number) =>\n Boolean(\n isFirstDay(day, dayOfWeek) \|\|\n (hintedDate?.[0] && isSameDay(day, hintedDate[0]))\n ),\n [hintedDate]\n );\n\n const onDayEnter = React.useCallback(\n (date: Date) => setHintedDate(getNewValue(date)),\n [setHintedDate, getNewValue]\n );\n\n const onDayLeave = React.useCallback(\n () => setHintedDate(undefined),\n [setHintedDate]\n );\n\n const isDayHinted = React.useCallback(\n (day: Date) => getIsDaySelected(day, hintedDate),\n [hintedDate]\n );\n\n return (\n <div {...props} ref={getRootRef} vkuiClass=\"CalendarRange\">\n <div vkuiClass=\"CalendarRange__inner\">\n <CalendarHeader\n viewDate={viewDate}\n onChange={setViewDate}\n nextMonth={false}\n onPrevMonth={setPrevMonth}\n disablePickers={disablePickers}\n vkuiClass=\"CalendarRange__header\"\n prevMonthAriaLabel={prevMonthAriaLabel}\n nextMonthAriaLabel={nextMonthAriaLabel}\n changeMonthAriaLabel={changeMonthAriaLabel}\n changeYearAriaLabel={changeYearAriaLabel}\n prevMonthIcon={prevMonthIcon}\n />\n <CalendarDays\n viewDate={viewDate}\n value={value}\n weekStartsOn={weekStartsOn}\n onKeyDown={handleKeyDown}\n isDayFocused={isDayFocused}\n onDayChange={onDayChange}\n isDaySelected={isDaySelected}\n isDayActive={isDayActive}\n isDaySelectionEnd={isDaySelectionEnd}\n isDaySelectionStart={isDaySelectionStart}\n isDayHinted={isDayHinted}\n onDayEnter={onDayEnter}\n onDayLeave={onDayLeave}\n isHintedDaySelectionEnd={isHintedDaySelectionEnd}\n isHintedDaySelectionStart={isHintedDaySelectionStart}\n isDayDisabled={isDayDisabled}\n aria-label={changeDayAriaLabel}\n />\n </div>\n <div vkuiClass=\"CalendarRange__inner\">\n <CalendarHeader\n viewDate={secondViewDate}\n onChange={setViewDate}\n prevMonth={false}\n onNextMonth={setNextMonth}\n disablePickers={disablePickers}\n vkuiClass=\"CalendarRange__header\"\n prevMonthAriaLabel={prevMonthAriaLabel}\n nextMonthAriaLabel={nextMonthAriaLabel}\n changeMonthAriaLabel={changeMonthAriaLabel}\n changeYearAriaLabel={changeYearAriaLabel}\n nextMonthIcon={nextMonthIcon}\n />\n <CalendarDays\n viewDate={secondViewDate}\n value={value}\n weekStartsOn={weekStartsOn}\n aria-label={changeDayAriaLabel}\n onKeyDown={handleKeyDown}\n isDayFocused={isDayFocused}\n onDayChange={onDayChange}\n isDaySelected={isDaySelected}\n isDayActive={isDayActive}\n isDaySelectionEnd={isDaySelectionEnd}\n isDaySelectionStart={isDaySelectionStart}\n isDayHinted={isDayHinted}\n onDayEnter={onDayEnter}\n onDayLeave={onDayLeave}\n isHintedDaySelectionEnd={isHintedDaySelectionEnd}\n isHintedDaySelectionStart={isHintedDaySelectionStart}\n isDayDisabled={isDayDisabled}\n tabIndex={0}\n onBlur={resetSelectedDay}\n />\n </div>\n </div>\n );\n};\n"],"file":"CalendarRange.js"}

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

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../../src/components/CalendarTime/CalendarTime.tsx"],"names":["hours","i","push","value","label","String","padStart","minutes","CalendarTime","doneButtonText","onChange","onClose","changeHoursAriaLabel","changeMinutesAriaLabel","onHoursChange","React","useCallback","event","Number","target","onMinutesChange","getHours","SizeType","COMPACT","getMinutes"],"mappings":";;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AAYA,IAAMA,KAGJ,GAAG,EAHL;;AAIA,KAAK,IAAIC,CAAC,GAAG,CAAb,EAAgBA,CAAC,GAAG,EAApB,EAAwBA,CAAC,IAAI,CAA7B,EAAgC;AAC9BD,EAAAA,KAAK,CAACE,IAAN,CAAW;AAAEC,IAAAA,KAAK,EAAEF,CAAT;AAAYG,IAAAA,KAAK,EAAEC,MAAM,CAACJ,CAAD,CAAN,CAAUK,QAAV,CAAmB,CAAnB,EAAsB,GAAtB;AAAnB,GAAX;AACD;;AAED,IAAMC,OAGJ,GAAG,EAHL;;AAIA,KAAK,IAAIN,EAAC,GAAG,CAAb,EAAgBA,EAAC,GAAG,EAApB,EAAwBA,EAAC,IAAI,CAA7B,EAAgC;AAC9BM,EAAAA,OAAO,CAACL,IAAR,CAAa;AAAEC,IAAAA,KAAK,EAAEF,EAAT;AAAYG,IAAAA,KAAK,EAAEC,MAAM,CAACJ,EAAD,CAAN,CAAUK,QAAV,CAAmB,CAAnB,EAAsB,GAAtB;AAAnB,GAAb;AACD;;AAEM,IAAME,~~YAAyC~~,GAAG,~~SAA5CA~~,~~YAA4C~~,~~OAOnD~~;AAAA,~~MANJL~~,~~KAMI~~,~~QANJA~~,~~KAMI~~;AAAA,~~iCALJM~~,~~cAKI~~;AAAA,~~MALJA~~,~~cAKI~~,~~oCALa~~,~~QAKb~~;AAAA,~~MAJJC~~,~~QAII~~,~~QAJJA~~,~~QAII~~;AAAA,~~MAHJC~~,~~OAGI~~,~~QAHJA~~,~~OAGI~~;AAAA,~~mCAFJC~~,~~oBAEI~~;AAAA,~~MAFJA~~,~~oBAEI~~,~~sCAFmB~~,~~cAEnB~~;AAAA,~~mCADJC~~,~~sBACI~~;AAAA,~~MADJA~~,~~sBACI~~,~~sCADqB~~,~~iBACrB~~;~~AACJ~~,MAAMC,aAAa,GAAGC,KAAK,CAACC,WAAN,CACpB,UAACC,KAAD;AAAA,WACEP,QADF,aACEA,QADF,uBACEA,QAAQ,CAAG,oBAASP,KAAT,EAAgBe,MAAM,CAACD,KAAK,CAACE,MAAN,CAAahB,KAAd,CAAtB,CAAH,CADV;AAAA,GADoB,EAGpB,CAACO,QAAD,EAAWP,KAAX,CAHoB,CAAtB;AAKA,MAAMiB,eAAe,GAAGL,KAAK,CAACC,WAAN,CACtB,UAACC,KAAD;AAAA,WACEP,QADF,aACEA,QADF,uBACEA,QAAQ,CAAG,sBAAWP,KAAX,EAAkBe,MAAM,CAACD,KAAK,CAACE,MAAN,CAAahB,KAAd,CAAxB,CAAH,CADV;AAAA,GADsB,EAGtB,CAACO,QAAD,EAAWP,KAAX,CAHsB,CAAxB;AAMA,SACE;AAAK,IAAA,SAAS,EAAC;AAAf,KACE;AAAK,IAAA,SAAS,EAAC;AAAf,KACE,qCAAC,0BAAD;AACE,IAAA,KAAK,EAAEA,KAAK,CAACkB,QAAN,EADT;AAEE,IAAA,OAAO,EAAErB,KAFX;AAGE,IAAA,QAAQ,EAAEc,aAHZ;AAIE,IAAA,mBAAmB,EAAE,KAJvB;AAKE,IAAA,KAAK,EAAEQ,yBAASC,OALlB;AAME,kBAAYX;AANd,IADF,CADF,EAWE;AAAK,IAAA,SAAS,EAAC;AAAf,SAXF,EAYE;AAAK,IAAA,SAAS,EAAC;AAAf,KACE,qCAAC,0BAAD;AACE,IAAA,KAAK,EAAET,KAAK,CAACqB,UAAN,EADT;AAEE,IAAA,OAAO,EAAEjB,OAFX;AAGE,IAAA,QAAQ,EAAEa,eAHZ;AAIE,IAAA,mBAAmB,EAAE,KAJvB;AAKE,IAAA,KAAK,EAAEE,yBAASC,OALlB;AAME,kBAAYV;AANd,IADF,CAZF,EAsBE;AAAK,IAAA,SAAS,EAAC;AAAf,KACE,qCAAC,cAAD;AACE,IAAA,KAAK,EAAES,yBAASC,OADlB;AAEE,IAAA,IAAI,EAAC,WAFP;AAGE,IAAA,OAAO,EAAEZ,OAHX;AAIE,IAAA,IAAI,EAAC,GAJP;AAKE,kBAAYF;AALd,KAOGA,cAPH,CADF,CAtBF,CADF;AAoCD,CAvDM","sourcesContent":["import * as React from \"react\";\nimport { setHours, setMinutes } from \"../../lib/date\";\nimport { CustomSelect } from \"../CustomSelect/CustomSelect\";\nimport { Button } from \"../Button/Button\";\nimport { SizeType } from \"../../hoc/withAdaptivity\";\nimport \"./CalendarTime.css\";\n\nexport interface CalendarTimeProps {\n value: Date;\n doneButtonText?: string;\n changeHoursAriaLabel?: string;\n changeMinutesAriaLabel?: string;\n onChange?(value: Date): void;\n onClose?(): void;\n}\n\nconst hours: Array<{\n value: number;\n label: string;\n}> = [];\nfor (let i = 0; i < 24; i += 1) {\n hours.push({ value: i, label: String(i).padStart(2, \"0\") });\n}\n\nconst minutes: Array<{\n value: number;\n label: string;\n}> = [];\nfor (let i = 0; i < 60; i += 1) {\n minutes.push({ value: i, label: String(i).padStart(2, \"0\") });\n}\n\nexport const CalendarTime: ~~React.FC<CalendarTimeProps>~~ = ({\n value,\n doneButtonText = \"Готово\",\n onChange,\n onClose,\n changeHoursAriaLabel = \"Изменить час\",\n changeMinutesAriaLabel = \"Изменить минуту\",\n}) => {\n const onHoursChange = React.useCallback(\n (event: React.ChangeEvent<HTMLSelectElement>) =>\n onChange?.(setHours(value, Number(event.target.value))),\n [onChange, value]\n );\n const onMinutesChange = React.useCallback(\n (event: React.ChangeEvent<HTMLSelectElement>) =>\n onChange?.(setMinutes(value, Number(event.target.value))),\n [onChange, value]\n );\n\n return (\n <div vkuiClass=\"CalendarTime\">\n <div vkuiClass=\"CalendarTime__picker\">\n <CustomSelect\n value={value.getHours()}\n options={hours}\n onChange={onHoursChange}\n forceDropdownPortal={false}\n sizeY={SizeType.COMPACT}\n aria-label={changeHoursAriaLabel}\n />\n </div>\n <div vkuiClass=\"CalendarTime__divider\">:</div>\n <div vkuiClass=\"CalendarTime__picker\">\n <CustomSelect\n value={value.getMinutes()}\n options={minutes}\n onChange={onMinutesChange}\n forceDropdownPortal={false}\n sizeY={SizeType.COMPACT}\n aria-label={changeMinutesAriaLabel}\n />\n </div>\n <div vkuiClass=\"CalendarTime__button\">\n <Button\n sizeY={SizeType.COMPACT}\n mode=\"secondary\"\n onClick={onClose}\n size=\"l\"\n aria-label={doneButtonText}\n >\n {doneButtonText}\n </Button>\n </div>\n </div>\n );\n};\n"],"file":"CalendarTime.js"}
1	+ {"version":3,"sources":["../../../../src/components/CalendarTime/CalendarTime.tsx"],"names":["hours","i","push","value","label","String","padStart","minutes","CalendarTime","doneButtonText","onChange","onClose","changeHoursAriaLabel","changeMinutesAriaLabel","onHoursChange","React","useCallback","event","Number","target","onMinutesChange","getHours","SizeType","COMPACT","getMinutes"],"mappings":"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","sourcesContent":["import * as React from \"react\";\nimport { setHours, setMinutes } from \"../../lib/date\";\nimport { CustomSelect } from \"../CustomSelect/CustomSelect\";\nimport { Button } from \"../Button/Button\";\nimport { SizeType } from \"../../hoc/withAdaptivity\";\nimport \"./CalendarTime.css\";\n\nexport interface CalendarTimeProps {\n value: Date;\n doneButtonText?: string;\n changeHoursAriaLabel?: string;\n changeMinutesAriaLabel?: string;\n onChange?(value: Date): void;\n onClose?(): void;\n}\n\nconst hours: Array<{\n value: number;\n label: string;\n}> = [];\nfor (let i = 0; i < 24; i += 1) {\n hours.push({ value: i, label: String(i).padStart(2, \"0\") });\n}\n\nconst minutes: Array<{\n value: number;\n label: string;\n}> = [];\nfor (let i = 0; i < 60; i += 1) {\n minutes.push({ value: i, label: String(i).padStart(2, \"0\") });\n}\n\nexport const CalendarTime = ({\n value,\n doneButtonText = \"Готово\",\n onChange,\n onClose,\n changeHoursAriaLabel = \"Изменить час\",\n changeMinutesAriaLabel = \"Изменить минуту\",\n}: CalendarTimeProps) => {\n const onHoursChange = React.useCallback(\n (event: React.ChangeEvent<HTMLSelectElement>) =>\n onChange?.(setHours(value, Number(event.target.value))),\n [onChange, value]\n );\n const onMinutesChange = React.useCallback(\n (event: React.ChangeEvent<HTMLSelectElement>) =>\n onChange?.(setMinutes(value, Number(event.target.value))),\n [onChange, value]\n );\n\n return (\n <div vkuiClass=\"CalendarTime\">\n <div vkuiClass=\"CalendarTime__picker\">\n <CustomSelect\n value={value.getHours()}\n options={hours}\n onChange={onHoursChange}\n forceDropdownPortal={false}\n sizeY={SizeType.COMPACT}\n aria-label={changeHoursAriaLabel}\n />\n </div>\n <div vkuiClass=\"CalendarTime__divider\">:</div>\n <div vkuiClass=\"CalendarTime__picker\">\n <CustomSelect\n value={value.getMinutes()}\n options={minutes}\n onChange={onMinutesChange}\n forceDropdownPortal={false}\n sizeY={SizeType.COMPACT}\n aria-label={changeMinutesAriaLabel}\n />\n </div>\n <div vkuiClass=\"CalendarTime__button\">\n <Button\n sizeY={SizeType.COMPACT}\n mode=\"secondary\"\n onClick={onClose}\n size=\"l\"\n aria-label={doneButtonText}\n >\n {doneButtonText}\n </Button>\n </div>\n </div>\n );\n};\n"],"file":"CalendarTime.js"}

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

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../../src/components/Card/Card.tsx"],"names":["Card","mode","children","getRootRef","restProps","platform"],"mappings":";;;;;;;;;;;;;;;AACA;;AACA;;AACA;;;;AAUA;AACA;AACA;AACO,IAAMA,~~IAAyB~~,GAAG,~~SAA5BA~~,~~IAA4B~~,~~OAKxB~~;AAAA,uBAJfC,IAIe;AAAA,MAJfA,IAIe,0BAJR,MAIQ;AAAA,MAHfC,QAGe,QAHfA,QAGe;AAAA,MAFfC,UAEe,QAFfA,UAEe;AAAA,MADZC,SACY;AACf,MAAMC,QAAQ,GAAG,+BAAjB;AAEA,SACE,uEACMD,SADN;AAEE,IAAA,GAAG,EAAED,UAFP;AAGE,IAAA,SAAS,EAAE,4BAAW,gCAAa,MAAb,EAAqBE,QAArB,CAAX,qBAAuDJ,IAAvD;AAHb,MAKE;AAAK,IAAA,SAAS,EAAC;AAAf,KAA2BC,QAA3B,CALF,CADF;AASD,CAjBM","sourcesContent":["import * as React from \"react\";\nimport { classNames } from \"../../lib/classNames\";\nimport { getClassName } from \"../../helpers/getClassName\";\nimport { usePlatform } from \"../../hooks/usePlatform\";\nimport { HasRootRef } from \"../../types\";\nimport \"./Card.css\";\n\nexport interface CardProps\n extends React.HTMLAttributes<HTMLDivElement>,\n HasRootRef<HTMLDivElement> {\n mode?: \"tint\" \| \"shadow\" \| \"outline\";\n}\n\n/*\n @see https://vkcom.github.io/VKUI/#/Card\n */\nexport const Card: ~~React.FC<CardProps>~~ = ({\n mode = \"tint\",\n children,\n getRootRef,\n ...restProps\n}: CardProps) => {\n const platform = usePlatform();\n\n return (\n <div\n {...restProps}\n ref={getRootRef}\n vkuiClass={classNames(getClassName(\"Card\", platform), `Card--md-${mode}`)}\n >\n <div vkuiClass=\"Card__in\">{children}</div>\n </div>\n );\n};\n"],"file":"Card.js"}
1	+ {"version":3,"sources":["../../../../src/components/Card/Card.tsx"],"names":["Card","mode","children","getRootRef","restProps","platform"],"mappings":";;;;;;;;;;;;;;;AACA;;AACA;;AACA;;;;AAUA;AACA;AACA;AACO,IAAMA,IAAI,GAAG,SAAPA,IAAO,OAKH;AAAA,uBAJfC,IAIe;AAAA,MAJfA,IAIe,0BAJR,MAIQ;AAAA,MAHfC,QAGe,QAHfA,QAGe;AAAA,MAFfC,UAEe,QAFfA,UAEe;AAAA,MADZC,SACY;AACf,MAAMC,QAAQ,GAAG,+BAAjB;AAEA,SACE,uEACMD,SADN;AAEE,IAAA,GAAG,EAAED,UAFP;AAGE,IAAA,SAAS,EAAE,4BAAW,gCAAa,MAAb,EAAqBE,QAArB,CAAX,qBAAuDJ,IAAvD;AAHb,MAKE;AAAK,IAAA,SAAS,EAAC;AAAf,KAA2BC,QAA3B,CALF,CADF;AASD,CAjBM","sourcesContent":["import * as React from \"react\";\nimport { classNames } from \"../../lib/classNames\";\nimport { getClassName } from \"../../helpers/getClassName\";\nimport { usePlatform } from \"../../hooks/usePlatform\";\nimport { HasRootRef } from \"../../types\";\nimport \"./Card.css\";\n\nexport interface CardProps\n extends React.HTMLAttributes<HTMLDivElement>,\n HasRootRef<HTMLDivElement> {\n mode?: \"tint\" \| \"shadow\" \| \"outline\";\n}\n\n/*\n @see https://vkcom.github.io/VKUI/#/Card\n */\nexport const Card = ({\n mode = \"tint\",\n children,\n getRootRef,\n ...restProps\n}: CardProps) => {\n const platform = usePlatform();\n\n return (\n <div\n {...restProps}\n ref={getRootRef}\n vkuiClass={classNames(getClassName(\"Card\", platform), `Card--md-${mode}`)}\n >\n <div vkuiClass=\"Card__in\">{children}</div>\n </div>\n );\n};\n"],"file":"Card.js"}

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

@@ -5,7 +5,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = void 0;
+exports.CardGrid = void 0;
 var _jsxRuntime = require("../../lib/jsxRuntime");
@@ -15,35 +15,31 @@ var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/h
 var _classNames = require("../../lib/classNames");
-var _getClassName = require("../../helpers/getClassName");
-var _usePlatform = require("../../hooks/usePlatform");
 var _withAdaptivity = require("../../hoc/withAdaptivity");
-var _excluded = ["children", "size", "sizeX"];
+var _excluded = ["children", "size", "spaced", "sizeX"];
-/**
- * @see https://vkcom.github.io/VKUI/#/CardGrid
- */
-var CardGrid = function CardGrid(_ref) {
+var CardGridComponent = function CardGridComponent(_ref) {
   var children = _ref.children,
-      size = _ref.size,
+      _ref$size = _ref.size,
+      size = _ref$size === void 0 ? "s" : _ref$size,
+      _ref$spaced = _ref.spaced,
+      spaced = _ref$spaced === void 0 ? false : _ref$spaced,
       sizeX = _ref.sizeX,
       restProps = (0, _objectWithoutProperties2.default)(_ref, _excluded);
-  var platform = (0, _usePlatform.usePlatform)();
   return (0, _jsxRuntime.createScopedElement)("div", (0, _extends2.default)({}, restProps, {
-    vkuiClass: (0, _classNames.classNames)((0, _getClassName.getClassName)("CardGrid", platform), "CardGrid--".concat(size), "CardGrid--sizeX-".concat(sizeX))
+    vkuiClass: (0, _classNames.classNames)("CardGrid", spaced && "CardGrid--spaced", "CardGrid--".concat(size), "CardGrid--sizeX-".concat(sizeX) // TODO: v5 новая адаптивность
+    )
   }), children);
 };
+/**
+ * @see https://vkcom.github.io/VKUI/#/CardGrid
+ */
-CardGrid.defaultProps = {
-  size: "s"
-}; // eslint-disable-next-line import/no-default-export
-var _default = (0, _withAdaptivity.withAdaptivity)(CardGrid, {
+var CardGrid = (0, _withAdaptivity.withAdaptivity)(CardGridComponent, {
   sizeX: true
 });
-exports.default = _default;
+exports.CardGrid = CardGrid;
+CardGrid.displayName = "CardGrid"; // TODO: v5 remove
 //# sourceMappingURL=CardGrid.js.map