@skbkontur/react-ui 0.0.0-a8b895b5e7 → 0.0.0-ab8b435f7f

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_Emotion","_ThemeContext","_ArrowRightIcon","_ArrowLeftIcon","_Button","_Button2","ButtonArrow","_ref","arrow","_ref$size","size","Button","defaultProps","theme","useContext","ThemeContext","getArrowIconRootClassName","_cx","cx","styles","arrowIconRoot","globalClasses","arrowIconRootSmall","arrowIconRootMedium","arrowIconRootLarge","arrowIconLeft","arrowIcons","right","ArrowRightIcon","left","ArrowLeftIcon","side","ArrowIcon","arrowNode","default","createElement","className","useButtonArrow","props","use","canRender","rootClassName","withArrowIconRightSmall","withArrowIconRightMedium","withArrowIconRightLarge","withArrowIconLeftSmall","withArrowIconLeftMedium","withArrowIconLeftLarge"],"sources":["ButtonArrow.tsx"],"sourcesContent":["import React, { useContext } from 'react';\n\nimport { cx } from '../../lib/theming/Emotion';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { Theme } from '../../lib/theming/Theme';\n\nimport { ArrowRightIcon } from './ArrowRightIcon';\nimport { ArrowLeftIcon } from './ArrowLeftIcon';\nimport { Button, ButtonInnerProps } from './Button';\nimport { globalClasses, styles } from './Button.styles';\n\ntype ButtonArrowProps = Pick<\n  ButtonInnerProps,\n  'size' | 'arrow' | 'checked' | 'disabled' | 'error' | 'use' | 'warning'\n> & {\n  isFocused: boolean;\n};\n\nconst ButtonArrow: React.FunctionComponent<ButtonArrowProps> = ({ arrow, size = Button.defaultProps.size }) => {\n  const theme = useContext(ThemeContext);\n\n  const getArrowIconRootClassName = () => {\n    return cx(styles.arrowIconRoot(), globalClasses.arrow, {\n      [styles.arrowIconRootSmall(theme)]: size === 'small',\n      [styles.arrowIconRootMedium(theme)]: size === 'medium',\n      [styles.arrowIconRootLarge(theme)]: size === 'large',\n      [styles.arrowIconLeft()]: arrow === 'left',\n    });\n  };\n\n  const arrowIcons = {\n    right: ArrowRightIcon,\n    left: ArrowLeftIcon,\n  };\n  const side = arrow === 'left' ? 'left' : 'right';\n  const ArrowIcon = arrowIcons[side];\n  const arrowNode = (\n    <div className={getArrowIconRootClassName()}>\n      <ArrowIcon size={size} />\n    </div>\n  );\n\n  return arrowNode;\n};\n\nexport function useButtonArrow(props: ButtonArrowProps, theme: Theme): [string, React.ReactNode] {\n  const { arrow, size, use } = props;\n\n  const canRender = use !== 'link' && (arrow === true || arrow === 'left');\n\n  const rootClassName = canRender\n    ? cx(\n        arrow === true && size === 'small' && styles.withArrowIconRightSmall(theme),\n        arrow === true && size === 'medium' && styles.withArrowIconRightMedium(theme),\n        arrow === true && size === 'large' && styles.withArrowIconRightLarge(theme),\n        arrow === 'left' && size === 'small' && styles.withArrowIconLeftSmall(theme),\n        arrow === 'left' && size === 'medium' && styles.withArrowIconLeftMedium(theme),\n        arrow === 'left' && size === 'large' && styles.withArrowIconLeftLarge(theme),\n      )\n    : '';\n\n  const arrowNode = canRender ? <ButtonArrow {...props} /> : null;\n\n  return [rootClassName, arrowNode];\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_Emotion","_ThemeContext","_ArrowRightIcon","_ArrowLeftIcon","_Button","_Button2","ButtonArrow","_ref","arrow","_ref$size","size","Button","defaultProps","theme","useContext","ThemeContext","getArrowIconRootClassName","_cx","cx","styles","arrowIconRoot","globalClasses","arrowIconRootSmall","arrowIconRootMedium","arrowIconRootLarge","arrowIconLeft","arrowIcons","right","ArrowRightIcon","left","ArrowLeftIcon","side","ArrowIcon","arrowNode","default","createElement","className","useButtonArrow","props","use","canRender","rootClassName","withArrowIconRightSmall","withArrowIconRightMedium","withArrowIconRightLarge","withArrowIconLeftSmall","withArrowIconLeftMedium","withArrowIconLeftLarge"],"sources":["ButtonArrow.tsx"],"sourcesContent":["import React, { useContext } from 'react';\n\nimport { cx } from '../../lib/theming/Emotion';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport type { Theme } from '../../lib/theming/Theme';\n\nimport { ArrowRightIcon } from './ArrowRightIcon';\nimport { ArrowLeftIcon } from './ArrowLeftIcon';\nimport type { ButtonInnerProps } from './Button';\nimport { Button } from './Button';\nimport { globalClasses, styles } from './Button.styles';\n\ntype ButtonArrowProps = Pick<\n  ButtonInnerProps,\n  'size' | 'arrow' | 'checked' | 'disabled' | 'error' | 'use' | 'warning'\n> & {\n  isFocused: boolean;\n};\n\nconst ButtonArrow: React.FunctionComponent<ButtonArrowProps> = ({ arrow, size = Button.defaultProps.size }) => {\n  const theme = useContext(ThemeContext);\n\n  const getArrowIconRootClassName = () => {\n    return cx(styles.arrowIconRoot(), globalClasses.arrow, {\n      [styles.arrowIconRootSmall(theme)]: size === 'small',\n      [styles.arrowIconRootMedium(theme)]: size === 'medium',\n      [styles.arrowIconRootLarge(theme)]: size === 'large',\n      [styles.arrowIconLeft()]: arrow === 'left',\n    });\n  };\n\n  const arrowIcons = {\n    right: ArrowRightIcon,\n    left: ArrowLeftIcon,\n  };\n  const side = arrow === 'left' ? 'left' : 'right';\n  const ArrowIcon = arrowIcons[side];\n  const arrowNode = (\n    <div className={getArrowIconRootClassName()}>\n      <ArrowIcon size={size} />\n    </div>\n  );\n\n  return arrowNode;\n};\n\nexport function useButtonArrow(props: ButtonArrowProps, theme: Theme): [string, React.ReactNode] {\n  const { arrow, size, use } = props;\n\n  const canRender = use !== 'link' && (arrow === true || arrow === 'left');\n\n  const rootClassName = canRender\n    ? cx(\n        arrow === true && size === 'small' && styles.withArrowIconRightSmall(theme),\n        arrow === true && size === 'medium' && styles.withArrowIconRightMedium(theme),\n        arrow === true && size === 'large' && styles.withArrowIconRightLarge(theme),\n        arrow === 'left' && size === 'small' && styles.withArrowIconLeftSmall(theme),\n        arrow === 'left' && size === 'medium' && styles.withArrowIconLeftMedium(theme),\n        arrow === 'left' && size === 'large' && styles.withArrowIconLeftLarge(theme),\n      )\n    : '';\n\n  const arrowNode = canRender ? <ButtonArrow {...props} /> : null;\n\n  return [rootClassName, arrowNode];\n}\n"],"mappings":"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","ignoreList":[]}

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

@@ -1,11 +1,11 @@
-import React from 'react';
-import { Theme } from '../../lib/theming/Theme';
-import { SizeProp } from '../../lib/types/props';
-import { ButtonInnerProps } from './Button';
-export interface ButtonIconProps extends Pick<ButtonInnerProps, 'size' | 'icon' | 'loading' | 'use'> {
-    position: 'right' | 'left';
-    hasChildren: boolean;
-    hasBothIcons?: boolean;
-}
-export declare const getButtonIconSizes: (theme: Theme) => Record<SizeProp, number>;
-export declare const ButtonIcon: React.FunctionComponent<ButtonIconProps>;
+import React from 'react';
+import type { Theme } from '../../lib/theming/Theme';
+import type { SizeProp } from '../../lib/types/props';
+import type { ButtonInnerProps } from './Button';
+export interface ButtonIconProps extends Pick<ButtonInnerProps, 'size' | 'icon' | 'loading' | 'use'> {
+    position: 'right' | 'left';
+    hasChildren: boolean;
+    hasBothIcons?: boolean;
+}
+export declare const getButtonIconSizes: (theme: Theme) => Record<SizeProp, number>;
+export declare const ButtonIcon: React.FunctionComponent<ButtonIconProps>;

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_utils","_Emotion","_ThemeContext","_ButtonIcon","_LoadingButtonIcon","getButtonIconSizes","exports","theme","small","parseInt","btnIconSizeSmall","medium","btnIconSizeMedium","large","btnIconSizeLarge","useIcon","icon","size","useContext","ThemeContext","isKonturIcon","_icon$props$size","sizes","React","cloneElement","props","ButtonIcon","_ref","_cx","use","position","hasChildren","_ref$loading","loading","_ref$hasBothIcons","hasBothIcons","_ref$size","isLink","getSizeIconClassName","styles","iconLarge","iconLargeLeft","iconLargeRight","iconMedium","iconMediumLeft","iconMediumRight","iconSmall","iconSmallLeft","iconSmallRight","style","display","alignItems","_icon","default","createElement","className","cx","iconNoMargin","iconLeftLink","iconRightLink","LoadingButtonIcon","isCentered"],"sources":["ButtonIcon.tsx"],"sourcesContent":["import React, { useContext } from 'react';\n\nimport { Theme } from '../../lib/theming/Theme';\nimport { isKonturIcon } from '../../lib/utils';\nimport { cx } from '../../lib/theming/Emotion';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { SizeProp } from '../../lib/types/props';\n\nimport { ButtonInnerProps } from './Button';\nimport { styles } from './ButtonIcon.styles';\nimport { LoadingButtonIcon } from './LoadingButtonIcon';\n\nexport interface ButtonIconProps extends Pick<ButtonInnerProps, 'size' | 'icon' | 'loading' | 'use'> {\n  position: 'right' | 'left';\n  hasChildren: boolean;\n  hasBothIcons?: boolean;\n}\n\nexport const getButtonIconSizes = (theme: Theme): Record<SizeProp, number> => {\n  return {\n    small: parseInt(theme.btnIconSizeSmall),\n    medium: parseInt(theme.btnIconSizeMedium),\n    large: parseInt(theme.btnIconSizeLarge),\n  };\n};\n\nconst useIcon = (icon: any, size: SizeProp) => {\n  const theme = useContext(ThemeContext);\n  if (icon && isKonturIcon(icon)) {\n    const sizes = getButtonIconSizes(theme);\n    return React.cloneElement(icon, { size: icon.props.size ?? sizes[size] });\n  }\n\n  return icon;\n};\n\nexport const ButtonIcon: React.FunctionComponent<ButtonIconProps> = ({\n  icon,\n  use,\n  position,\n  hasChildren,\n  loading = false,\n  hasBothIcons = false,\n  size = 'small',\n}) => {\n  const theme = useContext(ThemeContext);\n  const isLink = use === 'link';\n\n  const getSizeIconClassName = () => {\n    switch (size) {\n      case 'large':\n        return [\n          styles.iconLarge(theme),\n          position === 'left' ? styles.iconLargeLeft(theme) : styles.iconLargeRight(theme),\n        ];\n      case 'medium':\n        return [\n          styles.iconMedium(theme),\n          position === 'left' ? styles.iconMediumLeft(theme) : styles.iconMediumRight(theme),\n        ];\n      case 'small':\n      default:\n        return [\n          styles.iconSmall(theme),\n          position === 'left' ? styles.iconSmallLeft(theme) : styles.iconSmallRight(theme),\n        ];\n    }\n  };\n\n  const style: React.CSSProperties = {\n    display: 'inline-flex',\n    alignItems: 'center',\n  };\n\n  const _icon = useIcon(icon, size);\n\n  return (\n    <span\n      style={style}\n      className={cx(styles.icon(), getSizeIconClassName(), {\n        [styles.iconNoMargin()]: !hasChildren,\n        [styles.iconLeftLink(theme)]: isLink && position === 'left',\n        [styles.iconRightLink(theme)]: isLink && position === 'right',\n      })}\n    >\n      {loading && !hasBothIcons ? <LoadingButtonIcon isCentered={false} size={size} /> : _icon}\n    </span>\n  );\n};\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_utils","_Emotion","_ThemeContext","_ButtonIcon","_LoadingButtonIcon","getButtonIconSizes","exports","theme","small","parseInt","btnIconSizeSmall","medium","btnIconSizeMedium","large","btnIconSizeLarge","useIcon","icon","size","useContext","ThemeContext","isKonturIcon","_icon$props$size","sizes","React","cloneElement","props","ButtonIcon","_ref","_cx","use","position","hasChildren","_ref$loading","loading","_ref$hasBothIcons","hasBothIcons","_ref$size","isLink","getSizeIconClassName","styles","iconLarge","iconLargeLeft","iconLargeRight","iconMedium","iconMediumLeft","iconMediumRight","iconSmall","iconSmallLeft","iconSmallRight","style","display","alignItems","_icon","default","createElement","className","cx","iconNoMargin","iconLeftLink","iconRightLink","LoadingButtonIcon","isCentered"],"sources":["ButtonIcon.tsx"],"sourcesContent":["import React, { useContext } from 'react';\n\nimport type { Theme } from '../../lib/theming/Theme';\nimport { isKonturIcon } from '../../lib/utils';\nimport { cx } from '../../lib/theming/Emotion';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport type { SizeProp } from '../../lib/types/props';\n\nimport type { ButtonInnerProps } from './Button';\nimport { styles } from './ButtonIcon.styles';\nimport { LoadingButtonIcon } from './LoadingButtonIcon';\n\nexport interface ButtonIconProps extends Pick<ButtonInnerProps, 'size' | 'icon' | 'loading' | 'use'> {\n  position: 'right' | 'left';\n  hasChildren: boolean;\n  hasBothIcons?: boolean;\n}\n\nexport const getButtonIconSizes = (theme: Theme): Record<SizeProp, number> => {\n  return {\n    small: parseInt(theme.btnIconSizeSmall),\n    medium: parseInt(theme.btnIconSizeMedium),\n    large: parseInt(theme.btnIconSizeLarge),\n  };\n};\n\nconst useIcon = (icon: any, size: SizeProp) => {\n  const theme = useContext(ThemeContext);\n  if (icon && isKonturIcon(icon)) {\n    const sizes = getButtonIconSizes(theme);\n    return React.cloneElement(icon, { size: icon.props.size ?? sizes[size] });\n  }\n\n  return icon;\n};\n\nexport const ButtonIcon: React.FunctionComponent<ButtonIconProps> = ({\n  icon,\n  use,\n  position,\n  hasChildren,\n  loading = false,\n  hasBothIcons = false,\n  size = 'small',\n}) => {\n  const theme = useContext(ThemeContext);\n  const isLink = use === 'link';\n\n  const getSizeIconClassName = () => {\n    switch (size) {\n      case 'large':\n        return [\n          styles.iconLarge(theme),\n          position === 'left' ? styles.iconLargeLeft(theme) : styles.iconLargeRight(theme),\n        ];\n      case 'medium':\n        return [\n          styles.iconMedium(theme),\n          position === 'left' ? styles.iconMediumLeft(theme) : styles.iconMediumRight(theme),\n        ];\n      case 'small':\n      default:\n        return [\n          styles.iconSmall(theme),\n          position === 'left' ? styles.iconSmallLeft(theme) : styles.iconSmallRight(theme),\n        ];\n    }\n  };\n\n  const style: React.CSSProperties = {\n    display: 'inline-flex',\n    alignItems: 'center',\n  };\n\n  const _icon = useIcon(icon, size);\n\n  return (\n    <span\n      style={style}\n      className={cx(styles.icon(), getSizeIconClassName(), {\n        [styles.iconNoMargin()]: !hasChildren,\n        [styles.iconLeftLink(theme)]: isLink && position === 'left',\n        [styles.iconRightLink(theme)]: isLink && position === 'right',\n      })}\n    >\n      {loading && !hasBothIcons ? <LoadingButtonIcon isCentered={false} size={size} /> : _icon}\n    </span>\n  );\n};\n"],"mappings":"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","ignoreList":[]}

package/cjs/components/Button/ButtonIcon.styles.d.ts

@@ -1,16 +1,16 @@
-import { Theme } from '../../lib/theming/Theme';
-export declare const styles: {
-    icon(): string;
-    iconSmall(t: Theme): string;
-    iconSmallLeft(t: Theme): string;
-    iconSmallRight(t: Theme): string;
-    iconMedium(t: Theme): string;
-    iconMediumLeft(t: Theme): string;
-    iconMediumRight(t: Theme): string;
-    iconLarge(t: Theme): string;
-    iconLargeLeft(t: Theme): string;
-    iconLargeRight(t: Theme): string;
-    iconLeftLink(t: Theme): string;
-    iconRightLink(t: Theme): string;
-    iconNoMargin(): string;
-};
+import type { Theme } from '../../lib/theming/Theme';
+export declare const styles: {
+    icon(): string;
+    iconSmall(t: Theme): string;
+    iconSmallLeft(t: Theme): string;
+    iconSmallRight(t: Theme): string;
+    iconMedium(t: Theme): string;
+    iconMediumLeft(t: Theme): string;
+    iconMediumRight(t: Theme): string;
+    iconLarge(t: Theme): string;
+    iconLargeLeft(t: Theme): string;
+    iconLargeRight(t: Theme): string;
+    iconLeftLink(t: Theme): string;
+    iconRightLink(t: Theme): string;
+    iconNoMargin(): string;
+};

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

@@ -1 +1 @@
-{"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 { 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":[]}
+{"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.map

@@ -1 +1 @@
-{"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 { 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":[]}
+{"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.map

@@ -1 +1 @@
-{"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 { 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":[]}
+{"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,104 +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.
-     * @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 {};
+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,9 +26,12 @@ 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;
 
 
@@ -187,6 +193,9 @@ Calendar = exports.Calendar = (0, _rootNode.rootNode)(_class = (_Calendar = /*#_
 
 
 
+
+
+
 
 
 
@@ -506,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;