npm - @vkontakte/vkui - Versions diffs - 8.0.2 → 8.1.0 - Mend

@vkontakte/vkui 8.0.2 → 8.1.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 (1384) hide show

package/dist/components/Button/Button.d.ts CHANGED Viewed

@@ -7,27 +7,27 @@ export interface VKUIButtonProps extends HasAlign {
     /**
      * Режим отображения кнопки.
      */
-    mode?: 'primary' | 'secondary' | 'tertiary' | 'outline' | 'link';
+    mode?: 'primary' | 'secondary' | 'tertiary' | 'outline' | 'link' | undefined;
     /**
      * Цветовая схема кнопки.
      */
-    appearance?: 'accent' | 'positive' | 'negative' | 'neutral' | 'overlay' | 'accent-invariable';
+    appearance?: 'accent' | 'positive' | 'negative' | 'neutral' | 'overlay' | 'accent-invariable' | undefined;
     /**
      * Размер кнопки.
      */
-    size?: 's' | 'm' | 'l';
+    size?: 's' | 'm' | 'l' | undefined;
     /**
      * Растягивает кнопку на всю ширину контейнера.
      */
-    stretched?: boolean;
+    stretched?: boolean | undefined;
     /**
      * Контент, отображаемый перед основным содержимым кнопки.
      */
-    before?: React.ReactNode;
+    before?: React.ReactNode | undefined;
     /**
      * Контент, отображаемый после основного содержимого кнопки.
      */
-    after?: React.ReactNode;
+    after?: React.ReactNode | undefined;
     /**
      * Включает состояние загрузки (отображает спиннер).
      *
@@ -43,24 +43,24 @@ export interface VKUIButtonProps extends HasAlign {
      * @example
      * <Button loading loadingLabel="Сохранение данных...">Сохранить</Button>
      */
-    loading?: boolean;
+    loading?: boolean | undefined;
     /**
      * Текст для `aria-label` при состоянии загрузки.
      * Подменяет переданный в компонент `aria-label` только когда `loading={true}`.
      */
-    loadingLabel?: string;
+    loadingLabel?: string | undefined;
     /**
      * Отключает анимацию спиннера загрузки.
      */
-    disableSpinnerAnimation?: boolean;
+    disableSpinnerAnimation?: boolean | undefined;
     /**
      * Добавляет скругленные углы кнопке.
      */
-    rounded?: boolean;
+    rounded?: boolean | undefined;
     /**
      * Добавляет тень кнопке.
      */
-    elevation?: Elevation;
+    elevation?: Elevation | undefined;
 }
 export interface ButtonProps extends Omit<TappableOmitProps, 'size'>, VKUIButtonProps {
 }

package/dist/components/Button/Button.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../src/components/Button/Button.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,KAAK,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AAEvD,OAAO,EAAY,KAAK,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AACxE,OAAO,iCAAiC,CAAC;AACzC,OAAO,+BAA+B,CAAC;AA2CvC,MAAM,WAAW,eAAgB,SAAQ,QAAQ;IAC/C;;OAEG;IACH,IAAI,CAAC,EAAE,SAAS,GAAG,WAAW,GAAG,UAAU,GAAG,SAAS,GAAG,MAAM,CAAC;~~IACjE~~;;OAEG;IACH,UAAU,CAAC,~~EAAE~~,QAAQ,~~GAAG~~,UAAU,~~GAAG~~,UAAU,~~GAAG~~,SAAS,~~GAAG~~,SAAS,~~GAAG~~,mBAAmB,CAAC;~~IAC9F~~;;OAEG;IACH,IAAI,CAAC,EAAE,GAAG,GAAG,GAAG,GAAG,GAAG,CAAC;~~IACvB~~;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;~~IACpB~~;;OAEG;IACH,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;~~IACzB~~;;OAEG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;~~IACxB~~;;;;;;;;;;;;;;OAcG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;~~IAClB~~;;;OAGG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;~~IACtB~~;;OAEG;IACH,uBAAuB,CAAC,EAAE,OAAO,CAAC;~~IAClC~~;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;~~IAClB~~;;OAEG;IACH,SAAS,CAAC,EAAE,SAAS,CAAC;~~CACvB~~;AAED,MAAM,WAAW,WAAY,SAAQ,IAAI,CAAC,iBAAiB,EAAE,MAAM,CAAC,EAAE,eAAe;CAAG;AAExF;;GAEG;AACH,eAAO,MAAM,MAAM,GAAI,2NAoBpB,WAAW,KAAG,KAAK,CAAC,SAoGtB,CAAC"}
1	+ {"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../src/components/Button/Button.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,KAAK,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AAEvD,OAAO,EAAY,KAAK,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AACxE,OAAO,iCAAiC,CAAC;AACzC,OAAO,+BAA+B,CAAC;AA2CvC,MAAM,WAAW,eAAgB,SAAQ,QAAQ;IAC/C;;OAEG;IACH,IAAI,CAAC,EAAE,SAAS,GAAG,WAAW,GAAG,UAAU,GAAG,SAAS,GAAG,MAAM,GAAG,SAAS,CAAC;IAC7E;;OAEG;IACH,UAAU,CAAC,EACP,QAAQ,GACR,UAAU,GACV,UAAU,GACV,SAAS,GACT,SAAS,GACT,mBAAmB,GACnB,SAAS,CAAC;IACd;;OAEG;IACH,IAAI,CAAC,EAAE,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,SAAS,CAAC;IACnC;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAChC;;OAEG;IACH,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,SAAS,CAAC;IACrC;;OAEG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,SAAS,CAAC;IACpC;;;;;;;;;;;;;;OAcG;IACH,OAAO,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAC9B;;;OAGG;IACH,YAAY,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAClC;;OAEG;IACH,uBAAuB,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAC9C;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAC9B;;OAEG;IACH,SAAS,CAAC,EAAE,SAAS,GAAG,SAAS,CAAC;CACnC;AAED,MAAM,WAAW,WAAY,SAAQ,IAAI,CAAC,iBAAiB,EAAE,MAAM,CAAC,EAAE,eAAe;CAAG;AAExF;;GAEG;AACH,eAAO,MAAM,MAAM,GAAI,2NAoBpB,WAAW,KAAG,KAAK,CAAC,SAoGtB,CAAC"}

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

@@ -88,7 +88,7 @@ const densityClassNames = {
         getRootRef: getRootRef,
         children: [
             loading && /*#__PURE__*/ _jsx(Spinner, {
-                size: "s",
+                size: size === 's' ? 's' : 'm',
                 className: "vkuiButton__spinner",
                 disableAnimation: disableSpinnerAnimation,
                 noColor: true,

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

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../src/components/Button/Button.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { classNames, hasReactNode } from '@vkontakte/vkjs';\nimport { useAdaptivity } from '../../hooks/useAdaptivity';\nimport { usePlatform } from '../../hooks/usePlatform';\nimport type { Elevation, HasAlign } from '../../types';\nimport { Spinner } from '../Spinner/Spinner';\nimport { Tappable, type TappableOmitProps } from '../Tappable/Tappable';\nimport '../Tappable/Tappable.module.css';\nimport '../Spinner/Spinner.module.css';\nimport styles from './Button.module.css';\n\nconst stylesElevation = {\n '1': styles.elevation1,\n '2': styles.elevation2,\n '3': styles.elevation3,\n '4': styles.elevation4,\n};\n\nconst stylesSize = {\n s: styles.sizeS,\n m: styles.sizeM,\n l: styles.sizeL,\n};\n\nconst stylesMode = {\n primary: styles.modePrimary,\n secondary: styles.modeSecondary,\n tertiary: styles.modeTertiary,\n outline: styles.modeOutline,\n link: styles.modeLink,\n};\n\nconst stylesAppearance = {\n 'accent': styles.appearanceAccent,\n 'positive': styles.appearancePositive,\n 'negative': styles.appearanceNegative,\n 'neutral': styles.appearanceNeutral,\n 'overlay': styles.appearanceOverlay,\n 'accent-invariable': styles.appearanceAccentInvariable,\n};\n\nconst stylesAlign = {\n left: styles.alignLeft,\n right: styles.alignRight,\n};\n\nconst densityClassNames = {\n none: styles.densityNone,\n regular: styles.densityRegular,\n};\n\nexport interface VKUIButtonProps extends HasAlign {\n /*\n Режим отображения кнопки.\n /\n mode?: 'primary' \| 'secondary' \| 'tertiary' \| 'outline' \| 'link';\n /\n Цветовая схема кнопки.\n /\n appearance?: 'accent' \| 'positive' \| 'negative' \| 'neutral' \| 'overlay' \| 'accent-invariable';\n /\n Размер кнопки.\n /\n size?: 's' \| 'm' \| 'l';\n /\n Растягивает кнопку на всю ширину контейнера.\n /\n stretched?: boolean;\n /\n Контент, отображаемый перед основным содержимым кнопки.\n /\n before?: React.ReactNode;\n /\n Контент, отображаемый после основного содержимого кнопки.\n /\n after?: React.ReactNode;\n /\n Включает состояние загрузки (отображает спиннер).\n \n ⚠️ Важно для доступности: При использовании `loading={true}` компонент автоматически\n * устанавливает `aria-label` в значение `loadingLabel` (по умолчанию \"Загрузка...\"),\n * чтобы скринридер мог объявить контекст загрузки. Вы можете переопределить это значение,\n * передав свойство `loadingLabel`.\n \n @example\n * <Button loading>Сохранить</Button>\n * // Скринридер объявит: \"Загрузка..., кнопка\"\n \n @example\n * <Button loading loadingLabel=\"Сохранение данных...\">Сохранить</Button>\n /\n loading?: boolean;\n /\n Текст для `aria-label` при состоянии загрузки.\n * Подменяет переданный в компонент `aria-label` только когда `loading={true}`.\n /\n loadingLabel?: string;\n /\n Отключает анимацию спиннера загрузки.\n /\n disableSpinnerAnimation?: boolean;\n /\n Добавляет скругленные углы кнопке.\n /\n rounded?: boolean;\n /\n Добавляет тень кнопке.\n /\n elevation?: Elevation;\n}\n\nexport interface ButtonProps extends Omit<TappableOmitProps, 'size'>, VKUIButtonProps {}\n\n/\n @see https://vkui.io/components/button\n */\nexport const Button = ({\n size = 's',\n mode = 'primary',\n appearance = 'accent',\n stretched = false,\n align = 'center',\n children,\n before,\n after,\n getRootRef,\n loading,\n loadingLabel = 'Загрузка...',\n onClick,\n disableSpinnerAnimation,\n rounded,\n disabled,\n href,\n 'aria-label': ariaLabelProp,\n elevation,\n ...restProps\n}: ButtonProps): React.ReactNode => {\n const hasIconOnly = !children && Boolean(after) !== Boolean(before);\n const { density = 'none' } = useAdaptivity();\n const platform = usePlatform();\n\n const isDisabled = disabled \|\| loading;\n const hasHref = href !== undefined;\n\n const ariaLabel = loading ? loadingLabel : ariaLabelProp;\n\n const buttonProps = React.useMemo(() => {\n if (hasHref) {\n return isDisabled\n ? {\n // Для disabled/loading ссылок нужно удалить href и добавить role=\"link\"\n // согласно https://w3c.github.io/html-aria/#example-communicate-a-disabled-link-with-aria\n 'role': 'link' as const,\n 'Component': 'a' as const,\n 'aria-disabled': isDisabled,\n }\n : {\n href,\n 'aria-disabled': isDisabled,\n };\n } else {\n return {\n Component: 'button' as const,\n disabled,\n };\n }\n }, [disabled, hasHref, href, isDisabled]);\n\n return (\n <Tappable\n hoverMode={styles.hover}\n activeMode={styles.active}\n focusVisibleMode=\"outside\"\n aria-busy={loading}\n hasHover={!loading}\n hasActive={!loading}\n {...buttonProps}\n {...restProps}\n aria-label={ariaLabel}\n onClick={isDisabled ? undefined : onClick}\n baseClassName={classNames(\n styles.host,\n stylesSize[size],\n stylesMode[mode],\n stylesAppearance[appearance],\n align !== 'center' && stylesAlign[align],\n density !== 'compact' && densityClassNames[density],\n platform === 'ios' && styles.ios,\n stretched && styles.stretched,\n hasIconOnly && !stretched && styles.singleIcon,\n loading && styles.loading,\n rounded && styles.rounded,\n disabled && styles.disabled,\n elevation && stylesElevation[elevation],\n )}\n getRootRef={getRootRef}\n >\n {loading && (\n <Spinner\n size=\"s\"\n className={styles.spinner}\n disableAnimation={disableSpinnerAnimation}\n noColor\n aria-hidden=\"true\"\n />\n )}\n <span className={styles.in}>\n {hasReactNode(before) && (\n <span\n className={styles.before}\n role=\"presentation\"\n data-testid={process.env.NODE_ENV === 'test' ? 'before' : undefined}\n >\n {before}\n </span>\n )}\n {hasReactNode(children) && (\n <span\n className={styles.content}\n data-testid={process.env.NODE_ENV === 'test' ? 'children' : undefined}\n >\n {children}\n </span>\n )}\n {hasReactNode(after) && (\n <span\n className={styles.after}\n role=\"presentation\"\n data-testid={process.env.NODE_ENV === 'test' ? 'after' : undefined}\n >\n {after}\n </span>\n )}\n </span>\n </Tappable>\n );\n};\n"],"names":["React","classNames","hasReactNode","useAdaptivity","usePlatform","Spinner","Tappable","stylesElevation","stylesSize","s","m","l","stylesMode","primary","secondary","tertiary","outline","link","stylesAppearance","stylesAlign","left","right","densityClassNames","none","regular","Button","size","mode","appearance","stretched","align","children","before","after","getRootRef","loading","loadingLabel","onClick","disableSpinnerAnimation","rounded","disabled","href","ariaLabelProp","elevation","restProps","hasIconOnly","Boolean","density","platform","isDisabled","hasHref","undefined","ariaLabel","buttonProps","useMemo","Component","hoverMode","activeMode","focusVisibleMode","aria-busy","hasHover","hasActive","aria-label","baseClassName","className","disableAnimation","noColor","aria-hidden","span","role","data-testid","process","env","NODE_ENV"],"mappings":"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"}
1	+ {"version":3,"sources":["../../../src/components/Button/Button.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { classNames, hasReactNode } from '@vkontakte/vkjs';\nimport { useAdaptivity } from '../../hooks/useAdaptivity';\nimport { usePlatform } from '../../hooks/usePlatform';\nimport type { Elevation, HasAlign } from '../../types';\nimport { Spinner } from '../Spinner/Spinner';\nimport { Tappable, type TappableOmitProps } from '../Tappable/Tappable';\nimport '../Tappable/Tappable.module.css';\nimport '../Spinner/Spinner.module.css';\nimport styles from './Button.module.css';\n\nconst stylesElevation = {\n '1': styles.elevation1,\n '2': styles.elevation2,\n '3': styles.elevation3,\n '4': styles.elevation4,\n};\n\nconst stylesSize = {\n s: styles.sizeS,\n m: styles.sizeM,\n l: styles.sizeL,\n};\n\nconst stylesMode = {\n primary: styles.modePrimary,\n secondary: styles.modeSecondary,\n tertiary: styles.modeTertiary,\n outline: styles.modeOutline,\n link: styles.modeLink,\n};\n\nconst stylesAppearance = {\n 'accent': styles.appearanceAccent,\n 'positive': styles.appearancePositive,\n 'negative': styles.appearanceNegative,\n 'neutral': styles.appearanceNeutral,\n 'overlay': styles.appearanceOverlay,\n 'accent-invariable': styles.appearanceAccentInvariable,\n};\n\nconst stylesAlign = {\n left: styles.alignLeft,\n right: styles.alignRight,\n};\n\nconst densityClassNames = {\n none: styles.densityNone,\n regular: styles.densityRegular,\n};\n\nexport interface VKUIButtonProps extends HasAlign {\n /*\n Режим отображения кнопки.\n /\n mode?: 'primary' \| 'secondary' \| 'tertiary' \| 'outline' \| 'link' \| undefined;\n /\n Цветовая схема кнопки.\n /\n appearance?:\n \| 'accent'\n \| 'positive'\n \| 'negative'\n \| 'neutral'\n \| 'overlay'\n \| 'accent-invariable'\n \| undefined;\n /\n Размер кнопки.\n /\n size?: 's' \| 'm' \| 'l' \| undefined;\n /\n Растягивает кнопку на всю ширину контейнера.\n /\n stretched?: boolean \| undefined;\n /\n Контент, отображаемый перед основным содержимым кнопки.\n /\n before?: React.ReactNode \| undefined;\n /\n Контент, отображаемый после основного содержимого кнопки.\n /\n after?: React.ReactNode \| undefined;\n /\n Включает состояние загрузки (отображает спиннер).\n \n ⚠️ Важно для доступности: При использовании `loading={true}` компонент автоматически\n * устанавливает `aria-label` в значение `loadingLabel` (по умолчанию \"Загрузка...\"),\n * чтобы скринридер мог объявить контекст загрузки. Вы можете переопределить это значение,\n * передав свойство `loadingLabel`.\n \n @example\n * <Button loading>Сохранить</Button>\n * // Скринридер объявит: \"Загрузка..., кнопка\"\n \n @example\n * <Button loading loadingLabel=\"Сохранение данных...\">Сохранить</Button>\n /\n loading?: boolean \| undefined;\n /\n Текст для `aria-label` при состоянии загрузки.\n * Подменяет переданный в компонент `aria-label` только когда `loading={true}`.\n /\n loadingLabel?: string \| undefined;\n /\n Отключает анимацию спиннера загрузки.\n /\n disableSpinnerAnimation?: boolean \| undefined;\n /\n Добавляет скругленные углы кнопке.\n /\n rounded?: boolean \| undefined;\n /\n Добавляет тень кнопке.\n /\n elevation?: Elevation \| undefined;\n}\n\nexport interface ButtonProps extends Omit<TappableOmitProps, 'size'>, VKUIButtonProps {}\n\n/\n @see https://vkui.io/components/button\n */\nexport const Button = ({\n size = 's',\n mode = 'primary',\n appearance = 'accent',\n stretched = false,\n align = 'center',\n children,\n before,\n after,\n getRootRef,\n loading,\n loadingLabel = 'Загрузка...',\n onClick,\n disableSpinnerAnimation,\n rounded,\n disabled,\n href,\n 'aria-label': ariaLabelProp,\n elevation,\n ...restProps\n}: ButtonProps): React.ReactNode => {\n const hasIconOnly = !children && Boolean(after) !== Boolean(before);\n const { density = 'none' } = useAdaptivity();\n const platform = usePlatform();\n\n const isDisabled = disabled \|\| loading;\n const hasHref = href !== undefined;\n\n const ariaLabel = loading ? loadingLabel : ariaLabelProp;\n\n const buttonProps = React.useMemo(() => {\n if (hasHref) {\n return isDisabled\n ? {\n // Для disabled/loading ссылок нужно удалить href и добавить role=\"link\"\n // согласно https://w3c.github.io/html-aria/#example-communicate-a-disabled-link-with-aria\n 'role': 'link' as const,\n 'Component': 'a' as const,\n 'aria-disabled': isDisabled,\n }\n : {\n href,\n 'aria-disabled': isDisabled,\n };\n } else {\n return {\n Component: 'button' as const,\n disabled,\n };\n }\n }, [disabled, hasHref, href, isDisabled]);\n\n return (\n <Tappable\n hoverMode={styles.hover}\n activeMode={styles.active}\n focusVisibleMode=\"outside\"\n aria-busy={loading}\n hasHover={!loading}\n hasActive={!loading}\n {...buttonProps}\n {...restProps}\n aria-label={ariaLabel}\n onClick={isDisabled ? undefined : onClick}\n baseClassName={classNames(\n styles.host,\n stylesSize[size],\n stylesMode[mode],\n stylesAppearance[appearance],\n align !== 'center' && stylesAlign[align],\n density !== 'compact' && densityClassNames[density],\n platform === 'ios' && styles.ios,\n stretched && styles.stretched,\n hasIconOnly && !stretched && styles.singleIcon,\n loading && styles.loading,\n rounded && styles.rounded,\n disabled && styles.disabled,\n elevation && stylesElevation[elevation],\n )}\n getRootRef={getRootRef}\n >\n {loading && (\n <Spinner\n size={size === 's' ? 's' : 'm'}\n className={styles.spinner}\n disableAnimation={disableSpinnerAnimation}\n noColor\n aria-hidden=\"true\"\n />\n )}\n <span className={styles.in}>\n {hasReactNode(before) && (\n <span\n className={styles.before}\n role=\"presentation\"\n data-testid={process.env.NODE_ENV === 'test' ? 'before' : undefined}\n >\n {before}\n </span>\n )}\n {hasReactNode(children) && (\n <span\n className={styles.content}\n data-testid={process.env.NODE_ENV === 'test' ? 'children' : undefined}\n >\n {children}\n </span>\n )}\n {hasReactNode(after) && (\n <span\n className={styles.after}\n role=\"presentation\"\n data-testid={process.env.NODE_ENV === 'test' ? 'after' : undefined}\n >\n {after}\n </span>\n )}\n </span>\n </Tappable>\n );\n};\n"],"names":["React","classNames","hasReactNode","useAdaptivity","usePlatform","Spinner","Tappable","stylesElevation","stylesSize","s","m","l","stylesMode","primary","secondary","tertiary","outline","link","stylesAppearance","stylesAlign","left","right","densityClassNames","none","regular","Button","size","mode","appearance","stretched","align","children","before","after","getRootRef","loading","loadingLabel","onClick","disableSpinnerAnimation","rounded","disabled","href","ariaLabelProp","elevation","restProps","hasIconOnly","Boolean","density","platform","isDisabled","hasHref","undefined","ariaLabel","buttonProps","useMemo","Component","hoverMode","activeMode","focusVisibleMode","aria-busy","hasHover","hasActive","aria-label","baseClassName","className","disableAnimation","noColor","aria-hidden","span","role","data-testid","process","env","NODE_ENV"],"mappings":"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"}

package/dist/components/ButtonGroup/ButtonGroup.d.ts CHANGED Viewed

@@ -3,21 +3,21 @@ export interface ButtonGroupProps extends HTMLAttributesWithRootRef<HTMLDivEleme
     /**
      * Задает расположение элементов внутри группы, вертикальное или горизонтальное.
      */
-    mode?: 'vertical' | 'horizontal';
+    mode?: 'vertical' | 'horizontal' | undefined;
     /**
      * Выставляет в зависимости от `mode` отступ по вертикали или горизонтали.
      */
-    gap?: 'none' | 'space' | 's' | 'm';
+    gap?: 'none' | 'space' | 's' | 'm' | undefined;
     /**
      * Растягивает компонент на всю ширину контейнера.
      *
      * Note: Для потомков соответствующее поведение нужно определять самостоятельно, где это необходимо.
      */
-    stretched?: boolean;
+    stretched?: boolean | undefined;
     /**
      * Горизонтальное выравнивание элементов внутри группы.
      */
-    align?: AlignType;
+    align?: AlignType | undefined;
 }
 /**
  * @see https://vkui.io/components/button-group

package/dist/components/ButtonGroup/ButtonGroup.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ButtonGroup.d.ts","sourceRoot":"","sources":["../../../src/components/ButtonGroup/ButtonGroup.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,yBAAyB,EAAE,MAAM,aAAa,CAAC;AAqBxE,MAAM,WAAW,gBAAiB,SAAQ,yBAAyB,CAAC,cAAc,CAAC;IACjF;;OAEG;IACH,IAAI,CAAC,EAAE,UAAU,GAAG,YAAY,CAAC;~~IACjC~~;;OAEG;IACH,GAAG,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,GAAG,GAAG,GAAG,CAAC;~~IACnC~~;;;;OAIG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;~~IACpB~~;;OAEG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC;~~CACnB~~;AAED;;GAEG;AACH,eAAO,MAAM,WAAW,GAAI,+CAMzB,gBAAgB,KAAG,KAAK,CAAC,SAc3B,CAAC"}
1	+ {"version":3,"file":"ButtonGroup.d.ts","sourceRoot":"","sources":["../../../src/components/ButtonGroup/ButtonGroup.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,yBAAyB,EAAE,MAAM,aAAa,CAAC;AAqBxE,MAAM,WAAW,gBAAiB,SAAQ,yBAAyB,CAAC,cAAc,CAAC;IACjF;;OAEG;IACH,IAAI,CAAC,EAAE,UAAU,GAAG,YAAY,GAAG,SAAS,CAAC;IAC7C;;OAEG;IACH,GAAG,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,GAAG,GAAG,GAAG,GAAG,SAAS,CAAC;IAC/C;;;;OAIG;IACH,SAAS,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAChC;;OAEG;IACH,KAAK,CAAC,EAAE,SAAS,GAAG,SAAS,CAAC;CAC/B;AAED;;GAEG;AACH,eAAO,MAAM,WAAW,GAAI,+CAMzB,gBAAgB,KAAG,KAAK,CAAC,SAc3B,CAAC"}

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

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../src/components/ButtonGroup/ButtonGroup.tsx"],"sourcesContent":["import { classNames } from '@vkontakte/vkjs';\nimport type { AlignType, HTMLAttributesWithRootRef } from '../../types';\nimport { RootComponent } from '../RootComponent/RootComponent';\nimport styles from './ButtonGroup.module.css';\n\nconst stylesMode = {\n vertical: styles.modeVertical,\n horizontal: styles.modeHorizontal,\n};\n\nconst stylesGap = {\n space: styles.gapSpace,\n s: styles.gapS,\n m: styles.gapM,\n};\n\nconst stylesAlign = {\n left: styles.alignLeft,\n center: styles.alignCenter,\n right: styles.alignRight,\n};\n\nexport interface ButtonGroupProps extends HTMLAttributesWithRootRef<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 align?: AlignType;\n}\n\n/\n @see https://vkui.io/components/button-group\n /\nexport const ButtonGroup = ({\n mode = 'horizontal',\n gap = 'm',\n stretched = false,\n align = 'left' / NOTE: Чтобы блоки по-умолчанию не растягивались на всю ширину контейнера */,\n ...restProps\n}: ButtonGroupProps): React.ReactNode => {\n return (\n <RootComponent\n baseClassName={classNames(\n styles.host,\n stylesMode[mode],\n gap !== 'none' && stylesGap[gap],\n stretched && styles.stretched,\n stylesAlign[align],\n )}\n role=\"group\"\n {...restProps}\n />\n );\n};\n"],"names":["classNames","RootComponent","stylesMode","vertical","horizontal","stylesGap","space","s","m","stylesAlign","left","center","right","ButtonGroup","mode","gap","stretched","align","restProps","baseClassName","role"],"mappings":";AAAA,SAASA,UAAU,QAAQ,kBAAkB;AAE7C,SAASC,aAAa,QAAQ,oCAAiC;AAG/D,MAAMC,aAAa;IACjBC,QAAQ;IACRC,UAAU;AACZ;AAEA,MAAMC,YAAY;IAChBC,KAAK;IACLC,CAAC;IACDC,CAAC;AACH;AAEA,MAAMC,cAAc;IAClBC,IAAI;IACJC,MAAM;IACNC,KAAK;AACP;AAuBA;;CAEC,GACD,OAAO,MAAMC,cAAc,CAAC,EAC1BC,OAAO,YAAY,EACnBC,MAAM,GAAG,EACTC,YAAY,KAAK,EACjBC,QAAQ,OAAO,4EAA4E,GAA7E,EACd,GAAGC,WACc;IACjB,qBACE,KAACjB;QACCkB,eAAenB,oCAEbE,UAAU,CAACY,KAAK,EAChBC,QAAQ,UAAUV,SAAS,CAACU,IAAI,EAChCC,2CACAP,WAAW,CAACQ,MAAM;QAEpBG,MAAK;QACJ,GAAGF,SAAS;;AAGnB,EAAE"}
1	+ {"version":3,"sources":["../../../src/components/ButtonGroup/ButtonGroup.tsx"],"sourcesContent":["import { classNames } from '@vkontakte/vkjs';\nimport type { AlignType, HTMLAttributesWithRootRef } from '../../types';\nimport { RootComponent } from '../RootComponent/RootComponent';\nimport styles from './ButtonGroup.module.css';\n\nconst stylesMode = {\n vertical: styles.modeVertical,\n horizontal: styles.modeHorizontal,\n};\n\nconst stylesGap = {\n space: styles.gapSpace,\n s: styles.gapS,\n m: styles.gapM,\n};\n\nconst stylesAlign = {\n left: styles.alignLeft,\n center: styles.alignCenter,\n right: styles.alignRight,\n};\n\nexport interface ButtonGroupProps extends HTMLAttributesWithRootRef<HTMLDivElement> {\n /*\n Задает расположение элементов внутри группы, вертикальное или горизонтальное.\n /\n mode?: 'vertical' \| 'horizontal' \| undefined;\n /\n Выставляет в зависимости от `mode` отступ по вертикали или горизонтали.\n /\n gap?: 'none' \| 'space' \| 's' \| 'm' \| undefined;\n /\n Растягивает компонент на всю ширину контейнера.\n \n Note: Для потомков соответствующее поведение нужно определять самостоятельно, где это необходимо.\n /\n stretched?: boolean \| undefined;\n /\n Горизонтальное выравнивание элементов внутри группы.\n /\n align?: AlignType \| undefined;\n}\n\n/\n @see https://vkui.io/components/button-group\n /\nexport const ButtonGroup = ({\n mode = 'horizontal',\n gap = 'm',\n stretched = false,\n align = 'left' / NOTE: Чтобы блоки по-умолчанию не растягивались на всю ширину контейнера */,\n ...restProps\n}: ButtonGroupProps): React.ReactNode => {\n return (\n <RootComponent\n baseClassName={classNames(\n styles.host,\n stylesMode[mode],\n gap !== 'none' && stylesGap[gap],\n stretched && styles.stretched,\n stylesAlign[align],\n )}\n role=\"group\"\n {...restProps}\n />\n );\n};\n"],"names":["classNames","RootComponent","stylesMode","vertical","horizontal","stylesGap","space","s","m","stylesAlign","left","center","right","ButtonGroup","mode","gap","stretched","align","restProps","baseClassName","role"],"mappings":";AAAA,SAASA,UAAU,QAAQ,kBAAkB;AAE7C,SAASC,aAAa,QAAQ,oCAAiC;AAG/D,MAAMC,aAAa;IACjBC,QAAQ;IACRC,UAAU;AACZ;AAEA,MAAMC,YAAY;IAChBC,KAAK;IACLC,CAAC;IACDC,CAAC;AACH;AAEA,MAAMC,cAAc;IAClBC,IAAI;IACJC,MAAM;IACNC,KAAK;AACP;AAuBA;;CAEC,GACD,OAAO,MAAMC,cAAc,CAAC,EAC1BC,OAAO,YAAY,EACnBC,MAAM,GAAG,EACTC,YAAY,KAAK,EACjBC,QAAQ,OAAO,4EAA4E,GAA7E,EACd,GAAGC,WACc;IACjB,qBACE,KAACjB;QACCkB,eAAenB,oCAEbE,UAAU,CAACY,KAAK,EAChBC,QAAQ,UAAUV,SAAS,CAACU,IAAI,EAChCC,2CACAP,WAAW,CAACQ,MAAM;QAEpBG,MAAK;QACJ,GAAGF,SAAS;;AAGnB,EAAE"}

package/dist/components/Calendar/Calendar.d.ts CHANGED Viewed

@@ -8,29 +8,29 @@ export interface CalendarProps extends Omit<HTMLAttributesWithRootRef<HTMLDivEle
     /**
      * Текущая выбранная дата.
      */
-    value?: Date | null;
+    value?: Date | null | undefined;
     /**
      * Начальная дата при монтировании.
      */
-    defaultValue?: Date | null;
+    defaultValue?: Date | null | undefined;
     /**
      * Запрещает выбор даты в прошлом.
      * Применяется, если не заданы `shouldDisableDate` и `disableFuture`.
      */
-    disablePast?: boolean;
+    disablePast?: boolean | undefined;
     /**
      * Запрещает выбор даты в будущем.
      * Применяется, если не задано `shouldDisableDate`.
      */
-    disableFuture?: boolean;
+    disableFuture?: boolean | undefined;
     /**
      * Включает выбор времени.
      */
-    enableTime?: boolean;
+    enableTime?: boolean | undefined;
     /**
      * Отключает селекторы выбора месяца/года.
      */
-    disablePickers?: boolean;
+    disablePickers?: boolean | undefined;
     /**
      * `aria-label` для изменения дня.
      *
@@ -39,50 +39,50 @@ export interface CalendarProps extends Omit<HTMLAttributesWithRootRef<HTMLDivEle
      * Теперь этот контейнер является таблицей (с помощью role="grid") и
      * в aria-label рендерится текущий открытый в календаре месяц и год.
      */
-    changeDayLabel?: string;
+    changeDayLabel?: string | undefined;
     /**
      * День недели, с которого начинается неделя.
      */
-    weekStartsOn?: 0 | 1 | 2 | 3 | 4 | 5 | 6;
+    weekStartsOn?: 0 | 1 | 2 | 3 | 4 | 5 | 6 | undefined;
     /**
      * Показывать дни соседних месяцев.
      */
-    showNeighboringMonth?: boolean;
+    showNeighboringMonth?: boolean | undefined;
     /**
      * Размер календаря.
      */
-    size?: 's' | 'm';
+    size?: 's' | 'm' | undefined;
     /**
      * Обработчик изменения выбранной даты.
      */
-    onChange?: (value: Date) => void;
+    onChange?: ((value: Date) => void) | undefined;
     /**
      * Функция для проверки запрета выбора даты.
      */
-    shouldDisableDate?: (value: Date) => boolean;
+    shouldDisableDate?: ((value: Date) => boolean) | undefined;
     /**
      * Дата отображаемого месяца.
      * При использовании обновление даты должно происходить вне компонента.
      */
-    viewDate?: Date;
+    viewDate?: Date | undefined;
     /**
      * Обработчик изменения даты в шапке календаря.
      */
-    onHeaderChange?: (value: Date) => void;
+    onHeaderChange?: ((value: Date) => void) | undefined;
     /**
      * Минимальные дата и время, которые можно выбрать.
      * Применяется, если не заданы `shouldDisableDate` и `disablePast`/`disableFuture`.
      */
-    minDateTime?: Date;
+    minDateTime?: Date | undefined;
     /**
      * Максимальные дата и время, которые можно выбрать.
      * Применяется, если не заданы `shouldDisableDate` и `disablePast`/`disableFuture`.
      */
-    maxDateTime?: Date;
+    maxDateTime?: Date | undefined;
     /**
      * Часовой пояс для отображения даты.
      */
-    timezone?: string;
+    timezone?: string | undefined;
 }
 /**
  * @see https://vkui.io/components/calendar

package/dist/components/Calendar/Calendar.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Calendar.d.ts","sourceRoot":"","sources":["../../../src/components/Calendar/Calendar.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAgB/B,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,aAAa,CAAC;AAC7D,OAAO,EAEL,KAAK,iBAAiB,EACtB,KAAK,sBAAsB,EAC5B,MAAM,8BAA8B,CAAC;AACtC,OAAO,EAEL,KAAK,mBAAmB,EACxB,KAAK,wBAAwB,EAC9B,MAAM,kCAAkC,CAAC;AAC1C,OAAO,EACL,KAAK,uBAAuB,EAE5B,KAAK,iBAAiB,EACtB,KAAK,sBAAsB,EAC5B,MAAM,8BAA8B,CAAC;AAItC,MAAM,MAAM,kBAAkB,GAAG,sBAAsB,GACrD,wBAAwB,GACxB,sBAAsB,CAAC;AAEzB,MAAM,WAAW,aACf,SAAQ,IAAI,CAAC,yBAAyB,CAAC,cAAc,CAAC,EAAE,UAAU,GAAG,cAAc,CAAC,EAClF,IAAI,CAAC,iBAAiB,EAAE,kBAAkB,GAAG,oBAAoB,CAAC,EAClE,IAAI,CACF,mBAAmB,EACjB,gBAAgB,GAChB,gBAAgB,GAChB,kBAAkB,GAClB,iBAAiB,GACjB,aAAa,GACb,aAAa,GACb,eAAe,GACf,eAAe,GACf,gBAAgB,GAChB,gBAAgB,CACnB,EACD,IAAI,CAAC,iBAAiB,EAAE,UAAU,GAAG,2BAA2B,GAAG,kBAAkB,CAAC,EACtF,uBAAuB,EACvB,kBAAkB;IACpB;;OAEG;IACH,KAAK,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;~~IACpB~~;;OAEG;IACH,YAAY,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;~~IAC3B~~;;;OAGG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;~~IACtB~~;;;OAGG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;~~IACxB~~;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;~~IACrB~~;;OAEG;IACH,cAAc,CAAC,EAAE,OAAO,CAAC;~~IACzB~~;;;;;;;OAOG;IACH,cAAc,CAAC,EAAE,MAAM,CAAC;~~IACxB~~;;OAEG;IACH,YAAY,CAAC,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;~~IACzC~~;;OAEG;IACH,oBAAoB,CAAC,EAAE,OAAO,CAAC;~~IAC/B~~;;OAEG;IACH,IAAI,CAAC,EAAE,GAAG,GAAG,GAAG,CAAC;~~IACjB~~;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,IAAI,KAAK,IAAI,CAAC;~~IACjC~~;;OAEG;IACH,iBAAiB,CAAC,EAAE,CAAC,KAAK,EAAE,IAAI,KAAK,OAAO,CAAC;~~IAC7C~~;;;OAGG;IACH,QAAQ,CAAC,EAAE,IAAI,CAAC;~~IAChB~~;;OAEG;IACH,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE,IAAI,KAAK,IAAI,CAAC;~~IACvC~~;;;OAGG;IACH,WAAW,CAAC,EAAE,IAAI,CAAC;~~IACnB~~;;;OAGG;IACH,WAAW,CAAC,EAAE,IAAI,CAAC;~~IACnB~~;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;~~CACnB~~;AAID;;GAEG;AACH,eAAO,MAAM,QAAQ,GAAI,iwBAgDtB,aAAa,KAAG,KAAK,CAAC,SAqPxB,CAAC"}
1	+ {"version":3,"file":"Calendar.d.ts","sourceRoot":"","sources":["../../../src/components/Calendar/Calendar.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAgB/B,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,aAAa,CAAC;AAC7D,OAAO,EAEL,KAAK,iBAAiB,EACtB,KAAK,sBAAsB,EAC5B,MAAM,8BAA8B,CAAC;AACtC,OAAO,EAEL,KAAK,mBAAmB,EACxB,KAAK,wBAAwB,EAC9B,MAAM,kCAAkC,CAAC;AAC1C,OAAO,EACL,KAAK,uBAAuB,EAE5B,KAAK,iBAAiB,EACtB,KAAK,sBAAsB,EAC5B,MAAM,8BAA8B,CAAC;AAItC,MAAM,MAAM,kBAAkB,GAAG,sBAAsB,GACrD,wBAAwB,GACxB,sBAAsB,CAAC;AAEzB,MAAM,WAAW,aACf,SAAQ,IAAI,CAAC,yBAAyB,CAAC,cAAc,CAAC,EAAE,UAAU,GAAG,cAAc,CAAC,EAClF,IAAI,CAAC,iBAAiB,EAAE,kBAAkB,GAAG,oBAAoB,CAAC,EAClE,IAAI,CACF,mBAAmB,EACjB,gBAAgB,GAChB,gBAAgB,GAChB,kBAAkB,GAClB,iBAAiB,GACjB,aAAa,GACb,aAAa,GACb,eAAe,GACf,eAAe,GACf,gBAAgB,GAChB,gBAAgB,CACnB,EACD,IAAI,CAAC,iBAAiB,EAAE,UAAU,GAAG,2BAA2B,GAAG,kBAAkB,CAAC,EACtF,uBAAuB,EACvB,kBAAkB;IACpB;;OAEG;IACH,KAAK,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,SAAS,CAAC;IAChC;;OAEG;IACH,YAAY,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,SAAS,CAAC;IACvC;;;OAGG;IACH,WAAW,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAClC;;;OAGG;IACH,aAAa,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IACpC;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IACjC;;OAEG;IACH,cAAc,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IACrC;;;;;;;OAOG;IACH,cAAc,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IACpC;;OAEG;IACH,YAAY,CAAC,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,SAAS,CAAC;IACrD;;OAEG;IACH,oBAAoB,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAC3C;;OAEG;IACH,IAAI,CAAC,EAAE,GAAG,GAAG,GAAG,GAAG,SAAS,CAAC;IAC7B;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAC,CAAC,KAAK,EAAE,IAAI,KAAK,IAAI,CAAC,GAAG,SAAS,CAAC;IAC/C;;OAEG;IACH,iBAAiB,CAAC,EAAE,CAAC,CAAC,KAAK,EAAE,IAAI,KAAK,OAAO,CAAC,GAAG,SAAS,CAAC;IAC3D;;;OAGG;IACH,QAAQ,CAAC,EAAE,IAAI,GAAG,SAAS,CAAC;IAC5B;;OAEG;IACH,cAAc,CAAC,EAAE,CAAC,CAAC,KAAK,EAAE,IAAI,KAAK,IAAI,CAAC,GAAG,SAAS,CAAC;IACrD;;;OAGG;IACH,WAAW,CAAC,EAAE,IAAI,GAAG,SAAS,CAAC;IAC/B;;;OAGG;IACH,WAAW,CAAC,EAAE,IAAI,GAAG,SAAS,CAAC;IAC/B;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;CAC/B;AAID;;GAEG;AACH,eAAO,MAAM,QAAQ,GAAI,iwBAgDtB,aAAa,KAAG,KAAK,CAAC,SAqPxB,CAAC"}

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

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../src/components/Calendar/Calendar.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { classNames, isSameDate } from '@vkontakte/vkjs';\nimport { useCalendar } from '../../hooks/useCalendar';\nimport { useCustomEnsuredControl } from '../../hooks/useEnsuredControl';\nimport { Keys, pressedKey } from '../../lib/accessibility';\nimport { clamp, isFirstDay, isLastDay, navigateDate, NAVIGATION_KEYS } from '../../lib/calendar';\nimport {\n convertDateFromTimeZone,\n convertDateToTimeZone,\n createDateInTimeZone,\n isSameMonth,\n startOfMonth,\n} from '../../lib/date';\nimport { isHTMLElement } from '../../lib/dom';\nimport { useIsomorphicLayoutEffect } from '../../lib/useIsomorphicLayoutEffect';\nimport { warnOnce } from '../../lib/warnOnce';\nimport type { HTMLAttributesWithRootRef } from '../../types';\nimport {\n CalendarDays,\n type CalendarDaysProps,\n type CalendarDaysTestsProps,\n} from '../CalendarDays/CalendarDays';\nimport {\n CalendarHeader,\n type CalendarHeaderProps,\n type CalendarHeaderTestsProps,\n} from '../CalendarHeader/CalendarHeader';\nimport {\n type CalendarDoneButtonProps,\n CalendarTime,\n type CalendarTimeProps,\n type CalendarTimeTestsProps,\n} from '../CalendarTime/CalendarTime';\nimport { RootComponent } from '../RootComponent/RootComponent';\nimport styles from './Calendar.module.css';\n\nexport type CalendarTestsProps = CalendarDaysTestsProps &\n CalendarHeaderTestsProps &\n CalendarTimeTestsProps;\n\nexport interface CalendarProps\n extends Omit<HTMLAttributesWithRootRef<HTMLDivElement>, 'onChange' \| 'defaultValue'>,\n Pick<CalendarTimeProps, 'changeHoursLabel' \| 'changeMinutesLabel'>,\n Pick<\n CalendarHeaderProps,\n \| 'prevMonthLabel'\n \| 'nextMonthLabel'\n \| 'changeMonthLabel'\n \| 'changeYearLabel'\n \| 'onNextMonth'\n \| 'onPrevMonth'\n \| 'prevMonthIcon'\n \| 'nextMonthIcon'\n \| 'prevMonthProps'\n \| 'nextMonthProps'\n >,\n Pick<CalendarDaysProps, 'dayProps' \| 'listenDayChangesForUpdate' \| 'renderDayContent'>,\n CalendarDoneButtonProps,\n CalendarTestsProps {\n /*\n Текущая выбранная дата.\n /\n value?: Date \| null;\n /\n Начальная дата при монтировании.\n /\n defaultValue?: Date \| null;\n /\n Запрещает выбор даты в прошлом.\n * Применяется, если не заданы `shouldDisableDate` и `disableFuture`.\n /\n disablePast?: boolean;\n /\n Запрещает выбор даты в будущем.\n * Применяется, если не задано `shouldDisableDate`.\n /\n disableFuture?: boolean;\n /\n Включает выбор времени.\n /\n enableTime?: boolean;\n /\n Отключает селекторы выбора месяца/года.\n /\n disablePickers?: boolean;\n /\n `aria-label` для изменения дня.\n \n @deprecated Будет удалeно в VKUI v9.\n * Использовалось для задания aria-label для контейнера дней в календаре.\n * Теперь этот контейнер является таблицей (с помощью role=\"grid\") и\n * в aria-label рендерится текущий открытый в календаре месяц и год.\n /\n changeDayLabel?: string; // TODO [>=9]: удалить неиспользуемое свойство\n /\n День недели, с которого начинается неделя.\n /\n weekStartsOn?: 0 \| 1 \| 2 \| 3 \| 4 \| 5 \| 6;\n /\n Показывать дни соседних месяцев.\n /\n showNeighboringMonth?: boolean;\n /\n Размер календаря.\n /\n size?: 's' \| 'm';\n /\n Обработчик изменения выбранной даты.\n /\n onChange?: (value: Date) => void;\n /\n Функция для проверки запрета выбора даты.\n /\n shouldDisableDate?: (value: Date) => boolean;\n /\n Дата отображаемого месяца.\n * При использовании обновление даты должно происходить вне компонента.\n /\n viewDate?: Date;\n /\n Обработчик изменения даты в шапке календаря.\n /\n onHeaderChange?: (value: Date) => void;\n /\n Минимальные дата и время, которые можно выбрать.\n * Применяется, если не заданы `shouldDisableDate` и `disablePast`/`disableFuture`.\n /\n minDateTime?: Date;\n /\n Максимальные дата и время, которые можно выбрать.\n * Применяется, если не заданы `shouldDisableDate` и `disablePast`/`disableFuture`.\n /\n maxDateTime?: Date;\n /\n Часовой пояс для отображения даты.\n /\n timezone?: string;\n}\n\nconst warn = warnOnce('Calendar');\n\n/\n @see https://vkui.io/components/calendar\n /\nexport const Calendar = ({\n getRootRef,\n 'value': valueProp,\n defaultValue,\n onChange,\n disablePast,\n disableFuture,\n shouldDisableDate,\n onDoneButtonClick,\n enableTime = false,\n doneButtonText,\n doneButtonDisabled,\n doneButtonShow,\n DoneButton,\n weekStartsOn = 1,\n disablePickers,\n 'aria-label': ariaLabel = 'Календарь',\n changeHoursLabel = 'Изменить час',\n changeMinutesLabel = 'Изменить минуту',\n prevMonthLabel = 'Предыдущий месяц',\n nextMonthLabel = 'Следующий месяц',\n changeMonthLabel = 'Изменить месяц',\n changeYearLabel = 'Изменить год',\n showNeighboringMonth,\n size = 'm',\n 'viewDate': externalViewDate,\n onHeaderChange,\n onNextMonth,\n onPrevMonth,\n prevMonthIcon,\n nextMonthIcon,\n prevMonthProps,\n nextMonthProps,\n dayProps,\n listenDayChangesForUpdate,\n renderDayContent,\n minDateTime,\n maxDateTime,\n timezone,\n minutesTestId,\n hoursTestId,\n doneButtonTestId,\n prevMonthButtonTestId,\n nextMonthButtonTestId,\n monthDropdownTestId,\n yearDropdownTestId,\n dayTestId,\n ...props\n}: CalendarProps): React.ReactNode => {\n const _onChange = React.useCallback(\n (date: Date \| null) => {\n const newDate = convertDateFromTimeZone(date, timezone);\n if (newDate && onChange) {\n onChange(newDate);\n }\n },\n [onChange, timezone],\n );\n\n const [value, updateValue] = useCustomEnsuredControl<Date \| null>({\n value: valueProp,\n defaultValue: defaultValue as Date \| null,\n onChange: _onChange,\n });\n\n const timeZonedValue: Date \| null \| undefined = React.useMemo(\n () => convertDateToTimeZone(value, timezone),\n [timezone, value],\n );\n\n const {\n viewDate,\n setViewDate,\n setPrevMonth,\n setNextMonth,\n focusedDay,\n setFocusedDay,\n isDayFocused,\n isDayDisabled,\n isMonthDisabled,\n isYearDisabled,\n } = useCalendar({\n value: timeZonedValue,\n disableFuture,\n disablePast,\n shouldDisableDate,\n onHeaderChange,\n onNextMonth,\n onPrevMonth,\n minDateTime,\n maxDateTime,\n });\n // соотвествует дню, на котором можно сфокусироваться с помощью Tab\n const [focusableDay, setFocusableDay] = React.useState<Date>();\n\n useIsomorphicLayoutEffect(() => {\n if (timeZonedValue) {\n setViewDate(timeZonedValue);\n }\n }, [timeZonedValue]);\n\n if (process.env.NODE_ENV === 'development' && !disablePickers && size === 's') {\n warn(\"Нельзя включить селекты выбора месяца/года, если размер календаря 's'\", 'error');\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 const key = pressedKey(event);\n if (key && NAVIGATION_KEYS.includes(key)) {\n event.preventDefault();\n\n const newFocusedDay = navigateDate(focusedDay ?? timeZonedValue, key);\n\n if (newFocusedDay && !isSameMonth(newFocusedDay, viewDate)) {\n setViewDate(newFocusedDay);\n }\n setFocusedDay(newFocusedDay);\n setFocusableDay(newFocusedDay);\n\n return;\n }\n\n if (key === Keys.TAB) {\n setFocusedDay(undefined);\n setFocusableDay(focusedDay);\n\n return;\n }\n\n if ((key === Keys.ENTER \|\| key === Keys.SPACE) && isHTMLElement(event.target)) {\n event.preventDefault();\n event.target.click?.();\n }\n },\n [focusedDay, setFocusedDay, setFocusableDay, setViewDate, timeZonedValue, viewDate],\n );\n\n const onDayChange = React.useCallback(\n (date: Date) => {\n let actualDate = createDateInTimeZone(timeZonedValue ?? date, timezone, {\n year: date.getFullYear(),\n month: date.getMonth(),\n date: date.getDate(),\n });\n\n if (minDateTime \|\| maxDateTime) {\n actualDate = clamp(actualDate, { min: minDateTime, max: maxDateTime });\n }\n updateValue(actualDate);\n },\n [timezone, timeZonedValue, updateValue, maxDateTime, minDateTime],\n );\n\n const onDayFocus = React.useCallback(\n (date: Date) => {\n if (focusedDay && isSameDate(focusedDay, date)) {\n return;\n }\n\n setFocusedDay(date);\n if (!focusableDay \|\| !isSameDate(date, focusableDay)) {\n setFocusableDay(date);\n }\n },\n [focusableDay, focusedDay, setFocusedDay],\n );\n\n // activeDay это день в календаре соответствующий значению в инпуте\n const isDayActive = React.useCallback(\n (day: Date) => Boolean(timeZonedValue && isSameDate(day, timeZonedValue)),\n [timeZonedValue],\n );\n\n const timeZoneSetHours = React.useCallback(\n (date: Date, hours: number) => createDateInTimeZone(date, timezone, { hours }),\n [timezone],\n );\n\n const timeZoneSetMinutes = React.useCallback(\n (date: Date, minutes: number) => createDateInTimeZone(date, timezone, { minutes }),\n [timezone],\n );\n\n const isFocusableDayInViewDateMonth = focusableDay && isSameMonth(focusableDay, viewDate);\n const isInputValueDateInViewDateMonth = timeZonedValue && isSameMonth(timeZonedValue, viewDate);\n /\n Функция позволяет проверить является ли день в календаре днём на который\n * можно попасть с помощью Tab.\n * Единственный день в таблице календаря у которого есть tabIndex=\"0\"\n * Чтобы на него можно было попасть из заголовка календаря.\n */\n const isDayFocusable = React.useCallback(\n (day: Date) => {\n // если focusableDay день находится среди дней открытого сейчас месяца, то такой день получит tabIndex=\"0\",\n if (isFocusableDayInViewDateMonth) {\n return isSameDate(focusableDay, day);\n }\n\n // при открытии календаря focusableDay не определён,\n // поэтому tabIndex=\"0\" будет у дня, соответствующего дню в инпуте\n if (isInputValueDateInViewDateMonth) {\n return isDayActive(day);\n }\n\n // при переключении месяца любая навигация с помощью Tab начинается\n // с первого дня месяца.\n return isSameDate(startOfMonth(viewDate), day);\n },\n [\n focusableDay,\n viewDate,\n isDayActive,\n isFocusableDayInViewDateMonth,\n isInputValueDateInViewDateMonth,\n ],\n );\n\n return (\n <RootComponent\n aria-label={ariaLabel}\n {...props}\n baseClassName={classNames(styles.host, size === 's' && styles.sizeS)}\n getRootRef={getRootRef}\n >\n <CalendarHeader\n viewDate={externalViewDate \|\| viewDate}\n onChange={setViewDate}\n onNextMonth={setNextMonth}\n onPrevMonth={setPrevMonth}\n disablePickers={disablePickers \|\| size === 's'}\n className={styles.header}\n prevMonthLabel={prevMonthLabel}\n nextMonthLabel={nextMonthLabel}\n changeMonthLabel={changeMonthLabel}\n changeYearLabel={changeYearLabel}\n prevMonthIcon={prevMonthIcon}\n nextMonthIcon={nextMonthIcon}\n prevMonthProps={prevMonthProps}\n nextMonthProps={nextMonthProps}\n isMonthDisabled={isMonthDisabled}\n isYearDisabled={isYearDisabled}\n nextMonthButtonTestId={nextMonthButtonTestId}\n prevMonthButtonTestId={prevMonthButtonTestId}\n monthDropdownTestId={monthDropdownTestId}\n yearDropdownTestId={yearDropdownTestId}\n />\n <CalendarDays\n viewDate={externalViewDate \|\| viewDate}\n value={timeZonedValue}\n weekStartsOn={weekStartsOn}\n onKeyDown={handleKeyDown}\n onDayChange={onDayChange}\n isDayActive={isDayActive}\n onDayFocus={onDayFocus}\n isDayFocused={isDayFocused}\n isDayFocusable={isDayFocusable}\n isDaySelectionStart={isFirstDay}\n isDaySelectionEnd={isLastDay}\n isDayDisabled={isDayDisabled}\n showNeighboringMonth={showNeighboringMonth}\n size={size}\n dayProps={dayProps}\n listenDayChangesForUpdate={listenDayChangesForUpdate}\n renderDayContent={renderDayContent}\n dayTestId={dayTestId}\n />\n {enableTime && timeZonedValue && size !== 's' && (\n <div className={styles.time}>\n <CalendarTime\n value={timeZonedValue}\n onChange={updateValue}\n setHours={timeZoneSetHours}\n setMinutes={timeZoneSetMinutes}\n onDoneButtonClick={onDoneButtonClick}\n doneButtonText={doneButtonText}\n doneButtonDisabled={doneButtonDisabled}\n doneButtonShow={doneButtonShow}\n DoneButton={DoneButton}\n changeHoursLabel={changeHoursLabel}\n changeMinutesLabel={changeMinutesLabel}\n isDayDisabled={minDateTime \|\| maxDateTime ? isDayDisabled : undefined}\n minutesTestId={minutesTestId}\n hoursTestId={hoursTestId}\n doneButtonTestId={doneButtonTestId}\n />\n </div>\n )}\n </RootComponent>\n );\n};\n"],"names":["React","classNames","isSameDate","useCalendar","useCustomEnsuredControl","Keys","pressedKey","clamp","isFirstDay","isLastDay","navigateDate","NAVIGATION_KEYS","convertDateFromTimeZone","convertDateToTimeZone","createDateInTimeZone","isSameMonth","startOfMonth","isHTMLElement","useIsomorphicLayoutEffect","warnOnce","CalendarDays","CalendarHeader","CalendarTime","RootComponent","warn","Calendar","getRootRef","valueProp","defaultValue","onChange","disablePast","disableFuture","shouldDisableDate","onDoneButtonClick","enableTime","doneButtonText","doneButtonDisabled","doneButtonShow","DoneButton","weekStartsOn","disablePickers","ariaLabel","changeHoursLabel","changeMinutesLabel","prevMonthLabel","nextMonthLabel","changeMonthLabel","changeYearLabel","showNeighboringMonth","size","externalViewDate","onHeaderChange","onNextMonth","onPrevMonth","prevMonthIcon","nextMonthIcon","prevMonthProps","nextMonthProps","dayProps","listenDayChangesForUpdate","renderDayContent","minDateTime","maxDateTime","timezone","minutesTestId","hoursTestId","doneButtonTestId","prevMonthButtonTestId","nextMonthButtonTestId","monthDropdownTestId","yearDropdownTestId","dayTestId","props","_onChange","useCallback","date","newDate","value","updateValue","timeZonedValue","useMemo","viewDate","setViewDate","setPrevMonth","setNextMonth","focusedDay","setFocusedDay","isDayFocused","isDayDisabled","isMonthDisabled","isYearDisabled","focusableDay","setFocusableDay","useState","process","env","NODE_ENV","handleKeyDown","event","key","includes","preventDefault","newFocusedDay","TAB","undefined","ENTER","SPACE","target","click","onDayChange","actualDate","year","getFullYear","month","getMonth","getDate","min","max","onDayFocus","isDayActive","day","Boolean","timeZoneSetHours","hours","timeZoneSetMinutes","minutes","isFocusableDayInViewDateMonth","isInputValueDateInViewDateMonth","isDayFocusable","aria-label","baseClassName","className","onKeyDown","isDaySelectionStart","isDaySelectionEnd","div","setHours","setMinutes"],"mappings":"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"}
1	+ {"version":3,"sources":["../../../src/components/Calendar/Calendar.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { classNames, isSameDate } from '@vkontakte/vkjs';\nimport { useCalendar } from '../../hooks/useCalendar';\nimport { useCustomEnsuredControl } from '../../hooks/useEnsuredControl';\nimport { Keys, pressedKey } from '../../lib/accessibility';\nimport { clamp, isFirstDay, isLastDay, navigateDate, NAVIGATION_KEYS } from '../../lib/calendar';\nimport {\n convertDateFromTimeZone,\n convertDateToTimeZone,\n createDateInTimeZone,\n isSameMonth,\n startOfMonth,\n} from '../../lib/date';\nimport { isHTMLElement } from '../../lib/dom';\nimport { useIsomorphicLayoutEffect } from '../../lib/useIsomorphicLayoutEffect';\nimport { warnOnce } from '../../lib/warnOnce';\nimport type { HTMLAttributesWithRootRef } from '../../types';\nimport {\n CalendarDays,\n type CalendarDaysProps,\n type CalendarDaysTestsProps,\n} from '../CalendarDays/CalendarDays';\nimport {\n CalendarHeader,\n type CalendarHeaderProps,\n type CalendarHeaderTestsProps,\n} from '../CalendarHeader/CalendarHeader';\nimport {\n type CalendarDoneButtonProps,\n CalendarTime,\n type CalendarTimeProps,\n type CalendarTimeTestsProps,\n} from '../CalendarTime/CalendarTime';\nimport { RootComponent } from '../RootComponent/RootComponent';\nimport styles from './Calendar.module.css';\n\nexport type CalendarTestsProps = CalendarDaysTestsProps &\n CalendarHeaderTestsProps &\n CalendarTimeTestsProps;\n\nexport interface CalendarProps\n extends Omit<HTMLAttributesWithRootRef<HTMLDivElement>, 'onChange' \| 'defaultValue'>,\n Pick<CalendarTimeProps, 'changeHoursLabel' \| 'changeMinutesLabel'>,\n Pick<\n CalendarHeaderProps,\n \| 'prevMonthLabel'\n \| 'nextMonthLabel'\n \| 'changeMonthLabel'\n \| 'changeYearLabel'\n \| 'onNextMonth'\n \| 'onPrevMonth'\n \| 'prevMonthIcon'\n \| 'nextMonthIcon'\n \| 'prevMonthProps'\n \| 'nextMonthProps'\n >,\n Pick<CalendarDaysProps, 'dayProps' \| 'listenDayChangesForUpdate' \| 'renderDayContent'>,\n CalendarDoneButtonProps,\n CalendarTestsProps {\n /*\n Текущая выбранная дата.\n /\n value?: Date \| null \| undefined;\n /\n Начальная дата при монтировании.\n /\n defaultValue?: Date \| null \| undefined;\n /\n Запрещает выбор даты в прошлом.\n * Применяется, если не заданы `shouldDisableDate` и `disableFuture`.\n /\n disablePast?: boolean \| undefined;\n /\n Запрещает выбор даты в будущем.\n * Применяется, если не задано `shouldDisableDate`.\n /\n disableFuture?: boolean \| undefined;\n /\n Включает выбор времени.\n /\n enableTime?: boolean \| undefined;\n /\n Отключает селекторы выбора месяца/года.\n /\n disablePickers?: boolean \| undefined;\n /\n `aria-label` для изменения дня.\n \n @deprecated Будет удалeно в VKUI v9.\n * Использовалось для задания aria-label для контейнера дней в календаре.\n * Теперь этот контейнер является таблицей (с помощью role=\"grid\") и\n * в aria-label рендерится текущий открытый в календаре месяц и год.\n /\n changeDayLabel?: string \| undefined; // TODO [>=9]: удалить неиспользуемое свойство\n /\n День недели, с которого начинается неделя.\n /\n weekStartsOn?: 0 \| 1 \| 2 \| 3 \| 4 \| 5 \| 6 \| undefined;\n /\n Показывать дни соседних месяцев.\n /\n showNeighboringMonth?: boolean \| undefined;\n /\n Размер календаря.\n /\n size?: 's' \| 'm' \| undefined;\n /\n Обработчик изменения выбранной даты.\n /\n onChange?: ((value: Date) => void) \| undefined;\n /\n Функция для проверки запрета выбора даты.\n /\n shouldDisableDate?: ((value: Date) => boolean) \| undefined;\n /\n Дата отображаемого месяца.\n * При использовании обновление даты должно происходить вне компонента.\n /\n viewDate?: Date \| undefined;\n /\n Обработчик изменения даты в шапке календаря.\n /\n onHeaderChange?: ((value: Date) => void) \| undefined;\n /\n Минимальные дата и время, которые можно выбрать.\n * Применяется, если не заданы `shouldDisableDate` и `disablePast`/`disableFuture`.\n /\n minDateTime?: Date \| undefined;\n /\n Максимальные дата и время, которые можно выбрать.\n * Применяется, если не заданы `shouldDisableDate` и `disablePast`/`disableFuture`.\n /\n maxDateTime?: Date \| undefined;\n /\n Часовой пояс для отображения даты.\n /\n timezone?: string \| undefined;\n}\n\nconst warn = warnOnce('Calendar');\n\n/\n @see https://vkui.io/components/calendar\n /\nexport const Calendar = ({\n getRootRef,\n 'value': valueProp,\n defaultValue,\n onChange,\n disablePast,\n disableFuture,\n shouldDisableDate,\n onDoneButtonClick,\n enableTime = false,\n doneButtonText,\n doneButtonDisabled,\n doneButtonShow,\n DoneButton,\n weekStartsOn = 1,\n disablePickers,\n 'aria-label': ariaLabel = 'Календарь',\n changeHoursLabel = 'Изменить час',\n changeMinutesLabel = 'Изменить минуту',\n prevMonthLabel = 'Предыдущий месяц',\n nextMonthLabel = 'Следующий месяц',\n changeMonthLabel = 'Изменить месяц',\n changeYearLabel = 'Изменить год',\n showNeighboringMonth,\n size = 'm',\n 'viewDate': externalViewDate,\n onHeaderChange,\n onNextMonth,\n onPrevMonth,\n prevMonthIcon,\n nextMonthIcon,\n prevMonthProps,\n nextMonthProps,\n dayProps,\n listenDayChangesForUpdate,\n renderDayContent,\n minDateTime,\n maxDateTime,\n timezone,\n minutesTestId,\n hoursTestId,\n doneButtonTestId,\n prevMonthButtonTestId,\n nextMonthButtonTestId,\n monthDropdownTestId,\n yearDropdownTestId,\n dayTestId,\n ...props\n}: CalendarProps): React.ReactNode => {\n const _onChange = React.useCallback(\n (date: Date \| null) => {\n const newDate = convertDateFromTimeZone(date, timezone);\n if (newDate && onChange) {\n onChange(newDate);\n }\n },\n [onChange, timezone],\n );\n\n const [value, updateValue] = useCustomEnsuredControl<Date \| null>({\n value: valueProp,\n defaultValue: defaultValue as Date \| null,\n onChange: _onChange,\n });\n\n const timeZonedValue: Date \| null \| undefined = React.useMemo(\n () => convertDateToTimeZone(value, timezone),\n [timezone, value],\n );\n\n const {\n viewDate,\n setViewDate,\n setPrevMonth,\n setNextMonth,\n focusedDay,\n setFocusedDay,\n isDayFocused,\n isDayDisabled,\n isMonthDisabled,\n isYearDisabled,\n } = useCalendar({\n value: timeZonedValue,\n disableFuture,\n disablePast,\n shouldDisableDate,\n onHeaderChange,\n onNextMonth,\n onPrevMonth,\n minDateTime,\n maxDateTime,\n });\n // соотвествует дню, на котором можно сфокусироваться с помощью Tab\n const [focusableDay, setFocusableDay] = React.useState<Date>();\n\n useIsomorphicLayoutEffect(() => {\n if (timeZonedValue) {\n setViewDate(timeZonedValue);\n }\n }, [timeZonedValue]);\n\n if (process.env.NODE_ENV === 'development' && !disablePickers && size === 's') {\n warn(\"Нельзя включить селекты выбора месяца/года, если размер календаря 's'\", 'error');\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 const key = pressedKey(event);\n if (key && NAVIGATION_KEYS.includes(key)) {\n event.preventDefault();\n\n const newFocusedDay = navigateDate(focusedDay ?? timeZonedValue, key);\n\n if (newFocusedDay && !isSameMonth(newFocusedDay, viewDate)) {\n setViewDate(newFocusedDay);\n }\n setFocusedDay(newFocusedDay);\n setFocusableDay(newFocusedDay);\n\n return;\n }\n\n if (key === Keys.TAB) {\n setFocusedDay(undefined);\n setFocusableDay(focusedDay);\n\n return;\n }\n\n if ((key === Keys.ENTER \|\| key === Keys.SPACE) && isHTMLElement(event.target)) {\n event.preventDefault();\n event.target.click?.();\n }\n },\n [focusedDay, setFocusedDay, setFocusableDay, setViewDate, timeZonedValue, viewDate],\n );\n\n const onDayChange = React.useCallback(\n (date: Date) => {\n let actualDate = createDateInTimeZone(timeZonedValue ?? date, timezone, {\n year: date.getFullYear(),\n month: date.getMonth(),\n date: date.getDate(),\n });\n\n if (minDateTime \|\| maxDateTime) {\n actualDate = clamp(actualDate, { min: minDateTime, max: maxDateTime });\n }\n updateValue(actualDate);\n },\n [timezone, timeZonedValue, updateValue, maxDateTime, minDateTime],\n );\n\n const onDayFocus = React.useCallback(\n (date: Date) => {\n if (focusedDay && isSameDate(focusedDay, date)) {\n return;\n }\n\n setFocusedDay(date);\n if (!focusableDay \|\| !isSameDate(date, focusableDay)) {\n setFocusableDay(date);\n }\n },\n [focusableDay, focusedDay, setFocusedDay],\n );\n\n // activeDay это день в календаре соответствующий значению в инпуте\n const isDayActive = React.useCallback(\n (day: Date) => Boolean(timeZonedValue && isSameDate(day, timeZonedValue)),\n [timeZonedValue],\n );\n\n const timeZoneSetHours = React.useCallback(\n (date: Date, hours: number) => createDateInTimeZone(date, timezone, { hours }),\n [timezone],\n );\n\n const timeZoneSetMinutes = React.useCallback(\n (date: Date, minutes: number) => createDateInTimeZone(date, timezone, { minutes }),\n [timezone],\n );\n\n const isFocusableDayInViewDateMonth = focusableDay && isSameMonth(focusableDay, viewDate);\n const isInputValueDateInViewDateMonth = timeZonedValue && isSameMonth(timeZonedValue, viewDate);\n /\n Функция позволяет проверить является ли день в календаре днём на который\n * можно попасть с помощью Tab.\n * Единственный день в таблице календаря у которого есть tabIndex=\"0\"\n * Чтобы на него можно было попасть из заголовка календаря.\n */\n const isDayFocusable = React.useCallback(\n (day: Date) => {\n // если focusableDay день находится среди дней открытого сейчас месяца, то такой день получит tabIndex=\"0\",\n if (isFocusableDayInViewDateMonth) {\n return isSameDate(focusableDay, day);\n }\n\n // при открытии календаря focusableDay не определён,\n // поэтому tabIndex=\"0\" будет у дня, соответствующего дню в инпуте\n if (isInputValueDateInViewDateMonth) {\n return isDayActive(day);\n }\n\n // при переключении месяца любая навигация с помощью Tab начинается\n // с первого дня месяца.\n return isSameDate(startOfMonth(viewDate), day);\n },\n [\n focusableDay,\n viewDate,\n isDayActive,\n isFocusableDayInViewDateMonth,\n isInputValueDateInViewDateMonth,\n ],\n );\n\n return (\n <RootComponent\n aria-label={ariaLabel}\n {...props}\n baseClassName={classNames(styles.host, size === 's' && styles.sizeS)}\n getRootRef={getRootRef}\n >\n <CalendarHeader\n viewDate={externalViewDate \|\| viewDate}\n onChange={setViewDate}\n onNextMonth={setNextMonth}\n onPrevMonth={setPrevMonth}\n disablePickers={disablePickers \|\| size === 's'}\n className={styles.header}\n prevMonthLabel={prevMonthLabel}\n nextMonthLabel={nextMonthLabel}\n changeMonthLabel={changeMonthLabel}\n changeYearLabel={changeYearLabel}\n prevMonthIcon={prevMonthIcon}\n nextMonthIcon={nextMonthIcon}\n prevMonthProps={prevMonthProps}\n nextMonthProps={nextMonthProps}\n isMonthDisabled={isMonthDisabled}\n isYearDisabled={isYearDisabled}\n nextMonthButtonTestId={nextMonthButtonTestId}\n prevMonthButtonTestId={prevMonthButtonTestId}\n monthDropdownTestId={monthDropdownTestId}\n yearDropdownTestId={yearDropdownTestId}\n />\n <CalendarDays\n viewDate={externalViewDate \|\| viewDate}\n value={timeZonedValue}\n weekStartsOn={weekStartsOn}\n onKeyDown={handleKeyDown}\n onDayChange={onDayChange}\n isDayActive={isDayActive}\n onDayFocus={onDayFocus}\n isDayFocused={isDayFocused}\n isDayFocusable={isDayFocusable}\n isDaySelectionStart={isFirstDay}\n isDaySelectionEnd={isLastDay}\n isDayDisabled={isDayDisabled}\n showNeighboringMonth={showNeighboringMonth}\n size={size}\n dayProps={dayProps}\n listenDayChangesForUpdate={listenDayChangesForUpdate}\n renderDayContent={renderDayContent}\n dayTestId={dayTestId}\n />\n {enableTime && timeZonedValue && size !== 's' && (\n <div className={styles.time}>\n <CalendarTime\n value={timeZonedValue}\n onChange={updateValue}\n setHours={timeZoneSetHours}\n setMinutes={timeZoneSetMinutes}\n onDoneButtonClick={onDoneButtonClick}\n doneButtonText={doneButtonText}\n doneButtonDisabled={doneButtonDisabled}\n doneButtonShow={doneButtonShow}\n DoneButton={DoneButton}\n changeHoursLabel={changeHoursLabel}\n changeMinutesLabel={changeMinutesLabel}\n isDayDisabled={minDateTime \|\| maxDateTime ? isDayDisabled : undefined}\n minutesTestId={minutesTestId}\n hoursTestId={hoursTestId}\n doneButtonTestId={doneButtonTestId}\n />\n </div>\n )}\n </RootComponent>\n );\n};\n"],"names":["React","classNames","isSameDate","useCalendar","useCustomEnsuredControl","Keys","pressedKey","clamp","isFirstDay","isLastDay","navigateDate","NAVIGATION_KEYS","convertDateFromTimeZone","convertDateToTimeZone","createDateInTimeZone","isSameMonth","startOfMonth","isHTMLElement","useIsomorphicLayoutEffect","warnOnce","CalendarDays","CalendarHeader","CalendarTime","RootComponent","warn","Calendar","getRootRef","valueProp","defaultValue","onChange","disablePast","disableFuture","shouldDisableDate","onDoneButtonClick","enableTime","doneButtonText","doneButtonDisabled","doneButtonShow","DoneButton","weekStartsOn","disablePickers","ariaLabel","changeHoursLabel","changeMinutesLabel","prevMonthLabel","nextMonthLabel","changeMonthLabel","changeYearLabel","showNeighboringMonth","size","externalViewDate","onHeaderChange","onNextMonth","onPrevMonth","prevMonthIcon","nextMonthIcon","prevMonthProps","nextMonthProps","dayProps","listenDayChangesForUpdate","renderDayContent","minDateTime","maxDateTime","timezone","minutesTestId","hoursTestId","doneButtonTestId","prevMonthButtonTestId","nextMonthButtonTestId","monthDropdownTestId","yearDropdownTestId","dayTestId","props","_onChange","useCallback","date","newDate","value","updateValue","timeZonedValue","useMemo","viewDate","setViewDate","setPrevMonth","setNextMonth","focusedDay","setFocusedDay","isDayFocused","isDayDisabled","isMonthDisabled","isYearDisabled","focusableDay","setFocusableDay","useState","process","env","NODE_ENV","handleKeyDown","event","key","includes","preventDefault","newFocusedDay","TAB","undefined","ENTER","SPACE","target","click","onDayChange","actualDate","year","getFullYear","month","getMonth","getDate","min","max","onDayFocus","isDayActive","day","Boolean","timeZoneSetHours","hours","timeZoneSetMinutes","minutes","isFocusableDayInViewDateMonth","isInputValueDateInViewDateMonth","isDayFocusable","aria-label","baseClassName","className","onKeyDown","isDaySelectionStart","isDaySelectionEnd","div","setHours","setMinutes"],"mappings":"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"}

package/dist/components/CalendarDay/CalendarDay.d.ts CHANGED Viewed

@@ -4,7 +4,7 @@ export type CalendarDayTestsProps = {
     /**
      * Передает атрибут `data-testid` для дня в календаре.
      */
-    testId?: string | ((day: Date) => string);
+    testId?: string | ((day: Date) => string) | undefined;
 };
 export interface CalendarDayProps extends CalendarDayElementProps, CalendarDayTestsProps {
     /**
@@ -14,55 +14,55 @@ export interface CalendarDayProps extends CalendarDayElementProps, CalendarDayTe
     /**
      * Является ли день сегодняшним.
      */
-    today?: boolean;
+    today?: boolean | undefined;
     /**
      * Выбран ли день (в режиме одиночного выбора или как часть диапазона).
      */
-    selected?: boolean;
+    selected?: boolean | undefined;
     /**
      * Является ли день началом выделенного диапазона.
      */
-    selectionStart?: boolean;
+    selectionStart?: boolean | undefined;
     /**
      * Является ли день концом выделенного диапазона.
      */
-    selectionEnd?: boolean;
+    selectionEnd?: boolean | undefined;
     /**
      * Подсветить день как начало предполагаемого диапазона (при наведении).
      */
-    hintedSelectionStart?: boolean;
+    hintedSelectionStart?: boolean | undefined;
     /**
      * Подсветить день как конец предполагаемого диапазона (при наведении).
      */
-    hintedSelectionEnd?: boolean;
+    hintedSelectionEnd?: boolean | undefined;
     /**
      * Активен ли день (текущая дата в календаре).
      */
-    active?: boolean;
+    active?: boolean | undefined;
     /**
      * Скрыть день (например, дни соседних месяцев).
      */
-    hidden?: boolean;
+    hidden?: boolean | undefined;
     /**
      * Блокировка взаимодействия с компонентом.
      */
-    disabled?: boolean;
+    disabled?: boolean | undefined;
     /**
      * Находится ли день в фокусе (клавиатурная навигация).
      */
-    focused?: boolean;
+    focused?: boolean | undefined;
     /**
      * Подсвечен ли день (ховер).
      */
-    hinted?: boolean;
+    hinted?: boolean | undefined;
     /**
      * Принадлежит ли день текущему отображаемому месяцу.
      */
-    sameMonth?: boolean;
+    sameMonth?: boolean | undefined;
     /**
      * Размер компонента.
      */
-    size?: 's' | 'm';
+    size?: 's' | 'm' | undefined;
     /**
      * Обработчик выбора/изменения дня.
      */
@@ -70,19 +70,19 @@ export interface CalendarDayProps extends CalendarDayElementProps, CalendarDayTe
     /**
      * Обработчик наведения на день.
      */
-    onEnter?: (value: Date) => void;
+    onEnter?: ((value: Date) => void) | undefined;
     /**
      * Обработчик снятия ховера с дня.
      */
-    onLeave?: (value: Date) => void;
+    onLeave?: ((value: Date) => void) | undefined;
     /**
      * Обработчик фокуса на дне.
      */
-    onFocus?: (value: Date) => void;
+    onFocus?: ((value: Date) => void) | undefined;
     /**
      * Кастомизация отображения содержимого дня.
      */
-    renderDayContent?: (day: Date) => React.ReactNode;
+    renderDayContent?: ((day: Date) => React.ReactNode) | undefined;
 }
 export declare const CalendarDay: React.MemoExoticComponent<({ day, today, selected, onChange, hidden, disabled, active, selectionStart, selectionEnd, focused, onEnter, onLeave, onFocus, onBlur, hinted, hintedSelectionStart, hintedSelectionEnd, sameMonth, size, children, renderDayContent, testId, role, "aria-colindex": colIndex, ...restProps }: CalendarDayProps) => import("react/jsx-runtime").JSX.Element>;
 //# sourceMappingURL=CalendarDay.d.ts.map

package/dist/components/CalendarDay/CalendarDay.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"CalendarDay.d.ts","sourceRoot":"","sources":["../../../src/components/CalendarDay/CalendarDay.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAoB/B,MAAM,MAAM,uBAAuB,GAAG,IAAI,CACxC,KAAK,CAAC,iBAAiB,CAAC,WAAW,CAAC,EACpC,UAAU,GAAG,MAAM,GAAG,UAAU,GAAG,UAAU,GAAG,SAAS,CAC1D,CAAC;AAEF,MAAM,MAAM,qBAAqB,GAAG;IAClC;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,GAAG,CAAC,CAAC,GAAG,EAAE,IAAI,KAAK,MAAM,CAAC,CAAC;~~CAC3C~~,CAAC;AAEF,MAAM,WAAW,gBAAiB,SAAQ,uBAAuB,EAAE,qBAAqB;IACtF;;OAEG;IACH,GAAG,EAAE,IAAI,CAAC;IACV;;OAEG;IACH,KAAK,CAAC,EAAE,OAAO,CAAC;~~IAChB~~;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;~~IACnB~~;;OAEG;IACH,cAAc,CAAC,EAAE,OAAO,CAAC;~~IACzB~~;;OAEG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;~~IACvB~~;;OAEG;IACH,oBAAoB,CAAC,EAAE,OAAO,CAAC;~~IAC/B~~;;OAEG;IACH,kBAAkB,CAAC,EAAE,OAAO,CAAC;~~IAC7B~~;;OAEG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;~~IACjB~~;;OAEG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;~~IACjB~~;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;~~IACnB~~;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;~~IAClB~~;;OAEG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;~~IACjB~~;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;~~IACpB~~;;OAEG;IACH,IAAI,CAAC,EAAE,GAAG,GAAG,GAAG,CAAC;~~IACjB~~;;OAEG;IACH,QAAQ,EAAE,CAAC,KAAK,EAAE,IAAI,KAAK,IAAI,CAAC;IAChC;;OAEG;IACH,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,IAAI,KAAK,IAAI,CAAC;~~IAChC~~;;OAEG;IACH,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,IAAI,KAAK,IAAI,CAAC;~~IAChC~~;;OAEG;IACH,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,IAAI,KAAK,IAAI,CAAC;~~IAChC~~;;OAEG;IACH,gBAAgB,CAAC,EAAE,CAAC,GAAG,EAAE,IAAI,KAAK,KAAK,CAAC,SAAS,CAAC;~~CACnD~~;AAGD,eAAO,MAAM,WAAW,2TA2BnB,gBAAgB,6CAgGpB,CAAC"}
1	+ {"version":3,"file":"CalendarDay.d.ts","sourceRoot":"","sources":["../../../src/components/CalendarDay/CalendarDay.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAoB/B,MAAM,MAAM,uBAAuB,GAAG,IAAI,CACxC,KAAK,CAAC,iBAAiB,CAAC,WAAW,CAAC,EACpC,UAAU,GAAG,MAAM,GAAG,UAAU,GAAG,UAAU,GAAG,SAAS,CAC1D,CAAC;AAEF,MAAM,MAAM,qBAAqB,GAAG;IAClC;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,GAAG,CAAC,CAAC,GAAG,EAAE,IAAI,KAAK,MAAM,CAAC,GAAG,SAAS,CAAC;CACvD,CAAC;AAEF,MAAM,WAAW,gBAAiB,SAAQ,uBAAuB,EAAE,qBAAqB;IACtF;;OAEG;IACH,GAAG,EAAE,IAAI,CAAC;IACV;;OAEG;IACH,KAAK,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAC5B;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAC/B;;OAEG;IACH,cAAc,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IACrC;;OAEG;IACH,YAAY,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IACnC;;OAEG;IACH,oBAAoB,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAC3C;;OAEG;IACH,kBAAkB,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IACzC;;OAEG;IACH,MAAM,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAC7B;;OAEG;IACH,MAAM,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAC7B;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAC/B;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAC9B;;OAEG;IACH,MAAM,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAC7B;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAChC;;OAEG;IACH,IAAI,CAAC,EAAE,GAAG,GAAG,GAAG,GAAG,SAAS,CAAC;IAC7B;;OAEG;IACH,QAAQ,EAAE,CAAC,KAAK,EAAE,IAAI,KAAK,IAAI,CAAC;IAChC;;OAEG;IACH,OAAO,CAAC,EAAE,CAAC,CAAC,KAAK,EAAE,IAAI,KAAK,IAAI,CAAC,GAAG,SAAS,CAAC;IAC9C;;OAEG;IACH,OAAO,CAAC,EAAE,CAAC,CAAC,KAAK,EAAE,IAAI,KAAK,IAAI,CAAC,GAAG,SAAS,CAAC;IAC9C;;OAEG;IACH,OAAO,CAAC,EAAE,CAAC,CAAC,KAAK,EAAE,IAAI,KAAK,IAAI,CAAC,GAAG,SAAS,CAAC;IAC9C;;OAEG;IACH,gBAAgB,CAAC,EAAE,CAAC,CAAC,GAAG,EAAE,IAAI,KAAK,KAAK,CAAC,SAAS,CAAC,GAAG,SAAS,CAAC;CACjE;AAGD,eAAO,MAAM,WAAW,2TA2BnB,gBAAgB,6CAgGpB,CAAC"}

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

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../src/components/CalendarDay/CalendarDay.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { classNames } from '@vkontakte/vkjs';\nimport { useFocusVisible } from '../../hooks/useFocusVisible';\nimport { useFocusVisibleClassName } from '../../hooks/useFocusVisibleClassName';\nimport { cacheDateTimeFormat } from '../../lib/intlCache';\nimport { mergeCalls } from '../../lib/mergeCalls';\nimport { defineComponentDisplayNames } from '../../lib/react/defineComponentDisplayNames';\nimport { useConfigProvider } from '../ConfigProvider/ConfigProviderContext';\nimport { Tappable } from '../Tappable/Tappable';\nimport { VisuallyHidden } from '../VisuallyHidden/VisuallyHidden';\nimport styles from './CalendarDay.module.css';\n\nconst labelDateTimeFormatOptions = {\n weekday: 'long',\n month: 'long',\n day: 'numeric',\n} as const;\n\nconst labelDateTimeFormat = /#__PURE__/ cacheDateTimeFormat();\n\nexport type CalendarDayElementProps = Omit<\n React.AllHTMLAttributes<HTMLElement>,\n 'onChange' \| 'size' \| 'disabled' \| 'selected' \| 'onFocus'\n>;\n\nexport type CalendarDayTestsProps = {\n /*\n Передает атрибут `data-testid` для дня в календаре.\n /\n testId?: string \| ((day: Date) => string);\n};\n\nexport interface CalendarDayProps extends CalendarDayElementProps, CalendarDayTestsProps {\n /\n Дата, которую представляет этот день.\n /\n day: Date;\n /\n Является ли день сегодняшним.\n /\n today?: boolean;\n /\n Выбран ли день (в режиме одиночного выбора или как часть диапазона).\n /\n selected?: boolean;\n /\n Является ли день началом выделенного диапазона.\n /\n selectionStart?: boolean;\n /\n Является ли день концом выделенного диапазона.\n /\n selectionEnd?: boolean;\n /\n Подсветить день как начало предполагаемого диапазона (при наведении).\n /\n hintedSelectionStart?: boolean;\n /\n Подсветить день как конец предполагаемого диапазона (при наведении).\n /\n hintedSelectionEnd?: boolean;\n /\n Активен ли день (текущая дата в календаре).\n /\n active?: boolean;\n /\n Скрыть день (например, дни соседних месяцев).\n /\n hidden?: boolean;\n /\n Блокировка взаимодействия с компонентом.\n /\n disabled?: boolean;\n /\n Находится ли день в фокусе (клавиатурная навигация).\n /\n focused?: boolean;\n /\n Подсвечен ли день (ховер).\n /\n hinted?: boolean;\n /\n Принадлежит ли день текущему отображаемому месяцу.\n /\n sameMonth?: boolean;\n /\n Размер компонента.\n /\n size?: 's' \| 'm';\n /\n Обработчик выбора/изменения дня.\n /\n onChange: (value: Date) => void;\n /\n Обработчик наведения на день.\n /\n onEnter?: (value: Date) => void;\n /\n Обработчик снятия ховера с дня.\n /\n onLeave?: (value: Date) => void;\n /\n Обработчик фокуса на дне.\n /\n onFocus?: (value: Date) => void;\n /\n Кастомизация отображения содержимого дня.\n */\n renderDayContent?: (day: Date) => React.ReactNode;\n}\n\n// eslint-disable-next-line react/display-name -- используется defineComponentDisplayNames\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 onFocus,\n onBlur,\n hinted,\n hintedSelectionStart,\n hintedSelectionEnd,\n sameMonth,\n size,\n children,\n renderDayContent,\n testId,\n role,\n 'aria-colindex': colIndex,\n ...restProps\n }: CalendarDayProps) => {\n const { locale, direction } = useConfigProvider();\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 const handleFocus = React.useCallback(() => onFocus?.(day), [day, onFocus]);\n\n const focusVisibleMode = active ? 'outside' : 'inside';\n const { focusVisible, ...focusEvents } = useFocusVisible();\n const focusVisibleClassNames = useFocusVisibleClassName({\n focusVisible,\n mode: focusVisibleMode,\n });\n const focusHandlers = mergeCalls(focusEvents, { onFocus: handleFocus, onBlur });\n\n const label = labelDateTimeFormat(locale, labelDateTimeFormatOptions).format(day);\n\n React.useEffect(() => {\n if (focused && ref.current) {\n ref.current.focus();\n }\n }, [focused]);\n\n const content = React.useMemo(() => {\n if (renderDayContent) {\n return renderDayContent(day);\n }\n return (\n <div className={styles.dayNumber}>\n <VisuallyHidden>{children ?? label}</VisuallyHidden>\n <span aria-hidden>{day.getDate()}</span>\n </div>\n );\n }, [renderDayContent, day, children, label]);\n\n if (hidden) {\n return (\n <div\n role={role}\n aria-colindex={colIndex}\n className={classNames(styles.hidden, size === 's' && styles.sizeS)}\n />\n );\n }\n\n return (\n <Tappable\n baseClassName={classNames(\n styles.host,\n size === 's' && styles.sizeS,\n direction === 'rtl' && styles.rtl,\n focusVisibleClassNames,\n )}\n role={role}\n aria-colindex={colIndex}\n hoverMode={styles.hostHovered}\n activeMode={styles.hostActivated}\n hasActive={false}\n onClick={onClick}\n disabled={disabled}\n getRootRef={ref}\n onPointerEnter={handleEnter}\n onPointerLeave={handleLeave}\n data-testid={typeof testId === 'string' ? testId : testId?.(day)}\n {...restProps}\n {...focusHandlers}\n >\n <div\n className={classNames(\n styles.content,\n size === 's' && styles.sizeS,\n today && styles.today,\n selected && !disabled && styles.selected,\n selectionStart && styles.selectionStart,\n selectionEnd && styles.selectionEnd,\n disabled && styles.disabled,\n !sameMonth && styles.notSameMonth,\n )}\n >\n <div\n className={classNames(\n styles.hinted,\n hinted && styles.hintedActive,\n hintedSelectionStart && styles.hintedSelectionStart,\n hintedSelectionEnd && styles.hintedSelectionEnd,\n )}\n >\n <div className={classNames(styles.inner, active && !disabled && styles.innerActive)}>\n {content}\n </div>\n </div>\n </div>\n </Tappable>\n );\n },\n);\n\nif (process.env.NODE_ENV !== 'production') {\n defineComponentDisplayNames(CalendarDay, 'CalendarDay');\n}\n"],"names":["React","classNames","useFocusVisible","useFocusVisibleClassName","cacheDateTimeFormat","mergeCalls","defineComponentDisplayNames","useConfigProvider","Tappable","VisuallyHidden","labelDateTimeFormatOptions","weekday","month","day","labelDateTimeFormat","CalendarDay","memo","today","selected","onChange","hidden","disabled","active","selectionStart","selectionEnd","focused","onEnter","onLeave","onFocus","onBlur","hinted","hintedSelectionStart","hintedSelectionEnd","sameMonth","size","children","renderDayContent","testId","role","colIndex","restProps","locale","direction","ref","useRef","onClick","useCallback","handleEnter","handleLeave","handleFocus","focusVisibleMode","focusVisible","focusEvents","focusVisibleClassNames","mode","focusHandlers","label","format","useEffect","current","focus","content","useMemo","div","className","span","aria-hidden","getDate","aria-colindex","baseClassName","hoverMode","activeMode","hasActive","getRootRef","onPointerEnter","onPointerLeave","data-testid","process","env","NODE_ENV"],"mappings":"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"}
1	+ {"version":3,"sources":["../../../src/components/CalendarDay/CalendarDay.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { classNames } from '@vkontakte/vkjs';\nimport { useFocusVisible } from '../../hooks/useFocusVisible';\nimport { useFocusVisibleClassName } from '../../hooks/useFocusVisibleClassName';\nimport { cacheDateTimeFormat } from '../../lib/intlCache';\nimport { mergeCalls } from '../../lib/mergeCalls';\nimport { defineComponentDisplayNames } from '../../lib/react/defineComponentDisplayNames';\nimport { useConfigProvider } from '../ConfigProvider/ConfigProviderContext';\nimport { Tappable } from '../Tappable/Tappable';\nimport { VisuallyHidden } from '../VisuallyHidden/VisuallyHidden';\nimport styles from './CalendarDay.module.css';\n\nconst labelDateTimeFormatOptions = {\n weekday: 'long',\n month: 'long',\n day: 'numeric',\n} as const;\n\nconst labelDateTimeFormat = /#__PURE__/ cacheDateTimeFormat();\n\nexport type CalendarDayElementProps = Omit<\n React.AllHTMLAttributes<HTMLElement>,\n 'onChange' \| 'size' \| 'disabled' \| 'selected' \| 'onFocus'\n>;\n\nexport type CalendarDayTestsProps = {\n /*\n Передает атрибут `data-testid` для дня в календаре.\n /\n testId?: string \| ((day: Date) => string) \| undefined;\n};\n\nexport interface CalendarDayProps extends CalendarDayElementProps, CalendarDayTestsProps {\n /\n Дата, которую представляет этот день.\n /\n day: Date;\n /\n Является ли день сегодняшним.\n /\n today?: boolean \| undefined;\n /\n Выбран ли день (в режиме одиночного выбора или как часть диапазона).\n /\n selected?: boolean \| undefined;\n /\n Является ли день началом выделенного диапазона.\n /\n selectionStart?: boolean \| undefined;\n /\n Является ли день концом выделенного диапазона.\n /\n selectionEnd?: boolean \| undefined;\n /\n Подсветить день как начало предполагаемого диапазона (при наведении).\n /\n hintedSelectionStart?: boolean \| undefined;\n /\n Подсветить день как конец предполагаемого диапазона (при наведении).\n /\n hintedSelectionEnd?: boolean \| undefined;\n /\n Активен ли день (текущая дата в календаре).\n /\n active?: boolean \| undefined;\n /\n Скрыть день (например, дни соседних месяцев).\n /\n hidden?: boolean \| undefined;\n /\n Блокировка взаимодействия с компонентом.\n /\n disabled?: boolean \| undefined;\n /\n Находится ли день в фокусе (клавиатурная навигация).\n /\n focused?: boolean \| undefined;\n /\n Подсвечен ли день (ховер).\n /\n hinted?: boolean \| undefined;\n /\n Принадлежит ли день текущему отображаемому месяцу.\n /\n sameMonth?: boolean \| undefined;\n /\n Размер компонента.\n /\n size?: 's' \| 'm' \| undefined;\n /\n Обработчик выбора/изменения дня.\n /\n onChange: (value: Date) => void;\n /\n Обработчик наведения на день.\n /\n onEnter?: ((value: Date) => void) \| undefined;\n /\n Обработчик снятия ховера с дня.\n /\n onLeave?: ((value: Date) => void) \| undefined;\n /\n Обработчик фокуса на дне.\n /\n onFocus?: ((value: Date) => void) \| undefined;\n /\n Кастомизация отображения содержимого дня.\n */\n renderDayContent?: ((day: Date) => React.ReactNode) \| undefined;\n}\n\n// eslint-disable-next-line react/display-name -- используется defineComponentDisplayNames\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 onFocus,\n onBlur,\n hinted,\n hintedSelectionStart,\n hintedSelectionEnd,\n sameMonth,\n size,\n children,\n renderDayContent,\n testId,\n role,\n 'aria-colindex': colIndex,\n ...restProps\n }: CalendarDayProps) => {\n const { locale, direction } = useConfigProvider();\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 const handleFocus = React.useCallback(() => onFocus?.(day), [day, onFocus]);\n\n const focusVisibleMode = active ? 'outside' : 'inside';\n const { focusVisible, ...focusEvents } = useFocusVisible();\n const focusVisibleClassNames = useFocusVisibleClassName({\n focusVisible,\n mode: focusVisibleMode,\n });\n const focusHandlers = mergeCalls(focusEvents, { onFocus: handleFocus, onBlur });\n\n const label = labelDateTimeFormat(locale, labelDateTimeFormatOptions).format(day);\n\n React.useEffect(() => {\n if (focused && ref.current) {\n ref.current.focus();\n }\n }, [focused]);\n\n const content = React.useMemo(() => {\n if (renderDayContent) {\n return renderDayContent(day);\n }\n return (\n <div className={styles.dayNumber}>\n <VisuallyHidden>{children ?? label}</VisuallyHidden>\n <span aria-hidden>{day.getDate()}</span>\n </div>\n );\n }, [renderDayContent, day, children, label]);\n\n if (hidden) {\n return (\n <div\n role={role}\n aria-colindex={colIndex}\n className={classNames(styles.hidden, size === 's' && styles.sizeS)}\n />\n );\n }\n\n return (\n <Tappable\n baseClassName={classNames(\n styles.host,\n size === 's' && styles.sizeS,\n direction === 'rtl' && styles.rtl,\n focusVisibleClassNames,\n )}\n role={role}\n aria-colindex={colIndex}\n hoverMode={styles.hostHovered}\n activeMode={styles.hostActivated}\n hasActive={false}\n onClick={onClick}\n disabled={disabled}\n getRootRef={ref}\n onPointerEnter={handleEnter}\n onPointerLeave={handleLeave}\n data-testid={typeof testId === 'string' ? testId : testId?.(day)}\n {...restProps}\n {...focusHandlers}\n >\n <div\n className={classNames(\n styles.content,\n size === 's' && styles.sizeS,\n today && styles.today,\n selected && !disabled && styles.selected,\n selectionStart && styles.selectionStart,\n selectionEnd && styles.selectionEnd,\n disabled && styles.disabled,\n !sameMonth && styles.notSameMonth,\n )}\n >\n <div\n className={classNames(\n styles.hinted,\n hinted && styles.hintedActive,\n hintedSelectionStart && styles.hintedSelectionStart,\n hintedSelectionEnd && styles.hintedSelectionEnd,\n )}\n >\n <div className={classNames(styles.inner, active && !disabled && styles.innerActive)}>\n {content}\n </div>\n </div>\n </div>\n </Tappable>\n );\n },\n);\n\nif (process.env.NODE_ENV !== 'production') {\n defineComponentDisplayNames(CalendarDay, 'CalendarDay');\n}\n"],"names":["React","classNames","useFocusVisible","useFocusVisibleClassName","cacheDateTimeFormat","mergeCalls","defineComponentDisplayNames","useConfigProvider","Tappable","VisuallyHidden","labelDateTimeFormatOptions","weekday","month","day","labelDateTimeFormat","CalendarDay","memo","today","selected","onChange","hidden","disabled","active","selectionStart","selectionEnd","focused","onEnter","onLeave","onFocus","onBlur","hinted","hintedSelectionStart","hintedSelectionEnd","sameMonth","size","children","renderDayContent","testId","role","colIndex","restProps","locale","direction","ref","useRef","onClick","useCallback","handleEnter","handleLeave","handleFocus","focusVisibleMode","focusVisible","focusEvents","focusVisibleClassNames","mode","focusHandlers","label","format","useEffect","current","focus","content","useMemo","div","className","span","aria-hidden","getDate","aria-colindex","baseClassName","hoverMode","activeMode","hasActive","getRootRef","onPointerEnter","onPointerLeave","data-testid","process","env","NODE_ENV"],"mappings":"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"}