@ozen-ui/kit 0.71.0 → 0.72.0

package/__inner__/cjs/components/FileUploader/modules/FileUploaderDrop/FileUploaderDrop.css

@@ -0,0 +1,161 @@
+/* stylelint-disable */
+.FileUploaderDrop {
+  --file-uploader-drop-icon-color: var(--color-content-primary);
+  --file-uploader-drop-border-type: dashed;
+  --file-uploader-drop-border-size: 1px;
+  --file-uploader-drop-label-color: var(--color-content-primary);
+  --file-uploader-drop-hint-color: var(--color-content-secondary);
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  min-block-size: calc(var(--file-uploader-drop-min-block-size) + var(--file-uploader-drop-block-padding) * 2 + var(--file-uploader-drop-border-size) * 2);
+  padding-block: var(--file-uploader-drop-block-padding);
+  padding-inline: var(--file-uploader-drop-inline-padding);
+  border-radius: var(--border-radius-l);
+  border: var(--file-uploader-drop-border-size) var(--file-uploader-drop-border-type);
+  border-color: var(--file-uploader-drop-border-base-color);
+  background-color: var(--file-uploader-drop-background-base-color);
+  transition: border-color var(--transition-default), background-color var(--transition-default);
+  box-sizing: border-box;
+  justify-content: center;
+}
+.FileUploaderDrop_size_s {
+    --file-uploader-drop-min-block-size: 106px;
+    --file-uploader-drop-block-padding: var(--spacing-m);
+    --file-uploader-drop-inline-padding: var(--spacing-m);
+  }
+.FileUploaderDrop_size_s .FileUploaderDrop-Label {
+      font: var(--typography-text-s_1-font);
+      letter-spacing: var(--typography-text-s_1-letter_spacing, 0);
+      text-transform: var(--typography-text-s_1-text_transform, none);
+    }
+.FileUploaderDrop_size_s .FileUploaderDrop-Hint {
+      font: var(--typography-text-s-font);
+      letter-spacing: var(--typography-text-s-letter_spacing, 0);
+      text-transform: var(--typography-text-s-text_transform, none);
+    }
+.FileUploaderDrop_size_m {
+    --file-uploader-drop-min-block-size: 126px;
+    --file-uploader-drop-block-padding: var(--spacing-l);
+    --file-uploader-drop-inline-padding: var(--spacing-l);
+  }
+.FileUploaderDrop_size_m .FileUploaderDrop-Label {
+      font: var(--typography-text-m_1-font);
+      letter-spacing: var(--typography-text-m_1-letter_spacing, 0);
+      text-transform: var(--typography-text-m_1-text_transform, none);
+    }
+.FileUploaderDrop_size_m .FileUploaderDrop-Hint {
+      font: var(--typography-text-m-font);
+      letter-spacing: var(--typography-text-m-letter_spacing, 0);
+      text-transform: var(--typography-text-m-text_transform, none);
+    }
+.FileUploaderDrop_size_l {
+    --file-uploader-drop-min-block-size: 138px;
+    --file-uploader-drop-block-padding: var(--spacing-l);
+    --file-uploader-drop-inline-padding: var(--spacing-l);
+  }
+.FileUploaderDrop_size_l .FileUploaderDrop-Label {
+      font: var(--typography-text-l_1-font);
+      letter-spacing: var(--typography-text-l_1-letter_spacing, 0);
+      text-transform: var(--typography-text-l_1-text_transform, none);
+    }
+.FileUploaderDrop_size_l .FileUploaderDrop-Hint {
+      font: var(--typography-text-l-font);
+      letter-spacing: var(--typography-text-l-letter_spacing, 0);
+      text-transform: var(--typography-text-l-text_transform, none);
+    }
+.FileUploaderDrop_variant_main {
+    --file-uploader-drop-icon-background-color: var(--color-background-secondary);
+
+    /* Border */
+    --file-uploader-drop-border-base-color: var(--color-border-secondary);
+    --file-uploader-drop-border-hover-color: var(--color-border-secondary-hover);
+    --file-uploader-drop-border-pressed-color: var(--color-border-secondary-pressed);
+    --file-uploader-drop-border-drag-color: var(--color-border-action);
+
+    /* Background */
+    --file-uploader-drop-background-base-color: var(--color-background-main);
+    --file-uploader-drop-background-hover-color: var(--color-background-main-hover);
+    --file-uploader-drop-background-pressed-color: var(--color-background-main-hover);
+    --file-uploader-drop-background-drag-color: var(--color-background-main-pressed);
+  }
+.FileUploaderDrop_variant_primary {
+    --file-uploader-drop-icon-background-color: var(--color-background-tertiary);
+
+    /* Border */
+    --file-uploader-drop-border-base-color: var(--color-border-main);
+    --file-uploader-drop-border-hover-color: var(--color-border-main-hover);
+    --file-uploader-drop-border-pressed-color: var(--color-border-main-pressed);
+    --file-uploader-drop-border-drag-color: var(--color-border-action);
+
+    /* Background */
+    --file-uploader-drop-background-base-color: var(--color-background-primary);
+    --file-uploader-drop-background-hover-color: var(--color-background-primary-hover);
+    --file-uploader-drop-background-pressed-color: var(--color-background-primary-hover);
+    --file-uploader-drop-background-drag-color: var(--color-background-primary-pressed);
+  }
+.FileUploaderDrop_withReactionToClick {
+    cursor: pointer;
+  }
+.FileUploaderDrop_status_default.FileUploaderDrop:hover {
+    border-color: var(--file-uploader-drop-border-hover-color);
+    background-color: var(--file-uploader-drop-background-hover-color);
+  }
+.FileUploaderDrop_status_default.FileUploaderDrop:active {
+    border-color: var(--file-uploader-drop-border-pressed-color);
+    background-color: var(--file-uploader-drop-background-pressed-color);
+  }
+.FileUploaderDrop_dragging {
+    --file-uploader-drop-border-type: solid;
+    border-color: var(--file-uploader-drop-border-drag-color);
+    background-color: var(--file-uploader-drop-background-drag-color);
+  }
+.FileUploaderDrop_status_loading {
+    border-color: var(--file-uploader-drop-border-base-color);
+    background-color: var(--color-background-disabled);
+    cursor: wait;
+  }
+.FileUploaderDrop_status_error.FileUploaderDrop_variant_main {
+    border-color: var(--color-border-error);
+    background-color: var(--color-background-main)
+  }
+.FileUploaderDrop_status_error.FileUploaderDrop_variant_primary {
+    border-color: var(--color-border-error);
+    background-color: var(--color-background-primary)
+  }
+.FileUploaderDrop_status_disabled {
+    --file-uploader-drop-border-type: solid;
+    --file-uploader-drop-icon-color: var(--color-content-disabled);
+    --file-uploader-drop-label-color: var(--color-content-disabled);
+    --file-uploader-drop-hint-color: var(--color-content-disabled);
+    border-color: var(--color-border-disabled);
+    background-color: var(--color-background-disabled);
+    cursor: not-allowed;
+  }
+.FileUploaderDrop-Icon {
+    display: inline-flex;
+    justify-content: center;
+    align-items: center;
+    box-sizing: border-box;
+    border-radius: 100%;
+    padding: var(--spacing-2xs);
+    background-color: var(--file-uploader-drop-icon-background-color);
+    transition: background-color var(--transition-default);
+    color: var(--file-uploader-drop-icon-color);
+    margin-block-end: var(--spacing-2xs);
+    cursor: pointer;
+  }
+.FileUploaderDrop-Label {
+    color: var(--file-uploader-drop-label-color);
+    transition: color var(--transition-default);
+    text-align: center;
+  }
+.FileUploaderDrop-Hint {
+    margin-block-start: var(--spacing-3xs);
+    color: var(--file-uploader-drop-hint-color);
+    transition: color var(--transition-default);
+    text-align: center;
+  }
+.FileUploaderDrop-Button {
+    margin-block-start: var(--spacing-4xs);
+  }

package/__inner__/cjs/components/FileUploader/modules/FileUploaderDrop/FileUploaderDrop.d.ts

@@ -0,0 +1,3 @@
+import type { FileUploaderDropBaseProps } from './types';
+export declare const cnFileUploaderDrop: import("@bem-react/classname").ClassNameFormatter;
+export declare const FileUploaderDrop: import("../../../../utils/polymorphicComponentWithRef").PolymorphicComponentWithRef<FileUploaderDropBaseProps, "div", "as">;

package/__inner__/cjs/components/FileUploader/modules/FileUploaderDrop/FileUploaderDrop.js

@@ -0,0 +1,56 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.FileUploaderDrop = exports.cnFileUploaderDrop = void 0;
+var tslib_1 = require("tslib");
+var react_1 = tslib_1.__importStar(require("react"));
+var icons_1 = require("@ozen-ui/icons");
+var useMultiRef_1 = require("../../../../hooks/useMultiRef");
+var useThemeProps_1 = require("../../../../hooks/useThemeProps");
+var classname_1 = require("../../../../utils/classname");
+var polymorphicComponentWithRef_1 = require("../../../../utils/polymorphicComponentWithRef");
+var renderContent_1 = require("../../../../utils/renderContent");
+var context_1 = require("../../context");
+var hooks_1 = require("../../hooks");
+var FileUploaderLoader_1 = require("../FileUploaderLoader");
+var FileUploaderUploadButton_1 = require("../FileUploaderUploadButton");
+var constants_1 = require("./constants");
+exports.cnFileUploaderDrop = (0, classname_1.cn)('FileUploaderDrop');
+exports.FileUploaderDrop = (0, polymorphicComponentWithRef_1.polymorphicComponentWithRef)(function (inProps, ref) {
+    var props = (0, useThemeProps_1.useThemeProps)({
+        props: inProps,
+        name: 'FileUploaderDrop',
+    });
+    var children = props.children, className = props.className, _a = props.as, Tag = _a === void 0 ? constants_1.FILE_UPLOADER_DROP_DEFAULT_TAG : _a, label = props.label, hint = props.hint, _b = props.icon, icon = _b === void 0 ? icons_1.UploadIcon : _b, button = props.button, _c = props.withReactionToClick, withReactionToClick = _c === void 0 ? constants_1.FILE_UPLOADER_DROP_DEFAULT_WITH_REACTION_TO_CLICK : _c, _d = props.loader, loader = _d === void 0 ? react_1.default.createElement(FileUploaderLoader_1.FileUploaderLoader, null) : _d, other = tslib_1.__rest(props, ["children", "className", "as", "label", "hint", "icon", "button", "withReactionToClick", "loader"]);
+    var _e = (0, context_1.useFileUploaderContext)(), dragging = _e.dragging, size = _e.size, variant = _e.variant, status = _e.status, openUploader = _e.openUploader;
+    var internalRef = (0, react_1.useRef)(null);
+    (0, hooks_1.useAsFileUploaderDropZone)(internalRef, {
+        isWithReactionToClick: withReactionToClick,
+    });
+    var isLoading = status === 'loading';
+    return (react_1.default.createElement(Tag, tslib_1.__assign({}, other, { ref: (0, useMultiRef_1.useMultiRef)([ref, internalRef]), className: (0, exports.cnFileUploaderDrop)({
+            size: size,
+            dragging: dragging,
+            variant: variant,
+            status: status,
+            withReactionToClick: withReactionToClick,
+        }, [className]) }),
+        isLoading ? (loader) : (react_1.default.createElement(react_1.default.Fragment, null,
+            icon && (react_1.default.createElement("div", { className: (0, exports.cnFileUploaderDrop)('Icon') }, (0, renderContent_1.renderContent)({
+                content: icon,
+                props: {
+                    size: constants_1.FILE_UPLOADER_SIZE_TO_DROP_ICON_SIZE[size],
+                    onClick: function (event) {
+                        if (withReactionToClick) {
+                            return;
+                        }
+                        event.stopPropagation();
+                        openUploader();
+                    },
+                },
+            }))),
+            react_1.default.createElement("div", { className: (0, exports.cnFileUploaderDrop)('Label') }, label),
+            hint && react_1.default.createElement("div", { className: (0, exports.cnFileUploaderDrop)('Hint') }, hint),
+            button && (react_1.default.createElement(FileUploaderUploadButton_1.FileUploaderUploadButton, { className: (0, exports.cnFileUploaderDrop)('Button'), disableOpen: withReactionToClick }, button)))),
+        children));
+});
+exports.FileUploaderDrop.displayName = 'FileUploaderDrop';

package/__inner__/cjs/components/FileUploader/modules/FileUploaderDrop/constants.d.ts

@@ -0,0 +1,5 @@
+import type { IconSize } from '@ozen-ui/icons';
+import type { FileUploaderSizeVariant } from '../../entities';
+export declare const FILE_UPLOADER_DROP_DEFAULT_TAG = "div";
+export declare const FILE_UPLOADER_DROP_DEFAULT_WITH_REACTION_TO_CLICK = true;
+export declare const FILE_UPLOADER_SIZE_TO_DROP_ICON_SIZE: Readonly<Record<FileUploaderSizeVariant, IconSize>>;

package/__inner__/cjs/components/FileUploader/modules/FileUploaderDrop/constants.js

@@ -0,0 +1,10 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.FILE_UPLOADER_SIZE_TO_DROP_ICON_SIZE = exports.FILE_UPLOADER_DROP_DEFAULT_WITH_REACTION_TO_CLICK = exports.FILE_UPLOADER_DROP_DEFAULT_TAG = void 0;
+exports.FILE_UPLOADER_DROP_DEFAULT_TAG = 'div';
+exports.FILE_UPLOADER_DROP_DEFAULT_WITH_REACTION_TO_CLICK = true;
+exports.FILE_UPLOADER_SIZE_TO_DROP_ICON_SIZE = {
+    s: 's',
+    m: 'm',
+    l: 'm',
+};

package/__inner__/cjs/components/FileUploader/modules/FileUploaderDrop/index.d.ts

@@ -0,0 +1,3 @@
+export * from './constants';
+export * from './FileUploaderDrop';
+export * from './types';

package/__inner__/cjs/components/FileUploader/modules/FileUploaderDrop/index.js

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./constants"), exports);
+tslib_1.__exportStar(require("./FileUploaderDrop"), exports);
+tslib_1.__exportStar(require("./types"), exports);

package/__inner__/cjs/components/FileUploader/modules/FileUploaderDrop/types.d.ts

@@ -0,0 +1,24 @@
+import type { ComponentRef, ElementType, ReactNode } from 'react';
+import type { IconProps } from '@ozen-ui/icons';
+import type { PolymorphicComponentPropsWithRef } from '../../../../utils/polymorphicComponentWithRef';
+import type { RenderContentType } from '../../../../utils/renderContent';
+import type { FILE_UPLOADER_DROP_DEFAULT_TAG } from './constants';
+export type FileUploaderDropIcon = RenderContentType<IconProps>['content'];
+export type FileUploaderDropBaseProps = {
+    /** Иконка */
+    icon?: FileUploaderDropIcon | null;
+    /** Лейбл */
+    label: ReactNode;
+    /** Hint */
+    hint?: ReactNode;
+    /** Кнопка */
+    button?: ReactNode;
+    /** Если `true` реагирует на клик */
+    withReactionToClick?: boolean;
+    /** Компонент загрузки */
+    loader?: ReactNode;
+    /** Идентификатор компонента для тестов */
+    'data-testid'?: string;
+};
+export type FileUploaderDropProps<As extends ElementType = typeof FILE_UPLOADER_DROP_DEFAULT_TAG> = PolymorphicComponentPropsWithRef<FileUploaderDropBaseProps, As>;
+export type FileUploaderDropRef<As extends ElementType = typeof FILE_UPLOADER_DROP_DEFAULT_TAG> = ComponentRef<As>;

package/__inner__/cjs/components/FileUploader/modules/FileUploaderDrop/types.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/__inner__/cjs/components/FileUploader/modules/FileUploaderInput/FileUploaderInput.css

@@ -0,0 +1,3 @@
+.FileUploaderInput {
+  display: none;
+}

package/__inner__/cjs/components/FileUploader/modules/FileUploaderInput/FileUploaderInput.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+export declare const cnFileUploaderInput: import("@bem-react/classname").ClassNameFormatter;
+export declare const FileUploaderInput: React.ForwardRefExoticComponent<Omit<Omit<React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref">, "value" | "onChange" | "type" | "multiple" | "accept"> & {
+    'data-testid'?: string;
+} & React.RefAttributes<HTMLInputElement>>;

package/__inner__/cjs/components/FileUploader/modules/FileUploaderInput/FileUploaderInput.js

@@ -0,0 +1,45 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.FileUploaderInput = exports.cnFileUploaderInput = void 0;
+var tslib_1 = require("tslib");
+var react_1 = tslib_1.__importStar(require("react"));
+var useMultiRef_1 = require("../../../../hooks/useMultiRef");
+var useThemeProps_1 = require("../../../../hooks/useThemeProps");
+var classname_1 = require("../../../../utils/classname");
+var context_1 = require("../../context");
+var utils_1 = require("../../utils");
+exports.cnFileUploaderInput = (0, classname_1.cn)('FileUploaderInput');
+exports.FileUploaderInput = (0, react_1.forwardRef)(function (inProps, ref) {
+    var props = (0, useThemeProps_1.useThemeProps)({
+        props: inProps,
+        name: 'FileUploaderInput',
+    });
+    var className = props.className, other = tslib_1.__rest(props, ["className"]);
+    var internalInputRef = (0, react_1.useRef)(null);
+    var _a = (0, context_1.useFileUploaderContext)(), files = _a.files, inputRef = _a.inputRef, setFiles = _a.setFiles, accept = _a.accept, multiple = _a.multiple, calculateAllow = _a.calculateAllow, onAllowUploadChange = _a.onAllowUploadChange;
+    (0, react_1.useEffect)(function () {
+        if (!internalInputRef.current) {
+            return;
+        }
+        if (typeof DataTransfer === 'undefined') {
+            return;
+        }
+        var dataTransfer = new DataTransfer();
+        files.forEach(function (file) { return dataTransfer.items.add(file); });
+        internalInputRef.current.files = dataTransfer.files;
+    }, [files]);
+    return (react_1.default.createElement("input", tslib_1.__assign({}, other, { className: (0, exports.cnFileUploaderInput)('', [className]), type: "file", accept: accept, multiple: multiple, ref: (0, useMultiRef_1.useMultiRef)([internalInputRef, inputRef, ref]), onChange: function (event) {
+            var rawFiles = event.target.files;
+            if (!rawFiles) {
+                return;
+            }
+            var arrayRawFiles = Array.from(rawFiles);
+            var calculatedAllow = calculateAllow(arrayRawFiles);
+            onAllowUploadChange(calculatedAllow.isAllow, calculatedAllow.failed);
+            if (!calculatedAllow.isAllow) {
+                return;
+            }
+            setFiles((0, utils_1.mergeFiles)(files, arrayRawFiles));
+        } })));
+});
+exports.FileUploaderInput.displayName = 'FileUploaderInput';

package/__inner__/cjs/components/FileUploader/modules/FileUploaderInput/index.d.ts

@@ -0,0 +1,2 @@
+export * from './FileUploaderInput';
+export * from './types';

package/__inner__/cjs/components/FileUploader/modules/FileUploaderInput/index.js

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./FileUploaderInput"), exports);
+tslib_1.__exportStar(require("./types"), exports);

package/__inner__/cjs/components/FileUploader/modules/FileUploaderInput/types.d.ts

@@ -0,0 +1,5 @@
+import type { ComponentPropsWithoutRef } from 'react';
+export type FileUploaderInputProps = Omit<ComponentPropsWithoutRef<'input'>, 'value' | 'onChange' | 'type' | 'multiple' | 'accept'> & {
+    /** Идентификатор компонента для тестов */
+    'data-testid'?: string;
+};

package/__inner__/cjs/components/FileUploader/modules/FileUploaderInput/types.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/__inner__/cjs/components/FileUploader/modules/FileUploaderList/FileUploaderList.css

@@ -0,0 +1,4 @@
+.FileUploaderList {
+  padding: 0;
+  margin: 0;
+}

package/__inner__/cjs/components/FileUploader/modules/FileUploaderList/FileUploaderList.d.ts

@@ -0,0 +1,3 @@
+import type { FileUploaderListBaseProps } from './types';
+export declare const cnFileUploaderList: import("@bem-react/classname").ClassNameFormatter;
+export declare const FileUploaderList: import("../../../../utils/polymorphicComponentWithRef").PolymorphicComponentWithRef<FileUploaderListBaseProps, "ul", "as">;

package/__inner__/cjs/components/FileUploader/modules/FileUploaderList/FileUploaderList.js

@@ -0,0 +1,36 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.FileUploaderList = exports.cnFileUploaderList = void 0;
+var tslib_1 = require("tslib");
+var react_1 = tslib_1.__importDefault(require("react"));
+var icons_1 = require("@ozen-ui/icons");
+var useThemeProps_1 = require("../../../../hooks/useThemeProps");
+var classname_1 = require("../../../../utils/classname");
+var polymorphicComponentWithRef_1 = require("../../../../utils/polymorphicComponentWithRef");
+var FileNext_1 = require("../../../FileNext");
+var Stack_1 = require("../../../Stack");
+var context_1 = require("../../context");
+var FileUploaderListItem_1 = require("../FileUploaderListItem");
+var constants_1 = require("./constants");
+exports.cnFileUploaderList = (0, classname_1.cn)('FileUploaderList');
+exports.FileUploaderList = (0, polymorphicComponentWithRef_1.polymorphicComponentWithRef)(function (inProps, ref) {
+    var props = (0, useThemeProps_1.useThemeProps)({
+        props: inProps,
+        name: 'FileUploaderList',
+    });
+    var _a = props.as, as = _a === void 0 ? constants_1.FILE_UPLOADER_LIST_DEFAULT_TAG : _a, className = props.className, renderItem = props.renderItem, other = tslib_1.__rest(props, ["as", "className", "renderItem"]);
+    var _b = (0, context_1.useFileUploaderContext)(), filesInfos = _b.filesInfos, deleteFile = _b.deleteFile;
+    if (filesInfos.length === 0) {
+        return null;
+    }
+    var renderItemDefault = function (info) {
+        var _a, _b;
+        return (react_1.default.createElement(FileUploaderListItem_1.FileUploaderListItem, { key: info.id, file: (_a = info.format) !== null && _a !== void 0 ? _a : react_1.default.createElement(icons_1.DownloadFileIcon, null), status: constants_1.FILE_UPLOADER_FILE_STATUS_TO_LIST_FILE_STATUS[info.status], hint: info.status === 'error'
+                ? (_b = info.errorMessage) !== null && _b !== void 0 ? _b : info.description
+                : info.description, trailing: react_1.default.createElement(FileNext_1.FileIconButton, { icon: icons_1.DeleteIcon, onClick: function () { return deleteFile(info); }, disabled: info.status === 'loading' }) }, info.name));
+    };
+    return (react_1.default.createElement(Stack_1.Stack, tslib_1.__assign({}, other, { as: as, className: (0, exports.cnFileUploaderList)('', [className]), gap: "xs", direction: "column", ref: ref }), filesInfos.map(function (info) {
+        return renderItem ? renderItem(info) : renderItemDefault(info);
+    })));
+});
+exports.FileUploaderList.displayName = 'FileUploaderList';

package/__inner__/cjs/components/FileUploader/modules/FileUploaderList/constants.d.ts

@@ -0,0 +1,4 @@
+import type { FileStatusVariant } from '../../../FileNext';
+import type { FileUploaderFileStatus } from '../../entities';
+export declare const FILE_UPLOADER_LIST_DEFAULT_TAG = "ul";
+export declare const FILE_UPLOADER_FILE_STATUS_TO_LIST_FILE_STATUS: Readonly<Record<FileUploaderFileStatus, FileStatusVariant>>;

package/__inner__/cjs/components/FileUploader/modules/FileUploaderList/constants.js

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.FILE_UPLOADER_FILE_STATUS_TO_LIST_FILE_STATUS = exports.FILE_UPLOADER_LIST_DEFAULT_TAG = void 0;
+exports.FILE_UPLOADER_LIST_DEFAULT_TAG = 'ul';
+exports.FILE_UPLOADER_FILE_STATUS_TO_LIST_FILE_STATUS = {
+    loaded: 'default',
+    loading: 'loading',
+    error: 'error',
+};

package/__inner__/cjs/components/FileUploader/modules/FileUploaderList/entities/index.d.ts

@@ -0,0 +1 @@
+export * from './renderItem';

package/__inner__/cjs/components/FileUploader/modules/FileUploaderList/entities/index.js

@@ -0,0 +1,4 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./renderItem"), exports);

package/__inner__/cjs/components/FileUploader/modules/FileUploaderList/entities/renderItem.d.ts

@@ -0,0 +1,3 @@
+import type { ReactNode } from 'react';
+import type { FileUploaderFileInfo } from '../../../entities';
+export type FileUploaderListRenderItem = (fileInfo: FileUploaderFileInfo) => ReactNode;

package/__inner__/cjs/components/FileUploader/modules/FileUploaderList/entities/renderItem.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/__inner__/cjs/components/FileUploader/modules/FileUploaderList/index.d.ts

@@ -0,0 +1,4 @@
+export * from './entities';
+export * from './constants';
+export * from './FileUploaderList';
+export * from './types';

package/__inner__/cjs/components/FileUploader/modules/FileUploaderList/index.js

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./entities"), exports);
+tslib_1.__exportStar(require("./constants"), exports);
+tslib_1.__exportStar(require("./FileUploaderList"), exports);
+tslib_1.__exportStar(require("./types"), exports);

package/__inner__/cjs/components/FileUploader/modules/FileUploaderList/types.d.ts

@@ -0,0 +1,12 @@
+import type { ComponentRef, ElementType } from 'react';
+import type { PolymorphicComponentPropsWithRef } from '../../../../utils/polymorphicComponentWithRef';
+import type { FILE_UPLOADER_LIST_DEFAULT_TAG } from './constants';
+import type { FileUploaderListRenderItem } from './entities';
+export type FileUploaderListBaseProps = {
+    /** Функция для рендера элемента списка */
+    renderItem?: FileUploaderListRenderItem;
+    /** Идентификатор компонента для тестов */
+    'data-testid'?: string;
+};
+export type FileUploaderListProps<As extends ElementType = typeof FILE_UPLOADER_LIST_DEFAULT_TAG> = PolymorphicComponentPropsWithRef<FileUploaderListBaseProps, As>;
+export type FileUploaderListRef<As extends ElementType = typeof FILE_UPLOADER_LIST_DEFAULT_TAG> = ComponentRef<As>;

package/__inner__/cjs/components/FileUploader/modules/FileUploaderList/types.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/__inner__/cjs/components/FileUploader/modules/FileUploaderListItem/FileUploaderListItem.d.ts

@@ -0,0 +1,3 @@
+import type { FileUploaderListItemBaseProps } from './types';
+export declare const cnFileUploaderListItem: import("@bem-react/classname").ClassNameFormatter;
+export declare const FileUploaderListItem: import("../../../../utils/polymorphicComponentWithRef").PolymorphicComponentWithRef<FileUploaderListItemBaseProps, "li", "as">;

package/__inner__/cjs/components/FileUploader/modules/FileUploaderListItem/FileUploaderListItem.js

@@ -0,0 +1,22 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.FileUploaderListItem = exports.cnFileUploaderListItem = void 0;
+var tslib_1 = require("tslib");
+var react_1 = tslib_1.__importDefault(require("react"));
+var useThemeProps_1 = require("../../../../hooks/useThemeProps");
+var classname_1 = require("../../../../utils/classname");
+var polymorphicComponentWithRef_1 = require("../../../../utils/polymorphicComponentWithRef");
+var FileNext_1 = require("../../../FileNext");
+var context_1 = require("../../context");
+var constants_1 = require("./constants");
+exports.cnFileUploaderListItem = (0, classname_1.cn)('FileUploaderListItem');
+exports.FileUploaderListItem = (0, polymorphicComponentWithRef_1.polymorphicComponentWithRef)(function (inProps, ref) {
+    var props = (0, useThemeProps_1.useThemeProps)({
+        props: inProps,
+        name: 'FileUploaderListItem',
+    });
+    var _a = props.as, as = _a === void 0 ? constants_1.FILE_UPLOADER_LIST_ITEM_DEFAULT_TAG : _a, className = props.className, children = props.children, other = tslib_1.__rest(props, ["as", "className", "children"]);
+    var size = (0, context_1.useFileUploaderContext)().size;
+    return (react_1.default.createElement(FileNext_1.File, tslib_1.__assign({}, other, { as: as, ref: ref, className: (0, exports.cnFileUploaderListItem)('', [className]), size: constants_1.FILE_UPLOADER_SIZE_TO_LIST_FILE_SIZE[size] }), children));
+});
+exports.FileUploaderListItem.displayName = 'FileUploaderListItem';

package/__inner__/cjs/components/FileUploader/modules/FileUploaderListItem/constants.d.ts

@@ -0,0 +1,4 @@
+import type { FileSizeVariant } from '../../../FileNext';
+import type { FileUploaderSizeVariant } from '../../entities';
+export declare const FILE_UPLOADER_LIST_ITEM_DEFAULT_TAG = "li";
+export declare const FILE_UPLOADER_SIZE_TO_LIST_FILE_SIZE: Readonly<Record<FileUploaderSizeVariant, FileSizeVariant>>;

package/__inner__/cjs/components/FileUploader/modules/FileUploaderListItem/constants.js

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.FILE_UPLOADER_SIZE_TO_LIST_FILE_SIZE = exports.FILE_UPLOADER_LIST_ITEM_DEFAULT_TAG = void 0;
+exports.FILE_UPLOADER_LIST_ITEM_DEFAULT_TAG = 'li';
+exports.FILE_UPLOADER_SIZE_TO_LIST_FILE_SIZE = {
+    s: 'm',
+    m: 'm',
+    l: 'l',
+};

package/__inner__/cjs/components/FileUploader/modules/FileUploaderListItem/index.d.ts

@@ -0,0 +1,3 @@
+export * from './constants';
+export * from './FileUploaderListItem';
+export * from './types';

package/__inner__/cjs/components/FileUploader/modules/FileUploaderListItem/index.js

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./constants"), exports);
+tslib_1.__exportStar(require("./FileUploaderListItem"), exports);
+tslib_1.__exportStar(require("./types"), exports);

package/__inner__/cjs/components/FileUploader/modules/FileUploaderListItem/types.d.ts

@@ -0,0 +1,7 @@
+import type { ComponentRef, ElementType } from 'react';
+import type { PolymorphicComponentPropsWithRef } from '../../../../utils/polymorphicComponentWithRef';
+import type { FileBaseProps } from '../../../FileNext';
+import type { FILE_UPLOADER_LIST_ITEM_DEFAULT_TAG } from './constants';
+export type FileUploaderListItemBaseProps = Omit<FileBaseProps, 'size'>;
+export type FileUploaderListItemProps<As extends ElementType = typeof FILE_UPLOADER_LIST_ITEM_DEFAULT_TAG> = PolymorphicComponentPropsWithRef<FileUploaderListItemBaseProps, As>;
+export type FileUploaderListItemRef<As extends ElementType = typeof FILE_UPLOADER_LIST_ITEM_DEFAULT_TAG> = ComponentRef<As>;

package/__inner__/cjs/components/FileUploader/modules/FileUploaderListItem/types.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/__inner__/cjs/components/FileUploader/modules/FileUploaderLoader/FileUploaderLoader.css

@@ -0,0 +1,12 @@
+.FileUploaderLoader {
+  --file-uploader-loader-color: var(--color-content-disabled);
+  display: flex;
+}
+
+  .FileUploaderLoader-Loader {
+    color: var(--file-uploader-loader-color)
+  }
+
+  .FileUploaderLoader-Text {
+    color: var(--file-uploader-loader-color);
+  }

package/__inner__/cjs/components/FileUploader/modules/FileUploaderLoader/FileUploaderLoader.d.ts

@@ -0,0 +1,3 @@
+import type { FileUploaderLoaderBaseProps } from './types';
+export declare const cnFileUploaderLoader: import("@bem-react/classname").ClassNameFormatter;
+export declare const FileUploaderLoader: import("../../../../utils/polymorphicComponentWithRef").PolymorphicComponentWithRef<FileUploaderLoaderBaseProps, "div", "as">;

package/__inner__/cjs/components/FileUploader/modules/FileUploaderLoader/FileUploaderLoader.js

@@ -0,0 +1,25 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.FileUploaderLoader = exports.cnFileUploaderLoader = void 0;
+var tslib_1 = require("tslib");
+var react_1 = tslib_1.__importDefault(require("react"));
+var useThemeProps_1 = require("../../../../hooks/useThemeProps");
+var classname_1 = require("../../../../utils/classname");
+var polymorphicComponentWithRef_1 = require("../../../../utils/polymorphicComponentWithRef");
+var Loader_1 = require("../../../Loader");
+var Stack_1 = require("../../../Stack");
+var context_1 = require("../../context");
+var constants_1 = require("./constants");
+exports.cnFileUploaderLoader = (0, classname_1.cn)('FileUploaderLoader');
+exports.FileUploaderLoader = (0, polymorphicComponentWithRef_1.polymorphicComponentWithRef)(function (inProps, ref) {
+    var props = (0, useThemeProps_1.useThemeProps)({
+        props: inProps,
+        name: 'FileUploaderLoader',
+    });
+    var text = props.text, _a = props.as, as = _a === void 0 ? constants_1.FILE_UPLOADER_LOADER_DEFAULT_TAG : _a, className = props.className, other = tslib_1.__rest(props, ["text", "as", "className"]);
+    var size = (0, context_1.useFileUploaderContext)().size;
+    return (react_1.default.createElement(Stack_1.Stack, tslib_1.__assign({}, other, { as: as, ref: ref, className: (0, exports.cnFileUploaderLoader)({ size: size }, [className]), direction: "column", justify: "center", align: "center", gap: "s" }),
+        react_1.default.createElement(Loader_1.Loader, { className: (0, exports.cnFileUploaderLoader)('Loader'), size: constants_1.FILE_UPLOADER_SIZE_TO_LOADER_SIZE[size] }),
+        react_1.default.createElement("div", { className: (0, exports.cnFileUploaderLoader)('Text') }, text)));
+});
+exports.FileUploaderLoader.displayName = 'FileUploaderLoader';

package/__inner__/cjs/components/FileUploader/modules/FileUploaderLoader/constants.d.ts

@@ -0,0 +1,4 @@
+import type { LoaderSizeVariant } from '../../../Loader';
+import type { FileUploaderSizeVariant } from '../../entities';
+export declare const FILE_UPLOADER_LOADER_DEFAULT_TAG = "div";
+export declare const FILE_UPLOADER_SIZE_TO_LOADER_SIZE: Readonly<Record<FileUploaderSizeVariant, LoaderSizeVariant>>;

package/__inner__/cjs/components/FileUploader/modules/FileUploaderLoader/constants.js

@@ -0,0 +1,10 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.FILE_UPLOADER_SIZE_TO_LOADER_SIZE = exports.FILE_UPLOADER_LOADER_DEFAULT_TAG = void 0;
+var Stack_1 = require("../../../Stack");
+exports.FILE_UPLOADER_LOADER_DEFAULT_TAG = Stack_1.STACK_DEFAULT_TAG;
+exports.FILE_UPLOADER_SIZE_TO_LOADER_SIZE = {
+    s: 's',
+    m: 'm',
+    l: 'l',
+};

package/__inner__/cjs/components/FileUploader/modules/FileUploaderLoader/index.d.ts

@@ -0,0 +1,3 @@
+export * from './constants';
+export * from './FileUploaderLoader';
+export * from './types';