@moysklad/uikit 28.1.0 → 31.20.0

package/dist/components/LabelValue/ValueTextWithHint.d.ts

@@ -0,0 +1,12 @@
+type Props = {
+    isHintVisible: boolean;
+    onHintVisibilityChange: (isVisible: boolean) => void;
+    value: string;
+    isShowLabelTooltip?: () => boolean;
+    label: string;
+    testId?: string;
+    hintTextClassName?: string;
+    children: JSX.Element;
+};
+export declare const ValueTextWithHint: ({ children, isHintVisible, onHintVisibilityChange, isShowLabelTooltip, label, testId, value, hintTextClassName, }: Props) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/LabelValue/ValueTextWithHint.js

@@ -0,0 +1,29 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { cn } from "../../common/css/cn.js";
+import { Hint } from "../Hint/Hint.js";
+import { Text, TextColor } from "../Text/Text.js";
+import LabelValue_module from "./LabelValue.module.js";
+const ValueTextWithHint = ({ children, isHintVisible, onHintVisibilityChange, isShowLabelTooltip, label, testId, value, hintTextClassName })=>/*#__PURE__*/ jsx(Hint, {
+        visible: isHintVisible,
+        onVisibleChange: onHintVisibilityChange,
+        overlay: /*#__PURE__*/ jsxs("div", {
+            className: LabelValue_module.hintTextWrapper,
+            children: [
+                isShowLabelTooltip?.() && /*#__PURE__*/ jsx(Text.H4, {
+                    className: LabelValue_module.hintText,
+                    colorToken: TextColor.invert,
+                    children: label
+                }),
+                /*#__PURE__*/ jsx(Text.Body, {
+                    testId: testId ? `${testId}-value-hint-text` : void 0,
+                    className: cn(LabelValue_module.hintText, hintTextClassName),
+                    colorToken: TextColor.invert,
+                    children: value
+                })
+            ]
+        }),
+        overlayClassName: LabelValue_module.hint,
+        placement: "bottom",
+        children: children
+    });
+export { ValueTextWithHint };

package/dist/components/LabelValue/hooks/useValueBlock.d.ts

@@ -0,0 +1,29 @@
+import { type FocusEventHandler, type ReactNode, type RefObject } from 'react';
+type Props<T extends HTMLElement> = {
+    value: string;
+    forceHideTooltip?: boolean;
+    onBlur?: FocusEventHandler<T>;
+    onFocus?: FocusEventHandler<T>;
+    renderIcon?: (params: {
+        stroke?: string;
+    }) => ReactNode;
+    error?: boolean;
+    isCustomValueBlock?: boolean;
+    disabled?: boolean;
+    forceHintShowRef?: RefObject<Element>;
+};
+export declare const useValueBlock: <T extends HTMLElement>({ value, forceHideTooltip, onBlur, onFocus, renderIcon, isCustomValueBlock, error, disabled, forceHintShowRef, }: Props<T>) => {
+    valueBlockInnerRef: RefObject<HTMLElement>;
+    valueTooltip: {
+        ref: RefObject<HTMLElement>;
+        isOverflowing: boolean;
+        getIsOverflowing: () => boolean;
+    };
+    isValueHintForceDisplayed: boolean;
+    handleBlur: FocusEventHandler<T>;
+    handleFocus: FocusEventHandler<T>;
+    onHintVisibilityChange: (isVisible: boolean) => void;
+    icon: ReactNode;
+    isHintVisible: boolean;
+};
+export {};

package/dist/components/LabelValue/hooks/useValueBlock.js

@@ -0,0 +1,72 @@
+import { useEffect, useRef, useState } from "react";
+import { useIsElementOverflowing } from "../../../hooks/useIsElementOverflowing/index.js";
+const ERROR_ICON_STROKE = 'var(--elements-critical, rgba(229, 3, 71, 1))';
+const DISABLED_ICON_STROKE = 'var(--elements-hover, rgb(9, 23, 57, 100%))';
+const getIconStroke = (args)=>{
+    if (args.isCustomValueBlock) return;
+    if (args.disabled) return DISABLED_ICON_STROKE;
+    if (args.error) return ERROR_ICON_STROKE;
+};
+const useValueBlock = ({ value, forceHideTooltip, onBlur, onFocus, renderIcon, isCustomValueBlock = false, error = false, disabled = false, forceHintShowRef })=>{
+    const focusTooltipTimeout = useRef();
+    const valueBlockInnerRef = useRef(null);
+    const valueOverflowing = useIsElementOverflowing([
+        value
+    ]);
+    const [isValueHintForceDisplayed, setIsValueHintForceDisplayed] = useState(false);
+    const [isTooltipVisible, setIsTooltipVisible] = useState(false);
+    useEffect(()=>{
+        if (forceHideTooltip) setIsTooltipVisible(false);
+    }, [
+        forceHideTooltip
+    ]);
+    useEffect(()=>{
+        if (!valueOverflowing.isOverflowing) setIsTooltipVisible(false);
+    }, [
+        valueOverflowing.isOverflowing
+    ]);
+    const showValueTooltipOnFocus = (options = {})=>{
+        const { isForceShow = false } = options;
+        const isValueFocused = valueBlockInnerRef.current?.matches(':focus-visible') || isForceShow;
+        if (isValueFocused && valueOverflowing.getIsOverflowing()) setIsValueHintForceDisplayed(true);
+    };
+    const handleBlur = (event)=>{
+        onBlur?.(event);
+        setIsValueHintForceDisplayed(false);
+    };
+    const handleFocus = (event)=>{
+        onFocus?.(event);
+        focusTooltipTimeout.current = setTimeout(()=>{
+            const forceShow = forceHintShowRef?.current?.matches?.(':focus-visible');
+            showValueTooltipOnFocus({
+                isForceShow: forceShow
+            });
+        }, 800);
+    };
+    useEffect(()=>()=>{
+            if (focusTooltipTimeout.current) clearTimeout(focusTooltipTimeout.current);
+        }, []);
+    const onHintVisibilityChange = (isVisible)=>{
+        if (isValueHintForceDisplayed) return void setIsTooltipVisible(false);
+        setIsTooltipVisible(valueOverflowing.getIsOverflowing() && isVisible);
+    };
+    const icon = renderIcon ? renderIcon({
+        stroke: getIconStroke({
+            error,
+            isCustomValueBlock,
+            disabled
+        })
+    }) : null;
+    const isHintVisible = isTooltipVisible || isValueHintForceDisplayed;
+    return {
+        valueBlockInnerRef,
+        valueTooltip: valueOverflowing,
+        isValueHintForceDisplayed,
+        handleBlur,
+        handleFocus,
+        onHintVisibilityChange,
+        icon,
+        isHintVisible
+    };
+};
+export { useValueBlock };

package/dist/components/LabelValue/{ValueBlock/index.d.ts → types.d.ts}

@@ -1,4 +1,4 @@
-import { type FocusEventHandler, type KeyboardEventHandler, type ReactNode, type Ref } from 'react';
+import type { FocusEventHandler, KeyboardEventHandler, ReactNode, Ref } from 'react';
 export interface ValueBlockContentArgs {
     valueNode: ReactNode;
     isLabelOverflow: boolean;
@@ -7,15 +7,20 @@ export interface ValueBlockContentArgs {
     onBlur: FocusEventHandler<HTMLDivElement>;
     onKeyDown: KeyboardEventHandler<HTMLDivElement>;
     onKeyUp: KeyboardEventHandler<HTMLDivElement>;
+    getIsLabelOverflow: () => boolean;
 }
-interface ValueBlockProps {
+export interface ValueBlockProps {
     value: string;
     error?: boolean;
     isEmpty?: boolean;
     disabled?: boolean;
     testId?: string;
     label: string;
+    /**
+     * @deprecated use isNeedShowLabelTooltip
+     */
     needShowLabelTooltip?: boolean;
+    isNeedShowLabelTooltip?: () => boolean;
     forceHideTooltip: boolean;
     onFocus?: FocusEventHandler<HTMLDivElement>;
     onBlur?: FocusEventHandler<HTMLDivElement>;
@@ -25,6 +30,5 @@ interface ValueBlockProps {
     valueBlockContent?: (args: ValueBlockContentArgs) => ReactNode;
     onValueKeyUp?: KeyboardEventHandler<HTMLDivElement>;
     onValueKeyDown?: KeyboardEventHandler<HTMLDivElement>;
+    isDefaultValue?: boolean;
 }
-export declare const ValueBlock: import("react").ForwardRefExoticComponent<ValueBlockProps & import("react").RefAttributes<HTMLDivElement>>;
-export {};

package/dist/components/LabelValueCheckbox/LabelValueCheckbox.d.ts

@@ -0,0 +1,10 @@
+import { type CheckboxProps } from '../Checkbox/Checkbox';
+import { type SharedLabelValueProps } from '../LabelValue/LabelValue';
+type PickedCheckboxProps = Pick<CheckboxProps, 'checked' | 'defaultChecked' | 'indeterminate' | 'tabIndex' | 'onChange'>;
+type OmitedLabelValueProps = Omit<SharedLabelValueProps, 'dropdownClassName' | 'dropdownStyles' | 'valueBlockContent' | 'onDropdownClose' | 'onChange' | 'error'>;
+export interface LabelValueCheckboxProps extends OmitedLabelValueProps, PickedCheckboxProps {
+    checkboxClassName?: string;
+    checkboxProps?: CheckboxProps;
+}
+export declare const LabelValueCheckbox: ({ checked, defaultChecked, indeterminate, tabIndex, checkboxClassName, checkboxProps, onChange, ...props }: LabelValueCheckboxProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/LabelValueCheckbox/LabelValueCheckbox.js

@@ -0,0 +1,22 @@
+import { jsx } from "react/jsx-runtime";
+import { cn } from "../../common/css/index.js";
+import { Checkbox } from "../Checkbox/Checkbox.js";
+import { LabelValue } from "../LabelValue/LabelValue.js";
+import LabelValueCheckbox_module from "./LabelValueCheckbox.module.js";
+const LabelValueCheckbox = ({ checked, defaultChecked, indeterminate, tabIndex, checkboxClassName, checkboxProps, onChange, ...props })=>/*#__PURE__*/ jsx(LabelValue, {
+        ...props,
+        value: "",
+        valueBlockContent: ()=>/*#__PURE__*/ jsx(Checkbox, {
+                testId: props.testId ? `${props.testId}-checkbox` : void 0,
+                checked: checked,
+                disabled: props.disabled,
+                defaultChecked: defaultChecked,
+                indeterminate: indeterminate,
+                tabIndex: tabIndex,
+                className: cn(LabelValueCheckbox_module.checkbox, checkboxClassName),
+                onChange: onChange,
+                ...checkboxProps
+            }),
+        customDropdown: true
+    });
+export { LabelValueCheckbox };

package/dist/components/LabelValueCheckbox/LabelValueCheckbox.module.js

@@ -0,0 +1,5 @@
+import "./LabelValueCheckbox_module.css";
+const LabelValueCheckbox_module = {
+    checkbox: "checkbox-Hn5FOs"
+};
+export default LabelValueCheckbox_module;

package/dist/components/LabelValueCheckbox/LabelValueCheckbox_module.css

@@ -0,0 +1,5 @@
+.checkbox-Hn5FOs {
+  padding-top: 2px;
+  padding-bottom: 2px;
+}
+

package/dist/components/LabelValueDate/LabelValueDate.js

@@ -6,8 +6,8 @@ import { Datepicker } from "../Datepicker/Datepicker.js";
 import { dateFormatter, parseSelectedDate } from "../Datepicker/utils/index.js";
 import { useLocaleContext } from "../../context/contexts/LocaleContext.js";
 import { Date12Icon } from "../../icon/index.js";
+import { CustomDatepickerDropdownContent } from "../_shared/CustomDatepickerDropdownContent/CustomDatepickerDropdownContent.js";
 import { LabelValue } from "../LabelValue/LabelValue.js";
-import { DropdownContent } from "./DropdownContent/index.js";
 import LabelValueDate_module from "./LabelValueDate.module.js";
 const BasicLabelValueDate = /*#__PURE__*/ forwardRef(({ value, label, emptyText = 'Не указано', dateTimeFormatOptions, defaultTime, helperText, icon, iconPosition, id, inputClassName, isTimeRequired, placeholder, presets, setInitialDateIntoInput, presetsLabel, showIcon, showTime, showTimeText, onCalendarClose, onChange, onPick, onEnterPress, onTimeToggleChange, onDayClick, ...props }, ref)=>{
     const { lang, locale } = useLocaleContext();
@@ -114,7 +114,7 @@ const BasicLabelValueDate = /*#__PURE__*/ forwardRef(({ value, label, emptyText
                                 tabIndex: 0,
                                 onFocus: focusOnLastElement
                             }),
-                            /*#__PURE__*/ jsx(DropdownContent, {
+                            /*#__PURE__*/ jsx(CustomDatepickerDropdownContent, {
                                 testId: calendarTestId,
                                 label: label,
                                 error: props.error,

package/dist/components/LabelValueFile/DeleteButton/DeleteButton.d.ts

@@ -0,0 +1,9 @@
+import type { KeyboardEventHandler, MouseEventHandler } from 'react';
+interface DeleteButtonProps {
+    testId?: string;
+    onClick?: MouseEventHandler<HTMLButtonElement>;
+    onKeyDown?: KeyboardEventHandler<HTMLButtonElement>;
+    onKeyUp?: KeyboardEventHandler<HTMLButtonElement>;
+}
+export declare const DeleteButton: (props: DeleteButtonProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/LabelValueFile/DeleteButton/DeleteButton.js

@@ -0,0 +1,17 @@
+import { jsx } from "react/jsx-runtime";
+import { Button } from "../../Button/Button.js";
+import { Delete12Icon } from "../../../icon/components/Delete12Icon.js";
+import LabelValueFile_module from "../LabelValueFile.module.js";
+const DeleteButton = (props)=>/*#__PURE__*/ jsx(Button, {
+        testId: props.testId,
+        className: LabelValueFile_module.independentButton,
+        type: "button",
+        variant: "filled",
+        size: "m",
+        isIconButton: true,
+        onClick: props.onClick,
+        onKeyDown: props.onKeyDown,
+        onKeyUp: props.onKeyUp,
+        children: /*#__PURE__*/ jsx(Delete12Icon, {})
+    });
+export { DeleteButton };

package/dist/components/LabelValueFile/FilePreviewIcon/FilePreviewIcon.d.ts

@@ -0,0 +1,7 @@
+import type { IFile } from '../../FileUploader/FileUploader';
+interface FilePreviewIconProps {
+    testId?: string;
+    file?: IFile;
+}
+export declare const FilePreviewIcon: (props: FilePreviewIconProps) => import("react/jsx-runtime").JSX.Element | null;
+export {};

package/dist/components/LabelValueFile/FilePreviewIcon/FilePreviewIcon.js

@@ -0,0 +1,15 @@
+import { jsx } from "react/jsx-runtime";
+import { getOptionalTestId } from "../../../common/index.js";
+import { EmptyFile16Icon } from "../../../icon/components/EmptyFile16Icon.js";
+import FilePreviewIcon_module from "./FilePreviewIcon.module.js";
+const FilePreviewIcon = (props)=>{
+    if (!props.file) return null;
+    return /*#__PURE__*/ jsx("div", {
+        className: FilePreviewIcon_module.container,
+        "data-test-id": getOptionalTestId(props.testId, 'container'),
+        children: /*#__PURE__*/ jsx(EmptyFile16Icon, {
+            className: FilePreviewIcon_module.icon
+        })
+    });
+};
+export { FilePreviewIcon };

package/dist/components/LabelValueFile/FilePreviewIcon/FilePreviewIcon.module.js

@@ -0,0 +1,6 @@
+import "./FilePreviewIcon_module.css";
+const FilePreviewIcon_module = {
+    container: "container-r7ATlI",
+    icon: "icon-i1oJmM"
+};
+export default FilePreviewIcon_module;

package/dist/components/LabelValueFile/FilePreviewIcon/FilePreviewIcon_module.css

@@ -0,0 +1,10 @@
+.container-r7ATlI {
+  color: var(--elements-normal, #5f6d79);
+  align-items: center;
+  display: flex;
+}
+
+.icon-i1oJmM {
+  cursor: pointer;
+}
+

package/dist/components/LabelValueFile/ImagePreview/ImagePreview.d.ts

@@ -0,0 +1,8 @@
+import type { IFile } from '../../FileUploader/FileUploader';
+interface ImagePreviewProps {
+    testId?: string;
+    file: IFile;
+    onVisibilityChange?: (visible: boolean) => void;
+}
+export declare const ImagePreview: (props: ImagePreviewProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/LabelValueFile/ImagePreview/ImagePreview.js

@@ -0,0 +1,53 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useRef, useState } from "react";
+import { cn, getOptionalTestId } from "../../../common/index.js";
+import { FileUploaderImagePreviewModal } from "../../FileUploader/components/index.js";
+import LabelValueFile_module from "../LabelValueFile.module.js";
+import ImagePreview_module from "./ImagePreview.module.js";
+const ImagePreview = (props)=>{
+    const buttonRef = useRef(null);
+    const [isVisible, setIsVisible] = useState(false);
+    const [isError, setIsError] = useState(false);
+    const changeVisibility = (visible)=>{
+        setIsVisible(visible);
+        props.onVisibilityChange?.(visible);
+    };
+    const handleError = ()=>{
+        setIsError(true);
+    };
+    const handleLoad = ()=>{
+        setIsError(false);
+    };
+    return /*#__PURE__*/ jsxs("button", {
+        ref: buttonRef,
+        className: cn(LabelValueFile_module.button, LabelValueFile_module.independentButton, ImagePreview_module.imagePreviewButton),
+        onClick: (event)=>{
+            event.stopPropagation();
+            event.preventDefault();
+            changeVisibility(true);
+        },
+        "data-test-id": getOptionalTestId(props.testId, 'button'),
+        children: [
+            /*#__PURE__*/ jsx("img", {
+                "data-test-id": props.testId,
+                src: props.file.tinyImage ?? props.file.preview,
+                className: isError ? void 0 : ImagePreview_module.image,
+                onError: handleError,
+                onLoad: handleLoad
+            }),
+            /*#__PURE__*/ jsx("div", {
+                onClick: (event)=>event.stopPropagation(),
+                children: /*#__PURE__*/ jsx(FileUploaderImagePreviewModal, {
+                    testId: getOptionalTestId(props.testId, 'modal'),
+                    isVisible: isVisible,
+                    onClose: ()=>{
+                        changeVisibility(false);
+                        buttonRef.current?.focus();
+                    },
+                    imgSrc: props.file.preview
+                })
+            })
+        ]
+    });
+};
+export { ImagePreview };

package/dist/components/LabelValueFile/ImagePreview/ImagePreview.module.js

@@ -0,0 +1,6 @@
+import "./ImagePreview_module.css";
+const ImagePreview_module = {
+    image: "image-TUjHkb",
+    imagePreviewButton: "imagePreviewButton-zVgbzJ"
+};
+export default ImagePreview_module;

package/dist/components/LabelValueFile/ImagePreview/ImagePreview_module.css

@@ -0,0 +1,13 @@
+.image-TUjHkb {
+  all: unset;
+  cursor: pointer;
+  width: 16px;
+  height: 16px;
+}
+
+.imagePreviewButton-zVgbzJ {
+  all: unset;
+  align-items: center;
+  display: flex;
+}
+

package/dist/components/LabelValueFile/LabelValueFile.d.ts

@@ -0,0 +1,7 @@
+import { type IUseFileUploaderResult } from '../FileUploader/FileUploader';
+import { type SharedLabelValueProps } from '../LabelValue/LabelValue';
+export interface LabelValueFileProps extends Omit<SharedLabelValueProps, 'valueBlockContent' | 'dropdownClassName' | 'dropdownStyles' | 'onDropdownClose' | 'onChange'> {
+    fileUploader: IUseFileUploaderResult;
+    emptyText?: string;
+}
+export declare const LabelValueFile: ({ fileUploader, emptyText, ...props }: LabelValueFileProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/LabelValueFile/LabelValueFile.js

@@ -0,0 +1,42 @@
+import { jsx } from "react/jsx-runtime";
+import { useMemo, useRef } from "react";
+import { getOptionalTestId } from "../../common/index.js";
+import { FileUploader } from "../FileUploader/FileUploader.js";
+import { LabelValue } from "../LabelValue/LabelValue.js";
+import { ValueBlock } from "./ValueBlock/ValueBlock.js";
+import LabelValueFile_module from "./LabelValueFile.module.js";
+const LabelValueFile = ({ fileUploader, emptyText = 'Загрузить', ...props })=>{
+    const uploadedFile = useMemo(()=>fileUploader.files[0], [
+        fileUploader.files
+    ]);
+    const isEmpty = !uploadedFile;
+    const needOpenFileLoaderOnClick = isEmpty && !props.disabled;
+    const handleClick = (event)=>{
+        props.onClick?.(event);
+        if (needOpenFileLoaderOnClick) return void fileUploader.open();
+        downloadAnchorRef.current?.click();
+    };
+    const downloadAnchorRef = useRef(null);
+    return /*#__PURE__*/ jsx(LabelValue, {
+        ...props,
+        className: LabelValueFile_module.labelValueContainer,
+        value: uploadedFile?.preview ?? emptyText,
+        onClick: handleClick,
+        renderCustomValueBlock: (valueBlockProps)=>/*#__PURE__*/ jsx(FileUploader.Trigger, {
+                ...fileUploader.getInputProps(),
+                multiple: false,
+                children: /*#__PURE__*/ jsx(ValueBlock, {
+                    testId: getOptionalTestId(props.testId, 'value-block'),
+                    label: valueBlockProps.label,
+                    fileUploader: fileUploader,
+                    emptyText: emptyText,
+                    file: uploadedFile,
+                    disabled: valueBlockProps.disabled,
+                    error: valueBlockProps.error,
+                    downloadAnchorRef: downloadAnchorRef,
+                    needShowLabelTooltip: valueBlockProps.isNeedShowLabelTooltip
+                })
+            })
+    });
+};
+export { LabelValueFile };

package/dist/components/LabelValueFile/LabelValueFile.module.js

@@ -0,0 +1,12 @@
+import "./LabelValueFile_module.css";
+const LabelValueFile_module = {
+    button: "button-Zc4UKH",
+    empty: "empty-8Hb4FL",
+    disabled: "disabled-zkmcEm",
+    default: "default-Hmk1zy",
+    labelValueContainer: "labelValueContainer-dC8M8n",
+    independentButton: "independentButton-rhTGKT",
+    error: "error-Bl2Ors",
+    buttonText: "buttonText-tgGQM3"
+};
+export default LabelValueFile_module;

package/dist/components/LabelValueFile/LabelValueFile_module.css

@@ -0,0 +1,57 @@
+.button-Zc4UKH {
+  all: unset;
+  cursor: pointer;
+  align-items: center;
+  gap: 4px;
+  max-width: fit-content;
+  display: flex;
+  overflow: hidden;
+}
+
+.empty-8Hb4FL {
+  flex: 1;
+  max-width: 100%;
+}
+
+.disabled-zkmcEm.empty-8Hb4FL {
+  cursor: default;
+}
+
+.default-Hmk1zy, .labelValueContainer-dC8M8n:active:has(.independentButton-rhTGKT:active) .default-Hmk1zy {
+  color: var(--button-primary-normal);
+}
+
+.button-Zc4UKH:focus-visible {
+  outline: 1px solid var(--elements-hover);
+  outline-offset: -1px;
+}
+
+.default-Hmk1zy:hover {
+  color: var(--button-primary-hover);
+}
+
+.labelValueContainer-dC8M8n:active .default-Hmk1zy {
+  color: var(--button-primary-pressed);
+}
+
+.error-Bl2Ors {
+  color: var(--text-critical);
+}
+
+.disabled-zkmcEm {
+  color: var(--text-primary);
+}
+
+.buttonText-tgGQM3 {
+  white-space: nowrap;
+  text-overflow: ellipsis;
+  color: inherit;
+  text-decoration: none;
+  overflow: hidden;
+}
+
+.buttonText-tgGQM3:after {
+  content: "";
+  display: block;
+}
+

package/dist/components/LabelValueFile/ValueBlock/ValueBlock.d.ts

@@ -0,0 +1,15 @@
+import { type Ref } from 'react';
+import type { IFile, IUseFileUploaderResult } from '../../FileUploader/FileUploader';
+interface ValueBlockProps {
+    fileUploader: IUseFileUploaderResult;
+    label: string;
+    emptyText: string;
+    testId?: string;
+    file?: IFile;
+    downloadAnchorRef?: Ref<HTMLAnchorElement>;
+    disabled?: boolean;
+    error?: boolean;
+    needShowLabelTooltip?: () => boolean;
+}
+export declare const ValueBlock: (props: ValueBlockProps) => import("react/jsx-runtime").JSX.Element;
+export {};