@alfalab/core-components-date-time-input 4.0.2 → 4.0.4

package/Component-63dec22f.d.ts

@@ -1,6 +1,7 @@
 /// <reference types="react" />
 import React from "react";
 import { FC, ForwardRefExoticComponent, RefAttributes, HTMLAttributes } from "react";
+import { TextElementType, TextSkeletonProps } from "./types-1b036d4b";
 declare const colors: readonly [
     "tertiary",
     "disabled",
@@ -23,7 +24,6 @@ declare const colors: readonly [
     "static-accent"
 ];
 type Color = (typeof colors)[number];
-type TextElementType = HTMLParagraphElement | HTMLSpanElement | HTMLDivElement;
 type NativeProps = HTMLAttributes<HTMLSpanElement>;
 type TextBaseProps = {
     /**
@@ -66,6 +66,14 @@ type TextBaseProps = {
      * Количество строк (не поддерживает IE)
      */
     rowLimit?: 1 | 2 | 3;
+    /**
+     * Показать скелетон
+     */
+    showSkeleton?: boolean;
+    /**
+     * Пропы для скелетона
+     */
+    skeletonProps?: TextSkeletonProps;
 };
 type TextPTagProps = Omit<TextBaseProps, "tag" | "defaultMargins"> & {
     tag?: "p";
@@ -114,6 +122,14 @@ type TitleProps = Omit<NativeProps$0, "color"> & {
      * Количество строк (не поддерживает IE)
      */
     rowLimit?: 1 | 2 | 3;
+    /**
+     * Показать скелетон
+     */
+    showSkeleton?: boolean;
+    /**
+     * Пропы для скелетона
+     */
+    skeletonProps?: TextSkeletonProps;
 };
 type TitleMobileProps = Omit<TitleProps, "defaultMargins">;
 declare const Typography: {
@@ -165,3 +181,4 @@ interface BackArrowAddonProps extends React.HTMLAttributes<HTMLButtonElement> {
 declare const BackArrowAddon: React.FC<BackArrowAddonProps>;
 export { Typography, typographyPresets, TitleResponsive, BackArrowAddonProps, BackArrowAddon };
 export type { TitleProps, TextProps, Color };
+export * from "./useSkeleton-1b036d4b";

package/components/date-time-input/Component.js

@@ -21,7 +21,7 @@ var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 var mergeRefs__default = /*#__PURE__*/_interopDefaultCompat(mergeRefs);
 var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
 
-var styles = {"component":"date-time-input__component_17o5k","calendarContainer":"date-time-input__calendarContainer_17o5k","calendarResponsive":"date-time-input__calendarResponsive_17o5k","block":"date-time-input__block_17o5k","calendarIcon":"date-time-input__calendarIcon_17o5k"};
+var styles = {"component":"date-time-input__component_adunq","calendarContainer":"date-time-input__calendarContainer_adunq","calendarResponsive":"date-time-input__calendarResponsive_adunq","block":"date-time-input__block_adunq","calendarIcon":"date-time-input__calendarIcon_adunq"};
 require('./index.css')
 
 /* eslint-disable no-useless-escape, jsx-a11y/click-events-have-key-events */
@@ -122,7 +122,7 @@ var DateTimeInput = React__default.default.forwardRef(function (_a, ref) {
     };
     var handleInputKeyDown = function (event) {
         var isCopy = (event.metaKey || event.ctrlKey) && event.key === 'c';
-        if (disableUserInput && !isCopy) {
+        if (disableUserInput && !isCopy && event.key !== 'Tab') {
             event.preventDefault();
         }
     };

package/components/date-time-input/index.css

@@ -1,4 +1,4 @@
-/* hash: reilf */
+/* hash: juw3m */
 :root {
 } /* deprecated */ :root {
     --color-light-border-secondary: #e9e9eb; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
@@ -41,24 +41,24 @@
     /* marker */
 } :root {
     --calendar-popover-border-radius: var(--border-radius-m);
-} .date-time-input__component_17o5k {
+} .date-time-input__component_adunq {
     display: inline-block;
     outline: none;
     position: relative;
-} .date-time-input__calendarContainer_17o5k {
+} .date-time-input__calendarContainer_adunq {
     display: inline-block;
     box-sizing: border-box;
     border-radius: var(--calendar-popover-border-radius);
     border: 1px solid var(--color-light-border-secondary)
-} @media (max-width: 374px) { .date-time-input__calendarContainer_17o5k {
+} @media (max-width: 374px) { .date-time-input__calendarContainer_adunq {
         width: 100%;
         min-width: 288px
 }
-    } .date-time-input__calendarResponsive_17o5k {
+    } .date-time-input__calendarResponsive_adunq {
     width: var(--calendar-width);
-} .date-time-input__block_17o5k {
+} .date-time-input__block_adunq {
     width: 100%;
-} .date-time-input__calendarIcon_17o5k {
+} .date-time-input__calendarIcon_adunq {
     margin-right: var(--gap-s-neg);
     height: 100%;
 }

package/cssm/Component-63dec22f.d.ts

@@ -1,6 +1,7 @@
 /// <reference types="react" />
 import React from "react";
 import { FC, ForwardRefExoticComponent, RefAttributes, HTMLAttributes } from "react";
+import { TextElementType, TextSkeletonProps } from "./types-1b036d4b";
 declare const colors: readonly [
     "tertiary",
     "disabled",
@@ -23,7 +24,6 @@ declare const colors: readonly [
     "static-accent"
 ];
 type Color = (typeof colors)[number];
-type TextElementType = HTMLParagraphElement | HTMLSpanElement | HTMLDivElement;
 type NativeProps = HTMLAttributes<HTMLSpanElement>;
 type TextBaseProps = {
     /**
@@ -66,6 +66,14 @@ type TextBaseProps = {
      * Количество строк (не поддерживает IE)
      */
     rowLimit?: 1 | 2 | 3;
+    /**
+     * Показать скелетон
+     */
+    showSkeleton?: boolean;
+    /**
+     * Пропы для скелетона
+     */
+    skeletonProps?: TextSkeletonProps;
 };
 type TextPTagProps = Omit<TextBaseProps, "tag" | "defaultMargins"> & {
     tag?: "p";
@@ -114,6 +122,14 @@ type TitleProps = Omit<NativeProps$0, "color"> & {
      * Количество строк (не поддерживает IE)
      */
     rowLimit?: 1 | 2 | 3;
+    /**
+     * Показать скелетон
+     */
+    showSkeleton?: boolean;
+    /**
+     * Пропы для скелетона
+     */
+    skeletonProps?: TextSkeletonProps;
 };
 type TitleMobileProps = Omit<TitleProps, "defaultMargins">;
 declare const Typography: {
@@ -165,3 +181,4 @@ interface BackArrowAddonProps extends React.HTMLAttributes<HTMLButtonElement> {
 declare const BackArrowAddon: React.FC<BackArrowAddonProps>;
 export { Typography, typographyPresets, TitleResponsive, BackArrowAddonProps, BackArrowAddon };
 export type { TitleProps, TextProps, Color };
+export * from "./useSkeleton-1b036d4b";

package/cssm/components/date-time-input/Component.js

@@ -121,7 +121,7 @@ var DateTimeInput = React__default.default.forwardRef(function (_a, ref) {
     };
     var handleInputKeyDown = function (event) {
         var isCopy = (event.metaKey || event.ctrlKey) && event.key === 'c';
-        if (disableUserInput && !isCopy) {
+        if (disableUserInput && !isCopy && event.key !== 'Tab') {
             event.preventDefault();
         }
     };

package/cssm/types-1b036d4b.d.ts

@@ -0,0 +1,13 @@
+type TextElementType = HTMLParagraphElement | HTMLSpanElement | HTMLDivElement;
+type WidthUnit = number | string;
+type TextSkeletonProps = {
+    /**
+     *  Кол-во строк текста
+     */
+    rows?: number;
+    /**
+     * Ширина строки
+     */
+    width?: WidthUnit | WidthUnit[];
+};
+export { TextElementType, TextSkeletonProps };

package/cssm/useSkeleton-1b036d4b.d.ts

@@ -0,0 +1,40 @@
+/// <reference types="react" />
+import React from "react";
+import { ReactNode } from "react";
+import { TextSkeletonProps } from "./types-1b036d4b";
+type SkeletonProps = {
+    /**
+     * Флаг, явно задающий состояние, при котором контент закрывается прелоадером
+     */
+    visible?: boolean;
+    /**
+     * Флаг явного включения анимации скелета
+     */
+    animate?: boolean;
+    /**
+     * Дополнительный класс
+     */
+    className?: string;
+    /**
+     * Дополнительные инлайн стили
+     */
+    style?: React.CSSProperties;
+    /**
+     * Идентификатор для систем автоматизированного тестирования
+     */
+    dataTestId?: string;
+    /**
+     * Дочерние элементы.
+     */
+    children?: ReactNode;
+};
+declare const Skeleton: React.FC<SkeletonProps>;
+type SkeletonProps$0 = {
+    wrapperClassName?: string;
+    dataTestId?: string;
+};
+declare function useSkeleton(showSkeleton?: boolean, skeletonProps?: TextSkeletonProps): {
+    renderSkeleton: (props: SkeletonProps$0) => React.JSX.Element | null;
+    textRef: React.RefObject<HTMLElement>;
+};
+export { SkeletonProps, Skeleton, useSkeleton };

package/esm/Component-63dec22f.d.ts

@@ -1,6 +1,7 @@
 /// <reference types="react" />
 import React from "react";
 import { FC, ForwardRefExoticComponent, RefAttributes, HTMLAttributes } from "react";
+import { TextElementType, TextSkeletonProps } from "./types-1b036d4b";
 declare const colors: readonly [
     "tertiary",
     "disabled",
@@ -23,7 +24,6 @@ declare const colors: readonly [
     "static-accent"
 ];
 type Color = (typeof colors)[number];
-type TextElementType = HTMLParagraphElement | HTMLSpanElement | HTMLDivElement;
 type NativeProps = HTMLAttributes<HTMLSpanElement>;
 type TextBaseProps = {
     /**
@@ -66,6 +66,14 @@ type TextBaseProps = {
      * Количество строк (не поддерживает IE)
      */
     rowLimit?: 1 | 2 | 3;
+    /**
+     * Показать скелетон
+     */
+    showSkeleton?: boolean;
+    /**
+     * Пропы для скелетона
+     */
+    skeletonProps?: TextSkeletonProps;
 };
 type TextPTagProps = Omit<TextBaseProps, "tag" | "defaultMargins"> & {
     tag?: "p";
@@ -114,6 +122,14 @@ type TitleProps = Omit<NativeProps$0, "color"> & {
      * Количество строк (не поддерживает IE)
      */
     rowLimit?: 1 | 2 | 3;
+    /**
+     * Показать скелетон
+     */
+    showSkeleton?: boolean;
+    /**
+     * Пропы для скелетона
+     */
+    skeletonProps?: TextSkeletonProps;
 };
 type TitleMobileProps = Omit<TitleProps, "defaultMargins">;
 declare const Typography: {
@@ -165,3 +181,4 @@ interface BackArrowAddonProps extends React.HTMLAttributes<HTMLButtonElement> {
 declare const BackArrowAddon: React.FC<BackArrowAddonProps>;
 export { Typography, typographyPresets, TitleResponsive, BackArrowAddonProps, BackArrowAddon };
 export type { TitleProps, TextProps, Color };
+export * from "./useSkeleton-1b036d4b";

package/esm/components/date-time-input/Component.js

@@ -11,7 +11,7 @@ import { getDateWithoutTime, DATE_WITH_TIME_LENGTH, format, getFullDateTime, isC
 import 'date-fns/isValid';
 import 'date-fns/parse';
 
-var styles = {"component":"date-time-input__component_17o5k","calendarContainer":"date-time-input__calendarContainer_17o5k","calendarResponsive":"date-time-input__calendarResponsive_17o5k","block":"date-time-input__block_17o5k","calendarIcon":"date-time-input__calendarIcon_17o5k"};
+var styles = {"component":"date-time-input__component_adunq","calendarContainer":"date-time-input__calendarContainer_adunq","calendarResponsive":"date-time-input__calendarResponsive_adunq","block":"date-time-input__block_adunq","calendarIcon":"date-time-input__calendarIcon_adunq"};
 require('./index.css')
 
 /* eslint-disable no-useless-escape, jsx-a11y/click-events-have-key-events */
@@ -112,7 +112,7 @@ var DateTimeInput = React.forwardRef(function (_a, ref) {
     };
     var handleInputKeyDown = function (event) {
         var isCopy = (event.metaKey || event.ctrlKey) && event.key === 'c';
-        if (disableUserInput && !isCopy) {
+        if (disableUserInput && !isCopy && event.key !== 'Tab') {
             event.preventDefault();
         }
     };

package/esm/components/date-time-input/index.css

@@ -1,4 +1,4 @@
-/* hash: reilf */
+/* hash: juw3m */
 :root {
 } /* deprecated */ :root {
     --color-light-border-secondary: #e9e9eb; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
@@ -41,24 +41,24 @@
     /* marker */
 } :root {
     --calendar-popover-border-radius: var(--border-radius-m);
-} .date-time-input__component_17o5k {
+} .date-time-input__component_adunq {
     display: inline-block;
     outline: none;
     position: relative;
-} .date-time-input__calendarContainer_17o5k {
+} .date-time-input__calendarContainer_adunq {
     display: inline-block;
     box-sizing: border-box;
     border-radius: var(--calendar-popover-border-radius);
     border: 1px solid var(--color-light-border-secondary)
-} @media (max-width: 374px) { .date-time-input__calendarContainer_17o5k {
+} @media (max-width: 374px) { .date-time-input__calendarContainer_adunq {
         width: 100%;
         min-width: 288px
 }
-    } .date-time-input__calendarResponsive_17o5k {
+    } .date-time-input__calendarResponsive_adunq {
     width: var(--calendar-width);
-} .date-time-input__block_17o5k {
+} .date-time-input__block_adunq {
     width: 100%;
-} .date-time-input__calendarIcon_17o5k {
+} .date-time-input__calendarIcon_adunq {
     margin-right: var(--gap-s-neg);
     height: 100%;
 }

package/esm/types-1b036d4b.d.ts

@@ -0,0 +1,13 @@
+type TextElementType = HTMLParagraphElement | HTMLSpanElement | HTMLDivElement;
+type WidthUnit = number | string;
+type TextSkeletonProps = {
+    /**
+     *  Кол-во строк текста
+     */
+    rows?: number;
+    /**
+     * Ширина строки
+     */
+    width?: WidthUnit | WidthUnit[];
+};
+export { TextElementType, TextSkeletonProps };

package/esm/useSkeleton-1b036d4b.d.ts

@@ -0,0 +1,40 @@
+/// <reference types="react" />
+import React from "react";
+import { ReactNode } from "react";
+import { TextSkeletonProps } from "./types-1b036d4b";
+type SkeletonProps = {
+    /**
+     * Флаг, явно задающий состояние, при котором контент закрывается прелоадером
+     */
+    visible?: boolean;
+    /**
+     * Флаг явного включения анимации скелета
+     */
+    animate?: boolean;
+    /**
+     * Дополнительный класс
+     */
+    className?: string;
+    /**
+     * Дополнительные инлайн стили
+     */
+    style?: React.CSSProperties;
+    /**
+     * Идентификатор для систем автоматизированного тестирования
+     */
+    dataTestId?: string;
+    /**
+     * Дочерние элементы.
+     */
+    children?: ReactNode;
+};
+declare const Skeleton: React.FC<SkeletonProps>;
+type SkeletonProps$0 = {
+    wrapperClassName?: string;
+    dataTestId?: string;
+};
+declare function useSkeleton(showSkeleton?: boolean, skeletonProps?: TextSkeletonProps): {
+    renderSkeleton: (props: SkeletonProps$0) => React.JSX.Element | null;
+    textRef: React.RefObject<HTMLElement>;
+};
+export { SkeletonProps, Skeleton, useSkeleton };

package/modern/Component-63dec22f.d.ts

@@ -1,6 +1,7 @@
 /// <reference types="react" />
 import React from "react";
 import { FC, ForwardRefExoticComponent, RefAttributes, HTMLAttributes } from "react";
+import { TextElementType, TextSkeletonProps } from "./types-1b036d4b";
 declare const colors: readonly [
     "tertiary",
     "disabled",
@@ -23,7 +24,6 @@ declare const colors: readonly [
     "static-accent"
 ];
 type Color = (typeof colors)[number];
-type TextElementType = HTMLParagraphElement | HTMLSpanElement | HTMLDivElement;
 type NativeProps = HTMLAttributes<HTMLSpanElement>;
 type TextBaseProps = {
     /**
@@ -66,6 +66,14 @@ type TextBaseProps = {
      * Количество строк (не поддерживает IE)
      */
     rowLimit?: 1 | 2 | 3;
+    /**
+     * Показать скелетон
+     */
+    showSkeleton?: boolean;
+    /**
+     * Пропы для скелетона
+     */
+    skeletonProps?: TextSkeletonProps;
 };
 type TextPTagProps = Omit<TextBaseProps, "tag" | "defaultMargins"> & {
     tag?: "p";
@@ -114,6 +122,14 @@ type TitleProps = Omit<NativeProps$0, "color"> & {
      * Количество строк (не поддерживает IE)
      */
     rowLimit?: 1 | 2 | 3;
+    /**
+     * Показать скелетон
+     */
+    showSkeleton?: boolean;
+    /**
+     * Пропы для скелетона
+     */
+    skeletonProps?: TextSkeletonProps;
 };
 type TitleMobileProps = Omit<TitleProps, "defaultMargins">;
 declare const Typography: {
@@ -165,3 +181,4 @@ interface BackArrowAddonProps extends React.HTMLAttributes<HTMLButtonElement> {
 declare const BackArrowAddon: React.FC<BackArrowAddonProps>;
 export { Typography, typographyPresets, TitleResponsive, BackArrowAddonProps, BackArrowAddon };
 export type { TitleProps, TextProps, Color };
+export * from "./useSkeleton-1b036d4b";

package/modern/components/date-time-input/Component.js

@@ -10,7 +10,7 @@ import { getDateWithoutTime, DATE_WITH_TIME_LENGTH, format, getFullDateTime, isC
 import 'date-fns/isValid';
 import 'date-fns/parse';
 
-const styles = {"component":"date-time-input__component_17o5k","calendarContainer":"date-time-input__calendarContainer_17o5k","calendarResponsive":"date-time-input__calendarResponsive_17o5k","block":"date-time-input__block_17o5k","calendarIcon":"date-time-input__calendarIcon_17o5k"};
+const styles = {"component":"date-time-input__component_adunq","calendarContainer":"date-time-input__calendarContainer_adunq","calendarResponsive":"date-time-input__calendarResponsive_adunq","block":"date-time-input__block_adunq","calendarIcon":"date-time-input__calendarIcon_adunq"};
 require('./index.css')
 
 /* eslint-disable no-useless-escape, jsx-a11y/click-events-have-key-events */
@@ -108,7 +108,7 @@ const DateTimeInput = React.forwardRef(({ className, inputClassName, popoverClas
     };
     const handleInputKeyDown = (event) => {
         const isCopy = (event.metaKey || event.ctrlKey) && event.key === 'c';
-        if (disableUserInput && !isCopy) {
+        if (disableUserInput && !isCopy && event.key !== 'Tab') {
             event.preventDefault();
         }
     };

package/modern/components/date-time-input/index.css

@@ -1,4 +1,4 @@
-/* hash: reilf */
+/* hash: juw3m */
 :root {
 } /* deprecated */ :root {
     --color-light-border-secondary: #e9e9eb; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
@@ -41,24 +41,24 @@
     /* marker */
 } :root {
     --calendar-popover-border-radius: var(--border-radius-m);
-} .date-time-input__component_17o5k {
+} .date-time-input__component_adunq {
     display: inline-block;
     outline: none;
     position: relative;
-} .date-time-input__calendarContainer_17o5k {
+} .date-time-input__calendarContainer_adunq {
     display: inline-block;
     box-sizing: border-box;
     border-radius: var(--calendar-popover-border-radius);
     border: 1px solid var(--color-light-border-secondary)
-} @media (max-width: 374px) { .date-time-input__calendarContainer_17o5k {
+} @media (max-width: 374px) { .date-time-input__calendarContainer_adunq {
         width: 100%;
         min-width: 288px
 }
-    } .date-time-input__calendarResponsive_17o5k {
+    } .date-time-input__calendarResponsive_adunq {
     width: var(--calendar-width);
-} .date-time-input__block_17o5k {
+} .date-time-input__block_adunq {
     width: 100%;
-} .date-time-input__calendarIcon_17o5k {
+} .date-time-input__calendarIcon_adunq {
     margin-right: var(--gap-s-neg);
     height: 100%;
 }

package/modern/types-1b036d4b.d.ts

@@ -0,0 +1,13 @@
+type TextElementType = HTMLParagraphElement | HTMLSpanElement | HTMLDivElement;
+type WidthUnit = number | string;
+type TextSkeletonProps = {
+    /**
+     *  Кол-во строк текста
+     */
+    rows?: number;
+    /**
+     * Ширина строки
+     */
+    width?: WidthUnit | WidthUnit[];
+};
+export { TextElementType, TextSkeletonProps };

package/modern/useSkeleton-1b036d4b.d.ts

@@ -0,0 +1,40 @@
+/// <reference types="react" />
+import React from "react";
+import { ReactNode } from "react";
+import { TextSkeletonProps } from "./types-1b036d4b";
+type SkeletonProps = {
+    /**
+     * Флаг, явно задающий состояние, при котором контент закрывается прелоадером
+     */
+    visible?: boolean;
+    /**
+     * Флаг явного включения анимации скелета
+     */
+    animate?: boolean;
+    /**
+     * Дополнительный класс
+     */
+    className?: string;
+    /**
+     * Дополнительные инлайн стили
+     */
+    style?: React.CSSProperties;
+    /**
+     * Идентификатор для систем автоматизированного тестирования
+     */
+    dataTestId?: string;
+    /**
+     * Дочерние элементы.
+     */
+    children?: ReactNode;
+};
+declare const Skeleton: React.FC<SkeletonProps>;
+type SkeletonProps$0 = {
+    wrapperClassName?: string;
+    dataTestId?: string;
+};
+declare function useSkeleton(showSkeleton?: boolean, skeletonProps?: TextSkeletonProps): {
+    renderSkeleton: (props: SkeletonProps$0) => React.JSX.Element | null;
+    textRef: React.RefObject<HTMLElement>;
+};
+export { SkeletonProps, Skeleton, useSkeleton };

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@alfalab/core-components-date-time-input",
-    "version": "4.0.2",
+    "version": "4.0.4",
     "description": "",
     "keywords": [],
     "license": "MIT",
@@ -35,7 +35,7 @@
         "react-dom": "^16.9.0 || ^17.0.1 || ^18.0.0"
     },
     "dependencies": {
-        "@alfalab/core-components-calendar": "^7.0.2",
+        "@alfalab/core-components-calendar": "^7.0.3",
         "@alfalab/core-components-input": "^12.0.2",
         "@alfalab/core-components-icon-button": "^6.2.2",
         "@alfalab/core-components-popover": "^6.1.0",

package/src/components/date-time-input/Component.tsx

@@ -315,7 +315,7 @@ export const DateTimeInput = React.forwardRef<HTMLInputElement, DateTimeInputPro
         const handleInputKeyDown = (event: KeyboardEvent<HTMLInputElement>) => {
             const isCopy = (event.metaKey || event.ctrlKey) && event.key === 'c';
 
-            if (disableUserInput && !isCopy) {
+            if (disableUserInput && !isCopy && event.key !== 'Tab') {
                 event.preventDefault();
             }
         };

package/types-1b036d4b.d.ts

@@ -0,0 +1,13 @@
+type TextElementType = HTMLParagraphElement | HTMLSpanElement | HTMLDivElement;
+type WidthUnit = number | string;
+type TextSkeletonProps = {
+    /**
+     *  Кол-во строк текста
+     */
+    rows?: number;
+    /**
+     * Ширина строки
+     */
+    width?: WidthUnit | WidthUnit[];
+};
+export { TextElementType, TextSkeletonProps };

package/useSkeleton-1b036d4b.d.ts

@@ -0,0 +1,40 @@
+/// <reference types="react" />
+import React from "react";
+import { ReactNode } from "react";
+import { TextSkeletonProps } from "./types-1b036d4b";
+type SkeletonProps = {
+    /**
+     * Флаг, явно задающий состояние, при котором контент закрывается прелоадером
+     */
+    visible?: boolean;
+    /**
+     * Флаг явного включения анимации скелета
+     */
+    animate?: boolean;
+    /**
+     * Дополнительный класс
+     */
+    className?: string;
+    /**
+     * Дополнительные инлайн стили
+     */
+    style?: React.CSSProperties;
+    /**
+     * Идентификатор для систем автоматизированного тестирования
+     */
+    dataTestId?: string;
+    /**
+     * Дочерние элементы.
+     */
+    children?: ReactNode;
+};
+declare const Skeleton: React.FC<SkeletonProps>;
+type SkeletonProps$0 = {
+    wrapperClassName?: string;
+    dataTestId?: string;
+};
+declare function useSkeleton(showSkeleton?: boolean, skeletonProps?: TextSkeletonProps): {
+    renderSkeleton: (props: SkeletonProps$0) => React.JSX.Element | null;
+    textRef: React.RefObject<HTMLElement>;
+};
+export { SkeletonProps, Skeleton, useSkeleton };