ydb-embedded-ui 6.11.0 → 6.13.0

package/dist/components/AutoRefreshControl/i18n/index.d.ts

@@ -1,2 +1,2 @@
-declare const _default: (key: "1 min" | "5 min" | "None" | "15 sec" | "2 min" | "Refresh", params?: import("@gravity-ui/i18n").Params) => string;
+declare const _default: (key: "None" | "1 min" | "5 min" | "15 sec" | "2 min" | "Refresh", params?: import("@gravity-ui/i18n").Params) => string;
 export default _default;

package/dist/components/ButtonWithConfirmDialog/ButtonWithConfirmDialog.d.ts

@@ -2,9 +2,10 @@ import React from 'react';
 import type { ButtonProps, PopoverProps } from '@gravity-ui/uikit';
 interface ButtonWithConfirmDialogProps<T, K> {
     children: React.ReactNode;
-    onConfirmAction: () => Promise<T>;
+    onConfirmAction: (isRetry?: boolean) => Promise<T>;
     onConfirmActionSuccess?: (() => Promise<K>) | VoidFunction;
     dialogContent: string;
+    retryButtonText?: string;
     buttonDisabled?: ButtonProps['disabled'];
     buttonView?: ButtonProps['view'];
     buttonClassName?: ButtonProps['className'];
@@ -13,5 +14,5 @@ interface ButtonWithConfirmDialogProps<T, K> {
     popoverPlacement?: PopoverProps['placement'];
     popoverDisabled?: PopoverProps['disabled'];
 }
-export declare function ButtonWithConfirmDialog<T, K>({ children, onConfirmAction, onConfirmActionSuccess, dialogContent, buttonDisabled, buttonView, buttonClassName, withPopover, popoverContent, popoverPlacement, popoverDisabled, }: ButtonWithConfirmDialogProps<T, K>): import("react/jsx-runtime").JSX.Element;
+export declare function ButtonWithConfirmDialog<T, K>({ children, onConfirmAction, onConfirmActionSuccess, dialogContent, retryButtonText, buttonDisabled, buttonView, buttonClassName, withPopover, popoverContent, popoverPlacement, popoverDisabled, }: ButtonWithConfirmDialogProps<T, K>): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/ButtonWithConfirmDialog/ButtonWithConfirmDialog.js

@@ -2,15 +2,17 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import React from 'react';
 import { Button, Popover } from '@gravity-ui/uikit';
 import { CriticalActionDialog } from '../CriticalActionDialog';
-export function ButtonWithConfirmDialog({ children, onConfirmAction, onConfirmActionSuccess, dialogContent, buttonDisabled = false, buttonView = 'action', buttonClassName, withPopover = false, popoverContent, popoverPlacement = 'right', popoverDisabled = true, }) {
+export function ButtonWithConfirmDialog({ children, onConfirmAction, onConfirmActionSuccess, dialogContent, retryButtonText, buttonDisabled = false, buttonView = 'action', buttonClassName, withPopover = false, popoverContent, popoverPlacement = 'right', popoverDisabled = true, }) {
     const [isConfirmDialogVisible, setIsConfirmDialogVisible] = React.useState(false);
     const [buttonLoading, setButtonLoading] = React.useState(false);
-    const handleConfirmAction = async () => {
+    const [withRetry, setWithRetry] = React.useState(false);
+    const handleConfirmAction = async (isRetry) => {
         setButtonLoading(true);
-        await onConfirmAction();
+        await onConfirmAction(isRetry);
         setButtonLoading(false);
     };
     const handleConfirmActionSuccess = async () => {
+        setWithRetry(false);
         if (onConfirmActionSuccess) {
             setButtonLoading(true);
             try {
@@ -23,7 +25,9 @@ export function ButtonWithConfirmDialog({ children, onConfirmAction, onConfirmAc
             }
         }
     };
-    const handleConfirmActionError = () => {
+    const handleConfirmActionError = (error) => {
+        const isWithRetry = Boolean(error && typeof error === 'object' && 'retryPossible' in error && error.retryPossible);
+        setWithRetry(isWithRetry);
         setButtonLoading(false);
     };
     const renderButton = () => {
@@ -35,7 +39,7 @@ export function ButtonWithConfirmDialog({ children, onConfirmAction, onConfirmAc
         }
         return renderButton();
     };
-    return (_jsxs(React.Fragment, { children: [_jsx(CriticalActionDialog, { visible: isConfirmDialogVisible, text: dialogContent, onConfirm: handleConfirmAction, onConfirmActionSuccess: handleConfirmActionSuccess, onConfirmActionError: handleConfirmActionError, onClose: () => {
+    return (_jsxs(React.Fragment, { children: [_jsx(CriticalActionDialog, { visible: isConfirmDialogVisible, text: dialogContent, withRetry: withRetry, retryButtonText: retryButtonText, onConfirm: handleConfirmAction, onConfirmActionSuccess: handleConfirmActionSuccess, onConfirmActionError: handleConfirmActionError, onClose: () => {
                     setIsConfirmDialogVisible(false);
                 } }), renderContent()] }));
 }

package/dist/components/CriticalActionDialog/CriticalActionDialog.d.ts

@@ -2,10 +2,12 @@ import './CriticalActionDialog.scss';
 interface CriticalActionDialogProps<T> {
     visible: boolean;
     text: string;
+    withRetry?: boolean;
+    retryButtonText?: string;
     onClose: VoidFunction;
-    onConfirm: () => Promise<T>;
+    onConfirm: (isRetry?: boolean) => Promise<T>;
     onConfirmActionSuccess: VoidFunction;
-    onConfirmActionError: VoidFunction;
+    onConfirmActionError: (error: unknown) => void;
 }
-export declare function CriticalActionDialog<T>({ visible, text, onClose, onConfirm, onConfirmActionSuccess, onConfirmActionError, }: CriticalActionDialogProps<T>): import("react/jsx-runtime").JSX.Element;
+export declare function CriticalActionDialog<T>({ visible, text, withRetry, retryButtonText, onClose, onConfirm, onConfirmActionSuccess, onConfirmActionError, }: CriticalActionDialogProps<T>): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/CriticalActionDialog/CriticalActionDialog.js

@@ -15,19 +15,18 @@ const parseError = (error) => {
     }
     return criticalActionDialogKeyset('default-error');
 };
-export function CriticalActionDialog({ visible, text, onClose, onConfirm, onConfirmActionSuccess, onConfirmActionError, }) {
+export function CriticalActionDialog({ visible, text, withRetry, retryButtonText, onClose, onConfirm, onConfirmActionSuccess, onConfirmActionError, }) {
     const [isLoading, setIsLoading] = React.useState(false);
     const [error, setError] = React.useState();
-    const onSubmit = async (e) => {
-        e.preventDefault();
+    const onApply = async (isRetry) => {
         setIsLoading(true);
-        return onConfirm()
+        return onConfirm(isRetry)
             .then(() => {
             onConfirmActionSuccess();
             onClose();
         })
             .catch((err) => {
-            onConfirmActionError();
+            onConfirmActionError(err);
             setError(err);
         })
             .finally(() => {
@@ -36,9 +35,11 @@ export function CriticalActionDialog({ visible, text, onClose, onConfirm, onConf
     };
     const renderDialogContent = () => {
         if (error) {
-            return (_jsxs(React.Fragment, { children: [_jsxs(Dialog.Body, { className: b('body'), children: [_jsx("span", { className: b('error-icon'), children: _jsx(CircleXmarkFill, { width: "24", height: "22" }) }), parseError(error)] }), _jsx(Dialog.Footer, { loading: false, preset: "default", textButtonCancel: criticalActionDialogKeyset('button-close'), onClickButtonCancel: onClose })] }));
+            return (_jsxs(React.Fragment, { children: [_jsxs(Dialog.Body, { className: b('body'), children: [_jsx("span", { className: b('error-icon'), children: _jsx(CircleXmarkFill, { width: "24", height: "22" }) }), parseError(error)] }), _jsx(Dialog.Footer, { loading: false, preset: "default", textButtonApply: withRetry
+                            ? retryButtonText || criticalActionDialogKeyset('button-retry')
+                            : undefined, textButtonCancel: criticalActionDialogKeyset('button-close'), onClickButtonApply: () => onApply(true), onClickButtonCancel: onClose })] }));
         }
-        return (_jsxs("form", { onSubmit: onSubmit, children: [_jsxs(Dialog.Body, { className: b('body'), children: [_jsx("span", { className: b('warning-icon'), children: _jsx(Icon, { data: TriangleExclamationFill, size: 24 }) }), text] }), _jsx(Dialog.Footer, { loading: isLoading, preset: "default", textButtonApply: criticalActionDialogKeyset('button-confirm'), textButtonCancel: criticalActionDialogKeyset('button-cancel'), propsButtonApply: { type: 'submit' }, onClickButtonCancel: onClose, onClickButtonApply: () => { } })] }));
+        return (_jsxs(React.Fragment, { children: [_jsxs(Dialog.Body, { className: b('body'), children: [_jsx("span", { className: b('warning-icon'), children: _jsx(Icon, { data: TriangleExclamationFill, size: 24 }) }), text] }), _jsx(Dialog.Footer, { loading: isLoading, preset: "default", textButtonApply: criticalActionDialogKeyset('button-confirm'), textButtonCancel: criticalActionDialogKeyset('button-cancel'), propsButtonApply: { type: 'submit' }, onClickButtonCancel: onClose, onClickButtonApply: () => onApply() })] }));
     };
     return (_jsx(Dialog, { open: visible, hasCloseButton: false, className: b(), size: "s", onClose: onClose, onTransitionExited: () => setError(undefined), children: renderDialogContent() }));
 }

package/dist/components/CriticalActionDialog/CriticalActionDialog.scss

@@ -1,5 +1,5 @@
 .ydb-critical-dialog {
-    width: 400px;
+    padding-top: 18px;
 
     &__warning-icon {
         margin-right: 16px;

package/dist/components/CriticalActionDialog/i18n/en.json

@@ -2,6 +2,7 @@
     "default-error": "Something went wrong, action cannot be completed",
     "no-rights-error": "You don't have enough rights to complete the operation",
     "button-confirm": "Confirm",
+    "button-retry": "Retry",
     "button-cancel": "Cancel",
     "button-close": "Close"
 }

package/dist/components/CriticalActionDialog/i18n/index.d.ts

@@ -1 +1 @@
-export declare const criticalActionDialogKeyset: (key: "default-error" | "no-rights-error" | "button-confirm" | "button-cancel" | "button-close", params?: import("@gravity-ui/i18n").Params) => string;
+export declare const criticalActionDialogKeyset: (key: "default-error" | "no-rights-error" | "button-confirm" | "button-retry" | "button-cancel" | "button-close", params?: import("@gravity-ui/i18n").Params) => string;

package/dist/components/DateRange/DateRange.d.ts

@@ -1,9 +1,9 @@
 import './DateRange.scss';
 export interface DateRangeValues {
-    /** ms from epoch */
-    from?: number;
-    /** ms from epoch */
-    to?: number;
+    /** ms from epoch or special values like now, 1h, 1m, etc*/
+    from?: string;
+    /** ms from epoch or special values like now, 1h, 1m, etc*/
+    to?: string;
 }
 interface DateRangeProps extends DateRangeValues {
     className?: string;

package/dist/components/DateRange/DateRange.js

@@ -1,33 +1,30 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx } from "react/jsx-runtime";
+import React from 'react';
+import { RelativeRangeDatePicker } from '@gravity-ui/date-components';
 import { cn } from '../../utils/cn';
+import i18n from './i18n';
+import { fromDateRangeValues, getdatePickerSize, toDateRangeValues } from './utils';
 import './DateRange.scss';
 const b = cn('date-range');
-const toTimezonelessISOString = (timestamp) => {
-    if (!timestamp || isNaN(timestamp)) {
-        return undefined;
-    }
-    // shift by local offset to treat toISOString output as local time
-    const shiftedTimestamp = timestamp - new Date().getTimezoneOffset() * 60 * 1000;
-    return new Date(shiftedTimestamp).toISOString().substring(0, 'yyyy-MM-DDThh:mm'.length);
+const DEFAULT_VALUE = {
+    start: {
+        value: 'now-1h',
+        type: 'relative',
+    },
+    end: {
+        value: 'now',
+        type: 'relative',
+    },
 };
 export const DateRange = ({ from, to, className, onChange }) => {
-    const handleFromChange = ({ target: { value } }) => {
-        let newFrom = value ? new Date(value).getTime() : undefined;
-        // some browsers allow selecting time after the boundary specified in `max`
-        if (newFrom && to && newFrom > to) {
-            newFrom = to;
+    const handleUpdate = React.useCallback((pickerValue) => onChange === null || onChange === void 0 ? void 0 : onChange(toDateRangeValues(pickerValue)), [onChange]);
+    const value = React.useMemo(() => {
+        if (!from && !to) {
+            return undefined;
         }
-        onChange === null || onChange === void 0 ? void 0 : onChange({ from: newFrom, to });
-    };
-    const handleToChange = ({ target: { value } }) => {
-        let newTo = value ? new Date(value).getTime() : undefined;
-        // some browsers allow selecting time before the boundary specified in `min`
-        if (from && newTo && from > newTo) {
-            newTo = from;
-        }
-        onChange === null || onChange === void 0 ? void 0 : onChange({ from, to: newTo });
-    };
-    const startISO = toTimezonelessISOString(from);
-    const endISO = toTimezonelessISOString(to);
-    return (_jsxs("div", { className: b(null, className), children: [_jsx("input", { type: "datetime-local", value: startISO || '', max: endISO, onChange: handleFromChange, className: b('input') }), "\u2014", _jsx("input", { type: "datetime-local", min: startISO, value: endISO || '', onChange: handleToChange, className: b('input') })] }));
+        return fromDateRangeValues({ from, to });
+    }, [from, to]);
+    // eslint-disable-next-line new-cap
+    const timeZoneString = Intl.DateTimeFormat().resolvedOptions().timeZone;
+    return (_jsx("div", { className: b(null, className), children: _jsx(RelativeRangeDatePicker, { withPresets: true, className: b('range-input', { [getdatePickerSize(value)]: true }), timeZone: timeZoneString, value: value || DEFAULT_VALUE, allowNullableValues: true, size: "m", format: i18n('date-time-format'), onUpdate: handleUpdate, placeholder: `${i18n('date-time-format')} - ${i18n('date-time-format')}`, withApplyButton: true }) }));
 };

package/dist/components/DateRange/DateRange.scss

@@ -1,18 +1,19 @@
 .date-range {
-    &__input {
-        min-width: 190px;
-        height: 28px;
-        padding: 5px 8px;
+    &__range-input {
+        &_s {
+            width: 200px;
+        }
 
-        color: var(--g-color-text-primary);
-        border: 1px solid var(--g-color-line-generic);
-        border-radius: var(--g-border-radius-m);
-        outline: none;
-        background: transparent;
-    }
+        &_m {
+            width: 300px;
+        }
+
+        &_l {
+            width: 350px;
+        }
 
-    &__input:focus,
-    &__input:focus-visible {
-        border: 1px solid var(--g-color-line-generic-hover);
+        input {
+            cursor: pointer;
+        }
     }
 }

package/dist/components/DateRange/__test__/fromDateRangeValues.test.js

@@ -0,0 +1,80 @@
+import { dateTimeParse } from '@gravity-ui/date-utils';
+import { fromDateRangeValues } from '../utils';
+describe('From daterange values to datepicker values', () => {
+    it('should return the correct datepicker values for to-absolute, from-absolute values', () => {
+        const from = new Date('2020-01-01 19:00:00').getTime();
+        const to = new Date('2022-01-01 19:00:00').getTime();
+        const dateRangeValues = {
+            from: String(from),
+            to: String(to),
+        };
+        const result = fromDateRangeValues(dateRangeValues);
+        expect(result).toEqual({
+            start: {
+                type: 'absolute',
+                value: dateTimeParse(Number(from)),
+            },
+            end: {
+                type: 'absolute',
+                value: dateTimeParse(Number(to)),
+            },
+        });
+    });
+    it('should return the correct datepicker values for to-relative, from-absolute values', () => {
+        const from = new Date('2020-01-01 19:00:00').getTime();
+        const to = 'now';
+        const dateRangeValues = {
+            from: String(from),
+            to: String(to),
+        };
+        const result = fromDateRangeValues(dateRangeValues);
+        expect(result).toEqual({
+            start: {
+                type: 'absolute',
+                value: dateTimeParse(Number(from)),
+            },
+            end: {
+                type: 'relative',
+                value: to,
+            },
+        });
+    });
+    it('should return the correct datepicker values for from-relative, to-absolute values', () => {
+        const from = 'now';
+        const to = new Date('2022-01-01 19:00:00').getTime();
+        const dateRangeValues = {
+            from: String(from),
+            to: String(to),
+        };
+        const result = fromDateRangeValues(dateRangeValues);
+        expect(result).toEqual({
+            start: {
+                type: 'relative',
+                value: from,
+            },
+            end: {
+                type: 'absolute',
+                value: dateTimeParse(Number(to)),
+            },
+        });
+    });
+    it('should return the correct datepicker values for from-relative, to-relative values', () => {
+        const from = 'now';
+        const to = 'now + 1h';
+        const dateRangeValues = {
+            from: String(from),
+            to: String(to),
+        };
+        const result = fromDateRangeValues(dateRangeValues);
+        expect(result).toEqual({
+            start: {
+                type: 'relative',
+                value: from,
+            },
+            end: {
+                type: 'relative',
+                value: to,
+            },
+        });
+    });
+});

package/dist/components/DateRange/__test__/getdatePickerSize.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/components/DateRange/__test__/getdatePickerSize.test.js

@@ -0,0 +1,56 @@
+import { dateTimeParse } from '@gravity-ui/date-utils';
+import { getdatePickerSize } from '../utils';
+describe('getdatePickerSize test', () => {
+    it('should return the correct datepicker size', () => {
+        const datePickerRangeValues = {
+            start: {
+                type: 'relative',
+                value: 'now',
+            },
+            end: {
+                type: 'relative',
+                value: 'now',
+            },
+        };
+        expect(getdatePickerSize(datePickerRangeValues)).toEqual('s');
+    });
+    it('should return the correct datepicker size', () => {
+        const datePickerRangeValues = {
+            start: {
+                type: 'absolute',
+                value: dateTimeParse(Number(new Date().getTime())),
+            },
+            end: {
+                type: 'relative',
+                value: 'now + 1',
+            },
+        };
+        expect(getdatePickerSize(datePickerRangeValues)).toEqual('m');
+    });
+    it('should return the correct datepicker size', () => {
+        const datePickerRangeValues = {
+            start: {
+                type: 'relative',
+                value: 'now + 1',
+            },
+            end: {
+                type: 'absolute',
+                value: dateTimeParse(Number(new Date().getTime())),
+            },
+        };
+        expect(getdatePickerSize(datePickerRangeValues)).toEqual('m');
+    });
+    it('should return the correct datepicker size', () => {
+        const datePickerRangeValues = {
+            start: {
+                type: 'absolute',
+                value: dateTimeParse(Number(new Date().getTime())),
+            },
+            end: {
+                type: 'absolute',
+                value: dateTimeParse(Number(new Date().getTime())),
+            },
+        };
+        expect(getdatePickerSize(datePickerRangeValues)).toEqual('l');
+    });
+});

package/dist/components/DateRange/__test__/toDateRangeValues.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/components/DateRange/__test__/toDateRangeValues.test.js

@@ -0,0 +1,80 @@
+import { dateTimeParse } from '@gravity-ui/date-utils';
+import { toDateRangeValues } from '../utils';
+describe('To daterange values from datepicker values', () => {
+    it('should return the correct datepicker values for to-absolute, from-absolute values', () => {
+        const from = new Date('2020-01-01 19:00:00').getTime();
+        const to = new Date('2022-01-01 19:00:00').getTime();
+        const datePickerRangeValues = {
+            start: {
+                type: 'absolute',
+                value: dateTimeParse(Number(from)),
+            },
+            end: {
+                type: 'absolute',
+                value: dateTimeParse(Number(to)),
+            },
+        };
+        const result = toDateRangeValues(datePickerRangeValues);
+        expect(result).toEqual({
+            from: String(from),
+            to: String(to),
+        });
+    });
+});
+it('should return the correct daterange values for to-relative, from-absolute values', () => {
+    const from = new Date('2020-01-01 19:00:00').getTime();
+    const to = 'now';
+    const datePickerRangeValues = {
+        start: {
+            type: 'absolute',
+            value: dateTimeParse(Number(from)),
+        },
+        end: {
+            type: 'relative',
+            value: to,
+        },
+    };
+    const result = toDateRangeValues(datePickerRangeValues);
+    expect(result).toEqual({
+        from: String(from),
+        to: to,
+    });
+});
+it('should return the correct daterange values for from-relative, to-absolute values', () => {
+    const from = 'now';
+    const to = new Date('2022-01-01 19:00:00').getTime();
+    const datePickerRangeValues = {
+        start: {
+            type: 'relative',
+            value: from,
+        },
+        end: {
+            type: 'absolute',
+            value: dateTimeParse(Number(to)),
+        },
+    };
+    const result = toDateRangeValues(datePickerRangeValues);
+    expect(result).toEqual({
+        from: from,
+        to: String(to),
+    });
+});
+it('should return the correct daterange values for from-relative, to-relative values', () => {
+    const from = 'now';
+    const to = 'now + 1';
+    const datePickerRangeValues = {
+        start: {
+            type: 'relative',
+            value: from,
+        },
+        end: {
+            type: 'relative',
+            value: to,
+        },
+    };
+    const result = toDateRangeValues(datePickerRangeValues);
+    expect(result).toEqual({
+        from: from,
+        to: to,
+    });
+});

package/dist/components/DateRange/i18n/en.json

@@ -0,0 +1,4 @@
+{
+    "date-format": "MM/DD/YYYY",
+    "date-time-format": "MM/DD/YYYY HH:mm"
+}

package/dist/components/DateRange/i18n/index.d.ts

@@ -0,0 +1,2 @@
+declare const _default: (key: "date-format" | "date-time-format", params?: import("@gravity-ui/i18n").Params) => string;
+export default _default;

package/dist/components/DateRange/i18n/index.js

@@ -0,0 +1,5 @@
+import { registerKeysets } from '../../../utils/i18n';
+import en from './en.json';
+import ru from './ru.json';
+const COMPONENT = 'ydb-date-range';
+export default registerKeysets(COMPONENT, { ru, en });

package/dist/components/DateRange/i18n/ru.json

@@ -0,0 +1,4 @@
+{
+    "date-format": "DD.MM.YYYY",
+    "date-time-format": "DD.MM.YYYY HH:mm"
+}

package/dist/components/DateRange/utils.d.ts

@@ -0,0 +1,5 @@
+import type { RelativeRangeDatePickerProps } from '@gravity-ui/date-components';
+import type { DateRangeValues } from './DateRange';
+export declare function fromDateRangeValues(value: DateRangeValues): RelativeRangeDatePickerProps['value'];
+export declare function toDateRangeValues(value: RelativeRangeDatePickerProps['value']): DateRangeValues;
+export declare function getdatePickerSize(value: RelativeRangeDatePickerProps['value']): "m" | "s" | "l";

package/dist/components/DateRange/utils.js

@@ -0,0 +1,41 @@
+import { dateTimeParse, isLikeRelative } from '@gravity-ui/date-utils';
+export function fromDateRangeValues(value) {
+    var _a, _b;
+    const isFromRelative = isLikeRelative((_a = value.from) !== null && _a !== void 0 ? _a : '');
+    const isToRelative = isLikeRelative((_b = value.to) !== null && _b !== void 0 ? _b : '');
+    return {
+        start: value.from
+            ? {
+                type: isFromRelative ? 'relative' : 'absolute',
+                value: isFromRelative ? value.from : dateTimeParse(Number(value.from)),
+            }
+            : null,
+        end: value.to
+            ? {
+                type: isToRelative ? 'relative' : 'absolute',
+                value: isToRelative ? value.to : dateTimeParse(Number(value.to)),
+            }
+            : null,
+    };
+}
+export function toDateRangeValues(value) {
+    var _a, _b, _c, _d, _e, _f;
+    return {
+        from: ((_a = value === null || value === void 0 ? void 0 : value.start) === null || _a === void 0 ? void 0 : _a.type) === 'relative'
+            ? value.start.value.toString()
+            : String((_c = dateTimeParse((_b = value === null || value === void 0 ? void 0 : value.start) === null || _b === void 0 ? void 0 : _b.value)) === null || _c === void 0 ? void 0 : _c.valueOf()),
+        to: ((_d = value === null || value === void 0 ? void 0 : value.end) === null || _d === void 0 ? void 0 : _d.type) === 'relative'
+            ? value.end.value.toString()
+            : String((_f = dateTimeParse((_e = value === null || value === void 0 ? void 0 : value.end) === null || _e === void 0 ? void 0 : _e.value)) === null || _f === void 0 ? void 0 : _f.valueOf()),
+    };
+}
+export function getdatePickerSize(value) {
+    var _a, _b, _c, _d;
+    if (((_a = value === null || value === void 0 ? void 0 : value.start) === null || _a === void 0 ? void 0 : _a.type) === 'relative' && ((_b = value === null || value === void 0 ? void 0 : value.end) === null || _b === void 0 ? void 0 : _b.type) === 'relative') {
+        return 's';
+    }
+    else if (((_c = value === null || value === void 0 ? void 0 : value.start) === null || _c === void 0 ? void 0 : _c.type) === 'relative' || ((_d = value === null || value === void 0 ? void 0 : value.end) === null || _d === void 0 ? void 0 : _d.type) === 'relative') {
+        return 'm';
+    }
+    return 'l';
+}

package/dist/components/DeveloperUILinkButton/DeveloperUILinkButton.d.ts

@@ -0,0 +1,8 @@
+import './DeveloperUILinkButton.scss';
+interface DeveloperUiLinkProps {
+    className?: string;
+    visible?: boolean;
+    href: string;
+}
+export declare function DeveloperUILinkButton({ href, visible, className }: DeveloperUiLinkProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/{DeveloperUiLink/DeveloperUiLink.js → DeveloperUILinkButton/DeveloperUILinkButton.js}

@@ -2,8 +2,8 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import { ArrowUpRightFromSquare } from '@gravity-ui/icons';
 import { Button, Icon } from '@gravity-ui/uikit';
 import { cn } from '../../utils/cn';
-import './DeveloperUiLink.scss';
-const b = cn('developer-ui-link');
-export function DeveloperUiLink({ href, visible = false, className }) {
+import './DeveloperUILinkButton.scss';
+const b = cn('developer-ui-link-button');
+export function DeveloperUILinkButton({ href, visible = false, className }) {
     return (_jsx(Button, { size: "s", href: href, className: b({ visible }, className), target: "_blank", children: _jsx(Icon, { data: ArrowUpRightFromSquare }) }));
 }

package/dist/components/{DeveloperUiLink/DeveloperUiLink.scss → DeveloperUILinkButton/DeveloperUILinkButton.scss}

@@ -1,11 +1,12 @@
-.developer-ui-link {
+.developer-ui-link-button {
     display: none;
 
     &_visible {
         display: inline-block;
     }
 
-    .data-table__row:hover & {
+    .data-table__row:hover &,
+    .ydb-paginated-table__row:hover & {
         display: inline-block;
     }
 }

package/dist/components/DiskStateProgressBar/DiskStateProgressBar.d.ts

@@ -1,8 +1,13 @@
+import React from 'react';
 import './DiskStateProgressBar.scss';
 interface DiskStateProgressBarProps {
     diskAllocatedPercent?: number;
     severity?: number;
     compact?: boolean;
+    faded?: boolean;
+    empty?: boolean;
+    content?: React.ReactNode;
+    className?: string;
 }
-export declare function DiskStateProgressBar({ diskAllocatedPercent, severity, compact, }: DiskStateProgressBarProps): import("react/jsx-runtime").JSX.Element;
+export declare function DiskStateProgressBar({ diskAllocatedPercent, severity, compact, faded, empty, content, className, }: DiskStateProgressBarProps): import("react/jsx-runtime").JSX.Element;
 export {};