@ozen-ui/kit 0.71.1 → 0.72.0

package/__inner__/esm/components/FileNext/File.css

@@ -0,0 +1,99 @@
+/* stylelint-disable */
+.FileNext {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: var(--file-gap);
+  box-sizing: border-box;
+  block-size: var(--file-block-size);
+  margin-block: var(--file-block-margin);
+}
+.FileNext-ContentMain {
+    color: var(--file-content-color);
+    transition: color var(--transition-default);
+  }
+.FileNext-Hint {
+    color: var(--file-hint-color);
+    transition: color var(--transition-default);
+  }
+.FileNext-Main {
+    display: flex;
+    align-items: center;
+    gap: var(--file-gap);
+  }
+.FileNext-Trailing {
+    display: flex;
+    align-items: center;
+  }
+.FileNext_status_default {
+    --file-content-color: var(--color-content-primary);
+    --file-hint-color: var(--color-content-secondary);
+  }
+.FileNext_status_loading {
+    --file-content-color: var(--color-content-disabled);
+    --file-hint-color: var(--color-content-secondary);
+  }
+.FileNext_status_error {
+    --file-content-color: var(--color-content-primary);
+    --file-hint-color: var(--color-content-error);
+  }
+.FileNext_size_xs {
+    --file-gap: var(--spacing-2xs);
+    --file-block-size: 40px;
+    --file-block-margin: 0;
+  }
+.FileNext_size_xs .FileNext-ContentMain {
+      font: var(--typography-text-xs-font);
+      letter-spacing: var(--typography-text-xs-letter_spacing, 0);
+      text-transform: var(--typography-text-xs-text_transform, none);
+    }
+.FileNext_size_xs .FileNext-Hint {
+      font: var(--typography-text-3xs-font);
+      letter-spacing: var(--typography-text-3xs-letter_spacing, 0);
+      text-transform: var(--typography-text-3xs-text_transform, none);
+    }
+.FileNext_size_s {
+    --file-gap: var(--spacing-xs);
+    --file-block-size: 40px;
+    --file-block-margin: var(--spacing-3xs);
+  }
+.FileNext_size_s .FileNext-ContentMain {
+      font: var(--typography-text-s-font);
+      letter-spacing: var(--typography-text-s-letter_spacing, 0);
+      text-transform: var(--typography-text-s-text_transform, none);
+    }
+.FileNext_size_s .FileNext-Hint {
+      font: var(--typography-text-3xs-font);
+      letter-spacing: var(--typography-text-3xs-letter_spacing, 0);
+      text-transform: var(--typography-text-3xs-text_transform, none);
+    }
+.FileNext_size_m {
+    --file-gap: var(--spacing-xs);
+    --file-block-size: 40px;
+    --file-block-margin: var(--spacing-2xs);
+  }
+.FileNext_size_m .FileNext-ContentMain {
+      font: var(--typography-text-m-font);
+      letter-spacing: var(--typography-text-m-letter_spacing, 0);
+      text-transform: var(--typography-text-m-text_transform, none);
+    }
+.FileNext_size_m .FileNext-Hint {
+      font: var(--typography-text-2xs-font);
+      letter-spacing: var(--typography-text-2xs-letter_spacing, 0);
+      text-transform: var(--typography-text-2xs-text_transform, none);
+    }
+.FileNext_size_l {
+    --file-gap: var(--spacing-s);
+    --file-block-size: 48px;
+    --file-block-margin: var(--spacing-2xs);
+  }
+.FileNext_size_l .FileNext-ContentMain {
+      font: var(--typography-text-l-font);
+      letter-spacing: var(--typography-text-l-letter_spacing, 0);
+      text-transform: var(--typography-text-l-text_transform, none);
+    }
+.FileNext_size_l .FileNext-Hint {
+      font: var(--typography-text-xs-font);
+      letter-spacing: var(--typography-text-xs-letter_spacing, 0);
+      text-transform: var(--typography-text-xs-text_transform, none);
+    }

package/__inner__/esm/components/FileNext/File.d.ts

@@ -0,0 +1,4 @@
+import './File.css';
+import type { FileBaseProps } from './types';
+export declare const cnFile: import("@bem-react/classname").ClassNameFormatter;
+export declare const File: import("../../utils/polymorphicComponentWithRef").PolymorphicComponentWithRef<FileBaseProps, "div", "as">;

package/__inner__/esm/components/FileNext/File.js

@@ -0,0 +1,30 @@
+import { __assign, __rest } from "tslib";
+import './File.css';
+import React from 'react';
+import { useThemeProps } from '../../hooks/useThemeProps';
+import { cn } from '../../utils/classname';
+import { polymorphicComponentWithRef } from '../../utils/polymorphicComponentWithRef';
+import { FileIcon } from '../FileIcon';
+import { Stack } from '../Stack';
+import { FILE_DEFAULT_SIZE, FILE_DEFAULT_STATUS, FILE_DEFAULT_TAG, } from './constants';
+import { FileContext } from './FileContext';
+export var cnFile = cn('FileNext');
+export var File = polymorphicComponentWithRef(function (inProps, ref) {
+    var props = useThemeProps({
+        props: inProps,
+        name: 'FileNext',
+    });
+    var className = props.className, children = props.children, hint = props.hint, _a = props.as, Tag = _a === void 0 ? FILE_DEFAULT_TAG : _a, _b = props.status, status = _b === void 0 ? FILE_DEFAULT_STATUS : _b, file = props.file, _c = props.size, size = _c === void 0 ? FILE_DEFAULT_SIZE : _c, trailing = props.trailing, other = __rest(props, ["className", "children", "hint", "as", "status", "file", "size", "trailing"]);
+    return (React.createElement(FileContext.Provider, { value: { size: size } },
+        React.createElement(Tag, __assign({}, other, { ref: ref, className: cnFile({
+                status: status,
+                size: size,
+            }, [className]) }),
+            React.createElement("div", { className: cnFile('Main') },
+                React.createElement(FileIcon, { size: "xs", status: status }, file),
+                React.createElement(Stack, { className: cnFile('Content'), direction: "column", justify: "center" },
+                    React.createElement("div", { className: cnFile('ContentMain') }, children),
+                    hint && React.createElement("div", { className: cnFile('Hint') }, hint))),
+            trailing && React.createElement("div", { className: cnFile('Trailing') }, trailing))));
+});
+File.displayName = 'File';

package/__inner__/esm/components/FileNext/FileContext.d.ts

@@ -0,0 +1,7 @@
+import type { FileSizeVariant } from './entities';
+export type FileContextValue = {
+    size: FileSizeVariant;
+};
+export declare const FileContextDefaultValue: FileContextValue;
+export declare const FileContext: import("react").Context<FileContextValue>;
+export declare const useFileContext: () => FileContextValue;

package/__inner__/esm/components/FileNext/FileContext.js

@@ -0,0 +1,12 @@
+import { useContext, createContext } from 'react';
+import { isDev } from '../../constants/environment';
+import { FILE_DEFAULT_SIZE } from './constants';
+export var FileContextDefaultValue = {
+    size: FILE_DEFAULT_SIZE,
+};
+export var FileContext = createContext(FileContextDefaultValue);
+export var useFileContext = function () { return useContext(FileContext); };
+// Именованный провайдер
+if (isDev) {
+    FileContext.displayName = 'FileContext';
+}

package/__inner__/esm/components/FileNext/constants.d.ts

@@ -0,0 +1,3 @@
+export declare const FILE_DEFAULT_TAG = "div";
+export declare const FILE_DEFAULT_STATUS = "default";
+export declare const FILE_DEFAULT_SIZE = "m";

package/__inner__/esm/components/FileNext/constants.js

@@ -0,0 +1,3 @@
+export var FILE_DEFAULT_TAG = 'div';
+export var FILE_DEFAULT_STATUS = 'default';
+export var FILE_DEFAULT_SIZE = 'm';

package/__inner__/esm/components/FileNext/entities/index.d.ts

@@ -0,0 +1,2 @@
+export * from './size';
+export * from './status';

package/__inner__/esm/components/FileNext/entities/index.js

@@ -0,0 +1,2 @@
+export * from './size';
+export * from './status';

package/__inner__/esm/components/FileNext/entities/size.d.ts

@@ -0,0 +1,2 @@
+export declare const fileSizeVariant: readonly ["xs", "s", "m", "l"];
+export type FileSizeVariant = (typeof fileSizeVariant)[number];

package/__inner__/esm/components/FileNext/entities/size.js

@@ -0,0 +1 @@
+export var fileSizeVariant = ['xs', 's', 'm', 'l'];

package/__inner__/esm/components/FileNext/entities/status.d.ts

@@ -0,0 +1,2 @@
+export declare const fileStatusVariant: readonly ["default", "loading", "error"];
+export type FileStatusVariant = (typeof fileStatusVariant)[number];

package/__inner__/esm/components/FileNext/entities/status.js

@@ -0,0 +1 @@
+export var fileStatusVariant = ['default', 'loading', 'error'];

package/__inner__/esm/components/FileNext/index.d.ts

@@ -0,0 +1,6 @@
+export * from './entities';
+export * from './modules';
+export * from './constants';
+export * from './File';
+export * from './FileContext';
+export * from './types';

package/__inner__/esm/components/FileNext/index.js

@@ -0,0 +1,6 @@
+export * from './entities';
+export * from './modules';
+export * from './constants';
+export * from './File';
+export * from './FileContext';
+export * from './types';

package/__inner__/esm/components/FileNext/modules/FileIconButton/FileIconButton.d.ts

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

package/__inner__/esm/components/FileNext/modules/FileIconButton/FileIconButton.js

@@ -0,0 +1,17 @@
+import { __assign, __rest } from "tslib";
+import React from 'react';
+import { useThemeProps } from '../../../../hooks/useThemeProps';
+import { polymorphicComponentWithRef } from '../../../../utils/polymorphicComponentWithRef';
+import { IconButton } from '../../../IconButtonNext';
+import { useFileContext } from '../../FileContext';
+import { FILE_ICON_BUTTON_DEFAULT_TAG } from './constants';
+export var FileIconButton = polymorphicComponentWithRef(function (inProps, ref) {
+    var props = useThemeProps({
+        props: inProps,
+        name: 'FileIconButton',
+    });
+    var _a = props.as, as = _a === void 0 ? FILE_ICON_BUTTON_DEFAULT_TAG : _a, other = __rest(props, ["as"]);
+    var size = useFileContext().size;
+    return (React.createElement(IconButton, __assign({}, other, { as: as, ref: ref, size: size, compressed: true })));
+});
+FileIconButton.displayName = 'FileIconButton';

package/__inner__/esm/components/FileNext/modules/FileIconButton/constants.d.ts

@@ -0,0 +1 @@
+export declare const FILE_ICON_BUTTON_DEFAULT_TAG = "button";

package/__inner__/esm/components/FileNext/modules/FileIconButton/constants.js

@@ -0,0 +1,2 @@
+import { ICON_BUTTON_DEFAULT_TAG } from '../../../IconButtonNext';
+export var FILE_ICON_BUTTON_DEFAULT_TAG = ICON_BUTTON_DEFAULT_TAG;

package/__inner__/esm/components/FileNext/modules/FileIconButton/index.d.ts

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

package/__inner__/esm/components/FileNext/modules/FileIconButton/index.js

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

package/__inner__/esm/components/FileNext/modules/FileIconButton/types.d.ts

@@ -0,0 +1,7 @@
+import type { ComponentRef, ElementType } from 'react';
+import type { PolymorphicComponentPropsWithoutRef } from '../../../../utils/polymorphicComponentWithRef';
+import type { IconButtonBaseProps } from '../../../IconButtonNext';
+import type { FILE_ICON_BUTTON_DEFAULT_TAG } from './constants';
+export type FileIconButtonBaseProps = Omit<IconButtonBaseProps, 'size'>;
+export type FileIconButtonProps<As extends ElementType = typeof FILE_ICON_BUTTON_DEFAULT_TAG> = PolymorphicComponentPropsWithoutRef<FileIconButtonBaseProps, As>;
+export type FileIconButtonRef<As extends ElementType = typeof FILE_ICON_BUTTON_DEFAULT_TAG> = ComponentRef<As>;

package/__inner__/esm/components/FileNext/modules/FileIconButton/types.js

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

package/__inner__/esm/components/FileNext/modules/index.d.ts

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

package/__inner__/esm/components/FileNext/modules/index.js

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

package/__inner__/esm/components/FileNext/types.d.ts

@@ -0,0 +1,20 @@
+import type { ComponentRef, ElementType, PropsWithChildren, ReactNode } from 'react';
+import type { PolymorphicComponentPropsWithoutRef } from '../../utils/polymorphicComponentWithRef';
+import type { FILE_DEFAULT_TAG } from './constants';
+import type { FileSizeVariant, FileStatusVariant } from './entities';
+export type FileBaseProps = PropsWithChildren<{
+    /** Файл */
+    file: ReactNode;
+    /** Подсказка */
+    hint?: ReactNode;
+    /** Статус файла */
+    status?: FileStatusVariant;
+    /** Размер файла */
+    size?: FileSizeVariant;
+    /** Trailing файла */
+    trailing?: ReactNode;
+    /** Идентификатор компонента для тестов */
+    'data-testid'?: string;
+}>;
+export type FileProps<As extends ElementType = typeof FILE_DEFAULT_TAG> = PolymorphicComponentPropsWithoutRef<FileBaseProps, As>;
+export type FileRef<As extends ElementType = typeof FILE_DEFAULT_TAG> = ComponentRef<As>;

package/__inner__/esm/components/FileNext/types.js

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

package/__inner__/esm/components/FileUploader/FileUploader.css

@@ -0,0 +1,9 @@
+.FileUploader {
+  display: flex;
+  flex-direction: column;
+}
+
+  .FileUploader-Content {
+    display: flex;
+    margin-block-start: var(--spacing-2xs);
+  }

package/__inner__/esm/components/FileUploader/FileUploader.d.ts

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

package/__inner__/esm/components/FileUploader/FileUploader.js

@@ -0,0 +1,26 @@
+import { __assign, __rest } from "tslib";
+import React from 'react';
+import { useThemeProps } from '../../hooks/useThemeProps';
+import { cn } from '../../utils/classname';
+import { polymorphicComponentWithRef } from '../../utils/polymorphicComponentWithRef';
+import { Stack } from '../Stack';
+import { FileUploaderHint } from './components';
+import { FILE_UPLOADER_DEFAULT_ALLOW_DROP, FILE_UPLOADER_DEFAULT_MULTIPLE, FILE_UPLOADER_DEFAULT_ON_DROP, FILE_UPLOADER_DEFAULT_SIZE, FILE_UPLOADER_DEFAULT_TAG, FILE_UPLOADER_DEFAULT_VALIDATE, FILE_UPLOADER_DEFAULT_VARIANT, } from './constants';
+import { FileUploaderProvider } from './context';
+import { FileUploaderInput } from './modules';
+export var cnFileUploader = cn('FileUploader');
+export var FileUploader = polymorphicComponentWithRef(function (inProps, ref) {
+    var props = useThemeProps({
+        props: inProps,
+        name: 'FileUploader',
+    });
+    var _a = props.as, Tag = _a === void 0 ? FILE_UPLOADER_DEFAULT_TAG : _a, prepareFiles = props.prepareFiles, children = props.children, _b = props.size, size = _b === void 0 ? FILE_UPLOADER_DEFAULT_SIZE : _b, files = props.files, defaultFiles = props.defaultFiles, _c = props.multiple, multiple = _c === void 0 ? FILE_UPLOADER_DEFAULT_MULTIPLE : _c, onChange = props.onChange, className = props.className, onDelete = props.onDelete, onDraggingStart = props.onDraggingStart, onDraggingEnd = props.onDraggingEnd, status = props.status, drop = props.drop, _d = props.variant, variant = _d === void 0 ? FILE_UPLOADER_DEFAULT_VARIANT : _d, inputProp = props.input, accept = props.accept, hint = props.hint, _e = props.validate, validate = _e === void 0 ? FILE_UPLOADER_DEFAULT_VALIDATE : _e, _f = props.allow, allow = _f === void 0 ? FILE_UPLOADER_DEFAULT_ALLOW_DROP : _f, onAllowDropChange = props.onAllowDropChange, onAllowUploadChange = props.onAllowUploadChange, _g = props.onDrop, onDrop = _g === void 0 ? FILE_UPLOADER_DEFAULT_ON_DROP : _g, other = __rest(props, ["as", "prepareFiles", "children", "size", "files", "defaultFiles", "multiple", "onChange", "className", "onDelete", "onDraggingStart", "onDraggingEnd", "status", "drop", "variant", "input", "accept", "hint", "validate", "allow", "onAllowDropChange", "onAllowUploadChange", "onDrop"]);
+    var input = inputProp !== null && inputProp !== void 0 ? inputProp : React.createElement(FileUploaderInput, null);
+    return (React.createElement(FileUploaderProvider, { prepareFiles: prepareFiles, size: size, files: files, defaultFiles: defaultFiles, multiple: multiple, onChange: onChange, onDelete: onDelete, onDraggingStart: onDraggingStart, onDraggingEnd: onDraggingEnd, status: status, variant: variant, accept: accept, validate: validate, allow: allow, onAllowDropChange: onAllowDropChange, onAllowUploadChange: onAllowUploadChange, onDrop: onDrop },
+        React.createElement(Tag, __assign({}, other, { ref: ref, className: cnFileUploader({ status: status }, [className]) }),
+            input,
+            drop,
+            children && (React.createElement(Stack, { gap: "s", className: cnFileUploader('Content'), direction: "column" }, children)),
+            hint && (React.createElement(FileUploaderHint, { className: cnFileUploader('Hint') }, hint)))));
+});
+FileUploader.displayName = 'FileUploader';

package/__inner__/esm/components/FileUploader/__tests__/constants.d.ts

@@ -0,0 +1,4 @@
+import type { MockFileInfo } from './types';
+export declare const mockAcceptedEventFiles: MockFileInfo[];
+export declare const mockRejectedEventFiles: MockFileInfo[];
+export declare const mockEventFiles: MockFileInfo[];

package/__inner__/esm/components/FileUploader/__tests__/constants.js

@@ -0,0 +1,10 @@
+import { __read, __spreadArray } from "tslib";
+import { generateMockFileInfo } from './utils';
+export var mockAcceptedEventFiles = [
+    generateMockFileInfo('test', 'svg'),
+    generateMockFileInfo('test2', 'pdf'),
+];
+export var mockRejectedEventFiles = [
+    generateMockFileInfo('test3', 'jpg', 'other'),
+];
+export var mockEventFiles = __spreadArray(__spreadArray([], __read(mockAcceptedEventFiles), false), __read(mockRejectedEventFiles), false);

package/__inner__/esm/components/FileUploader/__tests__/index.d.ts

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

package/__inner__/esm/components/FileUploader/__tests__/index.js

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

package/__inner__/esm/components/FileUploader/__tests__/types.d.ts

@@ -0,0 +1,5 @@
+export type MockFileInfo = {
+    name: string;
+    kind: 'file' | 'other';
+};
+export type MockFileInfoFormat = 'svg' | 'png' | 'pdf' | 'jpg';

package/__inner__/esm/components/FileUploader/__tests__/types.js

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

package/__inner__/esm/components/FileUploader/__tests__/utils/createMockFile.d.ts

@@ -0,0 +1,2 @@
+import type { MockFileInfoFormat } from '../types';
+export declare const createMockFile: (name: string, format: MockFileInfoFormat) => File;

package/__inner__/esm/components/FileUploader/__tests__/utils/createMockFile.js

@@ -0,0 +1,3 @@
+export var createMockFile = function (name, format) {
+    return new File([], "".concat(name, ".").concat(format));
+};

package/__inner__/esm/components/FileUploader/__tests__/utils/generateMockDragEvent.d.ts

@@ -0,0 +1,6 @@
+import type { MockFileInfo } from '../types';
+export declare const generateMockDragEvent: (items: MockFileInfo[]) => {
+    dataTransfer: {
+        items: MockFileInfo[];
+    };
+};

package/__inner__/esm/components/FileUploader/__tests__/utils/generateMockDragEvent.js

@@ -0,0 +1,5 @@
+export var generateMockDragEvent = function (items) { return ({
+    dataTransfer: {
+        items: items,
+    },
+}); };

package/__inner__/esm/components/FileUploader/__tests__/utils/generateMockDropEvent.d.ts

@@ -0,0 +1,7 @@
+import type { MockFileInfo } from '../types';
+export declare const generateMockDropEvent: (files: MockFileInfo[]) => {
+    dataTransfer: {
+        items: MockFileInfo[];
+        files: MockFileInfo[];
+    };
+};

package/__inner__/esm/components/FileUploader/__tests__/utils/generateMockDropEvent.js

@@ -0,0 +1,6 @@
+export var generateMockDropEvent = function (files) { return ({
+    dataTransfer: {
+        items: files,
+        files: files,
+    },
+}); };

package/__inner__/esm/components/FileUploader/__tests__/utils/generateMockFileInfo.d.ts

@@ -0,0 +1,2 @@
+import type { MockFileInfo, MockFileInfoFormat } from '../types';
+export declare const generateMockFileInfo: (name: string, format: MockFileInfoFormat, kind?: "file" | "other") => MockFileInfo;

package/__inner__/esm/components/FileUploader/__tests__/utils/generateMockFileInfo.js

@@ -0,0 +1,7 @@
+export var generateMockFileInfo = function (name, format, kind) {
+    if (kind === void 0) { kind = 'file'; }
+    return ({
+        name: "".concat(name, ".").concat(format),
+        kind: kind,
+    });
+};

package/__inner__/esm/components/FileUploader/__tests__/utils/generateMockUploadEvent.d.ts

@@ -0,0 +1,6 @@
+import type { MockFileInfo } from '../types';
+export declare const generateMockUploadEvent: (files: MockFileInfo[]) => {
+    target: {
+        files: MockFileInfo[];
+    };
+};

package/__inner__/esm/components/FileUploader/__tests__/utils/generateMockUploadEvent.js

@@ -0,0 +1,5 @@
+export var generateMockUploadEvent = function (files) { return ({
+    target: {
+        files: files,
+    },
+}); };

package/__inner__/esm/components/FileUploader/__tests__/utils/index.d.ts

@@ -0,0 +1,5 @@
+export * from './createMockFile';
+export * from './generateMockDragEvent';
+export * from './generateMockDropEvent';
+export * from './generateMockFileInfo';
+export * from './generateMockUploadEvent';

package/__inner__/esm/components/FileUploader/__tests__/utils/index.js

@@ -0,0 +1,5 @@
+export * from './createMockFile';
+export * from './generateMockDragEvent';
+export * from './generateMockDropEvent';
+export * from './generateMockFileInfo';
+export * from './generateMockUploadEvent';

package/__inner__/esm/components/FileUploader/allowPresets/index.d.ts

@@ -0,0 +1,2 @@
+export * from './multipleCheck';
+export * from './statusCheck';

package/__inner__/esm/components/FileUploader/allowPresets/index.js

@@ -0,0 +1,2 @@
+export * from './multipleCheck';
+export * from './statusCheck';

package/__inner__/esm/components/FileUploader/allowPresets/multipleCheck.d.ts

@@ -0,0 +1,2 @@
+import type { FileUploaderAllow } from '../entities';
+export declare const multipleCheck: FileUploaderAllow;

package/__inner__/esm/components/FileUploader/allowPresets/multipleCheck.js

@@ -0,0 +1,6 @@
+export var multipleCheck = function (files, context) {
+    if (!context.multiple && files.length > 1) {
+        return false;
+    }
+    return true;
+};

package/__inner__/esm/components/FileUploader/allowPresets/statusCheck.d.ts

@@ -0,0 +1,2 @@
+import type { FileUploaderAllow } from '../entities';
+export declare const statusCheck: FileUploaderAllow;

package/__inner__/esm/components/FileUploader/allowPresets/statusCheck.js

@@ -0,0 +1,4 @@
+export var statusCheck = function (_, context) {
+    var status = context.status;
+    return status !== 'disabled' && status !== 'loading';
+};

package/__inner__/esm/components/FileUploader/components/FileUploaderHint/FileUploaderHint.css

@@ -0,0 +1,22 @@
+/* stylelint-disable */
+.FileUploaderHint {
+  --file-uploader-hint-color: var(--color-content-secondary);
+  color: var(--file-uploader-hint-color);
+  margin-block-start: var(--spacing-2xs);
+  transition: color var(--transition-default);
+}
+.FileUploaderHint_size_s {
+    font: var(--typography-text-2xs-font);
+    letter-spacing: var(--typography-text-2xs-letter_spacing, 0);
+    text-transform: var(--typography-text-2xs-text_transform, none);
+    padding-block: var(--spacing-4xs) 6px;
+  }
+.FileUploaderHint_size_m, .FileUploaderHint_size_l {
+    font: var(--typography-text-xs-font);
+    letter-spacing: var(--typography-text-xs-letter_spacing, 0);
+    text-transform: var(--typography-text-xs-text_transform, none);
+    padding-block: var(--spacing-3xs) var(--spacing-xs);
+  }
+.FileUploaderHint_status_error {
+    --file-uploader-hint-color: var(--color-content-error);
+  }

package/__inner__/esm/components/FileUploader/components/FileUploaderHint/FileUploaderHint.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import type { FileUploaderHintProps } from './types';
+export declare const cnFileUploaderHint: import("@bem-react/classname").ClassNameFormatter;
+export declare const FileUploaderHint: ({ children, className, ...other }: FileUploaderHintProps) => React.JSX.Element;

package/__inner__/esm/components/FileUploader/components/FileUploaderHint/FileUploaderHint.js

@@ -0,0 +1,10 @@
+import { __assign, __rest } from "tslib";
+import React from 'react';
+import { cn } from '../../../../utils/classname';
+import { useFileUploaderContext } from '../../context';
+export var cnFileUploaderHint = cn('FileUploaderHint');
+export var FileUploaderHint = function (_a) {
+    var children = _a.children, className = _a.className, other = __rest(_a, ["children", "className"]);
+    var _b = useFileUploaderContext(), size = _b.size, status = _b.status;
+    return (React.createElement("div", __assign({}, other, { className: cnFileUploaderHint({ size: size, status: status }, [className]) }), children));
+};

package/__inner__/esm/components/FileUploader/components/FileUploaderHint/index.d.ts

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

package/__inner__/esm/components/FileUploader/components/FileUploaderHint/index.js

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

package/__inner__/esm/components/FileUploader/components/FileUploaderHint/types.d.ts

@@ -0,0 +1,5 @@
+import type { ComponentProps } from 'react';
+export type FileUploaderHintProps = ComponentProps<'div'> & {
+    /** data-атрибут для тестирования */
+    'data-testid'?: string;
+};

package/__inner__/esm/components/FileUploader/components/FileUploaderHint/types.js

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

package/__inner__/esm/components/FileUploader/components/index.d.ts

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

package/__inner__/esm/components/FileUploader/components/index.js

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

package/__inner__/esm/components/FileUploader/constants.d.ts

@@ -0,0 +1,11 @@
+import type { FileUploaderAllow } from './entities';
+export declare const FILE_UPLOADER_DEFAULT_TAG = "div";
+export declare const FILE_UPLOADER_DEFAULT_SIZE = "m";
+export declare const FILE_UPLOADER_DEFAULT_MULTIPLE = false;
+export declare const FILE_UPLOADER_DEFAULT_STATUS = "default";
+export declare const FILE_UPLOADER_DEFAULT_VARIANT = "main";
+export declare const FILE_UPLOADER_DEFAULT_VALIDATE: () => true;
+export declare const FILE_UPLOADER_DEFAULT_ALLOW_DROP: FileUploaderAllow[];
+export declare const FILE_UPLOADER_DEFAULT_ON_ALLOW_DROP_CHANGE: () => void;
+export declare const FILE_UPLOADER_DEFAULT_ON_ALLOW_UPLOAD_CHANGE: () => void;
+export declare const FILE_UPLOADER_DEFAULT_ON_DROP: () => void;

package/__inner__/esm/components/FileUploader/constants.js

@@ -0,0 +1,16 @@
+import { multipleCheck, statusCheck } from './allowPresets';
+export var FILE_UPLOADER_DEFAULT_TAG = 'div';
+export var FILE_UPLOADER_DEFAULT_SIZE = 'm';
+export var FILE_UPLOADER_DEFAULT_MULTIPLE = false;
+export var FILE_UPLOADER_DEFAULT_STATUS = 'default';
+export var FILE_UPLOADER_DEFAULT_VARIANT = 'main';
+export var FILE_UPLOADER_DEFAULT_VALIDATE = (function () {
+    return true;
+});
+export var FILE_UPLOADER_DEFAULT_ALLOW_DROP = [
+    statusCheck,
+    multipleCheck,
+];
+export var FILE_UPLOADER_DEFAULT_ON_ALLOW_DROP_CHANGE = (function () { });
+export var FILE_UPLOADER_DEFAULT_ON_ALLOW_UPLOAD_CHANGE = (function () { });
+export var FILE_UPLOADER_DEFAULT_ON_DROP = (function () { });

package/__inner__/esm/components/FileUploader/context/FileUploaderContext.d.ts

@@ -0,0 +1,4 @@
+import type { FileUploaderContextValue } from './types';
+export declare const FileUploaderContextDefaultValue: FileUploaderContextValue;
+export declare const FileUploaderContext: import("react").Context<FileUploaderContextValue>;
+export declare const useFileUploaderContext: () => FileUploaderContextValue;