@ozen-ui/kit 0.71.1 → 0.72.1

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';

package/__inner__/cjs/components/FileUploader/modules/FileUploaderLoader/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("./FileUploaderLoader"), exports);
+tslib_1.__exportStar(require("./types"), exports);

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

@@ -0,0 +1,11 @@
+import type { ComponentRef, ElementType, ReactNode } from 'react';
+import type { PolymorphicComponentPropsWithRef } from '../../../../utils/polymorphicComponentWithRef';
+import type { FILE_UPLOADER_LOADER_DEFAULT_TAG } from './constants';
+export type FileUploaderLoaderBaseProps = {
+    /** Текст */
+    text?: ReactNode;
+    /** data-атрибут для тестирования */
+    'data-testid'?: string;
+};
+export type FileUploaderLoaderProps<As extends ElementType = typeof FILE_UPLOADER_LOADER_DEFAULT_TAG> = PolymorphicComponentPropsWithRef<FileUploaderLoaderBaseProps, As>;
+export type FileUploaderLoaderRef<As extends ElementType = typeof FILE_UPLOADER_LOADER_DEFAULT_TAG> = ComponentRef<As>;

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

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

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

@@ -0,0 +1,2 @@
+import type { FileUploaderUploadButtonBaseProps } from './types';
+export declare const FileUploaderUploadButton: import("../../../../utils/polymorphicComponentWithRef").PolymorphicComponentWithRef<FileUploaderUploadButtonBaseProps, "button", "as">;

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

@@ -0,0 +1,27 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.FileUploaderUploadButton = void 0;
+var tslib_1 = require("tslib");
+var react_1 = tslib_1.__importDefault(require("react"));
+var useThemeProps_1 = require("../../../../hooks/useThemeProps");
+var polymorphicComponentWithRef_1 = require("../../../../utils/polymorphicComponentWithRef");
+var ButtonNext_1 = require("../../../ButtonNext");
+var context_1 = require("../../context");
+var constants_1 = require("./constants");
+exports.FileUploaderUploadButton = (0, polymorphicComponentWithRef_1.polymorphicComponentWithRef)(function (inProps, ref) {
+    var props = (0, useThemeProps_1.useThemeProps)({
+        props: inProps,
+        name: 'FileUploaderUploadButton',
+    });
+    var children = props.children, _a = props.as, as = _a === void 0 ? constants_1.FILE_UPLOADER_UPLOAD_BUTTON_DEFAULT_TAG : _a, onClick = props.onClick, disabled = props.disabled, _b = props.disableOpen, disableOpen = _b === void 0 ? constants_1.FILE_UPLOADER_UPLOAD_BUTTON_DEFAULT_DISABLE_OPEN : _b, other = tslib_1.__rest(props, ["children", "as", "onClick", "disabled", "disableOpen"]);
+    var _c = (0, context_1.useFileUploaderContext)(), openUploader = _c.openUploader, size = _c.size, status = _c.status;
+    return (react_1.default.createElement(ButtonNext_1.Button, tslib_1.__assign({}, other, { ref: ref, size: constants_1.FILE_UPLOADER_SIZE_TO_UPLOAD_BUTTON_SIZE[size], variant: "function", as: as, onClick: function (event) {
+            onClick === null || onClick === void 0 ? void 0 : onClick(event);
+            if (disableOpen) {
+                return;
+            }
+            event.stopPropagation();
+            openUploader();
+        }, disabled: status === 'disabled' || disabled }), children));
+});
+exports.FileUploaderUploadButton.displayName = 'FileUploaderUploadButton';

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

@@ -0,0 +1,5 @@
+import type { ButtonSize } from '../../../ButtonNext';
+import type { FileUploaderSizeVariant } from '../../entities';
+export declare const FILE_UPLOADER_UPLOAD_BUTTON_DEFAULT_TAG = "button";
+export declare const FILE_UPLOADER_UPLOAD_BUTTON_DEFAULT_DISABLE_OPEN = false;
+export declare const FILE_UPLOADER_SIZE_TO_UPLOAD_BUTTON_SIZE: Readonly<Record<FileUploaderSizeVariant, ButtonSize>>;

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

@@ -0,0 +1,11 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.FILE_UPLOADER_SIZE_TO_UPLOAD_BUTTON_SIZE = exports.FILE_UPLOADER_UPLOAD_BUTTON_DEFAULT_DISABLE_OPEN = exports.FILE_UPLOADER_UPLOAD_BUTTON_DEFAULT_TAG = void 0;
+var ButtonNext_1 = require("../../../ButtonNext");
+exports.FILE_UPLOADER_UPLOAD_BUTTON_DEFAULT_TAG = ButtonNext_1.BUTTON_DEFAULT_TAG;
+exports.FILE_UPLOADER_UPLOAD_BUTTON_DEFAULT_DISABLE_OPEN = false;
+exports.FILE_UPLOADER_SIZE_TO_UPLOAD_BUTTON_SIZE = {
+    s: 's',
+    m: 'm',
+    l: 'l',
+};

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

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

package/__inner__/cjs/components/FileUploader/modules/FileUploaderUploadButton/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("./FileUploaderUploadButton"), exports);
+tslib_1.__exportStar(require("./types"), exports);

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

@@ -0,0 +1,10 @@
+import type { ComponentRef, ElementType } from 'react';
+import type { WithPartial } from '../../../../types/object';
+import type { PolymorphicComponentPropsWithoutRef } from '../../../../utils/polymorphicComponentWithRef';
+import type { ButtonBaseProps } from '../../../ButtonNext';
+import type { FILE_UPLOADER_UPLOAD_BUTTON_DEFAULT_TAG } from './constants';
+export type FileUploaderUploadButtonBaseProps = WithPartial<Omit<ButtonBaseProps, 'size' | 'variant'>, 'children'> & {
+    disableOpen?: boolean;
+};
+export type FileUploaderUploadButtonProps<As extends ElementType = typeof FILE_UPLOADER_UPLOAD_BUTTON_DEFAULT_TAG> = PolymorphicComponentPropsWithoutRef<ButtonBaseProps, As>;
+export type FileUploaderUploadButtonRef<As extends ElementType = typeof FILE_UPLOADER_UPLOAD_BUTTON_DEFAULT_TAG> = ComponentRef<As>;

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

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

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

@@ -0,0 +1,6 @@
+export * from './FileUploaderDrop';
+export * from './FileUploaderInput';
+export * from './FileUploaderList';
+export * from './FileUploaderListItem';
+export * from './FileUploaderLoader';
+export * from './FileUploaderUploadButton';

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

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./FileUploaderDrop"), exports);
+tslib_1.__exportStar(require("./FileUploaderInput"), exports);
+tslib_1.__exportStar(require("./FileUploaderList"), exports);
+tslib_1.__exportStar(require("./FileUploaderListItem"), exports);
+tslib_1.__exportStar(require("./FileUploaderLoader"), exports);
+tslib_1.__exportStar(require("./FileUploaderUploadButton"), exports);