npm - @vkontakte/vkui - Versions diffs - 5.9.6 → 5.10.0 - Mend

@vkontakte/vkui 5.9.6 → 5.10.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 (2215) hide show

package/dist/cjs/components/AppRoot/AppRoot.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"AppRoot.d.ts","sourceRoot":"","sources":["../../../../src/components/AppRoot/AppRoot.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAiB/B,MAAM,MAAM,cAAc,GAAG;IAC3B,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,IAAI,CAAC,EAAE,MAAM,CAAC;CACf,CAAC;AA+BF,MAAM,WAAW,YAAa,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACxE,wBAAwB;IACxB,IAAI,CAAC,EAAE,SAAS,GAAG,UAAU,GAAG,MAAM,CAAC;IACvC,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,MAAM,CAAC,EAAE,QAAQ,GAAG,SAAS,CAAC;IAC9B,cAAc,CAAC,EAAE,cAAc,CAAC;IAChC;;OAEG;IACH,UAAU,CAAC,EAAE,WAAW,GAAG,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC,GAAG,IAAI,CAAC;IAC/D;;OAEG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB;;;;;OAKG;IACH,8CAA8C,CAAC,EAAE,OAAO,CAAC;IACzD,MAAM,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;CAC3B;AAED;;GAEG;AACH,eAAO,MAAM,OAAO,uKAWjB,YAAY,~~sBA6Kd~~,CAAC"}
1	+ {"version":3,"file":"AppRoot.d.ts","sourceRoot":"","sources":["../../../../src/components/AppRoot/AppRoot.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAiB/B,MAAM,MAAM,cAAc,GAAG;IAC3B,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,IAAI,CAAC,EAAE,MAAM,CAAC;CACf,CAAC;AA+BF,MAAM,WAAW,YAAa,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACxE,wBAAwB;IACxB,IAAI,CAAC,EAAE,SAAS,GAAG,UAAU,GAAG,MAAM,CAAC;IACvC,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,MAAM,CAAC,EAAE,QAAQ,GAAG,SAAS,CAAC;IAC9B,cAAc,CAAC,EAAE,cAAc,CAAC;IAChC;;OAEG;IACH,UAAU,CAAC,EAAE,WAAW,GAAG,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC,GAAG,IAAI,CAAC;IAC/D;;OAEG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB;;;;;OAKG;IACH,8CAA8C,CAAC,EAAE,OAAO,CAAC;IACzD,MAAM,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;CAC3B;AAED;;GAEG;AACH,eAAO,MAAM,OAAO,uKAWjB,YAAY,sBA8Kd,CAAC"}

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

@@ -62,7 +62,8 @@ var AppRoot = function(_param) {
     var rootRef = _react.useRef(null);
     var _React_useState = _sliced_to_array._(_react.useState(null), 2), portalRoot = _React_useState[0], setPortalRoot = _React_useState[1];
     var document = (0, _dom.useDOM)().document;
-    var deprecatedInsets = (0, _useInsets.useInsets)(!safeAreaInsets);
+    var deprecatedInsetsDisabled = Boolean(safeAreaInsets);
+    var deprecatedInsets = (0, _useInsets.useInsets)(deprecatedInsetsDisabled);
     var insets = safeAreaInsets ? safeAreaInsets : deprecatedInsets;
     var appearance = (0, _useAppearance.useAppearance)();
     var _useAdaptivity1 = (0, _useAdaptivity.useAdaptivity)(), hasPointer = _useAdaptivity1.hasPointer, _useAdaptivity_sizeX = _useAdaptivity1.sizeX, sizeX = _useAdaptivity_sizeX === void 0 ? "none" : _useAdaptivity_sizeX;

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

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../../src/components/AppRoot/AppRoot.tsx"],"sourcesContent":["import * as React from 'react';\nimport { classNames, noop } from '@vkontakte/vkjs';\nimport { useAdaptivity } from '../../hooks/useAdaptivity';\nimport { useAppearance } from '../../hooks/useAppearance';\nimport { useInsets } from '../../hooks/useInsets';\nimport { useKeyboardInputTracker } from '../../hooks/useKeyboardInputTracker';\nimport { SizeType } from '../../lib/adaptivity';\nimport { useDOM } from '../../lib/dom';\nimport { isRefObject } from '../../lib/isRefObject';\nimport { useIsomorphicLayoutEffect } from '../../lib/useIsomorphicLayoutEffect';\nimport { warnOnce } from '../../lib/warnOnce';\nimport { AppRootContext } from './AppRootContext';\nimport { ElementScrollController, GlobalScrollController } from './ScrollContext';\nimport styles from './AppRoot.module.css';\n\nconst warn = warnOnce('AppRoot');\n\nexport type SafeAreaInsets = {\n top?: number;\n right?: number;\n bottom?: number;\n left?: number;\n};\n\nconst vkuiSizeXClassNames = {\n none: 'vkui--sizeX-none',\n [SizeType.REGULAR]: 'vkui--sizeX-regular',\n};\n\nconst vkuiLayoutClassNames = {\n card: 'vkui--layout-card',\n plain: 'vkui--layout-plain',\n};\n\nfunction containerClassNames(layout: AppRootProps['layout'], sizeX: SizeType \| 'none'): string[] {\n const classNames: string[] = [];\n\n if (layout) {\n classNames.push(vkuiLayoutClassNames[layout]);\n }\n\n if (sizeX !== SizeType.COMPACT) {\n classNames.push(vkuiSizeXClassNames[sizeX]);\n }\n\n return classNames;\n}\n\nconst INSET_CUSTOM_PROPERTY_PREFIX = `--vkui_internal--safe_area_inset_`;\n\n// Используйте classList, но будьте осторожны\n/* eslint-disable no-restricted-properties /\n\nexport interface AppRootProps extends React.HTMLAttributes<HTMLDivElement> {\n /* Режим встраивания /\n mode?: 'partial' \| 'embedded' \| 'full';\n window?: Window;\n scroll?: 'global' \| 'contain';\n safeAreaInsets?: SafeAreaInsets;\n /\n Кастомный root-элемент портала\n /\n portalRoot?: HTMLElement \| React.RefObject<HTMLElement> \| null;\n /\n Отключает рендер всплывающих компонентов в отдельном контейнере\n /\n disablePortal?: boolean;\n /\n По умолчанию, mode=\"embedded\" переносит систему координат элементов с `position: fixed` на\n * свой контейнер через `transform: translate3d(0, 0, 0)`.\n \n Это поведение можно отключить с помощью этого параметра.\n /\n disableParentTransformForPositionFixedElements?: boolean;\n layout?: 'card' \| 'plain';\n}\n\n/\n @see https://vkcom.github.io/VKUI/#/AppRoot\n */\nexport const AppRoot = ({\n children,\n mode = 'full',\n scroll = 'global',\n portalRoot: portalRootProp = null,\n disablePortal,\n disableParentTransformForPositionFixedElements,\n className,\n safeAreaInsets,\n layout,\n ...props\n}: AppRootProps) => {\n const isKeyboardInputActive = useKeyboardInputTracker();\n const rootRef = React.useRef<HTMLDivElement \| null>(null);\n const [portalRoot, setPortalRoot] = React.useState<HTMLElement \| null>(null);\n const { document } = useDOM();\n const deprecatedInsets = useInsets(!safeAreaInsets);\n const insets = safeAreaInsets ? safeAreaInsets : deprecatedInsets;\n const appearance = useAppearance();\n\n const { hasPointer, sizeX = 'none' } = useAdaptivity();\n\n if (process.env.NODE_ENV === 'development') {\n if (!safeAreaInsets) {\n // TODO [>=6]: удалить warn\n warn(\"[@vkontakte/vk-bridge] Интеграция VKUI с @vkontakte/vk-bridge устарела и будет удалена в v6. Используйте хук `useInsets()` из @vkontakte/vk-bridge-react и результат передайте в параметр `safeAreaInsets` (см. https://github.com/VKCOM/VKUI/issues/5049)\"); // prettier-ignore\n }\n }\n\n // setup portal\n useIsomorphicLayoutEffect(() => {\n let portal: HTMLElement \| null = null;\n if (portalRootProp) {\n if (isRefObject(portalRootProp)) {\n portal = portalRootProp.current;\n } else {\n portal = portalRootProp;\n }\n }\n if (!portal) {\n portal = document!.createElement('div');\n document!.body.appendChild(portal);\n }\n setPortalRoot(portal);\n return () => {\n if (!portalRootProp) {\n portal?.parentElement?.removeChild(portal);\n }\n };\n }, [portalRootProp]);\n\n // setup root classes\n useIsomorphicLayoutEffect(() => {\n if (mode === 'partial') {\n return noop;\n }\n\n const parent = rootRef.current?.parentElement;\n const classes = ['vkui__root'].concat(mode === 'embedded' ? 'vkui__root--embedded' : []);\n if (parent) {\n if (mode === 'embedded' && !disableParentTransformForPositionFixedElements) {\n parent.style.transform = 'translate3d(0, 0, 0)';\n }\n parent.classList.add(...classes);\n }\n\n return () => {\n if (parent) {\n if (mode === 'embedded' && !disableParentTransformForPositionFixedElements) {\n parent.style.transform = '';\n }\n parent.classList.remove(...classes);\n }\n };\n }, [disableParentTransformForPositionFixedElements]);\n\n useIsomorphicLayoutEffect(() => {\n if (mode === 'full') {\n document!.documentElement.classList.add('vkui');\n\n return () => {\n document!.documentElement.classList.remove('vkui');\n };\n }\n\n return undefined;\n }, [document, mode]);\n\n // setup insets\n useIsomorphicLayoutEffect(() => {\n if (mode === 'partial' \|\| !rootRef.current?.parentElement) {\n return noop;\n }\n\n const parent = rootRef.current.parentElement;\n\n let key: keyof SafeAreaInsets;\n for (key in insets) {\n if (insets.hasOwnProperty(key) && typeof insets[key] === 'number') {\n const inset = insets[key];\n parent.style.setProperty(INSET_CUSTOM_PROPERTY_PREFIX + key, `${inset}px`);\n portalRoot &&\n portalRoot.style.setProperty(INSET_CUSTOM_PROPERTY_PREFIX + key, `${inset}px`);\n }\n }\n\n return () => {\n let key: keyof SafeAreaInsets;\n for (key in insets) {\n if (insets.hasOwnProperty(key)) {\n parent.style.removeProperty(INSET_CUSTOM_PROPERTY_PREFIX + key);\n portalRoot && portalRoot.style.removeProperty(INSET_CUSTOM_PROPERTY_PREFIX + key);\n }\n }\n };\n }, [insets, portalRoot]);\n\n // adaptivity handler\n useIsomorphicLayoutEffect(() => {\n if (mode === 'partial') {\n return noop;\n }\n\n const classNames = containerClassNames(layout, sizeX);\n\n const container = mode === 'embedded' ? rootRef.current?.parentElement : document!.body;\n\n if (!classNames.length \|\| !container) {\n return noop;\n }\n\n container.classList.add(...classNames);\n return () => {\n container.classList.remove(...classNames);\n };\n }, [sizeX, layout]);\n\n useIsomorphicLayoutEffect(() => {\n if (mode !== 'full' \|\| appearance === undefined) {\n return noop;\n }\n document!.documentElement.style.setProperty('color-scheme', appearance);\n\n return () => document!.documentElement.style.removeProperty('color-scheme');\n }, [appearance]);\n\n const ScrollController = React.useMemo(\n () => (scroll === 'contain' ? ElementScrollController : GlobalScrollController),\n [scroll],\n );\n\n const content = (\n <AppRootContext.Provider\n value={{\n appRoot: rootRef,\n portalRoot,\n embedded: mode === 'embedded',\n keyboardInput: isKeyboardInputActive,\n mode,\n disablePortal,\n layout,\n }}\n >\n <ScrollController elRef={rootRef}>{children}</ScrollController>\n </AppRootContext.Provider>\n );\n\n return mode === 'partial' ? (\n content\n ) : (\n <div\n ref={rootRef}\n className={classNames(\n styles['AppRoot'],\n hasPointer === undefined\n ? styles['AppRoot--pointer-none']\n : !hasPointer && styles['AppRoot--pointer-has-not'],\n className,\n )}\n {...props}\n >\n {content}\n </div>\n );\n};\n"],"names":["AppRoot","warn","warnOnce","vkuiSizeXClassNames","none","SizeType","REGULAR","vkuiLayoutClassNames","card","plain","containerClassNames","layout","sizeX","classNames","push","COMPACT","INSET_CUSTOM_PROPERTY_PREFIX","children","mode","scroll","portalRootProp","portalRoot","disablePortal","disableParentTransformForPositionFixedElements","className","safeAreaInsets","props","isKeyboardInputActive","useKeyboardInputTracker","rootRef","React","useRef","useState","setPortalRoot","document","useDOM","deprecatedInsets","useInsets","insets","appearance","useAppearance","useAdaptivity","hasPointer","process","env","NODE_ENV","useIsomorphicLayoutEffect","portal","isRefObject","current","createElement","body","appendChild","parentElement","removeChild","noop","parent","classes","concat","style","transform","classList","add","remove","documentElement","undefined","key","hasOwnProperty","inset","setProperty","removeProperty","container","length","ScrollController","useMemo","ElementScrollController","GlobalScrollController","content","AppRootContext","Provider","value","appRoot","embedded","keyboardInput","elRef","div","ref"],"mappings":"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"}
1	+ {"version":3,"sources":["../../../../src/components/AppRoot/AppRoot.tsx"],"sourcesContent":["import * as React from 'react';\nimport { classNames, noop } from '@vkontakte/vkjs';\nimport { useAdaptivity } from '../../hooks/useAdaptivity';\nimport { useAppearance } from '../../hooks/useAppearance';\nimport { useInsets } from '../../hooks/useInsets';\nimport { useKeyboardInputTracker } from '../../hooks/useKeyboardInputTracker';\nimport { SizeType } from '../../lib/adaptivity';\nimport { useDOM } from '../../lib/dom';\nimport { isRefObject } from '../../lib/isRefObject';\nimport { useIsomorphicLayoutEffect } from '../../lib/useIsomorphicLayoutEffect';\nimport { warnOnce } from '../../lib/warnOnce';\nimport { AppRootContext } from './AppRootContext';\nimport { ElementScrollController, GlobalScrollController } from './ScrollContext';\nimport styles from './AppRoot.module.css';\n\nconst warn = warnOnce('AppRoot');\n\nexport type SafeAreaInsets = {\n top?: number;\n right?: number;\n bottom?: number;\n left?: number;\n};\n\nconst vkuiSizeXClassNames = {\n none: 'vkui--sizeX-none',\n [SizeType.REGULAR]: 'vkui--sizeX-regular',\n};\n\nconst vkuiLayoutClassNames = {\n card: 'vkui--layout-card',\n plain: 'vkui--layout-plain',\n};\n\nfunction containerClassNames(layout: AppRootProps['layout'], sizeX: SizeType \| 'none'): string[] {\n const classNames: string[] = [];\n\n if (layout) {\n classNames.push(vkuiLayoutClassNames[layout]);\n }\n\n if (sizeX !== SizeType.COMPACT) {\n classNames.push(vkuiSizeXClassNames[sizeX]);\n }\n\n return classNames;\n}\n\nconst INSET_CUSTOM_PROPERTY_PREFIX = `--vkui_internal--safe_area_inset_`;\n\n// Используйте classList, но будьте осторожны\n/* eslint-disable no-restricted-properties /\n\nexport interface AppRootProps extends React.HTMLAttributes<HTMLDivElement> {\n /* Режим встраивания /\n mode?: 'partial' \| 'embedded' \| 'full';\n window?: Window;\n scroll?: 'global' \| 'contain';\n safeAreaInsets?: SafeAreaInsets;\n /\n Кастомный root-элемент портала\n /\n portalRoot?: HTMLElement \| React.RefObject<HTMLElement> \| null;\n /\n Отключает рендер всплывающих компонентов в отдельном контейнере\n /\n disablePortal?: boolean;\n /\n По умолчанию, mode=\"embedded\" переносит систему координат элементов с `position: fixed` на\n * свой контейнер через `transform: translate3d(0, 0, 0)`.\n \n Это поведение можно отключить с помощью этого параметра.\n /\n disableParentTransformForPositionFixedElements?: boolean;\n layout?: 'card' \| 'plain';\n}\n\n/\n @see https://vkcom.github.io/VKUI/#/AppRoot\n */\nexport const AppRoot = ({\n children,\n mode = 'full',\n scroll = 'global',\n portalRoot: portalRootProp = null,\n disablePortal,\n disableParentTransformForPositionFixedElements,\n className,\n safeAreaInsets,\n layout,\n ...props\n}: AppRootProps) => {\n const isKeyboardInputActive = useKeyboardInputTracker();\n const rootRef = React.useRef<HTMLDivElement \| null>(null);\n const [portalRoot, setPortalRoot] = React.useState<HTMLElement \| null>(null);\n const { document } = useDOM();\n const deprecatedInsetsDisabled = Boolean(safeAreaInsets);\n const deprecatedInsets = useInsets(deprecatedInsetsDisabled);\n const insets = safeAreaInsets ? safeAreaInsets : deprecatedInsets;\n const appearance = useAppearance();\n\n const { hasPointer, sizeX = 'none' } = useAdaptivity();\n\n if (process.env.NODE_ENV === 'development') {\n if (!safeAreaInsets) {\n // TODO [>=6]: удалить warn\n warn(\"[@vkontakte/vk-bridge] Интеграция VKUI с @vkontakte/vk-bridge устарела и будет удалена в v6. Используйте хук `useInsets()` из @vkontakte/vk-bridge-react и результат передайте в параметр `safeAreaInsets` (см. https://github.com/VKCOM/VKUI/issues/5049)\"); // prettier-ignore\n }\n }\n\n // setup portal\n useIsomorphicLayoutEffect(() => {\n let portal: HTMLElement \| null = null;\n if (portalRootProp) {\n if (isRefObject(portalRootProp)) {\n portal = portalRootProp.current;\n } else {\n portal = portalRootProp;\n }\n }\n if (!portal) {\n portal = document!.createElement('div');\n document!.body.appendChild(portal);\n }\n setPortalRoot(portal);\n return () => {\n if (!portalRootProp) {\n portal?.parentElement?.removeChild(portal);\n }\n };\n }, [portalRootProp]);\n\n // setup root classes\n useIsomorphicLayoutEffect(() => {\n if (mode === 'partial') {\n return noop;\n }\n\n const parent = rootRef.current?.parentElement;\n const classes = ['vkui__root'].concat(mode === 'embedded' ? 'vkui__root--embedded' : []);\n if (parent) {\n if (mode === 'embedded' && !disableParentTransformForPositionFixedElements) {\n parent.style.transform = 'translate3d(0, 0, 0)';\n }\n parent.classList.add(...classes);\n }\n\n return () => {\n if (parent) {\n if (mode === 'embedded' && !disableParentTransformForPositionFixedElements) {\n parent.style.transform = '';\n }\n parent.classList.remove(...classes);\n }\n };\n }, [disableParentTransformForPositionFixedElements]);\n\n useIsomorphicLayoutEffect(() => {\n if (mode === 'full') {\n document!.documentElement.classList.add('vkui');\n\n return () => {\n document!.documentElement.classList.remove('vkui');\n };\n }\n\n return undefined;\n }, [document, mode]);\n\n // setup insets\n useIsomorphicLayoutEffect(() => {\n if (mode === 'partial' \|\| !rootRef.current?.parentElement) {\n return noop;\n }\n\n const parent = rootRef.current.parentElement;\n\n let key: keyof SafeAreaInsets;\n for (key in insets) {\n if (insets.hasOwnProperty(key) && typeof insets[key] === 'number') {\n const inset = insets[key];\n parent.style.setProperty(INSET_CUSTOM_PROPERTY_PREFIX + key, `${inset}px`);\n portalRoot &&\n portalRoot.style.setProperty(INSET_CUSTOM_PROPERTY_PREFIX + key, `${inset}px`);\n }\n }\n\n return () => {\n let key: keyof SafeAreaInsets;\n for (key in insets) {\n if (insets.hasOwnProperty(key)) {\n parent.style.removeProperty(INSET_CUSTOM_PROPERTY_PREFIX + key);\n portalRoot && portalRoot.style.removeProperty(INSET_CUSTOM_PROPERTY_PREFIX + key);\n }\n }\n };\n }, [insets, portalRoot]);\n\n // adaptivity handler\n useIsomorphicLayoutEffect(() => {\n if (mode === 'partial') {\n return noop;\n }\n\n const classNames = containerClassNames(layout, sizeX);\n\n const container = mode === 'embedded' ? rootRef.current?.parentElement : document!.body;\n\n if (!classNames.length \|\| !container) {\n return noop;\n }\n\n container.classList.add(...classNames);\n return () => {\n container.classList.remove(...classNames);\n };\n }, [sizeX, layout]);\n\n useIsomorphicLayoutEffect(() => {\n if (mode !== 'full' \|\| appearance === undefined) {\n return noop;\n }\n document!.documentElement.style.setProperty('color-scheme', appearance);\n\n return () => document!.documentElement.style.removeProperty('color-scheme');\n }, [appearance]);\n\n const ScrollController = React.useMemo(\n () => (scroll === 'contain' ? ElementScrollController : GlobalScrollController),\n [scroll],\n );\n\n const content = (\n <AppRootContext.Provider\n value={{\n appRoot: rootRef,\n portalRoot,\n embedded: mode === 'embedded',\n keyboardInput: isKeyboardInputActive,\n mode,\n disablePortal,\n layout,\n }}\n >\n <ScrollController elRef={rootRef}>{children}</ScrollController>\n </AppRootContext.Provider>\n );\n\n return mode === 'partial' ? (\n content\n ) : (\n <div\n ref={rootRef}\n className={classNames(\n styles['AppRoot'],\n hasPointer === undefined\n ? styles['AppRoot--pointer-none']\n : !hasPointer && styles['AppRoot--pointer-has-not'],\n className,\n )}\n {...props}\n >\n {content}\n </div>\n );\n};\n"],"names":["AppRoot","warn","warnOnce","vkuiSizeXClassNames","none","SizeType","REGULAR","vkuiLayoutClassNames","card","plain","containerClassNames","layout","sizeX","classNames","push","COMPACT","INSET_CUSTOM_PROPERTY_PREFIX","children","mode","scroll","portalRootProp","portalRoot","disablePortal","disableParentTransformForPositionFixedElements","className","safeAreaInsets","props","isKeyboardInputActive","useKeyboardInputTracker","rootRef","React","useRef","useState","setPortalRoot","document","useDOM","deprecatedInsetsDisabled","Boolean","deprecatedInsets","useInsets","insets","appearance","useAppearance","useAdaptivity","hasPointer","process","env","NODE_ENV","useIsomorphicLayoutEffect","portal","isRefObject","current","createElement","body","appendChild","parentElement","removeChild","noop","parent","classes","concat","style","transform","classList","add","remove","documentElement","undefined","key","hasOwnProperty","inset","setProperty","removeProperty","container","length","ScrollController","useMemo","ElementScrollController","GlobalScrollController","content","AppRootContext","Provider","value","appRoot","embedded","keyboardInput","elRef","div","ref"],"mappings":"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"}

package/dist/cjs/components/Avatar/Avatar.d.ts CHANGED Viewed

@@ -2,6 +2,7 @@ import * as React from 'react';
 import { type ImageBaseOverlayProps, type ImageBaseProps } from '../ImageBase/ImageBase';
 import { type AvatarBadgeProps } from './AvatarBadge/AvatarBadge';
 import { type AvatarBadgeWithPresetProps } from './AvatarBadge/AvatarBadgeWithPreset';
+import { getInitialsFontSize } from './helpers';
 export type { AvatarBadgeProps, AvatarBadgeWithPresetProps, ImageBaseOverlayProps as AvatarOverlayProps, };
 export declare const AVATAR_DEFAULT_SIZE = 48;
 declare const COLORS_NUMBER_TO_TEXT_MAP: {
@@ -18,7 +19,7 @@ declare const COLORS_NUMBER_TO_TEXT_MAP: {
  */
 export type InitialsAvatarNumberGradients = keyof typeof COLORS_NUMBER_TO_TEXT_MAP;
 export type InitialsAvatarTextGradients = (typeof COLORS_NUMBER_TO_TEXT_MAP)[InitialsAvatarNumberGradients] | 'blue';
-export interface AvatarProps extends ImageBaseProps {
+export interface AvatarProps extends Omit<ImageBaseProps, 'widthSize' | 'heightSize'> {
     /**
      * Инициалы пользователя.
      *
@@ -48,9 +49,10 @@ export interface AvatarProps extends ImageBaseProps {
  * @see https://vkcom.github.io/VKUI/#/Avatar
  */
 export declare const Avatar: {
-    ({ size, className, gradientColor, initials, fallbackIcon, children, ...restProps }: AvatarProps): React.JSX.Element;
+    ({ size, className, gradientColor, initials, fallbackIcon: fallbackIconProp, children, ...restProps }: AvatarProps): React.JSX.Element;
     Badge: ({ className, ...restProps }: import("../ImageBase/ImageBase").ImageBaseBadgeProps) => React.JSX.Element;
     BadgeWithPreset: ({ preset, className, ...restProps }: AvatarBadgeWithPresetProps) => React.JSX.Element;
     Overlay: ({ className, theme: themeProp, visibility: visibilityProp, children, onClick, ...restProps }: ImageBaseOverlayProps) => React.JSX.Element;
+    getInitialsFontSize: typeof getInitialsFontSize;
 };
 //# sourceMappingURL=Avatar.d.ts.map

package/dist/cjs/components/Avatar/Avatar.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Avatar.d.ts","sourceRoot":"","sources":["../../../../src/components/Avatar/Avatar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAa,KAAK,qBAAqB,EAAE,KAAK,cAAc,EAAE,MAAM,wBAAwB,CAAC;AACpG,OAAO,EAAe,KAAK,gBAAgB,EAAE,MAAM,2BAA2B,CAAC;AAC/E,OAAO,EAEL,KAAK,0BAA0B,EAChC,MAAM,qCAAqC,CAAC;~~AAI7C~~,YAAY,EACV,gBAAgB,EAChB,0BAA0B,EAC1B,qBAAqB,IAAI,kBAAkB,GAC5C,CAAC;AAEF,eAAO,MAAM,mBAAmB,KAAK,CAAC;AAEtC,QAAA,MAAM,yBAAyB;;;;;;;CAOrB,CAAC;AAEX;;;GAGG;AACH,MAAM,MAAM,6BAA6B,GAAG,MAAM,OAAO,yBAAyB,CAAC;AAEnF,MAAM,MAAM,2BAA2B,GACnC,CAAC,OAAO,yBAAyB,CAAC,CAAC,6BAA6B,CAAC,GACjE,MAAM,CAAC;AAYX,MAAM,WAAW,WAAY,SAAQ,cAAc;~~IACjD~~;;;;;;OAMG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB;;;;;;;;;;;;;;OAcG;IACH,aAAa,CAAC,EAAE,6BAA6B,GAAG,2BAA2B,GAAG,QAAQ,CAAC;CACxF;AAED;;GAEG;AACH,eAAO,MAAM,MAAM;~~yFAQhB~~,WAAW~~;;;;CA+Bb~~,CAAC"}
1	+ {"version":3,"file":"Avatar.d.ts","sourceRoot":"","sources":["../../../../src/components/Avatar/Avatar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAa,KAAK,qBAAqB,EAAE,KAAK,cAAc,EAAE,MAAM,wBAAwB,CAAC;AACpG,OAAO,EAAe,KAAK,gBAAgB,EAAE,MAAM,2BAA2B,CAAC;AAC/E,OAAO,EAEL,KAAK,0BAA0B,EAChC,MAAM,qCAAqC,CAAC;AAC7C,OAAO,EAAE,mBAAmB,EAAE,MAAM,WAAW,CAAC;AAGhD,YAAY,EACV,gBAAgB,EAChB,0BAA0B,EAC1B,qBAAqB,IAAI,kBAAkB,GAC5C,CAAC;AAEF,eAAO,MAAM,mBAAmB,KAAK,CAAC;AAEtC,QAAA,MAAM,yBAAyB;;;;;;;CAOrB,CAAC;AAEX;;;GAGG;AACH,MAAM,MAAM,6BAA6B,GAAG,MAAM,OAAO,yBAAyB,CAAC;AAEnF,MAAM,MAAM,2BAA2B,GACnC,CAAC,OAAO,yBAAyB,CAAC,CAAC,6BAA6B,CAAC,GACjE,MAAM,CAAC;AAYX,MAAM,WAAW,WAAY,SAAQ,IAAI,CAAC,cAAc,EAAE,WAAW,GAAG,YAAY,CAAC;IACnF;;;;;;OAMG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB;;;;;;;;;;;;;;OAcG;IACH,aAAa,CAAC,EAAE,6BAA6B,GAAG,2BAA2B,GAAG,QAAQ,CAAC;CACxF;AAED;;GAEG;AACH,eAAO,MAAM,MAAM;2GAQhB,WAAW;;;;;CAiCb,CAAC"}

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

@@ -45,7 +45,7 @@ var gradientStyles = {
     "violet": "vkuiAvatar--gradient-violet"
 };
 var Avatar = function(_param) {
-    var _param_size = _param.size, size = _param_size === void 0 ? AVATAR_DEFAULT_SIZE : _param_size, className = _param.className, gradientColor = _param.gradientColor, initials = _param.initials, fallbackIcon = _param.fallbackIcon, children = _param.children, restProps = _object_without_properties._(_param, [
+    var _param_size = _param.size, size = _param_size === void 0 ? AVATAR_DEFAULT_SIZE : _param_size, className = _param.className, gradientColor = _param.gradientColor, initials = _param.initials, fallbackIconProp = _param.fallbackIcon, children = _param.children, restProps = _object_without_properties._(_param, [
         "size",
         "className",
         "gradientColor",
@@ -55,20 +55,21 @@ var Avatar = function(_param) {
     ]);
     var gradientName = typeof gradientColor === "number" ? COLORS_NUMBER_TO_TEXT_MAP[gradientColor] : gradientColor;
     var isGradientNotCustom = gradientName && gradientName !== "custom";
-    var rewrittenFallbackIcon = initials ? undefined : fallbackIcon;
-    return /*#__PURE__*/ _react.createElement(_ImageBase.ImageBase, _object_spread_props._(_object_spread._({}, restProps), {
-        size: size,
-        fallbackIcon: rewrittenFallbackIcon,
-        className: (0, _vkjs.classNames)("vkuiAvatar", gradientName && "vkuiAvatar--has-gradient", isGradientNotCustom && gradientStyles[gradientName], className)
-    }), initials && /*#__PURE__*/ _react.createElement("div", {
+    var fallbackIcon = initials ? /*#__PURE__*/ _react.createElement("div", {
         className: "vkuiAvatar__initials",
         style: {
             fontSize: (0, _helpers.getInitialsFontSize)(size)
         }
-    }, initials), children);
+    }, initials) : fallbackIconProp;
+    return /*#__PURE__*/ _react.createElement(_ImageBase.ImageBase, _object_spread_props._(_object_spread._({}, restProps), {
+        size: size,
+        fallbackIcon: fallbackIcon,
+        className: (0, _vkjs.classNames)("vkuiAvatar", gradientName && "vkuiAvatar--has-gradient", isGradientNotCustom && gradientStyles[gradientName], className)
+    }), children);
 };
 Avatar.Badge = _AvatarBadge.AvatarBadge;
 Avatar.BadgeWithPreset = _AvatarBadgeWithPreset.AvatarBadgeWithPreset;
 Avatar.Overlay = _ImageBase.ImageBase.Overlay;
+Avatar.getInitialsFontSize = _helpers.getInitialsFontSize;
 //# sourceMappingURL=Avatar.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../../src/components/Avatar/Avatar.tsx"],"sourcesContent":["import * as React from 'react';\nimport { classNames } from '@vkontakte/vkjs';\nimport { ImageBase, type ImageBaseOverlayProps, type ImageBaseProps } from '../ImageBase/ImageBase';\nimport { AvatarBadge, type AvatarBadgeProps } from './AvatarBadge/AvatarBadge';\nimport {\n AvatarBadgeWithPreset,\n type AvatarBadgeWithPresetProps,\n} from './AvatarBadge/AvatarBadgeWithPreset';\nimport { getInitialsFontSize } from './helpers';\nimport styles from './Avatar.module.css';\n\nexport type {\n AvatarBadgeProps,\n AvatarBadgeWithPresetProps,\n ImageBaseOverlayProps as AvatarOverlayProps,\n};\n\nexport const AVATAR_DEFAULT_SIZE = 48;\n\nconst COLORS_NUMBER_TO_TEXT_MAP = {\n 1: 'red',\n 2: 'orange',\n 3: 'yellow',\n 4: 'green',\n 5: 'l-blue',\n 6: 'violet',\n} as const;\n\n/*\n Градиенты, которые можно использовать в алгоритме поиска градиентов по числовому идентификатору пользователя.\n * @example user.id % 6 + 1\n /\nexport type InitialsAvatarNumberGradients = keyof typeof COLORS_NUMBER_TO_TEXT_MAP;\n\nexport type InitialsAvatarTextGradients =\n \| (typeof COLORS_NUMBER_TO_TEXT_MAP)[InitialsAvatarNumberGradients]\n \| 'blue';\n\nconst gradientStyles = {\n 'red': styles['Avatar--gradient-red'],\n 'orange': styles['Avatar--gradient-orange'],\n 'yellow': styles['Avatar--gradient-yellow'],\n 'green': styles['Avatar--gradient-green'],\n 'blue': styles['Avatar--gradient-blue'],\n 'l-blue': styles['Avatar--gradient-l-blue'],\n 'violet': styles['Avatar--gradient-violet'],\n};\n\nexport interface AvatarProps extends ImageBaseProps {\n /\n Инициалы пользователя.\n \n > Note: Если аватарка не прогрузится, то пользователь увидит инициалы.\n \n > ⚠️ Перебивает `fallbackIcon`.\n /\n initials?: string;\n /\n Задаёт градиент для фона.\n \n Если передано число, то оно будет сконвертировано в строчное представление цвета по следующей схеме:\n \n 1: 'red'\n * 2: 'orange'\n * 3: 'yellow'\n * 4: 'green'\n * 5: 'l-blue'\n * 6: 'violet'\n \n > Если необходимо задать свой градиент, то используйте значение `\"custom\"` и определите цвет градиента либо через\n * > свой класс в `className`, либо через `style={{ backgroundImage: \"...\" }}`.\n /\n gradientColor?: InitialsAvatarNumberGradients \| InitialsAvatarTextGradients \| 'custom';\n}\n\n/\n @see https://vkcom.github.io/VKUI/#/Avatar\n */\nexport const Avatar = ({\n size = AVATAR_DEFAULT_SIZE,\n className,\n gradientColor,\n initials,\n fallbackIcon,\n children,\n ...restProps\n}: AvatarProps) => {\n const gradientName =\n typeof gradientColor === 'number' ? COLORS_NUMBER_TO_TEXT_MAP[gradientColor] : gradientColor;\n const isGradientNotCustom = gradientName && gradientName !== 'custom';\n const ~~rewrittenFallbackIcon~~ = initials ? ~~undefined~~ : ~~fallbackIcon~~;\n\n return (\n <ImageBase\n {...restProps}\n size={size}\n fallbackIcon={~~rewrittenFallbackIcon~~}\n className={classNames(\n styles['Avatar'],\n gradientName && styles['Avatar--has-gradient'],\n isGradientNotCustom && gradientStyles[gradientName],\n className,\n )}\n >\n {initials && (\n <div\n className={styles['Avatar__initials']}\n style={{\n fontSize: getInitialsFontSize(size),\n }}\n >\n {initials}\n </div>\n )}\n {children}\n </ImageBase>\n );\n};\n\nAvatar.Badge = AvatarBadge;\n\nAvatar.BadgeWithPreset = AvatarBadgeWithPreset;\n\nAvatar.Overlay = ImageBase.Overlay;\n"],"names":["AVATAR_DEFAULT_SIZE","Avatar","COLORS_NUMBER_TO_TEXT_MAP","gradientStyles","size","className","gradientColor","initials","fallbackIcon","children","restProps","gradientName","isGradientNotCustom","~~rewrittenFallbackIcon~~","~~undefined~~","~~ImageBase~~","~~classNames~~","~~div~~","~~style~~","~~fontSize","getInitialsFontSize","~~Badge","AvatarBadge","BadgeWithPreset","AvatarBadgeWithPreset","Overlay"],"mappings":";;;;;;;;;;;IAiBaA,mBAAmB;eAAnBA;;IA6DAC,MAAM;eAANA;;;;;;;+DA9EU;oBACI;yBACgD;2BACxB;qCAI5C;uBAC6B;AAS7B,IAAMD,sBAAsB;AAEnC,IAAME,4BAA4B;IAChC,GAAG;IACH,GAAG;IACH,GAAG;IACH,GAAG;IACH,GAAG;IACH,GAAG;AACL;AAYA,IAAMC,iBAAiB;IACrB,KAAK;IACL,QAAQ;IACR,QAAQ;IACR,OAAO;IACP,MAAM;IACN,QAAQ;IACR,QAAQ;AACV;AAgCO,IAAMF,SAAS;6BACpBG,MAAAA,gCAAOJ,mCACPK,mBAAAA,WACAC,uBAAAA,eACAC,kBAAAA,UACAC,~~sBAAAA~~,~~cACAC~~,kBAAAA,UACGC;~~QANHN~~;QACAC;QACAC;QACAC;QACAC;~~QACAC~~;;IAGA,IAAME,eACJ,~~OAAOL~~,kBAAkB,WAAWJ,yBAAyB,CAACI,cAAc,GAAGA;IACjF,~~IAAMM~~,sBAAsBD,gBAAgBA,iBAAiB;~~IAC7D~~,~~IAAME~~,~~wBAAwBN~~,~~WAAWO~~,~~YAAYN~~;~~IAErD~~,qBACE,~~qBAACO~~,oBAAS,~~8CACJL~~;~~QACJN~~,MAAMA;QACNI,~~cAAcK~~;~~QACdR~~,~~WAAWW~~,IAAAA,gBAAU,~~gBAEnBL~~,4CACAC,~~uBAAuBT~~,cAAc,~~CAACQ~~,aAAa,~~EACnDN~~;~~QAGDE,0BACC,qBAACU~~;~~QACCZ,SAAS;QACTa,OAAO;YACLC,UAAUC,IAAAA,4BAAmB,EAAChB;QAChC;OAECG,WAGJE;~~AAGP;~~AAEAR~~,~~OAAOoB~~,KAAK,GAAGC,wBAAW;~~AAE1BrB~~,~~OAAOsB~~,eAAe,GAAGC,4CAAqB;~~AAE9CvB~~,~~OAAOwB~~,OAAO,~~GAAGV~~,oBAAS,~~CAACU~~,OAAO"}
1	+ {"version":3,"sources":["../../../../src/components/Avatar/Avatar.tsx"],"sourcesContent":["import * as React from 'react';\nimport { classNames } from '@vkontakte/vkjs';\nimport { ImageBase, type ImageBaseOverlayProps, type ImageBaseProps } from '../ImageBase/ImageBase';\nimport { AvatarBadge, type AvatarBadgeProps } from './AvatarBadge/AvatarBadge';\nimport {\n AvatarBadgeWithPreset,\n type AvatarBadgeWithPresetProps,\n} from './AvatarBadge/AvatarBadgeWithPreset';\nimport { getInitialsFontSize } from './helpers';\nimport styles from './Avatar.module.css';\n\nexport type {\n AvatarBadgeProps,\n AvatarBadgeWithPresetProps,\n ImageBaseOverlayProps as AvatarOverlayProps,\n};\n\nexport const AVATAR_DEFAULT_SIZE = 48;\n\nconst COLORS_NUMBER_TO_TEXT_MAP = {\n 1: 'red',\n 2: 'orange',\n 3: 'yellow',\n 4: 'green',\n 5: 'l-blue',\n 6: 'violet',\n} as const;\n\n/*\n Градиенты, которые можно использовать в алгоритме поиска градиентов по числовому идентификатору пользователя.\n * @example user.id % 6 + 1\n /\nexport type InitialsAvatarNumberGradients = keyof typeof COLORS_NUMBER_TO_TEXT_MAP;\n\nexport type InitialsAvatarTextGradients =\n \| (typeof COLORS_NUMBER_TO_TEXT_MAP)[InitialsAvatarNumberGradients]\n \| 'blue';\n\nconst gradientStyles = {\n 'red': styles['Avatar--gradient-red'],\n 'orange': styles['Avatar--gradient-orange'],\n 'yellow': styles['Avatar--gradient-yellow'],\n 'green': styles['Avatar--gradient-green'],\n 'blue': styles['Avatar--gradient-blue'],\n 'l-blue': styles['Avatar--gradient-l-blue'],\n 'violet': styles['Avatar--gradient-violet'],\n};\n\nexport interface AvatarProps extends Omit<ImageBaseProps, 'widthSize' \| 'heightSize'> {\n /\n Инициалы пользователя.\n \n > Note: Если аватарка не прогрузится, то пользователь увидит инициалы.\n \n > ⚠️ Перебивает `fallbackIcon`.\n /\n initials?: string;\n /\n Задаёт градиент для фона.\n \n Если передано число, то оно будет сконвертировано в строчное представление цвета по следующей схеме:\n \n 1: 'red'\n * 2: 'orange'\n * 3: 'yellow'\n * 4: 'green'\n * 5: 'l-blue'\n * 6: 'violet'\n \n > Если необходимо задать свой градиент, то используйте значение `\"custom\"` и определите цвет градиента либо через\n * > свой класс в `className`, либо через `style={{ backgroundImage: \"...\" }}`.\n /\n gradientColor?: InitialsAvatarNumberGradients \| InitialsAvatarTextGradients \| 'custom';\n}\n\n/\n @see https://vkcom.github.io/VKUI/#/Avatar\n */\nexport const Avatar = ({\n size = AVATAR_DEFAULT_SIZE,\n className,\n gradientColor,\n initials,\n fallbackIcon: fallbackIconProp,\n children,\n ...restProps\n}: AvatarProps) => {\n const gradientName =\n typeof gradientColor === 'number' ? COLORS_NUMBER_TO_TEXT_MAP[gradientColor] : gradientColor;\n const isGradientNotCustom = gradientName && gradientName !== 'custom';\n\n const fallbackIcon = initials ? (\n <div\n className={styles['Avatar__initials']}\n style={{\n fontSize: getInitialsFontSize(size),\n }}\n >\n {initials}\n </div>\n ) : (\n fallbackIconProp\n );\n\n return (\n <ImageBase\n {...restProps}\n size={size}\n fallbackIcon={fallbackIcon}\n className={classNames(\n styles['Avatar'],\n gradientName && styles['Avatar--has-gradient'],\n isGradientNotCustom && gradientStyles[gradientName],\n className,\n )}\n >\n {children}\n </ImageBase>\n );\n};\n\nAvatar.Badge = AvatarBadge;\n\nAvatar.BadgeWithPreset = AvatarBadgeWithPreset;\n\nAvatar.Overlay = ImageBase.Overlay;\n\nAvatar.getInitialsFontSize = getInitialsFontSize;\n"],"names":["AVATAR_DEFAULT_SIZE","Avatar","COLORS_NUMBER_TO_TEXT_MAP","gradientStyles","size","className","gradientColor","initials","fallbackIcon","fallbackIconProp","children","restProps","gradientName","isGradientNotCustom","div","style","fontSize","getInitialsFontSize","ImageBase","classNames","Badge","AvatarBadge","BadgeWithPreset","AvatarBadgeWithPreset","Overlay"],"mappings":";;;;;;;;;;;IAiBaA,mBAAmB;eAAnBA;;IA6DAC,MAAM;eAANA;;;;;;;+DA9EU;oBACI;yBACgD;2BACxB;qCAI5C;uBAC6B;AAS7B,IAAMD,sBAAsB;AAEnC,IAAME,4BAA4B;IAChC,GAAG;IACH,GAAG;IACH,GAAG;IACH,GAAG;IACH,GAAG;IACH,GAAG;AACL;AAYA,IAAMC,iBAAiB;IACrB,KAAK;IACL,QAAQ;IACR,QAAQ;IACR,OAAO;IACP,MAAM;IACN,QAAQ;IACR,QAAQ;AACV;AAgCO,IAAMF,SAAS;6BACpBG,MAAAA,gCAAOJ,mCACPK,mBAAAA,WACAC,uBAAAA,eACAC,kBAAAA,UACAC,AAAcC,0BAAdD,cACAE,kBAAAA,UACGC;QANHP;QACAC;QACAC;QACAC;QACAC;QACAE;;IAGA,IAAME,eACJ,OAAON,kBAAkB,WAAWJ,yBAAyB,CAACI,cAAc,GAAGA;IACjF,IAAMO,sBAAsBD,gBAAgBA,iBAAiB;IAE7D,IAAMJ,eAAeD,yBACnB,qBAACO;QACCT,SAAS;QACTU,OAAO;YACLC,UAAUC,IAAAA,4BAAmB,EAACb;QAChC;OAECG,YAGHE;IAGF,qBACE,qBAACS,oBAAS,8CACJP;QACJP,MAAMA;QACNI,cAAcA;QACdH,WAAWc,IAAAA,gBAAU,gBAEnBP,4CACAC,uBAAuBV,cAAc,CAACS,aAAa,EACnDP;QAGDK;AAGP;AAEAT,OAAOmB,KAAK,GAAGC,wBAAW;AAE1BpB,OAAOqB,eAAe,GAAGC,4CAAqB;AAE9CtB,OAAOuB,OAAO,GAAGN,oBAAS,CAACM,OAAO;AAElCvB,OAAOgB,mBAAmB,GAAGA,4BAAmB"}

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

@@ -26,9 +26,17 @@ export interface CalendarProps extends Omit<HTMLAttributesWithRootRef<HTMLDivEle
      * Изменение даты в шапке календаря.
      */
     onHeaderChange?(value: Date): void;
+    /**
+     * Минимальные дата и время, которые можно выбрать
+     */
+    minDateTime?: Date;
+    /**
+     * Максимальные дата и время, которые можно выбрать
+     */
+    maxDateTime?: Date;
 }
 /**
  * @see https://vkcom.github.io/VKUI/#/Calendar
  */
-export declare const Calendar: ({ value, onChange, disablePast, disableFuture, shouldDisableDate, onClose, enableTime, doneButtonText, weekStartsOn, disablePickers, changeHoursAriaLabel, changeMinutesAriaLabel, prevMonthAriaLabel, nextMonthAriaLabel, changeMonthAriaLabel, changeYearAriaLabel, showNeighboringMonth, changeDayAriaLabel, size, viewDate: externalViewDate, onHeaderChange, onNextMonth, onPrevMonth, prevMonthIcon, nextMonthIcon, prevMonthProps, nextMonthProps, dayProps, listenDayChangesForUpdate, ...props }: CalendarProps) => React.JSX.Element;
+export declare const Calendar: ({ value, onChange, disablePast, disableFuture, shouldDisableDate, onClose, enableTime, doneButtonText, weekStartsOn, disablePickers, changeHoursAriaLabel, changeMinutesAriaLabel, prevMonthAriaLabel, nextMonthAriaLabel, changeMonthAriaLabel, changeYearAriaLabel, showNeighboringMonth, changeDayAriaLabel, size, viewDate: externalViewDate, onHeaderChange, onNextMonth, onPrevMonth, prevMonthIcon, nextMonthIcon, prevMonthProps, nextMonthProps, dayProps, listenDayChangesForUpdate, minDateTime, maxDateTime, ...props }: CalendarProps) => React.JSX.Element;
 //# sourceMappingURL=Calendar.d.ts.map

package/dist/cjs/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":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAO/B,OAAO,EAAE,yBAAyB,EAAE,MAAM,aAAa,CAAC;AACxD,OAAO,EAAgB,iBAAiB,EAAE,MAAM,8BAA8B,CAAC;AAC/E,OAAO,EAAkB,mBAAmB,EAAE,MAAM,kCAAkC,CAAC;AACvF,OAAO,EAAgB,iBAAiB,EAAE,MAAM,8BAA8B,CAAC;AAI/E,MAAM,WAAW,aACf,SAAQ,IAAI,CAAC,yBAAyB,CAAC,cAAc,CAAC,EAAE,UAAU,CAAC,EACjE,IAAI,CAAC,iBAAiB,EAAE,sBAAsB,GAAG,wBAAwB,CAAC,EAC1E,IAAI,CACF,mBAAmB,EACjB,oBAAoB,GACpB,oBAAoB,GACpB,sBAAsB,GACtB,qBAAqB,GACrB,aAAa,GACb,aAAa,GACb,eAAe,GACf,eAAe,GACf,gBAAgB,GAChB,gBAAgB,CACnB,EACD,IAAI,CAAC,iBAAiB,EAAE,UAAU,GAAG,2BAA2B,CAAC;IACnE,KAAK,CAAC,EAAE,IAAI,CAAC;IACb,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,YAAY,CAAC,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;IACzC,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,IAAI,CAAC,EAAE,GAAG,GAAG,GAAG,CAAC;IACjB,QAAQ,CAAC,CAAC,KAAK,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;IAC9B,iBAAiB,CAAC,CAAC,KAAK,EAAE,IAAI,GAAG,OAAO,CAAC;IACzC,OAAO,CAAC,IAAI,IAAI,CAAC;IACjB;;;OAGG;IACH,QAAQ,CAAC,EAAE,IAAI,CAAC;IAChB;;OAEG;IACH,cAAc,CAAC,CAAC,KAAK,EAAE,IAAI,GAAG,IAAI,CAAC;~~CACpC~~;AAID;;GAEG;AACH,eAAO,MAAM,QAAQ,~~8eA+BlB~~,aAAa,~~sBAqHf~~,CAAC"}
1	+ {"version":3,"file":"Calendar.d.ts","sourceRoot":"","sources":["../../../../src/components/Calendar/Calendar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAO/B,OAAO,EAAE,yBAAyB,EAAE,MAAM,aAAa,CAAC;AACxD,OAAO,EAAgB,iBAAiB,EAAE,MAAM,8BAA8B,CAAC;AAC/E,OAAO,EAAkB,mBAAmB,EAAE,MAAM,kCAAkC,CAAC;AACvF,OAAO,EAAgB,iBAAiB,EAAE,MAAM,8BAA8B,CAAC;AAI/E,MAAM,WAAW,aACf,SAAQ,IAAI,CAAC,yBAAyB,CAAC,cAAc,CAAC,EAAE,UAAU,CAAC,EACjE,IAAI,CAAC,iBAAiB,EAAE,sBAAsB,GAAG,wBAAwB,CAAC,EAC1E,IAAI,CACF,mBAAmB,EACjB,oBAAoB,GACpB,oBAAoB,GACpB,sBAAsB,GACtB,qBAAqB,GACrB,aAAa,GACb,aAAa,GACb,eAAe,GACf,eAAe,GACf,gBAAgB,GAChB,gBAAgB,CACnB,EACD,IAAI,CAAC,iBAAiB,EAAE,UAAU,GAAG,2BAA2B,CAAC;IACnE,KAAK,CAAC,EAAE,IAAI,CAAC;IACb,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,YAAY,CAAC,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;IACzC,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,IAAI,CAAC,EAAE,GAAG,GAAG,GAAG,CAAC;IACjB,QAAQ,CAAC,CAAC,KAAK,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;IAC9B,iBAAiB,CAAC,CAAC,KAAK,EAAE,IAAI,GAAG,OAAO,CAAC;IACzC,OAAO,CAAC,IAAI,IAAI,CAAC;IACjB;;;OAGG;IACH,QAAQ,CAAC,EAAE,IAAI,CAAC;IAChB;;OAEG;IACH,cAAc,CAAC,CAAC,KAAK,EAAE,IAAI,GAAG,IAAI,CAAC;IACnC;;OAEG;IACH,WAAW,CAAC,EAAE,IAAI,CAAC;IACnB;;OAEG;IACH,WAAW,CAAC,EAAE,IAAI,CAAC;CACpB;AAID;;GAEG;AACH,eAAO,MAAM,QAAQ,wgBAiClB,aAAa,sBA4Hf,CAAC"}

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

@@ -25,7 +25,7 @@ var _CalendarTime = require("../CalendarTime/CalendarTime");
 var _RootComponent = require("../RootComponent/RootComponent");
 var warn = (0, _warnOnce.warnOnce)("Calendar");
 var Calendar = function(_param) {
-    var value = _param.value, onChange = _param.onChange, disablePast = _param.disablePast, disableFuture = _param.disableFuture, shouldDisableDate = _param.shouldDisableDate, onClose = _param.onClose, _param_enableTime = _param.enableTime, enableTime = _param_enableTime === void 0 ? false : _param_enableTime, doneButtonText = _param.doneButtonText, _param_weekStartsOn = _param.weekStartsOn, weekStartsOn = _param_weekStartsOn === void 0 ? 1 : _param_weekStartsOn, disablePickers = _param.disablePickers, changeHoursAriaLabel = _param.changeHoursAriaLabel, changeMinutesAriaLabel = _param.changeMinutesAriaLabel, prevMonthAriaLabel = _param.prevMonthAriaLabel, nextMonthAriaLabel = _param.nextMonthAriaLabel, changeMonthAriaLabel = _param.changeMonthAriaLabel, changeYearAriaLabel = _param.changeYearAriaLabel, showNeighboringMonth = _param.showNeighboringMonth, _param_changeDayAriaLabel = _param.changeDayAriaLabel, changeDayAriaLabel = _param_changeDayAriaLabel === void 0 ? "Изменить день" : _param_changeDayAriaLabel, _param_size = _param.size, size = _param_size === void 0 ? "m" : _param_size, externalViewDate = _param.viewDate, onHeaderChange = _param.onHeaderChange, onNextMonth = _param.onNextMonth, onPrevMonth = _param.onPrevMonth, prevMonthIcon = _param.prevMonthIcon, nextMonthIcon = _param.nextMonthIcon, prevMonthProps = _param.prevMonthProps, nextMonthProps = _param.nextMonthProps, dayProps = _param.dayProps, listenDayChangesForUpdate = _param.listenDayChangesForUpdate, props = _object_without_properties._(_param, [
+    var value = _param.value, onChange = _param.onChange, disablePast = _param.disablePast, disableFuture = _param.disableFuture, shouldDisableDate = _param.shouldDisableDate, onClose = _param.onClose, _param_enableTime = _param.enableTime, enableTime = _param_enableTime === void 0 ? false : _param_enableTime, doneButtonText = _param.doneButtonText, _param_weekStartsOn = _param.weekStartsOn, weekStartsOn = _param_weekStartsOn === void 0 ? 1 : _param_weekStartsOn, disablePickers = _param.disablePickers, changeHoursAriaLabel = _param.changeHoursAriaLabel, changeMinutesAriaLabel = _param.changeMinutesAriaLabel, prevMonthAriaLabel = _param.prevMonthAriaLabel, nextMonthAriaLabel = _param.nextMonthAriaLabel, changeMonthAriaLabel = _param.changeMonthAriaLabel, changeYearAriaLabel = _param.changeYearAriaLabel, showNeighboringMonth = _param.showNeighboringMonth, _param_changeDayAriaLabel = _param.changeDayAriaLabel, changeDayAriaLabel = _param_changeDayAriaLabel === void 0 ? "Изменить день" : _param_changeDayAriaLabel, _param_size = _param.size, size = _param_size === void 0 ? "m" : _param_size, externalViewDate = _param.viewDate, onHeaderChange = _param.onHeaderChange, onNextMonth = _param.onNextMonth, onPrevMonth = _param.onPrevMonth, prevMonthIcon = _param.prevMonthIcon, nextMonthIcon = _param.nextMonthIcon, prevMonthProps = _param.prevMonthProps, nextMonthProps = _param.nextMonthProps, dayProps = _param.dayProps, listenDayChangesForUpdate = _param.listenDayChangesForUpdate, minDateTime = _param.minDateTime, maxDateTime = _param.maxDateTime, props = _object_without_properties._(_param, [
         "value",
         "onChange",
         "disablePast",
@@ -54,7 +54,9 @@ var Calendar = function(_param) {
         "prevMonthProps",
         "nextMonthProps",
         "dayProps",
-        "listenDayChangesForUpdate"
+        "listenDayChangesForUpdate",
+        "minDateTime",
+        "maxDateTime"
     ]);
     var _useCalendar1 = (0, _useCalendar.useCalendar)({
         value: value,
@@ -63,7 +65,9 @@ var Calendar = function(_param) {
         shouldDisableDate: shouldDisableDate,
         onHeaderChange: onHeaderChange,
         onNextMonth: onNextMonth,
-        onPrevMonth: onPrevMonth
+        onPrevMonth: onPrevMonth,
+        minDateTime: minDateTime,
+        maxDateTime: maxDateTime
     }), viewDate = _useCalendar1.viewDate, setViewDate = _useCalendar1.setViewDate, setPrevMonth = _useCalendar1.setPrevMonth, setNextMonth = _useCalendar1.setNextMonth, focusedDay = _useCalendar1.focusedDay, setFocusedDay = _useCalendar1.setFocusedDay, isDayFocused = _useCalendar1.isDayFocused, isDayDisabled = _useCalendar1.isDayDisabled, resetSelectedDay = _useCalendar1.resetSelectedDay;
     (0, _useIsomorphicLayoutEffect.useIsomorphicLayoutEffect)(function() {
         if (value) {
@@ -100,10 +104,19 @@ var Calendar = function(_param) {
         viewDate
     ]);
     var onDayChange = _react.useCallback(function(date) {
-        onChange === null || onChange === void 0 ? void 0 : onChange((0, _calendar.setTimeEqual)(date, value));
+        var actualDate = (0, _calendar.setTimeEqual)(date, value);
+        if (minDateTime || maxDateTime) {
+            actualDate = (0, _calendar.clamp)(actualDate, {
+                min: minDateTime,
+                max: maxDateTime
+            });
+        }
+        onChange === null || onChange === void 0 ? void 0 : onChange(actualDate);
     }, [
         value,
-        onChange
+        onChange,
+        maxDateTime,
+        minDateTime
     ]);
     var isDayActive = _react.useCallback(function(day) {
         return Boolean(value && (0, _date.isSameDay)(day, value));
@@ -153,7 +166,8 @@ var Calendar = function(_param) {
         onClose: onClose,
         doneButtonText: doneButtonText,
         changeHoursAriaLabel: changeHoursAriaLabel,
-        changeMinutesAriaLabel: changeMinutesAriaLabel
+        changeMinutesAriaLabel: changeMinutesAriaLabel,
+        isDayDisabled: minDateTime || maxDateTime ? isDayDisabled : undefined
     })));
 };

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

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../../src/components/Calendar/Calendar.tsx"],"sourcesContent":["import * as React from 'react';\nimport { classNames } from '@vkontakte/vkjs';\nimport { useCalendar } from '../../hooks/useCalendar';\nimport { isFirstDay, isLastDay, navigateDate, setTimeEqual } from '../../lib/calendar';\nimport { isSameDay, isSameMonth } from '../../lib/date';\nimport { useIsomorphicLayoutEffect } from '../../lib/useIsomorphicLayoutEffect';\nimport { warnOnce } from '../../lib/warnOnce';\nimport { HTMLAttributesWithRootRef } from '../../types';\nimport { CalendarDays, CalendarDaysProps } from '../CalendarDays/CalendarDays';\nimport { CalendarHeader, CalendarHeaderProps } from '../CalendarHeader/CalendarHeader';\nimport { CalendarTime, CalendarTimeProps } from '../CalendarTime/CalendarTime';\nimport { RootComponent } from '../RootComponent/RootComponent';\nimport styles from './Calendar.module.css';\n\nexport interface CalendarProps\n extends Omit<HTMLAttributesWithRootRef<HTMLDivElement>, 'onChange'>,\n Pick<CalendarTimeProps, 'changeHoursAriaLabel' \| 'changeMinutesAriaLabel'>,\n Pick<\n CalendarHeaderProps,\n \| 'prevMonthAriaLabel'\n \| 'nextMonthAriaLabel'\n \| 'changeMonthAriaLabel'\n \| 'changeYearAriaLabel'\n \| 'onNextMonth'\n \| 'onPrevMonth'\n \| 'prevMonthIcon'\n \| 'nextMonthIcon'\n \| 'prevMonthProps'\n \| 'nextMonthProps'\n >,\n Pick<CalendarDaysProps, 'dayProps' \| 'listenDayChangesForUpdate'> {\n value?: Date;\n disablePast?: boolean;\n disableFuture?: boolean;\n enableTime?: boolean;\n disablePickers?: boolean;\n doneButtonText?: string;\n changeDayAriaLabel?: string;\n weekStartsOn?: 0 \| 1 \| 2 \| 3 \| 4 \| 5 \| 6;\n showNeighboringMonth?: boolean;\n size?: 's' \| 'm';\n onChange?(value?: Date): void;\n shouldDisableDate?(value: Date): boolean;\n onClose?(): void;\n /*\n Дата отображаемого месяца.\n * При использовании обновление даты должно происходить вне компонента.\n /\n viewDate?: Date;\n /\n Изменение даты в шапке календаря.\n /\n onHeaderChange?(value: Date): void;\n}\n\nconst warn = warnOnce('Calendar');\n\n/\n @see https://vkcom.github.io/VKUI/#/Calendar\n */\nexport const Calendar = ({\n value,\n onChange,\n disablePast,\n disableFuture,\n shouldDisableDate,\n onClose,\n enableTime = false,\n doneButtonText,\n weekStartsOn = 1,\n disablePickers,\n changeHoursAriaLabel,\n changeMinutesAriaLabel,\n prevMonthAriaLabel,\n nextMonthAriaLabel,\n changeMonthAriaLabel,\n changeYearAriaLabel,\n showNeighboringMonth,\n changeDayAriaLabel = 'Изменить день',\n size = 'm',\n viewDate: externalViewDate,\n onHeaderChange,\n onNextMonth,\n onPrevMonth,\n prevMonthIcon,\n nextMonthIcon,\n prevMonthProps,\n nextMonthProps,\n dayProps,\n listenDayChangesForUpdate,\n ...props\n}: CalendarProps) => {\n const {\n viewDate,\n setViewDate,\n setPrevMonth,\n setNextMonth,\n focusedDay,\n setFocusedDay,\n isDayFocused,\n isDayDisabled,\n resetSelectedDay,\n } = useCalendar({\n value,\n disableFuture,\n disablePast,\n shouldDisableDate,\n onHeaderChange,\n onNextMonth,\n onPrevMonth,\n });\n\n useIsomorphicLayoutEffect(() => {\n if (value) {\n setViewDate(value);\n }\n }, [value]);\n\n if (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 if (['ArrowUp', 'ArrowDown', 'ArrowLeft', 'ArrowRight'].includes(event.key)) {\n event.preventDefault();\n }\n\n const newFocusedDay = navigateDate(focusedDay ?? value, event.key);\n\n if (newFocusedDay && !isSameMonth(newFocusedDay, viewDate)) {\n setViewDate(newFocusedDay);\n }\n setFocusedDay(newFocusedDay);\n },\n [focusedDay, setFocusedDay, setViewDate, value, viewDate],\n );\n\n const onDayChange = React.useCallback(\n (date: Date) => {\n onChange?.(setTimeEqual(date, value as Date \| undefined \| null));\n },\n [value, onChange],\n );\n\n const isDayActive = React.useCallback(\n (day: Date) => Boolean(value && isSameDay(day, value)),\n [value],\n );\n\n return (\n <RootComponent\n {...props}\n baseClassName={classNames(styles['Calendar'], size === 's' && styles['Calendar--size-s'])}\n >\n <CalendarHeader\n viewDate={externalViewDate \|\| viewDate}\n onChange={setViewDate}\n onNextMonth={setNextMonth}\n onPrevMonth={setPrevMonth}\n disablePickers={disablePickers \|\| size === 's'}\n className={styles['Calendar__header']}\n prevMonthAriaLabel={prevMonthAriaLabel}\n nextMonthAriaLabel={nextMonthAriaLabel}\n changeMonthAriaLabel={changeMonthAriaLabel}\n changeYearAriaLabel={changeYearAriaLabel}\n prevMonthIcon={prevMonthIcon}\n nextMonthIcon={nextMonthIcon}\n prevMonthProps={prevMonthProps}\n nextMonthProps={nextMonthProps}\n />\n <CalendarDays\n viewDate={externalViewDate \|\| viewDate}\n value={value}\n weekStartsOn={weekStartsOn}\n isDayFocused={isDayFocused}\n tabIndex={0}\n aria-label={changeDayAriaLabel}\n onKeyDown={handleKeyDown}\n onDayChange={onDayChange}\n isDayActive={isDayActive}\n isDaySelectionStart={isFirstDay}\n isDaySelectionEnd={isLastDay}\n isDayDisabled={isDayDisabled}\n onBlur={resetSelectedDay}\n showNeighboringMonth={showNeighboringMonth}\n size={size}\n dayProps={dayProps}\n listenDayChangesForUpdate={listenDayChangesForUpdate}\n />\n {enableTime && value && size !== 's' && (\n <div className={styles['Calendar__time']}>\n <CalendarTime\n value={value}\n onChange={onChange}\n onClose={onClose}\n doneButtonText={doneButtonText}\n changeHoursAriaLabel={changeHoursAriaLabel}\n changeMinutesAriaLabel={changeMinutesAriaLabel}\n />\n </div>\n )}\n </RootComponent>\n );\n};\n"],"names":["Calendar","warn","warnOnce","value","onChange","disablePast","disableFuture","shouldDisableDate","onClose","enableTime","doneButtonText","weekStartsOn","disablePickers","changeHoursAriaLabel","changeMinutesAriaLabel","prevMonthAriaLabel","nextMonthAriaLabel","changeMonthAriaLabel","changeYearAriaLabel","showNeighboringMonth","changeDayAriaLabel","size","viewDate","externalViewDate","onHeaderChange","onNextMonth","onPrevMonth","prevMonthIcon","nextMonthIcon","prevMonthProps","nextMonthProps","dayProps","listenDayChangesForUpdate","props","useCalendar","setViewDate","setPrevMonth","setNextMonth","focusedDay","setFocusedDay","isDayFocused","isDayDisabled","resetSelectedDay","useIsomorphicLayoutEffect","process","env","NODE_ENV","handleKeyDown","React","useCallback","event","includes","key","preventDefault","newFocusedDay","navigateDate","isSameMonth","onDayChange","date","setTimeEqual","isDayActive","day","Boolean","isSameDay","RootComponent","baseClassName","classNames","CalendarHeader","className","CalendarDays","tabIndex","aria-label","onKeyDown","isDaySelectionStart","isFirstDay","isDaySelectionEnd","isLastDay","onBlur","div","CalendarTime"],"mappings":"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"}
1	+ {"version":3,"sources":["../../../../src/components/Calendar/Calendar.tsx"],"sourcesContent":["import * as React from 'react';\nimport { classNames } from '@vkontakte/vkjs';\nimport { useCalendar } from '../../hooks/useCalendar';\nimport { clamp, isFirstDay, isLastDay, navigateDate, setTimeEqual } from '../../lib/calendar';\nimport { isSameDay, isSameMonth } from '../../lib/date';\nimport { useIsomorphicLayoutEffect } from '../../lib/useIsomorphicLayoutEffect';\nimport { warnOnce } from '../../lib/warnOnce';\nimport { HTMLAttributesWithRootRef } from '../../types';\nimport { CalendarDays, CalendarDaysProps } from '../CalendarDays/CalendarDays';\nimport { CalendarHeader, CalendarHeaderProps } from '../CalendarHeader/CalendarHeader';\nimport { CalendarTime, CalendarTimeProps } from '../CalendarTime/CalendarTime';\nimport { RootComponent } from '../RootComponent/RootComponent';\nimport styles from './Calendar.module.css';\n\nexport interface CalendarProps\n extends Omit<HTMLAttributesWithRootRef<HTMLDivElement>, 'onChange'>,\n Pick<CalendarTimeProps, 'changeHoursAriaLabel' \| 'changeMinutesAriaLabel'>,\n Pick<\n CalendarHeaderProps,\n \| 'prevMonthAriaLabel'\n \| 'nextMonthAriaLabel'\n \| 'changeMonthAriaLabel'\n \| 'changeYearAriaLabel'\n \| 'onNextMonth'\n \| 'onPrevMonth'\n \| 'prevMonthIcon'\n \| 'nextMonthIcon'\n \| 'prevMonthProps'\n \| 'nextMonthProps'\n >,\n Pick<CalendarDaysProps, 'dayProps' \| 'listenDayChangesForUpdate'> {\n value?: Date;\n disablePast?: boolean;\n disableFuture?: boolean;\n enableTime?: boolean;\n disablePickers?: boolean;\n doneButtonText?: string;\n changeDayAriaLabel?: string;\n weekStartsOn?: 0 \| 1 \| 2 \| 3 \| 4 \| 5 \| 6;\n showNeighboringMonth?: boolean;\n size?: 's' \| 'm';\n onChange?(value?: Date): void;\n shouldDisableDate?(value: Date): boolean;\n onClose?(): void;\n /*\n Дата отображаемого месяца.\n * При использовании обновление даты должно происходить вне компонента.\n /\n viewDate?: Date;\n /\n Изменение даты в шапке календаря.\n /\n onHeaderChange?(value: Date): void;\n /\n Минимальные дата и время, которые можно выбрать\n /\n minDateTime?: Date;\n /\n Максимальные дата и время, которые можно выбрать\n /\n maxDateTime?: Date;\n}\n\nconst warn = warnOnce('Calendar');\n\n/\n @see https://vkcom.github.io/VKUI/#/Calendar\n */\nexport const Calendar = ({\n value,\n onChange,\n disablePast,\n disableFuture,\n shouldDisableDate,\n onClose,\n enableTime = false,\n doneButtonText,\n weekStartsOn = 1,\n disablePickers,\n changeHoursAriaLabel,\n changeMinutesAriaLabel,\n prevMonthAriaLabel,\n nextMonthAriaLabel,\n changeMonthAriaLabel,\n changeYearAriaLabel,\n showNeighboringMonth,\n changeDayAriaLabel = 'Изменить день',\n size = 'm',\n viewDate: externalViewDate,\n onHeaderChange,\n onNextMonth,\n onPrevMonth,\n prevMonthIcon,\n nextMonthIcon,\n prevMonthProps,\n nextMonthProps,\n dayProps,\n listenDayChangesForUpdate,\n minDateTime,\n maxDateTime,\n ...props\n}: CalendarProps) => {\n const {\n viewDate,\n setViewDate,\n setPrevMonth,\n setNextMonth,\n focusedDay,\n setFocusedDay,\n isDayFocused,\n isDayDisabled,\n resetSelectedDay,\n } = useCalendar({\n value,\n disableFuture,\n disablePast,\n shouldDisableDate,\n onHeaderChange,\n onNextMonth,\n onPrevMonth,\n minDateTime,\n maxDateTime,\n });\n\n useIsomorphicLayoutEffect(() => {\n if (value) {\n setViewDate(value);\n }\n }, [value]);\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 if (['ArrowUp', 'ArrowDown', 'ArrowLeft', 'ArrowRight'].includes(event.key)) {\n event.preventDefault();\n }\n\n const newFocusedDay = navigateDate(focusedDay ?? value, event.key);\n\n if (newFocusedDay && !isSameMonth(newFocusedDay, viewDate)) {\n setViewDate(newFocusedDay);\n }\n setFocusedDay(newFocusedDay);\n },\n [focusedDay, setFocusedDay, setViewDate, value, viewDate],\n );\n\n const onDayChange = React.useCallback(\n (date: Date) => {\n let actualDate = setTimeEqual(date, value);\n if (minDateTime \|\| maxDateTime) {\n actualDate = clamp(actualDate, { min: minDateTime, max: maxDateTime });\n }\n onChange?.(actualDate);\n },\n [value, onChange, maxDateTime, minDateTime],\n );\n\n const isDayActive = React.useCallback(\n (day: Date) => Boolean(value && isSameDay(day, value)),\n [value],\n );\n\n return (\n <RootComponent\n {...props}\n baseClassName={classNames(styles['Calendar'], size === 's' && styles['Calendar--size-s'])}\n >\n <CalendarHeader\n viewDate={externalViewDate \|\| viewDate}\n onChange={setViewDate}\n onNextMonth={setNextMonth}\n onPrevMonth={setPrevMonth}\n disablePickers={disablePickers \|\| size === 's'}\n className={styles['Calendar__header']}\n prevMonthAriaLabel={prevMonthAriaLabel}\n nextMonthAriaLabel={nextMonthAriaLabel}\n changeMonthAriaLabel={changeMonthAriaLabel}\n changeYearAriaLabel={changeYearAriaLabel}\n prevMonthIcon={prevMonthIcon}\n nextMonthIcon={nextMonthIcon}\n prevMonthProps={prevMonthProps}\n nextMonthProps={nextMonthProps}\n />\n <CalendarDays\n viewDate={externalViewDate \|\| viewDate}\n value={value}\n weekStartsOn={weekStartsOn}\n isDayFocused={isDayFocused}\n tabIndex={0}\n aria-label={changeDayAriaLabel}\n onKeyDown={handleKeyDown}\n onDayChange={onDayChange}\n isDayActive={isDayActive}\n isDaySelectionStart={isFirstDay}\n isDaySelectionEnd={isLastDay}\n isDayDisabled={isDayDisabled}\n onBlur={resetSelectedDay}\n showNeighboringMonth={showNeighboringMonth}\n size={size}\n dayProps={dayProps}\n listenDayChangesForUpdate={listenDayChangesForUpdate}\n />\n {enableTime && value && size !== 's' && (\n <div className={styles['Calendar__time']}>\n <CalendarTime\n value={value}\n onChange={onChange}\n onClose={onClose}\n doneButtonText={doneButtonText}\n changeHoursAriaLabel={changeHoursAriaLabel}\n changeMinutesAriaLabel={changeMinutesAriaLabel}\n isDayDisabled={minDateTime \|\| maxDateTime ? isDayDisabled : undefined}\n />\n </div>\n )}\n </RootComponent>\n );\n};\n"],"names":["Calendar","warn","warnOnce","value","onChange","disablePast","disableFuture","shouldDisableDate","onClose","enableTime","doneButtonText","weekStartsOn","disablePickers","changeHoursAriaLabel","changeMinutesAriaLabel","prevMonthAriaLabel","nextMonthAriaLabel","changeMonthAriaLabel","changeYearAriaLabel","showNeighboringMonth","changeDayAriaLabel","size","viewDate","externalViewDate","onHeaderChange","onNextMonth","onPrevMonth","prevMonthIcon","nextMonthIcon","prevMonthProps","nextMonthProps","dayProps","listenDayChangesForUpdate","minDateTime","maxDateTime","props","useCalendar","setViewDate","setPrevMonth","setNextMonth","focusedDay","setFocusedDay","isDayFocused","isDayDisabled","resetSelectedDay","useIsomorphicLayoutEffect","process","env","NODE_ENV","handleKeyDown","React","useCallback","event","includes","key","preventDefault","newFocusedDay","navigateDate","isSameMonth","onDayChange","date","actualDate","setTimeEqual","clamp","min","max","isDayActive","day","Boolean","isSameDay","RootComponent","baseClassName","classNames","CalendarHeader","className","CalendarDays","tabIndex","aria-label","onKeyDown","isDaySelectionStart","isFirstDay","isDaySelectionEnd","isLastDay","onBlur","div","CalendarTime","undefined"],"mappings":"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"}

package/dist/cjs/components/CalendarTime/CalendarTime.d.ts CHANGED Viewed

@@ -6,6 +6,7 @@ export interface CalendarTimeProps {
     changeMinutesAriaLabel?: string;
     onChange?(value: Date): void;
     onClose?(): void;
+    isDayDisabled?(day: Date, withTime?: boolean): boolean;
 }
-export declare const CalendarTime: ({ value, doneButtonText, onChange, onClose, changeHoursAriaLabel, changeMinutesAriaLabel, }: CalendarTimeProps) => React.JSX.Element;
+export declare const CalendarTime: ({ value, doneButtonText, onChange, onClose, changeHoursAriaLabel, changeMinutesAriaLabel, isDayDisabled, }: CalendarTimeProps) => React.JSX.Element;
 //# sourceMappingURL=CalendarTime.d.ts.map

package/dist/cjs/components/CalendarTime/CalendarTime.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"CalendarTime.d.ts","sourceRoot":"","sources":["../../../../src/components/CalendarTime/CalendarTime.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAQ/B,MAAM,WAAW,iBAAiB;IAChC,KAAK,EAAE,IAAI,CAAC;IACZ,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,sBAAsB,CAAC,EAAE,MAAM,CAAC;IAChC,QAAQ,CAAC,CAAC,KAAK,EAAE,IAAI,GAAG,IAAI,CAAC;IAC7B,OAAO,CAAC,IAAI,IAAI,CAAC;~~CAClB~~;AAkBD,eAAO,MAAM,YAAY,~~gGAOtB,~~iBAAiB,~~sBA8CnB~~,CAAC"}
1	+ {"version":3,"file":"CalendarTime.d.ts","sourceRoot":"","sources":["../../../../src/components/CalendarTime/CalendarTime.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAQ/B,MAAM,WAAW,iBAAiB;IAChC,KAAK,EAAE,IAAI,CAAC;IACZ,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,sBAAsB,CAAC,EAAE,MAAM,CAAC;IAChC,QAAQ,CAAC,CAAC,KAAK,EAAE,IAAI,GAAG,IAAI,CAAC;IAC7B,OAAO,CAAC,IAAI,IAAI,CAAC;IACjB,aAAa,CAAC,CAAC,GAAG,EAAE,IAAI,EAAE,QAAQ,CAAC,EAAE,OAAO,GAAG,OAAO,CAAC;CACxD;AAkBD,eAAO,MAAM,YAAY,+GAQtB,iBAAiB,sBA0DnB,CAAC"}

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

@@ -9,6 +9,8 @@ Object.defineProperty(exports, "CalendarTime", {
     }
 });
 var _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
+var _object_spread = require("@swc/helpers/_/_object_spread");
+var _object_spread_props = require("@swc/helpers/_/_object_spread_props");
 var _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
 var _adaptivity = require("../../lib/adaptivity");
 var _date = require("../../lib/date");
@@ -30,7 +32,17 @@ for(var i1 = 0; i1 < 60; i1 += 1){
     });
 }
 var CalendarTime = function(param) {
-    var value = param.value, _param_doneButtonText = param.doneButtonText, doneButtonText = _param_doneButtonText === void 0 ? "Готово" : _param_doneButtonText, onChange = param.onChange, onClose = param.onClose, _param_changeHoursAriaLabel = param.changeHoursAriaLabel, changeHoursAriaLabel = _param_changeHoursAriaLabel === void 0 ? "Изменить час" : _param_changeHoursAriaLabel, _param_changeMinutesAriaLabel = param.changeMinutesAriaLabel, changeMinutesAriaLabel = _param_changeMinutesAriaLabel === void 0 ? "Изменить минуту" : _param_changeMinutesAriaLabel;
+    var value = param.value, _param_doneButtonText = param.doneButtonText, doneButtonText = _param_doneButtonText === void 0 ? "Готово" : _param_doneButtonText, onChange = param.onChange, onClose = param.onClose, _param_changeHoursAriaLabel = param.changeHoursAriaLabel, changeHoursAriaLabel = _param_changeHoursAriaLabel === void 0 ? "Изменить час" : _param_changeHoursAriaLabel, _param_changeMinutesAriaLabel = param.changeMinutesAriaLabel, changeMinutesAriaLabel = _param_changeMinutesAriaLabel === void 0 ? "Изменить минуту" : _param_changeMinutesAriaLabel, isDayDisabled = param.isDayDisabled;
+    var localHours = isDayDisabled ? hours.map(function(hour) {
+        return _object_spread_props._(_object_spread._({}, hour), {
+            disabled: isDayDisabled((0, _date.setHours)(value, hour.value), true)
+        });
+    }) : hours;
+    var localMinutes = isDayDisabled ? minutes.map(function(minute) {
+        return _object_spread_props._(_object_spread._({}, minute), {
+            disabled: isDayDisabled((0, _date.setMinutes)(value, minute.value), true)
+        });
+    }) : minutes;
     var onHoursChange = _react.useCallback(function(event) {
         return onChange === null || onChange === void 0 ? void 0 : onChange((0, _date.setHours)(value, Number(event.target.value)));
     }, [
@@ -51,7 +63,7 @@ var CalendarTime = function(param) {
         sizeY: _adaptivity.SizeType.COMPACT
     }, /*#__PURE__*/ _react.createElement(_CustomSelect.CustomSelect, {
         value: value.getHours(),
-        options: hours,
+        options: localHours,
         onChange: onHoursChange,
         forceDropdownPortal: false,
         "aria-label": changeHoursAriaLabel
@@ -63,7 +75,7 @@ var CalendarTime = function(param) {
         sizeY: _adaptivity.SizeType.COMPACT
     }, /*#__PURE__*/ _react.createElement(_CustomSelect.CustomSelect, {
         value: value.getMinutes(),
-        options: minutes,
+        options: localMinutes,
         onChange: onMinutesChange,
         forceDropdownPortal: false,
         "aria-label": changeMinutesAriaLabel

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

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../../src/components/CalendarTime/CalendarTime.tsx"],"sourcesContent":["import * as React from 'react';\nimport { SizeType } from '../../lib/adaptivity';\nimport { setHours, setMinutes } from '../../lib/date';\nimport { AdaptivityProvider } from '../AdaptivityProvider/AdaptivityProvider';\nimport { Button } from '../Button/Button';\nimport { CustomSelect } from '../CustomSelect/CustomSelect';\nimport styles from './CalendarTime.module.css';\n\nexport interface CalendarTimeProps {\n value: Date;\n doneButtonText?: string;\n changeHoursAriaLabel?: string;\n changeMinutesAriaLabel?: string;\n onChange?(value: Date): void;\n onClose?(): void;\n}\n\nconst hours: Array<{\n value: number;\n label: string;\n}> = [];\nfor (let i = 0; i < 24; i += 1) {\n hours.push({ value: i, label: String(i).padStart(2, '0') });\n}\n\nconst minutes: Array<{\n value: number;\n label: string;\n}> = [];\nfor (let i = 0; i < 60; i += 1) {\n minutes.push({ value: i, label: String(i).padStart(2, '0') });\n}\n\nexport const CalendarTime = ({\n value,\n doneButtonText = 'Готово',\n onChange,\n onClose,\n changeHoursAriaLabel = 'Изменить час',\n changeMinutesAriaLabel = 'Изменить минуту',\n}: CalendarTimeProps) => {\n const onHoursChange = React.useCallback(\n (event: React.ChangeEvent<HTMLSelectElement>) =>\n onChange?.(setHours(value, Number(event.target.value))),\n [onChange, value],\n );\n const onMinutesChange = React.useCallback(\n (event: React.ChangeEvent<HTMLSelectElement>) =>\n onChange?.(setMinutes(value, Number(event.target.value))),\n [onChange, value],\n );\n\n return (\n <div className={styles['CalendarTime']}>\n <div className={styles['CalendarTime__picker']}>\n <AdaptivityProvider sizeY={SizeType.COMPACT}>\n <CustomSelect\n value={value.getHours()}\n options={~~hours~~}\n onChange={onHoursChange}\n forceDropdownPortal={false}\n aria-label={changeHoursAriaLabel}\n />\n </AdaptivityProvider>\n </div>\n <div className={styles['CalendarTime__divider']}>:</div>\n <div className={styles['CalendarTime__picker']}>\n <AdaptivityProvider sizeY={SizeType.COMPACT}>\n <CustomSelect\n value={value.getMinutes()}\n options={~~minutes~~}\n onChange={onMinutesChange}\n forceDropdownPortal={false}\n aria-label={changeMinutesAriaLabel}\n />\n </AdaptivityProvider>\n </div>\n <div className={styles['CalendarTime__button']}>\n <AdaptivityProvider sizeY={SizeType.COMPACT}>\n <Button mode=\"secondary\" onClick={onClose} size=\"l\" aria-label={doneButtonText}>\n {doneButtonText}\n </Button>\n </AdaptivityProvider>\n </div>\n </div>\n );\n};\n"],"names":["CalendarTime","hours","i","push","value","label","String","padStart","minutes","doneButtonText","onChange","onClose","changeHoursAriaLabel","changeMinutesAriaLabel","onHoursChange","React","useCallback","event","~~setHours","~~Number","target","onMinutesChange","~~setMinutes","~~div","className","AdaptivityProvider","sizeY","SizeType","COMPACT","CustomSelect","getHours","options","forceDropdownPortal","aria-label","getMinutes","Button","mode","onClick","size"],"mappings":";;;;+~~BAiCaA~~;;;eAAAA~~;;;;+DAjCU~~;0BACE;oBACY;kCACF;sBACZ;4BACM;~~AAY7B~~,IAAMC,QAGD,EAAE;AACP,IAAK,IAAIC,IAAI,GAAGA,IAAI,IAAIA,KAAK,EAAG;IAC9BD,MAAME,IAAI,CAAC;QAAEC,OAAOF;QAAGG,OAAOC,OAAOJ,GAAGK,QAAQ,CAAC,GAAG;IAAK;AAC3D;AAEA,IAAMC,UAGD,EAAE;AACP,IAAK,IAAIN,KAAI,GAAGA,KAAI,IAAIA,MAAK,EAAG;IAC9BM,QAAQL,IAAI,CAAC;QAAEC,OAAOF;QAAGG,OAAOC,OAAOJ,IAAGK,QAAQ,CAAC,GAAG;IAAK;AAC7D;AAEO,IAAMP,eAAe;QAC1BI,cAAAA,qCACAK,gBAAAA,oDAAiB,kCACjBC,iBAAAA,UACAC,gBAAAA,6CACAC,sBAAAA,gEAAuB,oFACvBC,wBAAAA,oEAAyB;~~IAEzB~~,IAAMC,gBAAgBC,OAAMC,WAAW,CACrC,SAACC;~~eACCP~~,qBAAAA,+BAAAA,~~SAAWQ~~,IAAAA,cAAQ,~~EAACd~~,~~OAAOe~~,~~OAAOF~~,~~MAAMG~~,MAAM,~~CAAChB~~,KAAK;OACtD;QAACM;QAAUN;KAAM;IAEnB,~~IAAMiB~~,~~kBAAkBN~~,OAAMC,WAAW,CACvC,SAACC;~~eACCP~~,qBAAAA,+BAAAA,SAAWY,IAAAA,gBAAU,EAAClB,~~OAAOe~~,~~OAAOF~~,~~MAAMG~~,MAAM,~~CAAChB~~,KAAK;OACxD;QAACM;QAAUN;KAAM;IAGnB,qBACE,~~qBAACmB~~;QAAIC,SAAS;qBACZ,qBAACD;QAAIC,SAAS;qBACZ,qBAACC,sCAAkB;QAACC,OAAOC,oBAAQ,CAACC,OAAO;qBACzC,qBAACC,0BAAY;~~QACXzB~~,OAAOA,~~MAAM0B~~,QAAQ;QACrBC,~~SAAS9B~~;~~QACTS~~,~~UAAUI~~;~~QACVkB~~,qBAAqB;QACrBC,~~cAAYrB~~;wBAIlB,~~qBAACW~~;QAAIC,SAAS;OAAmC,oBACjD,qBAACD;QAAIC,SAAS;qBACZ,qBAACC,sCAAkB;QAACC,OAAOC,oBAAQ,CAACC,OAAO;qBACzC,qBAACC,0BAAY;~~QACXzB~~,OAAOA,~~MAAM8B~~,UAAU;QACvBH,~~SAASvB~~;~~QACTE~~,~~UAAUW~~;~~QACVW~~,qBAAqB;QACrBC,~~cAAYpB~~;wBAIlB,~~qBAACU~~;QAAIC,SAAS;qBACZ,qBAACC,sCAAkB;QAACC,OAAOC,oBAAQ,CAACC,OAAO;qBACzC,qBAACO,cAAM;QAACC,MAAK;QAAYC,~~SAAS1B~~;~~QAAS2B~~,MAAK;QAAIL,~~cAAYxB~~;OAC7DA;AAMb"}
1	+ {"version":3,"sources":["../../../../src/components/CalendarTime/CalendarTime.tsx"],"sourcesContent":["import * as React from 'react';\nimport { SizeType } from '../../lib/adaptivity';\nimport { setHours, setMinutes } from '../../lib/date';\nimport { AdaptivityProvider } from '../AdaptivityProvider/AdaptivityProvider';\nimport { Button } from '../Button/Button';\nimport { CustomSelect } from '../CustomSelect/CustomSelect';\nimport styles from './CalendarTime.module.css';\n\nexport interface CalendarTimeProps {\n value: Date;\n doneButtonText?: string;\n changeHoursAriaLabel?: string;\n changeMinutesAriaLabel?: string;\n onChange?(value: Date): void;\n onClose?(): void;\n isDayDisabled?(day: Date, withTime?: boolean): boolean;\n}\n\nconst hours: Array<{\n value: number;\n label: string;\n}> = [];\nfor (let i = 0; i < 24; i += 1) {\n hours.push({ value: i, label: String(i).padStart(2, '0') });\n}\n\nconst minutes: Array<{\n value: number;\n label: string;\n}> = [];\nfor (let i = 0; i < 60; i += 1) {\n minutes.push({ value: i, label: String(i).padStart(2, '0') });\n}\n\nexport const CalendarTime = ({\n value,\n doneButtonText = 'Готово',\n onChange,\n onClose,\n changeHoursAriaLabel = 'Изменить час',\n changeMinutesAriaLabel = 'Изменить минуту',\n isDayDisabled,\n}: CalendarTimeProps) => {\n const localHours = isDayDisabled\n ? hours.map((hour) => {\n return { ...hour, disabled: isDayDisabled(setHours(value, hour.value), true) };\n })\n : hours;\n\n const localMinutes = isDayDisabled\n ? minutes.map((minute) => {\n return { ...minute, disabled: isDayDisabled(setMinutes(value, minute.value), true) };\n })\n : minutes;\n\n const onHoursChange = React.useCallback(\n (event: React.ChangeEvent<HTMLSelectElement>) =>\n onChange?.(setHours(value, Number(event.target.value))),\n [onChange, value],\n );\n const onMinutesChange = React.useCallback(\n (event: React.ChangeEvent<HTMLSelectElement>) =>\n onChange?.(setMinutes(value, Number(event.target.value))),\n [onChange, value],\n );\n\n return (\n <div className={styles['CalendarTime']}>\n <div className={styles['CalendarTime__picker']}>\n <AdaptivityProvider sizeY={SizeType.COMPACT}>\n <CustomSelect\n value={value.getHours()}\n options={localHours}\n onChange={onHoursChange}\n forceDropdownPortal={false}\n aria-label={changeHoursAriaLabel}\n />\n </AdaptivityProvider>\n </div>\n <div className={styles['CalendarTime__divider']}>:</div>\n <div className={styles['CalendarTime__picker']}>\n <AdaptivityProvider sizeY={SizeType.COMPACT}>\n <CustomSelect\n value={value.getMinutes()}\n options={localMinutes}\n onChange={onMinutesChange}\n forceDropdownPortal={false}\n aria-label={changeMinutesAriaLabel}\n />\n </AdaptivityProvider>\n </div>\n <div className={styles['CalendarTime__button']}>\n <AdaptivityProvider sizeY={SizeType.COMPACT}>\n <Button mode=\"secondary\" onClick={onClose} size=\"l\" aria-label={doneButtonText}>\n {doneButtonText}\n </Button>\n </AdaptivityProvider>\n </div>\n </div>\n );\n};\n"],"names":["CalendarTime","hours","i","push","value","label","String","padStart","minutes","doneButtonText","onChange","onClose","changeHoursAriaLabel","changeMinutesAriaLabel","isDayDisabled","localHours","map","hour","disabled","setHours","localMinutes","minute","setMinutes","onHoursChange","React","useCallback","event","Number","target","onMinutesChange","div","className","AdaptivityProvider","sizeY","SizeType","COMPACT","CustomSelect","getHours","options","forceDropdownPortal","aria-label","getMinutes","Button","mode","onClick","size"],"mappings":";;;;+BAkCaA;;;eAAAA;;;;;;+DAlCU;0BACE;oBACY;kCACF;sBACZ;4BACM;AAa7B,IAAMC,QAGD,EAAE;AACP,IAAK,IAAIC,IAAI,GAAGA,IAAI,IAAIA,KAAK,EAAG;IAC9BD,MAAME,IAAI,CAAC;QAAEC,OAAOF;QAAGG,OAAOC,OAAOJ,GAAGK,QAAQ,CAAC,GAAG;IAAK;AAC3D;AAEA,IAAMC,UAGD,EAAE;AACP,IAAK,IAAIN,KAAI,GAAGA,KAAI,IAAIA,MAAK,EAAG;IAC9BM,QAAQL,IAAI,CAAC;QAAEC,OAAOF;QAAGG,OAAOC,OAAOJ,IAAGK,QAAQ,CAAC,GAAG;IAAK;AAC7D;AAEO,IAAMP,eAAe;QAC1BI,cAAAA,qCACAK,gBAAAA,oDAAiB,kCACjBC,iBAAAA,UACAC,gBAAAA,6CACAC,sBAAAA,gEAAuB,oFACvBC,wBAAAA,oEAAyB,mDACzBC,sBAAAA;IAEA,IAAMC,aAAaD,gBACfb,MAAMe,GAAG,CAAC,SAACC;QACT,OAAO,4CAAKA;YAAMC,UAAUJ,cAAcK,IAAAA,cAAQ,EAACf,OAAOa,KAAKb,KAAK,GAAG;;IACzE,KACAH;IAEJ,IAAMmB,eAAeN,gBACjBN,QAAQQ,GAAG,CAAC,SAACK;QACX,OAAO,4CAAKA;YAAQH,UAAUJ,cAAcQ,IAAAA,gBAAU,EAAClB,OAAOiB,OAAOjB,KAAK,GAAG;;IAC/E,KACAI;IAEJ,IAAMe,gBAAgBC,OAAMC,WAAW,CACrC,SAACC;eACChB,qBAAAA,+BAAAA,SAAWS,IAAAA,cAAQ,EAACf,OAAOuB,OAAOD,MAAME,MAAM,CAACxB,KAAK;OACtD;QAACM;QAAUN;KAAM;IAEnB,IAAMyB,kBAAkBL,OAAMC,WAAW,CACvC,SAACC;eACChB,qBAAAA,+BAAAA,SAAWY,IAAAA,gBAAU,EAAClB,OAAOuB,OAAOD,MAAME,MAAM,CAACxB,KAAK;OACxD;QAACM;QAAUN;KAAM;IAGnB,qBACE,qBAAC0B;QAAIC,SAAS;qBACZ,qBAACD;QAAIC,SAAS;qBACZ,qBAACC,sCAAkB;QAACC,OAAOC,oBAAQ,CAACC,OAAO;qBACzC,qBAACC,0BAAY;QACXhC,OAAOA,MAAMiC,QAAQ;QACrBC,SAASvB;QACTL,UAAUa;QACVgB,qBAAqB;QACrBC,cAAY5B;wBAIlB,qBAACkB;QAAIC,SAAS;OAAmC,oBACjD,qBAACD;QAAIC,SAAS;qBACZ,qBAACC,sCAAkB;QAACC,OAAOC,oBAAQ,CAACC,OAAO;qBACzC,qBAACC,0BAAY;QACXhC,OAAOA,MAAMqC,UAAU;QACvBH,SAASlB;QACTV,UAAUmB;QACVU,qBAAqB;QACrBC,cAAY3B;wBAIlB,qBAACiB;QAAIC,SAAS;qBACZ,qBAACC,sCAAkB;QAACC,OAAOC,oBAAQ,CAACC,OAAO;qBACzC,qBAACO,cAAM;QAACC,MAAK;QAAYC,SAASjC;QAASkC,MAAK;QAAIL,cAAY/B;OAC7DA;AAMb"}

package/dist/cjs/components/Cell/Cell.d.ts CHANGED Viewed

@@ -1,8 +1,9 @@
 import * as React from 'react';
-import { HasRootRef } from '../../types';
-import { RemovableProps } from '../Removable/Removable';
-import { SimpleCellProps } from '../SimpleCell/SimpleCell';
-import { CellCheckboxProps } from './CellCheckbox/CellCheckbox';
+import type { SwappedItemRange } from '../../hooks/useDraggableWithDomApi';
+import type { HasRootRef } from '../../types';
+import { type RemovableProps } from '../Removable/Removable';
+import { type SimpleCellProps } from '../SimpleCell/SimpleCell';
+import { type CellCheckboxProps } from './CellCheckbox/CellCheckbox';
 export interface CellProps extends Omit<SimpleCellProps, 'getRootRef'>, RemovableProps, HasRootRef<HTMLDivElement> {
     mode?: 'removable' | 'selectable';
     /**
@@ -27,10 +28,7 @@ export interface CellProps extends Omit<SimpleCellProps, 'getRootRef'>, Removabl
      * Эти числа нужны для того, чтобы разработчик понимал, с какого индекса на какой произошел переход. В песочнице
      * есть рабочий пример с обработкой этих чисел и перерисовкой списка.
      */
-    onDragFinish?: ({ from, to }: {
-        from: number;
-        to: number;
-    }) => void;
+    onDragFinish?(swappedItemRange: SwappedItemRange): void;
     /**
      * aria-label для кнопки перетаскивания ячейки
      */

package/dist/cjs/components/Cell/Cell.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Cell.d.ts","sourceRoot":"","sources":["../../../../src/components/Cell/Cell.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;~~AAK~~/B,OAAO,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;~~AAEzC~~,OAAO,EAAa,cAAc,EAAE,MAAM,wBAAwB,CAAC;~~AACnE~~,OAAO,EAAc,eAAe,EAAE,MAAM,0BAA0B,CAAC;~~AACvE~~,OAAO,EAAgB,iBAAiB,EAAE,MAAM,6BAA6B,CAAC;~~AAK9E~~,MAAM,WAAW,SACf,SAAQ,IAAI,CAAC,eAAe,EAAE,YAAY,CAAC,EACzC,cAAc,EACd,UAAU,CAAC,cAAc,CAAC;IAC5B,IAAI,CAAC,EAAE,WAAW,GAAG,YAAY,CAAC;IAClC;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;OAEG;IACH,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB;;;;;OAKG;IACH,YAAY,CAAC,~~EAAE,~~CAAC,~~EAAE~~,~~IAAI,~~EAAE,~~EAAE~~,~~EAAE~~,~~EAAE;QAAE,~~IAAI,~~EAAE,MAAM,~~CAAC;~~QAAC,EAAE,EAAE,MAAM,CAAA;KAAE,KAAK,IAAI,CAAC;IACpE~~;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAED;;GAEG;AACH,eAAO,MAAM,IAAI;mOAoBd,SAAS;;~~CA2GX~~,CAAC"}
1	+ {"version":3,"file":"Cell.d.ts","sourceRoot":"","sources":["../../../../src/components/Cell/Cell.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,oCAAoC,CAAC;AAI3E,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAC9C,OAAO,EAAa,KAAK,cAAc,EAAE,MAAM,wBAAwB,CAAC;AACxE,OAAO,EAAc,KAAK,eAAe,EAAE,MAAM,0BAA0B,CAAC;AAC5E,OAAO,EAAgB,KAAK,iBAAiB,EAAE,MAAM,6BAA6B,CAAC;AAKnF,MAAM,WAAW,SACf,SAAQ,IAAI,CAAC,eAAe,EAAE,YAAY,CAAC,EACzC,cAAc,EACd,UAAU,CAAC,cAAc,CAAC;IAC5B,IAAI,CAAC,EAAE,WAAW,GAAG,YAAY,CAAC;IAClC;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;OAEG;IACH,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB;;;;;OAKG;IACH,YAAY,CAAC,CAAC,gBAAgB,EAAE,gBAAgB,GAAG,IAAI,CAAC;IACxD;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAED;;GAEG;AACH,eAAO,MAAM,IAAI;mOAoBd,SAAS;;CA8FX,CAAC"}

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

@@ -12,19 +12,19 @@ var _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcar
 var _object_spread = require("@swc/helpers/_/_object_spread");
 var _object_spread_props = require("@swc/helpers/_/_object_spread_props");
 var _object_without_properties = require("@swc/helpers/_/_object_without_properties");
+var _sliced_to_array = require("@swc/helpers/_/_sliced_to_array");
 var _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
 var _vkjs = require("@vkontakte/vkjs");
 var _useExternRef = require("../../hooks/useExternRef");
 var _usePlatform = require("../../hooks/usePlatform");
 var _platform = require("../../lib/platform");
-var _ListContext = require("../List/ListContext");
 var _Removable = require("../Removable/Removable");
 var _SimpleCell = require("../SimpleCell/SimpleCell");
 var _CellCheckbox = require("./CellCheckbox/CellCheckbox");
 var _CellDragger = require("./CellDragger/CellDragger");
-var _useDraggable = require("./useDraggable");
+var _constants = require("./constants");
 var Cell = function(_param) {
-    var mode = _param.mode, _param_onRemove = _param.onRemove, onRemove = _param_onRemove === void 0 ? _vkjs.noop : _param_onRemove, _param_removePlaceholder = _param.removePlaceholder, removePlaceholder = _param_removePlaceholder === void 0 ? "Удалить" : _param_removePlaceholder, onDragFinish = _param.onDragFinish, before = _param.before, after = _param.after, disabled = _param.disabled, draggable = _param.draggable, ComponentProps = _param.Component, onChange = _param.onChange, name = _param.name, value = _param.value, checked = _param.checked, defaultChecked = _param.defaultChecked, getRootRef = _param.getRootRef, _param_draggerLabel = _param.draggerLabel, draggerLabel = _param_draggerLabel === void 0 ? "Перенести ячейку" : _param_draggerLabel, className = _param.className, style = _param.style, restProps = _object_without_properties._(_param, [
+    var mode = _param.mode, _param_onRemove = _param.onRemove, onRemove = _param_onRemove === void 0 ? _vkjs.noop : _param_onRemove, _param_removePlaceholder = _param.removePlaceholder, removePlaceholder = _param_removePlaceholder === void 0 ? "Удалить" : _param_removePlaceholder, onDragFinish = _param.onDragFinish, before = _param.before, after = _param.after, disabled = _param.disabled, draggable = _param.draggable, ComponentProps = _param.Component, onChange = _param.onChange, name = _param.name, value = _param.value, checked = _param.checked, defaultChecked = _param.defaultChecked, getRootRef = _param.getRootRef, _param_draggerLabel = _param.draggerLabel, draggerLabel = _param_draggerLabel === void 0 ? _constants.DEFAULT_DRAGGABLE_LABEL : _param_draggerLabel, className = _param.className, style = _param.style, restProps = _object_without_properties._(_param, [
         "mode",
         "onRemove",
         "removePlaceholder",
@@ -44,46 +44,29 @@ var Cell = function(_param) {
         "className",
         "style"
     ]);
+    var _React_useState = _sliced_to_array._(_react.useState(false), 2), dragging = _React_useState[0], setDragging = _React_useState[1];
     var selectable = mode === "selectable";
     var removable = mode === "removable";
     var Component = selectable ? "label" : ComponentProps;
     var platform = (0, _usePlatform.usePlatform)();
     var rootElRef = (0, _useExternRef.useExternRef)(getRootRef);
-    var _useDraggable1 = (0, _useDraggable.useDraggable)({
-        rootElRef: rootElRef,
+    var dragger = draggable ? /*#__PURE__*/ _react.createElement(_CellDragger.CellDragger, {
+        elRef: rootElRef,
+        className: "vkuiCell__dragger",
+        "aria-label": draggerLabel,
+        disabled: disabled,
+        onDragStateChange: setDragging,
         onDragFinish: onDragFinish
-    }), dragging = _useDraggable1.dragging, draggableProps = _object_without_properties._(_useDraggable1, [
-        "dragging"
-    ]);
-    var toggleDrag = _react.useContext(_ListContext.ListContext).toggleDrag;
-    _react.useEffect(function() {
-        if (dragging) {
-            toggleDrag(true);
-            return function() {
-                return toggleDrag(false);
-            };
-        }
-        return undefined;
-    }, [
-        dragging,
-        toggleDrag
-    ]);
-    var dragger;
-    if (draggable) {
-        dragger = /*#__PURE__*/ _react.createElement(_CellDragger.CellDragger, _object_spread._({
-            className: "vkuiCell__dragger",
-            "aria-label": draggerLabel
-        }, draggableProps));
-    }
+    }) : null;
     var checkbox;
     if (selectable) {
         var checkboxProps = {
             name: name,
             value: value,
-            onChange: onChange,
             defaultChecked: defaultChecked,
             checked: checked,
-            disabled: disabled
+            disabled: disabled,
+            onChange: onChange
         };
         checkbox = /*#__PURE__*/ _react.createElement(_CellCheckbox.CellCheckbox, _object_spread._({
             className: "vkuiCell__checkbox"
@@ -91,7 +74,7 @@ var Cell = function(_param) {
     }
     var simpleCellDisabled = draggable && !selectable || removable && !restProps.onClick || disabled;
     var hasActive = !simpleCellDisabled && !dragging;
-    var cellClasses = (0, _vkjs.classNames)("vkuiCell", platform === _platform.Platform.IOS && "vkuiCell--ios", dragging && "vkuiCell--dragging", removable && "vkuiCell--removable", Component === "label" && "vkuiCell--selectable", disabled && "vkuiCell--disabled");
+    var cellClasses = (0, _vkjs.classNames)("vkuiCell", dragging && "vkuiCell--dragging", platform === _platform.Platform.IOS && "vkuiCell--ios", removable && "vkuiCell--removable", Component === "label" && "vkuiCell--selectable", disabled && "vkuiCell--disabled");
     var simpleCellProps = _object_spread_props._(_object_spread._({
         hasActive: hasActive,
         hasHover: hasActive && !removable