@skbkontur/react-ui 0.0.0-b408db2ccf → 0.0.0-b4710fb038

package/cjs/components/Button/ButtonIcon.styles.js.map

@@ -1 +1 @@
-{"version":3,"names":["_ThemeHelpers","require","_chars","_Emotion","_templateObject","_templateObject2","_templateObject3","_templateObject4","_templateObject5","_templateObject6","_templateObject7","_templateObject8","_templateObject9","_templateObject10","_templateObject11","_templateObject12","_templateObject13","styles","exports","memoizeStyle","icon","t","space","isTheme2022","ZERO_WIDTH_SPACE_CSS","css","_taggedTemplateLiteralLoose2","default","iconSmall","btnIconSizeSmall","iconSmallLeft","btnIconGapSmall","iconSmallRight","btnIconGapSmallRight","iconMedium","btnIconSizeMedium","iconMediumLeft","btnIconGapMediumRight","iconMediumRight","btnIconGapMedium","iconLarge","btnIconSizeLarge","iconLargeLeft","btnIconGapLarge","iconLargeRight","btnIconGapLargeRight","iconLeftLink","btnLinkIconMarginRight","iconRightLink","btnLinkIconMarginLeft","iconNoMargin"],"sources":["ButtonIcon.styles.ts"],"sourcesContent":["import { isTheme2022 } from '../../lib/theming/ThemeHelpers';\nimport { ZERO_WIDTH_SPACE_CSS } from '../../lib/chars';\nimport { css, memoizeStyle } from '../../lib/theming/Emotion';\nimport { Theme } from '../../lib/theming/Theme';\n\nexport const styles = memoizeStyle({\n  icon(t: Theme) {\n    const space = isTheme2022(t) ? `'${ZERO_WIDTH_SPACE_CSS}'` : null;\n    return css`\n      display: inline-block;\n\n      &::before {\n        content: ${space};\n      }\n    `;\n  },\n\n  iconSmall(t: Theme) {\n    return css`\n      width: ${t.btnIconSizeSmall};\n    `;\n  },\n\n  iconSmallLeft(t: Theme) {\n    return css`\n      margin-right: ${t.btnIconGapSmall};\n    `;\n  },\n\n  iconSmallRight(t: Theme) {\n    return css`\n      margin-left: ${t.btnIconGapSmallRight};\n    `;\n  },\n\n  iconMedium(t: Theme) {\n    return css`\n      width: ${t.btnIconSizeMedium};\n    `;\n  },\n\n  iconMediumLeft(t: Theme) {\n    return css`\n      margin-right: ${t.btnIconGapMediumRight};\n    `;\n  },\n\n  iconMediumRight(t: Theme) {\n    return css`\n      margin-left: ${t.btnIconGapMedium};\n    `;\n  },\n\n  iconLarge(t: Theme) {\n    return css`\n      width: ${t.btnIconSizeLarge};\n    `;\n  },\n\n  iconLargeLeft(t: Theme) {\n    return css`\n      margin-right: ${t.btnIconGapLarge};\n    `;\n  },\n\n  iconLargeRight(t: Theme) {\n    return css`\n      margin-left: ${t.btnIconGapLargeRight};\n    `;\n  },\n\n  iconLeftLink(t: Theme) {\n    return css`\n      margin-right: ${t.btnLinkIconMarginRight};\n    `;\n  },\n\n  iconRightLink(t: Theme) {\n    return css`\n      margin-left: ${t.btnLinkIconMarginLeft};\n    `;\n  },\n\n  iconNoMargin() {\n    return css`\n      margin-right: 0;\n      margin-left: 0;\n    `;\n  },\n});\n"],"mappings":"oRAAA,IAAAA,aAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAD,OAAA;AACA,IAAAE,QAAA,GAAAF,OAAA,8BAA8D,IAAAG,eAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,iBAAA,EAAAC,iBAAA,EAAAC,iBAAA,EAAAC,iBAAA;;;AAGvD,IAAMC,MAAM,GAAAC,OAAA,CAAAD,MAAA,GAAG,IAAAE,qBAAY,EAAC;EACjCC,IAAI,WAAAA,KAACC,CAAQ,EAAE;IACb,IAAMC,KAAK,GAAG,IAAAC,yBAAW,EAACF,CAAC,CAAC,SAAOG,2BAAoB,SAAM,IAAI;IACjE,WAAOC,YAAG,EAAArB,eAAA,KAAAA,eAAA,OAAAsB,4BAAA,CAAAC,OAAA;;;;IAIKL,KAAK;;;EAGtB,CAAC;;EAEDM,SAAS,WAAAA,UAACP,CAAQ,EAAE;IAClB,WAAOI,YAAG,EAAApB,gBAAA,KAAAA,gBAAA,OAAAqB,4BAAA,CAAAC,OAAA;IACCN,CAAC,CAACQ,gBAAgB;;EAE/B,CAAC;;EAEDC,aAAa,WAAAA,cAACT,CAAQ,EAAE;IACtB,WAAOI,YAAG,EAAAnB,gBAAA,KAAAA,gBAAA,OAAAoB,4BAAA,CAAAC,OAAA;IACQN,CAAC,CAACU,eAAe;;EAErC,CAAC;;EAEDC,cAAc,WAAAA,eAACX,CAAQ,EAAE;IACvB,WAAOI,YAAG,EAAAlB,gBAAA,KAAAA,gBAAA,OAAAmB,4BAAA,CAAAC,OAAA;IACON,CAAC,CAACY,oBAAoB;;EAEzC,CAAC;;EAEDC,UAAU,WAAAA,WAACb,CAAQ,EAAE;IACnB,WAAOI,YAAG,EAAAjB,gBAAA,KAAAA,gBAAA,OAAAkB,4BAAA,CAAAC,OAAA;IACCN,CAAC,CAACc,iBAAiB;;EAEhC,CAAC;;EAEDC,cAAc,WAAAA,eAACf,CAAQ,EAAE;IACvB,WAAOI,YAAG,EAAAhB,gBAAA,KAAAA,gBAAA,OAAAiB,4BAAA,CAAAC,OAAA;IACQN,CAAC,CAACgB,qBAAqB;;EAE3C,CAAC;;EAEDC,eAAe,WAAAA,gBAACjB,CAAQ,EAAE;IACxB,WAAOI,YAAG,EAAAf,gBAAA,KAAAA,gBAAA,OAAAgB,4BAAA,CAAAC,OAAA;IACON,CAAC,CAACkB,gBAAgB;;EAErC,CAAC;;EAEDC,SAAS,WAAAA,UAACnB,CAAQ,EAAE;IAClB,WAAOI,YAAG,EAAAd,gBAAA,KAAAA,gBAAA,OAAAe,4BAAA,CAAAC,OAAA;IACCN,CAAC,CAACoB,gBAAgB;;EAE/B,CAAC;;EAEDC,aAAa,WAAAA,cAACrB,CAAQ,EAAE;IACtB,WAAOI,YAAG,EAAAb,gBAAA,KAAAA,gBAAA,OAAAc,4BAAA,CAAAC,OAAA;IACQN,CAAC,CAACsB,eAAe;;EAErC,CAAC;;EAEDC,cAAc,WAAAA,eAACvB,CAAQ,EAAE;IACvB,WAAOI,YAAG,EAAAZ,iBAAA,KAAAA,iBAAA,OAAAa,4BAAA,CAAAC,OAAA;IACON,CAAC,CAACwB,oBAAoB;;EAEzC,CAAC;;EAEDC,YAAY,WAAAA,aAACzB,CAAQ,EAAE;IACrB,WAAOI,YAAG,EAAAX,iBAAA,KAAAA,iBAAA,OAAAY,4BAAA,CAAAC,OAAA;IACQN,CAAC,CAAC0B,sBAAsB;;EAE5C,CAAC;;EAEDC,aAAa,WAAAA,cAAC3B,CAAQ,EAAE;IACtB,WAAOI,YAAG,EAAAV,iBAAA,KAAAA,iBAAA,OAAAW,4BAAA,CAAAC,OAAA;IACON,CAAC,CAAC4B,qBAAqB;;EAE1C,CAAC;;EAEDC,YAAY,WAAAA,aAAA,EAAG;IACb,WAAOzB,YAAG,EAAAT,iBAAA,KAAAA,iBAAA,OAAAU,4BAAA,CAAAC,OAAA;;;;EAIZ;AACF,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["_chars","require","_Emotion","_templateObject","_templateObject2","_templateObject3","_templateObject4","_templateObject5","_templateObject6","_templateObject7","_templateObject8","_templateObject9","_templateObject10","_templateObject11","_templateObject12","_templateObject13","styles","exports","memoizeStyle","icon","space","ZERO_WIDTH_SPACE_CSS","css","_taggedTemplateLiteralLoose2","default","iconSmall","t","btnIconSizeSmall","iconSmallLeft","btnIconGapSmallLeft","iconSmallRight","btnIconGapSmallRight","iconMedium","btnIconSizeMedium","iconMediumLeft","btnIconGapMediumRight","iconMediumRight","iconLarge","btnIconSizeLarge","iconLargeLeft","btnIconGapLargeLeft","iconLargeRight","btnIconGapLargeRight","iconLeftLink","btnLinkIconMarginRight","iconRightLink","btnLinkIconMarginLeft","iconNoMargin"],"sources":["ButtonIcon.styles.ts"],"sourcesContent":["import { ZERO_WIDTH_SPACE_CSS } from '../../lib/chars';\nimport { css, memoizeStyle } from '../../lib/theming/Emotion';\nimport type { Theme } from '../../lib/theming/Theme';\n\nexport const styles = memoizeStyle({\n  icon() {\n    const space = `'${ZERO_WIDTH_SPACE_CSS}'`;\n    return css`\n      display: inline-block;\n\n      &::before {\n        content: ${space};\n      }\n    `;\n  },\n\n  iconSmall(t: Theme) {\n    return css`\n      width: ${t.btnIconSizeSmall};\n    `;\n  },\n\n  iconSmallLeft(t: Theme) {\n    return css`\n      margin-right: ${t.btnIconGapSmallLeft};\n    `;\n  },\n\n  iconSmallRight(t: Theme) {\n    return css`\n      margin-left: ${t.btnIconGapSmallRight};\n    `;\n  },\n\n  iconMedium(t: Theme) {\n    return css`\n      width: ${t.btnIconSizeMedium};\n    `;\n  },\n\n  iconMediumLeft(t: Theme) {\n    return css`\n      margin-right: ${t.btnIconGapMediumRight};\n    `;\n  },\n\n  iconMediumRight(t: Theme) {\n    return css`\n      margin-left: ${t.btnIconGapMediumRight};\n    `;\n  },\n\n  iconLarge(t: Theme) {\n    return css`\n      width: ${t.btnIconSizeLarge};\n    `;\n  },\n\n  iconLargeLeft(t: Theme) {\n    return css`\n      margin-right: ${t.btnIconGapLargeLeft};\n    `;\n  },\n\n  iconLargeRight(t: Theme) {\n    return css`\n      margin-left: ${t.btnIconGapLargeRight};\n    `;\n  },\n\n  iconLeftLink(t: Theme) {\n    return css`\n      margin-right: ${t.btnLinkIconMarginRight};\n    `;\n  },\n\n  iconRightLink(t: Theme) {\n    return css`\n      margin-left: ${t.btnLinkIconMarginLeft};\n    `;\n  },\n\n  iconNoMargin() {\n    return css`\n      margin-right: 0;\n      margin-left: 0;\n    `;\n  },\n});\n"],"mappings":"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","ignoreList":[]}

package/cjs/components/Button/LoadingButtonIcon.d.ts

@@ -1,8 +1,8 @@
-import React from 'react';
-import { IconSizeAliases } from '../../internal/icons2022/iconConstants';
-interface LoadingButtonIconProps {
-    size: IconSizeAliases;
-    isCentered?: boolean;
-}
-export declare const LoadingButtonIcon: ({ size, isCentered }: LoadingButtonIconProps) => React.JSX.Element;
-export {};
+import React from 'react';
+import type { IconSizeAliases } from '../../internal/icons2022/iconConstants';
+interface LoadingButtonIconProps {
+    size: IconSizeAliases;
+    isCentered?: boolean;
+}
+export declare const LoadingButtonIcon: ({ size, isCentered }: LoadingButtonIconProps) => React.JSX.Element;
+export {};

package/cjs/components/Button/LoadingButtonIcon.js

@@ -1,10 +1,7 @@
-"use strict";var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;exports.__esModule = true;exports.LoadingButtonIcon = void 0;var _react = _interopRequireWildcard(require("react"));
+"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;exports.__esModule = true;exports.LoadingButtonIcon = void 0;var _react = _interopRequireDefault(require("react"));
 
-var _Spinner = require("../Spinner");
 
 var _LoadingIcon = require("../../internal/icons2022/LoadingIcon");
-var _ThemeHelpers = require("../../lib/theming/ThemeHelpers");
-var _ThemeContext = require("../../lib/theming/ThemeContext");
 
 var _Button = require("./Button");
 var _Button2 = require("./Button.styles");
@@ -15,11 +12,9 @@ var _Button2 = require("./Button.styles");
 
 
 var LoadingButtonIcon = exports.LoadingButtonIcon = function LoadingButtonIcon(_ref) {var size = _ref.size,_ref$isCentered = _ref.isCentered,isCentered = _ref$isCentered === void 0 ? true : _ref$isCentered;
-  var theme = (0, _react.useContext)(_ThemeContext.ThemeContext);
-
   return /*#__PURE__*/(
-    _react.default.createElement("div", { "data-tid": _Button.ButtonDataTids.spinner, className: isCentered ? _Button2.styles.loading() : undefined },
-    (0, _ThemeHelpers.isTheme2022)(theme) ? /*#__PURE__*/_react.default.createElement(_LoadingIcon.LoadingIcon, { size: size }) : /*#__PURE__*/_react.default.createElement(_Spinner.Spinner, { caption: null, dimmed: true, type: "mini" })
+    _react.default.createElement("div", { "data-tid": _Button.ButtonDataTids.spinner, className: isCentered ? _Button2.styles.loading() : undefined }, /*#__PURE__*/
+    _react.default.createElement(_LoadingIcon.LoadingIcon, { size: size })
     ));
 
 };

package/cjs/components/Button/LoadingButtonIcon.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_Spinner","_LoadingIcon","_ThemeHelpers","_ThemeContext","_Button","_Button2","LoadingButtonIcon","exports","_ref","size","_ref$isCentered","isCentered","theme","useContext","ThemeContext","default","createElement","ButtonDataTids","spinner","className","styles","loading","undefined","isTheme2022","LoadingIcon","Spinner","caption","dimmed","type"],"sources":["LoadingButtonIcon.tsx"],"sourcesContent":["import React, { useContext } from 'react';\n\nimport { Spinner } from '../Spinner';\nimport { IconSizeAliases } from '../../internal/icons2022/iconConstants';\nimport { LoadingIcon } from '../../internal/icons2022/LoadingIcon';\nimport { isTheme2022 } from '../../lib/theming/ThemeHelpers';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\n\nimport { ButtonDataTids } from './Button';\nimport { styles } from './Button.styles';\n\ninterface LoadingButtonIconProps {\n  size: IconSizeAliases;\n  isCentered?: boolean;\n}\n\nexport const LoadingButtonIcon = ({ size, isCentered = true }: LoadingButtonIconProps) => {\n  const theme = useContext(ThemeContext);\n\n  return (\n    <div data-tid={ButtonDataTids.spinner} className={isCentered ? styles.loading() : undefined}>\n      {isTheme2022(theme) ? <LoadingIcon size={size} /> : <Spinner caption={null} dimmed type=\"mini\" />}\n    </div>\n  );\n};\n"],"mappings":"yKAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;;AAEA,IAAAC,QAAA,GAAAD,OAAA;;AAEA,IAAAE,YAAA,GAAAF,OAAA;AACA,IAAAG,aAAA,GAAAH,OAAA;AACA,IAAAI,aAAA,GAAAJ,OAAA;;AAEA,IAAAK,OAAA,GAAAL,OAAA;AACA,IAAAM,QAAA,GAAAN,OAAA;;;;;;;AAOO,IAAMO,iBAAiB,GAAAC,OAAA,CAAAD,iBAAA,GAAG,SAApBA,iBAAiBA,CAAAE,IAAA,EAA4D,KAAtDC,IAAI,GAAAD,IAAA,CAAJC,IAAI,CAAAC,eAAA,GAAAF,IAAA,CAAEG,UAAU,CAAVA,UAAU,GAAAD,eAAA,cAAG,IAAI,GAAAA,eAAA;EACzD,IAAME,KAAK,GAAG,IAAAC,iBAAU,EAACC,0BAAY,CAAC;;EAEtC;IACEjB,MAAA,CAAAkB,OAAA,CAAAC,aAAA,UAAK,YAAUC,sBAAc,CAACC,OAAQ,EAACC,SAAS,EAAER,UAAU,GAAGS,eAAM,CAACC,OAAO,CAAC,CAAC,GAAGC,SAAU;IACzF,IAAAC,yBAAW,EAACX,KAAK,CAAC,gBAAGf,MAAA,CAAAkB,OAAA,CAAAC,aAAA,CAACf,YAAA,CAAAuB,WAAW,IAACf,IAAI,EAAEA,IAAK,EAAE,CAAC,gBAAGZ,MAAA,CAAAkB,OAAA,CAAAC,aAAA,CAAChB,QAAA,CAAAyB,OAAO,IAACC,OAAO,EAAE,IAAK,EAACC,MAAM,QAACC,IAAI,EAAC,MAAM,EAAE;IAC7F,CAAC;;AAEV,CAAC","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_LoadingIcon","_Button","_Button2","LoadingButtonIcon","exports","_ref","size","_ref$isCentered","isCentered","default","createElement","ButtonDataTids","spinner","className","styles","loading","undefined","LoadingIcon"],"sources":["LoadingButtonIcon.tsx"],"sourcesContent":["import React from 'react';\n\nimport type { IconSizeAliases } from '../../internal/icons2022/iconConstants';\nimport { LoadingIcon } from '../../internal/icons2022/LoadingIcon';\n\nimport { ButtonDataTids } from './Button';\nimport { styles } from './Button.styles';\n\ninterface LoadingButtonIconProps {\n  size: IconSizeAliases;\n  isCentered?: boolean;\n}\n\nexport const LoadingButtonIcon = ({ size, isCentered = true }: LoadingButtonIconProps) => {\n  return (\n    <div data-tid={ButtonDataTids.spinner} className={isCentered ? styles.loading() : undefined}>\n      {<LoadingIcon size={size} />}\n    </div>\n  );\n};\n"],"mappings":"uKAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;;;AAGA,IAAAC,YAAA,GAAAD,OAAA;;AAEA,IAAAE,OAAA,GAAAF,OAAA;AACA,IAAAG,QAAA,GAAAH,OAAA;;;;;;;AAOO,IAAMI,iBAAiB,GAAAC,OAAA,CAAAD,iBAAA,GAAG,SAApBA,iBAAiBA,CAAAE,IAAA,EAA4D,KAAtDC,IAAI,GAAAD,IAAA,CAAJC,IAAI,CAAAC,eAAA,GAAAF,IAAA,CAAEG,UAAU,CAAVA,UAAU,GAAAD,eAAA,cAAG,IAAI,GAAAA,eAAA;EACzD;IACEV,MAAA,CAAAY,OAAA,CAAAC,aAAA,UAAK,YAAUC,sBAAc,CAACC,OAAQ,EAACC,SAAS,EAAEL,UAAU,GAAGM,eAAM,CAACC,OAAO,CAAC,CAAC,GAAGC,SAAU;IACzFnB,MAAA,CAAAY,OAAA,CAAAC,aAAA,CAACV,YAAA,CAAAiB,WAAW,IAACX,IAAI,EAAEA,IAAK,EAAE;IACxB,CAAC;;AAEV,CAAC","ignoreList":[]}

package/cjs/components/Button/getInnerLinkTheme.d.ts

@@ -1,2 +1,2 @@
-import { Theme } from '../../lib/theming/Theme';
-export declare const getInnerLinkTheme: (theme: Theme) => Theme;
+import type { Theme } from '../../lib/theming/Theme';
+export declare const getInnerLinkTheme: (theme: Theme) => Theme;

package/cjs/components/Button/getInnerLinkTheme.js

@@ -4,18 +4,18 @@
 var getInnerLinkTheme = exports.getInnerLinkTheme = function getInnerLinkTheme(theme) {
   return _ThemeFactory.ThemeFactory.create(
     {
-      linkLineBorderBottomStyle: theme.btnLinkLineBorderBottomStyle,
-      linkLineHoverBorderBottomStyle: theme.btnLinkHoverLineBorderBottomStyle,
-      linkLineBorderBottomOpacity: theme.btnLinkLineBorderBottomOpacity,
-      linkLineBorderBottomColor: theme.btnLinkLineBorderBottomColor,
-      linkLineBorderBottomWidth: theme.btnLinkLineBorderBottomWidth,
+      linkTextDecorationStyle: theme.btnLinkTextDecorationStyle,
+      linkTextUnderlineOffset: theme.btnLinkTextUnderlineOffset,
+      linkHoverTextDecorationStyle: theme.btnLinkHoverTextDecorationStyle,
+      linkTextUnderlineOpacity: theme.btnLinkTextUnderlineOpacity,
+      linkTextDecorationColor: theme.btnLinkTextDecorationColor,
+      linkTextDecorationThickness: theme.btnLinkTextDecorationThickness,
       linkDisabledColor: theme.btnLinkDisabledColor,
       linkColor: theme.btnLinkColor,
       linkHoverColor: theme.btnLinkHoverColor,
       linkActiveColor: theme.btnLinkActiveColor,
       linkHoverTextDecoration: theme.btnLinkHoverTextDecoration,
-      linkIconMarginRight: theme.btnLinkIconMarginRight,
-      linkBorderRadius: theme.btnLinkBorderRadius
+      linkIconMarginRight: theme.btnLinkIconMarginRight
     },
     theme
   );

package/cjs/components/Button/getInnerLinkTheme.js.map

@@ -1 +1 @@
-{"version":3,"names":["_ThemeFactory","require","getInnerLinkTheme","exports","theme","ThemeFactory","create","linkLineBorderBottomStyle","btnLinkLineBorderBottomStyle","linkLineHoverBorderBottomStyle","btnLinkHoverLineBorderBottomStyle","linkLineBorderBottomOpacity","btnLinkLineBorderBottomOpacity","linkLineBorderBottomColor","btnLinkLineBorderBottomColor","linkLineBorderBottomWidth","btnLinkLineBorderBottomWidth","linkDisabledColor","btnLinkDisabledColor","linkColor","btnLinkColor","linkHoverColor","btnLinkHoverColor","linkActiveColor","btnLinkActiveColor","linkHoverTextDecoration","btnLinkHoverTextDecoration","linkIconMarginRight","btnLinkIconMarginRight","linkBorderRadius","btnLinkBorderRadius"],"sources":["getInnerLinkTheme.ts"],"sourcesContent":["import { ThemeFactory } from '../../lib/theming/ThemeFactory';\nimport { Theme } from '../../lib/theming/Theme';\n\nexport const getInnerLinkTheme = (theme: Theme): Theme => {\n  return ThemeFactory.create(\n    {\n      linkLineBorderBottomStyle: theme.btnLinkLineBorderBottomStyle,\n      linkLineHoverBorderBottomStyle: theme.btnLinkHoverLineBorderBottomStyle,\n      linkLineBorderBottomOpacity: theme.btnLinkLineBorderBottomOpacity,\n      linkLineBorderBottomColor: theme.btnLinkLineBorderBottomColor,\n      linkLineBorderBottomWidth: theme.btnLinkLineBorderBottomWidth,\n      linkDisabledColor: theme.btnLinkDisabledColor,\n      linkColor: theme.btnLinkColor,\n      linkHoverColor: theme.btnLinkHoverColor,\n      linkActiveColor: theme.btnLinkActiveColor,\n      linkHoverTextDecoration: theme.btnLinkHoverTextDecoration,\n      linkIconMarginRight: theme.btnLinkIconMarginRight,\n      linkBorderRadius: theme.btnLinkBorderRadius,\n    },\n    theme,\n  );\n};\n"],"mappings":"0EAAA,IAAAA,aAAA,GAAAC,OAAA;;;AAGO,IAAMC,iBAAiB,GAAAC,OAAA,CAAAD,iBAAA,GAAG,SAApBA,iBAAiBA,CAAIE,KAAY,EAAY;EACxD,OAAOC,0BAAY,CAACC,MAAM;IACxB;MACEC,yBAAyB,EAAEH,KAAK,CAACI,4BAA4B;MAC7DC,8BAA8B,EAAEL,KAAK,CAACM,iCAAiC;MACvEC,2BAA2B,EAAEP,KAAK,CAACQ,8BAA8B;MACjEC,yBAAyB,EAAET,KAAK,CAACU,4BAA4B;MAC7DC,yBAAyB,EAAEX,KAAK,CAACY,4BAA4B;MAC7DC,iBAAiB,EAAEb,KAAK,CAACc,oBAAoB;MAC7CC,SAAS,EAAEf,KAAK,CAACgB,YAAY;MAC7BC,cAAc,EAAEjB,KAAK,CAACkB,iBAAiB;MACvCC,eAAe,EAAEnB,KAAK,CAACoB,kBAAkB;MACzCC,uBAAuB,EAAErB,KAAK,CAACsB,0BAA0B;MACzDC,mBAAmB,EAAEvB,KAAK,CAACwB,sBAAsB;MACjDC,gBAAgB,EAAEzB,KAAK,CAAC0B;IAC1B,CAAC;IACD1B;EACF,CAAC;AACH,CAAC","ignoreList":[]}
+{"version":3,"names":["_ThemeFactory","require","getInnerLinkTheme","exports","theme","ThemeFactory","create","linkTextDecorationStyle","btnLinkTextDecorationStyle","linkTextUnderlineOffset","btnLinkTextUnderlineOffset","linkHoverTextDecorationStyle","btnLinkHoverTextDecorationStyle","linkTextUnderlineOpacity","btnLinkTextUnderlineOpacity","linkTextDecorationColor","btnLinkTextDecorationColor","linkTextDecorationThickness","btnLinkTextDecorationThickness","linkDisabledColor","btnLinkDisabledColor","linkColor","btnLinkColor","linkHoverColor","btnLinkHoverColor","linkActiveColor","btnLinkActiveColor","linkHoverTextDecoration","btnLinkHoverTextDecoration","linkIconMarginRight","btnLinkIconMarginRight"],"sources":["getInnerLinkTheme.ts"],"sourcesContent":["import { ThemeFactory } from '../../lib/theming/ThemeFactory';\nimport type { Theme } from '../../lib/theming/Theme';\n\nexport const getInnerLinkTheme = (theme: Theme): Theme => {\n  return ThemeFactory.create(\n    {\n      linkTextDecorationStyle: theme.btnLinkTextDecorationStyle,\n      linkTextUnderlineOffset: theme.btnLinkTextUnderlineOffset,\n      linkHoverTextDecorationStyle: theme.btnLinkHoverTextDecorationStyle,\n      linkTextUnderlineOpacity: theme.btnLinkTextUnderlineOpacity,\n      linkTextDecorationColor: theme.btnLinkTextDecorationColor,\n      linkTextDecorationThickness: theme.btnLinkTextDecorationThickness,\n      linkDisabledColor: theme.btnLinkDisabledColor,\n      linkColor: theme.btnLinkColor,\n      linkHoverColor: theme.btnLinkHoverColor,\n      linkActiveColor: theme.btnLinkActiveColor,\n      linkHoverTextDecoration: theme.btnLinkHoverTextDecoration,\n      linkIconMarginRight: theme.btnLinkIconMarginRight,\n    },\n    theme,\n  );\n};\n"],"mappings":"0EAAA,IAAAA,aAAA,GAAAC,OAAA;;;AAGO,IAAMC,iBAAiB,GAAAC,OAAA,CAAAD,iBAAA,GAAG,SAApBA,iBAAiBA,CAAIE,KAAY,EAAY;EACxD,OAAOC,0BAAY,CAACC,MAAM;IACxB;MACEC,uBAAuB,EAAEH,KAAK,CAACI,0BAA0B;MACzDC,uBAAuB,EAAEL,KAAK,CAACM,0BAA0B;MACzDC,4BAA4B,EAAEP,KAAK,CAACQ,+BAA+B;MACnEC,wBAAwB,EAAET,KAAK,CAACU,2BAA2B;MAC3DC,uBAAuB,EAAEX,KAAK,CAACY,0BAA0B;MACzDC,2BAA2B,EAAEb,KAAK,CAACc,8BAA8B;MACjEC,iBAAiB,EAAEf,KAAK,CAACgB,oBAAoB;MAC7CC,SAAS,EAAEjB,KAAK,CAACkB,YAAY;MAC7BC,cAAc,EAAEnB,KAAK,CAACoB,iBAAiB;MACvCC,eAAe,EAAErB,KAAK,CAACsB,kBAAkB;MACzCC,uBAAuB,EAAEvB,KAAK,CAACwB,0BAA0B;MACzDC,mBAAmB,EAAEzB,KAAK,CAAC0B;IAC7B,CAAC;IACD1B;EACF,CAAC;AACH,CAAC","ignoreList":[]}

package/cjs/components/Button/index.d.ts

@@ -1 +1 @@
-export * from './Button';
+export * from './Button';

package/cjs/components/Calendar/Calendar.d.ts

@@ -1,141 +1,104 @@
-import React from 'react';
-import { CommonProps } from '../../internal/CommonWrapper';
-import { Nullable, Range } from '../../typings/utility-types';
-import { MonthViewModel } from './MonthViewModel';
-import { CalendarDayProps } from './CalendarDay';
-export interface CalendarProps extends CommonProps {
-    /**
-     * Вызывается при изменении `value`
-     *
-     * В аргументе хранится дата в формате `dd.mm.yyyy`
-     */
-    onValueChange?: (date: string) => void;
-    /**
-     * Задаёт текущую дату
-     *
-     * Дата задаётся в формате `dd.mm.yyyy`
-     */
-    value: Nullable<string>;
-    /**
-     * Задаёт максимальную возможную дату
-     *
-     * Дата задаётся в формате `dd.mm.yyyy`
-     */
-    maxDate?: string;
-    /**
-     * Задаёт минимальную возможную дату
-     *
-     * Дата задаётся в формате `dd.mm.yyyy`
-     */
-    minDate?: string;
-    /**
-     * Задаёт начальную дату периода
-     *
-     * Дата задаётся в формате `dd.mm.yyyy`
-     */
-    periodStartDate?: string;
-    /**
-     * Задаёт конечную дату периода
-     *
-     * Дата задаётся в формате `dd.mm.yyyy`
-     */
-    periodEndDate?: string;
-    /**
-     * Функция для определения праздничных дней
-     * @default (_day, isWeekend) => isWeekend
-     * @param {string} day - строка в формате `dd.mm.yyyy`
-     * @param {boolean} isWeekend - флаг выходного (суббота или воскресенье)
-     *
-     * @returns {boolean} `true` для выходного или `false` для рабочего дня
-     */
-    isHoliday?: (day: string, isWeekend: boolean) => boolean;
-    /**
-     * Позволяет задать начальный месяц
-     */
-    initialMonth?: Range<1, 13>;
-    /**
-     * Позволяет задать начальный год
-     */
-    initialYear?: number;
-    /**
-     * Метод отрисовки дат в календаре
-     * @default (props: CalendarDayProps) => <CalendarDay {...props} />
-     * @param {CalendarDayProps} props
-     *
-     * @returns {ReactElement} Элемент, который отрисовывает контент числа месяца.
-     */
-    renderDay?: (props: CalendarDayProps) => React.ReactElement;
-    /**
-     * Вызывается при каждом изменении месяца
-     * @param {CalendarMonthChangeInfo} changeInfo - информация о изменении отображаемого месяца, где
-     * `month: number` - номер текущего отображаемого месяца от 1 до 12,
-     * `year: number` - отображаемый год,
-     */
-    onMonthChange?: (changeInfo: CalendarMonthChangeInfo) => void;
-}
-export interface CalendarState {
-    scrollPosition: number;
-    months: MonthViewModel[];
-    scrollDirection: number;
-    scrollTarget: number;
-}
-export interface CalendarMonthChangeInfo {
-    month: number;
-    year: number;
-}
-export declare const CalendarDataTids: {
-    readonly root: "Calendar__root";
-    readonly month: "MonthView__month";
-    readonly dayCell: "DayCellView__root";
-    readonly headerMonth: "MonthView__headerMonth";
-    readonly monthSelectMobile: "MonthView__monthSelectMobile";
-    readonly headerYear: "MonthView__headerYear";
-    readonly yearSelectMobile: "MonthView__yearSelectMobile";
-};
-type DefaultProps = Required<Pick<CalendarProps, 'minDate' | 'maxDate' | 'isHoliday'>>;
-/**
- * Компонент календаря из [DatePicker](https://tech.skbkontur.ru/react-ui/#/Components/DatePicker)'а
- */
-export declare class Calendar extends React.Component<CalendarProps, CalendarState> {
-    static __KONTUR_REACT_UI__: string;
-    static displayName: string;
-    static Day: React.MemoExoticComponent<import("../../lib/forwardRefAndName").ReactUIComponentWithRef<HTMLButtonElement, React.PropsWithChildren<CalendarDayProps>> & Record<never, never>>;
-    private static formatDate;
-    static defaultProps: DefaultProps;
-    private getProps;
-    private theme;
-    private wheelEndTimeout;
-    private root;
-    private animation;
-    private touchStartY;
-    private setRootNode;
-    constructor(props: CalendarProps);
-    componentDidUpdate(prevProps: Readonly<CalendarProps>, prevState: Readonly<CalendarState>): void;
-    componentWillUnmount(): void;
-    render(): React.JSX.Element;
-    /**
-     * Прокручивает календарь до переданной даты
-     * @public
-     */
-    scrollToMonth: (month: number, year: number) => Promise<void>;
-    private handleMonthChange;
-    private getViewModel;
-    private renderMain;
-    private refRoot;
-    private renderMonth;
-    private handleDateClick;
-    private getDateInNativeFormat;
-    private getMonthPositions;
-    private getVisibleMonths;
-    private handleMonthYearChange;
-    private executeAnimations;
-    private handleTouchStart;
-    private handleTouchMove;
-    private throttledHandleTouchMove;
-    private handleWheel;
-    private handleWheelEnd;
-    private scrollToNearestWeek;
-    private scrollTo;
-    private scrollAmount;
-}
-export {};
+import React from 'react';
+import type { CommonProps } from '../../internal/CommonWrapper';
+import type { Nullable, Range } from '../../typings/utility-types';
+import { MonthViewModel } from './MonthViewModel';
+import type { CalendarDayProps } from './CalendarDay';
+export interface CalendarProps extends CommonProps {
+    /** Задает функцию, которая вызывается при изменении value.
+     * @param {string} date - строка в формате `dd.mm.yyyy`. */
+    onValueChange?: (date: string) => void;
+    /** Задает текущую дату в формате `dd.mm.yyyy`. */
+    value: Nullable<string>;
+    /** Задает максимальную возможную дату в формате `dd.mm.yyyy`. */
+    maxDate?: string;
+    /** Задает минимальную возможную дату в формате `dd.mm.yyyy`. */
+    minDate?: string;
+    /** Задает начальную дату периода в формате `dd.mm.yyyy`. */
+    periodStartDate?: string;
+    /** Задает конечную дату периода в формате `dd.mm.yyyy`. */
+    periodEndDate?: string;
+    /** Задает функцию для определения праздничных дней.
+     * @default (_day, isWeekend) => isWeekend.
+     * @param {string} day - строка в формате `dd.mm.yyyy`.
+     * @param {boolean} isWeekend - флаг выходного (суббота или воскресенье).
+     * @returns {boolean} `true` для выходного или `false` для рабочего дня. */
+    isHoliday?: (day: string, isWeekend: boolean) => boolean;
+    /** Задает начальный месяц. */
+    initialMonth?: Range<1, 13>;
+    /** Задает начальный год. */
+    initialYear?: number;
+    /** Задает метод отрисовки дат в календаре.
+     * @default (props: CalendarDayProps) => <CalendarDay {...props} />
+     * @param {CalendarDayProps} props - параметры дня.
+     * @returns {ReactElement} элемент, который отрисовывает контент числа месяца. */
+    renderDay?: (props: CalendarDayProps) => React.ReactElement;
+    /** Задает функцию, которая вызывается при каждом изменении месяца.
+     * @param {CalendarMonthChangeInfo} changeInfo - информация о изменении отображаемого месяца, где
+     * `month: number` - номер текущего отображаемого месяца от 1 до 12,
+     * `year: number` - отображаемый год. */
+    onMonthChange?: (changeInfo: CalendarMonthChangeInfo) => void;
+}
+export interface CalendarState {
+    scrollPosition: number;
+    months: MonthViewModel[];
+    scrollDirection: number;
+    scrollTarget: number;
+}
+export interface CalendarMonthChangeInfo {
+    month: number;
+    year: number;
+}
+export declare const CalendarDataTids: {
+    readonly root: "Calendar__root";
+    readonly month: "MonthView__month";
+    readonly dayCell: "DayCellView__root";
+    readonly headerMonth: "MonthView__headerMonth";
+    readonly headerYear: "MonthView__headerYear";
+};
+type DefaultProps = Required<Pick<CalendarProps, 'minDate' | 'maxDate' | 'isHoliday'>>;
+/**
+ * Компонент календаря `Calendar` из DatePicker'а помогает выбирать дату с помощью мыши.
+ */
+export declare class Calendar extends React.Component<CalendarProps, CalendarState> {
+    static __KONTUR_REACT_UI__: string;
+    static displayName: string;
+    static Day: React.MemoExoticComponent<import("../../lib/forwardRefAndName").ReactUIComponentWithRef<HTMLButtonElement, React.PropsWithChildren<CalendarDayProps>> & Record<never, never>>;
+    private static formatDate;
+    static defaultProps: DefaultProps;
+    private getProps;
+    private theme;
+    private wheelEndTimeout;
+    private root;
+    private animation;
+    private touchStartY;
+    private setRootNode;
+    constructor(props: CalendarProps);
+    componentDidUpdate(prevProps: Readonly<CalendarProps>, prevState: Readonly<CalendarState>): void;
+    componentWillUnmount(): void;
+    render(): React.JSX.Element;
+    /**
+     * Прокручивает календарь до переданной даты
+     * @public
+     */
+    scrollToMonth: (month: number, year: number) => Promise<void>;
+    private handleMonthChange;
+    private getViewModel;
+    private renderMain;
+    private refRoot;
+    private renderMonth;
+    private handleDateClick;
+    private getDateInNativeFormat;
+    private getMonthPositions;
+    private getVisibleMonths;
+    private handleMonthYearChange;
+    private executeAnimations;
+    private handleTouchStart;
+    private handleTouchMove;
+    private throttledHandleTouchMove;
+    private handleWheel;
+    private handleWheelEnd;
+    private scrollToNearestWeek;
+    private scrollTo;
+    private scrollAmount;
+}
+export {};

package/cjs/components/Calendar/Calendar.js

@@ -2,12 +2,15 @@
 var _normalizeWheel2 = _interopRequireDefault(require("normalize-wheel"));
 var _lodash = _interopRequireDefault(require("lodash.throttle"));
 var _shallowequal = _interopRequireDefault(require("shallowequal"));
+
 var _globalObject = require("@skbkontur/global-object");
 
 var _isInstanceOf = require("../../lib/isInstanceOf");
 var _InternalDate = require("../../lib/date/InternalDate");
+
 var _rootNode = require("../../lib/rootNode");
 var _Emotion = require("../../lib/theming/Emotion");
+
 var _CommonWrapper = require("../../internal/CommonWrapper");
 var _constants = require("../../lib/date/constants");
 
@@ -23,36 +26,13 @@ var _MonthViewModel = require("./MonthViewModel");
 var CalendarScrollEvents = _interopRequireWildcard(require("./CalendarScrollEvents"));
 var _Month = require("./Month");
 var _Calendar2 = require("./Calendar.styles");
+
 var _CalendarDateShape = require("./CalendarDateShape");
 var CalendarUtils = _interopRequireWildcard(require("./CalendarUtils"));
-var _CalendarContext = require("./CalendarContext");
-var _CalendarDay = require("./CalendarDay");var _class, _Calendar;
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
 
+var _CalendarContext = require("./CalendarContext");
 
+var _CalendarDay = require("./CalendarDay");var _class, _Calendar;
 
 
 
@@ -117,15 +97,13 @@ var CalendarDataTids = exports.CalendarDataTids = {
   month: 'MonthView__month',
   dayCell: 'DayCellView__root',
   headerMonth: 'MonthView__headerMonth',
-  monthSelectMobile: 'MonthView__monthSelectMobile',
-  headerYear: 'MonthView__headerYear',
-  yearSelectMobile: 'MonthView__yearSelectMobile'
+  headerYear: 'MonthView__headerYear'
 };
 
 
 
 /**
- * Компонент календаря из [DatePicker](https://tech.skbkontur.ru/react-ui/#/Components/DatePicker)'а
+ * Компонент календаря `Calendar` из DatePicker'а помогает выбирать дату с помощью мыши.
  */var
 
 Calendar = exports.Calendar = (0, _rootNode.rootNode)(_class = (_Calendar = /*#__PURE__*/function (_React$Component) {
@@ -215,6 +193,9 @@ Calendar = exports.Calendar = (0, _rootNode.rootNode)(_class = (_Calendar = /*#_
 
 
 
+
+
+
 
 
 
@@ -534,4 +515,4 @@ Calendar = exports.Calendar = (0, _rootNode.rootNode)(_class = (_Calendar = /*#_
         },
         onEnd
       );
-    };var _this$getProps = _this.getProps(),_minDate = _this$getProps.minDate,_maxDate = _this$getProps.maxDate,_value = _this$getProps.value;var minDateShape = _this.getDateInNativeFormat(_minDate);var maxDateShape = _this.getDateInNativeFormat(_maxDate);var _dateShape = _this.getDateInNativeFormat(_value);var today = CalendarUtils.getTodayDate();var initialDate = CalendarUtils.getInitialDate({ today: today, date: _dateShape, minDate: minDateShape, maxDate: maxDateShape });var initialMonth = _this.props.initialMonth ? CalendarUtils.getMonthInNativeFormat(_this.props.initialMonth) : initialDate.month;var initialYear = (_this$props$initialYe = _this.props.initialYear) != null ? _this$props$initialYe : initialDate.year;_this.state = { scrollPosition: 0, months: CalendarUtils.getMonths(initialMonth, initialYear), scrollDirection: 1, scrollTarget: 0 };return _this;}(0, _inheritsLoose2.default)(Calendar, _React$Component);Calendar.formatDate = function formatDate(date, month, year) {return new _InternalDate.InternalDate().setComponents({ date: date, month: month, year: year }).toString({ withPad: true });};var _proto = Calendar.prototype;_proto.componentDidUpdate = function componentDidUpdate(prevProps, prevState) {var _this$props = this.props,value = _this$props.value,onMonthChange = _this$props.onMonthChange;if (value && !(0, _shallowequal.default)(value, prevProps.value)) {var date = new _InternalDate.InternalDate().parseValue(value).getComponentsLikeNumber();this.scrollToMonth(date.month, date.year);}if (onMonthChange) {var visibleMonthsModels = this.getVisibleMonths(this.state).map(this.getViewModel);var prevFirstVisibleMonthModels = this.getVisibleMonths(prevState).map(this.getViewModel);var currentMonth = visibleMonthsModels[0].month;var prevCurrentMonth = prevFirstVisibleMonthModels[0].month;if (currentMonth !== prevCurrentMonth) {this.handleMonthChange(visibleMonthsModels);}}};_proto.componentWillUnmount = function componentWillUnmount() {if (this.animation.inProgress()) {this.animation.cancel();}};_proto.render = function render() {var _this2 = this;return /*#__PURE__*/_react.default.createElement(_ThemeContext.ThemeContext.Consumer, null, function (theme) {_this2.theme = theme;return _this2.renderMain();});};_proto.renderMonth = function renderMonth(_ref4) {var top = _ref4[0],month = _ref4[1];return /*#__PURE__*/_react.default.createElement(_Month.Month, { key: month.month + '-' + month.year, top: top, month: month, onMonthYearChange: this.handleMonthYearChange });};_proto.getDateInNativeFormat = function getDateInNativeFormat(date) {return new _InternalDate.InternalDate().parseValue(date).toNativeFormat();};_proto.getMonthPositions = function getMonthPositions(months, scrollPosition) {var positions = [scrollPosition - months[0].getHeight(this.theme)];for (var i = 1; i < months.length; i++) {var position = positions[i - 1] + months[i - 1].getHeight(this.theme);positions.push(position);}return positions;};_proto.getVisibleMonths = function getVisibleMonths(state) {var _this3 = this;var months = state.months,scrollPosition = state.scrollPosition;var positions = this.getMonthPositions(months, scrollPosition);return months.map(function (x, i) {return [positions[i], x];}).filter(function (_ref5) {var top = _ref5[0],month = _ref5[1];return CalendarUtils.isMonthVisible(top, month, _this3.theme);});};return Calendar;}(_react.default.Component), _Calendar.__KONTUR_REACT_UI__ = 'Calendar', _Calendar.displayName = 'Calendar', _Calendar.Day = _CalendarDay.CalendarDay, _Calendar.defaultProps = { minDate: _Calendar.formatDate(_constants.MIN_DATE, _constants.MIN_MONTH, _constants.MIN_YEAR), maxDate: _Calendar.formatDate(_constants.MAX_DATE, _constants.MAX_MONTH, _constants.MAX_YEAR), isHoliday: function isHoliday(_day, isWeekend) {return isWeekend;} }, _Calendar)) || _class;
+    };var _this$getProps = _this.getProps(),_minDate = _this$getProps.minDate,_maxDate = _this$getProps.maxDate,_value = _this$getProps.value;var minDateShape = _this.getDateInNativeFormat(_minDate);var maxDateShape = _this.getDateInNativeFormat(_maxDate);var _dateShape = _this.getDateInNativeFormat(_value);var today = CalendarUtils.getTodayDate();var initialDate = CalendarUtils.getInitialDate({ today: today, date: _dateShape, minDate: minDateShape, maxDate: maxDateShape });var initialMonth = _this.props.initialMonth ? CalendarUtils.getMonthInNativeFormat(_this.props.initialMonth) : initialDate.month;var initialYear = (_this$props$initialYe = _this.props.initialYear) != null ? _this$props$initialYe : initialDate.year;_this.state = { scrollPosition: 0, months: CalendarUtils.getMonths(initialMonth, initialYear), scrollDirection: 1, scrollTarget: 0 };return _this;}(0, _inheritsLoose2.default)(Calendar, _React$Component);Calendar.formatDate = function formatDate(date, month, year) {return new _InternalDate.InternalDate().setComponents({ date: date, month: month, year: year }).toString({ withPad: true });};var _proto = Calendar.prototype;_proto.componentDidUpdate = function componentDidUpdate(prevProps, prevState) {var _this$props = this.props,value = _this$props.value,onMonthChange = _this$props.onMonthChange;if (value && !(0, _shallowequal.default)(value, prevProps.value)) {var date = new _InternalDate.InternalDate().parseValue(value).getComponentsLikeNumber();this.scrollToMonth(date.month, date.year);}if (onMonthChange) {var visibleMonthsModels = this.getVisibleMonths(this.state).map(this.getViewModel);var prevFirstVisibleMonthModels = this.getVisibleMonths(prevState).map(this.getViewModel);if (visibleMonthsModels.length > 0 && prevFirstVisibleMonthModels.length > 0) {var currentMonth = visibleMonthsModels[0].month;var prevCurrentMonth = prevFirstVisibleMonthModels[0].month;if (currentMonth !== prevCurrentMonth) {this.handleMonthChange(visibleMonthsModels);}}}};_proto.componentWillUnmount = function componentWillUnmount() {if (this.animation.inProgress()) {this.animation.cancel();}};_proto.render = function render() {var _this2 = this;return /*#__PURE__*/_react.default.createElement(_ThemeContext.ThemeContext.Consumer, null, function (theme) {_this2.theme = theme;return _this2.renderMain();});};_proto.renderMonth = function renderMonth(_ref4) {var top = _ref4[0],month = _ref4[1];return /*#__PURE__*/_react.default.createElement(_Month.Month, { key: month.month + '-' + month.year, top: top, month: month, onMonthYearChange: this.handleMonthYearChange });};_proto.getDateInNativeFormat = function getDateInNativeFormat(date) {return new _InternalDate.InternalDate().parseValue(date).toNativeFormat();};_proto.getMonthPositions = function getMonthPositions(months, scrollPosition) {var positions = [scrollPosition - months[0].getHeight(this.theme)];for (var i = 1; i < months.length; i++) {var position = positions[i - 1] + months[i - 1].getHeight(this.theme);positions.push(position);}return positions;};_proto.getVisibleMonths = function getVisibleMonths(state) {var _this3 = this;var months = state.months,scrollPosition = state.scrollPosition;var positions = this.getMonthPositions(months, scrollPosition);return months.map(function (x, i) {return [positions[i], x];}).filter(function (_ref5) {var top = _ref5[0],month = _ref5[1];return CalendarUtils.isMonthVisible(top, month, _this3.theme);});};return Calendar;}(_react.default.Component), _Calendar.__KONTUR_REACT_UI__ = 'Calendar', _Calendar.displayName = 'Calendar', _Calendar.Day = _CalendarDay.CalendarDay, _Calendar.defaultProps = { minDate: _Calendar.formatDate(_constants.MIN_DATE, _constants.MIN_MONTH, _constants.MIN_YEAR), maxDate: _Calendar.formatDate(_constants.MAX_DATE, _constants.MAX_MONTH, _constants.MAX_YEAR), isHoliday: function isHoliday(_day, isWeekend) {return isWeekend;} }, _Calendar)) || _class;